@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/InterTight-400.woff2) format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/InterTight-500.woff2) format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/InterTight-600.woff2) format('woff2');}
/* ==== Tokens ==== */
:root{
  --ink:#080808;--night:#0a0a0a;--paper:#fff;--red:#ef3e33;--red-text:#c8291f;
  --t-dark:#333;--t-mid:#4a4a4a;--t-soft:#5f5f5f;--t-card:#707070;
  --on-dark:#f2f2f2;--on-dark-2:#bdbdbd;--on-dark-3:#a8a8a8;
  --rule:#dedede;--rule-dark:#3a3a3a;
  --font:'Inter Tight','Helvetica Neue',Helvetica,sans-serif;
  --fs-display:clamp(36px,4.2vw,56px);--fs-h2:clamp(28px,3vw,42px);--fs-h3:clamp(20px,1.9vw,26px);
  --fs-lead:18px;--fs-body:16px;--fs-small:14px;--fs-caption:13px;
  --logo:url(hackreflex-logo.png);
}

/* ==== Base ==== */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
main{flex:1}
.skip{position:absolute;left:16px;top:-100px;z-index:50;padding:12px 16px;background:var(--ink);color:#fff;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
a{color:inherit}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
h1,h2,h3,p{text-wrap:pretty}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.wrap{width:min(calc(100% - 40px),1200px);margin:0 auto}
[id]{scroll-margin-top:76px}
.section{padding:clamp(60px,7vw,96px) 0}
.dark{background:var(--night);color:var(--on-dark)}
.eyebrow{font-size:var(--fs-caption);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--t-soft)}
.dark .eyebrow{color:var(--on-dark-3)}
.eyebrow+h2,.eyebrow+.lead{margin-top:16px}
.line2{display:block;margin-top:.22em}
.logo{display:block;aspect-ratio:600/71;background:var(--logo) left center/contain no-repeat}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sm{display:none}
.br-desk{display:none}

