/* CompileSquad editorial + inner pages. Shared navigation lives in cs-site.css. */
.inner-page{--inner-ink:#191a1c;--inner-muted:#696a6b;--inner-warm:#f7f7f5;--inner-line:#e4e5e1;--inner-accent:#a8420a;--line:#e4e5e1;--faint-s:#696a6b;background:#fff;color:var(--inner-ink)}
.inner-page main{min-width:0}.inner-page main .wrap{width:min(1170px,calc(100% - 64px));margin-inline:auto}.inner-page main .serif{font-family:inherit;font-style:normal}.inner-page .phero{padding:82px 0 65px;background:var(--inner-warm);border-bottom:1px solid var(--inner-line)}.inner-page .phero .wrap{position:relative}.inner-page .crumb{display:flex;align-items:center;gap:11px;margin-bottom:27px}.inner-page .ln{width:24px;height:2px;background:#ff821f}.inner-page .label,.inner-page .secnum,.inner-page .ptag,.inner-page .wl,.inner-page .ti,.inner-page .sn{font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--inner-accent)}.inner-page .phero h1{font-size:clamp(40px,5.2vw,65px);line-height:1.1;letter-spacing:-.048em;font-weight:600;margin:0;max-width:1030px}.inner-page .phero h1 em{color:var(--inner-accent);font-style:normal}.inner-page .psub{font-size:17px;line-height:1.8;max-width:690px;color:var(--inner-muted);margin:24px 0 0}.inner-page .sec{padding:72px 0}.inner-page .rule{width:min(1170px,calc(100% - 64px));border:0;border-top:1px solid var(--inner-line);margin:0 auto}.inner-page .sechead{margin-bottom:32px}.inner-page .secnum{display:block;margin-bottom:12px}.inner-page .sectitle,.inner-page .sec>.wrap>h2,.inner-page .cta h2{font-size:clamp(28px,3.4vw,40px);line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:0}.inner-page .secsub{color:var(--inner-muted);font-size:15px;line-height:1.8;max-width:650px;margin:15px 0 0}.inner-page main a{color:inherit}.inner-page main a:hover{color:var(--inner-accent)}.inner-page main a:focus-visible,.inner-page main button:focus-visible,.inner-page main input:focus-visible,.inner-page main textarea:focus-visible{outline:3px solid #b44b0a;outline-offset:4px}.inner-page [id]{scroll-margin-top:106px}
/* Capability catalogue */
.inner-page .pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.inner-page .pillar{position:relative;border:1px solid var(--inner-line);border-radius:18px;background:#fff;padding:35px;overflow:hidden}.inner-page .pillar:target{box-shadow:0 0 0 3px #ff821f55}.inner-page .pn{position:absolute;right:25px;top:25px;font-size:12px;line-height:32px;font-weight:600;text-align:center;border:1px solid var(--inner-line);border-radius:50%;width:32px;height:32px;color:var(--inner-muted)}.inner-page .ptag{max-width:82%;letter-spacing:.075em;margin-bottom:12px}.inner-page .pillar h3{font-size:26px;line-height:1.25;letter-spacing:-.04em;font-weight:600;margin:0 0 15px}.inner-page .pdesc{font-size:15px;line-height:1.8;color:var(--inner-muted);margin:0 0 24px;max-width:450px}.inner-page .pitem{display:flex;gap:14px;padding:17px 0;border-top:1px solid var(--inner-line);font-size:14px;line-height:1.65}.inner-page .px{flex:0 0 20px;color:var(--inner-accent);font-size:17px}.inner-page .pitem b{display:block;font-weight:600;margin-bottom:4px}.inner-page .pitem span span{display:block;color:var(--inner-muted)}.inner-page .pillar .tlink{margin-top:12px}.inner-page .srv{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.inner-page .srv-row{display:flex;gap:21px;padding:27px 0;border-top:1px solid var(--inner-line)}.inner-page .sx{font-size:11px;color:var(--inner-accent);line-height:25px;flex:0 0 26px}.inner-page .srv-row h4{font-size:18px;line-height:1.45;letter-spacing:-.025em;font-weight:600;margin:0 0 9px}.inner-page .srv-row p{font-size:14px;line-height:1.8;color:var(--inner-muted);margin:0}.inner-page .trio,.inner-page .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.inner-page .steps{grid-template-columns:repeat(4,minmax(0,1fr))}.inner-page .t,.inner-page .step{border:1px solid var(--inner-line);border-radius:16px;background:var(--inner-warm);padding:29px}.inner-page .ti,.inner-page .sn{display:block;margin-bottom:25px}.inner-page .t h4,.inner-page .step h4{font-size:22px;line-height:1.3;letter-spacing:-.03em;font-weight:600;margin:0 0 12px}.inner-page .t p,.inner-page .step p{font-size:14px;line-height:1.8;color:var(--inner-muted);margin:0}.inner-page .why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.inner-page .whyitem{padding:31px;border:1px solid var(--inner-line);border-radius:16px}.inner-page .whyitem .wl{margin-bottom:15px}.inner-page .whyitem h4{font-size:23px;line-height:1.35;font-weight:600;letter-spacing:-.035em;margin:0 0 12px}.inner-page .whyitem p{font-size:15px;line-height:1.8;color:var(--inner-muted);margin:0}.inner-page .whyitem p a{text-decoration:underline;text-underline-offset:3px}.inner-page .bridge{padding:70px 0;background:var(--inner-warm);border-block:1px solid var(--inner-line)}.inner-page .big{max-width:820px;font-size:35px;line-height:1.3;letter-spacing:-.04em;font-weight:600;margin:0 0 19px}.inner-page .note{font-size:15px;line-height:1.8;color:var(--inner-muted);max-width:680px;margin:0}.inner-page .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--inner-line);padding-top:36px;margin-top:36px}.inner-page .stats .n{font-size:42px;line-height:1.2;font-weight:600;letter-spacing:-.05em;margin-bottom:8px}.inner-page .stats .l{font-size:13px;color:var(--inner-muted)}
/* Blog and related reading */
.inner-page .posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.inner-page .post{display:flex;flex-direction:column;position:relative;border:1px solid var(--inner-line);border-radius:15px;padding:25px;overflow:hidden;text-decoration:none;background:white;transition:border-color .18s,transform .18s,box-shadow .18s}.inner-page .post:hover{border-color:#efc29f;transform:translateY(-3px);box-shadow:0 10px 25px #191a1c08;color:var(--inner-ink)}.inner-page .post[hidden]{display:none}.inner-page .post h4{font-size:19px;line-height:1.4;letter-spacing:-.025em;font-weight:600;margin:0 0 12px}.inner-page .post p{font-size:13px;line-height:1.75;color:var(--inner-muted);margin:0}.inner-page .meta,.inner-page .art-meta{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--inner-muted);line-height:1.6}.inner-page .post .meta{margin-bottom:14px}.inner-page .cat{color:var(--inner-accent);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.inner-page .pcover{aspect-ratio:2.2;background:#f4f4ef;margin:-25px -25px 24px;border-bottom:1px solid var(--inner-line);overflow:hidden}.inner-page .pcover svg{width:100%;height:100%;display:block}.inner-page .feature-post{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--inner-line);border-radius:20px;overflow:hidden;margin-bottom:48px}.inner-page .fp-img{background:#f1f2ec;display:flex;align-items:center;justify-content:center}.inner-page .fp-img svg{display:block;width:100%;height:100%;min-height:240px}.inner-page .fp-body{padding:45px;background:var(--inner-warm)}.inner-page .fp-body h3{font-size:31px;line-height:1.25;font-weight:600;letter-spacing:-.04em;margin:17px 0}.inner-page .fp-body p{font-size:15px;line-height:1.75;color:var(--inner-muted);margin:0 0 25px}.inner-page .tlink{display:inline-flex;align-items:center;gap:10px;color:var(--inner-accent);font-size:13px;font-weight:600;text-decoration:none}.inner-page .tlink:hover{gap:14px}.inner-page .blog-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:25px}.inner-page .blog-filters{display:flex;flex-wrap:wrap;gap:8px}.inner-page .blog-filters button{font-family:inherit;font-size:12px;font-weight:500;background:#fff;border:1px solid var(--inner-line);border-radius:25px;color:var(--inner-muted);padding:10px 16px;cursor:pointer}.inner-page .blog-filters button:hover{border-color:#b7b8b3;color:var(--inner-ink)}.inner-page .blog-filters button.is-active{background:var(--inner-ink);color:white;border-color:var(--inner-ink)}.inner-page .filter-status{font-size:12px;white-space:nowrap;color:var(--inner-muted);margin:0}.inner-page #guides .posts{margin-top:27px}
/* Article reading experience */
.article-page .phero{padding-bottom:50px;border-bottom:0}.article-page .phero h1{max-width:940px;font-size:clamp(36px,4.4vw,54px);line-height:1.13;margin-top:20px}.inner-page .backlink{display:inline-block;font-size:12px;color:var(--inner-muted);margin-bottom:29px;text-decoration:none}.inner-page .art-meta{gap:21px}.inner-page .art-hero{height:220px;overflow:hidden;background-color:#f3f4ed;background-image:radial-gradient(#d8dcd3 .8px,transparent .8px);background-size:16px 16px;border:1px solid var(--inner-line);border-radius:18px;margin-top:30px}.inner-page .art-hero svg{width:100%;height:100%;display:block}.inner-page .artwrap{width:min(1170px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:230px minmax(0,780px);gap:66px;align-items:start}.inner-page .article-toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:0}.inner-page .article-sidebar{position:sticky;top:110px}.inner-page .toc-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--inner-muted);margin:0 0 16px}.inner-page .article-toc a{font-size:12px;line-height:1.65;padding:9px 0;text-decoration:none;color:var(--inner-muted)}.inner-page .article-toc a:hover{color:var(--inner-accent)}.inner-page .article-toc .toc-contact{color:var(--inner-accent);font-weight:600;border-top:1px solid var(--inner-line);margin-top:17px;padding-top:22px}.inner-page .article-body{min-width:0}.inner-page .keybox{background:var(--inner-warm);border:1px solid var(--inner-line);border-left:3px solid #ff821f;padding:25px 28px;border-radius:0 12px 12px 0;margin-bottom:35px}.inner-page .keybox h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--inner-accent);margin:0 0 15px}.inner-page .keybox ul{font-size:14px;line-height:1.8;padding-left:19px;margin:0;color:#515553}.inner-page .keybox li+li{margin-top:7px}.inner-page .prose{font-size:16px;line-height:1.9;color:#555958;max-width:800px}.inner-page .prose p{margin:0 0 23px}.inner-page .prose p:last-child{margin-bottom:0}.inner-page .prose h2{font-size:28px;line-height:1.35;font-weight:600;letter-spacing:-.035em;color:var(--inner-ink);margin:42px 0 17px}.inner-page .prose h3{font-size:21px;line-height:1.4;font-weight:600;color:var(--inner-ink);margin:30px 0 15px}.inner-page .prose strong{color:#292d2b;font-weight:600}.inner-page .prose a{color:var(--inner-accent);text-decoration:underline;text-decoration-color:#dca17e;text-underline-offset:3px}.inner-page .prose ul,.inner-page .prose ol{padding-left:23px;margin:0 0 25px}.inner-page .prose li+li{margin-top:9px}.inner-page .prose blockquote{margin:30px 0;padding:24px 28px;border-left:3px solid #ff821f;background:var(--inner-warm);font-size:21px;line-height:1.55;letter-spacing:-.02em;color:var(--inner-ink)}.inner-page .prose table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.65;margin:25px 0}.inner-page .prose th,.inner-page .prose td{padding:13px 15px;border:1px solid var(--inner-line);text-align:left}.inner-page .prose th{background:var(--inner-warm);color:var(--inner-ink)}.inner-page .prose code{font-size:.88em;overflow-wrap:anywhere;background:var(--inner-warm);padding:2px 5px;border-radius:4px}.inner-page .prose pre{max-width:100%;overflow:auto;padding:20px;border:1px solid var(--inner-line);border-radius:10px;background:var(--inner-warm)}.inner-page .faq-a{padding-top:40px;margin-top:40px;border-top:1px solid var(--inner-line)}.inner-page .faq-a h2{font-size:29px;line-height:1.3;letter-spacing:-.035em;font-weight:600;margin:0 0 25px}.inner-page .faq-q{padding:20px 0;border-top:1px solid var(--inner-line)}.inner-page .faq-q h3{font-size:17px;line-height:1.5;font-weight:600;margin:0 0 10px}.inner-page .faq-q p{font-size:14px;line-height:1.8;color:var(--inner-muted);margin:0}.inner-page .tagrow{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0}.inner-page .tag{font-size:10px;letter-spacing:.02em;padding:7px 11px;border:1px solid var(--inner-line);border-radius:20px;color:var(--inner-muted)}.inner-page .article-body>hr{border:0;border-top:1px solid var(--inner-line);margin:38px 0}.inner-page .related>.meta{margin-bottom:18px;text-transform:uppercase;letter-spacing:.06em}.inner-page .related .posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.inner-page .related .post{padding:21px}.inner-page .related .pcover{margin:-21px -21px 20px}.inner-page .related .post h4{font-size:17px}.inner-page .related .post p{font-size:12px}
/* Contact / retained forms */
.inner-page .cta{padding:76px 0;background:var(--inner-warm);border-top:1px solid var(--inner-line)}.inner-page .cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.inner-page .cta h2{margin-top:17px}.inner-page .ctxt{font-size:15px;line-height:1.85;color:var(--inner-muted);margin:21px 0 0;max-width:500px}.inner-page .form{display:flex;flex-direction:column;gap:18px}.inner-page .frow{display:grid;grid-template-columns:1fr 1fr;gap:17px}.inner-page .field{display:flex;flex-direction:column;gap:8px;min-width:0}.inner-page .field label{font-size:12px;line-height:1.5;font-weight:600;color:var(--inner-ink)}.inner-page .field input,.inner-page .field textarea,.inner-page .field select{font-family:inherit;font-size:14px;line-height:1.6;min-width:0;width:100%;box-sizing:border-box;border:1px solid #d9dcd7;border-radius:8px;padding:13px 15px;background:white;color:var(--inner-ink);transition:border-color .15s}.inner-page .field input:focus,.inner-page .field textarea:focus{border-color:#a8420a}.inner-page .field textarea{min-height:102px;resize:vertical}.inner-page .field input::placeholder,.inner-page .field textarea::placeholder{color:#8a8c89}.inner-page .hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important}.inner-page .form .btn{font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#ff821f;color:#191a1c;border:1px solid #ff821f;border-radius:8px;padding:14px 23px;cursor:pointer;align-self:flex-start;transition:background .15s}.inner-page .form .btn:hover{background:#f47410}.inner-page .form .btn:disabled{cursor:wait;opacity:.7}.inner-page .fnote{font-size:10px;line-height:1.7;letter-spacing:.01em;color:var(--inner-muted)}.inner-page .form-status{font-size:13px;line-height:1.7;margin:0;color:var(--inner-accent)}.inner-page .form-status:empty{display:none}.inner-page .contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:start}.inner-page .contact-grid .form{border:1px solid var(--inner-line);border-radius:18px;padding:35px;background:var(--inner-warm)}.inner-page .cinfo{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:14px}.inner-page .cl{font-size:11px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:var(--inner-accent);font-weight:600;margin-bottom:13px}.inner-page .ci a{font-size:15px;line-height:1.7;overflow-wrap:anywhere;text-decoration:none}.inner-page .ci p{font-size:15px;line-height:1.9;margin:0 0 12px}.inner-page .sm{font-size:12px;color:var(--inner-muted)}.inner-page .faq{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.inner-page .faqitem{padding:27px 0;border-top:1px solid var(--inner-line)}.inner-page .faqitem h4{font-size:19px;line-height:1.45;letter-spacing:-.025em;font-weight:600;margin:0 0 12px}.inner-page .faqitem p{font-size:14px;line-height:1.8;color:var(--inner-muted);margin:0}.page-privacy .prose,.page-terms .prose{max-width:820px}.page-privacy .phero h1,.page-terms .phero h1{font-size:52px}.inner-page .art-hero svg text,.inner-page .pcover svg text,.inner-page .fp-img svg text{fill:#555b56}
@media(min-width:1050px){.article-page .phero>.wrap{padding-left:296px}.article-page .phero h1{font-size:45px}.article-page .art-hero{margin-left:296px}}
@media(max-width:1050px){.inner-page .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-page .artwrap{grid-template-columns:190px minmax(0,1fr);gap:35px}.inner-page .cta-grid{gap:45px}.inner-page .contact-grid{gap:40px}.inner-page .cinfo{grid-template-columns:1fr}.inner-page .pillar{padding:28px}.inner-page .posts{gap:17px}.inner-page .post{padding:21px}.inner-page .pcover{margin:-21px -21px 21px}.inner-page .blog-toolbar{align-items:flex-start}.inner-page .filter-status{padding-top:12px}}
@media(max-width:760px){.inner-page main .wrap,.inner-page .rule,.inner-page .artwrap{width:calc(100% - 36px)}.inner-page .phero{padding:52px 0 43px}.inner-page .phero h1{font-size:42px;letter-spacing:-.045em}.inner-page .psub{font-size:15px;line-height:1.8;margin-top:21px}.inner-page .crumb{margin-bottom:24px}.inner-page .sec{padding:46px 0}.inner-page .pillars,.inner-page .srv,.inner-page .why,.inner-page .trio,.inner-page .cta-grid,.inner-page .contact-grid,.inner-page .feature-post,.inner-page .faq{grid-template-columns:1fr}.inner-page .pillar{padding:27px}.inner-page .pillar h3{font-size:25px}.inner-page .pn{top:21px;right:21px}.inner-page .ptag{font-size:10px}.inner-page .whyitem{padding:25px}.inner-page .stats{grid-template-columns:repeat(2,1fr);gap:26px}.inner-page .stats .n{font-size:38px}.inner-page .steps{gap:15px}.inner-page .step{padding:23px}.inner-page .step h4{font-size:20px}.inner-page .posts{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-page .fp-img{max-height:190px}.inner-page .fp-img svg{min-height:0}.inner-page .fp-body{padding:29px}.inner-page .fp-body h3{font-size:27px}.inner-page .feature-post{margin-bottom:30px}.inner-page .blog-toolbar{display:block}.inner-page .filter-status{padding-top:17px}.inner-page .blog-filters{gap:7px}.inner-page .blog-filters button{padding:9px 12px;font-size:11px}.inner-page .artwrap{display:block}.inner-page .article-sidebar{display:none}.article-page .phero h1{font-size:35px;line-height:1.17}.inner-page .art-hero{height:160px;margin-top:23px}.inner-page .prose{font-size:15px;line-height:1.85}.inner-page .prose h2{font-size:25px}.inner-page .keybox{padding:22px}.inner-page .keybox ul{font-size:13px}.inner-page .prose table{font-size:11px}.inner-page .prose th,.inner-page .prose td{padding:10px 8px}.inner-page .cta{padding:47px 0}.inner-page .cta-grid{gap:33px}.inner-page .contact-grid{gap:36px}.inner-page .contact-grid .form{padding:24px}.inner-page .cinfo{grid-template-columns:1fr 1fr;gap:24px}.inner-page .bridge{padding:48px 0}.inner-page .big{font-size:28px}.page-privacy .phero h1,.page-terms .phero h1{font-size:42px}}
@media(max-width:480px){.inner-page .phero h1{font-size:37px}.inner-page .posts,.inner-page .steps{grid-template-columns:1fr}.inner-page .post h4{font-size:21px}.inner-page .pcover{aspect-ratio:2.65}.inner-page .related .posts{grid-template-columns:1fr}.inner-page .frow{grid-template-columns:1fr;gap:18px}.inner-page .cinfo{grid-template-columns:1fr 1fr;gap:25px 17px}.inner-page .ci a{font-size:13px}.inner-page .ci p{font-size:14px}.article-page .phero h1{font-size:31px}.inner-page .art-meta{gap:13px;font-size:10px}.inner-page .form .btn{width:100%}.inner-page .prose blockquote{font-size:18px;padding:19px}.inner-page .prose table{display:block;overflow-x:auto}.inner-page .pillar{padding:24px}.inner-page .pillar h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.inner-page *{scroll-behavior:auto!important;transition:none!important}.inner-page .post:hover{transform:none}}
