/* Accent: one brand blue everywhere, matching buttons, plain FAQ rows.
   Version A (blue): --acc #2F5BEA, white button text. Version B (globe): --acc #6E8BFF, navy button text. */
:root{--acc:#C9CFFB;--acc-h:#2A3BC4;--acc-ink:#FFFFFF}

/* Every blue-ish accent variable points at the one accent */
:root{--blue:var(--acc);--blue-2:var(--acc);--blue-xl:var(--acc);--blue-l:color-mix(in srgb,var(--acc) 12%,transparent);
  --sky:var(--acc);--sky-2:var(--acc-h);--orange:var(--acc);--blush:var(--acc);--sage:var(--acc)}
section:not(.hx):not(.mf-band):not(.ab-quote):not(.close):not(#beyond):not(.page-head):not(.ab-hero):not(.nf){--blue-2:var(--acc);--blue-xl:var(--acc)}
.match4 li i,.mf-rows .ic1{background:var(--acc)}
.mf-rows .ic1{background:var(--navy)}
.hv-tags span.ap{color:var(--acc)}
.pc.dark .pn{color:var(--acc)}
.ft-nav sup,.top nav sup,.ft-live{color:var(--acc)}

/* Buttons: the accent, same everywhere (hero, nav, sections, footer) */
.btn:not(.ghost):not(.line){background:var(--btn,var(--acc))!important;border-color:var(--btn,var(--acc))!important;color:var(--acc-ink)!important}
.btn:not(.ghost):not(.line):hover{background:var(--btn-h,var(--acc-h))!important;border-color:var(--btn-h,var(--acc-h))!important;color:var(--acc-ink)!important}
.btn:not(.ghost):not(.line) .arr,.btn:not(.ghost):not(.line) span{color:inherit}

/* FAQ page and the home Q&A: plain ruled rows, no boxes */
.faq details,.faq-layout details{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.faq details:first-of-type,.faq-layout .faq details:first-of-type,.faq-layout h2 + details,.faq-layout h2 + .faq details:first-child{border-top:1px solid var(--line)!important}
.faq details summary,.faq-layout details summary{padding-left:0!important;padding-right:0!important}
.faq details p,.faq-layout details p{padding-left:0!important;padding-right:0!important}

.brand .wm{display:inline-block}
.ft-live,.chip.ok{color:#FFFFFF}
/* Remaining hard-coded blues now follow the accent */
section:not(.hx):not(.mf-band):not(.ab-quote):not(.close):not(#beyond):not(.page-head):not(.ab-hero):not(.nf) em{color:var(--acc)}
.ft-logo path{fill:var(--acc)}
.mf-rows a:hover{color:var(--acc)}
/* E (default): Compounding brand blue from the TikTok and carousel templates. #3448E6 on white and on every button; #C9CFFB (blue-xl) for accents on navy */
.acc-e{--btn:#3448E6;--btn-h:#2A3BC4}
.acc-e section:not(.hx):not(.mf-band):not(.ab-quote):not(.close):not(#beyond):not(.page-head):not(.ab-hero):not(.nf){--acc:#3448E6}
html:not([class*=acc-]){--btn:#3448E6;--btn-h:#2A3BC4}
html:not([class*=acc-]) section:not(.hx):not(.mf-band):not(.ab-quote):not(.close):not(#beyond):not(.page-head):not(.ab-hero):not(.nf){--acc:#3448E6}
/* E: marks stay the full brand blue, even on navy (the template's "mark" colour) */
.acc-e .mf-art,html:not([class*=acc-]) .mf-art{--orange:#3448E6}
.acc-e .ft-logo path,html:not([class*=acc-]) .ft-logo path{fill:#3448E6}
/* E: navy cards inside white sections use the pale blue too */
.acc-e .fam-out,.acc-e .commit,.acc-e .privacy,.acc-e .l-side,.acc-e .eq-c.eq-r,.acc-e .pc.dark,.acc-e .b-card,.acc-e .m-card,.acc-e .plan.feat,.acc-e .calc-out,.acc-e .card.dark,.acc-e .mt-score,html:not([class*=acc-]) .fam-out,html:not([class*=acc-]) .commit,html:not([class*=acc-]) .privacy,html:not([class*=acc-]) .l-side,html:not([class*=acc-]) .eq-c.eq-r,html:not([class*=acc-]) .pc.dark,html:not([class*=acc-]) .b-card,html:not([class*=acc-]) .m-card,html:not([class*=acc-]) .plan.feat,html:not([class*=acc-]) .calc-out,html:not([class*=acc-]) .card.dark,html:not([class*=acc-]) .mt-score{--acc:#C9CFFB;--blue-2:#C9CFFB;--blue-xl:#C9CFFB}

/* Footer: serif line plus the AI maturity test link (close band removed 9 Nov 2026) */
.ft-l{display:grid;gap:22px;align-content:end}
.ft-assess{font-size:16px;color:rgba(255,255,255,.72);margin:0}
.ft-assess a{color:#C9CFFB;text-decoration:underline;text-underline-offset:3px}
.ft-assess a:hover{color:#fff}

/* Home "Built for owners": columns end level; vetting line boxed in light blue (9 Nov 2026) */
.who{align-items:stretch}
.who > div:first-child{display:flex;flex-direction:column;gap:24px}
.who .who-v{margin-top:auto!important;background:#EEF0FD!important;border:1px solid #C9CFFB!important;border-left:3px solid #3448E6!important;border-radius:2px!important;padding:18px 22px!important;color:#0D1B3E!important;font-size:17px!important;line-height:1.55}

/* About letter: pull quote */
.l-page blockquote{margin:26px 0 24px;padding:4px 0 4px 22px;border-left:3px solid #3448E6;max-width:640px}
.l-page blockquote p{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.4vw,30px)!important;line-height:1.25!important;color:var(--ink);margin:0 0 10px!important}
.l-page blockquote .q-by{display:block;font-size:14px;color:var(--muted)}
@media (max-width:900px){.who .who-v{margin-top:20px!important}}

/* Home "Built for owners" v2: heading joins the left column; pills sit beside it from the top */
.who.who-top{grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:stretch}
.who-top > div:first-child{gap:20px}
.who-top .st{margin-bottom:8px}
.who-top > div:last-child{display:flex;align-items:flex-end}
.who-top .tags{align-content:flex-end}
.st .num{display:none!important}
@media (max-width:900px){.who.who-top{grid-template-columns:1fr;gap:32px}.who-top > div:last-child{display:block}}

/* 10 Nov 2026: who it's for / not for, why owners join, sharing levels, proof band */
.fit{margin-top:56px;border-top:1px solid var(--line);padding-top:40px}
.fit-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--sheet)}
.fit-strip > div{padding:22px 24px;border-right:1px solid var(--line)}
.fit-strip > div:last-child{border-right:0}
.fit-strip b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.8vw,40px);line-height:1.05;color:#3448E6}
.fit-strip span{display:block;margin-top:8px;font-size:14.5px;color:var(--ink-2);line-height:1.4}
.fit-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.fit-c{border:1px solid var(--line);background:var(--sheet);padding:28px 30px}
.fit-c.yes{border-top:3px solid #3448E6}
.fit-c.no{border-top:3px solid var(--ink-2)}
.fit-c h3{font-size:clamp(24px,2.4vw,30px);line-height:1.1;margin-bottom:16px}
.fit-c.no h3 em{color:var(--ink-2)!important}
.fit-c ul{list-style:none;display:grid;gap:12px;margin:0;padding:0}
.fit-c li{position:relative;padding-left:28px;font-size:16px;line-height:1.45;color:var(--ink)}
.fit-c.yes li::before{content:'✓';position:absolute;left:0;color:#3448E6;font-weight:600}
.fit-c.no li::before{content:'✕';position:absolute;left:0;color:var(--muted)}
.fit-more{margin-top:20px}

.why-q{margin:8px 0 36px;padding:4px 0 4px 22px;border-left:3px solid #3448E6;max-width:760px}
.why-q p{font-family:var(--serif);font-style:italic;font-size:clamp(26px,2.8vw,36px);line-height:1.2;color:var(--ink);margin:0 0 10px}
.why-q span{font-size:14px;color:var(--muted)}
.why5{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--sheet);margin:0;padding:0}
.why5 li{padding:26px 22px 30px;border-right:1px solid var(--line)}
.why5 li:last-child{border-right:0}
.why5 i{display:block;font-style:normal;font-family:var(--serif);font-size:44px;line-height:.9;color:#3448E6;margin-bottom:26px}
.why5 h3{font-size:clamp(21px,1.8vw,25px);line-height:1.15;margin-bottom:10px}
.why5 p{font-size:15px;line-height:1.45;color:var(--ink-2);margin:0}

.share{margin-top:40px;background:var(--sheet);border:1px solid var(--line);padding:32px}
.share-h{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px 48px;align-items:end}
.share-h h3{font-size:clamp(26px,2.6vw,34px);line-height:1.1}
.share-h p{font-size:16px;color:var(--ink-2);margin:0}
.share3{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0 0;padding:0;border:1px solid var(--line)}
.share3 li{padding:22px 22px 24px;border-right:1px solid var(--line);position:relative}
.share3 li:last-child{border-right:0}
.share3 li::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:#3448E6;opacity:.35}
.share3 li:nth-child(2)::after{opacity:.65}.share3 li:nth-child(3)::after{opacity:1}
.share3 i{display:block;font-style:normal;font-size:13px;font-weight:500;color:#3448E6;margin-bottom:10px}
.share3 b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1;margin-bottom:8px;color:var(--ink)}
.share3 span{font-size:15px;line-height:1.45;color:var(--ink-2)}
.share-safe{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 28px;margin:24px 0 0;padding:0}
.share-safe li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.45;color:var(--ink)}
.share-safe li::before{content:'✓';position:absolute;left:0;color:#3448E6}

.proof-band .pq{max-width:900px}
.proof3{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:40px 0 0;padding:0;border-top:1px solid var(--line)}
.proof3 li{padding:26px 28px 6px 0;margin-right:28px;border-right:1px solid var(--line)}
.proof3 li:last-child{border-right:0;margin-right:0}
.proof3 b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3vw,42px);line-height:1;color:#C9CFFB;margin-bottom:12px}
.proof3 span{font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.proof-l{margin-top:32px}
.proof-l a{color:#C9CFFB;text-decoration:underline;text-underline-offset:3px}
.proof-l a:hover{color:#fff}

@media (max-width:1100px){.why5{grid-template-columns:repeat(3,1fr)}.why5 li{border-bottom:1px solid var(--line)}.why5 li:nth-child(3){border-right:0}}
@media (max-width:900px){
  .fit-cols,.share-h{grid-template-columns:1fr}
  .share-safe{grid-template-columns:1fr 1fr}
  .proof3{grid-template-columns:1fr}.proof3 li{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:22px 0}
}
@media (max-width:680px){
  .fit-strip,.share3{grid-template-columns:1fr}
  .fit-strip > div,.share3 li{border-right:0;border-bottom:1px solid var(--line)}
  .fit-strip > div:last-child,.share3 li:last-child{border-bottom:0}
  .why5{grid-template-columns:1fr}.why5 li{border-right:0!important}.why5 i{margin-bottom:14px}
  .share-safe{grid-template-columns:1fr}
  .share,.fit-c{padding:24px 20px}
}

/* Experience: how we build each circle (moved from home, 10 Nov 2026) */
.mx{margin-top:56px;border-top:1px solid var(--line);padding-top:40px}
.mx-h{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px 48px;align-items:end;margin-bottom:28px}
.mx-h h3{font-size:clamp(28px,2.8vw,38px);line-height:1.1}
.mx-h p{font-size:16px;color:var(--ink-2);margin:0}
.mx4{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border:1px solid var(--line);background:var(--sheet)}
.mx4 > li{padding:24px 24px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.mx4 > li:last-child{border-right:0}
.mx4 b{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.1;color:var(--ink);margin:22px 0 8px}
.mx4 p{font-size:15px;line-height:1.45;color:var(--ink-2);margin:0}
.mx-v{height:112px;background:#F4F5FD;border:1px solid #E1E4FA;display:flex;flex-direction:column;justify-content:center;padding:16px}
.mx-scale{display:flex;align-items:flex-end;gap:8px;height:52px}
.mx-scale span{flex:1;background:#D9DDF7;height:30%}
.mx-scale span:nth-child(2){height:48%}.mx-scale span:nth-child(3){height:64%}.mx-scale span:nth-child(4){height:80%}.mx-scale span:nth-child(5){height:100%}
.mx-scale span.on{background:#9AA5F0}.mx-scale span.me{background:#3448E6}
.mx-v small{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;color:var(--muted)}
.mx-v small span:nth-child(2){color:#3448E6;font-weight:500}
.mx-path{list-style:none;margin:0;padding:0 0 0 4px;display:grid;gap:5px;position:relative}
.mx-path::before{content:'';position:absolute;left:8.5px;top:8px;bottom:8px;width:1.5px;background:#C9CFFB}
.mx-path li{font-size:12.5px;color:var(--muted);padding-left:22px;position:relative;line-height:1.3}
.mx-path li::before{content:'';position:absolute;left:0;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;border:1.5px solid #C9CFFB}
.mx-path li.on{color:var(--ink)}
.mx-path li.on::before{background:#9AA5F0;border-color:#9AA5F0}
.mx-path li.me{color:#3448E6;font-weight:500}
.mx-path li.me::before{background:#3448E6;border-color:#3448E6;box-shadow:0 0 0 4px rgba(52,72,230,.15)}
.mx-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.mx-tags span{font-size:13px;padding:7px 12px;border:1px solid #C9CFFB;background:#fff;color:var(--ink-2)}
.mx-tags span.on{background:#3448E6;border-color:#3448E6;color:#fff}
.mx-seats{display:grid;gap:6px}
.mx-seats span{font-size:12.5px;padding:5px 10px 5px 28px;background:#fff;border:1px solid #E1E4FA;position:relative;color:var(--ink)}
.mx-seats span::before{position:absolute;left:10px;font-weight:600}
.mx-seats .ok::before{content:'✓';color:#3448E6}
.mx-seats .no{color:var(--muted);text-decoration:line-through}
.mx-seats .no::before{content:'✕';color:var(--muted)}
@media (max-width:1100px){.mx4{grid-template-columns:1fr 1fr}.mx4 > li{border-bottom:1px solid var(--line)}.mx4 > li:nth-child(2){border-right:0}}
@media (max-width:900px){.mx-h{grid-template-columns:1fr}}
@media (max-width:600px){.mx4{grid-template-columns:1fr}.mx4 > li{border-right:0}.mx4 > li:last-child{border-bottom:0}}

/* AI maturity test + owner-led AI survey (10 Nov 2026) */
.mt-pts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0 0;padding:0;border:1px solid var(--line);max-width:860px}
.mt-pts li{padding:16px 18px;border-right:1px solid var(--line);font-size:14.5px;line-height:1.4;color:var(--ink-2)}
.mt-pts li:last-child{border-right:0}
.mt-pts b{display:block;font-weight:500;color:var(--ink);margin-bottom:2px}
.mt-q legend small{display:block;margin-top:8px;font-family:var(--sans);font-size:15px;color:var(--muted);font-style:normal}
.mt-survey{margin:28px 0 8px;padding:26px 28px;background:#EEF0FD;border:1px solid #C9CFFB;border-left:3px solid #3448E6}
.mt-survey h3{font-size:clamp(24px,2.4vw,30px);line-height:1.15;margin:8px 0 10px}
.mt-survey p{font-size:15.5px;line-height:1.5;color:var(--ink-2);margin:0 0 18px}
.mt-survey small{display:block;margin-top:12px;font-size:13.5px;color:var(--muted)}
@media (max-width:680px){.mt-pts{grid-template-columns:1fr}.mt-pts li{border-right:0;border-bottom:1px solid var(--line)}.mt-pts li:last-child{border-bottom:0}.mt-survey{padding:22px 20px}}
/* Survey form inside the result card */
.mt-sf{display:grid;gap:14px}
.mt-sf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mt-sf label > span{display:block;font-size:13.5px;font-weight:500;color:var(--ink);margin-bottom:6px}
.mt-sf label small{display:inline!important;margin:0 0 0 4px!important;font-size:13px!important;font-weight:400;color:var(--muted)}
.mt-sf input[type=text],.mt-sf input[type=email],.mt-sf select,.mt-sf textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid #C9CFFB;border-radius:2px;padding:10px 12px}
.mt-sf textarea{resize:vertical;min-height:72px}
.mt-sf input:focus,.mt-sf select:focus,.mt-sf textarea:focus{outline:2px solid #3448E6;outline-offset:1px;border-color:#3448E6}
.mt-sf-chk{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.45;color:var(--ink-2);cursor:pointer}
.mt-sf-chk input{width:18px;height:18px;margin:1px 0 0;accent-color:#3448E6}
.mt-sf-chk span{display:inline!important;font-weight:400!important;font-size:14px!important;color:var(--ink-2)!important;margin:0!important}
.mt-sf-chk a{color:#3448E6}
.mt-sf-err{margin:0;font-size:14px;color:#B42318}
.mt-sf .btn{justify-self:start}
.mt-sf-done{outline:none}
.mt-sf-done h3{font-size:clamp(24px,2.4vw,30px);line-height:1.15;margin:4px 0 8px}
.mt-sf-done p{margin:0 0 12px}
@media (max-width:680px){.mt-sf-row{grid-template-columns:1fr}.mt-sf-row > span:empty{display:none}}