/* INNER-V2-20261022: inner pages on the homepage design system (Stripe polish + Notion warmth).
   Loaded after site.css / tools.css / mkt.css / costnumber.css / ppp2.css on every inner page (body.inner-v2).
   Generated source: /workspace/design-2026-10-21/build/inner2.css -> copied to /assets/inner2.css by inner_v2.py. */
body.inner-v2{--ink:#0A2540;--ink-2:#1A2B49;--body:#425466;--muted:#55657A;--muted-2:#6B7489;--line:#E6EBF1;--line-2:#D5DCE6;--bg:#FFFFFF;--surface:#FFFFFF;--band:#F6F9FC;
 --accent:#4F46E5;--accent-hover:#4338CA;--accent-50:#EEF2FF;--accent-100:#E0E7FF;
 --grad:linear-gradient(100deg,#4338CA 0%,#6D28D9 52%,#BE185D 100%);
 --radius:12px;--radius-lg:16px;
 --shadow:0 1px 1px rgba(10,37,64,.03),0 2px 6px -1px rgba(50,50,93,.06),0 12px 24px -14px rgba(50,50,93,.16);
 --shadow-md:0 2px 4px rgba(10,37,64,.04),0 12px 24px -8px rgba(50,50,93,.12),0 30px 50px -26px rgba(50,50,93,.26);
 background:#fff;color:var(--ink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
body.inner-v2 :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Header: same as homepages */
body.inner-v2 .nav-brand,body.inner-v2 .nav-brand:hover{color:var(--ink)}
body.inner-v2 .site-header{background:rgba(255,255,255,.86);border-bottom:1px solid var(--line)}
body.inner-v2 .nav-links a{color:var(--ink-2)}
body.inner-v2 .nav-links a:hover,body.inner-v2 .nav-links a[aria-current="page"]{color:var(--ink);background:rgba(10,37,64,.05)}
/* Buttons: gradient primary + ghost secondary */
body.inner-v2 .btn{border-radius:10px;font-weight:600}
body.inner-v2 .btn--primary,body.inner-v2 .tl-cta__btn{background:var(--grad);background-size:160% 100%;background-position:0 0;border:1px solid transparent;background-origin:border-box;color:#fff!important;box-shadow:0 1px 2px rgba(10,37,64,.14),0 10px 22px -10px rgba(109,40,217,.6),inset 0 1px 0 rgba(255,255,255,.2)}
body.inner-v2 .btn--primary:hover,body.inner-v2 .tl-cta__btn:hover{background:var(--grad);background-size:160% 100%;background-position:100% 0;border-color:transparent;color:#fff!important;box-shadow:0 2px 4px rgba(10,37,64,.14),0 14px 28px -10px rgba(190,24,93,.5),inset 0 1px 0 rgba(255,255,255,.2)}
body.inner-v2 .btn--secondary{background:rgba(255,255,255,.7);color:var(--ink)!important;border:1px solid var(--line-2);box-shadow:none}
body.inner-v2 .btn--secondary:hover{background:#fff;border-color:var(--accent);color:var(--accent)!important}
body.inner-v2 .btn--accent{background:var(--ink);border-color:var(--ink);color:#fff!important}
@media (prefers-reduced-motion:no-preference){body.inner-v2 .btn{transition:background-position .45s ease,box-shadow .2s,transform .2s,border-color .2s,color .2s}body.inner-v2 .btn:hover{transform:translateY(-1px)}}
/* Form buttons rendered by JS (gates, calculator, tools) pick up the same look */
body.inner-v2 main button[type=submit]:not(.nav-toggle),body.inner-v2 .cn-cap button,body.inner-v2 .tl button.btn--primary{border-radius:10px}
/* ===== Hero area (top of every inner page) ===== */
body.inner-v2 .page-main{position:relative;overflow-x:clip}
body.inner-v2 .page-main>*:not(.hx-mesh){position:relative;z-index:1}
body.inner-v2 .article-wrap{padding-top:64px}
body.inner-v2 .article-header{max-width:880px;margin:0 0 40px;padding:0 0 32px;border-bottom:1px solid var(--line)}
body.inner-v2 .article-header .eyebrow,body.inner-v2 .article-header .week-tag,body.inner-v2 .hero__eyebrow,body.inner-v2 main>.section:first-of-type .section-label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--accent);background:rgba(238,242,255,.85);border:1px solid var(--accent-100);padding:5px 12px;border-radius:999px;margin:0 0 20px;line-height:1.35}
body.inner-v2 .article-header .eyebrow::before,body.inner-v2 .hero__eyebrow::before,body.inner-v2 main>.section:first-of-type .section-label::before{content:"";display:block;flex:none;width:6px;height:6px;border-radius:50%;background:#6D28D9;box-shadow:0 0 0 3px #EDE9FE}
body.inner-v2 .article-header h1,body.inner-v2 main>.section:first-of-type h1,body.inner-v2 main>.hero h1{font-size:clamp(2.2rem,3.9vw,3.4rem);line-height:1.06;letter-spacing:-.04em;font-weight:700;color:var(--ink);margin:0 0 18px;text-wrap:balance}
body.inner-v2.inner-post .article-header h1{font-size:clamp(2rem,3.1vw,2.75rem);line-height:1.1;letter-spacing:-.035em}
body.inner-v2 .article-header .byline{font-size:.95rem;color:var(--muted)}
body.inner-v2 .article-header .byline a{color:var(--ink-2);font-weight:600;text-decoration:none}
body.inner-v2 .breadcrumbs{font-size:.88rem!important;color:var(--muted)!important;margin:0 0 18px!important}
body.inner-v2 .breadcrumbs a{color:var(--muted);text-decoration:none}
body.inner-v2 .breadcrumbs a:hover{color:var(--accent)}
body.inner-v2 main>.hero{background:transparent;border-bottom:1px solid var(--line);padding:88px 0 72px}
body.inner-v2 main>.hero .hero__sub,body.inner-v2 main .section-lead{font-size:1.125rem;line-height:1.65;color:var(--body)}
body.inner-v2 main>.section:first-of-type{padding-top:72px}
/* small grey text inside the hero area sits over the mesh: one shade darker keeps WCAG AA */
body.inner-v2 :is(main>.hero,main>.section:first-of-type,.article-wrap>.breadcrumbs,.article-header) :is(.note,.byline,.cta-micro),body.inner-v2 .breadcrumbs,body.inner-v2 .breadcrumbs a{color:#475569!important}
/* ===== Reading column ===== */
body.inner-v2 .article-body{color:var(--body)}
body.inner-v2 .article-body p,body.inner-v2 .article-body li{color:var(--body);font-size:1.0625rem;line-height:1.72}
body.inner-v2 .article-body h2,body.inner-v2 main .site-wrap>h2{font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.2;letter-spacing:-.03em;font-weight:700;color:var(--ink);margin:56px 0 16px}
body.inner-v2 .article-body h2:first-child{margin-top:0}
body.inner-v2 .article-body h3,body.inner-v2 main .site-wrap>h3{font-size:1.2rem;line-height:1.3;letter-spacing:-.015em;color:var(--ink);margin:32px 0 10px}
body.inner-v2 main p strong,body.inner-v2 main li strong{color:var(--ink)}
body.inner-v2 .article-body :is(p,li,td,figcaption)>a:not([class]),body.inner-v2 main .site-wrap>p>a:not([class]){text-decoration:underline;text-decoration-color:rgba(79,70,229,.35);text-underline-offset:3px;text-decoration-thickness:1px}
body.inner-v2 .article-body :is(p,li,td,figcaption)>a:not([class]):hover,body.inner-v2 main .site-wrap>p>a:not([class]):hover{text-decoration-color:currentColor}
body.inner-v2 .article-body blockquote,body.inner-v2 main blockquote{border-left:3px solid transparent!important;border-image:var(--grad) 1;padding:4px 0 4px 20px!important;color:var(--ink-2)}
body.inner-v2 .note,body.inner-v2 .cta-micro{color:var(--muted)}
body.inner-v2 .ppp-playbook-intro{padding:14px 18px;border-radius:12px;background:linear-gradient(180deg,#F7F6FF,#fff);border:1px solid #E9E5FF}
/* Section rhythm (section-based pages) */
body.inner-v2 main>.section{padding:96px 0}
body.inner-v2 main>.section.section--tight{padding:72px 0}
body.inner-v2 main>.section.section--flush{padding-top:56px}
body.inner-v2 main>.section+.section{border-top:1px solid var(--line)}
body.inner-v2 .section-label{color:var(--accent);letter-spacing:.08em}
body.inner-v2 .section-title{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.035em;color:var(--ink)}
/* ===== Cards ===== */
body.inner-v2 :is(.card:not(.card--cta),.story-card,.blog-card,.feature-card,.hub-card,.tl-card,.cite-card,.video-card,.podcast-card,.fw-toc,.fw-faq details,.faq details,.author-box,.related,.glance,.vm>div,.dg-sig,.tl-kpi,.call-box){border-radius:14px!important;border:1px solid var(--line)!important;background:#fff!important;box-shadow:var(--shadow)}
body.inner-v2 .fw-faq details,body.inner-v2 .faq details{box-shadow:none}
body.inner-v2 .fw-faq summary{color:var(--ink)}
body.inner-v2 .fw-toc{padding:18px 22px}
body.inner-v2 .fw-toc a{text-decoration:none!important}
body.inner-v2 .glance{background:linear-gradient(180deg,#FBFAFF,#fff)!important;border-color:#E9E5FF!important}
@media (prefers-reduced-motion:no-preference){
 body.inner-v2 :is(.story-card,.blog-card,.feature-card,.hub-card,.tl-card,.video-card,.cite-card){transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease}
 body.inner-v2 :is(.story-card,.blog-card,.feature-card,.hub-card,.tl-card,.video-card,.cite-card):hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-2)!important}
}
body.inner-v2 .card.card--cta{border-radius:16px;border:1px solid #0A2540;color:#fff;background:radial-gradient(60% 120% at 100% 0,rgba(109,40,217,.35),transparent 60%),linear-gradient(135deg,#0A2540 0%,#14213D 100%)}
body.inner-v2 .card--cta p,body.inner-v2 .card--cta p strong,body.inner-v2 .card--cta h2,body.inner-v2 .card--cta h3{color:#fff}
body.inner-v2 .card--cta .cn-cta__sub,body.inner-v2 .card--cta .note{color:rgba(255,255,255,.8)}
body.inner-v2 .card--cta .cn-cta__alt,body.inner-v2 .card--cta a:not(.btn){color:#fff}
body.inner-v2 .card--cta .btn--primary{background:#fff;color:var(--ink)!important;border-color:#fff;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
body.inner-v2 .card--cta .btn--primary:hover{background:#F5F3FF;color:var(--ink)!important}
body.inner-v2 .card--cta .btn--secondary{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.4)}
body.inner-v2 .card--cta .btn--secondary:hover{border-color:#fff;color:#fff!important;background:rgba(255,255,255,.08)}
/* Blog index cards */
body.inner-v2 .blog-card{padding:24px 26px}
body.inner-v2 .blog-card a.title{color:var(--ink);letter-spacing:-.015em}
body.inner-v2 .blog-card a.title:hover{color:var(--accent)}
body.inner-v2 .week-tag,body.inner-v2 .feature-card__tag,body.inner-v2 .video-promo__tag{color:var(--accent)!important}
body.inner-v2 .story-card a{color:var(--ink)}
body.inner-v2 .tl-card h2{color:var(--ink)}
body.inner-v2 .tl-card:hover h2{color:var(--accent)}
/* Author box */
body.inner-v2 .author-box{padding:22px 24px!important}
/* Tables */
body.inner-v2 :is(.fw-table,.mx-table,.cmp-table){border-radius:12px;border:1px solid var(--line);border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff}
body.inner-v2 :is(.fw-table,.mx-table,.cmp-table) thead th{background:var(--band);color:var(--ink);font-weight:600}
body.inner-v2 :is(.fw-table,.cmp-table) td,body.inner-v2 :is(.fw-table,.cmp-table) th{border-bottom:1px solid var(--line)}
body.inner-v2 :is(.fw-table,.cmp-table) tbody tr:last-child>*{border-bottom:0}
/* Tools + forms (styling only; markup and logic untouched) */
body.inner-v2 .tl,body.inner-v2 .cn-cap{border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-md)}
body.inner-v2 .cn-cap{padding:22px 24px}
body.inner-v2 .tl-opt:has(input:checked){background:var(--accent-50)}
body.inner-v2 .tl-res{background:linear-gradient(180deg,#F7F6FF,#fff);border-color:#E9E5FF}
body.inner-v2 .tl-progress span,body.inner-v2 .tl-bar i b{background:var(--grad)}
body.inner-v2 .tl-big{letter-spacing:-.04em}
body.inner-v2 :is(.cn-f input,.cn-f select,.tl input[type=number],main form input[type=email],main form input[type=text],main form select,main form textarea){border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
body.inner-v2 :is(.cn-f input,.cn-f select,.tl input[type=number],main form input[type=email],main form input[type=text],main form select,main form textarea):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(79,70,229,.14)}
body.inner-v2 .cn-hint{background:var(--accent-50);border-color:var(--accent-100)}
body.inner-v2 .rec{background:var(--accent-50);color:#4338CA;border-color:var(--accent-100)}
body.inner-v2 .dg-verdict{background:#4338CA}
/* Footer: same as homepages */
body.inner-v2 .site-footer{background:#0B1220}
/* ===== Animated gradient mesh behind the hero area (MESH-20261022 orbs, inner variant) ===== */
.hx-inner{position:absolute;left:0;right:0;top:0;height:min(680px,92vh);z-index:0;overflow:hidden;pointer-events:none;isolation:isolate;contain:strict;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 42%,rgba(0,0,0,.45) 72%,transparent 100%),linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 16%,rgba(0,0,0,.24) 32%,rgba(0,0,0,.24) 66%,rgba(0,0,0,.5) 84%,rgba(0,0,0,.9) 100%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(180deg,#000 0%,#000 42%,rgba(0,0,0,.45) 72%,transparent 100%),linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 16%,rgba(0,0,0,.24) 32%,rgba(0,0,0,.24) 66%,rgba(0,0,0,.5) 84%,rgba(0,0,0,.9) 100%);mask-composite:intersect}
.hx-inner .hx-o,.hx-inner .hx-ptr{position:absolute;display:block;border-radius:50%;aspect-ratio:1/1;height:auto;pointer-events:none;will-change:transform;mix-blend-mode:multiply;filter:blur(80px);animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.hx-inner .hx-o1{width:min(46vw,640px);left:60%;top:-38%;background:radial-gradient(closest-side,rgba(99,91,255,.6),rgba(99,91,255,.27) 55%,rgba(99,91,255,0));animation-name:hxA;animation-duration:23s;animation-delay:-4s}
.hx-inner .hx-o2{width:min(40vw,560px);left:76%;top:6%;background:radial-gradient(closest-side,rgba(236,72,153,.44),rgba(236,72,153,.2) 55%,rgba(236,72,153,0));animation-name:hxB;animation-duration:29s;animation-delay:-11s}
.hx-inner .hx-o3{width:min(38vw,520px);left:-10%;top:-20%;background:radial-gradient(closest-side,rgba(168,85,247,.42),rgba(168,85,247,.19) 55%,rgba(168,85,247,0));animation-name:hxC;animation-duration:17s;animation-delay:-6s}
.hx-inner .hx-o4{width:min(34vw,480px);left:88%;top:-30%;background:radial-gradient(closest-side,rgba(56,189,248,.46),rgba(56,189,248,.21) 55%,rgba(56,189,248,0));animation-name:hxD;animation-duration:31s;animation-delay:-17s}
.hx-inner .hx-o5{width:min(30vw,420px);left:20%;top:-40%;background:radial-gradient(closest-side,rgba(79,70,229,.3),rgba(79,70,229,.13) 55%,rgba(79,70,229,0));animation-name:hxE;animation-duration:37s;animation-delay:-9s}
.hx-inner .hx-ptr{display:none;width:min(24vw,340px);left:80%;top:34%;margin:calc(min(24vw,340px)/-2) 0 0 calc(min(24vw,340px)/-2);background:radial-gradient(closest-side,rgba(190,80,240,.32),rgba(190,80,240,.14) 55%,rgba(190,80,240,0));filter:blur(70px);transition:opacity .6s}
@keyframes hxA{0%{transform:translate3d(0,0,0) scale(1)}30%{transform:translate3d(-18%,14%,0) scale(1.12)}55%{transform:translate3d(9%,24%,0) scale(.94)}80%{transform:translate3d(16%,-5%,0) scale(1.06)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes hxB{0%{transform:translate3d(0,0,0) scale(1);opacity:1}25%{transform:translate3d(-22%,-12%,0) scale(1.08);opacity:.8}60%{transform:translate3d(-8%,20%,0) scale(1.16);opacity:1}85%{transform:translate3d(12%,6%,0) scale(.92);opacity:.9}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}
@keyframes hxC{0%{transform:translate3d(0,0,0) scale(1)}35%{transform:translate3d(24%,-16%,0) scale(1.1)}65%{transform:translate3d(10%,12%,0) scale(.9)}100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes hxD{0%{transform:translate3d(0,0,0) scale(1);opacity:.9}20%{transform:translate3d(-14%,22%,0) scale(1.14);opacity:1}50%{transform:translate3d(-30%,8%,0) scale(1.02);opacity:.75}75%{transform:translate3d(-10%,-10%,0) scale(.96);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:.9}}
@keyframes hxE{0%{transform:translate3d(0,0,0) scale(1)}40%{transform:translate3d(26%,20%,0) scale(1.18)}70%{transform:translate3d(8%,30%,0) scale(1.04)}100%{transform:translate3d(0,0,0) scale(1)}}
@media (hover:hover) and (pointer:fine) and (min-width:821px){.hx-inner .hx-ptr{display:block}}
.hx-inner.hx-off .hx-o{animation-play-state:paused}
/* Scroll fade-up (JS adds html.sr-on; nothing hidden without JS or with reduced motion) */
@media (prefers-reduced-motion:no-preference){
 html.sr-on body.inner-v2 .sr{opacity:0;translate:0 20px;transition:opacity .7s cubic-bezier(.2,.8,.2,1),translate .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--sr-d,0s)}
 html.sr-on body.inner-v2 .sr.sr-in{opacity:1;translate:none}
}
/* ===== Mobile ===== */
@media (max-width:820px){
 .hx-inner{height:520px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 45%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.4) 45%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
 .hx-inner .hx-o{filter:blur(44px)}.hx-inner .hx-o4,.hx-inner .hx-o5{display:none}
 .hx-inner .hx-o1{width:96vw;left:30%;top:-18%}.hx-inner .hx-o2{width:80vw;left:56%;top:26%}.hx-inner .hx-o3{width:74vw;left:-30%;top:12%}
 body.inner-v2 .article-wrap{padding-top:36px}
 body.inner-v2 .article-header .eyebrow,body.inner-v2 .article-header .week-tag,body.inner-v2 .hero__eyebrow,body.inner-v2 main>.section:first-of-type .section-label{font-size:.84rem!important;margin-bottom:16px}
 body.inner-v2 .article-header{margin-bottom:28px;padding-bottom:24px}
 body.inner-v2 .article-header h1,body.inner-v2 main>.section:first-of-type h1,body.inner-v2 main>.hero h1{font-size:clamp(2rem,8.6vw,2.5rem)}
 body.inner-v2.inner-post .article-header h1{font-size:clamp(1.75rem,7.4vw,2.2rem)}
 body.inner-v2 main>.hero{padding:44px 0 40px}
 body.inner-v2 main>.section{padding:56px 0}
 body.inner-v2 main>.section:first-of-type{padding-top:36px}
 body.inner-v2 main>.section.section--tight{padding:48px 0}
 body.inner-v2 .article-body h2,body.inner-v2 main .site-wrap>h2{margin-top:44px}
}
@media (prefers-reduced-motion:reduce){.hx-inner .hx-o{animation:none!important}.hx-inner .hx-ptr{display:none!important}}