:root{--navy:#1d2c47;--ink:#243b60;--muted:#52647e;--pink:#c33257;--pink-light:#ff97b6;--pale:#edf3fc;--line:#d8e1ee;--white:#fff;--display:'Bricolage Grotesque',system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:1rem/1.65 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.12;letter-spacing:-.035em}h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:800}h3{font-size:1.25rem;letter-spacing:-.02em}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}section[id]{scroll-margin-top:80px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.section{padding:96px 0}.pale{background:var(--pale)}.eyebrow{font:500 .875rem/1.5 var(--mono);letter-spacing:.065em;text-transform:uppercase;color:var(--pink);margin-bottom:20px}.eyebrow.light{color:var(--pink-light)}.small-text{font-size:.875rem;line-height:1.65}.text-link,.text-button{font-weight:700;color:var(--ink)}.text-button{border:0;background:transparent;padding:8px 0;text-decoration:underline}.light-link{color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:44px}.section-heading>div{min-width:0}.section-intro{color:var(--muted);font-size:1.0625rem;max-width:420px}.section-heading .section-intro{padding-bottom:3px}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;min-height:52px;padding:15px 23px;border:1px solid transparent;border-radius:8px;color:white;background:var(--pink);text-decoration:none;font-size:1rem;line-height:1.3;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#a52749;transform:translateY(-2px)}.button>span{margin-left:auto;font-size:1.25rem}.button.small{font-size:.875rem;min-height:44px;padding:11px 18px}.button.full{width:100%}.button.outline{border-color:var(--ink);color:var(--ink);background:transparent}.button.outline:hover{background:#dce7f8}.button.white{background:white;color:var(--navy)}.button.white:hover{background:var(--pale)}.skip{position:absolute;top:-90px;left:20px;z-index:200;background:#fff;color:var(--navy);padding:12px}.skip:focus{top:10px}
.nav{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}.nav-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;text-decoration:none;font-family:var(--display);font-size:1.65rem;font-weight:800;letter-spacing:-.05em;gap:9px}.brand img{flex:none}.brand-period{color:var(--pink);margin-left:-9px}.nav-links{display:flex;gap:30px;font-size:.875rem;font-weight:700}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--pink)}
.hero{background:var(--navy);color:#fff;padding:72px 0 66px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hero h1{font-size:clamp(3.4rem,5.7vw,5.2rem);line-height:1.02;letter-spacing:-.05em}.hero h1 span{color:var(--pink-light)}.hero-lede{font-size:1.25rem;line-height:1.5;max-width:440px;margin-top:25px}.hero-description{margin-top:14px;color:#cbd8eb;max-width:460px}.hero-description strong{color:#fff}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}.actions .text-link{font-size:.875rem}.hero-note{font-size:.875rem;color:#bdcce2;margin-top:23px}.hero-visual{min-width:0;border-top:1px solid #52637e}.visual-top{display:flex;justify-content:space-between;gap:20px;padding-top:17px;font:400 .75rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.045em;color:#bdcce2}.promise{padding:38px 0 30px}.promise-label{color:#cbd8eb;font-size:.875rem}.promise strong{display:block;font-family:var(--display);font-size:clamp(3.8rem,6.8vw,6.3rem);line-height:1.2;letter-spacing:-.065em;font-weight:800}.promise strong>span{font-size:.45em;color:var(--pink-light);vertical-align:super}.promise p{color:#cbd8eb;font-size:.9375rem;margin-top:7px}.console{background:#14213a;border:1px solid #4a5b75;border-radius:10px;overflow:hidden;box-shadow:0 16px 45px #101d3440}.console img{width:100%;height:auto}.console figcaption{font-size:.75rem;padding:10px 14px;color:#cbd8eb}.visual-note{font-size:.75rem;line-height:1.7;color:#bdcce2;margin-top:20px;max-width:520px}
.partners{padding:46px 0 36px;background:var(--pale);border-bottom:1px solid var(--line)}.partner-intro{display:flex;gap:50px;align-items:start;justify-content:space-between}.partner-intro h2{font-size:1.5rem;max-width:300px}.partner-intro>p{font-size:.9375rem;color:var(--muted);max-width:650px}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:36px}.partner-grid>div{display:flex;align-items:center;gap:24px}.partner-grid img{width:130px;max-height:42px;object-fit:contain}.partner-grid p{font-size:.8125rem;color:var(--muted);line-height:1.5}.backing-note{font-size:.75rem;color:var(--muted);border-top:1px solid #c7d5e9;padding-top:20px;margin-top:28px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.process{border-top:1px solid var(--line);padding-top:20px}.step{font:400 .875rem var(--mono);color:var(--pink)}.process h3{margin:25px 0 12px}.process p{color:var(--muted)}.recovery{display:grid;grid-template-columns:1.05fr 1fr 1fr;background:var(--navy);color:#fff;border-radius:12px;margin-top:46px;padding:36px;gap:30px}.recovery-intro h3{font-size:1.7rem;margin-bottom:15px}.recovery-intro p:last-child{font-size:.875rem;color:#bdcce2}.milestone{border-left:1px solid #485a78;padding-left:28px}.milestone>span{font-size:.875rem;color:#bdcce2}.milestone strong{display:block;font:800 clamp(2.2rem,3.3vw,3.3rem)/1.2 var(--display);letter-spacing:-.05em;margin:20px 0 16px;color:var(--pink-light)}.milestone p{font-size:.9375rem;color:#d3dff0}.timeline-foot{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:23px;border-top:1px solid #485a78;font-size:.8125rem;color:#bdcce2}.timeline-foot strong{color:#fff}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-grid article{background:#fff;border:1px solid var(--line);padding:26px;border-radius:8px}.platform-grid img,.platform-monogram{height:40px;width:40px;object-fit:contain;margin-bottom:22px}.platform-monogram{display:flex;align-items:center;justify-content:center;background:var(--pale);font-family:var(--display);font-weight:800;border-radius:6px}.platform-grid h3{margin-bottom:8px}.platform-grid p{font-size:.9375rem;color:var(--muted)}details summary{position:relative;list-style:none;cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 36px 18px 0;font-weight:700;line-height:1.5}details summary::-webkit-details-marker{display:none}details summary::after{content:'+';position:absolute;right:2px;font:400 1.4rem var(--body)}details[open]>summary::after{content:'−'}details>p{padding:0 25px 22px 0;color:var(--muted)}.roadmap{border-bottom:1px solid #c7d5e9;margin-top:17px}.roadmap summary{font-size:.9375rem}.roadmap p{font-size:.9375rem}.eligibility{display:grid;grid-template-columns:.8fr 1.5fr;gap:60px;margin-top:50px;padding-top:45px;border-top:1px solid #c7d5e9}.eligibility h3{font-size:1.8rem;margin-bottom:20px}.eligibility .text-link{font-size:.875rem}.eligibility-copy p{margin-bottom:16px;color:var(--muted)}.eligibility-copy strong{color:var(--ink)}.eligibility-copy p:last-child{margin-bottom:0;padding:16px 18px;background:#fff;border-left:3px solid var(--pink)}
.offer-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:start}.offer-copy .section-intro{margin-top:25px}.benefits{margin-top:30px}.benefits details{border-bottom:1px solid var(--line)}.benefits details p{font-size:.9375rem}.price-card{border:1px solid #a9bcd6;border-top:5px solid var(--pink);box-shadow:0 15px 50px #223d6510;border-radius:10px;padding:30px;background:#fff}.price-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.price-top h3{font-size:1.125rem}.price-top>span{font-size:.75rem;color:var(--pink);font-weight:700}.price{font:800 5.5rem/1.15 var(--display);letter-spacing:-.06em;margin-top:22px}.price>span{font:400 1.125rem var(--body);letter-spacing:normal;color:var(--muted);margin-left:9px}.price-sub{font-size:.875rem;color:var(--muted)}.rate-lock{font-size:.9375rem;margin:21px 0}.purchase-note{font-size:.8125rem;color:var(--muted);margin:14px 0 24px}.price-ladder{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;gap:12px;margin-bottom:14px}.price-ladder div{display:flex;flex-direction:column;font-size:.75rem;color:var(--muted)}.price-ladder strong{font:800 1.65rem/1.5 var(--display)}.price-ladder small{font-size:.75rem}.price-ladder .current{color:var(--pink)}.price-card>.small-text{font-size:.75rem;color:var(--muted)}.refund{margin-top:23px;background:var(--pale);border-radius:6px;padding:17px;font-size:.875rem}.refund p{margin-top:7px;color:var(--muted);font-size:.8125rem}.agreement-link{display:inline-block;font-size:.8125rem;font-weight:700;margin-top:18px}.siren{border:1px solid var(--line);padding:30px;margin-top:48px;border-radius:10px;display:flex;align-items:center;gap:40px;justify-content:space-between}.siren>div{max-width:660px}.siren .eyebrow{margin-bottom:10px}.siren h3{font-size:1.5rem;margin-bottom:10px}.siren p:last-child{font-size:.9375rem;color:var(--muted)}.siren .button{flex-shrink:0;font-size:.875rem}
.launch-strip{background:var(--navy);color:#fff;padding:48px 0}.launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.launch-grid>div{border-top:1px solid #596980;padding-top:24px}.launch-grid span{font:400 .875rem var(--mono);color:var(--pink-light)}.launch-grid h3{margin:15px 0 12px}.launch-grid p{color:#cbd8eb;font-size:.9375rem}.team-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.founder-story>p:not(.eyebrow){margin-top:23px;color:var(--muted)}.founder-story .story-signature{font-family:var(--display);font-weight:800;color:var(--ink)}.story-signature span{display:block;font:400 .875rem var(--body);margin-top:3px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 28px}.person img{width:90px;height:90px;object-fit:cover;border-radius:8px;margin-bottom:18px}.person h3{font-size:1.0625rem}.person h3 a{text-decoration:none}.person h3 a:hover{text-decoration:underline}.person>span{font-size:.8125rem;color:var(--pink)}.person>p{font-size:.875rem;line-height:1.6;margin-top:10px;color:var(--muted)}.person.advisor{border-top:1px solid var(--line);padding-top:22px}.person.advisor img{width:64px;height:64px}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-layout h2{margin-bottom:24px}.faq-layout>div>p:last-child{color:var(--muted)}.faq details{border-bottom:1px solid #c7d5e9}.faq details:first-child{border-top:1px solid #c7d5e9}.faq details p{font-size:.9375rem}.faq .text-button{margin-bottom:15px}.stories .section-heading{margin-bottom:25px}.stories .button{margin-top:25px}.reported{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:28px}.case-grid article{padding:22px;background:var(--pale);border-radius:8px}.case-grid .case-category{font-size:.75rem;color:var(--pink);text-transform:uppercase;letter-spacing:.05em}.case-grid h3{font-size:1.7rem;margin:12px 0}.case-grid h4{font-size:.9375rem;line-height:1.5;margin:0 0 18px}.case-grid p{font-size:.875rem;margin:12px 0}.case-grid a{font-size:.8125rem;font-weight:700}
.final{background:#ae2d50;color:white;padding:72px 0}.final .eyebrow{color:#ffdeea}.final-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.final h2{font-size:clamp(2.5rem,4vw,3.5rem)}.final .button{margin:26px 0 17px}.capture{border-left:1px solid #d87993;padding-left:45px}.capture h3{font-size:1.5rem;margin-bottom:16px}.capture>p{font-size:.9375rem}.capture form{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.capture input[type=email]{min-width:0;width:100%;border:1px solid #fff;border-radius:6px;padding:13px;background:white;color:var(--ink)}.capture button{background:var(--navy);color:white;border:0;border-radius:6px;padding:12px 20px;min-height:48px;font-weight:700}.capture>.small-text{font-size:.75rem;margin-top:14px}.footer{background:#14213a;color:#c1cee2;padding:38px 0}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.footer-top>a:not(.brand){font-size:.875rem}.footer .brand{color:#fff}.footer-links{display:flex;gap:20px;font-size:.8125rem}.fine{font-size:.75rem;line-height:1.8;margin-top:15px}
dialog{border:1px solid var(--line);border-radius:12px;padding:38px;width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);background:white;box-shadow:0 20px 70px #101d3460}dialog::backdrop{background:#14213acc}dialog h2{font-size:2rem;margin-bottom:17px}dialog>p:not(.eyebrow){color:var(--muted);font-size:.9375rem}.dialog-close{position:absolute;right:14px;top:10px;background:transparent;border:0;color:var(--ink);width:44px;height:44px;font-size:1.8rem}dialog form{margin-top:22px}.fl{display:block;margin:16px 0;font-size:.9375rem;font-weight:700}.fl input,.fl select,.fl textarea{display:block;width:100%;padding:11px 12px;border:1px solid #a3b4cd;border-radius:5px;margin-top:6px;background:#fff;color:var(--ink);font-weight:400}.fl textarea{resize:vertical}.cb{display:flex;gap:12px;align-items:start;font-size:.875rem;margin:16px 0}.cb input{margin-top:5px;flex:none;width:18px;height:18px}.btn-tier{display:block;background:var(--pink);border:0;border-radius:6px;color:white;padding:13px 20px;min-height:48px;width:100%;font-weight:700}.sfoot{font-size:.8125rem;color:var(--muted);margin-top:14px}.hp{display:none!important}.form-status{width:100%;margin-top:13px;font-size:.875rem;line-height:1.5}.form-status:empty{display:none}button:disabled{opacity:.65;cursor:wait}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{padding:85px 0}.wrap{width:min(1280px,calc(100% - 120px))}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:35px}.nav-links{gap:20px}.partner-grid{gap:28px}.partner-grid>div{display:block}.partner-grid p{margin-top:14px}.offer-grid,.team-layout,.faq-layout{gap:45px}.recovery{padding:28px;gap:24px}.milestone{padding-left:20px}.siren .button{max-width:240px}.footer-top{flex-wrap:wrap}.footer-links{margin-left:auto}.final-grid{gap:45px}}
@media(max-width:800px){.section{padding:65px 0}.nav-links{display:none}.hero-grid{grid-template-columns:1fr;gap:44px}.hero h1{font-size:clamp(3.4rem,9vw,4.8rem)}.hero h1 br:last-of-type{display:none}.hero-lede,.hero-description{max-width:580px}.hero-visual{max-width:620px;width:100%}.promise strong{font-size:5rem}.console{max-width:100%}.hero-visual .promise{padding-top:25px}.hero{padding-top:48px}.section-heading{display:block}.section-heading .section-intro{margin-top:23px;max-width:600px}.partner-intro{display:block}.partner-intro>p{margin-top:15px}.process-grid{gap:24px}.process h3{font-size:1.125rem}.process p{font-size:.9375rem}.recovery{grid-template-columns:1fr 1fr}.recovery-intro{grid-column:1/-1}.recovery-intro h3 br{display:none}.milestone{border-left:0;border-top:1px solid #485a78;padding:22px 0 0}.timeline-foot{grid-template-columns:1fr;gap:13px}.platform-grid{grid-template-columns:repeat(2,1fr)}.eligibility{grid-template-columns:1fr;gap:27px}.eligibility h3 br{display:none}.offer-grid,.team-layout,.faq-layout,.final-grid{grid-template-columns:1fr;gap:36px}.offer-copy .section-intro{max-width:650px}.price-card{max-width:580px;width:100%}.siren{align-items:start;flex-direction:column;gap:25px}.siren .button{max-width:none}.launch-grid{gap:25px}.launch-grid p{font-size:.875rem}.team-layout{gap:42px}.founder-story{max-width:650px}.person img{width:110px;height:110px}.faq-layout h2 br{display:none}.capture{border-left:0;border-top:1px solid #d87993;padding-left:0;padding-top:30px;max-width:500px}.case-grid{grid-template-columns:1fr 1fr}.footer-links{margin:0;flex-wrap:wrap}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.nav-inner{min-height:72px;gap:12px}.brand{font-size:1.4rem}.brand img{width:25px;height:29px}.nav .button{font-size:.75rem;padding:10px 12px;max-width:180px;gap:9px}.hero h1{font-size:3.5rem}.hero h1 br:last-of-type{display:initial}.hero-lede{font-size:1.125rem}.hero-description{font-size:1rem}.hero .actions .button{width:100%;font-size:.9375rem}.visual-top{font-size:.75rem;gap:10px}.visual-top>span:last-child{display:none}.promise strong{font-size:4.6rem}.partner-grid{gap:18px}.partner-grid img{width:100%;max-width:110px;height:32px}.partner-grid p{font-size:.75rem}.partner-grid p br{display:none}.process-grid{grid-template-columns:1fr;gap:25px}.process{padding-top:18px}.process h3{margin-top:10px;font-size:1.25rem}.process p{font-size:1rem}.recovery{padding:24px;grid-template-columns:1fr;gap:20px}.milestone strong{font-size:3rem;margin:10px 0}.timeline-foot{grid-column:auto}.platform-grid{gap:10px}.platform-grid article{padding:19px}.platform-grid h3{font-size:1.125rem}.platform-grid p{font-size:.875rem}.section-heading{margin-bottom:30px}.price-card{padding:25px}.price-top{gap:12px}.price-top>span{max-width:90px;line-height:1.5}.price{font-size:5rem}.siren{padding:24px}.launch-grid{grid-template-columns:1fr;gap:24px}.launch-grid h3{margin:10px 0}.people-grid{gap:28px 20px}.person h3{font-size:1rem}.person>span{font-size:.75rem}.case-grid{grid-template-columns:1fr}.final{padding:58px 0}.final h2{font-size:2.6rem}.footer-top{align-items:start;flex-direction:column;gap:20px}dialog{padding:28px 24px}.dialog-close{right:6px;top:5px}dialog h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* v7.8 additions */
.partner-grid a{display:inline-flex;align-items:center}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:34px 0 44px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat-row div{display:flex;flex-direction:column;gap:4px}
.stat-row strong{font-family:var(--display,inherit);font-size:2rem;line-height:1;letter-spacing:-.02em;color:var(--ink,#2e446a)}
.stat-row span{font-size:.9rem;color:var(--muted,#5b6a86);line-height:1.4}
.stat-row small{font-family:var(--mono,monospace);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5b6a86);margin-top:4px}
@media (max-width:760px){.stat-row{grid-template-columns:repeat(3,1fr);gap:10px}.stat-row strong{font-size:1.35rem}.stat-row span{font-size:.75rem}.stat-row small{font-size:.6rem}}

.board-note{grid-column:1/-1;margin-top:44px;padding:20px 24px;border:1px solid var(--line);border-left:3px solid var(--pink);border-radius:8px;background:var(--pale)}
.board-note p{font-size:.9375rem;color:var(--muted);margin:0}
.board-note strong{color:var(--ink)}
.board-note a{font-weight:700;color:var(--ink)}

/* hero word rotation (v8.2) */
.hero h1 .rotate{display:inline-block;transition:opacity .28s ease,transform .28s ease;will-change:transform,opacity}
.hero h1 .rotate.out{opacity:0;transform:translateY(.35em)}
.hero h1 .rotate.in{opacity:0;transform:translateY(-.35em);transition:none}
@media(prefers-reduced-motion:reduce){.hero h1 .rotate{transition:none!important}}
.platform-grid h3 a{color:inherit;text-decoration:none}.platform-grid h3 a:hover{text-decoration:underline;text-underline-offset:4px}


/* ============ v8.4 · frequency band, reported feed, lockout callout ============ */
.freq{background:var(--navy);color:#fff;padding:70px 0}
.freq-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}
.freq-clock{font:500 .75rem/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--pink-light);display:flex;align-items:center;gap:10px;margin-bottom:22px}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--pink-light);flex:none;animation:sbpulse 3.85s infinite}
@keyframes sbpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.freq h2{font-size:clamp(2.4rem,4.4vw,3.6rem);line-height:1.05;letter-spacing:-.05em}
.freq h2 em{font-style:normal;color:var(--pink-light)}
.freq-sub{color:#cbd8eb;margin-top:20px;max-width:480px;font-size:1.0625rem}
.freq-math{border-left:1px solid #52637e;padding-left:34px}
.freq-math .lbl{font:500 .75rem/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#bdcce2;margin-bottom:18px}
.mathrow{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #3c4d68;font-size:.9375rem}
.mathrow:last-of-type{border-bottom:0}
.mathrow span{color:#cbd8eb}
.mathrow strong{font-family:var(--display);font-size:1.15rem;letter-spacing:-.02em}
.mathrow.total strong{color:var(--pink-light);font-size:1.5rem}
.freq-src{font-size:.75rem;line-height:1.7;color:#bdcce2;margin-top:20px}
.freq-src a{color:#fff}
.counter{font-family:var(--display);font-weight:800;font-size:clamp(3.6rem,7vw,5.6rem);line-height:1;letter-spacing:-.06em;color:#fff;margin-top:26px;font-variant-numeric:tabular-nums}
.counter-lbl{font:500 .8125rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#bdcce2;margin-top:12px}

.picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.pchip{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;transition:.15s}
.pchip:hover{border-color:#9db2d2}
.pchip[aria-pressed="true"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.pchip img{width:24px;height:24px;object-fit:contain;filter:grayscale(1);opacity:.45;transition:.15s}
.pchip[aria-pressed="true"] img,.pchip:hover img{filter:none;opacity:1}
.pchip .mono{font:800 .8125rem var(--display);color:var(--muted)}
.pchip[aria-pressed="true"] .mono,.pchip:hover .mono{color:var(--ink)}
.pchip.roadmap img,.pchip.roadmap .mono{opacity:.3}
.pchip.roadmap[aria-pressed="true"] img,.pchip.roadmap[aria-pressed="true"] .mono{opacity:1}
.kinds{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.kchip{border:1px solid var(--line);background:#fff;border-radius:100px;padding:7px 15px;min-height:36px;font:700 .8125rem var(--body);color:var(--muted);cursor:pointer;transition:.15s}
.kchip:hover{border-color:#9db2d2;color:var(--ink)}
.kchip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.feed-shell{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.feed-bar{display:flex;align-items:center;gap:16px;padding:13px 22px;border-bottom:1px solid var(--line);background:var(--pale);font:500 .75rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.feed-bar .live{color:var(--pink)}
.feed-hint{margin-left:auto;opacity:.75}
.feed{height:600px;overflow-y:auto;overscroll-behavior:contain;position:relative;scrollbar-width:thin}
.feed::-webkit-scrollbar{width:10px}
.feed::-webkit-scrollbar-thumb{background:#c6d3e6;border-radius:6px;border:3px solid #fff}
.item{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:20px 24px;border-bottom:1px solid var(--line);text-decoration:none}
.item:last-child{border-bottom:0}
.item:hover{background:var(--pale)}
.item-logo{width:30px;height:30px;object-fit:contain;margin-top:3px;flex:none}
.item-logo.mono{display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;border-radius:7px;font:800 .75rem var(--display)}
.item-body h4{font:800 1.0625rem/1.35 var(--display);letter-spacing:-.025em;margin:0 0 7px}
.item-body p{font-size:.9375rem;color:var(--muted);margin:0 0 10px;line-height:1.6}
.item-src{font:500 .6875rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.item-src .ext{font-size:.8125rem;opacity:.85}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.feed-empty{padding:44px 24px;color:var(--muted);font-size:.9375rem}
.feed-empty strong{display:block;color:var(--ink);font-family:var(--display);font-size:1.0625rem;margin-bottom:8px}
.feed-empty p{margin:0}
.feed-foot{padding:15px 22px;font-size:.75rem;color:var(--muted);background:var(--pale);border-top:1px solid var(--line)}
.reported{border-top:1px solid var(--line);padding-top:28px}
.disclaimer{font-size:.8125rem;color:var(--muted);margin-bottom:24px}
.case-grid article{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.case-grid a{margin-top:auto;padding-top:12px}

@media(max-width:900px){
 .freq{padding:56px 0}
 .freq-grid{grid-template-columns:1fr;gap:40px}
 .freq-math{border-left:0;border-top:1px solid #52637e;padding-left:0;padding-top:28px}
 .feed{height:480px}
 .item{grid-template-columns:1fr;gap:10px}
 .item-plat{justify-self:start}
 .item-meta{text-align:left}
}
@media(prefers-reduced-motion:reduce){.pulse{animation:none}}


/* ============ v8.5 ============ */
.picker{align-items:stretch}
.askstory{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:26px;padding:26px 30px;border:1px solid var(--line);border-left:3px solid var(--pink);border-radius:10px;background:#fff}
.askstory>div{max-width:660px}
.askstory .eyebrow{margin-bottom:9px}
.askstory h3{font-size:1.35rem;margin-bottom:8px}
.askstory p:last-child{font-size:.9375rem;color:var(--muted)}
.askstory .button{flex-shrink:0;font-size:.875rem}
.ladder-block{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.ladder-lbl{font:500 .6875rem/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.price-ladder{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;border:0;padding:0;margin-bottom:12px;gap:10px}
.price-ladder .arrow{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.1rem;opacity:.6}
.price-ladder strong{font-size:1.5rem}
.ladder-block .small-text{font-size:.75rem;color:var(--muted)}
@media(max-width:900px){
 .askstory{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}
 .pchip{min-width:88px;flex:1 1 88px;padding:13px 8px 11px}
 .pchip .pmark{width:30px;height:30px}
 .pchip .plabel{font-size:.75rem}
}

.ticker-bar{position:fixed;left:0;right:0;top:0;z-index:29;background:var(--navy);color:#fff;transform:translateY(-100%);transition:transform .25s;font-size:.875rem}
.ticker-bar.on{transform:translateY(0)}
.ticker-bar .wrap{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0}
.ticker-bar strong{font-family:var(--display);font-size:1.15rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ticker-x{margin-left:auto;background:transparent;border:0;color:#bdcce2;font-size:1.4rem;width:36px;height:36px}
@media(max-width:520px){.ticker-bar{font-size:.75rem}.ticker-bar strong{font-size:1rem}}


/* ============ v9.0 ============ */
.hero-backed{border-top:1px solid #52637e;padding-top:20px;margin-top:4px;margin-bottom:26px}
.hp-lbl{font:500 .75rem/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#bdcce2;display:block;margin-bottom:14px}
.hp-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hp-row img{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}
.hp-mono{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#2c3d5a;border-radius:8px;font:800 .8125rem var(--display);color:#cbd8eb}
.hp-more{font:500 .75rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#bdcce2;text-decoration:none;margin-left:4px}
.hp-more:hover{color:#fff}
.partners{padding:34px 0 30px}
.partner-lead{font-size:1.0625rem;color:var(--muted);margin-bottom:26px;max-width:640px}
.partner-lead strong{color:var(--ink)}
.freq{padding:78px 0 66px}
.counter-wrap{display:flex;align-items:baseline;gap:16px;margin-top:26px;flex-wrap:wrap}
.counter{margin-top:0;font-size:clamp(3rem,5.5vw,4.4rem)}
.counter-lbl{margin-top:0;max-width:200px;line-height:1.4}
.freq-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:52px;padding-top:32px;border-top:1px solid #52637e}
.freq-stats div{display:flex;flex-direction:column;gap:5px}
.freq-stats strong{font-family:var(--display);font-weight:800;font-size:2.1rem;line-height:1;letter-spacing:-.03em;color:var(--pink-light)}
.freq-stats span{font-size:.9375rem;color:#cbd8eb;line-height:1.45}
.freq-stats small{font:500 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9fb3d0;margin-top:3px}
@media(max-width:900px){
 .picker{grid-template-columns:repeat(4,1fr)}
 .freq-stats{grid-template-columns:1fr;gap:22px;margin-top:38px}
 .feed{height:560px}
 .item{grid-template-columns:auto 1fr;gap:14px}
 .item-meta{grid-column:2;text-align:left;max-width:none;margin-top:8px}
 .item-loss{font-size:1rem}
 .counter-lbl{max-width:none}
}
@media(max-width:520px){
 .picker{grid-template-columns:repeat(3,1fr)}
 .hp-row{gap:10px}
}


/* ============ v10 ============ */
.hb-lbl{font:500 .75rem/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#bdcce2;display:block;margin-bottom:14px}
.hb-row{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hb-row img{height:26px;width:auto;max-width:118px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}
.hb-more{display:inline-block;margin-top:15px;font:500 .75rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#bdcce2;text-decoration:none}
.hb-more:hover{color:#fff}
.freq-stats{grid-template-columns:repeat(4,1fr);gap:26px}
.freq-stats sup{font-size:.6em;vertical-align:super;color:#9fb3d0;margin-left:2px}
.freq-cites{font-size:.75rem;line-height:1.9;color:#9fb3d0;margin-top:24px}
.freq-cites sup{color:#cbd8eb}
.freq-src sup{color:#cbd8eb;font-size:.7em}
@media(max-width:900px){
 .freq-stats{grid-template-columns:1fr 1fr;gap:24px 20px}
 .feed{height:560px}
 .item{padding:18px 18px}
 .hb-row{gap:18px}
 .hb-row img{height:22px}
}
@media(max-width:520px){
 .freq-stats{grid-template-columns:1fr}
 .item-body h4{font-size:1rem}
}

/* v11: clearer offer, responsive console, compact manual story browsing. */
.hero-visual .promise {padding-bottom:20px}
.promise .up-to {display:block;font-size:16px;line-height:1.5;font-weight:600;letter-spacing:0;color:inherit}
.hero-visual .promise>strong {font-size:clamp(48px,6vw,78px);line-height:1.08}
.hero-visual .promise>p {font-size:14px;line-height:1.5}
.hero-backed {padding:20px 0 4px;margin-top:0;border-top:0}
.hero-backed .hb-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.hb-row>div {display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.hb-row>div>img {width:auto;height:24px;max-width:100%;object-fit:contain;object-position:left}
.hb-row>div>span {font-size:12px;line-height:1.5;color:#cbd5e1}
.hero-backed .hb-more {display:inline-block;margin-top:14px;font-size:14px}
.console-live {margin:0;overflow:visible;border:0;background:none;box-shadow:none;transform:none}
.console-live figcaption {position:static;padding:12px 0 0;font-size:12px;line-height:1.5;color:#cbd5e1;background:none}
.console-ui {border:1px solid #526079;border-radius:18px;overflow:hidden;background:#202e45;color:#f3f6fc;text-align:left}
.console-ui-top {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #44516a}
.console-ui-top strong {font-size:22px;letter-spacing:-.5px}.console-ui-top strong span{color:#ed4377}
.console-ui-top>span,.console-meta {font-size:12px;line-height:1.5;color:#c3cede;letter-spacing:.04em}
.console-ui-accounts {padding:4px 20px}
.console-ui-accounts>div {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #44516a;font-size:14px;line-height:1.5}
.console-ui-accounts b {font-size:12px;font-weight:500;color:#85e1dc;text-align:right}.console-ui-accounts .case-tag{color:#ffb2cc}
.console-ui-case {padding:20px}.console-ui-case h3 {font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:10px 0}
.console-ui-case>p {font-size:14px;line-height:1.6;color:#dae2ef;margin:0}
.console-progress {height:6px;border-radius:4px;background:#45516a;margin:22px 0 16px;overflow:hidden}.console-progress>span{display:block;background:#ed4377;width:14.3%;height:100%}
.console-ui-milestones {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.console-ui-milestones>div {display:flex;flex-direction:column;gap:6px}.console-ui-milestones span{font-size:12px;color:#c3cede}.console-ui-milestones strong{font-size:25px;line-height:1.3}
.console-ui-case .console-terms {font-size:12px;line-height:1.5;margin-top:16px;color:#c3cede}
.consequences {padding:56px 0 8px}.consequences h2 {font-size:clamp(28px,3.3vw,42px);line-height:1.15;letter-spacing:-1px;margin:12px 0 28px}
.consequence-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.consequence-grid article{border-top:2px solid #e74376;padding-top:18px}
.consequence-grid h3{font-size:22px;margin:0 0 10px}.consequence-grid p{font-size:16px;line-height:1.65;margin:0;color:#526078}
.source-scope,.business-context {font-size:13px;line-height:1.6;color:#526078}
.source-scope {margin:12px 0 18px}.business-context{margin:0;padding:16px 22px;border-top:1px solid #e1e6ec;background:#f5f7fa}
.business-context strong{color:#192842}.source-scope a,.business-context a{text-decoration:underline;text-underline-offset:3px}
#reported-feed .feed {height:auto;max-height:none;overflow:visible;overscroll-behavior:auto}
#reported-feed .feed.is-expanded {height:auto;max-height:600px;overflow-y:auto;overscroll-behavior:auto}
#reported-feed .stories-more {display:table;margin:20px auto 0}
#reported-feed .stories-more[hidden] {display:none}
#reported-feed .picker .pchip {width:46px;height:46px;min-width:46px;flex:0 0 46px;padding:0;display:flex;align-items:center;justify-content:center}
#reported-feed .picker {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}
#reported-feed .picker .pchip img{width:26px;height:26px}
.reset-filter {text-decoration:underline;text-underline-offset:3px}
.agency-section {background:#f5f7fa}.agency-section .siren{margin:0;border:0;background:none;padding:0;align-items:center}
.agency-section ul {padding-left:20px;margin:18px 0}.agency-section li{font-size:16px;line-height:1.6;margin:7px 0}
.agency-actions {display:flex;flex-direction:column;gap:18px;flex-shrink:0}.agency-actions .text-link{font-size:14px}
#who-pays,#agencies {scroll-margin-top:100px}
:focus-visible {outline:3px solid #d52762;outline-offset:4px}
@media(max-width:900px){
 .hero-backed .hb-row{gap:12px}.consequence-grid{gap:20px}
 #reported-feed .feed.is-expanded{max-height:50vh;max-height:50svh}
 .agency-actions{align-items:flex-start}
}
@media(max-width:600px){
 .consequences{padding-top:36px}.consequence-grid{grid-template-columns:1fr;gap:24px}
 .consequence-grid article{padding-top:14px}.consequences h2{margin-bottom:24px}
 .hero-backed .hb-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hb-row>div>img{height:20px}
 .console-ui-top,.console-ui-case{padding:16px}.console-ui-accounts{padding:0 16px}
 .console-ui-accounts>div{flex-wrap:wrap;gap:6px}.console-ui-top>span{font-size:12px}
 .console-ui-case h3{font-size:22px}.console-ui-milestones{gap:10px}
 .agency-section .siren{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
 .business-context{padding:14px 16px}.nav-inner{gap:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#reported-feed .picker[hidden],#reported-feed .kinds[hidden]{display:none}
@media(max-width:800px){.nav-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.nav-links{display:flex;order:3;width:100%;justify-content:space-between;gap:12px;overflow-x:auto;font-size:13px}.nav-links a{white-space:nowrap}.nav-inner>.button{font-size:12px;padding:12px}.brand{font-size:24px}}


/* v10.2 */
.filter-lbl{font:500 .6875rem var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.kinds+.filter-lbl,.picker+.filter-lbl{margin-top:20px}
.filter-lbl+.picker,.filter-lbl+.kinds{margin-bottom:18px}
#stories-reset[hidden]{display:none!important}

/* ============ v10.3 · recovery-first hero, versus block, agency reframe ============ */
.hero h1 .then{color:#fff}
.hero h1 .rotate,.hero h1>span:not(.then){color:var(--pink-light)}
.hero-lede{font-size:1.3rem;line-height:1.42;font-weight:500}
.facts{margin-top:32px;border-top:1px solid #52637e;display:grid;grid-template-columns:repeat(2,1fr)}
.facts div{padding:17px 22px 17px 0;border-bottom:1px solid #3c4d68}
.facts div:nth-child(even){padding-left:26px;border-left:1px solid #3c4d68}
.facts dt{font:500 .75rem/1.5 var(--mono);letter-spacing:.05em;color:#bdcce2;margin-bottom:5px}
.facts dd{margin:0;font-size:.9375rem;line-height:1.45;color:#fff}
.facts dd b{font-family:var(--display);font-size:1.1rem;letter-spacing:-.02em}

.versus-title{max-width:840px}
.versus-lede{max-width:640px;margin-top:20px}
.siren ul{margin:16px 0 0;padding-left:20px;font-size:.9375rem;color:var(--muted)}
.siren ul li{margin-bottom:7px}

@media(max-width:900px){
}
@media(max-width:520px){
.facts{grid-template-columns:1fr}
.facts div:nth-child(even){padding-left:0;border-left:0}
.hero-lede{font-size:1.15rem}
}

/* ============ v10.4 · promise headline, recovery clock, console relocated ============ */
.hero-visual{border-top:0}
.hero h1{font-size:clamp(2.9rem,4.6vw,4.2rem)}
.hero h1 .then{color:var(--pink-light)}
.hero h1 .rotate,.hero h1>span:not(.then){color:#fff}
.soc-icons{display:flex;align-items:center;gap:8px;margin-top:9px}
.soc-icons img{width:21px;height:21px;object-fit:contain}
.soc-mono{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:4px;
background:#33455f;font:800 9px/1 var(--display);color:#cbd8eb;letter-spacing:0}

.clock{border:1px solid #4a5b75;border-radius:12px;padding:30px 32px;background:#16243c}
.clock-head{font:500 .75rem/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#bdcce2;
padding-bottom:20px;border-bottom:1px solid #3c4d68}
.cstage{display:grid;grid-template-columns:88px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid #3c4d68}
.cday{font:500 .8125rem/1.6 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--pink-light);padding-top:6px}
.cbody strong{display:block;font-family:var(--display);font-size:1.35rem;letter-spacing:-.03em;line-height:1.25}
.cbody strong.camt{font-size:clamp(2.3rem,3.4vw,3.1rem);font-weight:800;letter-spacing:-.05em}
.cbody p{color:#cbd8eb;font-size:.9375rem;margin-top:7px}
.clock .hero-backed{padding-top:22px}
.clock .visual-note{margin-top:16px}

.how-console{margin:52px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--pale)}
.how-console img{width:100%;height:auto}
.how-console figcaption{font-size:.8125rem;color:var(--muted);padding:14px 20px;border-top:1px solid var(--line);background:#fff}

@media(max-width:900px){
.cstage{grid-template-columns:70px 1fr;gap:16px}
.clock{padding:24px}
}
@media(max-width:520px){
.hero h1{font-size:2.7rem}
.cbody strong.camt{font-size:2.2rem}
}

/* ============ v10.6 · single-column hero, platform colours, feed always open ============ */
.hero .wrap{max-width:1080px}
.hero-copy{max-width:none}
.hero h1{font-size:clamp(2.9rem,6vw,5rem);max-width:16ch}
.hero h1 .then{color:var(--pink-light)}
.hero h1 .rotate{color:#ff97b6;transition:color .28s ease,opacity .28s ease,transform .28s ease}
.hero h1 .rotate[data-p="Instagram"],.hero h1 .rotate[data-fixed="Instagram"]{color:#fd9dc9}
.hero h1 .rotate[data-p="LinkedIn"], .hero h1 .rotate[data-fixed="LinkedIn"]{color:#6cb6f7}
.hero h1 .rotate[data-p="YouTube"],  .hero h1 .rotate[data-fixed="YouTube"]{color:#ff7a7a}
.hero h1 .rotate[data-p="Facebook"], .hero h1 .rotate[data-fixed="Facebook"]{color:#7db1ff}
.hero-lede{max-width:44ch;font-size:1.25rem;line-height:1.45;margin-top:26px}
.hero .actions{margin-top:30px}
.facts{margin-top:52px;grid-template-columns:repeat(4,1fr);border-top:1px solid #52637e;border-bottom:0}
.facts div{border-bottom:0;border-left:1px solid #3c4d68;padding:20px 24px 0 24px}
.facts div:first-child{border-left:0;padding-left:0}
.facts div:nth-child(even){padding-left:24px;border-left:1px solid #3c4d68}
.facts dd b{display:block;font-size:1.2rem;margin-bottom:5px}
.facts dd span{display:block;color:#bdcce2;font-size:.875rem;line-height:1.5}
.step-icons{margin-top:18px}
.process{display:flex;flex-direction:column}
.process p{flex:1}

@media(max-width:900px){
.hero h1{max-width:none}
.facts{grid-template-columns:repeat(2,1fr)}
.facts div:nth-child(3){border-left:0;padding-left:0}
.facts div{padding-top:22px}
}
@media(max-width:560px){
.facts{grid-template-columns:1fr}
.facts div,.facts div:nth-child(even){border-left:0;padding-left:0;border-top:1px solid #3c4d68;padding-top:18px}
.facts div:first-child{border-top:0}
.hero-lede{font-size:1.125rem}
}
/* v10.6 fix: .facts dd span was flattening the platform marks */
.facts dd span.soc-icons{display:flex;align-items:center;gap:8px;margin-top:10px}
.facts dd span.soc-icons img{display:block}
.facts dd span.soc-icons .soc-mono{display:flex;color:#cbd8eb;font-size:9px;line-height:1}
.hero h1{max-width:20ch}

/* ============ v10.7 · partner marks in the rail, segment-only filter ============ */
.facts dd span.soc-icons.partner-marks{gap:18px;margin-top:6px;flex-wrap:wrap}
.facts dd span.soc-icons.partner-marks img{width:auto;height:20px;max-width:104px;object-fit:contain;
filter:brightness(0) invert(1);opacity:.92}
.facts dd span br{display:block;content:""}
.kinds{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 26px}
.filter-lbl{font:500 .75rem/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.cancel-line{font-size:.8125rem;line-height:1.6;color:var(--muted);margin:18px 0 20px;
padding-top:16px;border-top:1px solid var(--line)}
.cancel-line strong{color:var(--ink)}
#how .process-grid{margin-bottom:0}
/* v10.7 fix: stack the partner marks so nothing wraps mid-row */
.facts dd span.soc-icons.partner-marks{flex-direction:column;align-items:flex-start;gap:11px;flex-wrap:nowrap;margin-top:4px}
.facts dd span.soc-icons.partner-marks img{height:17px;max-width:none}

/* ============ v10.8 · partner row, nav Hacked?, agency console ============ */
.facts dd span.soc-icons.partner-marks{flex-direction:row;align-items:center;gap:11px;flex-wrap:nowrap;margin-top:9px}
.facts dd span.soc-icons.partner-marks img{height:13px;width:auto;max-width:none}
.nav-hacked{border:1px solid var(--line);background:transparent;border-radius:20px;padding:7px 15px;
font-size:.8125rem;font-weight:700;color:var(--ink);min-height:auto}
.nav-hacked:hover{border-color:var(--pink);color:var(--pink)}
.agency-console{margin:0 0 44px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#14213a}
.agency-console img{width:100%;height:auto;display:block}
.agency-console figcaption{font-size:.8125rem;color:var(--muted);padding:14px 20px;background:#fff;
border-top:1px solid var(--line)}

/* ============ v10.9 · accessibility pass (HIG audit) ============ */

/* 1. Focus ring was #b82251 only: 2.25:1 on navy, 1.16:1 on the pink button,
      1.03:1 on the final CTA. Effectively invisible on three of four surfaces.
      Double ring: white inner is seen on dark, dark outer is seen on light. */
:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #14213a;border-radius:3px}
.pale :focus-visible,.section:not(.pale) :focus-visible{box-shadow:0 0 0 5px #14213a}
.hero :focus-visible,.freq :focus-visible,.recovery :focus-visible,.launch-strip :focus-visible,
.final :focus-visible,.footer :focus-visible{outline-color:#fff;box-shadow:0 0 0 5px #0b1730}

/* 2. Standalone controls to the 44px minimum. Inline prose links are exempt:
      they are text, not controls, and padding them breaks the line box. */
.kchip{min-height:44px;display:inline-flex;align-items:center}
.nav-hacked{min-height:44px;display:inline-flex;align-items:center}
.nav-links a{display:inline-flex;align-items:center;min-height:44px}
.footer-links a,.footer-top>a:not(.brand){display:inline-flex;align-items:center;min-height:44px}
.pchip{min-height:44px;min-width:44px}
.dialog-close{min-width:44px;min-height:44px}

/* 3. Text-only zoom to 200% forced a horizontal scrollbar at 390px.
      Let the big display numbers wrap rather than push the page wide. */
.milestone strong,.price,.stat-row strong,.counter,.promise strong{overflow-wrap:anywhere}.recovery,.process,.platform-grid article,.facts div{min-width:0}
.nav-inner{flex-wrap:wrap}
html,body{max-width:100%;overflow-x:hidden}
.item-body h3{font-size:.9375rem;line-height:1.5;margin:0 0 6px;letter-spacing:-.01em}
/* remaining standalone links to 44px */
.text-link,.agreement-link,.text-button,.brand,.platform-grid h3 a,.hb-more,.stories-more,
.faq .text-button,.case-grid a{display:inline-flex;align-items:center;min-height:44px}
.actions .text-link{padding:0 2px}
.platform-grid h3 a{min-height:36px}
.person h3 a{display:inline-flex;align-items:center;min-height:44px}

/* v10.10: a shorter path from recovery promise to membership. */
.hero-benefit{max-width:48ch;margin-top:18px;color:#d5e0ef}
.hero-benefit>p{font-size:1rem;line-height:1.6}
.hero-benefit strong{color:#fff}
.hero-benefit .benefit-terms{font-size:.8125rem;line-height:1.6;margin-top:10px;color:#bdcce2}
.activation-note{font-size:.875rem;line-height:1.6;margin-top:16px;color:#d5e0ef}
.hero .facts{grid-template-columns:1fr 1fr;margin-top:32px;gap:24px}
.hero .facts>div,.hero .facts>div:nth-child(even){padding:18px 0 0;border:0;min-width:0}
.hero .facts dd span.soc-icons{flex-wrap:wrap;gap:12px}
.hero .facts dd span.platform-name{font-size:13px;color:#e5edf8;font-family:var(--body)}
.hero .facts dd span.soc-icons.partner-marks{flex-wrap:wrap;gap:18px}
.hero .facts dd span.soc-icons.partner-marks img{height:22px;max-width:130px}
.hero .facts dt a{font-family:var(--body);letter-spacing:0;text-transform:none}
.consequences{padding-top:44px;padding-bottom:12px}
#reported-feed.section{padding-top:60px;padding-bottom:60px}
#reported-feed .section-heading{align-items:flex-end}
.story-invite{flex-shrink:0}.story-invite p{font-size:.8125rem;color:var(--muted);margin-top:2px}
#reported-feed .item{padding-top:16px;padding-bottom:16px}
#reported-feed .feed.is-expanded{max-height:480px}
#reported-feed .kinds{gap:8px;margin-bottom:20px}
.kchip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.before-you-need{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px;padding:28px 0;border-top:1px solid var(--line)}
.before-you-need .eyebrow{font-size:.75rem;margin-bottom:10px}
.before-you-need h3{font-size:1.5rem;max-width:25ch;line-height:1.25}
.before-you-need ul{margin:0;padding-left:20px;align-self:center}
.before-you-need li{margin:6px 0;font-size:1rem;color:var(--muted)}
.price-card .rate-lock{margin-top:14px}
.price-card .purchase-note{font-size:.875rem;line-height:1.65}
.price-card .cancel-line{border-top:0;padding:0;margin:14px 0 22px}
.founding-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 18px}
.founding-details>summary{cursor:pointer;font-size:.875rem;font-weight:700;padding:16px 0;min-height:44px}
.founding-details .ladder-block{border:0;padding:0 0 18px;margin:0}
.free-plan-note{padding:24px 0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:none!important;margin-top:28px!important}
.free-plan-note h3{font-size:1.3rem}.free-plan-note .eyebrow{font-size:.75rem;margin-bottom:8px}
.free-plan-note p{max-width:65ch}
.agency-section .siren h2{font-size:clamp(1.8rem,3vw,2.6rem);max-width:26ch;margin-bottom:18px}
.agency-console{margin:32px 0 0}
.console-enlarge{display:block}.agency-console figcaption a{display:inline-flex;align-items:center;min-height:44px}
.agency-section{scroll-margin-top:130px}
@media(max-width:900px){
 .hero .facts{gap:24px}
 .before-you-need{grid-template-columns:1fr;gap:16px}
 #reported-feed .feed.is-expanded{max-height:50vh;max-height:50svh}
}
@media(max-width:600px){
 .hero .facts{grid-template-columns:1fr;gap:18px}
 .hero .facts>div:nth-child(even){border-top:1px solid #52637e}
 .hero .facts dd span.soc-icons.partner-marks{gap:16px}
 .hero .facts dd span.soc-icons.partner-marks img{height:21px;max-width:110px}
 .story-invite{margin-top:20px}
 #reported-feed.section{padding-top:44px;padding-bottom:44px}
 .agency-console figcaption{padding:12px 16px}
 .before-you-need{padding:24px 0;margin-top:24px}
}

/* v10.11: aligned sections, clearer rhythm and founding-agency intake. */
.hero .wrap{max-width:none;width:min(1200px,calc(100% - 80px))}
.hero .hero-copy{max-width:none}
.hero .benefit-terms{max-width:70ch;font-size:.8125rem;line-height:1.6;color:#bdcce2;margin-top:6px}
.hero .activation-note{margin-top:18px}
.hero .facts{margin-top:30px}
.hero .partner-marks{align-items:center!important;gap:22px!important}
.hero .partner-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none}
.hero .facts dd span.soc-icons.partner-marks img{height:28px;max-width:155px;width:auto}
.hero .partner-link.transunion img{transform:translateY(-3px)}
.consequences{padding-top:64px;padding-bottom:64px}
#reported-feed .section-heading{display:block;margin-bottom:0}
#reported-feed .section-heading h2{max-width:none;font-size:clamp(1.9rem,3.25vw,2.8rem)}
#reported-feed .story-invite{margin:10px 0 22px}
#reported-feed .story-invite .text-button{padding-left:0}
.feed-bar .live{display:flex;align-items:center;gap:4px}
.source-note{position:relative;display:inline-block;letter-spacing:0;text-transform:none}
.source-note>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;font:700 18px var(--body);padding:0}
.source-note>summary::-webkit-details-marker{display:none}
.source-note>p{position:absolute;top:100%;left:-120px;width:min(280px,75vw);padding:14px;background:#fff;color:var(--ink);box-shadow:0 6px 22px #14213a30;border:1px solid var(--line);border-radius:8px;font:400 13px/1.6 var(--body);z-index:5}
#how{background:#fff}
#platforms{background:var(--pale)}
#tiers{background:#fff}
#agencies{background:var(--pale)}
#platforms .platform-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
#platforms .platform-grid article{padding:20px 14px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px}
#platforms .platform-grid h3{font-size:1rem;margin-top:12px;letter-spacing:-.02em}
#platforms .platform-grid p{font-size:.875rem;line-height:1.5;margin-top:6px}
#platforms .platform-grid img,#platforms .platform-monogram{width:32px;height:32px}
#platforms .eligibility{border-color:#cbd7e8}
.launch-details .launch-grid{display:block;padding:0 0 16px}
.launch-details .launch-grid>div{padding:14px 0;border-top:1px solid var(--line)}
.launch-details .launch-grid>div:first-child{border-top:0}
.launch-details .launch-grid span{font-size:.8125rem;color:var(--pink);font-weight:700}
.launch-details .launch-grid h3{font-size:1rem;color:var(--ink);margin:5px 0}
.launch-details .launch-grid p{font-size:.875rem;color:var(--muted);line-height:1.6}
.person h3 a{gap:7px;flex-wrap:wrap;text-decoration:none}
.person h3 a:hover{text-decoration:underline}
.person h3 .person-linkedin{width:17px;height:17px;margin:0;border-radius:2px;object-fit:contain;flex:none}
.person h3 a>span{font-size:16px}
#agency-dialog{max-width:560px}
#agency-dialog .sform{margin-top:22px}
#agency-dialog select{width:100%;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit}
#agency-dialog .fl>span{font-weight:400;color:var(--muted);font-size:.875rem}
@media(max-width:1100px){.hero .wrap{width:calc(100% - 48px)}#platforms .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 .hero .wrap{width:calc(100% - 36px)}
 .consequences{padding-top:44px;padding-bottom:44px}
 #platforms .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hero .partner-marks{gap:14px!important}
 .hero .facts dd span.soc-icons.partner-marks img{height:24px;max-width:120px}
 #reported-feed .section-heading h2{font-size:1.9rem;line-height:1.2}
}
@media(min-width:521px) and (max-width:600px){.hero .wrap{width:calc(100% - 48px)}}

/* v10.12: final copy and disclosure adjustments. */
.hero .partner-link.transunion img{transform:translateY(-6px)}
.eligibility-details .eligibility-copy{display:block;padding:0 0 18px;font-size:.875rem;line-height:1.65;color:var(--muted)}
.eligibility-details .eligibility-copy p{margin:14px 0 0}
.eligibility-details .eligibility-copy strong{color:var(--ink)}
.offer-copy>.agreement-link{margin-top:22px}
#platforms details.roadmap{border-bottom:0}
.founding-details+.founding-details{border-top:0}

/* ============ v11.0 · hierarchy + polish pass ============ */

/* 1+2. Hero: promise and its terms read as one block; fine print moved under the rail */
.hero-lede-block{margin-top:26px;max-width:52ch}
.hero-benefit-line{margin-top:14px;font-size:1rem;line-height:1.55;color:#d5e0ef}
.hero-benefit-line strong{color:#fff;font-weight:700}
.hero .actions{margin-top:30px}
.facts{grid-template-columns:repeat(4,1fr)}
.benefit-terms{margin-top:22px;font-size:.8125rem;line-height:1.6;color:#a8bad4;max-width:74ch}
.benefit-terms a{color:#d5e0ef}

/* 3. Headline wrapping: stop single-word orphans on small screens */
.hero h1{text-wrap:balance}
.agency-section h2,.founder-story h2,.versus-title{text-wrap:balance}

/* 4. Dead space: let short sections close up instead of holding an empty column */
.whyjoin-lede{color:var(--muted);font-size:.9375rem;line-height:1.6;margin-top:14px;max-width:46ch}
.agency-section .siren{align-items:start}
.agency-section .agency-actions{align-self:start;padding-top:38px}

/* 5. Touch targets: the last two standalone controls */
.partner-link{display:inline-flex;align-items:center;min-height:44px}
.platform-grid h3 a{min-height:44px}

/* 6. Source-note disclosure: was a bare asterisk plus the default marker */
.source-note{display:inline-block;vertical-align:middle;margin-left:6px}
.source-note>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;
width:44px;height:44px;cursor:pointer;color:var(--muted)}
.source-note>summary::-webkit-details-marker{display:none}
.source-note>summary::after{content:"i";display:flex;align-items:center;justify-content:center;
width:18px;height:18px;border:1px solid currentColor;border-radius:50%;
font:700 11px/1 var(--body);font-style:italic}
.source-note>summary:hover{color:var(--pink)}

/* 7. Team portraits: match the card radius, consistent crop */
.person img,.team-layout img{border-radius:10px;object-fit:cover;aspect-ratio:1/1}
/* v11.0 fix: .hero .facts (0,2,0) outranks .facts, so match the specificity */
.hero .facts{grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px}
.hero .facts>div{border-top:0;border-left:1px solid #3c4d68;padding:20px 22px 0}
.hero .facts>div:first-child{border-left:0;padding-left:0}
.hero .facts dd span.soc-icons.partner-marks{gap:12px;flex-wrap:nowrap}
.hero .facts dd span.soc-icons.partner-marks img{height:15px;max-width:none;width:auto}
.hero .facts .soc-icons{flex-wrap:wrap;gap:7px}
.hero .facts .platform-name{font-size:.75rem}
@media(max-width:1000px){
 .hero .facts{grid-template-columns:1fr 1fr;row-gap:26px}
 .hero .facts>div:nth-child(odd){border-left:0;padding-left:0}
 .hero .facts dd span.soc-icons.partner-marks img{height:18px}
}
@media(max-width:560px){
 .hero .facts{grid-template-columns:1fr;row-gap:0}
 .hero .facts>div{border-left:0;padding-left:0;border-top:1px solid #3c4d68;padding-top:18px}
 .hero .facts>div:first-child{border-top:0}
 .hero .facts dd span.soc-icons.partner-marks{flex-wrap:wrap;gap:16px}
}
.hero .facts dd span.soc-icons.partner-marks img{height:17px}
.hero .facts dt{min-height:2.6em}
/* v11.0: let the two short blocks close up instead of holding an empty column */
.agency-section .siren h2{max-width:20ch;text-wrap:balance}
.agency-section .siren{align-items:flex-start;gap:56px}
.agency-section .agency-actions{padding-top:52px}
#tiers .siren{align-items:flex-start;gap:48px}
#tiers .siren .button{margin-top:4px}
.person img{width:92px;height:92px;border-radius:10px;object-fit:cover}

/* ============ v11.1 · rail alignment, section moves ============ */

/* rail: one line per tile, everything baselines off the same grid */
.hero .facts>div{display:flex;flex-direction:column}
.hero .facts dt{min-height:0;margin-bottom:12px}
.hero .facts dd{margin:0;display:flex;align-items:center;min-height:34px}
.hero .facts dd b{margin:0;font-size:1.25rem;line-height:1.2}
.hero .facts dd span.soc-icons{margin-top:0}
.hero .facts dt a{color:#bdcce2;text-decoration:underline;text-underline-offset:3px}
.hero .facts dt a:hover{color:#fff}

/* eligibility terms now live inside the rate card */
.benefit-terms.in-card{font-size:.8125rem;line-height:1.6;color:var(--muted);
margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.benefit-terms.in-card a{color:var(--ink);font-weight:700}
.offer-copy .agreement-link{margin-top:16px}

/* recovery timeline: the qualifier is full width under the stages */
.timeline-note{grid-column:1/-1;font-size:.8125rem;color:#bdcce2;margin-top:20px;
padding-top:16px;border-top:1px solid #3c4d68}
.recovery-intro h3{max-width:16ch;text-wrap:balance}

/* why-join, now under the platform roadmap */
.before-you-need{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;
margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
.before-you-need h3{font-size:1.35rem;letter-spacing:-.03em}
.before-you-need ul{margin:0;padding-left:20px;font-size:.9375rem;color:var(--muted)}
.before-you-need li{margin-bottom:8px}

/* Social Siren, now inside the membership column */
.siren-inline{display:flex;align-items:center;justify-content:space-between;gap:28px;
margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.siren-inline h3{font-size:1.125rem;margin:6px 0 6px}
.siren-inline p{font-size:.875rem;color:var(--muted)}
.siren-inline .button{flex-shrink:0;font-size:.8125rem}

@media(max-width:800px){
 .before-you-need{grid-template-columns:1fr;gap:22px}
 .siren-inline{flex-direction:column;align-items:flex-start;gap:18px}
}
/* v11.1: consistent dividers between all four tiles */
.hero dl.facts>div{border-left:1px solid #3c4d68;padding:20px 26px 0}
.hero dl.facts>div:first-child{border-left:0;padding-left:0}
@media(max-width:1000px){
 .hero dl.facts>div:nth-child(odd){border-left:0;padding-left:0}
}
@media(max-width:560px){
 .hero dl.facts>div{border-left:0;padding-left:0}
}
/* v11.1: line 451 lists `.hero .facts>div:nth-child(even)` (0,3,1) which outranked the
   plain child selector, so only the 3rd tile drew a divider. Match with :nth-child(n). */
.hero dl.facts>div:nth-child(n){border:0;border-left:1px solid #3c4d68;padding:20px 26px 0;min-width:0}
.hero dl.facts>div:nth-child(1){border-left:0;padding-left:0}
@media(max-width:1000px){
 .hero dl.facts>div:nth-child(n){padding-top:24px}
 .hero dl.facts>div:nth-child(odd){border-left:0;padding-left:0}
}
@media(max-width:560px){
 .hero dl.facts>div:nth-child(n){border-left:0;padding-left:0;border-top:1px solid #3c4d68;padding-top:18px}
 .hero dl.facts>div:nth-child(1){border-top:0;padding-top:0}
}

/* ============ v11.2 · stacked section headings ============ */
.section-heading.stacked{display:block;margin-bottom:44px}
.section-heading.stacked h2{max-width:22ch}
.section-heading.stacked .section-intro{margin-top:20px;max-width:none;color:var(--muted)}
#how .section-heading.stacked .section-intro{max-width:62ch}
.eligibility-copy .agreement-link{margin-top:4px}

/* ============ v11.3 ============ */
.paid-by{margin-top:14px}
.paid-by a{display:inline-flex;align-items:center;min-height:44px;font-size:.8125rem;
color:#bdcce2;text-decoration:underline;text-underline-offset:3px}
.paid-by a:hover{color:#fff}
.timeline-foot p:last-child{max-width:none}

/* ============ v11.4 ============ */

/* paid-by now sits inline at the end of the lede */
.paid-by{font-size:.8125rem;color:#bdcce2;white-space:nowrap;text-decoration:underline;
text-underline-offset:3px;margin-left:8px}
.paid-by:hover{color:#fff}

/* consequences, now closing the news section: one line, no divider */
.inline-consequences{margin-top:52px}
.inline-consequences .conseq-title{font-size:clamp(1.7rem,2.8vw,2.4rem);max-width:none;
white-space:nowrap;border:0}
.inline-consequences .consequence-grid{display:grid;grid-template-columns:repeat(3,1fr);
gap:38px;margin-top:30px}
.inline-consequences .consequence-grid article{border-top:0;padding-top:0}
.inline-consequences h3{font-size:1.0625rem;margin-bottom:8px}
.inline-consequences p{font-size:.9375rem;color:var(--muted)}

/* Share your story sits with the filter chips */
.kinds .story-invite{margin-left:auto;font-size:.8125rem;font-weight:700;
display:inline-flex;align-items:center;min-height:44px}

/* agency heading spans the full width so it lands in two lines */
.agency-head{margin-bottom:34px}
.agency-head h2{font-size:clamp(1.8rem,3.1vw,2.6rem);max-width:none;text-wrap:wrap}
.agency-section .siren h2{display:none}

@media(max-width:900px){
 .inline-consequences .conseq-title{white-space:normal}
 .inline-consequences .consequence-grid{grid-template-columns:1fr;gap:24px}
 .kinds .story-invite{margin-left:0}
}

/* v11.7 a11y: the facts-rail label links (e.g. "Our protection partners") need a
   44px hit area. Expanded via pseudo-element so the tile layout does not move. */
.facts dt a{position:relative;display:inline-block}
.facts dt a::after{content:"";position:absolute;left:0;right:0;top:-14px;bottom:-14px}


/* v11.8: founder portrait sits with the signature; people grid is now a 3-up */
.story-signature{display:flex;align-items:center;gap:16px;margin-top:26px}
.story-signature img{width:72px;height:72px;border-radius:10px;object-fit:cover;flex:none}
.story-signature p{margin:0;font-family:var(--display);font-weight:800;color:var(--ink);line-height:1.25}
.story-signature p span{display:block;font-family:var(--body);font-weight:500;color:var(--muted);font-size:.86em}
.people-grid{grid-template-columns:1fr}
@media(min-width:900px){.people-grid{grid-template-columns:1fr 1fr}
  .people-grid .person:first-child{grid-column:1 / -1}}

/* ============ v11.11 · comparison table ============ */

.compare-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.9375rem}
.compare-table th,.compare-table td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.compare-table thead th{font:700 .9375rem/1.4 var(--body);color:var(--ink);border-bottom:2px solid var(--ink)}
.compare-table thead td{border-bottom:2px solid var(--ink)}
.compare-table tbody th{font:800 1.0625rem/1.35 var(--display);letter-spacing:-.02em;color:var(--ink);width:22%}
.compare-table td{color:var(--muted)}
.compare-table td.wait{color:#6b7a90}
.compare-table .us{background:var(--navy);color:#fff}
.compare-table thead th.us{border-top:5px solid var(--pink);border-radius:10px 10px 0 0;border-bottom-color:var(--navy);font:800 1.25rem/1.3 var(--display);letter-spacing:-.03em}
.compare-table tbody td.us{border-bottom-color:#3a4d6d}
.compare-table tbody tr:last-child td.us{border-radius:0 0 10px 10px;border-bottom-color:var(--navy)}
.compare-table td.us strong{color:var(--pink-light)}
.compare-note{font-size:.8125rem;line-height:1.7;color:var(--muted);margin-top:22px;max-width:900px}
@media(max-width:760px){
  .compare-table,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{display:block;width:100%}
  .compare-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .compare-table tbody tr{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:16px}
  .compare-table tbody th{width:100%;padding:16px 18px;font-size:1.125rem;border-bottom:1px solid var(--line);background:var(--pale)}
  .compare-table td{display:grid;grid-template-columns:42% 1fr;gap:14px;padding:12px 18px}
  .compare-table td::before{content:attr(data-label);font:700 .8125rem/1.45 var(--body);color:var(--ink)}
  .compare-table tbody td.us{border-bottom:0;border-radius:0}
  .compare-table tbody tr:last-child td.us{border-radius:0}
  .compare-table td.us::before{color:var(--pink-light)}
}
@media(max-width:760px){.compare-table td{padding:11px 18px}}
.compare-table td.wait{color:#5f6e84}
@media(max-width:760px){.compare-table td{align-items:baseline}}

/* ============ v11.12 · section rhythm + comparison labels ============ */
/* Inserting #compare (white) after #platforms (pale) means every section below flips
   one step so no two backgrounds touch: compare W, tiers P, agencies W, team P,
   questions W, reserve pink. ID selectors beat the .pale class on #questions. */
#tiers{background:var(--pale)}
#agencies{background:#fff}
#team{background:var(--pale)}
#questions{background:#fff}
.compare-table thead th small{display:block;margin-top:4px;font:400 .8125rem/1.45 var(--body);color:var(--muted);letter-spacing:0}
.compare-table thead th.us small{color:#cbd8eb}
.vs-key{display:none}
@media(max-width:760px){
  .vs-key{display:block;margin:0 0 20px;padding:16px 18px;border-radius:10px;background:var(--pale);font-size:.875rem;line-height:1.6;color:var(--muted)}
  .vs-key b{color:var(--ink)}
}
#compare .section-heading.stacked h2{max-width:none;text-wrap:balance}
@media(max-width:760px){.vs-key span{display:block}.vs-key span+span{margin-top:6px}}
/* v11.13: rail swapped (partners first). Link label now matches the other three labels. */
.hero .facts dt a{font-family:inherit;letter-spacing:inherit;text-transform:inherit}

/* agencies and advisors page */
.lanes{display:grid;grid-template-columns:1fr 1fr;gap:36px}.lane{border-top:1px solid var(--line);padding-top:20px}.lane h3{font-size:1.25rem;margin-bottom:12px}.lane>p{color:var(--muted)}.lane ul{margin:0;padding-left:20px;font-size:.9375rem;color:var(--muted)}.lane ul li{margin-bottom:9px}.lane ul strong{color:var(--ink)}.access-note{border:1px solid var(--line);border-radius:10px;padding:24px 28px;margin-top:36px;font-size:.9375rem;color:var(--muted)}.access-note strong{color:var(--ink)}
@media(max-width:800px){.lanes{grid-template-columns:1fr;gap:26px}.access-note{padding:20px}}

/* review fixes 2026-09-14: mobile nav wraps instead of clipping; 44px checkbox rows; 12px floor on source captions */
@media(max-width:800px){.nav-links{flex-wrap:wrap;overflow:visible;justify-content:flex-start;gap:0 18px}}
.cb{align-items:center;min-height:44px;margin:8px 0;cursor:pointer}.cb input{width:20px;height:20px;flex-shrink:0}
.item-src{font-size:.75rem}


/* ============ v11.16 - Behind Sociable strip, Got hacked? nav ============ */
.behind{background:#fff;border-bottom:1px solid var(--line);padding:0;overflow:hidden}
.bstrip{overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.btrack{display:flex;width:max-content;animation:bscroll 75s linear infinite}
.bstrip:hover .btrack,.bstrip:focus-within .btrack{animation-play-state:paused}
/* Three identical runs, so the translate is exactly one run and the row is never
   short of content on a wide display. No flex gap anywhere in the track: spacing
   is padding on each cell, which is what keeps -33.3333% seamless. */
@keyframes bscroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.3333%,0,0)}}
.bset,.bgroup{display:flex}
.sb-gated{display:none}
.bx-co{justify-content:center}
.bx,.bxl{flex:none;display:flex;padding:0 26px;border-right:1px solid var(--line);
  text-decoration:none;color:inherit;height:86px;box-sizing:border-box;align-items:center}
.bx{flex-direction:column;justify-content:center}
.bxl{align-items:center;font:500 .6875rem/1.4 var(--mono);letter-spacing:.09em;
  text-transform:uppercase;color:var(--pink);white-space:nowrap}
.bxl a{color:inherit;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.bxl a:hover{color:var(--ink)}
.bx-top{display:flex;align-items:flex-start;gap:12px;height:34px}
.bx-pf:hover .bx-name{color:var(--pink)}
.bx-name{font:700 .9375rem/34px var(--body);white-space:nowrap}
.bx-top-pf{align-items:center}
.bx-icon{width:26px;height:26px;object-fit:contain;flex:none}
.bx-mono{width:26px;height:26px;flex:none;display:flex;align-items:center;justify-content:center;
  background:var(--pale);border-radius:6px;font:800 .75rem var(--display);color:var(--ink)}
.bx-pf{justify-content:center}
.bx-pf .bx-top{gap:11px}
/* Each wordmark is placed by its OWN baseline, not by centring its box. The three
   files differ: the wordmark sits at 0.667 of the CySurance box, 0.985 of the
   TransUnion box and 0.621 of the CyberScout box (a stacked lockup, icon above and
   tagline below). Centring puts TransUnion about 7px low, which is how this has
   broken before. height + margin-top below land all three baselines 25px down from
   the top of the row. px only, so text-only zoom cannot move them. DO NOT collapse
   into one height rule and do not switch this row to align-items:center. */
.bx-logo{width:auto;object-fit:contain;display:block}
.bx-logo.cysurance{height:24px;margin-top:9px}
.bx-logo.transunion{height:24px;margin-top:1.4px}
.bx-logo.cyberscout{height:34px;margin-top:3.9px}
@media(max-width:760px){
  /* cells get narrow and the note wraps, so more than one cell is on screen at a
     glance instead of a single logo filling the phone */
  .bxl{font-size:.625rem;letter-spacing:.06em}
  .bx,.bxl{padding:0 20px}
}
@media(max-width:520px){
  .behind{padding-top:24px}
  .behind-title{font-size:1.0625rem;margin-bottom:14px}
  .bx,.bxl{padding:0 18px;height:80px}
  .bstrip{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);
    mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
}
@media(prefers-reduced-motion:reduce){
  .btrack{animation:none!important;transform:none!important}
  .bstrip{overflow-x:auto}
  .bset:not(:first-child){display:none}
}

/* Got hacked? stays in the nav at every width */
.nav-links a.nav-got{white-space:nowrap}
@media(max-width:800px){
  .nav-links{display:flex!important;gap:0}
  .nav-links a{display:none}
  .nav-links a.nav-got{display:inline-flex;align-items:center;min-height:44px}
}

/* Got hacked? page */
.gh-lede{font-size:1.25rem;line-height:1.5;max-width:560px;margin-top:25px}
.gh-blocks{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.gh-block{border:1px solid var(--line);border-radius:12px;padding:32px;background:#fff}
.gh-block h2{font-size:1.65rem;margin-bottom:16px}
.gh-block>p{color:var(--muted)}
.gh-block>p+p{margin-top:14px}
.gh-links{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
.gh-links li{border-bottom:1px solid var(--line)}
.gh-links a{display:flex;align-items:center;gap:14px;min-height:56px;font-weight:700;text-decoration:none;padding:6px 0}
.gh-links a:hover{color:var(--pink)}
.gh-links img{width:24px;height:24px;object-fit:contain;flex:none}
.gh-links .gh-word{width:24px;height:24px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--pale);border-radius:5px;font:800 .8125rem var(--display);color:var(--ink)}
.gh-links span.gh-name{min-width:0}
.gh-links .gh-go{margin-left:auto;color:var(--muted);font-size:1.125rem}
.gh-close{margin-top:26px}
.gh-close .button{margin-top:18px}
.gh-foot{margin-top:40px;padding-top:26px;border-top:1px solid var(--line);font-size:.9375rem;color:var(--muted)}
.gh-foot a{font-weight:700;color:var(--ink);display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){.gh-blocks{grid-template-columns:1fr}}

/* Agencies page: three ways in (staged only) */
.ways{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:22px;align-items:start}
.way{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}
.way-lead{border-color:var(--pink);box-shadow:0 16px 44px #c332571a}
.way-k{font:500 .6875rem/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--pink);margin-bottom:14px}
.way h3{font-size:1.3rem;line-height:1.15;letter-spacing:-.03em;margin-bottom:14px}
.way-price{font-family:var(--display);font-weight:800;font-size:1.9rem;letter-spacing:-.05em;line-height:1.1;margin:0 0 6px}
.way-price span{font:400 .9375rem/1.4 var(--body);letter-spacing:0;color:var(--muted);margin-left:6px}
.way ul{list-style:none;margin:18px 0 0;padding:0}
.way li{position:relative;padding:11px 0 11px 22px;border-top:1px solid var(--line);font-size:.9375rem;line-height:1.55;color:var(--muted)}
.way li::before{content:"";position:absolute;left:2px;top:19px;width:6px;height:6px;border-radius:50%;background:var(--pink)}
.way li strong{color:var(--ink)}
.way-after{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font:500 .75rem/1.5 var(--mono);letter-spacing:.03em;color:var(--muted)}
.way-advisors{margin-top:28px;color:var(--muted);line-height:1.6;max-width:70ch}
.way-advisors strong{color:var(--ink)}
@media(max-width:1000px){.ways{grid-template-columns:1fr}}

/* Partners page (staged only) */
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pp-grid.pp-one{grid-template-columns:minmax(0,540px)}
.pp-group{margin-top:64px}
.pp-card{border:1px solid var(--line);border-radius:12px;padding:28px;background:#fff}
.pp-badge{font:500 .6875rem/1.5 var(--mono);letter-spacing:.07em;color:var(--pink);margin-bottom:18px}
.pp-who{display:flex;align-items:center;gap:18px}
.pp-face{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.pp-card h3{font-size:1.0625rem}
.pp-card h3 a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:44px}
.pp-card h3 a:hover{color:var(--pink)}
.pp-li{width:15px;height:15px;object-fit:contain;flex:none}
.pp-org{font-size:.8125rem;color:var(--muted);margin-top:2px}
.pp-line{font-size:.9375rem;line-height:1.6;color:var(--muted);margin-top:16px}
.pp-slot{border-style:dashed;background:transparent}
.pp-join{display:block;text-decoration:none;border-color:var(--pink);background:#fff}
.pp-join .pp-line{color:var(--pink);font-weight:700}
.pp-join:hover{box-shadow:0 12px 34px #c332570f}
.pp-ghost-live{border-color:#f0b7c6}
.pp-ghost{height:72px;border:1px dashed #cdd9e8;border-radius:10px}
.pp-slot .pp-line{color:#8496ae}
.pp-cta{margin-top:30px}
.pp-marks{display:flex;align-items:flex-start;gap:44px;flex-wrap:wrap}
.pp-mark{display:flex;align-items:flex-start;height:48px;min-width:44px}
.pp-marks .bx-logo{display:block}
.pp-note{margin-top:34px;color:var(--muted)}
@media(max-width:900px){.pp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pp-grid{grid-template-columns:1fr}.pp-marks{gap:34px}}
@media(max-width:520px){.gh-block{padding:24px 22px}.gh-block h2{font-size:1.45rem}}

.price-ladder.two{grid-template-columns:1fr auto 1fr}
