/* ===== [00] block-0 ===== */
:root{
--coal:#11100f;
--coal-2:#171513;
--coal-3:#201c18;
--ink:#f1eee8;
--muted:#b8aea1;
--faint:#8a8073;
--line:rgba(241,238,232,.12);
--line-strong:rgba(241,238,232,.22);
--ember:#e85f2a;
--ember-2:#ff7b3e;
--gold:#c89b55;
--green:#506b5c;
--danger:#7f2a27;
--edge:clamp(20px,5vw,72px);
--nav-h:78px;
--display:'Big Shoulders Display',Impact,sans-serif;
--body:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
--mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--coal);scroll-behavior:smooth}
body{
background:var(--coal);
color:var(--ink);
font-family:var(--body);
font-size:18px;
line-height:1.6;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
}
body::before{
content:'';position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.045;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
mix-blend-mode:screen;
}
a{color:inherit}
::selection{background:var(--ember);color:#120f0d}
.progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.06);z-index:120}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ember),var(--gold));box-shadow:0 0 22px rgba(232,95,42,.45)}
.nav{
position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;
display:flex;align-items:center;padding:0 var(--edge);
background:rgba(17,16,15,.78);backdrop-filter:blur(18px);
border-bottom:1px solid var(--line);
}
.nav-inner{width:100%;max-width:1260px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand svg{width:34px;height:34px;flex:none}
.brand-word{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.025em;font-size:18px;line-height:.88;white-space:nowrap}
.brand-note{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--faint);text-transform:uppercase;border-left:1px solid var(--line);padding-left:15px;margin-left:3px}
.nav-links{display:flex;align-items:center;gap:24px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nav-links a{text-decoration:none;transition:color .2s ease;white-space:nowrap}
.nav-links a:hover{color:var(--ember-2)}
.nav-actions{display:flex;align-items:center;gap:12px}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:1px solid var(--line-strong);border-radius:5px;cursor:pointer;padding:0 9px}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--ink);transition:transform .25s ease,opacity .2s ease}
.nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:0;cursor:pointer;
min-height:48px;padding:15px 22px;border-radius:10px;
font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:16px;line-height:1;
background:linear-gradient(180deg,var(--ember-2),var(--ember));color:#130f0c;
box-shadow:inset 0 1px rgba(255,255,255,.28),0 18px 38px -22px rgba(255,123,62,.9);
transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.3),0 24px 44px -20px rgba(255,123,62,.95)}
.btn.secondary{background:rgba(255,255,255,.04);color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}
.btn.secondary:hover{border-color:rgba(255,123,62,.5);background:rgba(255,123,62,.08)}
.btn.small{min-height:42px;padding:12px 17px;font-size:14px}
.final-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;align-items:center;justify-content:center}
.final-actions.fa-left{justify-content:flex-start}
.narrow.centre .final-actions,.centre .final-actions{justify-content:center}
.section{padding:clamp(82px,12vw,150px) var(--edge);position:relative}
/* grouped sections: a related block flows under the previous one with a
consistent, deliberate gap instead of a full section break or zero */
.section.section-cont{padding-top:clamp(40px,6vw,72px)}
.wrap{max-width:1180px;margin:0 auto}
.narrow{max-width:720px}
.premium-section .narrow.narrow-wide{max-width:920px!important}
.centre{text-align:center;margin-left:auto;margin-right:auto}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember-2);display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.eyebrow::before{content:'';width:26px;height:1px;background:currentColor;opacity:.75}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--ink)}
h2{font-size:clamp(3rem,6vw,6.3rem);line-height:.88;font-weight:900}
.lead{font-size:clamp(1.08rem,2vw,1.35rem);color:var(--muted);max-width:64ch;margin-top:22px}
/* ---- hero (flattened v5-v8: full-bleed photo, copy left, fold ends at button) ---- */
.hero{min-height:100svh;padding:0;overflow:hidden;display:block;background:#11100f}
.hero-grid{position:relative;width:100%;max-width:none;min-height:100svh;margin:0;display:block}
.hero-media{position:absolute;inset:0;width:100%;min-height:100%;z-index:0;overflow:hidden;background:var(--coal-3)}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:58% 29%;display:block;filter:saturate(1.02) contrast(1.05) brightness(.86)}
.hero-media::before{content:'';position:absolute;inset:0;z-index:1;background:
linear-gradient(180deg,rgba(17,16,15,.14) 0%,rgba(17,16,15,.18) 38%,rgba(17,16,15,.74) 100%),
linear-gradient(90deg,rgba(17,16,15,.90) 0%,rgba(17,16,15,.70) 34%,rgba(17,16,15,.20) 62%,rgba(17,16,15,.42) 100%),
radial-gradient(760px 460px at 16% 52%,rgba(232,95,42,.19),transparent 72%)}
.hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;min-height:100svh;max-width:920px;padding:calc(var(--nav-h) + 48px) var(--edge) 92px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:16px;margin-bottom:24px;font-family:var(--mono);font-size:clamp(11px,1.25vw,15px);letter-spacing:.34em;text-transform:uppercase;color:var(--ember-2);text-shadow:0 3px 22px rgba(0,0,0,.55)}
.hero-eyebrow::before{content:'';width:36px;height:2px;background:currentColor;box-shadow:0 0 18px rgba(255,123,62,.42)}
@media (max-width:1024px){
.hero-eyebrow{letter-spacing:.16em;font-size:12px}
}
.hero-sub{margin-top:22px;max-width:640px;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.55;color:var(--muted);text-shadow:0 4px 24px rgba(0,0,0,.6)}
.hero h1{max-width:900px;font-size:clamp(4.05rem,6.35vw,6.65rem);font-weight:900;line-height:.86;letter-spacing:.006em;text-shadow:0 8px 42px rgba(0,0,0,.62)}
.hero h1 > span{display:block;white-space:nowrap}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero .btn{min-height:58px;padding:19px 32px;font-size:18px}
.hero-micro{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9d9183;opacity:.95}
.hero-micro span{display:inline-flex;align-items:center;gap:8px}
.hero-micro span::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--ember)}
/* hero testimonial ticker: cinematic marquee of real pull-quotes */
.hero-ticker{
position:absolute; left:0; right:0; bottom:0; z-index:3;
overflow:hidden; padding:14px 0;
border-top:1px solid rgba(241,238,232,.1);
background:linear-gradient(180deg, transparent, rgba(17,16,15,.55));
-webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.ticker-track{
display:flex; width:max-content;
animation:ticker 26s linear infinite;
}
.hero-ticker:hover .ticker-track{ animation-play-state:paused; }
.ticker-track span{
display:inline-flex; align-items:center;
font-family:var(--mono); font-size:12.5px; letter-spacing:.12em;
text-transform:uppercase; color:var(--muted); white-space:nowrap;
padding:0 clamp(22px,4vw,44px);
}
.ticker-track span::before{
content:''; width:5px; height:5px; margin-right:clamp(22px,4vw,44px);
transform:rotate(45deg); background:var(--ember); flex:none;
box-shadow:0 0 8px 1px rgba(232,95,42,.5);
}
@keyframes ticker{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
@media (prefers-reduced-motion:reduce){ .ticker-track{ animation:none; } }
.diagnosis-note{color:var(--muted);margin-bottom:26px;max-width:62ch}
.diagnosis{background:linear-gradient(180deg,var(--coal) 0%,#0b0a09 100%)}
.decision-steps{position:relative;margin:28px 0 26px;padding-left:34px}
.decision-steps::before{content:'';position:absolute;left:9px;top:16px;bottom:16px;width:2px;background:var(--line-strong)}
.ds-step{position:relative;margin-bottom:14px}
.ds-step:last-child{margin-bottom:0}
.ds-node{position:absolute;left:-34px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--coal);border:2px solid var(--line-strong);z-index:1}
.ds-step.active .ds-node{background:var(--ember);border-color:var(--ember);box-shadow:0 0 0 5px rgba(232,95,42,.18)}
.ds-card{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:20px 24px;background:rgba(255,255,255,.02);transition:border-color .2s ease,background .2s ease}
.ds-step.active .ds-card{border-color:rgba(232,95,42,.5);background:linear-gradient(160deg,rgba(232,95,42,.1),rgba(255,255,255,.02))}
.ds-num{font-family:var(--display);font-weight:900;font-size:2rem;color:var(--faint);line-height:1;flex:none}
.ds-step.active .ds-num{color:var(--ember)}
.ds-card h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.1rem;color:var(--ink);letter-spacing:.01em;line-height:1.15}
.ds-card p{margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.audit{background:var(--coal-2)}
.card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:26px;padding:30px;min-height:260px;overflow:hidden}
.card::after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(232,95,42,.08);right:-80px;top:-90px;filter:blur(4px)}
.card h3{font-size:clamp(1.9rem,3.5vw,3.2rem);line-height:.9;margin-top:42px;font-weight:900}
.card p{margin-top:16px;color:var(--muted);font-size:1rem;line-height:1.55}
.pillars{background:radial-gradient(680px 580px at 77% 48%,rgba(232,95,42,.09),transparent 68%),var(--coal);overflow:hidden}
.compass-layout{display:flex;justify-content:center;margin-top:56px}
.compass{position:relative;width:min(680px,100%);aspect-ratio:1}
.compass-rings{position:absolute;inset:8%;border:1px solid rgba(241,238,232,.18);border-radius:50%}
.compass-rings::before,.compass-rings::after{content:'';position:absolute;border:1px solid rgba(241,238,232,.10);border-radius:50%}
.compass-rings::before{inset:16%}
.compass-rings::after{inset:32%}
.compass-core{position:absolute;inset:33%;border-radius:50%;background:linear-gradient(180deg,var(--ember-2),var(--ember));color:#130f0c;display:grid;place-items:center;text-align:center;font-family:var(--display);font-size:clamp(1.2rem,2.3vw,1.95rem);font-weight:900;text-transform:uppercase;line-height:.92;z-index:3;padding:6px;box-shadow:0 0 0 12px rgba(232,95,42,.10),0 30px 90px -40px rgba(232,95,42,.9)}
.pillar-node{position:absolute;width:152px;min-height:110px;transform:translate(-50%,-50%);text-align:center;color:var(--ink)}
.pillar-node img.pic{width:42px;height:42px;display:block;margin:0 auto 8px;object-fit:contain}
.pillar-node b{font-family:var(--display);font-size:1.34rem;text-transform:uppercase;line-height:1}
.pillar-node small{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:6px}
.pillar-node.p1{left:50%;top:6%}
.pillar-node.p2{left:79%;top:18%}
.pillar-node.p3{left:94%;top:50%}
.pillar-node.p4{left:79%;top:82%}
.pillar-node.p5{left:50%;top:94%}
.pillar-node.p6{left:21%;top:82%}
.pillar-node.p7{left:6%;top:50%}
.pillar-node.p8{left:21%;top:18%}
@media (max-width:820px){
.compass{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.compass-rings,.compass-core{display:none}
.pillar-node{position:static;transform:none;width:auto;min-height:150px;background:#0d0c0b;display:flex;flex-direction:column;justify-content:center;padding:16px}
.pillar-node small{max-width:16ch;margin:6px auto 0}
}
@media (max-width:520px){
.compass{grid-template-columns:1fr}
.pillar-node{min-height:120px}
}
.reading{background:linear-gradient(180deg,#0b0a09,var(--coal))}
.reading-panel-label{margin-top:46px;margin-bottom:14px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.reading-panel{margin-top:46px;border:1px solid var(--line-strong);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));padding:clamp(26px,4vw,48px);box-shadow:0 40px 100px -80px rgba(0,0,0,.9)}
.reading-top{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:30px}
.score-seal-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.score-seal{width:186px;height:186px;border-radius:50%;border:2px solid var(--ember-2);display:grid;place-items:center;position:relative;box-shadow:0 0 0 10px rgba(232,95,42,.08)}
.score-seal::after{content:'';position:absolute;inset:10px;border:1px dashed rgba(255,123,62,.4);border-radius:50%}
.score{font-family:var(--display);font-weight:900;font-size:4.3rem;line-height:.82;position:relative;z-index:1}
.score span{font-size:.32em;color:var(--faint);margin-left:.08em}
.tier{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ember-2);text-align:center}
.bars{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;align-items:end;height:140px}
.bar{position:relative;border-radius:12px 12px 3px 3px;background:rgba(255,255,255,.12);min-height:24px}
.bar.high{background:linear-gradient(180deg,#728f7a,#3c5e4a)}
.bar.low{background:linear-gradient(180deg,#9a3e34,#692520)}
.bar i{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-style:normal;font-size:10px;color:var(--faint)}
.reading-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:56px}
.reading-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:rgba(255,255,255,.03)}
.reading-card .label{font-family:var(--mono);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--faint)}
.reading-card.strong .label{color:#8eba99}
.reading-card.weak .label{color:#c66c60}
.reading-card h3{font-size:2.4rem;line-height:.9;margin-top:12px}
.reading-card p{color:var(--muted);font-size:1rem;margin-top:12px}
.founder{background:var(--coal-2)}
.founder-card{display:grid;grid-template-columns:330px 1fr;gap:clamp(34px,6vw,76px);align-items:center;border:1px solid var(--line);border-radius:36px;padding:clamp(22px,4vw,38px);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.portrait{aspect-ratio:3/4;border-radius:26px;overflow:hidden;position:relative;background:var(--coal-3);border:1px solid var(--line)}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:55% 20%;filter:saturate(.94) contrast(1.08)}
.portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(17,16,15,.72))}
.portrait span{position:absolute;left:18px;right:18px;bottom:17px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);z-index:2}
.quote{font-family:var(--display);font-size:clamp(2.3rem,5vw,5rem);font-weight:900;text-transform:uppercase;line-height:.92}
.founder p{color:var(--muted);margin-top:18px;font-size:1.07rem;max-width:64ch}
.signature{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-top:24px}
.circle{background:#0b0a09}
.for-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.for-card{border:1px solid var(--line);border-radius:28px;padding:30px;background:rgba(255,255,255,.025)}
.fit-mark{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:.85em;color:var(--ember-2)}
.fit-mark.no{color:var(--muted)}
.for-card h3{font-size:3.1rem;line-height:.9}
.for-card ul{display:grid;gap:14px;margin-top:24px;color:var(--muted)}
.for-card li{list-style:none;border-top:1px solid var(--line);padding-top:14px}
.final{min-height:70vh;display:grid;place-items:center;text-align:center;background:radial-gradient(850px 480px at 50% 0%,rgba(232,95,42,.17),transparent 65%),#0b0a09}
.final h2{font-size:clamp(4rem,10vw,11rem);max-width:900px;margin:0 auto}
.final p{margin:26px auto 0;max-width:650px;color:var(--muted);font-size:1.2rem}
.final{position:relative;overflow:hidden}
.final .wrap{position:relative;z-index:1}
footer{padding:40px var(--edge);border-top:1px solid var(--line);background:#0b0a09;color:var(--faint)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.hero .reveal{opacity:1;transform:none}
.reveal.visible{opacity:1;transform:translateY(0)}
/* Nav breakpoint behaviour lives entirely in v33-breakpoint-nav-fix below.
One desktop nav (the "More" dropdown) now applies at every width from
1025px up, so there is no separate flat/wide-screen nav state to drift
out of sync with this one. Mobile/tablet (<1025px) has its own full-screen
menu, also defined there. */
@media (max-width:1100px){
.brand-note{display:none}
.hero-copy{max-width:760px}
.hero h1{font-size:clamp(3.4rem,6.2vw,5.2rem)}
.hero-media img{object-position:62% 28%}
.founder-card{grid-template-columns:1fr}
.founder-card{padding:0;overflow:hidden}
.founder-card>*:not(.portrait){padding:26px}
.portrait{max-width:none;width:100%;aspect-ratio:4/3;margin:0;border-radius:0}
}
@media (max-width:760px){
:root{--nav-h:68px}
body{font-size:16px}
.nav{padding:0 18px}
.brand svg{width:28px;height:28px}
.brand-word{font-size:15px}
.btn.small{font-size:12px;padding:11px 14px}
.hero-copy{min-height:90svh;padding:calc(var(--nav-h) + 24px) 18px 74px;justify-content:flex-end}
.hero-grid{min-height:90svh}
.hero h1{font-size:clamp(1.6rem,7vw,3.6rem);line-height:.9;max-width:96vw}
.hero-eyebrow{font-size:10px;letter-spacing:.14em;gap:10px;margin-bottom:16px}
.hero-eyebrow::before{width:26px;height:1px}
.hero .btn{min-height:52px;padding:17px 22px;font-size:16px}
.hero-micro{flex-wrap:wrap;gap:8px 16px;font-size:10px;overflow:visible;text-overflow:clip;white-space:normal;margin-top:18px}
.hero-media img{object-position:66% 24%}
.hero-media::before{background:
linear-gradient(180deg,rgba(17,16,15,.08) 0%,rgba(17,16,15,.26) 38%,rgba(17,16,15,.88) 100%),
linear-gradient(90deg,rgba(17,16,15,.74) 0%,rgba(17,16,15,.38) 56%,rgba(17,16,15,.48) 100%)}
.section{padding:74px 18px}
.section.section-cont{padding-top:40px}
h2{font-size:clamp(3.1rem,14vw,5.1rem)}
.card{min-height:auto}
.pillar-grid,.reading-cards,.for-grid{grid-template-columns:1fr}
.reading-top{grid-template-columns:1fr;gap:22px}
.bars{height:110px}
.score-seal{width:150px;height:150px}
.score{font-size:3.5rem}
/* --- mobile accessibility pass --- */
/* tap targets: minimum 44x44 for every interactive element */
.nav-links a{ min-height:48px; display:flex; align-items:center; }
.btn, .btn.small{ min-height:48px; }
.final-actions{ flex-direction:column; align-items:stretch; gap:12px; }
.final-actions .btn{ width:100%; justify-content:center; }
.cp-back{ min-height:44px; padding:6px 0; }
.nav-toggle{ width:44px; height:44px; }
.tier{ padding-top:22px; padding-bottom:22px; }
/* readable microcopy: lift the tiniest mono text so it is legible on a phone */
.hero-micro, .proof-item .lab, .tier-depth, .tier-gate, .inc .n,
.voice cite span, .voices-note, .oneone-note, .oneone-avail,
.fine, .cp-price-flag, .flag .lab, .flag p, .path-rule, .demo-note,
.foot, .foot a{ font-size:12.5px; letter-spacing:.04em; }
.eyebrow{ font-size:12px; }
/* forms: 16px inputs prevent iOS auto-zoom on focus; roomier fields */
.oneone-form input, .oneone-form textarea{ font-size:16px; padding:15px 14px; }
.oneone-form label{ font-size:12.5px; }
/* breathing room + line-height for reading on a small screen */
body{ line-height:1.7; }
.lead, .cp-lead, .hero-sub, .decision-panel p, .voice p, .inc p{ line-height:1.72; }
.cp-hero{ padding-top:calc(var(--nav-h) + 40px); padding-bottom:38px; }
.cp-hero + section{ padding-top:clamp(52px,7vw,92px)!important; }
}
/* ---- testimonials (the proof) ---- */
.voices{background:linear-gradient(180deg,var(--coal-2) 0%,#141210 100%);border-top:1px solid var(--line)}
.voices-head{max-width:760px}
.voice.feature{ border-left-width:4px; background:rgba(232,95,42,.06); border-color:rgba(232,95,42,.32); }
.voice p .mk{ color:var(--ember-2); font-weight:700; }
.voices-note{
margin-top:30px; font-family:var(--mono); font-size:11px;
letter-spacing:.05em; color:var(--faint, #8a8073);
}
/* Testimonial carousel (home "Evidence" section). Separate from .voices-grid/.voice, which Circle still uses. */
.voices-carousel{margin-top:54px}
.vc-track{
display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory;
padding:4px 4px 12px; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.vc-track::-webkit-scrollbar{display:none}
.vc-card{
flex:0 0 auto; width:min(620px,86vw); scroll-snap-align:center;
background:var(--coal-3); border:1px solid var(--line); border-radius:20px;
padding:clamp(30px,4vw,44px); position:relative;
}
.vc-quote{
display:block; font-family:var(--display); font-size:3.4rem; line-height:1;
color:var(--ember-2); opacity:.55; margin-bottom:6px;
}
.vc-card p{ font-size:clamp(1.05rem,1.5vw,1.22rem); line-height:1.6; color:var(--ink); }
.vc-card p .mk{ color:var(--ember-2); font-weight:700; }
.vc-card cite{
display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
margin-top:20px; font-style:normal;
}
.vc-card cite b{
font-family:var(--display); font-weight:800; text-transform:uppercase;
letter-spacing:.02em; font-size:1rem; color:var(--ink);
}
.vc-card cite span{
font-family:var(--mono); font-size:10.5px; letter-spacing:.1em;
text-transform:uppercase; color:var(--muted);
}
.vc-controls{ display:flex; align-items:center; justify-content:center; gap:20px; margin-top:26px; }
.vc-arrow{
width:44px; height:44px; border-radius:50%; border:1px solid var(--line-strong);
background:transparent; color:var(--ink); display:flex; align-items:center;
justify-content:center; cursor:pointer; font-size:17px; line-height:1;
transition:border-color .2s ease, color .2s ease, background .2s ease;
}
.vc-arrow:hover{ border-color:var(--ember-2); color:var(--ember-2); background:rgba(232,95,42,.08); }
.vc-dots{ display:flex; gap:4px; }
.vc-dot.active::before{ background:var(--ember-2); transform:scale(1.3); }
@media (max-width:700px){
.vc-card{ width:88vw; padding:28px; }
.vc-quote{ font-size:2.8rem; }
}
/* ---- page routing (single-file, two routes) ---- */
.page{ display:none; }
.page[hidden]{ display:none !important; }
.page.active{ display:block; }
/* ---- circle page ---- */
.cp-hero{
position:relative; padding:calc(var(--nav-h) + 80px) var(--edge) 90px;
background:
radial-gradient(820px 520px at 82% 8%,rgba(232,95,42,.16),transparent 68%),
linear-gradient(180deg,#11100f,#17120e);
border-bottom:1px solid var(--line);
}
@media (max-width:760px){ .cp-hero{ padding-left:var(--edge); } }
.cp-hero .wrap{ max-width:1180px; margin:0 auto; }
.cp-hero h1{
font-family:var(--display); font-weight:900; text-transform:uppercase;
font-size:clamp(3.4rem,6.6vw,6.2rem); line-height:.86; letter-spacing:.004em;
color:var(--ink); max-width:16ch; margin-top:20px;
}
.cp-hero h1 span{ display:block; }
.cp-hero h1 .hl{ color:var(--ember-2); display:inline; }
/* Photo hero variant: scoped via .cp-hero--fire, applied only where a page explicitly wants a background image. */
.cp-hero--fire{ overflow:hidden; }
.cp-hero-media{ position:absolute; inset:0; z-index:0; }
.cp-hero-media img{ width:100%; height:100%; object-fit:cover; object-position:50% 42%; filter:saturate(1.05) contrast(1.05) brightness(.6); }
.hero-foundations .cp-hero-media img{ object-position:50% 65%!important; }
.cp-hero--fire::after{ content:''; position:absolute; inset:0; z-index:1;
background:
linear-gradient(180deg,rgba(17,16,15,.32) 0%,rgba(17,16,15,.58) 55%,rgba(17,16,15,.93) 100%),
linear-gradient(90deg,rgba(17,16,15,.88) 0%,rgba(17,16,15,.56) 38%,rgba(17,16,15,.22) 100%);
}
.cp-hero--fire .wrap{ position:relative; z-index:2; }
.cp-lead{ margin-top:28px; max-width:60ch; font-size:clamp(1.1rem,1.5vw,1.32rem); line-height:1.62; color:var(--muted); }
.cp-actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:36px; align-items:center; }
.cp-price-flag{ font-family:var(--mono); font-size:12px; letter-spacing:.08em; color:var(--muted); text-transform:uppercase; }
.hundred-interest{ max-width:720px; width:100%; margin:26px auto 0; }
.cp-back{
display:inline-flex; align-items:center; gap:8px;
font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase;
color:var(--muted); text-decoration:none; transition:color .2s ease;
}
.cp-back:hover{ color:var(--ember-2); }
.inc .n{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:var(--ember-2); }
.threshold-panel .tag{ font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ember-2); }
.compare-col .tag{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:22px}
.compare-col.dark .tag{color:var(--ember-2)}
.offer-item .n{font-family:var(--mono);font-size:9px;color:var(--ember-2);letter-spacing:.14em}
.room-card .tag{ font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ember-2); }
.fire-card .label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-top:16px}
.gate{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.gate-step{padding:32px;border:1px solid var(--line);border-radius:24px;min-height:220px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));transition:border-color .25s ease,background .25s ease}
.gate-step:hover{border-color:rgba(232,95,42,.35);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.gate-step::after{content:'\2192';position:absolute;right:-22px;top:46%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:2rem;font-weight:700;color:var(--ember);z-index:4}
.gate-step:last-child::after{display:none}
.gate-step .seal{width:52px;height:52px;border:2px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:1.7rem;color:var(--ember);background:rgba(255,255,255,.025)}
.gate-step h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.4rem;margin-top:26px;color:var(--ink)}
.gate-step p{color:var(--muted);margin-top:12px;font-size:.92rem;line-height:1.5}
@media (max-width:760px){
.gate-step::after{content:'\2193';right:50%;top:auto;bottom:-28px;transform:translateX(50%)}
}
.price-ticket.stack{grid-template-columns:1fr;margin-top:0}
.price-ticket.stack::before,.price-ticket.stack::after{display:none}
.price-ticket.stack .price-main{border-right:0;border-bottom:1px dashed var(--line)}
.path-node.current::before{border-color:var(--ember);background:var(--ember);box-shadow:0 0 0 7px rgba(232,95,42,.14)}
/* ---- 1:1 application door (always open) ---- */
.oneone{ border-top:1px solid var(--line); }
.oneone-card{
margin-top:14px; border:1px solid rgba(232,95,42,.34);
background:linear-gradient(180deg,rgba(232,95,42,.07),rgba(232,95,42,.02));
border-radius:6px; padding:clamp(28px,4vw,44px);
display:grid; grid-template-columns:1fr; gap:clamp(32px,5vw,48px); align-items:start;
}
@media (max-width:800px){ .oneone-card{ grid-template-columns:1fr; gap:28px; } }
.oneone-card .lead{ margin-top:16px; }
.oneone-form label{ display:block; font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:16px 0 7px; }
.oneone-form input, .oneone-form textarea{
width:100%; background:var(--coal); border:1px solid var(--line-strong); border-radius:4px;
color:var(--ink); font-family:var(--body); font-size:1rem; padding:13px 14px; resize:vertical;
}
.oneone-form input:focus, .oneone-form textarea:focus{ outline:none; border-color:var(--ember-2); }
.oneone-form textarea{ min-height:96px; }
.oneone-form .btn{ margin-top:22px; width:100%; justify-content:center; }
.oneone-form .fine{ margin-top:12px; font-family:var(--mono); font-size:10px; letter-spacing:.05em; color:var(--faint); text-align:center; }
.hp{ position:absolute; left:-9999px; }
.oneone-avail{ margin-top:18px; font-family:var(--mono); font-size:12px; letter-spacing:.06em; color:var(--ink); display:flex; align-items:center; gap:9px; }
.avail-dot{ width:8px; height:8px; border-radius:50%; background:#57c26a; box-shadow:0 0 9px 1px rgba(87,194,106,.6); flex:none; }
/* ---- Foundations page: chain diagram + journey timeline ---- */
.chain-diagram{
display:flex; align-items:center; justify-content:space-between; gap:6px;
margin-top:44px; padding:clamp(24px,3.5vw,36px); position:relative; overflow:hidden;
border:1px solid var(--line); border-radius:26px;
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}
.chain-diagram::after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(232,95,42,.08);right:-80px;top:-90px;filter:blur(4px)}
.chain-node{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;position:relative;z-index:1;min-width:0}
.chain-node .disc{width:74px;height:74px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 22px 50px -45px rgba(0,0,0,.9)}
.chain-node svg{width:30px;height:30px;color:var(--ember-2);flex:none}
.chain-node img{width:30px;height:30px;object-fit:contain;flex:none}
/* statement quote: editorial band. restraint over decoration, one accent, no gradients */
.pull-quote{
position:relative;
margin:clamp(52px,6.5vw,84px) auto 0;
padding:clamp(44px,5.4vw,68px) clamp(16px,3vw,32px);
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
text-align:center;
background:none;
border-radius:0;
box-shadow:none;
overflow:visible;
width:auto;
}
.pull-quote .qmark{
position:absolute;z-index:0;
top:clamp(2px,1vw,14px);left:50%;transform:translateX(-50%);
font-family:var(--display);font-size:clamp(7rem,13vw,11.5rem);line-height:.78;
color:var(--ink);opacity:.055;
pointer-events:none;user-select:none;
}
.pull-quote .pq-label{
position:relative;z-index:1;display:block;
font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
color:var(--faint);margin-bottom:clamp(16px,2.2vw,24px);
}
.pull-quote blockquote{
position:relative;z-index:1;
margin:0 auto;max-width:21ch;
font-family:var(--display);font-weight:700;
font-size:clamp(1.6rem,3.5vw,2.65rem);line-height:1.08;letter-spacing:-.015em;
color:var(--ink);text-wrap:balance;
}
.pull-quote em{display:block;font-style:normal;color:var(--ember-2);margin-top:.4em}
@media(max-width:620px){
.pull-quote blockquote{max-width:17ch}
.pull-quote .qmark{font-size:6.4rem}
}
.visual-caption{margin-top:32px;color:var(--muted);max-width:56ch}
section.premium-foundations-method .narrow{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
section.premium-foundations-method .eyebrow{justify-content:center}
section.premium-foundations-method .visual-caption{text-align:center;margin-left:auto;margin-right:auto}
.focus-compare{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,18px);margin-top:40px}
.focus-side{display:flex;flex-direction:column;align-items:center;gap:14px;flex:0 0 auto;width:120px}
.focus-arrow{font-size:1.6rem;color:var(--ember-2);flex:none}
.scatter-dots{position:relative;width:96px;height:96px}
.scatter-dots span{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(241,238,232,.35)}
.scatter-dots span:nth-child(1){top:6px;left:20px}
.scatter-dots span:nth-child(2){top:14px;left:64px}
.scatter-dots span:nth-child(3){top:44px;left:4px}
.scatter-dots span:nth-child(4){top:48px;left:76px}
.scatter-dots span:nth-child(5){top:76px;left:30px}
.scatter-dots span:nth-child(6){top:80px;left:58px}
.single-dot{width:72px;height:72px;border-radius:50%;background:linear-gradient(180deg,var(--ember-2),var(--ember));box-shadow:0 0 40px -6px rgba(232,95,42,.75)}
.focus-side small{color:var(--muted);text-align:center}
@media(max-width:620px){.focus-compare{flex-direction:column}.focus-arrow{transform:rotate(90deg)}}
.chain-node strong{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.15rem;color:var(--ink);letter-spacing:.01em}
.chain-node p{font-family:var(--body);font-size:12.5px;color:var(--muted);text-align:center;max-width:16ch;line-height:1.4}
.premium-hundred-questions .chain-node .disc{width:88px;height:88px}
.premium-hundred-questions .chain-node svg{width:36px;height:36px}
.premium-hundred-questions .chain-node strong{font-size:1.5rem}
.premium-hundred-questions .chain-node p{font-size:1rem;max-width:24ch;line-height:1.5}
.chain-link{color:var(--ember-2);font-size:1.2rem;flex:0 0 auto;opacity:.75;z-index:1}
@media(max-width:800px){.ecosystem-grid{grid-template-columns:1fr!important}}
@media (max-width:1024px){
.chain-diagram{flex-direction:column;gap:22px}
.chain-link{transform:rotate(90deg)}
.premium-hundred-questions .chain-diagram{grid-template-columns:1fr!important}
}
.proof-cards{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.proof-cards .vc-card{width:auto}
.proof-cards{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.proof-cards-2x2{grid-template-columns:repeat(2,1fr)!important}
@media(max-width:640px){.proof-cards-2x2{grid-template-columns:1fr!important}}
.proof-cards .vc-card{width:auto}
.audit-quotes{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.audit-quotes blockquote{margin:0;padding:18px 20px;border-left:2px solid var(--ember-2);background:rgba(232,95,42,.045);font-size:.98rem;line-height:1.5;color:var(--ink);font-style:italic}
.audit-quotes-note{margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--faint);text-transform:uppercase}
@media(max-width:700px){.audit-quotes{grid-template-columns:1fr}}
.proof-anchor{margin-top:52px;padding:34px 40px;max-width:920px;border-left:3px solid var(--ember);border-radius:0 14px 14px 0;background:rgba(232,95,42,.055)}
.proof-lead{margin-top:0;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1.16;color:var(--ink)}
.proof-follow{margin-top:22px;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.62;color:var(--ink);opacity:.92;max-width:60ch}
@media(max-width:700px){.proof-anchor{padding:26px 24px}}
@media (max-width:700px){
.chain-diagram{flex-direction:column;gap:22px}
.chain-link{transform:rotate(90deg)}
}
.standards-graph{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:34px;align-items:center;margin-top:38px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.standards-graph svg{width:100%;height:auto;display:block;overflow:visible}
.graph-copy{display:grid;gap:18px}
.graph-key{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start}
.graph-key i{width:11px;height:11px;border-radius:50%;margin-top:5px;background:var(--faint)}
.graph-key.system i{background:var(--ember-2);box-shadow:0 0 12px rgba(232,95,42,.45)}
.graph-key strong{display:block;font-family:var(--display);font-size:1.28rem;text-transform:uppercase;line-height:1}
.graph-key span{display:block;margin-top:5px;color:var(--muted);font-size:.88rem;line-height:1.45}
@media (max-width:760px){ .standards-graph{grid-template-columns:1fr;padding:20px} }
.kit{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.02);margin-top:44px}
.kit-item{padding:26px 20px;border-right:1px solid var(--line);min-height:250px;background:rgba(255,255,255,.012);transition:background .2s ease}
.kit-item:last-child{border-right:0}
.kit-item:hover{background:rgba(232,95,42,.055)}
.kit-item .n{font-family:var(--display);font-size:2.6rem;color:var(--ember);line-height:1}
.n-tag{display:block;font-family:var(--mono);font-size:9px;color:var(--ember-2);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.gate-step .n-tag{margin-bottom:10px}
.kit-item h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.35rem;margin-top:16px;color:var(--ink)}
.kit-item p{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.5}
@media (max-width:1100px){
.kit{grid-template-columns:repeat(2,1fr)}
.kit-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:0}
.kit-item:nth-child(2n){border-right:0}
.kit-item:last-child{grid-column:1/-1;border-bottom:0}
}
@media (max-width:600px){
.kit{grid-template-columns:1fr}
.kit-item{border-right:0;border-bottom:1px solid var(--line)}
.kit-item:last-child{border-bottom:0}
}
/* ---- offer pages (foundations, 100 days) reuse circle-page classes ---- */
.flag{
border:1px dashed #5a5450; border-radius:6px; padding:20px 22px; margin-top:32px;
background:rgba(120,110,100,.06);
}
.flag .lab{ font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--faint); }
.flag p{ margin-top:8px; color:var(--muted); font-size:.95rem; }
.room-photo{ margin-top:44px; border-radius:20px; overflow:hidden; border:1px solid var(--line); }
.room-photo img{ width:100%; display:block; object-fit:cover; max-height:460px; }
@media (prefers-reduced-motion:reduce){
*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.reveal{opacity:1;transform:none}
}
/* ===== WORLD-CLASS MOTION SYSTEM ===== */
:root{ --ease-out:cubic-bezier(.16,1,.3,1); --ease-in-out:cubic-bezier(.65,0,.35,1); }
html{ scroll-behavior:smooth; }
body{ overflow-x:hidden; }
@keyframes introRise{to{opacity:1;transform:none}}
.page-wipe{position:fixed;inset:0;z-index:8999;pointer-events:none;background:#11100f;transform:scaleY(0);transform-origin:bottom;transition:transform .46s var(--ease-in-out)}
.page-wipe.active{transform:scaleY(1)}
.page-wipe:after{content:'';position:absolute;left:50%;top:50%;width:44px;height:31px;transform:translate(-50%,-50%) scale(.7);opacity:0;clip-path:polygon(50% 0,100% 100%,76% 100%,50% 45%,24% 100%,0 100%);background:var(--ember-2);transition:opacity .18s .12s,transform .35s .08s var(--ease-out)}
.page-wipe.active:after{opacity:1;transform:translate(-50%,-50%) scale(1)}
.reveal{transition:opacity .85s var(--ease-out),transform .85s var(--ease-out),filter .85s var(--ease-out);filter:blur(5px)}
.reveal.visible{filter:blur(0)}
h1,h2{ text-wrap:balance; }
.cp-hero h1,.hero h1{will-change:transform}
.room-photo{position:relative;isolation:isolate;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.room-photo:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,rgba(17,16,15,.26),transparent 42%,rgba(232,95,42,.05));mix-blend-mode:multiply}
.room-photo img{transform:scale(1.035);transition:transform 1.5s var(--ease-out),filter 1.2s var(--ease-out);filter:saturate(.9) contrast(1.04) brightness(.86)}
.room-photo.visible img{transform:scale(1);filter:saturate(1) contrast(1.04) brightness(.94)}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s var(--ease-out),box-shadow .22s,border-color .22s}
.btn:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.14),transparent 70%);transform:translateX(-130%);transition:transform .65s var(--ease-out)}
.btn:hover:before{transform:translateX(130%)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(232,95,42,.18)}
.btn:active{transform:translateY(0) scale(.985)}
.timeline.visible .tl-marker{background:var(--ember-2);box-shadow:0 0 0 7px rgba(232,95,42,.1);transform:scale(1.08)}
.oneone-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.oneone-principle{border:1px solid var(--line);border-radius:16px;padding:20px;background:rgba(255,255,255,.018)}
.oneone-principle b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-2);margin-bottom:9px}
.oneone-principle span{color:var(--muted);line-height:1.55;font-size:.96rem}
@media(max-width:800px){.oneone-principles{grid-template-columns:1fr}.page-wipe{transition-duration:.28s}.room-photo img{transform:none}.reveal{filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-intro,.page-wipe{display:none!important}.reveal,.room-photo img,.btn,.timeline .tl-marker{transition:none!important;animation:none!important;transform:none!important;filter:none!important}.reveal{opacity:1!important}}
:root{--reveal-distance:30px;--v19-shadow:0 35px 110px rgba(0,0,0,.38)}
.reveal{opacity:0;transform:translate3d(0,var(--reveal-distance),0) scale(.992);filter:blur(7px);transition:opacity .82s var(--ease-out) var(--reveal-delay,0ms),transform .95s var(--ease-out) var(--reveal-delay,0ms),filter .9s var(--ease-out) var(--reveal-delay,0ms)}
.reveal.visible{opacity:1;transform:none;filter:none}
.hero-copy>* ,.cp-hero>.wrap>*{opacity:0;transform:translateY(22px);filter:blur(5px);transition:opacity .75s var(--ease-out),transform .9s var(--ease-out),filter .8s var(--ease-out)}
.hero-copy>*.visible,.cp-hero>.wrap>*.visible{opacity:1;transform:none;filter:none}
.btn,.nav-links a,.nav-actions,.cp-back,.hero-micro span,.cp-price-flag{will-change:transform,opacity}
/* full-width program image treatment, no more cropped heads */
.program-hero-photo{height:auto;aspect-ratio:16/8.35;max-height:none;overflow:hidden;border-radius:22px;background:#0b0a09}
.program-hero-photo img{width:100%;height:100%;max-height:none!important;object-fit:cover!important;transform:scale(1.02)}
.hero-foundations .program-hero-photo img{object-position:50% 12%!important}
.hero-hundred .program-hero-photo img{object-position:50% 10%!important}
.hero-oneone .program-hero-photo img{object-position:50% 16%!important}
.hero-foundations{background:radial-gradient(700px 450px at 82% 10%,rgba(143,116,77,.12),transparent 70%),linear-gradient(180deg,#11100f,#171513)}
.hero-hundred{background:radial-gradient(820px 520px at 80% 5%,rgba(232,95,42,.19),transparent 67%),linear-gradient(180deg,#0e0c0b,#17100c)}
.hero-oneone{background:radial-gradient(700px 480px at 15% 5%,rgba(86,105,112,.13),transparent 68%),linear-gradient(180deg,#11100f,#151515)}
/* sophisticated page atmospheres */
.page-foundations .section:nth-of-type(even){background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.page-hundred .section{position:relative}.page-hundred .section:before{content:'';position:absolute;left:var(--edge);right:var(--edge);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.page-oneone .oneone-card{box-shadow:var(--v19-shadow);border-color:rgba(255,255,255,.12)}
.about-hero-wrap>.reveal{grid-column:1}
.page-about .timeline:before{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--ember-2),var(--line),transparent)}
/* richer motion details */
.section h2{transform-origin:left center}
.for-card,.path-node,.kit-item,.ds-card,.oneone-principle,.vc-card{transition:transform .42s var(--ease-out),border-color .35s,background .35s,box-shadow .42s}
.for-card:hover,.path-node:hover,.kit-item:hover,.ds-card:hover,.oneone-principle:hover{transform:translateY(-6px);border-color:rgba(232,95,42,.34);box-shadow:0 22px 55px rgba(0,0,0,.24)}
@media(max-width:900px){
.program-hero-photo{aspect-ratio:4/3}.hero-foundations .program-hero-photo img,.hero-hundred .program-hero-photo img,.hero-oneone .program-hero-photo img{object-position:50% 8%!important}.about-hero-wrap>.reveal,.about-landscape,.about-origin-panel{grid-column:1}
}
@media(max-width:600px){
.cp-hero{padding-top:calc(var(--nav-h) + 56px)!important}.program-hero-photo{aspect-ratio:1/1}.hero-foundations .program-hero-photo img,.hero-hundred .program-hero-photo img,.hero-oneone .program-hero-photo img{object-position:50% 5%!important}
}
@media(prefers-reduced-motion:reduce){.reveal,.hero-copy>*,.cp-hero>.wrap>*{opacity:1!important;transform:none!important;filter:none!important}}
.oneone-form select{width:100%;border:1px solid var(--line);background:var(--coal-3);color:var(--ink);border-radius:10px;padding:15px 14px;font-size:16px}
.about-three-movements{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:38px}.about-three-movements article{padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.about-three-movements span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ember-2)}.about-three-movements h3{margin-top:16px;font-family:var(--display);font-size:1.45rem}.about-three-movements p{margin-top:12px;color:var(--muted);line-height:1.65}
footer{padding:38px var(--edge) 30px}
@media(max-width:1000px){.about-three-movements{grid-template-columns:1fr}}
@media(max-width:760px){footer{padding:30px 18px 26px}.oneone-principles{grid-template-columns:1fr}.oneone-card{grid-template-columns:1fr}.about-three-movements article{padding:22px}}
/* V21 consistent program header imagery */
.program-hero-photo{
width:100%;
aspect-ratio:16/8.35!important;
min-height:0;
max-height:none;
border-radius:22px;
}
.program-hero-photo img{
width:100%;
height:100%;
object-fit:cover!important;
transform:none!important;
}
.hero-foundations .program-hero-photo img{object-position:50% 8%!important}
.hero-hundred .program-hero-photo img{object-position:50% 6%!important}
.hero-oneone .program-hero-photo img{object-position:50% 10%!important}
@media(max-width:900px){
.program-hero-photo{aspect-ratio:16/9!important}
.hero-foundations .program-hero-photo img{object-position:50% 5%!important}
.hero-hundred .program-hero-photo img{object-position:50% 4%!important}
.hero-oneone .program-hero-photo img{object-position:50% 7%!important}
}
@media(max-width:600px){
.program-hero-photo{aspect-ratio:16/10!important;border-radius:16px}
.hero-foundations .program-hero-photo img,
.hero-hundred .program-hero-photo img,
.hero-oneone .program-hero-photo img{object-position:50% 2%!important}
}
/* One photographic language: the wide Fire Circle frame */
.room-photo,
.program-hero-photo,
.about-landscape,
.about-hero-clean .room-photo,
.page-circle .room-photo{
width:100%!important;
aspect-ratio:2.18 / 1!important;
min-height:0!important;
max-height:none!important;
border-radius:20px!important;
overflow:hidden!important;
border:1px solid var(--line)!important;
background:var(--coal-3)!important;
}
.room-photo img,
.program-hero-photo img,
.about-landscape img,
.about-hero-clean .room-photo img{
width:100%!important;
height:100%!important;
max-height:none!important;
object-fit:cover!important;
transform:none!important;
}
.hero-foundations .program-hero-photo img{object-position:50% 18%!important}
.hero-hundred .program-hero-photo img{object-position:50% 16%!important}
.hero-oneone .program-hero-photo img{object-position:50% 18%!important}
.page-circle .room-photo img{object-position:50% 42%!important}
.about-landscape img,.about-hero-clean .room-photo img{object-position:50% 38%!important}
/* Calm the homepage opening */
.hero-ticker{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:28px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#141210}
.ticker-track{animation-duration:42s!important;opacity:.72}
.ticker-track span{font-size:.78rem!important;letter-spacing:.08em!important}
.hero .hero-copy>*{transition-duration:.75s!important}
/* Simpler About hero */
.about-hero-clean h1{max-width:10ch}
.about-hero-clean .cp-lead{max-width:56ch}
/* Reduce visual noise */
.reveal{filter:none!important}
.ds-card,.reading-card,.for-card,.oneone-principle{box-shadow:none!important}
.btn{transform:none!important}
@media(max-width:900px){
.room-photo,.program-hero-photo,.about-landscape,.about-hero-clean .room-photo{aspect-ratio:16/8!important}
}
@media(max-width:620px){
.room-photo,.program-hero-photo,.about-landscape,.about-hero-clean .room-photo{aspect-ratio:16/9!important;border-radius:16px!important}
}
/* V24 restrained post-hero motion: grouped, one-time, and non-interactive */
.reveal{
opacity:0;
transform:translate3d(0,18px,0);
filter:none!important;
transition:opacity .68s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),
transform .78s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)!important;
}
.reveal.visible{opacity:1;transform:none;filter:none!important}
.hero .reveal,.cp-hero .reveal.visible{filter:none!important}
.room-photo.reveal img,.program-hero-photo.reveal img,.about-landscape.reveal img{
transform:scale(1.018);
transition:transform 1.05s cubic-bezier(.22,1,.36,1),filter .8s ease;
filter:brightness(.88);
}
.room-photo.reveal.visible img,.program-hero-photo.reveal.visible img,.about-landscape.reveal.visible img{
transform:scale(1);
filter:brightness(1);
}
@media(max-width:800px){
.reveal{transform:translate3d(0,12px,0);transition-duration:.58s!important}
.room-photo.reveal img,.program-hero-photo.reveal img,.about-landscape.reveal img{transform:none;filter:none}
}
@media(prefers-reduced-motion:reduce){
.reveal{opacity:1!important;transform:none!important;transition:none!important}
.room-photo img,.program-hero-photo img,.about-landscape img{transform:none!important;filter:none!important;transition:none!important}
}
/* ===== [01] v25-about-hero-fix ===== */
/* V25: About hero is a full-width editorial hero, not a split card. */
.page-about .about-hero-clean{
padding-top:calc(var(--nav-h) + clamp(48px,6vw,84px))!important;
padding-bottom:clamp(64px,8vw,108px)!important;
}
.page-about .about-hero-clean .cp-back{
display:inline-flex!important;
margin-bottom:clamp(34px,4vw,54px)!important;
}
.page-about .about-hero-clean .about-hero-wrap>.reveal{
width:100%!important;
max-width:980px!important;
margin:0!important;
}
.page-about .about-hero-clean h1{
max-width:13ch!important;
}
.page-about .about-hero-clean .cp-lead{
max-width:68ch!important;
}
@media (max-width:900px){
.page-about .about-hero-clean h1{max-width:12ch!important;}
}
@media (max-width:620px){
.page-about .about-hero-clean{padding-top:calc(var(--nav-h) + 34px)!important;}
}
/* ===== [02] block-2 ===== */
.legal-hero{min-height:auto;padding-bottom:48px}.legal-copy{max-width:820px}.legal-copy h2{font-family:var(--display);font-size:clamp(1.45rem,2.8vw,2.2rem);text-transform:uppercase;margin:46px 0 12px;color:var(--ink)}.legal-copy h2:first-child{margin-top:0}.legal-copy p{color:var(--muted);font-size:1.05rem;line-height:1.75}
.site-footer{padding:0;background:#0b0a09;border-top:1px solid var(--line);color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer-signup{border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}
.footer-signup-inner{max-width:1180px;margin:0 auto;padding:34px var(--edge);display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.footer-signup-copy{max-width:52ch}
.footer-signup-copy .fs-label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember-2);margin-bottom:8px}
.footer-signup-copy p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}
.footer-signup-form{display:flex;align-items:center;gap:10px;flex:0 1 auto}
.footer-signup-form label{margin:0}
.footer-signup-form input[type=email]{min-width:min(280px,60vw);padding:13px 15px;border-radius:12px;border:1px solid var(--line-strong);background:rgba(0,0,0,.35);color:var(--ink);font-family:var(--body);font-size:.95rem}
.footer-signup-form input[type=email]::placeholder{color:var(--faint)}
.footer-signup-form input[type=email]:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 3px rgba(232,95,42,.16)}
.footer-signup-form .btn{white-space:nowrap}
.footer-signup-form .hp{position:absolute;left:-9999px}
@media(max-width:760px){.footer-signup-inner{flex-direction:column;align-items:stretch;padding:26px 20px}.footer-signup-form{flex-direction:column;align-items:stretch}.footer-signup-form input[type=email]{min-width:0;width:100%}}
.footer-shell{max-width:1180px;margin:0 auto;padding:58px var(--edge) 42px;display:grid;grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(140px,.65fr));gap:36px 54px}
.footer-brand{max-width:430px}.footer-mark{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-family:var(--display);font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em}.footer-mark span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(232,95,42,.45);border-radius:10px;color:var(--ember-2);font-family:var(--mono);font-size:.72rem}.footer-brand p{margin:20px 0 22px;line-height:1.65;max-width:38ch}.footer-cta{display:inline-flex;gap:10px;align-items:center;color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--ember-2);padding-bottom:6px}.footer-cta:hover{color:var(--ember-2)}.footer-email{display:block;width:fit-content;margin-top:16px;font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}.footer-email:hover{color:var(--ember-2);border-bottom-color:var(--ember-2)}
.footer-nav h2,.footer-socials h2{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 16px}.footer-nav,.footer-socials{display:flex;flex-direction:column;align-items:flex-start}.footer-nav a,.social-links a{color:var(--muted);text-decoration:none;line-height:1.35;padding:7px 0}.footer-nav a:hover,.social-links a:hover{color:var(--ember-2)}.social-links{display:flex;flex-direction:column}.social-fallback{font-size:.84rem;line-height:1.5;color:var(--faint);max-width:20ch;margin:0}
.footer-bottom{border-top:1px solid var(--line-dim);max-width:1180px;margin:0 auto;padding:20px var(--edge) 28px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.footer-bottom a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.footer-legal{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:760px){.footer-legal{gap:14px}}
@media(max-width:980px){.footer-shell{grid-template-columns:1.35fr 1fr 1fr;gap:34px}.footer-socials{grid-column:2/4}.social-links{flex-direction:row;flex-wrap:wrap;gap:8px 20px}.social-fallback{max-width:none}}
@media(max-width:700px){.footer-shell{padding:42px 20px 30px;grid-template-columns:1fr 1fr;gap:34px 24px}.footer-brand{grid-column:1/-1}.footer-socials{grid-column:1/-1}.footer-nav a,.social-links a{min-height:44px;display:flex;align-items:center}.social-links{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0 18px}.footer-bottom{padding:18px 20px 24px;display:grid;grid-template-columns:1fr;line-height:1.6}.footer-mark b{font-size:1.08rem}}
@media(max-width:430px){.footer-shell{grid-template-columns:1fr}.footer-brand,.footer-socials{grid-column:auto}.social-links{grid-template-columns:1fr 1fr}}
/* ===== [03] v27-premium-simplification ===== */
.audit-return{margin-top:34px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;display:flex;gap:16px 24px;align-items:center;flex-wrap:wrap;background:rgba(255,255,255,.018)}
.audit-return b{font-family:var(--display);text-transform:uppercase;color:var(--ink);margin-right:auto}.audit-return span{font-size:.88rem;color:var(--muted)}
.price-summary{margin:32px auto 0;max-width:650px;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 18px;align-items:baseline;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.price-summary strong{font-family:var(--display);font-size:2rem;color:var(--ink)}.price-summary b{color:var(--ink)}.price-summary span{color:var(--muted);font-size:.9rem;text-align:left}
.cohort-countdown{margin:30px 0 4px;padding:20px 22px;border:1px solid rgba(232,95,42,.3);border-radius:16px;background:linear-gradient(120deg,rgba(232,95,42,.09),rgba(255,255,255,.015));display:flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;transition:border-color .2s ease,background .2s ease}
a.cohort-countdown:hover{border-color:rgba(232,95,42,.55);background:linear-gradient(120deg,rgba(232,95,42,.14),rgba(255,255,255,.02))}
.countdown-copy span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ember-2);margin-bottom:5px}.countdown-copy strong{font-family:var(--display);text-transform:uppercase;font-size:1.18rem;color:var(--ink)}
.countdown-units{display:flex;gap:10px}.countdown-units div{min-width:66px;text-align:center;padding:10px 9px;border-left:1px solid var(--line)}.countdown-units b{display:block;font-family:var(--display);font-size:1.55rem;line-height:1;color:var(--ink)}.countdown-units span{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.day-one-banner{display:flex;align-items:center;gap:28px;margin-top:44px;padding:26px 32px;border:1px solid rgba(232,95,42,.4);border-radius:16px;background:linear-gradient(135deg,rgba(232,95,42,.12),rgba(232,95,42,.02))}
.day-one-tag{flex:none;font-family:var(--display);font-weight:900;font-size:1.8rem;color:var(--ember);text-transform:uppercase;line-height:1;letter-spacing:.02em}
.day-one-content h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.1rem;color:var(--ink)}
.day-one-content p{margin-top:8px;color:var(--muted);font-size:.95rem;line-height:1.6}
@media(max-width:700px){.day-one-banner{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 24px}}
.firstweek-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;border:1px solid var(--line)!important;border-radius:20px!important;background:rgba(255,255,255,.02)!important;overflow:hidden!important;gap:0!important;margin-top:24px!important}
.firstweek-grid .gate-step{border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:rgba(255,255,255,.012)!important;min-height:0;padding:28px 26px!important;text-align:left}
.firstweek-grid .gate-step:last-child{border-right:0!important}
.firstweek-grid .gate-step:hover{background:rgba(232,95,42,.055)!important}
.firstweek-grid .gate-step .n-tag{display:block;font-size:11px;letter-spacing:.14em;margin-bottom:6px}
.firstweek-grid .gate-step .seal{display:none}
.firstweek-grid .gate-step h3{margin-top:14px;font-size:1.1rem;text-align:left}
.firstweek-grid .gate-step p{text-align:left;margin-top:8px}
@media(max-width:1100px){
.firstweek-grid{grid-template-columns:repeat(2,1fr)!important}
.firstweek-grid .gate-step{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.firstweek-grid .gate-step:nth-child(2n){border-right:0!important}
.firstweek-grid .gate-step:nth-last-child(-n+2){border-bottom:0!important}
}
@media(max-width:620px){.firstweek-grid{grid-template-columns:1fr!important}.firstweek-grid .gate-step{border-right:0!important;border-bottom:1px solid var(--line)!important}.firstweek-grid .gate-step:last-child{border-bottom:0!important}}
.founder-credentials{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:28px;border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;background:#0d0c0b}
.founder-card .founder-credentials>span:nth-child(even){border-left:1px solid var(--line-soft)}
.founder-card .founder-credentials>span:nth-child(odd){border-left:0}
.why-works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.premium-section .why-works-grid.centre{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.why-works-grid h3,.why-works-grid p{text-align:center!important}
.why-works-badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid var(--line-strong);border-radius:50%;background:rgba(255,255,255,.025);font-family:var(--display);font-size:1.35rem;color:var(--ember-2)}
@media(max-width:760px){.why-works-grid{grid-template-columns:1fr;text-align:left;gap:32px}}
.movement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.movement-item{text-align:center;padding:0 8px}
.movement-item .n-tag{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid var(--line-strong);border-radius:50%;background:rgba(255,255,255,.025);font-family:var(--mono);font-size:14px;color:var(--ember-2);margin-bottom:18px}
.movement-item h3{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.1rem;color:var(--ink)}
.movement-item p{margin-top:10px;color:var(--muted);line-height:1.6;font-size:.94rem}
@media(max-width:760px){.movement-grid{grid-template-columns:1fr;gap:32px;text-align:left}.movement-item{text-align:left;padding:0}.movement-item .n-tag{margin-bottom:14px}}
.founder-credentials>span{padding:18px 14px;border-left:1px solid var(--line-soft);font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center;line-height:1.5;display:flex;align-items:center;justify-content:center}
.founder-credentials>span:first-child{border-left:0}
.private-quote{margin-top:34px;padding:24px;border-left:2px solid var(--ember-2);background:rgba(255,255,255,.018);color:var(--ink);font-size:1.06rem;line-height:1.7}.private-quote cite{display:block;margin-top:14px;color:var(--muted);font-size:.82rem;font-style:normal}
.standard-panel{padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--coal-2)}.standard-panel>span{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ember-2)}.standard-panel h3{font-family:var(--display);text-transform:uppercase;font-size:1.55rem;margin:12px 0;color:var(--ink)}.standard-panel p{color:var(--muted);line-height:1.7}
#private-application,#hundred-interest{scroll-margin-top:100px}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.site-footer.no-social .footer-shell{grid-template-columns:minmax(280px,1.5fr) repeat(2,minmax(150px,.7fr))}.footer-socials[hidden]{display:none!important}
@media(max-width:900px){.cohort-countdown{align-items:flex-start;flex-direction:column}.countdown-units{width:100%}.countdown-units div{flex:1}.site-footer.no-social .footer-shell{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.price-summary{grid-template-columns:1fr 1fr}.countdown-units{gap:0}.countdown-units div{min-width:0;padding:9px 4px}.countdown-units b{font-size:1.25rem}.cohort-countdown{padding:18px 16px}.site-footer.no-social .footer-shell{grid-template-columns:1fr}.audit-return{align-items:flex-start;flex-direction:column}}
/* ===== [04] v28-premium-sections ===== */
/* =========================================================
V28 · premium section design system
A calmer, clearer visual rhythm after each hero.
========================================================= */
:root{
--section-max:1180px;
--section-radius:28px;
--panel:rgba(255,255,255,.032);
--panel-strong:rgba(255,255,255,.052);
--line-soft:rgba(255,255,255,.095);
--line-ember:rgba(232,95,42,.28);
}
/* Stronger separation without turning every section into another card. */
.premium-section{
position:relative;
isolation:isolate;
padding-block:clamp(88px,10vw,150px)!important;
border-top:0!important;
overflow:hidden;
}
.premium-section::before{
content:attr(data-section-index);
position:absolute;
top:clamp(34px,4vw,58px);
right:max(var(--edge),calc((100vw - var(--section-max))/2));
font-family:var(--mono);
font-size:10px;
letter-spacing:.22em;
color:rgba(255,255,255,.24);
z-index:-1;
}
.premium-tone-a{background:#11100f!important}
.premium-tone-b{
background:
radial-gradient(900px 500px at 86% 8%,rgba(232,95,42,.055),transparent 68%),
#151311!important;
}
.premium-section + .premium-section::after{
content:'';position:absolute;left:50%;top:0;width:min(calc(100% - 2*var(--edge)),var(--section-max));
height:1px;transform:translateX(-50%);
background:linear-gradient(90deg,transparent,var(--line-soft) 16%,var(--line-soft) 84%,transparent);
}
.premium-section>.wrap{max-width:var(--section-max)!important}
/* A deliberate editorial header system. */
.premium-section .narrow,
.premium-section .voices-head{
max-width:760px!important;
margin-left:0!important;
margin-right:auto!important;
text-align:left!important;
}
.premium-section .eyebrow{
display:flex;align-items:center;gap:12px;
margin-bottom:18px!important;
color:var(--ember-2)!important;
}
.premium-section .eyebrow::before{
content:'';width:30px;height:1px;background:var(--ember-2);opacity:.8;flex:0 0 auto;
}
.premium-section h2{
max-width:900px;
text-wrap:balance;
line-height:.96!important;
letter-spacing:-.025em!important;
margin-bottom:22px!important;
}
.premium-section .lead{max-width:68ch}
.premium-section .centre,.premium-section .centre .lead{margin-inline:auto!important;text-align:center!important}
.premium-section .centre .eyebrow{justify-content:center}
/* Consistent, quieter card language. */
.premium-card-grid{
gap:16px!important;
margin-top:clamp(38px,5vw,64px)!important;
}
.premium-card-grid>article,
.premium-card-grid>.oneone-principle,
.diagnosis-grid>article,
.outcome-grid>article,
.method-grid>article,
.gate-grid>article,
.about-three-movements>article,
.oneone-principle{
position:relative;
min-height:100%;
padding:clamp(24px,3vw,36px)!important;
border:1px solid var(--line-soft)!important;
border-radius:20px!important;
background:linear-gradient(180deg,var(--panel-strong),var(--panel))!important;
box-shadow:none!important;
transform:none!important;
}
.premium-card-grid>article::after,
.diagnosis-grid>article::after,
.about-three-movements>article::after{
content:'';position:absolute;left:24px;right:24px;bottom:0;height:2px;
background:linear-gradient(90deg,var(--ember-2),transparent);opacity:.32;
}
.premium-card-grid h3,.diagnosis-grid h3,.about-three-movements h3{
font-size:clamp(1.15rem,1.65vw,1.45rem)!important;
line-height:1.08!important;
margin:16px 0 10px!important;
}
.premium-card-grid p,.diagnosis-grid p,.about-three-movements p{line-height:1.68!important}
.premium-card-grid article>span:first-child,
.diagnosis-grid article>span:first-child,
.about-three-movements article>span:first-child{
display:inline-flex;align-items:center;justify-content:center;
min-width:38px;height:26px;padding:0 9px;border-radius:999px;
background:rgba(232,95,42,.1);border:1px solid var(--line-ember);
font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ember-2)!important;
}
/* Home diagnosis and audit result, composed as one clear argument. */
.premium-proof-strip{
display:grid!important;
grid-template-columns:1.25fr repeat(3,1fr)!important;
align-items:stretch!important;
gap:0!important;
margin-top:18px!important;
padding:0!important;
border:1px solid var(--line-soft)!important;
border-radius:18px!important;
overflow:hidden;background:#0d0c0b!important;
}
.premium-proof-strip>*{padding:20px 22px!important;border-left:1px solid var(--line-soft)}
.premium-proof-strip>*:first-child{border-left:0;background:rgba(232,95,42,.08);color:var(--ink)}
/* The eight-foundation visual gets its own gallery-like stage. */
.premium-home-2 .compass-layout{
margin-top:clamp(46px,6vw,76px)!important;
padding:clamp(28px,5vw,62px)!important;
border:1px solid var(--line-soft)!important;
border-radius:var(--section-radius)!important;
background:
radial-gradient(650px 420px at 50% 45%,rgba(232,95,42,.075),transparent 68%),
#0d0c0b!important;
box-shadow:0 34px 90px rgba(0,0,0,.22)!important;
}
/* Evidence should feel like proof, not another busy card collection. */
.premium-evidence-frame{
margin-top:clamp(56px,7vw,88px)!important;
padding:clamp(16px,2vw,24px)!important;
border:1px solid var(--line-soft)!important;
border-radius:var(--section-radius)!important;
background:#0d0c0b!important;
box-shadow:0 30px 80px rgba(0,0,0,.18)!important;
}
.vc-card{
border:0!important;
border-radius:18px!important;
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
padding:clamp(28px,4vw,48px)!important;
}
.vc-card p{font-size:clamp(1.12rem,1.7vw,1.42rem)!important;line-height:1.55!important}
.vc-controls{margin-top:18px!important;padding-inline:6px}
.voices-note{opacity:.65}
/* Internal pages: turn simple sections into confident two-part editorial layouts. */
.page:not([data-page="home"]) .premium-section>.wrap>.split{
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
gap:clamp(46px,7vw,100px)!important;
align-items:start!important;
}
.page:not([data-page="home"]) .premium-section>.wrap>.split>div:first-child{position:sticky;top:130px}
.page:not([data-page="home"]) .premium-section>.wrap>.split>div:last-child{min-width:0}
/* Offers and application areas become the visual destination. */
.premium-offer-frame,.premium-application-frame{
border:1px solid var(--line-ember)!important;
border-radius:var(--section-radius)!important;
background:
radial-gradient(600px 360px at 8% 0%,rgba(232,95,42,.11),transparent 68%),
#0d0c0b!important;
box-shadow:0 34px 100px rgba(0,0,0,.26)!important;
}
.premium-application-frame{padding:clamp(28px,5vw,56px)!important;gap:clamp(36px,6vw,72px)!important}
.oneone-form input,.oneone-form textarea,.oneone-form select{
background:#151311!important;border:1px solid var(--line-soft)!important;border-radius:12px!important;
}
.oneone-form input:focus,.oneone-form textarea:focus,.oneone-form select:focus{
border-color:var(--ember-2)!important;box-shadow:0 0 0 3px rgba(232,95,42,.1)!important;
}
/* About page: reduce the sense of stacked boxes. */
.premium-about-1 .about-three-movements{grid-template-columns:repeat(3,1fr)!important}
.premium-standard-frame{
padding:clamp(28px,4vw,46px)!important;border-radius:22px!important;
border:1px solid var(--line-ember)!important;background:rgba(232,95,42,.055)!important;
}
/* Final CTA: one decisive closing stage. */
.premium-section.final{
min-height:620px;display:flex;align-items:center;
background:
radial-gradient(800px 480px at 50% 16%,rgba(232,95,42,.11),transparent 68%),
#0c0b0a!important;
}
.premium-section.final::before{display:none}
.premium-section.final h2{font-size:clamp(2.7rem,6vw,6rem)!important;max-width:980px;margin-inline:auto!important}
.premium-section.final .lead{max-width:690px!important;margin-inline:auto!important}
.premium-section.final .btn{min-width:min(100%,360px);justify-content:center}
/* Less movement on informational blocks, more polish on decisive elements. */
.premium-section article,.premium-section .oneone-principle{transition:border-color .25s ease,background .25s ease!important}
.premium-section article:hover,.premium-section .oneone-principle:hover{
transform:none!important;border-color:rgba(232,95,42,.28)!important;background:rgba(255,255,255,.052)!important;
}
.premium-section .hundred-process-step:hover{background:none!important;border-color:var(--line)!important}
@media(max-width:900px){
.premium-section{padding-block:clamp(72px,11vw,108px)!important}
.premium-home-1 .diagnosis-grid,.premium-about-1 .about-three-movements{grid-template-columns:1fr!important}
.premium-proof-strip{grid-template-columns:1fr 1fr!important}
.premium-proof-strip>*:nth-child(3){border-left:0;border-top:1px solid var(--line-soft)}
.premium-proof-strip>*:nth-child(4){border-top:1px solid var(--line-soft)}
.founder-credentials{grid-template-columns:1fr 1fr!important}
.founder-credentials>span:nth-child(even){border-left:1px solid var(--line-soft)}
.founder-credentials>span:nth-child(odd){border-left:0}
.founder-credentials>span:nth-child(n+3){border-top:1px solid var(--line-soft)}
.founder-credentials>span:nth-child(-n+2){border-top:0}
.page:not([data-page="home"]) .premium-section>.wrap>.split{grid-template-columns:1fr!important;gap:34px!important}
.page:not([data-page="home"]) .premium-section>.wrap>.split>div:first-child{position:static!important}
}
@media(max-width:620px){
.premium-section::before{top:24px;right:var(--edge)}
.premium-card-grid{gap:12px!important;margin-top:34px!important}
.premium-card-grid>article,.diagnosis-grid>article,.about-three-movements>article,.oneone-principle{padding:24px!important}
.premium-proof-strip{grid-template-columns:1fr!important}
.premium-proof-strip>*{border-left:0!important;border-top:1px solid var(--line-soft)}
.premium-proof-strip>*:first-child{border-top:0!important}
.founder-credentials{grid-template-columns:1fr!important}
.founder-credentials>span{border-left:0!important;border-top:1px solid var(--line-soft)}
.founder-credentials>span:first-child{border-top:0!important}
.founder-card .founder-credentials>span:nth-child(even){border-left:1px solid var(--line-soft)!important}
.founder-card .founder-credentials>span:nth-child(odd){border-left:0!important}
.standard-panel-group{grid-template-columns:1fr!important}
.premium-home-2 .compass-layout{padding:18px!important;border-radius:20px!important}
.premium-evidence-frame{padding:10px!important;border-radius:20px!important}
.premium-section.final{min-height:520px}
.premium-section.final h2{font-size:clamp(2.45rem,13vw,4.4rem)!important}
}
/* ===== [05] v29-responsive-home-hero ===== */
/* Responsive home hero typography: preserve impact without overflowing */
.page[data-page="home"] .hero-copy{max-width:min(820px,72vw)}
.page[data-page="home"] .hero h1{
max-width:800px;
font-size:clamp(3.15rem,5.25vw,5.65rem);
line-height:.9;
letter-spacing:0;
text-wrap:balance;
}
.page[data-page="home"] .hero h1 > span{white-space:normal}
.page[data-page="home"] .hero-sub{max-width:590px}
@media (max-width:1180px){
.page[data-page="home"] .hero-copy{max-width:min(700px,69vw)}
.page[data-page="home"] .hero h1{font-size:clamp(2.85rem,5.2vw,4.55rem);max-width:680px}
}
@media (max-width:900px){
.page[data-page="home"] .hero-copy{max-width:78vw}
.page[data-page="home"] .hero h1{font-size:clamp(2.55rem,5.7vw,3.75rem);line-height:.93}
.page[data-page="home"] .hero-sub{font-size:1.05rem;max-width:520px}
}
@media (max-width:760px){
.page[data-page="home"] .hero-copy{max-width:none;width:100%;padding-left:20px;padding-right:20px}
.page[data-page="home"] .hero h1{font-size:clamp(2.15rem,10.1vw,3.15rem);line-height:.92;max-width:100%}
.page[data-page="home"] .hero h1 > span{display:block;white-space:normal}
.page[data-page="home"] .hero-sub{font-size:1rem;line-height:1.55;max-width:34rem;margin-top:18px}
.page[data-page="home"] .hero-eyebrow{max-width:34ch;line-height:1.45}
}
@media (max-width:390px){
.page[data-page="home"] .hero h1{font-size:clamp(1.95rem,9.8vw,2.45rem)}
.page[data-page="home"] .hero .btn{width:100%;justify-content:center}
}
@media (max-width:360px){
/* Long CTA labels (e.g. "Get your own reading", "Apply for private coaching")
were clipping against the button edges on the smallest common phone widths.
A small font-size and letter-spacing reduction here, rather than shrinking
padding, keeps the pill shape and tap-target size intact. */
.btn{font-size:13px;letter-spacing:.005em;padding-inline:15px}
}
/* ===== [06] v30-heritage-design-restoration ===== */
/* Restore the strongest earlier visual language without restoring the old content density. */
.premium-section::before,.premium-section::after{display:none!important;content:none!important}
.premium-section{position:relative;overflow:hidden}
.premium-section>.wrap{position:relative;z-index:1}
.premium-tone-a,.premium-tone-b{background:transparent!important}
.premium-section:nth-of-type(even){background:rgba(255,255,255,.012)!important}
.premium-section:nth-of-type(odd){background:var(--coal)!important}
/* Editorial section rhythm from the original site. */
.premium-section{padding-block:clamp(72px,6.5vw,104px)!important}
.premium-section .eyebrow{margin-bottom:18px}
.premium-section h2{max-width:46ch;text-wrap:balance}
.premium-section .lead{max-width:64ch}
.premium-section .split>div:first-child:after{content:"";position:absolute;top:4px;right:calc(clamp(42px,7vw,104px)/-2);width:1px;height:min(100%,230px);background:linear-gradient(to bottom,var(--ember-2),transparent);opacity:.48}
/* Home diagnosis: return to the strong editorial split, not a generic card wall. */
/* Eight foundations: framed like the earlier diagnostic instrument. */
/* Evidence: cleaner, larger and less dashboard-like. */
.premium-evidence-frame{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.vc-track{gap:18px!important}
.vc-card{border:1px solid var(--line)!important;border-radius:20px!important;background:var(--coal-2)!important;padding:clamp(28px,4vw,46px)!important;box-shadow:none!important}
.vc-card p{font-size:clamp(1.08rem,1.8vw,1.35rem);line-height:1.62}
/* Fire Circle: one substantial field rather than repeated floating boxes. */
.premium-circle-1 .kit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px!important;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.premium-circle-1{padding-bottom:clamp(60px,7vw,92px)!important}
.premium-circle-1 .kit-item{border:0!important;border-radius:0!important;background:var(--coal-2)!important;padding:clamp(28px,4vw,46px)!important;min-height:250px;box-shadow:none!important}
.premium-circle-1 .kit-item:hover{background:#1b1815!important;transform:none!important}
/* Foundations: reuse the original journey logic with a stronger connected progression. */
.premium-foundations-2 .three-stage:before{content:"";position:absolute;left:12%;right:12%;top:42px;height:1px;background:linear-gradient(90deg,transparent,var(--ember-2),transparent);opacity:.55}
/* 100 Days: the Sleeping Hero mirror section, opening the page's real argument. */
.premium-hundred-mirror .body-copy{margin-top:18px;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.68;color:var(--muted);max-width:64ch}
.hundred-bridge{margin-top:22px!important;padding-left:20px;border-left:2px solid var(--ember);color:var(--ink)!important;opacity:1!important}
/* 100 Days: the final-thirty-days section (the Vigil, translated). */
/* 100 Days: gates should read as a threshold, not three generic cards. */
/* Private coaching: restore the direct editorial seriousness of the earlier page. */
.premium-oneone-2 .oneone-card,.premium-oneone-3 .oneone-card{border:1px solid var(--line)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;box-shadow:0 30px 90px rgba(0,0,0,.18)!important}
/* About: preserve narrative flow and the original numbered movements. */
.premium-about-1 .about-three-movements{gap:1px!important;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.premium-about-1 .about-three-movements article{border:0!important;border-radius:0!important;background:var(--coal-2)!important;padding:clamp(28px,4vw,44px)!important;box-shadow:none!important}
/* This used to conflict with the shared pill-badge rule for numbered cards
(same specificity, later in source order, so its 3rem font-size and .34
opacity won even though the small 26px pill container did not, leaving
"01/02/03" oversized and washed-out inside a badge sized for 10px text).
Removing it so the three-movements numbers match every other numbered
card on the site instead of fighting their own container. */
/* Decisions regain the original, quiet full-width close. */
.section.final{background:radial-gradient(760px 360px at 50% 35%,rgba(232,95,42,.1),transparent 72%),#0d0c0b!important;border-top:1px solid var(--line)}
.section.final .narrow{max-width:850px}
.section.final h2{max-width:14ch;margin-inline:auto}
.section.final .final-actions{margin-top:34px}
.price-summary{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);padding:20px 24px}
.cost-panel{margin:32px auto 0;max-width:480px;text-align:center;padding:26px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cost-panel .cost-main{font-family:var(--display);font-weight:900;font-size:2.6rem;line-height:1;color:var(--ink)}
.cost-panel .cost-sub{display:block;margin-top:8px;font-family:var(--mono);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.cost-panel .cost-plan{margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--faint);text-transform:uppercase}
@media(max-width:900px){
.premium-section .split>div:first-child:after{display:none}
.premium-home-1 .diagnosis-cards,.premium-circle-1 .kit{grid-template-columns:1fr}
.premium-foundations-2 .three-stage:before{display:none}
}
@media(max-width:620px){
.premium-section{padding-block:72px!important}
.premium-circle-1 .kit-item{min-height:auto}
.vc-card{padding:26px!important}
}
/* ===== [07] v31-offer-restoration ===== */
/* V31: restored high-impact language, richer offer design and clearer responsive foundations */
.audit-return{display:grid!important;grid-template-columns:1.25fr repeat(3,1fr)!important;gap:12px!important;padding:12px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(232,95,42,.08),rgba(255,255,255,.018))!important}
.audit-return-heading{padding:22px 20px;display:flex;flex-direction:column;justify-content:center}
.audit-return-heading>span{font-family:var(--mono);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--ember-2)}
.audit-return-heading h3{font-family:var(--display);font-size:clamp(1.35rem,2vw,2rem);line-height:1;text-transform:uppercase;margin-top:10px;color:var(--ink)}
.audit-answer{min-height:176px;padding:22px;border:1px solid rgba(241,238,232,.1);border-radius:15px;background:rgba(12,11,10,.55);display:flex;flex-direction:column}
.audit-answer-num{font-family:var(--mono);font-size:10px;color:var(--ember-2);letter-spacing:.15em}.audit-answer b{font-family:var(--display);text-transform:uppercase;font-size:1.15rem;line-height:1.05;margin-top:auto;color:var(--ink)}.audit-answer p{font-size:.88rem;line-height:1.5;color:var(--muted);margin-top:10px}
@media(max-width:1024px){.audit-return{grid-template-columns:1fr!important}.audit-return-heading{grid-column:1/-1}.audit-answer{min-height:0}.audit-answer b{margin-top:14px}.compass{aspect-ratio:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;background:var(--line)!important}.compass-rings,.compass-core{display:none!important}.pillar-node{position:static!important;transform:none!important;width:auto!important;min-height:140px!important;background:#0d0c0b!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:16px!important}.pillar-node small{max-width:18ch!important;margin:6px auto 0!important}}
@media(max-width:700px){.audit-return{grid-template-columns:1fr!important}.audit-return-heading{grid-column:auto}.compass{grid-template-columns:1fr 1fr!important}.pillar-node{min-height:124px!important}.pillar-node b{font-size:1.05rem!important}.pillar-node small{font-size:11px!important}}
/* tablet compass: soften the hairline-grid shell to match .kit card language */
@media(max-width:1024px){.compass{border:1px solid var(--line)!important;border-radius:22px!important;overflow:hidden!important}}
@media(max-width:520px){.compass{border-radius:18px!important}}
/* compact the sub-desktop compass: was 637px tall, driven by 3-line captions + min-height */
@media(max-width:1024px){.compass .pillar-node{min-height:0!important;padding:14px 12px!important}.compass .pillar-node small{max-width:30ch!important}.compass .pillar-node img.pic{width:34px!important;height:34px!important;margin-bottom:6px!important}}
@media(min-width:600px) and (max-width:1024px){.compass{grid-template-columns:repeat(4,1fr)!important}.compass .pillar-node{padding:14px 10px!important}.compass .pillar-node small{max-width:22ch!important}}
/* ===== [08] v32-home-hero-two-lines ===== */
/* Keep the homepage promise on exactly two lines (one per span) at every width.
Letting it wrap freely risked each span breaking internally into extra lines
once the font-size was increased to fix the "smaller than body text" bug, so
nowrap is restored here as the line-count guarantee. The earlier version had
shrunk this so far (down to 1.58rem) to make room that it undercut ordinary
body h2 sizing; these values are sized to fit "STOP NEGOTIATING WITH" on one
line at common phone widths while still reading larger than before. */
.page[data-page="home"] .hero h1 > span{
display:block;
white-space:nowrap;
}
@media (max-width:760px){
.page[data-page="home"] .hero h1{
font-size:clamp(2rem,8.8vw,3.2rem);
line-height:.96;
max-width:100%;
letter-spacing:-.016em;
}
.page[data-page="home"] .hero h1 > span{
white-space:normal;
}
}
@media (max-width:390px){
.page[data-page="home"] .hero h1{
font-size:clamp(1.85rem,8.5vw,2.15rem);
letter-spacing:-.02em;
}
}
/* ===== [09] v33-breakpoint-nav-fix ===== */
/* Switch to the tablet/mobile navigation before the desktop header begins to compress. */
.nav-more{position:relative;display:flex;align-items:center;gap:24px}
.nav-more-toggle{display:none;background:none;border:0;color:inherit;font:inherit;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;align-items:center;gap:5px;padding:0}
.nav-links-cta{display:none}
.nav-more-menu{display:contents}
@media (min-width:1025px){
.nav-more-toggle{display:inline-flex}
.nav-more-menu{
display:none;
position:absolute;top:calc(100% + 14px);right:0;
flex-direction:column;
background:rgba(15,13,12,.98);
border:1px solid var(--line);
border-radius:12px;
padding:8px;
min-width:220px;
box-shadow:0 20px 50px rgba(0,0,0,.4);
z-index:999;
}
.nav-more.open .nav-more-menu{display:flex}
.nav-more-menu a{padding:13px 14px;border-radius:8px;font-size:12px}
.nav-more-menu a:hover{background:rgba(255,255,255,.06)}
.nav-toggle{display:none}
}
@media (max-width:1024px){
.nav-inner{min-height:74px;padding-inline:clamp(18px,3vw,32px);}
.brand{gap:12px;min-width:0;}
.brand svg{width:40px;height:40px;flex:0 0 40px;}
.brand-word{font-size:15px;line-height:.92;}
.brand-note{display:none;}
.nav-more-toggle{display:none}
.nav-more{display:contents}
.nav-more-menu{display:contents}
.nav-links{
position:fixed;
top:74px;
left:0;right:0;
display:none;
grid-template-columns:1fr;
gap:0;
padding:14px 18px 24px;
background:rgba(15,13,12,.98);
border-bottom:1px solid var(--line);
box-shadow:0 24px 50px rgba(0,0,0,.38);
z-index:999;
}
.nav-links.open{display:grid;}
.nav-links a{
min-height:52px;
display:flex;
align-items:center;
padding:0 4px;
border-bottom:1px solid rgba(255,255,255,.08);
font-size:12px;
letter-spacing:.16em;
white-space:normal;
}
.nav-links a:last-child{border-bottom:0;}
.nav-links a[href="#hundred"]{border-bottom:1px solid rgba(255,255,255,.08);}
.nav-links-cta{
display:flex;flex-direction:column;gap:10px;
margin-top:18px;
}
.nav-links-cta .btn{width:100%;justify-content:center}
/* Mobile-only order: follows the actual program ladder (Circle, then
Foundations, then 100 Days) instead of the DOM order used to decide
desktop's visible-vs-"More" split. Scoped to this breakpoint only, so
desktop nav grouping is untouched. */
.nav-links a[href="#circle"]{order:1}
.nav-links a[href="#foundations"]{order:2}
.nav-links a[href="#hundred"]{order:3}
.nav-links a[href="#oneone"]{order:4}
.nav-links a[href="#about"]{order:5}
.nav-links a[href="#blog"]{order:6}
.nav-links-cta{order:7}
.nav-actions{margin-left:auto;gap:10px;}
.nav-actions .btn.small{display:none;}
.nav-toggle{display:flex;flex-shrink:0;}
.brand{flex-shrink:1;overflow:hidden;}
.hero{padding-top:74px;}
}
@media (min-width:1025px){
.nav-toggle{display:none;}
}
@media (min-width:1481px){
.nav-inner{max-width:1440px;gap:18px;}
}
/* ===== [10] v34-audience-positioning ===== */
/* V34 audience ladder: accessible entry, increasingly selective depth */
.page-circle .cp-hero .eyebrow{color:#ff8a52}
.page-foundations .cp-hero .eyebrow,.page-hundred .cp-hero .eyebrow,.page-oneone .cp-hero .eyebrow{letter-spacing:.14em}
@media(max-width:760px){
.page-circle .cp-hero .cp-lead,.page-foundations .cp-hero .cp-lead,.page-hundred .cp-hero .cp-lead,.page-oneone .cp-hero .cp-lead{font-size:1rem;line-height:1.66}
}
/* --- Restoration patch: fixes + new component scoping --- */
/* Bug fix: .diagnosis-grid had no base display:grid rule outside the home page's
premium-home-1 scope, so on Foundations/Hundred/Oneone/About pages these cards
were rendering stacked rather than as a grid. Restoring the base rule here. */
.diagnosis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:900px){.diagnosis-grid{grid-template-columns:1fr}}
/* Correction: .for-grid/.for-card/.fit-mark already had a complete, richer
design (3.1rem headings, generous spacing, border-top dividers between list
items) that I missed on first pass and then unknowingly overrode with a
smaller, cramped version below the .forwhom rule. Removed that override so
the original, better design applies. */
@media(max-width:800px){.for-grid{grid-template-columns:minmax(0,1fr)}
.for-card{min-width:0;padding:24px}
.for-card h3{font-size:2.1rem}
.tigers-den-warning{padding:20px 18px}}
/* Fire Circle 8-item offer grid: 4-across desktop, collapsing to 2 then 1 */
.circle-offer-kit{grid-template-columns:repeat(3,minmax(0,1fr))!important;border:1px solid var(--line)!important;border-radius:20px!important;background:rgba(255,255,255,.02)!important;overflow:hidden!important;gap:0!important}
.circle-offer-kit .kit-item{border:0!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:rgba(255,255,255,.012)!important;min-height:0;transition:background .2s ease}
.circle-offer-kit .kit-item:nth-child(3n){border-right:0!important}
.circle-offer-kit .kit-item:nth-last-child(-n+3){border-bottom:0!important}
.circle-offer-kit .kit-item:hover{background:rgba(232,95,42,.055)!important;transform:none!important;box-shadow:none!important}
.circle-offer-kit .kit-item .n{width:auto;height:auto;border:0!important;border-radius:0;background:none!important;font-family:var(--display);font-size:2.4rem;color:var(--ember);line-height:1;display:block}
.circle-offer-kit .kit-item:hover .n{border:0!important;background:none!important}
@media(max-width:1100px){
.circle-offer-kit{grid-template-columns:repeat(2,1fr)!important}
.circle-offer-kit .kit-item{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.circle-offer-kit .kit-item:nth-child(3n){border-right:1px solid var(--line)!important}
.circle-offer-kit .kit-item:nth-last-child(-n+3){border-bottom:1px solid var(--line)!important}
.circle-offer-kit .kit-item:nth-child(2n){border-right:0!important}
.circle-offer-kit .kit-item:nth-last-child(-n+2){border-bottom:0!important}
.circle-offer-kit .kit-item:last-child{grid-column:auto!important}
}
@media(max-width:620px){.circle-offer-kit{grid-template-columns:1fr!important}.circle-offer-kit .kit-item,.circle-offer-kit .kit-item:nth-child(2n),.circle-offer-kit .kit-item:nth-child(3n){border-right:0!important}.circle-offer-kit .kit-item,.circle-offer-kit .kit-item:nth-last-child(-n+2),.circle-offer-kit .kit-item:nth-last-child(-n+3){border-bottom:1px solid var(--line)!important}.circle-offer-kit .kit-item:last-child{border-bottom:0!important}}
/* Foundations 6-item system kit: 3-across desktop, collapsing to 2 then 1 */
.foundations-system-kit{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.foundations-system-kit .kit-item{transition:background .3s ease,transform .3s ease,box-shadow .3s ease;border-right:1px solid var(--line)}
.foundations-system-kit .kit-item:last-child{border-right:0;grid-column:auto!important}
.foundations-system-kit .kit-item:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.foundations-system-kit .kit-item .n{width:50px;height:50px;border:2px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;font-size:1.5rem;background:rgba(255,255,255,.025);transition:border-color .3s ease,background .3s ease}
.foundations-system-kit .kit-item:hover .n{border-color:var(--ember);background:rgba(232,95,42,.1)}
.foundations-system-kit .kit-item h3{position:relative;padding-bottom:14px}
.foundations-system-kit .kit-item h3::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:linear-gradient(90deg,var(--ember),transparent)}
@media(max-width:900px){
.foundations-system-kit{grid-template-columns:1fr!important}
.foundations-system-kit .kit-item{border-right:0!important;border-bottom:1px solid var(--line)}
.foundations-system-kit .kit-item:last-child{border-bottom:0}
}
/* 100 Days kit: NOT Foundations' built, bordered grid. This is subtraction, what is
left standing once the rest is burned away. No box, no dividing lines, wide air
between items, a single ember hairline under each number instead of a cell border. */
.hundred-strip-kit .kit-item .n{width:auto;height:auto;border:0!important;background:none!important;font-family:var(--display);font-size:2.4rem;color:var(--ember);line-height:1;display:block}
/* About "I stand for / I refuse" panel pair */
.standard-panel-group{display:grid;grid-template-columns:1fr 1fr;gap:18px}
/* --- Standards-graph rebuild: card, day labels, legend spacing --- */
.graph-card{border:1px solid var(--line);border-radius:24px;padding:clamp(18px,3vw,28px);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));overflow:hidden}
.graph-card svg{width:100%;height:auto;display:block}
.graph-days{display:flex;justify-content:space-between;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.graph-key-list{display:grid;gap:26px;align-content:start}
.standards-graph{gap:44px}
@media(max-width:760px){.standards-graph{gap:32px}.graph-key-list{margin-top:4px}}
/* .gate-grid had no base display:grid rule anywhere (same orphaned-component
bug as diagnosis-grid/for-grid), so the 3-item "how entry works" sequence had
been sitting in the generic 5-column .kit instead, with 2 empty tracks to the
right of item 03 at desktop, and item 03 dropping to its own row with an empty
cell next to it at the 1100px tablet breakpoint. This gives it its own proper
3-column layout with no leftover space at any width. */
.gate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:44px}
@media(max-width:760px){.gate-grid{grid-template-columns:1fr;gap:44px}}
/* Days 71-100 ("the quiet"): the only one of three gate-grid sections on this
page that should NOT look like the structured, bordered mechanism cards
around it. Stripped to open text with a hairline accent, matching the
subtractive language already used for the outcomes kit, so the section
visually performs what it describes instead of contradicting it. */
/* Day-71 pivot: the visual spine connecting the witnessed and unwitnessed
halves into one architecture instead of two separate sections. */
/* About hero: now restructured to match the single-column, full-width-image
pattern used on Foundations/100 Days/Circle/1:1 (program-hero-photo), same
as v25 intended, but v25's rules targeted the old .about-hero-wrap/
.about-landscape classes which the markup no longer uses, and separately the
h1 was still capped at max-width:13ch, which is a narrow-column value left
over from the old split-grid layout, not a "spread out" full-width one. */
.page-about .about-hero-clean h1{max-width:20ch!important}
@media(max-width:900px){.page-about .about-hero-clean h1{max-width:16ch!important}}
.footer-mark span svg{width:22px;height:22px;color:var(--ember-2)}
/* Founder-card: .founder p (margin-top:18px) now applies to the quote itself
too since it is a paragraph as well, which just nudges the whole block down slightly.
Giving the quote-to-paragraph transition specifically more room, since a
4-line display quote dropping straight into body text read as cramped. */
.founder-card .quote{margin-top:0!important}
.founder-card .quote+p{margin-top:26px!important;color:var(--muted);font-size:1.07rem;max-width:64ch}
/* Blog: index cards and long-form post body */
.blog-index{display:grid;gap:44px;margin-top:8px}
/* Featured card: the flagship essay, given real visual weight, a glowing
gradient frame and a much bigger headline than the grid below it. */
.blog-featured{position:relative;overflow:hidden;display:block;border:1px solid rgba(232,95,42,.4);border-radius:28px;padding:clamp(36px,6vw,64px);text-decoration:none;color:inherit;background:linear-gradient(155deg,rgba(232,95,42,.1),rgba(255,255,255,.02));transition:border-color .25s ease,transform .25s ease}
.blog-featured:hover{border-color:rgba(232,95,42,.7);transform:translateY(-2px)}
.blog-featured-glow{position:absolute;top:-40%;right:-15%;width:60%;height:90%;background:radial-gradient(circle,rgba(232,95,42,.28) 0%,rgba(232,95,42,0) 70%);pointer-events:none}
.blog-featured-tag{position:relative;display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#130f0c;background:var(--ember-2);padding:6px 12px;border-radius:999px;margin-bottom:18px}
.blog-featured .eyebrow{position:relative;display:block;margin-bottom:16px}
.blog-featured h2{position:relative;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,4.4vw,3.3rem);line-height:.98;letter-spacing:-.01em;max-width:18ch}
.blog-featured p{position:relative;color:var(--muted);margin-top:22px;max-width:62ch;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.6}
.blog-featured .blog-card-link{position:relative;margin-top:26px;font-size:13px}
/* Grid: the remaining posts, denser than the featured card above */
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.blog-card{display:flex;flex-direction:column;min-height:240px;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,3vw,32px);text-decoration:none;color:inherit;background:rgba(255,255,255,.02);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.blog-card:hover{background:rgba(232,95,42,.05);border-color:var(--line-ember);transform:translateY(-2px)}
.blog-card .eyebrow{margin-bottom:12px;display:block;font-size:10px}
.blog-card h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(1.3rem,1.9vw,1.6rem);line-height:1.08}
.blog-card p{color:var(--muted);margin-top:12px;line-height:1.6;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-link{display:inline-block;margin-top:auto;padding-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ember-2)}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-card{min-height:0}.blog-featured h2{max-width:none}}
/* Narrower reading column than the marketing pages (660px, ~68-72 characters
per line at this body size) since long-form prose reads better tighter
than the wide layout used for short marketing copy elsewhere. */
.blog-body{max-width:660px;margin:0 auto}
.blog-body h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(1.7rem,2.8vw,2.2rem);line-height:1.12;margin-top:58px;margin-bottom:12px}
.blog-body h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(1.4rem,2.3vw,1.85rem);line-height:1.18;margin-top:50px;margin-bottom:10px}
.blog-body p{color:var(--muted);margin-top:18px;line-height:1.78;font-size:1.03rem}
.blog-body p.lead{color:var(--ink);font-size:1.28rem;line-height:1.55;margin-top:0}
/* CTA now follows the site's own hero pattern (.cp-actions + .cp-price-flag,
then a separate .cohort-countdown block) instead of a bespoke box, so it
matches every other page's CTA instead of inventing its own look. The
countdown still needs to stay in its compact stacked layout here since the
blog reading column (660px) is narrower than where this component usually
lives, and its own mobile breakpoint only responds to viewport width, not
the width of the column it happens to be sitting in. */
.blog-body .cohort-countdown{flex-direction:column;align-items:stretch;text-align:left}
.blog-body .countdown-units{width:100%}
.blog-body .countdown-units div{flex:1}
.blog-body .cp-actions{flex-wrap:wrap}
@media(max-width:620px){.blog-body h2{font-size:1.55rem;margin-top:44px}.blog-body h3{font-size:1.4rem;margin-top:38px}.blog-body p{font-size:1rem}}
/* Hard-broken headlines: plain
tags only force a break BETWEEN segments,
they don't stop a segment from wrapping again WITHIN itself once the h2's
vw-based font-size grows on a bigger screen. That's why these looked fixed
at moderate widths and then picked up extra lines again on a larger one.
Each segment is now its own block with nowrap, so it can only ever render
as one line, at any width down to where it would start clipping, which the
640px rule below relaxes back to normal wrapping before that happens. */
h2.hard-break span.hb{display:block;white-space:nowrap}
@media(max-width:640px){h2.hard-break span.hb{white-space:normal;display:inline}}
/* Blog: sources block, read-next footer, numbered-list paragraphs (used for
the three self-audit questions in the discipline-vs-architecture post) */
.blog-sources{margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
.blog-sources h3{font-family:var(--mono);text-transform:uppercase;font-weight:500;font-size:11px;letter-spacing:.12em;color:var(--faint);margin-top:0!important}
.blog-sources-list{margin-top:14px;padding-left:20px;font-size:.85rem;line-height:1.65;color:var(--faint)}
.blog-sources-list li{margin-top:12px}
.blog-sources-list a{color:var(--ember-2);text-decoration:underline;text-underline-offset:2px}
.blog-read-next{margin-top:40px;padding-top:28px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.blog-read-next .eyebrow{margin-bottom:0}
.blog-read-next a{color:var(--ink);font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(1.2rem,2vw,1.5rem);text-decoration:none;line-height:1.15}
.blog-read-next a:hover{color:var(--ember-2)}
/* Blog hero exception: post titles are full sentences ("There Was a Boy in a
Basement Waiting for Me...") rather than the short taglines every other
hero is written for, so the sitewide 3.4-6.2rem h1 size is too large here
and the 16ch cap wraps them into a wall of oversized text. Scoped smaller,
with more width, for blog pages only. */
.page-blog .cp-hero h1{font-size:clamp(2.2rem,4vw,3.6rem)!important;max-width:26ch!important;line-height:.94!important}
@media(max-width:760px){.page-blog .cp-hero h1{font-size:clamp(1.9rem,7vw,2.6rem)!important;max-width:none!important}}
.page-oneone .cp-hero h1{font-size:clamp(2.2rem,4.6vw,3.8rem)!important;max-width:22ch!important;line-height:.96!important}
@media(max-width:760px){.page-oneone .cp-hero h1{font-size:clamp(1.9rem,7.5vw,2.6rem)!important;max-width:none!important}}
@media(max-width:390px){.page-oneone .cp-hero h1{font-size:clamp(1.7rem,8vw,2.1rem)!important}}
/* FAQ accordion: native , no JS needed, matches the site's bordered
card language used elsewhere (kit items, path-map). */
.faq-list{max-width:900px;margin:0 auto;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--line)}
.faq-closing{max-width:900px;margin:44px auto 0;text-align:center;font-size:.95rem;color:var(--muted)}
.tigers-den-warning{max-width:680px;margin:32px auto 0;padding:24px 28px;border:1px solid rgba(232,95,42,.4);border-radius:14px;background:rgba(232,95,42,.05)}
.tigers-den-warning p{font-size:1rem;line-height:1.65;color:var(--ink);margin-top:0}
.tigers-den-warning strong{color:var(--ember-2)}
.tigers-den-floor{max-width:680px;margin:20px auto 0;text-align:center}
.tigers-den-floor p{font-size:.92rem;line-height:1.65;color:var(--muted)}
.mid-nudge{text-align:center;margin-top:40px}
.faq-closing a{color:var(--ember-2);text-decoration:underline;text-underline-offset:3px}
.faq-item{background:var(--coal-2);border-bottom:1px solid var(--line)}
.faq-item:last-child{border-bottom:0}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 28px;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(1rem,1.6vw,1.2rem);letter-spacing:.01em;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-family:var(--mono);font-size:22px;font-weight:400;color:var(--ember);flex:none;transition:transform .25s ease}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{padding:0 28px 24px;margin:0;color:var(--muted);font-size:.98rem;line-height:1.65;max-width:none}
@media(max-width:620px){.faq-item summary{padding:18px 20px;font-size:.95rem}.faq-item p{padding:0 20px 20px}}
/* ---- Ecosystem page: offer card hover polish ---- */
.ecosystem-card{transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s var(--ease-out)}
.oneone-ecosystem-card{display:flex;align-items:center;gap:24px}
.oneone-ecosystem-card .ecosystem-card-imgwrap{width:220px;flex:none;margin:20px 0 20px 20px}
.oneone-ecosystem-card .ecosystem-card-imgwrap img{width:220px!important;height:180px!important;border-radius:16px}
.oneone-ecosystem-content{padding:20px 28px 20px 0!important}
@media(max-width:1024px){
.oneone-ecosystem-card{display:block}
.oneone-ecosystem-card .ecosystem-card-imgwrap{width:100%;margin:0}
.oneone-ecosystem-card .ecosystem-card-imgwrap img{width:100%!important;height:auto!important;aspect-ratio:2.4/1;object-fit:cover!important;object-position:50% 20%!important;border-radius:0}
.oneone-ecosystem-content{padding:28px!important}
}
.ecosystem-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.55);border-color:rgba(232,95,42,.5)!important}
.ecosystem-card img{transition:transform .6s var(--ease-out),filter .6s var(--ease-out)}
.ecosystem-card:hover img{transform:scale(1.06)}
.ecosystem-card .ecosystem-card-imgwrap{overflow:hidden;display:block}
.ecosystem-card h3{transition:color .3s ease}
.ecosystem-card:hover h3{color:var(--ember-2)}
/* ---- Ecosystem page: elevated hero treatment ---- */
.hero-ecosystem h1{font-size:clamp(2.6rem,6vw,5.2rem)!important;letter-spacing:-.01em;line-height:.98!important}
.hero-ecosystem .eyebrow{font-size:13px;letter-spacing:.16em}
.hero-ecosystem .cp-lead{font-size:clamp(1.05rem,1.7vw,1.25rem);max-width:52ch}
/* ---- Ecosystem page: custom foundation chips ---- */
.eco-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px 12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));min-width:88px;transition:transform .35s var(--ease-out),border-color .35s var(--ease-out),background .35s var(--ease-out)}
.eco-chip img{width:26px;height:26px;object-fit:contain}
.eco-chip span{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.eco-chip:hover{transform:translateY(-4px);border-color:rgba(232,95,42,.55);background:linear-gradient(180deg,rgba(232,95,42,.09),rgba(232,95,42,.02))}
.eco-chip:hover span{color:var(--ember-2)}
@media(max-width:480px){.foundation-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* ===== [11] v35-founder-signature ===== */
/* Homepage closing coda: a quiet, human moment after the CTA has already been
made, not another sales panel. Deliberately understated background so it
reads as a signature, not a continuation of the pitch above it. */
.founder-signature-section{padding:clamp(72px,6.5vw,94px) var(--edge);background:#0b0a09;border-top:1px solid var(--line)}
.founder-signature{max-width:960px;margin:0 auto;display:grid;grid-template-columns:180px 1fr;gap:clamp(36px,5vw,64px);align-items:center}
.founder-signature-photo{width:180px;height:180px;border-radius:50%;overflow:hidden;flex:none;position:relative;box-shadow:0 0 0 1px var(--line),0 0 0 8px rgba(232,95,42,.05)}
.founder-signature-photo img{width:100%;height:100%;object-fit:cover;display:block}
.founder-signature-quote{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.founder-signature-line{margin-top:16px;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(2rem,3.6vw,3rem);line-height:1.06;color:var(--ink);letter-spacing:-.005em}
.founder-signature-line span{color:var(--ember-2)}
.founder-signature-attr{margin-top:26px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.founder-signature-attr span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.founder-signature-attr a{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ember-2);text-decoration:none;padding-left:18px;border-left:1px solid var(--line)}
.founder-signature-attr a:hover{color:var(--ember)}
@media(max-width:700px){
.founder-signature{grid-template-columns:1fr;text-align:center;justify-items:center}
.founder-signature-photo{width:120px;height:120px}
.founder-signature-attr{justify-content:center}
}
/* ===== [12] v37-hundred-journey ===== */
/* ===== [13] v39-hundred-chain ===== */
.hundred-chain{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:46px;align-items:stretch}
.hundred-chain-layer{
width:auto;max-width:100%;box-sizing:border-box;text-align:center;
padding:24px clamp(18px,1.8vw,26px);border:1px solid var(--line);border-radius:12px;
background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));
position:relative;
}
.hundred-chain-layer+.hundred-chain-layer{margin-top:0;margin-left:0}
.hundred-chain-layer::before{
content:"\2192";position:absolute;left:-46px;top:50%;width:46px;height:auto;
transform:translateY(-50%);text-align:center;font-family:var(--body);font-size:20px;line-height:1;
color:var(--ember-2);background:none;
}
.hundred-chain-layer:first-child::before{display:none}
.hundred-chain-tag{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ember-2);margin-bottom:8px}
.hundred-chain-layer strong{display:block;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(1.2rem,2.2vw,1.55rem);color:var(--ink)}
.hundred-chain-layer p{margin-top:10px;font-size:.92rem;line-height:1.55;color:var(--muted);max-width:48ch;margin-left:auto;margin-right:auto}
.hundred-chain-note{grid-column:1/-1;margin:14px auto 0;padding-top:34px;border-top:1px solid var(--line);font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--ember-2);text-align:center;max-width:44ch;line-height:1.3;width:100%}
@media(max-width:640px){
.hundred-chain{grid-template-columns:1fr;gap:40px}
.hundred-chain-layer{width:100%;padding:20px;flex:0 0 auto}
.hundred-chain-layer+.hundred-chain-layer{margin-left:0;margin-top:40px}
.hundred-chain-layer::before{content:"\2193";left:50%;top:-34px;width:auto;transform:translateX(-50%);font-size:20px}
}
.page-hundred .hundred-chain-layer strong,.page-hundred .hundred-chain-note{font-family:var(--display)}
.page-hundred .hundred-chain-tag{font-family:var(--mono)}
.page-hundred .hundred-chain-layer p{font-family:var(--body)}
/* ===== [14] v40-faq-groups ===== */
.faq-group-label{padding:20px 28px 10px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-2);background:var(--coal-2)}
.faq-group-label:first-child{padding-top:24px}
@media(max-width:620px){.faq-group-label{padding:16px 20px 8px}}
/* ===== [15] v42-at-a-glance ===== */
.glance-panel{position:relative;z-index:2;margin:36px auto 0;max-width:1100px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(232,95,42,.05),rgba(255,255,255,.015));overflow:hidden;transition:border-color .25s ease}
.glance-panel[open]{border-color:rgba(232,95,42,.4)}
.glance-trigger{display:flex;align-items:center;gap:16px;padding:24px 26px;cursor:pointer;list-style:none;user-select:none}
.glance-trigger::-webkit-details-marker{display:none}
.glance-trigger::marker{content:""}
.glance-trigger-label{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.02rem;letter-spacing:.02em;color:var(--ink)}
.glance-trigger-count{font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-left:auto}
.glance-trigger-icon{width:30px;height:30px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;transition:transform .3s ease,border-color .3s ease;flex:none;color:var(--muted);font-size:15px;line-height:1}
.glance-panel[open] .glance-trigger-icon{transform:rotate(135deg);border-color:var(--ember);color:var(--ember-2)}
.glance-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.glance-item{padding:22px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:flex-start}
.glance-item:nth-child(3n){border-right:0}
.glance-item:nth-last-child(-n+3){border-bottom:0}
.glance-icon{width:32px;height:32px;flex:none;border-radius:50%;border:1px solid rgba(232,95,42,.3);background:rgba(232,95,42,.07);display:grid;place-items:center;color:var(--ember-2)}
.glance-icon svg{width:16px;height:16px}
.glance-text{padding-top:3px}
.glance-label{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ember-2);margin-bottom:4px}
.glance-value{display:block;font-family:var(--body);font-size:.9rem;line-height:1.35;color:var(--ink)}
/* glance grid borders: correct for ANY item count, not just multiples of 3.
The old nth-child(3n) / nth-last-child(-n+3) rules assumed a full last row,
so a 7- or 8-item grid lost a divider mid-grid and kept a stray one at the edge. */
@media(min-width:761px){
.glance-item:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
.glance-grid:has(> .glance-item:nth-child(3n):last-child) .glance-item:nth-last-child(-n+3){border-bottom:0}
.glance-grid:has(> .glance-item:nth-child(3n+1):last-child) .glance-item:last-child{border-bottom:0}
.glance-grid:has(> .glance-item:nth-child(3n+2):last-child) .glance-item:nth-last-child(-n+2){border-bottom:0}
.glance-item:last-child{border-right:0}
}
@media(max-width:760px){
.glance-grid{grid-template-columns:1fr}
.glance-item{border-right:0}
/* reset the 3-col rule, which out-specifies .glance-item */
.glance-item:nth-last-child(-n+3),.glance-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
.glance-item:last-child{border-bottom:0}
}
/* ===== [16] v41-week-wheel ===== */
.week-wheel{position:relative;width:100%;max-width:400px;aspect-ratio:1;margin:48px auto 0}
.week-wheel-ring{position:absolute;inset:8%;border-radius:50%;border:1px dashed var(--line)}
.week-wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}
.week-wheel-center b{font-family:var(--display);font-weight:900;font-size:1.6rem;display:block;color:var(--ink)}
.week-wheel-center span{font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;display:block;margin-top:2px}
.week-node{position:absolute;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--coal-2);z-index:1;transition:transform .25s ease}
.week-node.is-call{border-color:var(--ember);background:rgba(232,95,42,.09);box-shadow:0 0 0 5px rgba(232,95,42,.07)}
.week-node b{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.week-node.is-call b{color:var(--ember-2);font-weight:700}
.week-node small{font-size:8.5px;color:var(--faint);margin-top:3px;line-height:1.2;text-align:center}
.week-node.start-here::after{content:"Start here";position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ember-2);white-space:nowrap}
.week-wheel-key{display:flex;justify-content:center;gap:22px;margin-top:38px;flex-wrap:wrap}
.week-wheel-key span{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}
.week-wheel-key i{width:10px;height:10px;border-radius:50%;border:1px solid var(--line);display:inline-block}
.week-wheel-key i.call{border-color:var(--ember);background:rgba(232,95,42,.2)}
@media(max-width:480px){
.week-wheel{max-width:300px}
.week-node{width:52px;height:52px}
.week-node b{font-size:9.5px}
.week-node small{font-size:7.5px}
.week-wheel-center b{font-size:1.3rem}
}
/* ===== [17] v39-two-selves ===== */
.two-selves{margin-top:44px;max-width:640px;margin-left:auto;margin-right:auto}
.ts-toggle{display:flex;border:1px solid var(--line-strong);border-radius:999px;padding:5px;gap:4px}
.ts-tab{flex:1;border:0;background:none;color:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:12px 14px;border-radius:999px;cursor:pointer;transition:background .25s ease,color .25s ease}
.ts-tab.is-active{background:var(--ember);color:#151210}
.ts-tab:not(.is-active):hover{color:var(--ink)}
.ts-panels{margin-top:28px;min-height:220px}
.ts-panel{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.ts-panel[hidden]{display:none}
.ts-panel li{padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);color:var(--ink);font-size:.98rem;line-height:1.5}
.ts-panel[data-panel="real"] li{border-color:rgba(232,95,42,.3);background:rgba(232,95,42,.045)}
.ts-footer{margin-top:26px;text-align:center;color:var(--muted);font-size:.95rem;line-height:1.6}
@media(max-width:500px){.ts-tab{font-size:10.5px;padding:11px 8px}.ts-panel li{padding:14px 16px;font-size:.92rem}}
@media(prefers-reduced-motion:reduce){.ts-tab{transition:none}}
/* ===== [18] v38-hundred-checklist ===== */
.hundred-check-list{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:24px}
.hundred-check-list span{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.hundred-check-list svg{width:18px;height:18px;color:var(--ember);flex:none;padding:3px;border:1.5px solid var(--ember);border-radius:50%;box-sizing:content-box}
@media(max-width:640px){.hundred-check-list{gap:12px 20px}.hundred-check-list span{font-size:11px}}
/* ===== [19] v36-hundred-process-outcome ===== */
.hundred-process{
position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
gap:0;margin-top:48px;padding-top:4px;
}
.hundred-process::before{
content:"";position:absolute;left:16.66%;right:16.66%;top:33px;height:1px;
background:linear-gradient(90deg,var(--ember),var(--line-strong) 50%,var(--ember));
}
.hundred-process-step{position:relative;padding:0 clamp(20px,3vw,38px) 4px;text-align:center}
.hundred-process-step+.hundred-process-step{border-left:1px solid var(--line)}
.hundred-process-marker{
position:relative;z-index:1;width:58px;height:58px;margin:0 auto 22px;border-radius:50%;
display:grid;place-items:center;background:var(--coal-2);border:1px solid var(--line-strong);
box-shadow:0 0 0 8px var(--coal);font-family:var(--display);font-weight:900;
font-size:1.45rem;color:var(--ember-2);
}
.hundred-process-step .n-tag{margin-bottom:8px}
.hundred-process-step h3{
font-family:var(--display);font-weight:900;text-transform:uppercase;
font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.05;color:var(--ink);
}
.hundred-process-step p{margin-top:12px;font-size:.92rem;line-height:1.58;color:var(--muted)}
.hundred-outcome-ledger{
margin-top:44px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);
}
.hundred-outcome-row{
display:grid;grid-template-columns:104px minmax(0,1fr);gap:clamp(24px,4vw,58px);
align-items:start;padding:clamp(27px,3.4vw,38px) 0;
}
.hundred-outcome-row+.hundred-outcome-row{border-top:1px solid var(--line)}
.hundred-outcome-index{display:flex;flex-direction:column;gap:5px}
.hundred-outcome-index b{
font-family:var(--display);font-size:2.65rem;line-height:.9;color:var(--ember);font-weight:900;
}
.hundred-outcome-index span{
font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ember-2);
}
.hundred-outcome-copy h3{
font-family:var(--display);font-weight:900;text-transform:uppercase;
font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.08;color:var(--ink);
}
.hundred-outcome-copy p{margin-top:9px;max-width:66ch;color:var(--muted);font-size:.98rem;line-height:1.6}
@media(max-width:760px){
.hundred-process{grid-template-columns:1fr;gap:0;padding-left:28px}
.hundred-process::before{left:28px;right:auto;top:28px;bottom:28px;width:1px;height:auto;background:linear-gradient(var(--ember),var(--line-strong),var(--ember))}
.hundred-process-step{display:grid;grid-template-columns:58px 1fr;column-gap:22px;text-align:left;padding:0 0 34px}
.hundred-process-step:last-child{padding-bottom:0}
.hundred-process-step+.hundred-process-step{border-left:0}
.hundred-process-marker{grid-row:1/4;margin:0;box-shadow:0 0 0 7px var(--coal)}
.hundred-process-step .n-tag{margin-top:4px}
.hundred-process-step p{margin-top:10px}
.hundred-outcome-row{grid-template-columns:72px 1fr;gap:18px}
.hundred-outcome-index b{font-size:2.25rem}
}
@media(max-width:520px){
.hundred-process{padding-left:0}
.hundred-process::before{left:28px}
.hundred-outcome-row{grid-template-columns:1fr;gap:12px}
.hundred-outcome-index{flex-direction:row;align-items:baseline;gap:10px}
}
.page-hundred .hundred-process-marker,
.page-hundred .hundred-outcome-index b{font-family:var(--display)}
.page-hundred .hundred-outcome-index span{font-family:var(--mono)}
.page-hundred .hundred-process-step h3,
.page-hundred .hundred-outcome-copy h3{font-family:var(--display)}
.page-hundred .hundred-process-step p,
.page-hundred .hundred-outcome-copy p,
.page-hundred .hundred-mechanics{font-family:var(--body)}
/* ===== [20] v43-week-wheel-toggle ===== */
.week-wheel-toggle{max-width:420px;margin:36px auto 0}
.week-node.is-choice{border-color:var(--ember);border-style:dashed;background:rgba(232,95,42,.04)}
.week-node.is-choice b{color:var(--ember-2)}
.week-wheel-key i.choice{border:1.5px dashed var(--ember);background:none}
/* .fine micro-copy under CTAs: owns its own spacing (was inline-only, 8/14/18px) */
p.fine{margin-top:14px}
/* ---- Value stack: inclusions + guarantee, placed above the price ---- */
/* price as the closing band of the stack, so the pile reads as one object */
.vs-price{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px 26px;border-top:1px solid var(--line);background:rgba(255,255,255,.022)}
.vsp-main{font-family:var(--display);font-weight:900;font-size:clamp(2rem,3.4vw,2.6rem);line-height:1;color:var(--ink)}
.vsp-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.vsp-plan{margin-top:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
@media(max-width:560px){.vs-price{padding-left:20px;padding-right:20px}}
.value-stack{max-width:620px;margin:44px auto 0;text-align:left;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008))}
.vs-label{display:block;text-align:center;padding:16px 26px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line)}
.vs-list{list-style:none;margin:0;padding:0}
.vs-list li{display:flex;flex-wrap:wrap;justify-content:center;gap:0 14px;align-items:flex-start;text-align:center;padding:15px 26px;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.5;color:var(--muted)}
.vs-tick{flex:none;color:var(--ember-2);font-size:.9em;line-height:1.6}
.vs-list li.vs-hero{color:var(--ink);font-weight:600;background:linear-gradient(90deg,rgba(232,95,42,.10),transparent)}
.vs-list li em{display:block;width:100%;padding-left:0;margin-top:3px;font-style:normal;font-weight:400;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.vs-list li.vs-hero em{color:var(--ember-2)}
.vs-guarantee{text-align:center;padding:22px 26px;background:rgba(232,95,42,.07);border-top:1px solid rgba(232,95,42,.34)}
.vsg-label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember-2);margin-bottom:9px}
.vs-guarantee p{margin:0;font-size:.98rem;line-height:1.58;color:var(--muted)}
.vs-guarantee strong{color:var(--ink);font-weight:700}
@media(max-width:560px){.vs-label,.vs-list li,.vs-guarantee{padding-left:20px;padding-right:20px}}
/* ---- Partners page treatments ---- */
/* three-day guarantee line under the price panels */
/* For Her: orientation links, deliberately quiet text links not buttons */
.her-orient{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}
.her-orient .ho-label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
.her-orient .ho-links{display:flex;flex-wrap:wrap;gap:14px 34px}
.her-orient .ho-links a{font-family:var(--body);font-size:1rem;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:3px;transition:color .3s ease,border-color .3s ease}
.her-orient .ho-links a:hover{color:var(--ink);border-color:var(--ember)}
padding:clamp(20px,2.6vw,26px) clamp(20px,3vw,30px)!important;border:1px solid rgba(232,95,42,.45)!important;
border-radius:18px!important;background:linear-gradient(180deg,rgba(232,95,42,.10),rgba(255,255,255,.02))!important;
transition:border-color .25s ease,background .25s ease}
border:1px solid rgba(232,95,42,.5);color:var(--ember-2);font-size:1.3rem;line-height:1;
transition:transform .3s ease,background .25s ease}
.arrival{margin:0 auto;max-width:940px}
.arrival-doors{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.arr-card{position:relative;padding:clamp(26px,3.4vw,38px) clamp(24px,3vw,34px);border:1px solid var(--line);border-radius:22px;
background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
transition:border-color .4s ease,transform .4s ease}
.arr-card:hover{border-color:rgba(232,95,42,.4);transform:translateY(-2px)}
.arr-card::after{content:'';position:absolute;left:clamp(24px,3vw,34px);right:clamp(24px,3vw,34px);top:0;height:1px;
background:linear-gradient(90deg,transparent,rgba(232,95,42,.55),transparent)}
.arr-tag{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ember-2);opacity:.85;margin-bottom:16px}
.arr-card h3{font-family:var(--display);font-weight:700;font-size:clamp(1.12rem,1.9vw,1.4rem);line-height:1.25;color:var(--ink);margin:0 0 12px;text-transform:none;letter-spacing:0}
.arr-card p{font-size:.98rem;line-height:1.62;color:var(--muted);margin:0}
.arrival-join{display:flex;align-items:center;justify-content:center;gap:14px;margin:26px 0 24px}
.arrival-join .aj-line{display:block;width:clamp(48px,10vw,120px);height:1px;background:linear-gradient(90deg,transparent,var(--line-strong))}
.arrival-join .aj-line:last-child{background:linear-gradient(90deg,var(--line-strong),transparent)}
.arrival-join .aj-dot{width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 16px rgba(232,95,42,.75)}
.arrival-close{text-align:center;font-family:var(--display);font-weight:700;font-size:clamp(1.18rem,2.3vw,1.6rem);line-height:1.35;color:var(--ink);margin:0}
.arrival-close em{display:block;font-style:normal;color:var(--ember-2);margin-top:.28em}
@media(max-width:760px){.arrival-doors{grid-template-columns:1fr;gap:16px}.arrival-join{margin:22px 0 20px}}
@media(max-width:620px){}
.contrast-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.cp-col{padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02)}
.cp-col.cp-not{border-color:rgba(241,238,232,.10)}
.cp-col.cp-is{border-color:rgba(232,95,42,.42);background:linear-gradient(180deg,rgba(232,95,42,.07),rgba(255,255,255,.02))}
.cp-tag{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);margin-bottom:18px}
.cp-col.cp-is .cp-tag{border-color:rgba(232,95,42,.5);color:var(--ember-2)}
.cp-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.cp-col li{font-size:.97rem;line-height:1.5;color:var(--muted);padding-left:20px;position:relative}
.cp-col.cp-not li{text-decoration:line-through;text-decoration-color:rgba(241,238,232,.28);color:var(--faint)}
.cp-col li::before{content:'';position:absolute;left:0;top:.62em;width:9px;height:1px;background:var(--line-strong)}
.cp-col.cp-is li{color:var(--ink)}
.cp-col.cp-is li::before{background:var(--ember)}
@media(max-width:760px){.contrast-pair{grid-template-columns:1fr}}
.phase-track{margin:44px auto 0;max-width:700px;position:relative;padding-left:40px}
.phase-track::before{content:'';position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,rgba(232,95,42,.25),var(--ember),rgba(232,95,42,.25))}
.ph-item{position:relative;padding-bottom:34px}
.ph-item:last-child{padding-bottom:0}
.ph-item::before{content:'';position:absolute;left:-34px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--coal);border:2px solid var(--ember)}
.ph-item.ph-hard::before{background:var(--ember);box-shadow:0 0 16px rgba(232,95,42,.7)}
.ph-when{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ember-2);margin-bottom:7px}
.ph-item strong{display:block;font-family:var(--display);font-size:1.12rem;color:var(--ink);margin-bottom:6px}
.ph-item p{color:var(--muted);font-size:.96rem;line-height:1.6}
@media(max-width:620px){.phase-track{padding-left:32px}.ph-item::before{left:-27px}}
.door-list{display:flex;flex-direction:column;gap:16px;margin-top:44px}
.door{border:1px solid var(--line);border-radius:20px;background:var(--coal-2);padding:clamp(24px,3vw,34px)}
.door-head{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.door-price{font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,2.1vw,1.7rem);color:var(--ink);white-space:nowrap}
.door-price em{font-style:normal;font-weight:600;font-size:.62em;color:var(--muted)}
.door-for,.door-out{font-size:.96rem;line-height:1.6;color:var(--muted);margin-bottom:12px}
.door-for strong,.door-out strong{color:var(--ember-2);font-weight:700}
.door-quote{margin:18px 0 0;padding:16px 20px;border-left:2px solid var(--ember);background:rgba(255,255,255,.025);font-family:var(--display);font-size:1.02rem;line-height:1.5;color:var(--ink)}
.door-quote cite{display:block;margin-top:10px;font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.door-quote-empty{border-left-style:dashed;font-family:var(--mono);font-size:11.5px;line-height:1.7;color:var(--faint)}
.door-note{margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--faint)}
/* ===== coming-soon links + Keys to the Kingdom (added 9 Oct 2026) ===== */
.btn.soon-link{background:transparent!important;color:var(--ember-2)!important;border:1px dashed rgba(232,95,42,.65)!important;box-shadow:none!important}
.btn.soon-link:hover{background:rgba(232,95,42,.08)!important}
.footer-signup-copy .fs-soon{margin:0 0 8px;color:var(--ink);font-weight:600;font-size:.95rem}
@media(max-width:860px){}
@media(max-width:560px){}
.event-list{display:grid;gap:16px;margin-top:36px}
.event-row{margin:0!important}
.event-row .countdown-copy strong{font-size:clamp(1.2rem,2vw,1.5rem)}
.event-row .event-body{margin:6px 0 0;color:var(--muted);font-size:.95rem;line-height:1.5;max-width:52ch}
.event-row[hidden]{display:none}
/* ===== announcement bar (scheduled from MB4M_ANNOUNCEMENTS) ===== */
.announce-bar{position:fixed;top:0;left:0;right:0;z-index:101;display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 48px 9px var(--edge);background:linear-gradient(90deg,rgba(232,95,42,.22),rgba(232,95,42,.12));border-bottom:1px solid rgba(232,95,42,.4);backdrop-filter:blur(18px);font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-align:center;line-height:1.5}
.announce-bar a{color:var(--ember-2);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.announce-bar button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer;border-radius:8px}
.announce-bar button:hover{color:var(--ink);background:rgba(255,255,255,.06)}
html.has-announce body{padding-top:var(--announce-h,38px)}
html.has-announce .nav{top:var(--announce-h,38px)}
@media(max-width:640px){.announce-bar{font-size:10.5px;letter-spacing:.06em;gap:8px;flex-wrap:wrap;padding:8px 44px 8px 16px}}
.mvs-chart{margin-top:40px;padding:clamp(22px,4vw,44px) clamp(18px,4vw,48px) clamp(18px,3vw,30px);border:1px solid rgba(232,95,42,.45);border-radius:22px;background:#0b0a09;box-shadow:0 0 60px -20px rgba(232,95,42,.35)}
.mvs-label,.mvs-days{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mvs-plot{margin-top:18px;height:clamp(200px,32vw,330px)}
.mvs-plot svg{width:100%;height:100%;display:block}
.mvs-days{display:flex;justify-content:space-between;margin-top:18px}
.mvs-key{margin-top:22px;padding:clamp(20px,3.4vw,34px) clamp(20px,4vw,44px);border:1px solid rgba(232,95,42,.45);border-radius:22px;background:#0b0a09;box-shadow:0 0 60px -24px rgba(232,95,42,.3)}
.mvs-row{display:grid;grid-template-columns:14px 1fr;gap:16px;align-items:start;padding:14px 0}
.mvs-row + .mvs-row{border-top:1px solid var(--line)}
.mvs-row i{width:11px;height:11px;border-radius:50%;background:var(--muted);margin-top:.55em}
.mvs-row.is-system i{background:var(--ember);box-shadow:0 0 10px rgba(232,95,42,.6)}
.mvs-row strong{display:block;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.05;color:var(--ink)}
.mvs-row span{display:block;margin-top:6px;color:var(--muted);line-height:1.6}
.legal-copy.ai-info ul{margin:12px 0 18px;padding-left:20px}
.legal-copy.ai-info li{margin:6px 0;color:var(--muted);line-height:1.6}
.legal-copy.ai-info h3{margin-top:22px;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.2rem;color:var(--ink)}
.legal-copy.ai-info a{word-break:break-word}
/* ===== type scale, 9 Oct 2026: headlines about 16% smaller, leads about 6% smaller ===== */
.page main h1,.page main h2{zoom:.84}
@media(max-width:640px){.page[data-page="home"] main h1,.page-blog main h1{zoom:1}}
/* anchors and page jumps land below the fixed nav, with or without the announcement bar */
html{scroll-padding-top:calc(var(--nav-h) + 20px)}
html.has-announce{scroll-padding-top:calc(var(--nav-h) + var(--announce-h,38px) + 20px)}
[id]{scroll-margin-top:calc(var(--nav-h) + 20px)}
html.has-announce [id]{scroll-margin-top:calc(var(--nav-h) + var(--announce-h,38px) + 20px)}
.addon-card{max-width:680px;margin:32px auto 0;padding:clamp(26px,4vw,40px);border:1px solid rgba(200,155,85,.35);border-radius:24px;background:radial-gradient(120% 80% at 50% 0%,rgba(200,155,85,.10),rgba(255,255,255,.01) 60%);text-align:center}
.addon-eyebrow{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.addon-title{margin-top:12px;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1;color:var(--ink)}
.addon-title span{color:var(--gold)}
.addon-text{margin:12px auto 0;max-width:48ch;color:var(--muted);line-height:1.6}
.addon-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;text-align:left}
.addon-opt{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}
.addon-opt.is-featured{border-color:rgba(200,155,85,.65);background:linear-gradient(180deg,rgba(200,155,85,.12),rgba(200,155,85,.03));box-shadow:0 18px 50px -30px rgba(200,155,85,.6)}
.addon-badge{position:absolute;top:-11px;left:20px;padding:4px 10px;border-radius:999px;background:var(--gold);color:#16130f;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.addon-opt-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.addon-opt-price{font-family:var(--display);font-weight:900;font-size:clamp(2rem,3.4vw,2.6rem);line-height:1;color:var(--ink)}
.addon-opt-price small{font-size:.42em;letter-spacing:.08em;color:var(--muted)}
.addon-opt-sub{color:var(--muted);font-size:.92rem;line-height:1.5}
.addon-opt-total{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);color:var(--ink);font-weight:600;font-size:.92rem}
.addon-opt .addon-btn{margin-top:auto}
.addon-opt-total + .addon-btn{margin-top:14px}
.addon-buttons{display:flex;justify-content:center;margin-top:22px}
.addon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:1px solid rgba(200,155,85,.7);border-radius:12px;font-family:var(--display);font-weight:800;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:background .2s ease,color .2s ease}
.addon-btn:hover{background:rgba(200,155,85,.12)}
.addon-btn.is-solid{background:var(--gold);color:#16130f;border-color:var(--gold)}
.addon-btn.is-solid:hover{background:#d6ab68}
.addon-card .addon-note{margin:18px 0 0;color:var(--faint);font-size:.85rem}
.addon-card .addon-note a{color:var(--muted)}
@media(max-width:640px){.addon-options{grid-template-columns:1fr;gap:20px}}
/* ===== included + price card (9 Oct 2026) ===== */
.value-stack{max-width:680px!important;border:1px solid rgba(232,95,42,.35)!important;border-radius:24px!important;background:radial-gradient(120% 70% at 50% 0%,rgba(232,95,42,.08),rgba(255,255,255,.012) 60%)!important;box-shadow:0 30px 80px -50px rgba(232,95,42,.55)}
.value-stack .vs-label{text-align:left;padding:20px 28px 14px;font-size:11px;letter-spacing:.22em;color:var(--ember-2);border-bottom:0}
.value-stack .vs-list{padding:0 28px 6px}
.value-stack .vs-list li{display:grid;grid-template-columns:26px 1fr;column-gap:14px;justify-content:start;text-align:left;padding:14px 0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font-weight:600;font-size:1rem}
.value-stack .vs-list li:last-child{border-bottom:0}
.value-stack .vs-list li.vs-hero{background:none}
.value-stack .vs-tick{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border:1.5px solid var(--ember);border-radius:50%;color:var(--ember-2);font-size:11px;line-height:1}
.value-stack .vs-list li em{grid-column:2;margin-top:3px;font-family:var(--body);font-size:.92rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);line-height:1.5}
.value-stack .vs-list li.vs-hero em{color:var(--muted)}
.value-stack .vs-price{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;text-align:left;padding:22px 28px 24px;border-top:1px solid rgba(232,95,42,.3);background:rgba(232,95,42,.06)}
.value-stack .vsp-main{font-size:clamp(2.2rem,4vw,3rem)}
.value-stack .vsp-sub{flex:1 1 auto;font-size:11px}
.value-stack .vsp-plan{flex-basis:100%;margin-top:2px;font-family:var(--body);font-size:.92rem;letter-spacing:0;text-transform:none;color:var(--muted)}
@media(max-width:640px){.value-stack .vs-label{padding:18px 20px 10px}.value-stack .vs-list{padding:0 20px 4px}.value-stack .vs-price{padding:20px}}
.door-link{margin:14px 0 0}
.door-link a{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember-2);text-decoration:none}
.door-link a:hover{text-decoration:underline;text-underline-offset:3px}
/* hero headline alignment: every program and section hero uses the same size */
.page-oneone .cp-hero h1,.hero-ecosystem h1{font-size:clamp(3.4rem,6.6vw,6.2rem)!important;line-height:.86!important;letter-spacing:.004em!important;max-width:16ch!important}
/* ===== text scale alignment (9 Oct 2026): one size per role across every page ===== */
.page main .lead,.page main .cp-lead{font-size:1.2rem!important;line-height:1.6!important}
.page main .fine{font-size:.95rem!important;line-height:1.55!important}
.page main .kit-item p,.page main .gate-step p,.page main .ds-card p,.page main .chain-node p,.page main .hundred-process-step p,.page main .audit-answer p,.page main .hundred-outcome-copy p,.page main .ph-item,.page main .ts-panel li{font-size:.95rem!important;line-height:1.55!important}
.page main .blog-body p,.page main .legal-copy p,.page main .legal-copy li,.page main .faq-item p,.page main .body-copy{font-size:1.03rem!important;line-height:1.7!important}
@media(max-width:640px){.page main .lead,.page main .cp-lead{font-size:1.08rem!important}.page main .blog-body p,.page main .legal-copy p,.page main .legal-copy li,.page main .faq-item p,.page main .body-copy{font-size:1rem!important}}
.page main section p:not([class]){font-size:1.06rem}
.page main .hero-sub{font-size:1.2rem!important}
@media(max-width:640px){.page main section p:not([class]){font-size:1rem}.page main .hero-sub{font-size:1.08rem!important}}
/* ===== [go-live polish, 9 Oct] ===== */
.skip-link{position:absolute;left:16px;top:-80px;z-index:2000;background:var(--ember);color:#fff;padding:10px 16px;border-radius:8px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;transition:top .2s}
.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
.social-links a[hidden]{display:none!important}
.cp-back{display:flex;width:max-content}
.page main h2{text-wrap:balance}
.n-tag{font-size:10px}
.glance-label{font-size:10.5px}
.glance-trigger-count{font-size:11.5px}
.countdown-units span{font-size:10px}
.week-node small{font-size:10.5px!important}
.door-note{font-size:12px;color:var(--muted)}
.her-orient .ho-label{font-size:11px;color:var(--muted)}
.her-orient{border-top:0!important;padding-top:0!important;margin-top:34px!important}
.founder-credentials{grid-template-columns:repeat(3,1fr)!important}
.founder-signature-line span{white-space:nowrap}
.vc-dots{gap:8px}.vc-dots button{width:9px;height:9px;min-width:9px}
.voices-carousel{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.ecosystem-card{display:flex;flex-direction:column}.ecosystem-card>div[style*="padding:28px"]{display:flex;flex-direction:column;flex:1}.ecosystem-card>div[style*="padding:28px"]>p:last-child{margin-top:auto!important;padding-top:18px}
.for-grid{align-items:start}
.legal-copy p+p{margin-top:14px}
.legal-copy.ai-info{max-width:760px}.legal-copy.ai-info h3{margin-top:30px;margin-bottom:6px}
.blog-featured-glow{background:radial-gradient(closest-side,rgba(232,95,42,.26),rgba(232,95,42,0));width:70%;height:auto;aspect-ratio:1;top:-30%;right:-20%}
.blog-featured h2{max-width:24ch}
.chain-diagram{align-items:flex-start}
.hero-ticker{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
select{font:inherit}
.avail-dot{background:var(--ember);box-shadow:0 0 9px 1px rgba(232,95,42,.5)}
.countdown-live{font-family:var(--display);text-transform:uppercase;font-size:1.18rem;letter-spacing:.02em}
.ds-num{min-width:2ch}
.decision-steps::before{bottom:28px}
.oneone-form label{font-size:11.5px}
.ts-tab{font-size:11.5px}
@media(min-width:900px){.audit-quotes{grid-template-columns:repeat(3,minmax(0,1fr))!important}.journey-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-left:0!important}.journey-steps::before,.journey-steps .ds-node{display:none!important}.journey-steps .ds-step{margin:0!important}}
@media(max-width:700px){
.n-tag{font-size:11px!important;letter-spacing:.12em}
.footer-bottom,.footer-bottom a{font-size:12px}
.cp-actions .btn,.hero-actions .btn,.blog-body .cp-actions .btn{width:100%;justify-content:center}
.founder-signature-attr a{border-left:0;padding-left:0}
.decision-steps{padding-left:0!important}.decision-steps::before,.ds-node{display:none!important}
.folded-difference .hl{display:inline!important}
.narrow.centre .lead,.tigers-den-warning,.addon-text{text-align:left!important}
.ds-num{font-size:1.4rem!important}
.section.final .narrow{padding:40px 22px!important}
.page-blog .cp-hero .eyebrow{align-items:flex-start}.page-blog .cp-hero .eyebrow::before{margin-top:.45em}
.page-blog .cp-hero{padding-bottom:48px}
.blog-card .eyebrow{font-size:11px}.blog-card p{-webkit-line-clamp:unset;display:block}
.ts-tab{min-height:44px}
.ecosystem-card img[alt="Retreat"]{object-position:50% 0!important}
.page-circle .room-photo img{max-height:none;aspect-ratio:4/3;object-position:50% 40%}
.founder-card{padding-top:28px}
}
@media(max-width:480px){.hero-media img{object-position:70% 8%}}
.social-links a .fi,.footer-email .fi{width:18px;height:18px;margin-right:9px;vertical-align:-4px;flex:none;color:var(--ember-2)}.footer-email{display:inline-flex;align-items:center}
.ecosystem-card.is-linked{cursor:pointer;transition:border-color .25s ease,transform .25s ease}.ecosystem-card.is-linked:hover{border-color:rgba(232,95,42,.6)!important;transform:translateY(-3px)}
/* Section headlines never outsize the page's hero headline */
.page main .section h2:not(.blog-body h2):not(.legal-copy h2):not(.blog-card h2):not(.blog-featured h2),.premium-section.final h2{font-size:clamp(2rem,4.1vw,3.5rem)!important;line-height:1}
.page main .cp-hero h1{font-size:clamp(3rem,6.2vw,5.8rem)}
.page-blog main .cp-hero h1{font-size:clamp(2.2rem,4vw,3.6rem)}
@media(max-width:700px){.page main .section h2:not(.blog-body h2):not(.legal-copy h2):not(.blog-card h2):not(.blog-featured h2),.premium-section.final h2{font-size:clamp(1.9rem,8.4vw,2.6rem)!important}}
@media(max-width:700px){.blog-featured h2{font-size:clamp(1.6rem,6.6vw,2.1rem)!important}}
/* ===== [11] hero title line-height matches the homepage; full-screen mobile and tablet menu ===== */
/* Inner-page hero titles use the same line-height as the homepage hero at every width. */
.cp-hero h1,.page main .cp-hero h1,.page-blog .cp-hero h1,.page-blog main .cp-hero h1,.page-oneone .cp-hero h1,.hero-ecosystem h1{line-height:.9!important;letter-spacing:0!important}
@media (max-width:900px){
.cp-hero h1,.page main .cp-hero h1,.page-blog .cp-hero h1,.page-blog main .cp-hero h1,.page-oneone .cp-hero h1,.hero-ecosystem h1{line-height:.93!important}
}
@media (max-width:760px){
.cp-hero h1,.page main .cp-hero h1,.page-blog .cp-hero h1,.page-blog main .cp-hero h1,.page-oneone .cp-hero h1,.hero-ecosystem h1{line-height:.96!important}
}
/* Mobile and tablet menu: opens as a full-screen panel under the header row. */
@media (max-width:1024px){
/* backdrop-filter makes the header the containing block for fixed children; drop it while the menu is open so the panel can fill the viewport */
.nav:has(.nav-links.open){backdrop-filter:none;-webkit-backdrop-filter:none;background:#0f0d0c}
html:has(.nav-links.open){overflow:hidden}
.nav-links{
top:0;bottom:0;left:0;right:0;
height:100vh;height:100dvh;
padding:calc(var(--announce-h,0px) + 74px + 16px) clamp(22px,5vw,48px) calc(32px + env(safe-area-inset-bottom));
background:#0f0d0c;
border:0;box-shadow:none;
overflow-y:auto;overscroll-behavior:contain;
grid-auto-rows:min-content;align-content:start;
}
.nav-links.open{display:grid}
.nav-links a{min-height:60px;font-size:14px}
.nav-links-cta{margin-top:26px}
.nav-links-cta .btn{min-height:56px;font-size:17px}
/* keep the logo and the close button above the panel */
.brand,.nav-actions{position:relative;z-index:1000}
}
/* ===== [12] quote cards: one design for every testimonial on the site ===== */
/* Audit results (home), "From inside the room" (Fire Circle), testimonials (home, Foundations, 100 Days) and the private coaching quote share one card. */
.audit-quotes blockquote,
.vc-card,
.private-quote{
position:relative!important;overflow:hidden;
margin:0;
padding:clamp(26px,3vw,38px) clamp(24px,3vw,36px) clamp(24px,2.6vw,32px)!important;
border:1px solid rgba(255,255,255,.09)!important;
border-left:1px solid rgba(255,255,255,.09)!important;
border-radius:18px!important;
background:
radial-gradient(420px 220px at 0% 0%,rgba(232,95,42,.14),transparent 70%),
linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;
box-shadow:inset 0 2px 0 rgba(232,95,42,.85),0 18px 44px rgba(0,0,0,.22)!important;
color:var(--ink);font-style:normal!important;
transition:transform .35s var(--ease-out),border-color .3s ease,box-shadow .35s ease;
}
.audit-quotes blockquote:hover,.vc-card:hover,.private-quote:hover{
transform:translateY(-3px);
border-color:rgba(232,95,42,.45)!important;
box-shadow:inset 0 2px 0 var(--ember-2),0 24px 54px rgba(0,0,0,.3)!important;
}
/* the opening mark */
.audit-quotes blockquote::before,
.vc-card::before,
.private-quote::before{
content:"\201C";display:block;
font-family:var(--display);font-weight:900;font-size:5.2rem;line-height:.62;height:.5em;
margin:0 0 22px -3px;color:var(--ember-2);
}
.vc-card .vc-quote{display:none!important}
/* quote text */
.audit-quotes blockquote,.private-quote{font-size:clamp(1.02rem,1.25vw,1.14rem)!important;line-height:1.62!important}
.audit-quotes .mk,.private-quote .mk{color:var(--ember-2);font-weight:600}
/* a short ember rule closes the audit and room quotes */
.audit-quotes blockquote::after{content:"";display:block;width:34px;height:2px;margin-top:22px;background:var(--ember-2);opacity:.8}
/* attribution */
.vc-card cite{margin-top:24px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.private-quote cite{margin-top:22px!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-family:var(--mono);font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important}
.private-quote{max-width:820px}
/* layout: four audit quotes sit 2 x 2, three sit side by side */
.audit-quotes{gap:18px!important}
@media(min-width:700px){
.audit-quotes:has(> blockquote:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))!important}
.audit-quotes:not(:has(> blockquote:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:699px){.audit-quotes{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.audit-quotes blockquote:hover,.vc-card:hover,.private-quote:hover{transform:none}}
/* audit and room quotes: the key sentence is brighter and bolder, not orange, so long lines stay easy to read */
.audit-quotes blockquote,.private-quote{color:rgba(240,236,230,.76)!important}
.audit-quotes .mk,.private-quote .mk{color:#fff;font-weight:600}
/* attribution sits at the bottom of every testimonial card, so rows line up */
.vc-card{display:flex!important;flex-direction:column}
.vc-card p{margin-bottom:24px}
.vc-card cite{margin-top:auto!important}