/* Interior pages extend the current 3rd Brain refresh. No new runtime. */
:root { --page-purple:#7100e0; --page-ink:#211037; --page-dark:#230056; --page-teal:#78d4de; --page-gold:#ffca35; --page-muted:#62596e; --page-rule:#e3ddeb; --page-soft:#f7f5fb; }
.detail-page { margin:0; background:#fff; color:var(--page-ink); font:400 16px/1.65 Inter,system-ui,sans-serif; }
.detail-page *, .detail-page *::before, .detail-page *::after { box-sizing:border-box; }
.detail-page h1,.detail-page h2,.detail-page h3 { font-family:Poppins,Inter,sans-serif; letter-spacing:-.035em; line-height:1.14; }
.detail-page h1 { font-size:clamp(2.5rem,4.4vw,4.4rem); margin:16px 0 24px; max-width:880px; }
.detail-page h2 { font-size:clamp(2rem,3vw,3rem); margin:0 0 20px; }
.detail-page h3 { font-size:1.25rem; margin:0 0 12px; }
.detail-page p { margin:0 0 18px; }
.detail-page a { color:var(--page-purple); text-underline-offset:4px; }
.detail-page img { max-width:100%; }
.detail-page a:focus-visible,.detail-page summary:focus-visible { outline:3px solid #b588ff; outline-offset:5px; }
.page-wrap { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }
.page-header { background:#fff; border-bottom:1px solid var(--page-rule); }
.header-inner { min-height:110px; display:flex; gap:30px; align-items:center; justify-content:space-between; }
.page-brand { display:inline-flex; flex:none; }
.page-brand img { width:150px; height:60px; object-fit:contain; }
.page-nav { display:flex; align-items:center; gap:28px; }
.page-nav a { text-decoration:none; font-size:.93rem; font-weight:600; color:var(--page-ink); padding:12px 0; }
.page-nav a:hover,.page-nav a[aria-current="page"] { color:var(--page-purple); }
.page-nav a[aria-current="page"] { box-shadow:0 2px var(--page-purple); }
.detail-page .page-button { display:inline-flex; justify-content:center; align-items:center; gap:20px; min-height:52px; padding:13px 23px; color:white; background:var(--page-purple); border:1px solid transparent; border-radius:9px; text-decoration:none; font-weight:700; line-height:1.4; text-align:center; }
.detail-page .page-button:hover { background:#5900b6; }
.detail-page .button-gold { color:var(--page-ink); background:var(--page-gold); }
.detail-page .button-gold:hover { background:#ffda70; }
.detail-page .button-outline { border-color:var(--page-rule); color:var(--page-ink); background:transparent; }
.detail-page .button-outline:hover { background:var(--page-soft); }
.button-row { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; align-items:center; }
.page-skip { position:fixed; top:-100px; left:16px; z-index:20; padding:10px 20px; background:#fff; }
.page-skip:focus { top:10px; }
.page-hero { padding:70px 0; background:var(--page-soft); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); gap:66px; align-items:center; }
.eyebrow { font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; font-weight:800; color:var(--page-purple); margin:0 0 16px!important; }
.page-lede { font-size:1.12rem; line-height:1.7; color:var(--page-muted); max-width:730px; }
.hero-price { font-size:1.3rem; font-weight:700; color:var(--page-purple); }
.hero-price small { display:block; color:var(--page-muted); font-size:.9rem; font-weight:400; margin-top:3px; }
.hero-board { background:var(--page-dark); color:white; padding:32px; border-radius:20px; box-shadow:0 20px 50px #23005616; }
.board-label { font-size:.8rem; letter-spacing:.12em; font-weight:700; text-transform:uppercase; color:var(--page-teal); }
.board-step { display:grid; grid-template-columns:34px 1fr; gap:14px; border-top:1px solid #ffffff29; padding:20px 0; }
.board-step:last-child { padding-bottom:0; }
.board-step b { color:var(--page-teal); font-size:.85rem; }
.board-step strong { display:block; font-size:1.06rem; }
.board-step span { display:block; color:#dbd2e8; font-size:.92rem; margin-top:3px; }
.page-section { padding:68px 0; }
.section-soft { background:var(--page-soft); }
.section-dark { background:var(--page-dark); color:white; }
.section-dark .eyebrow { color:var(--page-teal); }
.section-heading { max-width:820px; margin-bottom:32px; }
.section-heading p:not(.eyebrow) { color:var(--page-muted); }
.section-dark .section-heading p:not(.eyebrow) { color:#ddd2eb; }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.feature-grid article { padding:28px; border:1px solid var(--page-rule); border-radius:14px; background:white; }
.feature-grid p { color:var(--page-muted); margin-bottom:0; }
.steps-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; padding:0; margin:0; list-style:none; counter-reset:step; }
.steps-grid li { counter-increment:step; border-top:2px solid #d6c8e8; padding-top:22px; }
.steps-grid li::before { content:"0" counter(step); display:block; color:var(--page-purple); font-weight:700; margin-bottom:20px; }
.steps-grid p { color:var(--page-muted); margin:0; }
.backing-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.backing-list article { border-bottom:1px solid var(--page-rule); padding-bottom:18px; margin-bottom:22px; }
.backing-list article:last-child { border:0; padding:0; margin:0; }
.backing-list p { color:var(--page-muted); margin:0; }
.page-guarantee { display:grid; grid-template-columns:220px 1fr; gap:24px; padding:26px 30px; background:var(--page-soft); border:1px solid var(--page-rule); border-radius:14px; margin-top:30px; }
.page-guarantee strong { color:var(--page-purple); }
.page-guarantee p { margin:0; }
.case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.case-preview { display:flex; flex-direction:column; padding:30px; border:1px solid var(--page-rule); border-radius:16px; background:white; color:var(--page-ink); }
.case-preview .case-number { font-size:clamp(2rem,3.1vw,3rem); line-height:1.1; letter-spacing:-.05em; font-weight:800; color:var(--page-purple); }
.case-preview .case-unit { font-size:.92rem; font-weight:700; margin:7px 0 18px; }
.case-preview .case-company { font-size:.85rem; color:var(--page-muted); border-top:1px solid var(--page-rule); padding-top:18px; margin-top:0; }
.case-preview h3 { margin-bottom:14px; }
.case-preview p { color:var(--page-muted); }
.case-preview a { margin-top:auto; align-self:flex-start; font-weight:700; }
.page-cta { display:flex; align-items:center; justify-content:space-between; gap:50px; padding:44px; border-radius:18px; background:var(--page-dark); color:white; }
.page-cta .eyebrow { color:var(--page-teal); }
.page-cta h2 { max-width:680px; }
.page-cta p:last-child { margin:0; color:#ddd2eb; max-width:650px; }
.page-cta .page-button { flex-shrink:0; }
.faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; }
.page-faq details { border-bottom:1px solid var(--page-rule); padding:20px 0; }
.page-faq details:first-child { padding-top:0; }
.page-faq summary { cursor:pointer; font-weight:700; }
.page-faq p { color:var(--page-muted); margin:16px 0 0; }
.page-footer { background:var(--page-soft); border-top:1px solid var(--page-rule); padding:42px 0; }
.footer-inner { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.page-footer nav { display:flex; flex-wrap:wrap; gap:14px 28px; align-content:center; }
.page-footer nav a { color:var(--page-ink); font-size:.92rem; }
.page-footer p { color:var(--page-muted); font-size:.9rem; margin:10px 0 0; }
.footer-small { grid-column:1/-1; border-top:1px solid var(--page-rule); padding-top:20px; }
.case-hero { background:var(--page-dark); color:#fff; }
.case-hero .eyebrow { color:var(--page-teal); }
.case-hero .page-lede { color:#e3d9ef; }
.detail-page .breadcrumb { display:inline-flex; margin-bottom:30px; color:inherit; font-size:.9rem; }
.metric-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:38px; padding-top:28px; border-top:1px solid #ffffff38; }
.metric-row strong { display:block; color:var(--page-teal); font-size:clamp(2rem,3.6vw,3.4rem); line-height:1.15; letter-spacing:-.04em; }
.metric-row span { display:block; margin-top:9px; font-size:.92rem; }
.story-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,.8fr); gap:80px; align-items:start; }
.story-copy section { padding:0 0 32px; margin-bottom:32px; border-bottom:1px solid var(--page-rule); }
.story-copy section:last-child { margin-bottom:0; border:0; }
.story-copy h2 { font-size:1.8rem; }
.story-copy p,.story-copy li { color:var(--page-muted); }
.story-copy li { padding-left:4px; margin-bottom:12px; }
.story-aside { padding:26px; background:var(--page-soft); border-radius:14px; }
.story-aside h2 { font-size:1.1rem; }
.story-aside p { font-size:.95rem; color:var(--page-muted); }
.story-aside a { display:block; margin-top:15px; font-weight:600; }
.workflow-rail { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:28px; }
.workflow-rail span { border:1px solid var(--page-rule); border-radius:8px; padding:12px 18px; background:#fff; font-weight:600; }
.workflow-rail b { color:var(--page-purple); }
.case-note { font-size:.92rem; color:var(--page-muted); margin-top:24px!important; }
.related-links { display:flex; flex-wrap:wrap; gap:18px 28px; margin-top:28px; }
.related-links a { font-weight:600; }
@media(max-width:1000px) {
 .hero-grid { grid-template-columns:1.2fr 1fr; gap:30px; }
 .header-inner { gap:20px; }.page-nav { gap:18px; }
 .hero-board { padding:25px; }.steps-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .page-cta { display:block; }.page-cta .page-button { margin-top:26px; }
}
@media(max-width:760px) {
 .page-wrap { width:calc(100% - 40px); }
 .header-inner { min-height:0; padding:14px 0 10px; gap:10px 18px; flex-wrap:wrap; }
 .page-brand img { width:130px; height:52px; }.nav-book { margin-left:auto; font-size:.88rem; }
 .detail-page .nav-book { min-height:44px; padding:10px 15px; }
 .page-nav { width:100%; order:3; justify-content:space-between; gap:12px; }.page-nav a { font-size:.88rem; }
 .page-hero,.page-section { padding:44px 0; }
 .hero-grid,.backing-grid,.faq-layout,.story-grid { grid-template-columns:1fr; gap:32px; }
 .feature-grid { grid-template-columns:1fr; gap:16px; }
 .case-grid { grid-template-columns:1fr; gap:20px; }
 .page-guarantee { grid-template-columns:1fr; gap:9px; padding:24px; }
 .page-cta { padding:28px; }.footer-inner { grid-template-columns:1fr; }
 .metric-row { grid-template-columns:1fr; gap:24px; }
 .metric-row strong { font-size:2.5rem; }
 .workflow-rail { gap:8px; }.workflow-rail span { padding:8px 10px; font-size:.9rem; }
}
@media(max-width:400px) { .steps-grid { grid-template-columns:1fr; }.button-row .page-button { width:100%; } }
@media(prefers-reduced-motion:reduce) { .detail-page * { scroll-behavior:auto!important; } }

