html{color-scheme:light only}
:root{
color-scheme: light dark;
--navy:#02214D; --blue:#0175FE; --blue-ink:var(--blue-ink);
--paper:#FFFFFF; --ink:#02214D; --ink-soft:#4A628C;
--card:#FFFFFF; /* raised surfaces: cards, inputs, tiles */
--wash:var(--wash); /* faint tinted panels */
--tint:var(--tint); /* stronger tinted panels and avatars */
--line:#D5E1F5; --line-soft:#E6EDF9; --line2:var(--line2);
--veil:rgba(255,255,255,.94); /* sticky bars over content */
--shot:var(--shot); /* the panel behind product artwork */
--focus:#0175FE;
}
@media (prefers-color-scheme: dark){
:root{
--navy:#02214D; --blue:#4D9BFF; --blue-ink:#7FB8FF;
--paper:#0A1424; --ink:#E8F0FB; --ink-soft:#9DB4D6;
--card:#111F36;
--wash:#13243E;
--tint:#17304F;
--line:#22395C; --line-soft:#1A2C49; --line2:#2C4871;
--veil:rgba(10,20,36,.94);
--shot:#0F1E34;
--focus:#7FB8FF;
}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{
margin:0;background:var(--paper);color:var(--ink);
font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
font-variation-settings:'wdth' 100,'wght' 400;
font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}
.skip{
position:absolute;left:-9999px;top:0;background:var(--blue);color:#fff;
padding:12px 18px;z-index:99;border-radius:0 0 8px 0;text-decoration:none;
}
.skip:focus{left:0}
section[id]{scroll-margin-top:86px}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}
.disp{font-variation-settings:'wdth' 118,'wght' 800;letter-spacing:-.025em;line-height:1;margin:0}
.sub{color:var(--ink-soft);max-width:60ch}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:var(--veil);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:20px;height:70px}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;margin-right:auto}
.brand .mk{height:29px;width:auto}
.brand .wd{height:30px;width:auto}
.nav{display:flex;gap:26px;align-items:center}
.nav a{text-decoration:none;color:var(--ink-soft);font-size:15px;font-variation-settings:'wdth' 100,'wght' 600}
.nav a:hover,.nav a.on{color:var(--blue)}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--ink);margin:4px 0;border-radius:2px}
.mnav{border-top:1px solid var(--line);padding:8px 24px 16px}
.mnav a{display:block;padding:13px 0;text-decoration:none;border-bottom:1px solid var(--line-soft);font-variation-settings:'wdth' 100,'wght' 600}
@media (max-width:880px){
.nav{display:none}
.burger{display:block}
.hdr .nav-cta{padding:10px 15px;font-size:14px}
.hdr-in{gap:10px}
}
@media (max-width:400px){.brand .wd{height:26px}.brand .mk{height:25px}}
@media (min-width:881px){.mnav{display:none}}
/* buttons */
.btn{
display:inline-block;text-decoration:none;background:var(--blue);color:#fff;
font-variation-settings:'wdth' 106,'wght' 700;font-size:15px;letter-spacing:-.01em;
padding:12px 20px;border-radius:9px;border:0;cursor:pointer;font-family:inherit;
}
.btn:hover{background:var(--blue-ink)}
.btn-lg{font-size:17px;padding:16px 28px;border-radius:11px}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{background:var(--wash);border-color:var(--blue);color:var(--blue)}
/* home hero */
.hero{padding:72px 0 64px}
.hero h1{font-size:clamp(2.55rem,7.6vw,5.6rem)}
.hero-cols{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;margin-top:44px;align-items:start}
.hero .lede{font-size:clamp(1.05rem,2.1vw,1.22rem);margin:0;max-width:46ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-price{margin:18px 0 0;font-size:16px;color:var(--ink-soft)}
.hero-price b{color:var(--ink);font-variation-settings:'wdth' 106,'wght' 800;font-size:1.18rem;letter-spacing:-.02em}
.picker{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:24px 22px 26px}
.picker-q{font-variation-settings:'wdth' 104,'wght' 700;font-size:1.08rem;margin:0 0 6px;letter-spacing:-.01em}
.picker-s{margin:0 0 18px;color:var(--ink-soft);font-size:15px}
@media (max-width:900px){.hero-cols{grid-template-columns:1fr;gap:38px;margin-top:32px}}
/* track cards */
.tcards{display:grid;gap:12px}
.tcards-sm{gap:9px}
.tcard{
display:block;text-decoration:none;border:1.5px solid var(--line);
border-radius:12px;padding:16px 18px;background:var(--card);
}
.tcard:hover{border-color:var(--blue)}
.tcard-all{background:var(--wash);border-color:var(--line2)}
.tcard-h{display:block;font-variation-settings:'wdth' 106,'wght' 700;font-size:1.08rem;letter-spacing:-.015em}
.tcard-b{display:block;color:var(--ink-soft);font-size:14.5px;margin-top:4px;line-height:1.45}
.tcards-sm .tcard-b{display:none}
.tcard-f{display:block;margin-top:8px;color:var(--ink-soft);font-size:14.5px}
.tcards-sm .tcard-f{margin-top:5px}
.tcard-f b{color:var(--blue);font-variation-settings:'wdth' 106,'wght' 800;font-size:1.05rem;margin-right:8px}
.tlist{padding:20px 0 80px}
.tlist .tcards{grid-template-columns:repeat(2,1fr)}
@media (max-width:760px){.tlist .tcards{grid-template-columns:1fr}}
/* track page */
.thero{padding:44px 0 10px}
.crumb{margin:0 0 20px;font-size:15px}
.crumb a{color:var(--ink-soft);text-decoration:none;font-variation-settings:'wdth' 100,'wght' 600}
.crumb a:hover{color:var(--blue)}
.thero h1{font-size:clamp(2.3rem,6.4vw,4.2rem)}
.thero .lede{margin:22px 0 0;font-size:1.12rem}
.tbuy{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:34px}
.tbuy-now{font-variation-settings:'wdth' 112,'wght' 800;font-size:2.4rem;letter-spacing:-.03em;line-height:1;display:block}
.tbuy-sub{color:var(--ink-soft);font-size:15px;display:block;margin-top:6px}
.tbuy-note{color:var(--ink-soft);font-size:14.5px;margin:16px 0 0}
.twho{padding:34px 0 0}
.twho p{
margin:0;max-width:70ch;border-left:5px solid var(--blue);
border-top:1.5px solid var(--line);border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);
border-radius:0 12px 12px 0;padding:20px 24px;color:var(--ink-soft);
}
.twho b{color:var(--ink);font-variation-settings:'wdth' 104,'wght' 700}
/* modules rail */
.tmods{padding:62px 0 20px}
.tmods h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:38px}
.rail{list-style:none;margin:0;padding:0;position:relative}
.rail::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--line-soft)}
.stop{position:relative;padding:0 0 30px 62px}
.dot{
position:absolute;left:0;top:2px;width:44px;height:44px;border-radius:50%;
display:grid;place-items:center;background:var(--blue);color:#fff;
font-variation-settings:'wdth' 100,'wght' 800;font-size:15px;
}
.stop-title{font-variation-settings:'wdth' 104,'wght' 700;font-size:clamp(1.14rem,2.4vw,1.35rem);letter-spacing:-.015em;margin:6px 0 0;line-height:1.25}
.stop-line{color:var(--ink-soft);font-size:15.5px;margin:4px 0 0;max-width:62ch}
.stop ul{margin:14px 0 0;padding-left:20px}
.stop li{margin-bottom:7px;color:var(--ink-soft)}
.stop li::marker{color:var(--blue)}
/* track cta + others */
.tcta{padding:56px 0 64px;border-top:1px solid var(--line-soft);margin-top:40px}
.tcta h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:12px}
.tcta p{margin:0 0 24px}
.others{padding:0 0 80px}
.others h2{font-size:1.5rem;margin-bottom:22px}
.ocards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ocard{
display:block;text-decoration:none;border:1.5px solid var(--line);
border-radius:12px;padding:16px 18px;
}
.ocard:hover{border-color:var(--blue)}
.ocard-n{display:block;font-variation-settings:'wdth' 104,'wght' 700;font-size:1rem;letter-spacing:-.01em}
.ocard-m{display:block;color:var(--ink-soft);font-size:14px;margin-top:3px}
.ocard-p{display:block;color:var(--blue);font-variation-settings:'wdth' 106,'wght' 800;font-size:1.1rem;margin-top:8px}
@media (max-width:820px){.ocards{grid-template-columns:repeat(2,1fr)}}
/* pricing */
.pricing{padding:64px 0 74px;border-top:1px solid var(--line-soft)}
.pricing h2{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:14px}
.pre-note{
margin-top:18px;padding:16px 20px;max-width:60ch;
border:1.5px solid var(--line);border-left:5px solid var(--blue);
border-radius:0 12px 12px 0;color:var(--ink);
}
.compare{margin-top:18px;padding-left:18px;border-left:3px solid var(--blue);max-width:60ch}
.plans{margin-top:44px;border-top:1px solid var(--line)}
.plan{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:24px 4px;border-bottom:1px solid var(--line)}
.plan-name{font-variation-settings:'wdth' 106,'wght' 700;font-size:1.2rem;letter-spacing:-.015em;text-decoration:none}
.plan-name:hover{color:var(--blue)}
.plan-mods{color:var(--ink-soft);font-size:15px;margin-top:3px}
.plan-price{text-align:right;white-space:nowrap}
.plan-now{font-variation-settings:'wdth' 110,'wght' 800;font-size:1.75rem;letter-spacing:-.03em;line-height:1}
.plan-later{color:var(--ink-soft);font-size:14px;margin-top:6px}
.plan .btn{padding:11px 18px}
@media (max-width:720px){.plan{grid-template-columns:1fr auto;gap:16px 20px}.plan .btn{grid-column:1 / -1;justify-self:start}}
.plan-all{
background:var(--wash);border-bottom:1.5px solid var(--blue);
padding-left:18px;padding-right:18px;margin-top:-1px;
}
.plan-all .plan-name{color:var(--blue)}
.pay-note{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px 30px;color:var(--ink-soft);font-size:15px}
.pay-note span{display:flex;align-items:center;gap:9px}
.pay-note span::before{content:"";width:13px;height:7px;flex:none;border-left:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(-45deg);margin-top:-4px}
/* support: the one tinted band on the page, so it reads as the standout offer */
.support{
padding:78px 0 84px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);
background:linear-gradient(180deg,var(--wash) 0%,var(--tint) 100%);
}
.support-eyebrow{
display:inline-block;margin:0 0 16px;padding:7px 14px;border-radius:999px;
background:var(--card);border:1.5px solid var(--line2);color:var(--blue);
font-size:14px;font-variation-settings:'wdth' 100,'wght' 700;
}
.support h2{font-size:clamp(2.1rem,5vw,3.2rem);margin-bottom:16px}
.support-lede{font-size:1.1rem;max-width:56ch}
.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.support-card{
background:var(--card);border:1.5px solid var(--line2);border-top:4px solid var(--blue);
border-radius:14px;padding:26px 22px 28px;box-shadow:0 14px 30px -24px rgba(2,33,77,.55);
}
.support-ic{width:36px;height:36px;color:var(--blue);display:block;margin-bottom:16px;
background:var(--tint);border-radius:10px;padding:6px;box-sizing:content-box}
.support-card p{margin:0;color:var(--ink-soft);font-size:15.5px}
.support-card .support-h{color:var(--ink);font-size:1.18rem;margin:0 0 10px;font-variation-settings:'wdth' 106,'wght' 700;letter-spacing:-.01em}
@media (max-width:1040px){.support-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.support-grid{grid-template-columns:1fr}}
.cert-tasks{margin:0 0 16px;padding-left:22px;color:var(--ink)}
.cert-tasks li{margin-bottom:8px}
.cert-tasks li::marker{color:var(--blue)}
.tbuy-inc{margin:8px 0 0;font-size:14.5px;color:var(--ink);font-variation-settings:'wdth' 100,'wght' 600}
/* referral */
.refer{padding:70px 0;border-top:1px solid var(--line-soft)}
.refer-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.refer h2{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:18px}
.refer-small{margin-top:20px;color:var(--ink-soft);font-size:14.5px}
.refer-small a{color:var(--blue)}
.refer-steps{
list-style:none;counter-reset:r;margin:6px 0 0;padding:0;
border:1.5px solid var(--line);border-radius:14px;overflow:hidden;
}
.refer-steps li{
counter-increment:r;position:relative;
padding:18px 22px 18px 62px;border-bottom:1px solid var(--line-soft);
color:var(--ink-soft);font-size:15.5px;
}
.refer-steps li:last-child{border-bottom:0}
.refer-steps li::before{
content:counter(r);position:absolute;left:20px;top:17px;
width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;
display:grid;place-items:center;font-size:13px;
font-variation-settings:'wdth' 100,'wght' 800;
}
.refer-steps b{color:var(--ink);font-variation-settings:'wdth' 104,'wght' 700}
@media (max-width:880px){.refer-in{grid-template-columns:1fr;gap:32px}}
/* band */
.band{padding:74px 0;border-top:1px solid var(--line-soft)}
.band h2{font-size:clamp(1.9rem,4vw,2.9rem);max-width:20ch;margin-bottom:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;background:var(--line)}
.cell{background:var(--card);padding:28px 26px 32px}
.cell h3{font-variation-settings:'wdth' 106,'wght' 700;font-size:1.16rem;margin:0 0 10px;letter-spacing:-.01em}
.cell p{margin:0;color:var(--ink-soft);font-size:15.5px}
@media (max-width:820px){.grid3{grid-template-columns:1fr}}
/* who */
.who{padding:76px 0}
.who-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start}
.who h2{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:18px}
.tick{list-style:none;margin:26px 0 0;padding:0}
.tick li{padding:14px 0 14px 34px;border-top:1px solid var(--line);position:relative;font-size:16px}
.tick li:last-child{border-bottom:1px solid var(--line)}
.tick li::before{content:"";position:absolute;left:3px;top:22px;width:14px;height:8px;border-left:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(-45deg)}
.quote{background:var(--card);border:1.5px solid var(--line);border-left:5px solid var(--blue);padding:26px;border-radius:0 12px 12px 0}
.quote p{margin:0 0 12px;font-size:1.1rem;font-variation-settings:'wdth' 100,'wght' 500}
.quote span{color:var(--ink-soft);font-size:14.5px}
@media (max-width:880px){.who-grid{grid-template-columns:1fr;gap:34px}}
/* form */
.signup{padding:74px 0;border-top:1px solid var(--line-soft)}
.signup h2{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:14px}
form{margin-top:30px;max-width:560px}
.field{margin-bottom:16px}
label{display:block;font-size:14.5px;margin-bottom:6px;font-variation-settings:'wdth' 100,'wght' 600}
input,select{width:100%;font-family:inherit;font-size:16px;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:9px;padding:13px 14px}
input:focus,select:focus{border-color:var(--blue)}
.consent{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;margin-top:22px}
.consent input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--blue)}
.consent label{font-size:14.5px;line-height:1.5;margin:0;font-variation-settings:'wdth' 100,'wght' 400;color:var(--ink-soft)}
.consent label a{color:var(--blue)}
.err{color:#C0182B;font-size:14px;margin:7px 0 0}
input[aria-invalid="true"],select[aria-invalid="true"]{border-color:#C0182B}
.form-status{margin:16px 0 0;font-size:15px;color:var(--ink-soft);min-height:1.2em}
.form-status[data-state="error"]{color:#C0182B}
.form-status a{color:var(--blue)}
#joinBtn[disabled]{opacity:.6;cursor:progress}
#_gotcha{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-done{margin-top:30px;max-width:560px;border:1.5px solid var(--line);border-left:5px solid var(--blue);border-radius:0 12px 12px 0;padding:26px}
.done-h{margin:0 0 8px;font-size:1.2rem;font-variation-settings:'wdth' 104,'wght' 700}
.done-b{margin:0;color:var(--ink-soft)}
.testbar{
background:#FFF3CD;color:#6B4E00;border:1.5px solid #E0C97F;
border-radius:9px;padding:11px 16px;margin:20px 0 0;
font-size:14.5px;font-variation-settings:'wdth' 100,'wght' 600;text-align:center;
}
/* checkout page */
.chk-hdr{border-bottom:1px solid var(--line);padding:18px 0}
.chk-hdr-in{display:flex;align-items:center;justify-content:space-between;gap:16px}
.chk-hdr a{display:flex;align-items:center;gap:9px;text-decoration:none}
.chk-hdr .mk{height:29px;width:auto}
.chk-hdr .wd{height:30px;width:auto}
.chk-secure{color:var(--ink-soft);font-size:14px;font-variation-settings:'wdth' 100,'wght' 600}
.chk{padding:44px 0 80px}
.chk-wrap{max-width:720px}
.chk h1{font-size:clamp(2rem,5.4vw,3.2rem);margin-bottom:30px}
.order{border-top:1.5px solid var(--ink)}
.order-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0 4px;font-size:1.05rem}
.order-sub{color:var(--ink-soft);font-size:15px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.order-total{
border-bottom:1.5px solid var(--ink);
font-variation-settings:'wdth' 108,'wght' 800;font-size:1.6rem;letter-spacing:-.02em;
padding:20px 0;
}
.chk-rise{color:var(--ink-soft);font-size:15px;margin:14px 0 0}
.chk-cols{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:46px 0 0}
.chk-h{font-variation-settings:'wdth' 104,'wght' 700;font-size:1.05rem;margin:0 0 14px;letter-spacing:-.01em}
.chk-list,.chk-steps{margin:0;padding-left:20px;color:var(--ink-soft)}
.chk-list li,.chk-steps li{margin-bottom:8px;font-size:15.5px}
.chk-list li::marker,.chk-steps li::marker{color:var(--blue);font-variation-settings:'wdth' 100,'wght' 800}
@media (max-width:700px){.chk-cols{grid-template-columns:1fr;gap:30px}}
.chk-consent{margin:46px 0 0;padding:20px 22px;border:1.5px solid var(--line);border-radius:12px}
.chk-consent label{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin:0;font-variation-settings:'wdth' 100,'wght' 400}
.chk-consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}
.chk-consent span{font-size:15px;line-height:1.5;color:var(--ink-soft)}
.chk-consent.bad{border-color:#C0182B}
.chk-err{color:#C0182B;font-size:14px;margin:10px 0 0 32px}
.chk-small{color:var(--ink-soft);font-size:13.5px;margin:12px 0 0 32px}
.chk-small a{color:var(--blue)}
.chk-age{color:var(--ink-soft);font-size:14.5px;margin:20px 0 0;padding-left:18px;border-left:3px solid var(--line)}
.btn-pay{
display:block;width:100%;text-align:center;margin:24px 0 0;
font-size:1.18rem;padding:20px 28px;border-radius:12px;
font-variation-settings:'wdth' 108,'wght' 800;letter-spacing:-.01em;
}
.btn-pay.is-off{opacity:.5}
.chk-foot{color:var(--ink-soft);font-size:14.5px;margin:20px 0 0;text-align:center}
.chk-foot a{color:var(--blue)}
.chk-ftr{border-top:1px solid var(--line);padding:26px 0;color:var(--ink-soft);font-size:14px}
/* footer */
.ftr{padding:56px 0 40px;border-top:1px solid var(--line)}
.ftr-in{display:flex;gap:56px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.ftr img{height:92px;width:auto}
.ftr-cols{display:flex;gap:56px;flex-wrap:wrap}
.ftr-h{font-variation-settings:'wdth' 104,'wght' 700;font-size:15px;margin:0 0 12px}
.ftr-cols a{display:block;color:var(--ink-soft);text-decoration:none;font-size:15px;padding:5px 0}
.ftr-cols a:hover{color:var(--blue)}
.ftr-btm{margin-top:40px;padding-top:22px;border-top:1px solid var(--line-soft);color:var(--ink-soft);font-size:14px}
/* legal pages */
.legal{padding:44px 0 80px}
.legal-wrap{max-width:720px}
.legal h1{font-size:clamp(2.1rem,5.4vw,3.2rem);margin-bottom:12px}
.legal-date{color:var(--ink-soft);font-size:15px;margin:0 0 16px}
.legal-note{
margin:0 0 40px;padding:16px 20px;border:1.5px solid var(--line);
border-left:5px solid var(--blue);border-radius:0 12px 12px 0;
color:var(--ink-soft);font-size:15px;
}
.legal h2{
font-variation-settings:'wdth' 106,'wght' 700;
font-size:1.22rem;letter-spacing:-.015em;
margin:40px 0 12px;padding-top:22px;border-top:1px solid var(--line);
}
.legal h3{font-variation-settings:'wdth' 104,'wght' 700;font-size:1.02rem;margin:24px 0 8px}
.legal p,.legal li{color:var(--ink-soft);font-size:16px}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li{margin-bottom:8px}
.legal li::marker{color:var(--blue)}
.legal a{color:var(--blue)}
.fill{background:#FFF3CD;padding:1px 6px;border-radius:4px;color:#6B4E00;font-size:15px}
/* ---------- certificate ---------- */
.cert{
background:var(--card);border:1.5px solid var(--navy);border-radius:6px;
padding:14px;box-shadow:0 18px 40px -22px rgba(2,33,77,.45);max-width:640px;
}
.cert-in{
border:1px solid var(--line2);border-radius:3px;padding:34px 38px 26px;text-align:center;
background:
linear-gradient(135deg,rgba(1,117,254,.05),rgba(1,117,254,0) 40%),
var(--card);
}
.cert-top{display:flex;flex-direction:column;align-items:center;gap:10px}
.cert-mark{height:34px;width:auto}
.cert-kicker{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-variation-settings:'wdth' 110,'wght' 700}
.cert-title{
font-family:'Fraunces',Georgia,'Times New Roman',serif;font-weight:700;
font-size:clamp(1.9rem,4.6vw,2.7rem);color:var(--navy);margin:14px 0 18px;letter-spacing:-.01em;line-height:1.1;
}
.cert-line{margin:0;color:var(--ink-soft);font-size:15px}
.cert-name{
font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(1.5rem,3.6vw,2rem);
color:var(--ink);margin:6px auto 10px;padding-bottom:8px;border-bottom:1.5px solid var(--line);max-width:80%;
}
.cert-track{margin:6px 0 0;font-size:1.12rem;color:var(--blue);font-variation-settings:'wdth' 106,'wght' 800}
.cert-foot{
display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;
margin-top:28px;padding-top:14px;border-top:1px solid var(--line-soft);
font-size:13px;color:var(--ink-soft);
}
.cert-foot span:first-child{text-align:left}
.cert-foot span:last-child{text-align:right}
.cert-seal{
width:46px;height:46px;border-radius:50%;background:var(--blue);position:relative;
box-shadow:0 0 0 4px var(--card),0 0 0 5.5px var(--blue);
}
.cert-seal::after{
content:"";position:absolute;left:14px;top:13px;width:16px;height:9px;
border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg);
}
.cert-sm .cert-in{padding:24px 24px 18px}
.cert-sm .cert-title{font-size:1.7rem;margin:10px 0 12px}
.cert-sm .cert-name{font-size:1.35rem}
/* ---------- home: certificate section ---------- */
.certsec{padding:74px 0;border-top:1px solid var(--line-soft)}
.certsec-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.certsec h2{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:18px}
.certsec .sub{margin:0 0 14px}
.certsec a.inline{color:var(--blue)}
@media (max-width:880px){.certsec-in{grid-template-columns:1fr;gap:34px}}
/* ---------- /emplified ---------- */
.emp-hero{padding:56px 0 20px}
.emp-hero-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.emp-hero h1{font-size:clamp(2.4rem,6.4vw,4.2rem)}
.emp-hero .lede{margin:22px 0 0;font-size:1.12rem}
.emp-hero .hero-cta{margin-top:30px}
@media (max-width:900px){.emp-hero-in{grid-template-columns:1fr;gap:36px}}
.emp-means{padding:64px 0;border-top:1px solid var(--line-soft);margin-top:40px}
.emp-means h2,.emp-not h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:12px}
.emp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:36px}
.emp-grid div{background:var(--card);padding:26px 24px 28px}
.emp-grid h3{margin:0 0 8px;font-size:1.08rem;font-variation-settings:'wdth' 106,'wght' 700}
.emp-grid p{margin:0;color:var(--ink-soft);font-size:15.5px}
@media (max-width:820px){.emp-grid{grid-template-columns:1fr}}
.emp-not{padding:10px 0 70px}
.emp-not .box{
border:1.5px solid var(--line);border-left:5px solid var(--blue);border-radius:0 12px 12px 0;
padding:24px 26px;max-width:760px;
}
.emp-not .box p{margin:0 0 10px;color:var(--ink-soft)}
.emp-not .box p:last-child{margin:0}
/* ---------- /share ---------- */
.share{padding:48px 0 80px}
.share-wrap{max-width:760px}
.share h1{font-size:clamp(2.1rem,5.4vw,3.2rem);margin-bottom:14px}
.share-step{margin-top:38px}
.share-step h2{font-size:1.15rem;margin:0 0 12px;font-variation-settings:'wdth' 104,'wght' 700}
.share-chips{display:flex;flex-wrap:wrap;gap:9px}
.share-chip{
font-family:inherit;font-size:15px;padding:10px 16px;border-radius:999px;cursor:pointer;
background:var(--card);color:var(--ink);border:1.5px solid var(--line);font-variation-settings:'wdth' 100,'wght' 600;
}
.share-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.share textarea,.share input[type=text]{
width:100%;font-family:inherit;font-size:16px;color:var(--ink);
border:1.5px solid var(--line);border-radius:9px;padding:13px 14px;background:var(--card);
}
.share textarea{min-height:92px;resize:vertical}
.share-hint{color:var(--ink-soft);font-size:14px;margin:8px 0 0}
.post{
margin-top:12px;border:1.5px solid var(--line);border-radius:12px;background:var(--wash);
padding:20px 22px;white-space:pre-wrap;font-size:15.5px;line-height:1.6;color:var(--ink);
}
.share-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.copied{color:#1B7F3B;font-size:15px;font-variation-settings:'wdth' 100,'wght' 700}
.share-ol{margin:0;padding-left:20px;color:var(--ink-soft)}
.share-ol li{margin-bottom:8px}
.check{width:54px;height:54px;border-radius:50%;background:var(--blue);display:grid;place-items:center;margin-bottom:26px}
.check::after{content:"";width:20px;height:11px;margin-top:-5px;border-left:3.5px solid #fff;border-bottom:3.5px solid #fff;transform:rotate(-45deg)}
.steps{margin:20px 0 0;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:18px 0 18px 46px;border-top:1px solid var(--line);color:var(--ink-soft)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li::before{content:counter(s);position:absolute;left:0;top:17px;width:29px;height:29px;border-radius:50%;border:2px solid var(--line);color:var(--ink-soft);display:grid;place-items:center;font-size:14px;font-variation-settings:'wdth' 100,'wght' 800}
.steps b{font-variation-settings:'wdth' 104,'wght' 700;color:var(--ink)}
.thero .lede b{color:var(--ink);font-variation-settings:'wdth' 104,'wght' 700}
.thanks-h{margin:46px 0 0;font-size:1.25rem;font-variation-settings:'wdth' 104,'wght' 700;letter-spacing:-.01em}
.join{margin:34px 0 0;padding:26px;border:2px solid var(--blue);border-radius:14px;background:var(--wash)}
.join-warn{margin:0 0 20px;padding:14px 16px;background:#FFF3CD;border:1.5px solid #E0C97F;border-radius:9px;color:#6B4E00;font-size:15px;font-variation-settings:'wdth' 100,'wght' 700}
.btn-join{display:block;width:100%;text-align:center;font-size:1.12rem;padding:18px 24px}
.join-note{margin:16px 0 0;color:var(--ink-soft);font-size:15px}
.refer-box{margin-top:34px;padding:24px 26px;background:var(--card);border:1.5px solid var(--line);border-left:5px solid var(--blue);border-radius:0 12px 12px 0}
.refer-h{margin:0 0 10px;font-size:1.1rem;font-variation-settings:'wdth' 104,'wght' 700}
.refer-box p{margin:0 0 10px;color:var(--ink-soft)}
.refer-box p:last-child{margin:0}
/* ---------- video hero ---------- */
.hero-v{padding:44px 0 56px;text-align:center}
.hero-eyebrow{
margin:0 auto 20px;color:var(--blue);font-size:13px;letter-spacing:.12em;
text-transform:uppercase;font-variation-settings:'wdth' 102,'wght' 700;
}
.vwrap{
position:relative;max-width:940px;margin:0 auto;border-radius:18px;
overflow:hidden;background:var(--navy);
box-shadow:0 18px 50px -18px rgba(2,33,77,.45),0 0 0 1.5px var(--line);
}
.vwrap .vid{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--navy)}
.vplay{
position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
background:linear-gradient(180deg,rgba(2,33,77,.18),rgba(2,33,77,.52));
color:#fff;font-family:inherit;transition:background .18s ease;
}
.vplay:hover{background:linear-gradient(180deg,rgba(2,33,77,.1),rgba(2,33,77,.42))}
.vplay[hidden]{display:none}
.vplay-ic{
width:76px;height:76px;border-radius:50%;background:var(--blue);
box-shadow:0 10px 30px -6px rgba(1,117,254,.65);
display:flex;align-items:center;justify-content:center;transition:transform .18s ease;
}
.vplay-ic::after{
content:"";width:0;height:0;margin-left:5px;
border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;
}
.vplay:hover .vplay-ic{transform:scale(1.07)}
.vplay-tx{
font-size:15px;font-variation-settings:'wdth' 102,'wght' 700;
text-shadow:0 1px 10px rgba(2,33,77,.6);
}
.hero-v .hero-h1{font-size:clamp(1.9rem,4.4vw,3.1rem);margin:40px auto 0;max-width:20ch;letter-spacing:-.025em}
.hero-v .hero-lede{margin:20px auto 0;max-width:56ch;font-size:clamp(1.02rem,1.9vw,1.16rem)}
.hero-v .hero-cta{justify-content:center;margin-top:30px}
.hero-note{margin:20px 0 0;color:var(--ink-soft);font-size:15px}
@media (max-width:640px){
.hero-v{padding:28px 0 44px}
.hero-eyebrow{max-width:22ch;margin-inline:auto;line-height:1.5}
.vplay-ic{width:60px;height:60px}
.vplay-ic::after{border-left-width:18px;border-top-width:11px;border-bottom-width:11px}
.vplay-tx{font-size:13.5px;padding:0 24px}
.hero-h1{margin-top:34px}
.hero-v .hero-cta .btn{width:100%}
}
/* ---------- track picker section ---------- */
.picker-sec{padding:16px 0 64px;border-top:1px solid var(--line-soft)}
.picker-sec{padding-top:56px}
.picker-sec h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:0}
.picker-sec .picker-s{margin:10px 0 26px}
.tcard-go{float:right;color:var(--blue);font-variation-settings:'wdth' 100,'wght' 700}
.picker-sec .tcards-pick{grid-template-columns:repeat(3,1fr);gap:14px}
.picker-sec .tcard{display:flex;flex-direction:column}
.picker-sec .tcard-f{margin-top:auto;padding-top:10px}
@media (max-width:1000px){.picker-sec .tcards-pick{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.picker-sec .tcards-pick{grid-template-columns:1fr}}
/* ---------- step indicator ---------- */
.psteps{display:flex;gap:8px;list-style:none;margin:0 0 30px;padding:0;flex-wrap:wrap}
.pstep{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-soft);
font-variation-settings:'wdth' 100,'wght' 600}
.pstep:not(:last-child)::after{content:"";width:26px;height:1.5px;background:var(--line);margin-left:8px}
.pstep-n{display:flex;align-items:center;justify-content:center;width:23px;height:23px;
border-radius:50%;border:1.5px solid var(--line);font-size:12.5px;background:var(--card)}
.pstep.now{color:var(--ink)}
.step.now .pstep-n{background:var(--blue);border-color:var(--blue);color:#fff}
.step.done .pstep-n{background:var(--tint);border-color:var(--line2);color:var(--blue)}
@media (max-width:560px){.pstep:not(.now):not(.done){display:none}.pstep::after{display:none}}
/* ---------- industry picker ---------- */
.choose{padding-bottom:132px}
.choose h1{font-size:clamp(1.9rem,4.4vw,3rem);margin:0 0 12px;letter-spacing:-.025em}
.choose-lede{margin:0 0 34px;max-width:54ch}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:720px){.opts{grid-template-columns:1fr}}
.opt{
position:relative;display:block;text-align:left;cursor:pointer;font-family:inherit;
background:var(--card);border:1.5px solid var(--line);border-radius:14px;
padding:20px 54px 20px 22px;transition:border-color .15s ease,box-shadow .15s ease;
}
.opt:hover{border-color:var(--line2)}
.opt:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.opt.on{border-color:var(--blue);border-width:2px;padding:19.5px 53.5px 19.5px 21.5px;
box-shadow:0 0 0 3px rgba(1,117,254,.11)}
.opt-n{display:block;font-size:1.1rem;letter-spacing:-.015em;color:var(--ink);
font-variation-settings:'wdth' 104,'wght' 700}
.opt-d{display:block;margin-top:5px;font-size:14.5px;line-height:1.45;color:var(--ink-soft)}
.opt-tick{position:absolute;top:22px;right:20px;width:22px;height:22px;border-radius:50%;
border:1.5px solid var(--line);background:var(--card);transition:background .15s ease,border-color .15s ease}
.opt.on .opt-tick{background:var(--blue);border-color:var(--blue)}
.opt.on .opt-tick::after{content:"";position:absolute;left:6px;top:9px;width:9px;height:5px;
border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.choose-note{margin:26px 0 0;color:var(--ink-soft);font-size:14.5px}
/* ---------- sticky summary bar ---------- */
.sumbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--veil);
backdrop-filter:saturate(1.4) blur(10px);border-top:1px solid var(--line);
box-shadow:0 -8px 28px -20px rgba(2,33,77,.5)}
.sumbar[hidden]{display:none}
.sumbar-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.sumbar-t{display:flex;flex-direction:column;min-width:0}
.sumbar-track{font-size:14px;color:var(--ink-soft)}
.sumbar-ind{font-size:1.08rem;letter-spacing:-.015em;font-variation-settings:'wdth' 104,'wght' 700;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sumbar-r{display:flex;align-items:center;gap:16px;flex:none}
.sumbar-price{font-size:1.3rem;letter-spacing:-.02em;font-variation-settings:'wdth' 106,'wght' 800}
@media (max-width:560px){
.sumbar-in{padding:12px 0;gap:12px}
.sumbar-price{font-size:1.15rem}
.sumbar-r{gap:12px}
.sumbar-r .btn{padding:13px 20px}
}
/* ---------- order page: the chosen industry ---------- */
.order-ind[hidden]{display:none}
.order-change{font-size:13.5px;color:var(--blue);margin-left:8px;
font-variation-settings:'wdth' 100,'wght' 600}
.tlist-note{margin-top:26px}
/* ---------- tracks landing ---------- */
.shop-hero{padding:66px 0 26px}
.shop-hero h1{font-size:clamp(2rem,4.8vw,3.3rem);margin:0;letter-spacing:-.028em;max-width:19ch}
.shop-lede{margin:16px 0 0;max-width:58ch}
.rail{position:sticky;top:64px;z-index:40;background:var(--veil);
backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line-soft);margin-bottom:38px}
.rail .wrap{padding-left:0;padding-right:0}
.rail-in{display:flex;gap:8px;overflow-x:auto;padding:13px 24px;scrollbar-width:none}
.rail-in::after{content:"";flex:none;width:4px}
.rail-in::-webkit-scrollbar{display:none}
.rail-chip{flex:none;text-decoration:none;font-size:14.5px;color:var(--ink-soft);
font-variation-settings:'wdth' 100,'wght' 600;padding:8px 15px;border-radius:999px;
border:1.5px solid var(--line);background:var(--card);white-space:nowrap;transition:all .14s ease}
.rail-chip:hover{border-color:var(--blue);color:var(--blue);background:var(--wash)}
.shop{padding-bottom:12px}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:1000px){.shop-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.shop-grid{grid-template-columns:1fr}}
.shop-tile{
display:flex;flex-direction:column;text-decoration:none;scroll-margin-top:130px;
background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:26px 24px 22px;
transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.shop-tile:hover{border-color:var(--blue);transform:translateY(-3px);
box-shadow:0 16px 36px -22px rgba(2,33,77,.5)}
.shop-meta{display:block;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;
color:var(--blue);font-variation-settings:'wdth' 102,'wght' 700;min-height:2.6em;line-height:1.3}
.shop-name{display:block;margin-top:10px;font-size:1.5rem;letter-spacing:-.025em;color:var(--ink);
font-variation-settings:'wdth' 106,'wght' 800;line-height:1.15}
.shop-blurb{display:block;margin-top:10px;color:var(--ink-soft);font-size:15px;line-height:1.5;flex:1}
.shop-foot{display:flex;align-items:baseline;gap:12px;margin-top:22px;
padding-top:16px;border-top:1px solid var(--line-soft)}
.shop-price{font-size:1.5rem;letter-spacing:-.025em;color:var(--ink);
font-variation-settings:'wdth' 106,'wght' 800}
.shop-mods{color:var(--ink-soft);font-size:14.5px}
.shop-go{margin-left:auto;color:var(--blue);font-size:1.15rem;
font-variation-settings:'wdth' 100,'wght' 700}
/* ---------- help band ---------- */
.helpband{margin-top:56px;padding:0 0 10px}
.helpband-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
background:var(--wash);border:1.5px solid var(--line2);border-radius:18px;padding:30px 32px}
.helpband-h{margin:0 0 6px;font-size:1.45rem;letter-spacing:-.02em;
font-variation-settings:'wdth' 106,'wght' 800}
.helpband-in .sub{margin:0;max-width:54ch;font-size:15.5px}
/* ---------- reassurance row ---------- */
.reassure{padding:46px 0 72px}
.reassure-in{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
border-top:1px solid var(--line);padding-top:30px}
@media (max-width:820px){.reassure-in{grid-template-columns:repeat(2,1fr);gap:26px}}
@media (max-width:460px){.reassure-in{grid-template-columns:1fr}}
.reassure-i{display:flex;flex-direction:column;gap:4px}
.reassure-i b{font-size:15.5px;letter-spacing:-.01em;font-variation-settings:'wdth' 104,'wght' 700}
.reassure-i span{color:var(--ink-soft);font-size:14.5px;line-height:1.45}
/* ---------- product artwork ---------- */
.shop-shot{display:block;margin:-26px -24px 20px;border-radius:17px 17px 0 0;overflow:hidden;
background:var(--shot);border-bottom:1px solid var(--line-soft)}
.shop-shot img{display:block;width:100%;height:auto}
.shop-tile:hover .shop-shot img{transform:scale(1.025)}
.shop-shot img{transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.thero-shot{margin:38px 0 0;max-width:520px;border-radius:18px;overflow:hidden;
border:1.5px solid var(--line);box-shadow:0 18px 44px -26px rgba(2,33,77,.5)}
.thero-shot img{display:block;width:100%;height:auto}
@media (max-width:640px){.thero-shot{margin-top:28px}}
.thero-in{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center}
.thero-tx{min-width:0}
.thero-in .thero-shot{margin:0;max-width:none}
@media (max-width:900px){
.thero-in{grid-template-columns:1fr;gap:34px}
.thero-in .thero-shot{max-width:520px}
}
/* ---------- artwork on the home page picker cards ---------- */
.tcards-pick .tcard{padding:0;overflow:hidden}
.tcard-shot{display:block;background:var(--shot);border-bottom:1px solid var(--line-soft)}
.tcard-shot img{display:block;width:100%;height:auto;
transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.tcards-pick .tcard:hover .tcard-shot img{transform:scale(1.025)}
.tcards-pick .tcard-h{display:block;padding:18px 20px 0}
.tcards-pick .tcard-b{padding:0 20px}
.tcards-pick .tcard-f{padding:0 20px 18px;margin-top:12px}
/* ---------- launch price band ---------- */
.offer{
position:relative;display:block;max-width:560px;margin:34px auto 0;
padding:26px 32px 24px;border-radius:22px;text-align:center;overflow:hidden;
background:linear-gradient(135deg,#0175FE 0%,#0A5BD6 55%,#0847A8 100%);
box-shadow:0 20px 50px -20px rgba(1,117,254,.6);
}
.offer::after{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(120% 90% at 85% -10%,rgba(255,255,255,.3),transparent 60%)}
.offer-tag{position:relative;z-index:1;margin:0;display:inline-block;
padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.18);
color:#fff;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
font-variation-settings:'wdth' 102,'wght' 800}
.offer-price{position:relative;z-index:1;margin:12px 0 0;line-height:.88;color:#fff;
font-size:clamp(4rem,12vw,6.6rem);letter-spacing:-.05em;
font-variation-settings:'wdth' 110,'wght' 800;
text-shadow:0 6px 26px rgba(0,0,0,.22)}
.offer-cur{font-size:.46em;vertical-align:.42em;margin-right:2px;opacity:.95}
.offer-per{font-size:.19em;letter-spacing:.01em;margin-left:10px;opacity:.9;
font-variation-settings:'wdth' 100,'wght' 600}
.offer-sub{position:relative;z-index:1;margin:14px auto 0;max-width:42ch;
color:rgba(255,255,255,.88);font-size:14.5px;line-height:1.55}
@media (max-width:560px){.offer{padding:22px 20px 20px;margin-top:26px;border-radius:18px}}
/* ---------- reviews slider ---------- */
.revs{padding:56px 0 64px;border-top:1px solid var(--line-soft)}
.revs-head{margin-bottom:26px}
.revs-tag{margin:0 0 10px;color:var(--blue);font-size:12.5px;letter-spacing:.14em;
text-transform:uppercase;font-variation-settings:'wdth' 102,'wght' 800}
.revs-h2{margin:0;font-size:clamp(1.9rem,4.4vw,3rem);letter-spacing:-.03em;line-height:1.1;
font-variation-settings:'wdth' 106,'wght' 800;color:var(--ink)}
.revs-h2 span{color:var(--blue)}
.revs-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
-webkit-overflow-scrolling:touch;scroll-padding-left:24px}
@media (min-width:1168px){.revs-rail{scroll-padding-left:calc((100vw - 1120px)/2 + 24px)}}
.revs-rail::-webkit-scrollbar{display:none}
.revs-track{display:flex;gap:16px;padding:4px 24px;width:max-content;
margin:0 auto;max-width:none}
@media (min-width:1168px){.revs-track{padding-left:calc((100vw - 1120px)/2 + 24px)}}
.rev{scroll-snap-align:start;flex:0 0 clamp(272px,78vw,352px);margin:0;
display:flex;flex-direction:column;background:var(--card);
border:1.5px solid var(--line);border-radius:16px;padding:24px 22px;
transition:border-color .2s ease,transform .2s ease}
.rev:hover{border-color:var(--line2);transform:translateY(-2px)}
.rev-mark{display:block;color:var(--blue);font-size:40px;line-height:.75;
font-variation-settings:'wdth' 108,'wght' 800;margin-bottom:10px}
.rev-h{margin:0 0 10px;font-size:1.1rem;letter-spacing:-.015em;color:var(--ink);
font-variation-settings:'wdth' 104,'wght' 700}
.rev-q{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.7;quotes:none;flex:1}
.rev-by{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;
border-top:1px solid var(--line-soft)}
.rev-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
background:var(--tint);color:var(--blue);flex:none;
font-variation-settings:'wdth' 104,'wght' 800}
.rev-by b{display:block;font-size:13.5px;color:var(--ink);
font-variation-settings:'wdth' 104,'wght' 700}
.rev-by small{display:block;margin-top:3px;color:var(--ink-soft);font-size:11.5px}
.revs-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.rev-dots{display:flex;gap:8px}
.rev-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;cursor:pointer;
background:var(--ink-soft);opacity:.35;transition:all .2s ease}
.rev-dot:hover{opacity:.6}
.rev-dot.on{background:var(--blue);opacity:1;width:26px;border-radius:4px}
.rev-dot:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.rev-arrows{display:flex;gap:8px}
.rev-arrow{width:40px;height:40px;border-radius:50%;cursor:pointer;background:var(--card);
border:1.5px solid var(--line);color:var(--ink);font-size:16px;font-family:inherit;
transition:all .15s ease}
.rev-arrow:hover{border-color:var(--blue);color:var(--blue)}
@media (max-width:560px){.rev-arrows{display:none}.revs-foot{justify-content:center}}