/* ==== Buttons ==== */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid var(--ink);font-size:var(--fs-body);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}
.btn-p{background:var(--ink);color:#fff}.btn-p:hover{background:#2a2a2a}
.btn-s{background:#fff;color:var(--ink)}.btn-s:hover{background:#f2f2f2}
.btn-inv{background:#fff;color:var(--ink);border-color:#fff}.btn-inv:hover{background:#e6e6e6}

/* ==== Header ==== */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid var(--rule);backdrop-filter:blur(10px)}
.top .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.top .logo{width:clamp(160px,20vw,236px)}
.top .btn{min-height:46px;padding:0 18px;font-size:var(--fs-small)}

/* ==== Hero ==== */
.hero{padding:clamp(38px,4vw,54px) 0 clamp(28px,3vw,40px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,64px);align-items:stretch}
.hero h1{font-size:var(--fs-display);line-height:1.04;letter-spacing:-.035em;font-weight:500}
.hero-sub{margin-top:12px;font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em;font-weight:500;color:var(--t-soft)}
.hero-lede{margin-top:18px;max-width:680px;font-size:var(--fs-lead);line-height:1.45;color:var(--t-dark)}
.cta{margin-top:20px}
.cta-pair{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cta-note{margin-top:9px;font-size:var(--fs-caption);line-height:1.2;color:var(--t-mid)}
.hero-card{position:relative}
.hero-card .vc{position:absolute;inset:0 0 25px 0}
.pulse{display:block;width:100%;height:auto;margin-top:clamp(28px,3vw,40px);overflow:visible}
.pulse-mob{display:none;margin-top:28px}
.pulse-static{display:none}

/* ==== Sample cards (one system: 14px, two styles) ==== */
.vc{background:#fff;color:var(--ink);border:1px solid #cfcfcf;font-size:14px;line-height:1.3;font-variant-numeric:tabular-nums}
.vc .a{font-weight:500;color:var(--ink)}
.vc .b{font-weight:400;color:var(--t-card)}
.vc h3{font:inherit}
.vc-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 18px 13px;background:#f5f5f5;border-bottom:1px solid var(--ink)}
.vc-head .b{white-space:nowrap}
.vc-row{display:grid;align-items:center;gap:16px;border-bottom:1px solid #ebebeb}
.vc-row:last-child,.vc-row:has(+.vc-group){border-bottom:0}
.vc-cell{display:flex;flex-direction:column;gap:2px;min-width:0}
.tag{display:flex;align-items:center;justify-content:center;height:24px;border:1px solid #d4d4d4;color:var(--t-card)}
.tag.gap{background:var(--red-text);border-color:var(--red-text);color:#fff;font-weight:500}
.vc-group{margin:0 18px;padding:16px 0 8px;border-bottom:1px solid var(--ink)}
.vc-head+.vc-group{padding-top:14px}
/* hero card */
.vc-hero{display:grid;grid-template-rows:auto repeat(4,minmax(0,1fr));overflow:hidden}
.vc-hero .vc-row{grid-template-columns:36px minmax(0,1fr) 60px;padding:0 18px}
/* playbook card */
.vc-play{width:100%;max-width:610px;justify-self:end;align-self:start;padding-bottom:4px}
.vc-play .vc-row{grid-template-columns:minmax(0,1fr) 60px;margin:0 18px;padding:8px 0}
/* diligence cards */
.vc-dil .vc-row{grid-template-columns:minmax(0,1fr) 76px;margin:0 18px;padding:12px 0;min-height:24px}

/* ==== The problem ==== */
.problem h2{font-size:var(--fs-display);line-height:1.14;letter-spacing:-.035em;font-weight:500}
.problem h2 em{font-style:normal;color:var(--red)}
.stat{margin-top:clamp(48px,6vw,72px);max-width:1080px;font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.015em;font-weight:500}
.stat strong{color:#fff;font-weight:600}
.source{margin-top:14px;font-size:var(--fs-small);line-height:1.5;color:var(--on-dark-3)}
.dots{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.dots i,.legend i{display:block;width:12px;height:12px;border-radius:50%;background:var(--red)}
.dots i.ready{background:#fff}
.legend{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:18px;font-size:var(--fs-small);color:var(--on-dark-2)}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:10px;height:10px}
.legend .ready{background:#fff}
.stat-sm{display:none;margin-top:32px;padding:22px 0;border-top:1px solid var(--rule-dark);border-bottom:1px solid var(--rule-dark)}
.stat-sm b{display:block;font-size:48px;line-height:1;letter-spacing:-.05em;font-weight:600;color:#fff}
.stat-sm b span{font-size:26px;color:#8f8f8f;font-weight:500}
.stat-sm p{margin-top:10px;max-width:320px;font-size:var(--fs-lead);line-height:1.4;color:var(--on-dark-2)}
.stat-sm .bar{display:grid;grid-template-columns:5fr 207fr;height:8px;margin-top:18px;background:var(--red)}
.stat-sm .bar span:first-child{background:#fff}
.lead-quote{margin-top:clamp(56px,7vw,88px);padding-top:28px;border-top:1px solid var(--rule-dark)}
.lq-intro{font-size:var(--fs-small);color:var(--on-dark-2)}
.lead-quote blockquote{margin-top:14px;max-width:1000px;font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.015em;font-weight:500;color:#fff}
.lead-quote figcaption{margin-top:14px;font-size:var(--fs-small);color:var(--on-dark-3)}
.lead-quote+.quotes{margin-top:clamp(40px,5vw,56px)}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.quotes figure{display:flex;flex-direction:column;padding-top:20px;border-top:1px solid var(--ink)}
.quotes blockquote{font-size:var(--fs-lead);line-height:1.4}
.quotes figcaption{margin-top:auto;padding-top:14px;font-size:var(--fs-small);color:var(--t-mid)}
.dark .quotes figure{border-color:var(--rule-dark)}
.dark .quotes figcaption{color:var(--on-dark-3)}
.clock{margin-top:clamp(64px,8vw,104px);padding-top:40px;border-top:1px solid #2c2c2c}
.clock h2{font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em;font-weight:500}
.clock p{margin-top:14px;font-size:var(--fs-lead);line-height:1.45;color:var(--on-dark-2)}
.fuse{position:relative;height:72px;margin:10px 0 8px}
.fuse canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fuse::before{content:"";position:absolute;left:0;right:0;top:56%;height:3px;margin-top:-1.5px;border-radius:2px;background:#6a6a6a}
.js .fuse::before{display:none}
.versus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule-dark);border-bottom:1px solid var(--rule-dark)}
.versus>*{padding:20px 20px 20px 0;font-size:var(--fs-lead);line-height:1.35}
.versus>:nth-child(even){padding-left:24px;padding-right:0;border-left:1px solid var(--rule-dark);color:var(--on-dark-3)}
.versus>:nth-child(3),.versus>:nth-child(4){border-bottom:1px solid #2a2a2a}
.versus .eyebrow{padding-top:16px;padding-bottom:16px;font-size:13px;line-height:normal;letter-spacing:.07em;border-bottom:1px solid var(--rule-dark)}
.versus .eyebrow.late{color:var(--red)}

/* ==== Readiness check ==== */
.check-intro{margin-top:18px;font-size:var(--fs-lead);line-height:1.45;color:var(--t-mid)}
.check h2{font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em;font-weight:500}
.qs{margin-top:48px;border-top:1px solid var(--ink)}
.q{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:32px 0;border-bottom:1px solid var(--rule)}
.q-num{padding-top:6px;font-size:var(--fs-caption);font-weight:600;color:var(--t-soft);font-variant-numeric:tabular-nums}
.q h3{max-width:760px;font-size:var(--fs-h3);line-height:1.25;letter-spacing:-.015em;font-weight:500}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:20px;max-width:760px}
.choice{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 14px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-size:var(--fs-body);font-weight:500;text-align:center;cursor:pointer}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice:hover{background:#f2f2f2}
.choice:has(:checked){background:var(--ink);color:#fff;font-weight:600}
.choice:has(:focus-visible){outline:3px solid var(--red);outline-offset:3px}
.q:has([value="0"]:checked) .fb[data-a="0"],.q:has([value="1"]:checked) .fb[data-a="1"],.q:has([value="2"]:checked) .fb[data-a="2"]{display:block}
.fb{display:none;margin-top:14px;max-width:760px;padding:14px 16px;border:1px solid var(--rule);font-size:var(--fs-body);line-height:1.5;color:var(--t-dark)}
.result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 32px;margin-top:28px;padding:26px 28px;background:var(--ink);color:#fff}
.result-head{display:flex;align-items:center;gap:16px}
#resTitle{font-size:var(--fs-h3);line-height:1.1;letter-spacing:-.015em;font-weight:500}
.meter{display:inline-flex;gap:5px;position:relative;top:1px}
.meter i{display:block;width:12px;height:12px;border:1.5px solid #6a6a6a}
.meter i.ok{background:#fff;border-color:#fff}
.meter i.part{border-color:var(--red)}
.meter i.no{background:var(--red);border-color:var(--red)}
#resBody{margin-top:8px;font-size:var(--fs-body);line-height:1.45;color:#c4c4c4}
.result .btn{font-size:var(--fs-body)}

/* ==== Inside the playbook ==== */
.pb{padding:40px 0 48px}
.pb .eyebrow{margin-bottom:14px}
.pb-grid{display:grid;grid-template-columns:minmax(0,4.9fr) minmax(0,7.1fr);gap:clamp(30px,3.2vw,44px);align-items:stretch;scroll-margin-top:76px}
.pb h2{font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em;font-weight:500}
.pb-intro{margin-top:14px;font-size:var(--fs-lead);line-height:1.45;color:var(--on-dark-2)}
.chain-box{margin-top:26px;padding-top:18px;border-top:1px solid #2c2c2c}
.chain{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.step{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:var(--fs-caption);font-weight:600;color:#fff}
.track{position:relative;width:100%;height:16px}
.track::before{content:"";position:absolute;top:7px;left:0;right:0;height:2px;background:#fff}
.step:first-child .track::before{left:50%}
.step:last-of-type .track::before{right:50%}
.node{position:absolute;left:50%;top:0;width:16px;height:16px;margin-left:-8px;background:#fff}
.node.gap{background:var(--night);border:2px dashed var(--red);box-shadow:0 0 0 5px rgba(239,62,51,.15)}
.step small{margin-top:-3px;font-size:12px;font-weight:600;text-align:center}
.chain-dot{position:absolute;top:2px;left:87.5%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--night)}
.pb-foot{margin-top:16px;font-size:var(--fs-small);line-height:1.34;color:var(--on-dark-2)}

/* ==== How it works ==== */
.how h2{font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em;font-weight:500}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;margin-top:28px;border-top:1px solid var(--ink)}
.steps>div{padding:16px 0 4px}
.steps svg{display:block}
.steps h3{margin-top:10px;font-size:var(--fs-lead);line-height:1.25;font-weight:500}
.steps p{margin-top:8px;font-size:var(--fs-body);line-height:1.4;color:var(--t-mid)}
.offer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:28px;padding:18px;border:1px solid var(--ink);background:var(--ink);color:#fff}
.offer p{max-width:640px;font-size:var(--fs-body);line-height:1.4;color:#d0d0d0;text-wrap:balance}
.offer b{color:#fff;font-weight:600}
.offer .btn{min-height:44px;padding:0 18px;font-size:var(--fs-small)}
.privacy{margin-top:12px;padding:14px 18px;border:1px solid var(--rule);font-size:var(--fs-small);line-height:1.4;color:var(--t-dark);text-wrap:balance}
.privacy a{color:var(--ink);font-weight:600}

/* ==== Diligence ==== */
.lead{max-width:1200px;font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em;font-weight:500}
.lead .line2{font-weight:600}
.cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px;align-items:stretch}
.frameworks{margin-top:48px}
.frameworks h3{max-width:900px;font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.015em;font-weight:500}
.frameworks>p{margin-top:10px;font-size:var(--fs-small);line-height:1.42;color:var(--on-dark-2)}
.fw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
.fw>div{padding:20px 22px;background:#fff;color:var(--ink)}
.fw h4{font-size:var(--fs-lead);font-weight:600}
.fw p{margin-top:4px;font-size:var(--fs-caption);font-weight:500;color:var(--t-soft)}

/* ==== Audit ==== */
.audit h2{max-width:1100px;font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em;font-weight:500}
.spectrum{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:end;row-gap:16px;margin-top:48px}
.spectrum .side{padding-right:12px}
.spectrum .side.after{padding:0 0 0 12px;text-align:right}
.spectrum .name{margin-top:8px;font-size:var(--fs-lead);font-weight:500;color:var(--t-mid)}
.spectrum .after .name{color:var(--ink)}
.spectrum .desc{margin-top:4px;font-size:var(--fs-small);line-height:1.4;color:var(--t-soft)}
.spectrum .after .desc{color:var(--t-dark)}
.spectrum .mid{text-align:center;color:var(--ink)}
.spectrum .bar{height:12px;background:#c4c4c4}
.spectrum .bar.dark-bar{background:var(--ink)}
.spectrum .hinge{position:relative;height:12px;background:linear-gradient(90deg,#c4c4c4 50%,var(--ink) 50%)}
.spectrum .hinge i{position:absolute;left:50%;top:-6px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:var(--red);border:3px solid #fff}
.both{margin-top:44px;font-size:var(--fs-h3);letter-spacing:-.015em;font-weight:500}

/* ==== Final call ==== */
.final{padding:clamp(68px,8vw,112px) 0}
.final h2{font-size:var(--fs-display);line-height:1.04;letter-spacing:-.035em;font-weight:500}
.final p{margin-top:28px;font-size:var(--fs-lead);line-height:1.45;color:var(--on-dark-2)}
.final .btn{margin-top:36px;min-height:54px;padding:0 24px}

/* ==== Footer ==== */
.foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;padding:32px 0 40px}
.foot .logo{width:200px}
.foot-links{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 20px;font-size:var(--fs-caption);line-height:1.5;color:var(--t-soft)}
.legal a{display:inline-block;padding:4px 0}

/* ==== Early access view ==== */
.policy{padding:clamp(16px,2.2vw,30px) 0 clamp(48px,6vw,80px)}
.policy .wrap>*{max-width:680px}
.policy h1{font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.03em;font-weight:500}
.pp-date{margin-top:10px;font-size:var(--fs-small);color:var(--t-soft)}
.policy h2{margin-top:36px;font-size:var(--fs-body);font-weight:600;color:var(--ink)}
.policy p{margin-top:8px;font-size:var(--fs-body);line-height:1.6;color:var(--t-dark)}
.policy h2+p{margin-top:6px}
.ea{padding:clamp(16px,2.2vw,30px) 0 clamp(32px,4vw,48px)}
.ea h1{font-size:var(--fs-display);line-height:1.04;letter-spacing:-.035em;font-weight:500}
.ea h1 span{display:block}
.ea h1 .soft{color:#8a8a8a}
.ea-box{width:auto;max-width:640px}
.ea-lede{margin-top:20px;font-size:var(--fs-lead);line-height:1.45;color:var(--t-dark)}
.ea-lede span{display:block;color:var(--t-soft)}
.ea-label{margin-top:28px;font-size:var(--fs-body);font-weight:500;color:var(--ink)}
.ea form{margin-top:10px}
.field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.field input{height:54px;min-width:0;padding:0 16px;border:1px solid var(--ink);border-radius:0;font:inherit;font-size:var(--fs-body);color:var(--ink);background:#fff}
.field input::placeholder{color:#767676}
.field input:focus{outline:2px solid var(--ink);outline-offset:2px}
.field input[aria-invalid=true]{border-color:var(--red-text)}
.field .btn{height:54px;padding:0 26px}
.field .btn[disabled]{opacity:.6;cursor:default}
.error{margin-top:8px;font-size:var(--fs-small);color:var(--red-text)}
.error:empty{display:none}
.consent{margin-top:12px;font-size:var(--fs-caption);line-height:1.45;color:var(--t-soft)}
.consent a{color:var(--ink);font-weight:600}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.done{margin-top:30px;padding:22px 24px;background:var(--ink);color:#fff}
.done h2{font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.015em;font-weight:500}
.done p{margin-top:8px;font-size:var(--fs-body);line-height:1.45;color:#c4c4c4}
.done .ask{margin:18px 0 10px;color:#fff;font-size:var(--fs-small)}
.roles{display:flex;flex-wrap:wrap;gap:8px}
.roles button{height:40px;padding:0 14px;background:none;border:1px solid #6a6a6a;color:#fff;font-size:var(--fs-small);font-weight:500;cursor:pointer}
.roles button:hover,.roles button[aria-pressed=true]{border-color:#fff}
.roles button[aria-pressed=true]{background:#fff;color:var(--ink)}
.done .thanks{color:#fff}
.done .btn{margin-top:16px;min-height:46px;padding:0 20px;font-size:var(--fs-body)}
.view{display:none}
.view.on,.view:target{display:block}
main:has(.view.on)>:not(.view.on),main:has(.view:target)>:not(.view:target){display:none}
body:has(#early-access.on) .top .btn,body:has(#early-access:target) .top .btn{display:none}

/* ==== Motion ==== */
@keyframes hrChain{from{left:12.5%}to{left:87.5%}}
@keyframes hrLight{from{background:var(--red);box-shadow:0 0 0 0 rgba(255,255,255,0)}to{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}}
@supports (animation-timeline:view()){
  .chain-dot{animation:hrChain linear both;animation-timeline:view();animation-range:entry 60% cover 50%}
  .dots i.ready{animation:hrLight linear both;animation-timeline:view();animation-range:entry 40% cover 45%}
}
@media (prefers-reduced-motion:reduce){
  .chain-dot,.dots i.ready{animation:none}
  .pulse-dot{display:none}
  .pulse-static{display:inline}
}

/* ==== Breakpoints ==== */
@media (min-width:861px){
  .q{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:26px 0}
  .result{margin-left:56px;max-width:760px}
  .pb{padding:clamp(60px,7vw,96px) 0}
  .pb .eyebrow{margin-bottom:16px}
  .pb-copy{position:sticky;top:100px;align-self:start}
  .pb-intro{margin-top:18px}
  .chain-box{margin-top:22px;padding-top:22px}
  .pb-foot{margin-top:12px}
  .steps svg{height:28px}
  .steps h3{margin-top:12px;white-space:nowrap}
  .steps p{max-width:330px}
}
@media (min-width:1100px){.br-desk{display:inline}}
@media (max-width:1180px){
  .vc-hero .vc-head{padding-left:14px;padding-right:14px}
  .vc-hero .vc-row{grid-template-columns:32px minmax(0,1fr) 54px;gap:12px;padding:0 14px}
  .vc-hero .vc-cell{gap:1px;line-height:1.22}
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-card{display:none}
}
@media (max-width:860px){
  .pb-grid,.steps,.cards2,.fw,.quotes{grid-template-columns:minmax(0,1fr)}
  .vc-play{max-width:none}
  .offer{grid-template-columns:1fr;gap:12px}
  .offer .btn{width:100%}
}
@media (max-width:640px){
  .stat strong{display:block;text-wrap:balance}
  .lg{display:none}
  .sm{display:inline}
  .br-lg{display:none}
  .cta-pair{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .dots,.legend{display:none}
  .stat-sm{display:block;border-bottom:0}
  .lead-quote{margin-top:32px}
  .q{grid-template-columns:minmax(0,1fr);gap:10px}
  .q-num{padding-top:0}
  .result{grid-template-columns:minmax(0,1fr);padding:22px 20px}
  .result .btn{width:100%}
  .vc-head{flex-wrap:wrap;row-gap:4px;padding:12px 16px 11px}
  .vc-head>:first-child{white-space:nowrap}
  .vc-group,.vc-play .vc-row,.vc-dil .vc-row{margin:0 16px}
  .vc-dil .vc-head{flex-direction:column;align-items:flex-start;gap:2px}
  .offer p{max-width:none}
  .spectrum{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);row-gap:14px}
  .spectrum .side{grid-column:1/-1;order:1;padding:0}
  .spectrum .mid{display:none}
  .spectrum .side.after{order:3;padding:0;margin-top:6px}
  .spectrum .bar,.spectrum .hinge{order:2}
  .final .btn{width:100%}
  .pulse-desk{display:none}
  .pulse-mob{display:block}
  .foot{flex-direction:column;align-items:flex-start;gap:18px}
  .foot-links{align-items:flex-start}
  .legal{justify-content:flex-start}
  .field{grid-template-columns:minmax(0,1fr)}
  .field .btn{width:100%}
}