:root{
  --bg:#FAF6ED; --bg2:#F5EEDE; --white:#FFFFFF;
  --navy:#1C2340; --navy2:#2A3356; --navy3:#0F1428;
  --text:#1C2340; --text2:#4A5578; --text3:#6B7590;
  --gold:#A87C3A; --gold2:#C89A52; --gold3:#8A6020; --gold-lite:#E8C878; --gold-bg:#FBF4E8; --gold-bdr:#DEC28A;
  --border:rgba(28,35,64,.12);
  --strength:#2F7D5B; --strength-bg:rgba(47,125,91,.1);
  --watch:#B07D2E; --watch-bg:rgba(200,154,82,.16);
  --focus:#B0492E; --focus-bg:rgba(176,73,46,.1);
  --serif:'Cormorant Garamond', Georgia, serif; --sans:'Outfit', system-ui, sans-serif;
  --shadow:0 18px 50px rgba(28,35,64,.09);
}
*{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans); font-size:16px; line-height:1.7; color:var(--text); background:var(--bg); -webkit-font-smoothing:antialiased; overflow-x:hidden}
em{font-family:var(--serif); font-style:italic; font-weight:500; color:var(--gold)}
a{color:inherit; text-decoration:none}
.eyebrow{font-size:.72rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--gold)}
.wrap{max-width:940px; margin:0 auto; padding:0 24px}
.center{text-align:center} .center p{margin-left:auto;margin-right:auto}
/* NAV */
.nav{position:sticky; top:0; z-index:100; background:rgba(250,246,237,.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--border)}
.nav-inner{max-width:1080px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px}
.brand{display:flex; align-items:center; gap:12px}
.brand-mark{width:40px; height:40px; border-radius:50%; background:radial-gradient(circle at 32% 26%, #2A3356, #0F1428 72%); display:flex; align-items:center; justify-content:center; color:var(--gold-lite); font-family:var(--serif); font-weight:600; font-size:1.32rem; border:1.5px solid var(--gold2); box-shadow:inset 0 0 0 3px var(--navy3), inset 0 0 0 4px rgba(232,200,120,.4), 0 4px 13px rgba(28,35,64,.2)}
.brand-name{font-family:var(--serif); font-size:1.5rem; font-weight:600; font-variant:small-caps; letter-spacing:.05em; color:var(--navy)}
.brand-name em{color:var(--gold); font-style:italic}
.nav-back{font-size:.88rem; color:var(--text2); font-weight:500}
.nav-back:hover{color:var(--gold)}
.nav-cta{padding:10px 20px; border-radius:7px; background:var(--navy); color:#fff; font-size:.88rem; font-weight:600}
.nav-cta:hover{background:var(--gold)}
.nav-grp{display:flex; align-items:center; gap:22px}
.sample-banner{background:var(--navy3); color:var(--gold-lite); text-align:center; font-size:.82rem; padding:9px 24px}
.sample-banner strong{color:#fff}
/* COVER */
.cover{text-align:center; padding:64px 24px 42px; background:radial-gradient(120% 120% at 50% 0%, var(--bg2), var(--bg))}
.cover .kicker{font-size:.72rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:var(--gold)}
.cover h1{font-family:var(--serif); font-weight:500; font-size:clamp(2.5rem,5.4vw,4.1rem); line-height:1.05; margin:1rem 0 .4rem}
.cover .who{font-size:1.08rem; color:var(--text2)}
.cover .who b{color:var(--navy); font-weight:600}
.cover .essence{font-family:var(--serif); font-style:italic; font-size:1.45rem; color:var(--gold); margin:1.4rem auto 0; max-width:660px; line-height:1.35; position:relative; padding-bottom:1.9rem}
.cover .essence::after{content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:48px; height:1px; background:linear-gradient(90deg, transparent, var(--gold-bdr) 50%, transparent)}
.cover .kicker{position:relative; display:inline-block}
.cover .kicker::before,.cover .kicker::after{content:""; position:absolute; top:50%; width:32px; height:1px; background:linear-gradient(90deg, transparent, var(--gold-bdr))}
.cover .kicker::before{right:calc(100% + 14px); transform:scaleX(-1)}
.cover .kicker::after{left:calc(100% + 14px)}
.cover-emblem{width:54px;height:54px;margin:0 auto 1.4rem;border-radius:50%;background:radial-gradient(circle at 32% 26%, #2A3356, #0F1428 72%);display:flex;align-items:center;justify-content:center;color:var(--gold-lite);font-family:var(--serif);font-weight:600;font-size:1.7rem;border:1.5px solid var(--gold2);box-shadow:inset 0 0 0 4px var(--navy3), inset 0 0 0 5px rgba(232,200,120,.4), 0 6px 18px rgba(28,35,64,.22)}
/* IDENTITY BAND */
.idband{background:var(--navy3); color:#fff; padding:22px 24px}
.idband-inner{max-width:1000px; margin:0 auto; display:grid; grid-template-columns:repeat(5,1fr); gap:14px; text-align:center}
@media(max-width:760px){.idband-inner{grid-template-columns:repeat(2,1fr); gap:18px}}
.idband .l{font-size:.64rem; letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:.3rem}
.idband .v{font-family:var(--serif); font-size:1.22rem; font-weight:600; color:var(--gold-lite); line-height:1.15}
/* SECTION */
.rsec{padding:56px 24px; border-top:1px solid var(--border)}
.rsec.alt{background:var(--bg2)}
.rsec.dark{background:var(--navy3); color:#fff; border-top:none}
.rsec h2{font-family:var(--serif); font-weight:500; font-size:clamp(1.8rem,3.4vw,2.5rem); line-height:1.15; margin:.6rem 0 1.1rem}
.rsec h2 em{color:var(--gold)}
.rsec.dark h2 em{color:var(--gold-lite)}
.rsec p{color:var(--text2); font-size:1.05rem; line-height:1.78; margin-bottom:1.05rem; max-width:740px}
.rsec.dark p{color:rgba(255,255,255,.72)}
.rsec p strong{color:var(--text)} .rsec.dark p strong{color:#fff}
/* ARCHETYPE */
.arch{background:var(--navy3); color:#fff; border-radius:18px; padding:36px 34px; box-shadow:var(--shadow); max-width:840px; margin:0 auto}
.arch .label{font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-lite)}
.arch h3{font-family:var(--serif); font-weight:500; font-size:clamp(2rem,4vw,3rem); margin:.4rem 0 1rem}
.arch h3 em{color:var(--gold-lite)}
.arch p{color:rgba(255,255,255,.8); font-size:1.03rem; line-height:1.7; margin-bottom:1rem; max-width:none}
.arch .row{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:1.4rem 0}
@media(max-width:600px){.arch .row{grid-template-columns:1fr}}
.arch .row h4{font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-lite); margin-bottom:.5rem}
.arch .row p{font-size:.94rem; color:rgba(255,255,255,.68); margin:0}
.arch .impl{border-left:3px solid var(--gold-lite); padding-left:1.3rem; margin-top:1.2rem; font-family:var(--serif); font-style:italic; font-size:1.26rem; line-height:1.4; color:#fff}
.wired{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:840px; margin:1.4rem auto 0}
@media(max-width:680px){.wired{grid-template-columns:1fr}}
.wired-card{background:var(--white); border:1px solid var(--border); border-radius:12px; padding:20px 22px}
.wired-card .wl{font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); font-weight:700}
.wired-card .wv{font-family:var(--serif); font-size:1.35rem; font-weight:600; color:var(--navy); margin:.25rem 0}
.wired-card .wd{font-size:.85rem; color:var(--text3); line-height:1.5}
/* HUMAN OS */
.os-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:920px; margin:1.6rem auto 0}
@media(max-width:760px){.os-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.os-grid{grid-template-columns:1fr}}
.os{background:var(--white); border:1px solid var(--border); border-radius:13px; padding:20px 22px}
.os-top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:.5rem}
.os-name{font-weight:600; color:var(--navy)}
.os-num{font-family:var(--serif); font-size:1.5rem; font-weight:600}
.os.s .os-num{color:var(--strength)} .os.w .os-num{color:var(--watch)} .os.f .os-num{color:var(--focus)}
.os .bar{height:7px; border-radius:4px; background:rgba(28,35,64,.08); overflow:hidden}
.os .bar span{display:block; height:100%}
.os.s .bar span{background:var(--strength)} .os.w .bar span{background:var(--watch)} .os.f .bar span{background:var(--focus)}
.os-note{font-size:.81rem; color:var(--text3); margin-top:.55rem; line-height:1.45}
.os-call{max-width:920px; margin:1.4rem auto 0; display:flex; gap:14px; flex-wrap:wrap; justify-content:center}
.os-call span{font-size:.9rem; color:var(--text2); background:var(--white); border:1px solid var(--border); border-radius:999px; padding:8px 16px}
.os-call b{color:var(--navy)}
/* SNAPSHOT */
.snap-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:980px; margin:0 auto}
@media(max-width:760px){.snap-grid{grid-template-columns:1fr}}
.snap-card{background:var(--white); border:1px solid var(--border); border-radius:14px; padding:24px 22px; box-shadow:var(--shadow)}
.snap-card.wide{grid-column:1/-1}
.snap-card h3{font-family:var(--serif); font-size:1.32rem; font-weight:600; margin-bottom:.4rem; color:var(--navy)}
.snap-card .sc-count{font-size:.72rem; color:var(--text3); margin-bottom:1rem; letter-spacing:.04em}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
@media(max-width:560px){.two-col{grid-template-columns:1fr}}
.measure{padding:10px 0; border-top:1px solid var(--border)}
.measure:first-of-type{border-top:none}
.measure-top{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:.35rem}
.measure-name{font-weight:600; font-size:.94rem; color:var(--navy)}
.chip{font-size:.63rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; padding:3px 9px; border-radius:999px; white-space:nowrap}
.chip.strength{color:var(--strength); background:var(--strength-bg)}
.chip.watch{color:var(--watch); background:var(--watch-bg)}
.chip.focus{color:var(--focus); background:var(--focus-bg)}
.chip.type{color:var(--gold3); background:var(--gold-bg); border:1px solid var(--gold-bdr)}
.bar{height:6px; border-radius:4px; background:rgba(28,35,64,.08); overflow:hidden; margin-bottom:.35rem}
.bar span{display:block; height:100%; border-radius:4px}
.bar span.strength{background:linear-gradient(90deg,#3a9a70,var(--strength))}
.bar span.watch{background:linear-gradient(90deg,#d4a857,var(--watch))}
.bar span.focus{background:linear-gradient(90deg,#cf6b50,var(--focus))}
.measure-note{font-size:.82rem; color:var(--text3); line-height:1.45}
.measure-type{font-size:.87rem; color:var(--text2)} .measure-type b{color:var(--navy)}
.str-row{display:flex; flex-wrap:wrap; gap:9px; justify-content:center}
.str-pill{background:var(--strength-bg); color:var(--strength); border:1px solid rgba(47,125,91,.3); border-radius:999px; padding:7px 15px; font-weight:600; font-size:.9rem}
/* CONNECTION */
.conn{display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:840px; margin:1.4rem auto 0}
@media(max-width:600px){.conn{grid-template-columns:1fr}}
.conn-card{background:var(--white); border:1px solid var(--border); border-radius:14px; padding:26px; text-align:center; box-shadow:var(--shadow)}
.conn-card.primary{border-color:var(--gold-bdr)}
.conn-card .cl{font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); font-weight:700}
.conn-card .cv{font-family:var(--serif); font-size:1.6rem; font-weight:600; color:var(--navy); margin:.3rem 0}
.conn-card .cd{font-size:.9rem; color:var(--text2); line-height:1.55}
/* WELLBEING */
.well{background:var(--gold-bg); border:1px solid var(--gold-bdr); border-radius:14px; padding:22px 26px; max-width:840px; margin:1.2rem auto 0}
.well .wrow{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid rgba(168,124,58,.18); font-size:.94rem; color:var(--text2)}
.well .wrow:first-child{border-top:none}
.well .wnote{font-size:.77rem; color:var(--text3); margin-top:.9rem; line-height:1.5}
/* PRACTITIONER VIEW */
.pv-tag{display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--navy3); background:var(--gold-lite); border-radius:5px; padding:4px 11px; margin-bottom:1rem}
.pv-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:940px; margin:1.4rem auto 0}
@media(max-width:760px){.pv-grid{grid-template-columns:1fr}}
.pv-card{background:rgba(255,255,255,.04); border:1px solid rgba(232,200,120,.2); border-radius:14px; padding:24px}
.pv-card.wide{grid-column:1/-1}
.pv-card h4{font-family:var(--serif); font-size:1.28rem; font-weight:600; color:#fff; margin-bottom:.9rem}
.pv-card ul{list-style:none}
.pv-card li{color:rgba(255,255,255,.74); font-size:.92rem; line-height:1.55; padding:.36rem 0 .36rem 1.2rem; position:relative}
.pv-card li::before{content:""; position:absolute; left:0; top:.9rem; width:6px; height:6px; border-radius:50%; background:var(--gold-lite)}
.pv-card li b{color:#fff}
.fc-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:.4rem}
@media(max-width:680px){.fc-grid{grid-template-columns:1fr 1fr}}
.fc{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:11px; padding:16px; text-align:center}
.fc .fl{font-size:.81rem; color:rgba(255,255,255,.7); margin-bottom:.5rem; min-height:2.4em; display:flex; align-items:center; justify-content:center}
.fc .ft{font-size:.65rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:3px 10px; border-radius:999px; display:inline-block}
.ft.high{color:#fff; background:var(--focus)} .ft.elev{color:#3a2a12; background:var(--gold-lite)} .ft.mod{color:#fff; background:rgba(200,154,82,.5)} .ft.low{color:#cdeadd; background:rgba(47,125,91,.4)}
/* FOUNDER DASHBOARD */
.fd-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:980px; margin:1.6rem auto 0}
@media(max-width:760px){.fd-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.fd-grid{grid-template-columns:1fr}}
.fd{background:var(--white); border:1px solid var(--border); border-radius:13px; padding:20px 22px}
.fd .fd-top{display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:.5rem}
.fd .fd-name{font-weight:600; color:var(--navy); font-size:.96rem}
.fd .fd-note{font-size:.82rem; color:var(--text3); line-height:1.45}
/* COUPLES COMPARE */
.cpl-head{display:grid; grid-template-columns:1fr auto 1fr; gap:16px; align-items:center; max-width:860px; margin:0 auto 1.4rem}
@media(max-width:600px){.cpl-head{grid-template-columns:1fr; text-align:center}}
.cpl-person{background:var(--white); border:1px solid var(--border); border-radius:14px; padding:22px; text-align:center; box-shadow:var(--shadow)}
.cpl-person .cn{font-family:var(--serif); font-size:1.5rem; font-weight:600; color:var(--navy)}
.cpl-person .cr{font-size:.86rem; color:var(--text3)}
.cpl-person .ct{margin-top:.5rem; font-size:.9rem; color:var(--gold); font-weight:600}
.cpl-vs{font-family:var(--serif); font-style:italic; font-size:1.6rem; color:var(--gold)}
.cmp{max-width:860px; margin:0 auto; background:var(--white); border:1px solid var(--border); border-radius:14px; overflow:hidden; box-shadow:var(--shadow)}
.cmp-row{display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:0; border-top:1px solid var(--border); align-items:center}
.cmp-row:first-child{border-top:none}
.cmp-row .ca,.cmp-row .cb{padding:13px 16px; text-align:center}
.cmp-row .cm{padding:13px 14px; text-align:center; font-weight:600; color:var(--navy); font-size:.9rem; background:var(--bg2)}
.cmp-chip{font-size:.62rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 9px; border-radius:999px}
.cmp-head .cm,.cmp-head .ca,.cmp-head .cb{background:var(--navy3); color:#fff; font-family:var(--serif); font-size:1.05rem; padding:14px}
.collision{background:var(--navy3); color:#fff; border-radius:16px; padding:32px 30px; max-width:840px; margin:1.6rem auto 0}
.collision h3{font-family:var(--serif); font-weight:500; font-size:1.8rem; color:#fff; margin-bottom:.8rem}
.collision h3 em{color:var(--gold-lite)}
.collision p{color:rgba(255,255,255,.78); max-width:none; margin-bottom:1rem}
.collision .loop{display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin:1.2rem 0}
.collision .loop span{background:rgba(232,200,120,.12); border:1px solid rgba(232,200,120,.3); color:var(--gold-lite); border-radius:999px; padding:8px 16px; font-size:.88rem}
.collision .loop b{color:#fff}
/* TEAMS 360 */
.three-sixty{max-width:880px; margin:1.4rem auto 0}
.rater-legend{display:flex; gap:20px; justify-content:center; margin-bottom:1.4rem; font-size:.85rem; color:var(--text2)}
.rater-legend span{display:inline-flex; align-items:center; gap:7px}
.dot{width:11px; height:11px; border-radius:50%; display:inline-block}
.dot.self{background:var(--navy)} .dot.team{background:var(--gold2)}
.gap-row{background:var(--white); border:1px solid var(--border); border-radius:13px; padding:18px 22px; margin-bottom:12px; box-shadow:var(--shadow)}
.gap-top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:.7rem}
.gap-name{font-weight:600; color:var(--navy)}
.gap-tag{font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 10px; border-radius:999px}
.gap-tag.wide{color:#fff; background:var(--focus)} .gap-tag.some{color:#3a2a12; background:var(--gold-lite)} .gap-tag.aligned{color:var(--strength); background:var(--strength-bg)}
.dualbar{position:relative; height:30px}
.dualbar .track{position:absolute; top:13px; left:0; right:0; height:4px; background:rgba(28,35,64,.08); border-radius:2px}
.dualbar .mk{position:absolute; top:7px; width:16px; height:16px; border-radius:50%; transform:translateX(-50%); border:2px solid var(--white)}
.dualbar .mk.self{background:var(--navy)} .dualbar .mk.team{background:var(--gold2)}
.gap-note{font-size:.83rem; color:var(--text3); margin-top:.5rem; line-height:1.45}
/* REPORT INDEX */
.idx-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:940px; margin:1.4rem auto 0}
@media(max-width:760px){.idx-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.idx-grid{grid-template-columns:1fr}}
.idx{background:var(--white); border:1px solid var(--border); border-radius:11px; padding:15px 16px; display:flex; gap:10px; align-items:center; font-size:.9rem; color:var(--text2)}
.idx .n{font-family:var(--serif); font-weight:600; color:var(--gold); font-size:1.1rem; min-width:1.4em}
.idx b{color:var(--navy); font-weight:600}
.idx .who-tag{font-size:.63rem; color:var(--text3); display:block}
/* CHOOSER (samples index) */
.choose-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:960px; margin:0 auto}
@media(max-width:700px){.choose-grid{grid-template-columns:1fr}}
.choose-card{background:var(--white); border:1px solid var(--border); border-radius:16px; padding:32px 30px; box-shadow:var(--shadow); transition:transform .18s, border-color .18s; display:flex; flex-direction:column}
.choose-card:hover{transform:translateY(-3px); border-color:var(--gold-bdr)}
.choose-card .ci{width:60px; height:60px; border-radius:50%; border:1px solid var(--gold-bdr); background:var(--gold-bg); display:flex; align-items:center; justify-content:center; color:var(--gold); margin-bottom:1.1rem}
.choose-card .ci svg{width:28px; height:28px}
.choose-card .cl{font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold)}
.choose-card h3{font-family:var(--serif); font-size:1.7rem; font-weight:600; margin:.2rem 0 .6rem; color:var(--navy)}
.choose-card p{color:var(--text2); font-size:.98rem; line-height:1.6; margin-bottom:1.4rem; flex:1}
.choose-card .clink{color:var(--gold); font-weight:600; font-size:.95rem; display:inline-flex; align-items:center; gap:7px; border-bottom:1px solid rgba(168,124,58,.4); padding-bottom:2px; align-self:flex-start}
/* CTA + FOOTER */
.rcta{background:linear-gradient(180deg,var(--bg2),var(--bg)); text-align:center; padding:76px 24px; border-top:1px solid var(--border)}
.rcta h2{font-family:var(--serif); font-weight:500; font-size:clamp(2rem,4.4vw,3rem); margin-bottom:1rem}
.rcta h2 em{color:var(--gold)}
.rcta p{color:var(--text2); max-width:560px; margin:0 auto 2rem}
.ctas{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}
.btn-gold{padding:16px 32px; border-radius:9px; background:linear-gradient(135deg,var(--gold2),var(--gold3)); color:#fff; font-weight:700; font-size:.98rem}
.btn-out{padding:16px 30px; border-radius:9px; background:transparent; color:var(--navy); border:2px solid var(--navy); font-weight:600; font-size:.98rem}
.btn-out:hover{background:var(--navy); color:#fff}
.footer{background:var(--navy3); color:rgba(255,255,255,.55); padding:42px 24px; text-align:center; font-size:.86rem}
.footer-brand{color:var(--gold-lite); font-family:var(--serif); font-size:1.2rem; font-weight:600}
.footer-legal{max-width:720px; margin:14px auto 0; color:rgba(255,255,255,.4); font-size:.78rem; line-height:1.6}
.footer-legal a{color:rgba(255,255,255,.5); text-decoration:underline}
.sample-nav-strip{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; padding:18px 24px; background:var(--bg2); border-top:1px solid var(--border)}
.sample-nav-strip a{font-size:.85rem; color:var(--text2); border:1px solid var(--border); background:var(--white); border-radius:999px; padding:7px 16px}
.sample-nav-strip a:hover{border-color:var(--gold-bdr); color:var(--gold)}
.sample-nav-strip a.cur{background:var(--navy); color:#fff; border-color:var(--navy)}
/* STORY */
.story{max-width:760px; margin:0 auto; font-size:1.12rem; line-height:1.85; color:var(--text2)}
.story p{margin-bottom:1.1rem}
.story .pull{font-family:var(--serif); font-style:italic; font-size:1.5rem; color:var(--gold); border-left:3px solid var(--gold-bdr); padding-left:1.4rem; margin:1.6rem 0; line-height:1.42}
/* VALUES */
.values{max-width:700px; margin:1.2rem auto 0; background:var(--white); border:1px solid var(--border); border-radius:14px; padding:24px 28px; box-shadow:var(--shadow)}
.val-row{display:flex; align-items:center; gap:14px; padding:11px 0; border-top:1px solid var(--border)}
.val-row:first-child{border-top:none}
.val-rank{font-family:var(--serif); font-size:1.3rem; font-weight:600; color:var(--gold); min-width:1.4em}
.val-name{font-weight:600; color:var(--navy); width:135px; flex-shrink:0}
.val-bar{flex:1; height:7px; border-radius:4px; background:rgba(28,35,64,.08); overflow:hidden}
.val-bar span{display:block; height:100%; background:linear-gradient(90deg,var(--gold-lite),var(--gold2))}
.drive-note{max-width:700px; margin:1.1rem auto 0; text-align:center; color:var(--text2); font-size:.98rem}
.drive-note b{color:var(--navy)}
/* NERVOUS SYSTEM */
.ns{max-width:760px; margin:1.2rem auto 0; background:var(--white); border:1px solid var(--border); border-radius:14px; padding:26px 30px; box-shadow:var(--shadow)}
.ns-gauge{height:14px; border-radius:8px; background:linear-gradient(90deg,#6fae8e 0%,#e7c879 55%,#cf6b50 100%); position:relative; margin:1.1rem 0 .6rem}
.ns-gauge .mk{position:absolute; top:-5px; width:22px; height:22px; border-radius:50%; background:var(--navy); border:3px solid #fff; transform:translateX(-50%); box-shadow:0 2px 7px rgba(0,0,0,.25)}
.ns-labels{display:flex; justify-content:space-between; font-size:.72rem; color:var(--text3); text-transform:uppercase; letter-spacing:.08em}
.ns p{max-width:none; font-size:.99rem; margin:1rem 0 0; color:var(--text2)}
/* PREDICTIONS */
.predict-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:900px; margin:1.4rem auto 0}
@media(max-width:600px){.predict-grid{grid-template-columns:1fr}}
.predict{background:var(--white); border:1px solid var(--border); border-radius:13px; padding:22px 24px; box-shadow:var(--shadow)}
.predict .pq{font-size:.69rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold)}
.predict .pa{font-family:var(--serif); font-size:1.25rem; font-weight:600; color:var(--navy); margin:.3rem 0; line-height:1.28}
.predict .pn{font-size:.89rem; color:var(--text2); line-height:1.55}
/* TRAUMA RESPONSES */
.trauma-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; max-width:940px; margin:1.4rem auto 0}
@media(max-width:700px){.trauma-grid{grid-template-columns:1fr 1fr}}
.trauma{background:var(--white); border:1px solid var(--border); border-radius:13px; padding:24px 20px 22px; text-align:center; position:relative}
.trauma.dom{border-color:var(--gold-bdr); box-shadow:var(--shadow)}
.trauma .tn{font-family:var(--serif); font-size:1.55rem; font-weight:600; color:var(--navy)}
.trauma .tlvl{font-size:.63rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:3px 11px; border-radius:999px; display:inline-block; margin:.5rem 0 .7rem}
.tlvl.hi{color:#fff; background:var(--focus)} .tlvl.mod{color:#3a2a12; background:var(--gold-lite)} .tlvl.lo{color:var(--strength); background:var(--strength-bg)}
.trauma .td{font-size:.83rem; color:var(--text2); line-height:1.5}
.trauma .dom-tag{position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,var(--gold2),var(--gold3)); color:#fff; font-size:.58rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:3px 12px; border-radius:999px; white-space:nowrap}
/* MECHANISM line */
.mech{max-width:760px; margin:1rem auto 0; text-align:center; font-size:.85rem; color:var(--text3); letter-spacing:.01em}
.mech b{color:var(--gold); font-weight:600}
.rsec.dark .mech{color:rgba(255,255,255,.5)} .rsec.dark .mech b{color:var(--gold-lite)}
/* SURPRISE */
.surprise{max-width:780px; margin:1.8rem auto 0; background:var(--navy3); color:#fff; border-radius:14px; padding:26px 32px}
.surprise .sl{font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-lite)}
.surprise p{color:rgba(255,255,255,.84); max-width:none; margin:.5rem 0 0; font-size:1.06rem; line-height:1.7}
.surprise b{color:#fff}
/* TRANSFORM */
.transform{display:grid; grid-template-columns:1fr 1fr; gap:0; max-width:880px; margin:1.4rem auto 0; border:1px solid var(--border); border-radius:16px; overflow:hidden; box-shadow:var(--shadow)}
@media(max-width:600px){.transform{grid-template-columns:1fr}}
.tcol{padding:30px 32px}
.tcol.now{background:var(--white)}
.tcol.then{background:var(--navy3); color:#fff}
.tcol .tch{font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:1rem}
.tcol.now .tch{color:var(--text3)} .tcol.then .tch{color:var(--gold-lite)}
.tcol ul{list-style:none}
.tcol li{padding:.5rem 0 .5rem 1.4rem; position:relative; font-size:.97rem; line-height:1.5}
.tcol.now li{color:var(--text2)} .tcol.then li{color:rgba(255,255,255,.85)}
.tcol li::before{content:""; position:absolute; left:0; top:.95rem; width:7px; height:7px; border-radius:50%}
.tcol.now li::before{background:var(--focus); opacity:.45} .tcol.then li::before{background:var(--gold-lite)}
/* PROOF strip */
.proof{background:var(--navy3); color:#fff; padding:46px 24px}
.proof-row{max-width:900px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:center}
@media(max-width:600px){.proof-row{grid-template-columns:1fr; gap:18px}}
.proof .pn{font-family:var(--serif); font-size:2.2rem; font-weight:600; color:var(--gold-lite); line-height:1}
.proof .pl{font-size:.82rem; color:rgba(255,255,255,.6); margin-top:.4rem; line-height:1.4}
.proof .pq{max-width:700px; margin:2rem auto 0; text-align:center; font-family:var(--serif); font-style:italic; font-size:1.25rem; color:#fff; line-height:1.42}
/* forecast confidence */
.fc .fconf{font-size:.65rem; color:rgba(255,255,255,.5); margin-top:.45rem; letter-spacing:.02em}
/* OPERATING MANUAL */
.opman{max-width:1060px; margin:1.4rem auto 0; display:grid; gap:18px}
.opman-2{display:grid; grid-template-columns:1fr 1fr; gap:18px}
@media(max-width:760px){.opman-2{grid-template-columns:1fr}}
.opcard{background:var(--white); border:1px solid var(--border); border-radius:14px; padding:26px 28px}
.opcard h4{font-family:var(--sans); font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin:0 0 1rem}
.op-p{font-size:.93rem; color:var(--text2); line-height:1.6; margin:0; max-width:none}
.op-p + .op-p{margin-top:.7rem}
.op-p b{color:var(--navy)}
.stress-list{display:flex; flex-wrap:wrap; gap:8px}
.stress-pill{background:#F3E7DD; color:#7a4a2e; border:1px solid #E6D2BE; border-radius:999px; padding:7px 14px; font-size:.82rem; font-weight:500}
.burnout-warn{margin-top:1.1rem; background:var(--navy3); color:rgba(255,255,255,.85); border-radius:11px; padding:16px 19px; font-size:.92rem; line-height:1.55}
.burnout-warn b{color:var(--gold-lite)}
.op-need{margin-top:1.1rem; border-left:3px solid var(--gold2); padding:4px 0 4px 16px; font-size:.93rem; color:var(--text2); line-height:1.55}
.op-need-l{display:block; font-size:.62rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); margin-bottom:.35rem}
.triggers{display:grid; gap:10px}
.trig{display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--border); border-radius:11px; overflow:hidden}
@media(max-width:600px){.trig{grid-template-columns:1fr}}
.trig > div{padding:14px 18px; font-size:.93rem; line-height:1.45}
.trig .avoid{color:#7a3a25; background:#F7E9E3}
.trig .say{color:#235e43; background:#E9F1EB}
.trig .lab{display:block; font-size:.6rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; opacity:.62; margin-bottom:.3rem}
.chan-rank{display:flex; gap:8px; margin-bottom:1.1rem}
.chan{flex:1; text-align:center; padding:14px 6px; border:1px solid var(--border); border-radius:11px; background:#fff}
.chan.best{border-color:var(--gold-bdr); background:#FBF6EA; box-shadow:var(--shadow)}
.chan .cr-rank{font-size:.58rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--text3)}
.chan.best .cr-rank{color:var(--gold)}
.chan .cr-name{font-family:var(--serif); font-size:1.12rem; font-weight:600; color:var(--navy); margin-top:.2rem; line-height:1.15}
.pace-row{display:flex; align-items:center; gap:12px; margin:.55rem 0}
.pace-row .pl{font-size:.86rem; color:var(--text2); flex:0 0 44%}
.pace-meter{flex:1; height:7px; background:#E7DEC9; border-radius:99px; overflow:hidden}
.pace-meter span{display:block; height:100%; border-radius:99px; background:linear-gradient(90deg, var(--gold-lite), var(--gold2))}
.pace-val{flex:0 0 auto; font-size:.72rem; color:var(--text3); width:70px; text-align:right}
/* TEAM COMPOSITE */
.roster{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; max-width:1100px; margin:1.4rem auto 0}
@media(max-width:900px){.roster{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.roster{grid-template-columns:1fr}}
.member{background:var(--white); border:1px solid var(--border); border-radius:13px; padding:22px 14px; text-align:center}
.member.lead{border-color:var(--gold-bdr); box-shadow:var(--shadow)}
.member .mlead-tag{font-size:.55rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); margin-bottom:.5rem}
.member .mono{width:46px; height:46px; border-radius:50%; margin:0 auto .7rem; background:radial-gradient(circle at 32% 26%, #2A3356, #0F1428 72%); color:var(--gold-lite); display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-weight:600; font-size:1.15rem; border:1.5px solid var(--gold2)}
.member .mn{font-family:var(--serif); font-size:1.16rem; font-weight:600; color:var(--navy); line-height:1.1}
.member .mr{font-size:.72rem; color:var(--text3); margin:.15rem 0 .6rem}
.member .ma{font-size:.92rem; font-weight:600; color:var(--gold)}
.member .mw{font-size:.74rem; color:var(--text3); margin-top:.1rem}
.member .mq{font-size:.8rem; color:var(--text2); margin-top:.6rem; line-height:1.4}
.makeup{max-width:880px; margin:1.4rem auto 0; background:var(--navy3); color:#fff; border-radius:16px; padding:34px 36px; text-align:center}
.makeup .ta-l{font-size:.66rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-lite)}
.makeup .ta{font-family:var(--serif); font-size:2.1rem; font-weight:600; color:#fff; margin:.3rem 0 1rem}
.makeup p{color:rgba(255,255,255,.82); max-width:660px; margin:.6rem auto 0; font-size:1rem; line-height:1.65}
.makeup p b{color:var(--gold-lite)}
.makeup-split{display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:1.6rem; border-top:1px solid rgba(255,255,255,.14); text-align:left}
@media(max-width:600px){.makeup-split{grid-template-columns:1fr}}
.makeup-split > div{padding:18px 22px}
.makeup-split > div:first-child{border-right:1px solid rgba(255,255,255,.14)}
@media(max-width:600px){.makeup-split > div:first-child{border-right:none; border-bottom:1px solid rgba(255,255,255,.14)}}
.makeup-split .ms-l{font-size:.62rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:.4rem; color:var(--gold-lite)}
.makeup-split p{margin:0; max-width:none; font-size:.92rem; color:rgba(255,255,255,.8); line-height:1.55}
.dyn{display:grid; gap:10px; max-width:940px; margin:1.4rem auto 0}
.dyn-row{display:grid; grid-template-columns:188px 1fr; gap:20px; align-items:start; background:var(--white); border:1px solid var(--border); border-radius:12px; padding:17px 22px}
@media(max-width:640px){.dyn-row{grid-template-columns:1fr; gap:8px}}
.dyn-l .dp{font-weight:600; color:var(--navy); font-size:.96rem}
.dyn-l .dt{display:inline-block; margin-top:.45rem; font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:3px 10px; border-radius:999px}
.dt.collision{color:#fff; background:var(--focus)}
.dt.friction{color:#3a2a12; background:var(--gold-lite)}
.dt.fit{color:var(--strength); background:var(--strength-bg)}
.dyn-desc{font-size:.93rem; color:var(--text2); line-height:1.55}
.dyn-desc b{color:var(--navy)}
.commx{max-width:940px; margin:1.4rem auto 0; display:grid; gap:8px}
.commx-row{display:grid; grid-template-columns:148px 116px 1fr; gap:16px; align-items:center; background:var(--white); border:1px solid var(--border); border-radius:11px; padding:13px 20px}
@media(max-width:640px){.commx-row{grid-template-columns:1fr; gap:4px}}
.commx-head{background:transparent; border:none; padding:2px 20px; font-size:.62rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--text3)}
.commx-row .cxn{font-weight:600; color:var(--navy); font-size:.9rem}
.commx-row .cxc{font-family:var(--serif); font-size:1.02rem; color:var(--gold); font-weight:600}
.commx-row .cxd{font-size:.88rem; color:var(--text2); line-height:1.45}
.radar{max-width:880px; margin:1.4rem auto 0; display:grid; gap:13px}
.radar-row{display:grid; grid-template-columns:172px 1fr 96px; gap:16px; align-items:center}
@media(max-width:640px){.radar-row{grid-template-columns:120px 1fr 78px; gap:10px}}
.radar-row .rn{font-weight:600; color:var(--navy); font-size:.9rem}
.radar-row .rn small{display:block; font-weight:400; color:var(--text3); font-size:.72rem; margin-top:.1rem}
.radar-bar{height:9px; background:#E7DEC9; border-radius:99px; overflow:hidden}
.radar-bar span{display:block; height:100%; border-radius:99px}
.radar-bar span.high{background:var(--focus)} .radar-bar span.elev{background:var(--watch)} .radar-bar span.modr{background:var(--gold2)} .radar-bar span.lowr{background:var(--strength)}
.radar-lvl{font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; text-align:right; color:var(--text2)}