/* Thawpoint site · same tokens and look as the Thawpoint app (dark theme). */

@font-face{font-family:"Sentient";src:url(/fonts/sentient-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Sentient";src:url(/fonts/sentient-300i.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Sentient";src:url(/fonts/sentient-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Sentient";src:url(/fonts/sentient-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Supreme";src:url(/fonts/supreme-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Supreme";src:url(/fonts/supreme-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --ink-950:#0e0f12;--ink-900:#15161a;--ink-800:#212329;
  --cream-50:#fbf8f2;--cream-100:#f4eee3;--cream-300:#d8cdb9;
  --amber-200:#f8d3a8;--amber-300:#f0a458;--amber-400:#ea9150;--amber-500:#de733c;--amber-600:#d6612f;
  --emerald-200:#9fd9cb;--emerald-300:#4fbfa8;--emerald-400:#1fa28b;--emerald-500:#0e8c78;
  --frost-300:#a9c2d8;--frost-400:#6b8fb0;
  --gradient-sun:linear-gradient(180deg,#ea9150,#d6612f);
  --gradient-thaw:linear-gradient(90deg,#6b8fb0 0%,#988479 30%,#c17949 50%,#d4552b 100%);
  --cv:#0c0d10;--tile:#0f1013;
  --gl:rgba(244,238,227,.035);--gl2:rgba(244,238,227,.06);
  --edge:rgba(244,238,227,.08);--edge2:rgba(244,238,227,.14);
  --t1:#f4eee3;--t2:#b9b3a8;--t3:#8a867f;
  --serif:"Sentient","Iowan Old Style",Georgia,serif;
  --sans:"Supreme","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  --maxw:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--cv);color:var(--t1);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--amber-400);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 40px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ink-900);padding:10px 14px;border-radius:999px}
.skip:focus{left:12px}
.i{width:16px;height:16px;flex:none;stroke:currentColor}

/* Atmosphere, as at the top of every app view */
.atm{position:absolute;inset:0 0 auto 0;height:980px;pointer-events:none;z-index:0;overflow:hidden}
.atm .glow{position:absolute;left:50%;top:-380px;width:1300px;height:760px;transform:translateX(-50%);background:radial-gradient(closest-side at 40% 50%,rgba(214,97,47,.26),transparent 70%),radial-gradient(closest-side at 66% 55%,rgba(14,140,120,.2),transparent 70%);filter:blur(30px)}
.atm .beam{position:absolute;left:50%;top:0;width:900px;height:460px;transform:translateX(-50%);background:conic-gradient(from 180deg at 50% -4%,transparent 46%,rgba(240,164,88,.08) 49.4%,rgba(248,211,168,.18) 50%,rgba(240,164,88,.08) 50.6%,transparent 54%);-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.atm .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(244,238,227,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,238,227,.035) 1px,transparent 1px);background-size:88px 88px;-webkit-mask:radial-gradient(ellipse 80% 45% at 50% 0%,#000 30%,transparent 80%);mask:radial-gradient(ellipse 80% 45% at 50% 0%,#000 30%,transparent 80%)}

/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(12,13,16,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-bottom-color:var(--edge)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:68px}
.nav .logo img{height:28px;width:auto}
.nav .links{display:flex;gap:22px;margin-left:8px}
.nav .links a{font:400 14px var(--sans);color:var(--t2);text-decoration:none}
.nav .links a:hover{color:var(--t1)}
.nav .right{margin-left:auto;display:flex;gap:10px;align-items:center}
.nav .login{font:500 14px var(--sans);color:var(--t2);text-decoration:none;padding:0 6px}
.nav .login:hover{color:var(--t1)}

/* Type */
.eb{font:400 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--t3);display:flex;align-items:center;gap:10px;margin:0}
.eb.am{color:var(--amber-300)}.eb.em{color:var(--emerald-300)}.eb.fr{color:var(--frost-300)}
.hd{font:300 clamp(44px,6.4vw,84px)/1 var(--serif);letter-spacing:-.035em;margin:18px 0 0;background:linear-gradient(180deg,#fbf8f2 20%,#d8cdb9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hd em,.h2 em{font-style:italic;background:linear-gradient(180deg,#f8d3a8,#de733c);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
.h2{font:300 clamp(34px,4.4vw,56px)/1.04 var(--serif);letter-spacing:-.03em;margin:14px 0 0;background:linear-gradient(180deg,#fbf8f2 20%,#d8cdb9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;line-height:1.55;color:var(--t2);margin:20px 0 0;max-width:60ch}
.t2{color:var(--t2)}.t3{color:var(--t3)}
.nm{color:var(--t1);font-weight:500}
.amb{color:var(--amber-300)}.emr{color:var(--emerald-300)}.frs{color:var(--frost-300)}
.mono{font-family:var(--mono)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:0;font:500 14.5px var(--sans);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,transform .1s,filter .15s}
.btn:active{transform:scale(.98)}
.btn.pri{background:var(--gradient-sun);color:#1a0e06;box-shadow:0 0 0 1px rgba(248,211,168,.3) inset,0 8px 24px -8px rgba(222,115,60,.7)}
.btn.pri:hover{filter:brightness(1.08)}
.btn.gh{background:rgba(244,238,227,.05);color:var(--t1);box-shadow:inset 0 0 0 1px var(--edge2)}
.btn.gh:hover{background:rgba(244,238,227,.1)}
.btn.lg{min-height:52px;padding:0 26px;font-size:15.5px}
.btn.sm{min-height:38px;padding:0 15px;font-size:13.5px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:30px}
.fine{font:400 12px/1.5 var(--mono);color:var(--t3);margin-top:14px}

/* Glass */
.g{background:var(--gl);border-radius:18px;box-shadow:inset 0 1px 0 rgba(244,238,227,.07),inset 0 0 0 1px var(--edge),0 30px 60px -30px rgba(0,0,0,.7)}
.g.att{box-shadow:inset 0 1px 0 rgba(244,238,227,.07),inset 0 0 0 1px rgba(234,145,80,.28),0 30px 60px -30px rgba(214,97,47,.45);background:radial-gradient(700px 200px at 0% 50%,rgba(222,115,60,.16),transparent 70%),var(--gl)}
.g.ok{box-shadow:inset 0 1px 0 rgba(244,238,227,.07),inset 0 0 0 1px rgba(79,191,168,.26),0 30px 60px -30px rgba(0,0,0,.7)}
.pad{padding:24px}
.chip{display:inline-flex;align-items:center;gap:5px;font:500 10.5px var(--mono);padding:3px 8px;border-radius:6px;white-space:nowrap}
.chip.data{color:var(--frost-300);background:rgba(107,143,176,.14)}
.chip.good{color:var(--emerald-200);background:rgba(14,140,120,.16)}
.chip.act{color:var(--amber-300);background:rgba(222,115,60,.14)}
.chip.n{color:var(--t2);background:rgba(244,238,227,.07)}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--emerald-300);animation:pl 2s infinite;flex:none;display:inline-block}
.pulse.am{background:var(--amber-400);animation-name:pla}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(79,191,168,.6)}70%,100%{box-shadow:0 0 0 7px rgba(79,191,168,0)}}
@keyframes pla{0%{box-shadow:0 0 0 0 rgba(234,145,80,.6)}70%,100%{box-shadow:0 0 0 8px rgba(234,145,80,0)}}

/* Sections */
section{position:relative}
.sec{padding:112px 0}
.sec-head{max-width:760px}
.sec-head.center{margin:0 auto;text-align:center}
.sec-head.center .eb{justify-content:center}
.sec-head.center .lead{margin-left:auto;margin-right:auto}
.thaw-rule{height:3px;border-radius:3px;background:var(--gradient-thaw);opacity:.9}

/* Hero */
.hero{padding:72px 0 96px;overflow:hidden}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.hero .proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font:400 12px var(--mono);color:var(--t3);letter-spacing:.04em}
.hero .proof span{display:inline-flex;gap:8px;align-items:center}
.hero .proof .i{width:14px;height:14px;color:var(--emerald-300)}

/* Phone mockup */
.stage{position:relative;min-height:600px;display:flex;justify-content:flex-end;padding-right:24px}
.phone{position:relative;width:320px;height:620px;border-radius:46px;padding:12px;background:linear-gradient(160deg,#2a2b31,#121317);box-shadow:inset 0 0 0 1px rgba(244,238,227,.12),0 60px 100px -40px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.6)}
.screen{position:relative;height:100%;border-radius:36px;overflow:hidden;background:var(--cv);display:flex;flex-direction:column}
.notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:20px;background:#000;z-index:3}
.thead{padding:46px 18px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--edge)}
.av{width:34px;height:34px;border-radius:50%;background:rgba(107,143,176,.2);color:var(--frost-300);font:500 12px var(--sans);display:flex;align-items:center;justify-content:center;flex:none}
.thead .who{font:500 14px var(--sans)}
.thead .src{font:400 10.5px var(--mono);color:var(--t3)}
.thread{flex:1;padding:16px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.sys{align-self:center;font:400 10.5px var(--mono);color:var(--t3);display:flex;gap:6px;align-items:center;text-align:center}
.sys .i{width:12px;height:12px}
.bub{max-width:84%;padding:10px 13px;font-size:13.5px;line-height:1.42}
.bub.in{background:rgba(244,238,227,.07);border-radius:16px 16px 16px 4px;align-self:flex-start}
.bub.auto{background:rgba(222,115,60,.14);box-shadow:inset 0 0 0 1px rgba(234,145,80,.25);border-radius:16px 16px 4px 16px;align-self:flex-end}
.bub.out{background:rgba(14,140,120,.2);border-radius:16px 16px 4px 16px;align-self:flex-end}
.bub .meta{display:block;font:400 10px var(--mono);color:var(--t3);margin-top:5px}
.bub.auto .meta{color:var(--amber-300)}
.compose{margin:0 12px 14px;height:40px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--edge2);display:flex;align-items:center;padding:0 14px;font-size:12.5px;color:var(--t3)}
.reveal .bub,.reveal .sys{opacity:0;transform:translateY(6px);animation:rise .5s var(--ease) forwards}
.reveal :nth-child(1){animation-delay:.2s}.reveal :nth-child(2){animation-delay:.9s}.reveal :nth-child(3){animation-delay:1.6s}.reveal :nth-child(4){animation-delay:2.6s}.reveal :nth-child(5){animation-delay:3.5s}.reveal :nth-child(6){animation-delay:4.3s}
@keyframes rise{to{opacity:1;transform:none}}
.float{position:absolute;padding:14px 16px;border-radius:16px;min-width:220px;z-index:2;background:rgba(21,22,26,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.float .eb{font-size:10px}
.float .v{font:300 34px/1 var(--serif);letter-spacing:-.03em;margin-top:8px}
.float .v small{font:400 14px var(--sans);color:var(--t2);margin-left:4px;letter-spacing:0}
.float.f1{left:0;top:150px;min-width:180px}
.float.f2{left:0;bottom:120px;min-width:200px}

/* Strip */
.strip{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);background:rgba(244,238,227,.015)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:28px;padding-bottom:28px}
.strip .k{font:300 30px/1 var(--serif);letter-spacing:-.02em}
.strip .k em{font-style:italic;color:var(--amber-300)}
.strip .l{font-size:13.5px;color:var(--t2);margin-top:8px;line-height:1.45}

/* Problem */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.race{display:flex;flex-direction:column;gap:12px}
.race .row{display:grid;grid-template-columns:120px minmax(0,1fr) 92px;gap:14px;align-items:center;font-size:13.5px}
.race .bar{height:10px;border-radius:999px;background:rgba(244,238,227,.06);overflow:hidden}
.race .bar span{display:block;height:100%;border-radius:999px}
.race .who{color:var(--t2)}
.race .t{font:400 12px var(--mono);color:var(--t3);text-align:right}
.race .first .who{color:var(--t1);font-weight:500}
.race .first .t{color:var(--emerald-300)}
.source{font-size:12px;color:var(--t3);margin-top:18px;line-height:1.5}
.source a{color:var(--t2)}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}
.step{padding:26px;display:flex;flex-direction:column;gap:12px}
.step .n{font:400 11px var(--mono);color:var(--amber-300);letter-spacing:.16em}
.step h3{font:400 24px/1.15 var(--serif);letter-spacing:-.015em;margin:0}
.step p{margin:0;color:var(--t2);font-size:14.5px}
.step .time{margin-top:auto;font:400 11px var(--mono);color:var(--t3)}
.mini{margin-top:6px;padding:12px;border-radius:12px;background:rgba(244,238,227,.025);box-shadow:inset 0 0 0 1px var(--edge);font-size:12.5px;color:var(--t2);display:flex;flex-direction:column;gap:8px}
.mini .ln{display:flex;gap:8px;align-items:center}
.mini .i{width:13px;height:13px}

/* Feature showcase */
.feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;margin-top:96px}
.feature.flip{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.feature.flip .copy{order:2}
.feature h3{font:300 clamp(30px,3.2vw,42px)/1.08 var(--serif);letter-spacing:-.025em;margin:14px 0 0}
.feature .copy>p:not(.eb){color:var(--t2);font-size:16px;margin:16px 0 0}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--t2)}
.ticks .i{width:16px;height:16px;margin-top:3px;color:var(--emerald-300)}

/* App window */
.win{border-radius:20px;overflow:hidden;background:var(--cv);box-shadow:inset 0 0 0 1px var(--edge2),0 50px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.5)}
.win .bar{display:flex;gap:6px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--edge);background:rgba(244,238,227,.02)}
.win .bar i{width:9px;height:9px;border-radius:50%;background:rgba(244,238,227,.12);display:block}
.win .bar .url{margin-left:12px;font:400 11px var(--mono);color:var(--t3)}
.win .body{padding:22px;position:relative}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--edge);border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--edge)}
.kpis div{background:var(--tile);padding:14px}
.kpis .v{font:300 30px/1 var(--serif);letter-spacing:-.03em;margin-top:8px;font-variant-numeric:lining-nums tabular-nums}
.kpis .v small{font:400 13px var(--sans);color:var(--t2);margin-left:3px}
.kpis .eb{font-size:9.5px}
.flows{margin-top:14px;padding:14px;border-radius:14px;background:rgba(244,238,227,.02);box-shadow:inset 0 0 0 1px var(--edge)}
.fh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.fh .n{font:500 13.5px var(--sans)}
.fh .s{font:400 11px var(--mono);color:var(--t3)}
.fh .s b{color:var(--t1);font-weight:500}
.cols4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nd{position:relative;padding:10px;border-radius:12px;background:rgba(244,238,227,.03);box-shadow:inset 0 0 0 1px var(--edge);display:flex;gap:8px;align-items:flex-start;min-width:0}
.nd .ic{width:22px;height:22px;border-radius:7px;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(244,238,227,.05);color:var(--t2)}
.nd .ic .i{width:12px;height:12px}
.nd.c0 .ic{color:var(--frost-300)}.nd.c1 .ic{color:var(--amber-300)}
.nd.c3 .ic{color:var(--emerald-300);background:rgba(14,140,120,.15)}
.nd.c3{box-shadow:inset 0 0 0 1px rgba(79,191,168,.22)}
.nd .l{font:500 12px/1.25 var(--sans)}
.nd .d{font-size:10.5px;color:var(--t3);margin-top:2px}
.nd:not(:last-child):after{content:"";position:absolute;top:50%;left:100%;width:18px;height:1px;background:var(--edge2)}
.nd .dot{position:absolute;top:calc(50% - 2px);left:100%;width:5px;height:5px;border-radius:50%;background:var(--amber-300);box-shadow:0 0 10px 2px rgba(240,164,88,.6);animation:tr 2.4s linear infinite;opacity:0;z-index:2}
@keyframes tr{0%{transform:translateX(0);opacity:0}20%,80%{opacity:1}100%{transform:translateX(14px);opacity:0}}
.feed{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.ev{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:rgba(244,238,227,.025);box-shadow:inset 0 0 0 1px var(--edge);font-size:12.5px;line-height:1.4;color:var(--t2)}
.ev .w{display:block;font:400 10.5px var(--mono);color:var(--t3);margin-top:3px}
.ev .i{width:14px;height:14px;margin-top:1px}

.leads{display:flex;flex-direction:column}
.lr{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--edge)}
.lr:last-child{border-bottom:0}
.lr .nm2{font:500 14px var(--sans)}
.lr .sub{font-size:12px;color:var(--t3);margin-top:2px}
.lr .r{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.heat{display:inline-flex;align-items:center;gap:5px;font:500 11.5px var(--sans)}
.heat .i{width:13px;height:13px}
.heat.hot{color:var(--amber-400)}.heat.warm{color:var(--amber-200)}.heat.cool{color:var(--frost-300)}
.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.tabs span{font:500 12px var(--sans);padding:6px 11px;border-radius:999px;color:var(--t2);box-shadow:inset 0 0 0 1px var(--edge)}
.tabs span.on{color:#1a0e06;background:var(--amber-300);box-shadow:none}

.autos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.auto{padding:14px;border-radius:14px;background:rgba(244,238,227,.025);box-shadow:inset 0 0 0 1px var(--edge);display:flex;flex-direction:column;gap:8px}
.auto .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.auto .ic2{width:30px;height:30px;border-radius:9px;background:rgba(244,238,227,.05);display:flex;align-items:center;justify-content:center;color:var(--amber-300)}
.auto .ic2 .i{width:15px;height:15px}
.auto .nm3{font:400 16px/1.2 var(--serif)}
.auto .ds{font-size:12px;color:var(--t3);line-height:1.4}
.auto.soon{opacity:.6}

/* Trust */
.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.rule{padding:22px;display:flex;flex-direction:column;gap:10px}
.rule .ic2{width:36px;height:36px;border-radius:10px;background:rgba(244,238,227,.05);box-shadow:inset 0 0 0 1px var(--edge);display:flex;align-items:center;justify-content:center;color:var(--emerald-300)}
.rule h3{font:400 19px/1.2 var(--serif);margin:4px 0 0}
.rule p{margin:0;color:var(--t2);font-size:14px}

/* Pricing */
.toggle{display:inline-flex;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--edge2);margin-top:28px;gap:2px}
.toggle button{border:0;background:none;color:var(--t2);font:500 13px var(--sans);padding:8px 16px;border-radius:999px;cursor:pointer;min-height:36px}
.toggle button[aria-pressed="true"]{background:rgba(244,238,227,.1);color:var(--t1)}
.toggle .save{font:400 10.5px var(--mono);color:var(--emerald-300);margin-left:4px}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px;text-align:left}
.plan{padding:24px;display:flex;flex-direction:column;gap:14px}
.plan .name{font:400 22px var(--serif)}
.plan .for{font-size:13px;color:var(--t3);margin-top:-8px}
.plan .price{font:300 46px/1 var(--serif);letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums}
.plan .price small{font:400 14px var(--sans);color:var(--t2);letter-spacing:0;margin-left:4px}
.plan .yr{font:400 11px var(--mono);color:var(--t3);margin-top:-6px;min-height:15px}
.plan ul{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:9px;flex:1}
.plan li{display:flex;gap:9px;font-size:13.5px;color:var(--t2);line-height:1.4}
.plan li .i{width:15px;height:15px;margin-top:2px;color:var(--emerald-300)}
.plan li.later{color:var(--t3)}
.plan li.later .i{color:var(--t3)}
.plan .btn{width:100%}
.plan .badge{align-self:flex-start}
.price-note{font-size:13px;color:var(--t3);margin-top:22px;text-align:center}

/* Done with you */
.dwy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:40px}
.dwy .formbox{background:var(--cream-50);color:#1f1f1d;border-radius:16px;padding:22px}
.dwy .formbox h3{font:400 22px var(--serif);margin:0 0 12px;color:#15161a}
.dwy .consent{font-size:12px;color:var(--t3);margin-top:14px;line-height:1.5}
.dwy .consent a{color:var(--t2)}

/* FAQ */
.faq{max-width:820px;margin:40px auto 0}
.faq details{border-bottom:1px solid var(--edge)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font:400 20px/1.3 var(--serif);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:4px;top:18px;font:300 26px var(--sans);color:var(--amber-300);transition:transform .2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq .a{padding:0 0 22px;color:var(--t2);font-size:15px;max-width:70ch}
.faq .a p{margin:0 0 10px}

/* Final CTA */
.final{padding:120px 0 120px;text-align:center;overflow:hidden}
.final .wrap{position:relative;z-index:1}
.final .cta-row{justify-content:center}
.final .glow2{position:absolute;left:50%;bottom:-420px;width:1200px;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side at 45% 50%,rgba(214,97,47,.24),transparent 70%),radial-gradient(closest-side at 62% 55%,rgba(14,140,120,.18),transparent 70%);filter:blur(30px);pointer-events:none}

/* Footer */
footer{border-top:1px solid var(--edge);padding:40px 0 48px;font-size:13.5px;color:var(--t3)}
footer .wrap{display:flex;gap:28px;flex-wrap:wrap;align-items:center;justify-content:space-between}
footer img{height:22px;width:auto}
footer nav{display:flex;gap:20px;flex-wrap:wrap}
footer a{color:var(--t2);text-decoration:none}
footer a:hover{color:var(--t1)}

/* Legal pages */
.doc-head{position:relative;padding:72px 0 40px;overflow:hidden}
.doc-head .wrap{position:relative;z-index:1}
.doc{max-width:780px;margin:0 auto;padding:0 40px 96px;color:var(--t2);font-size:15.5px;line-height:1.7}
.doc h2{font:400 26px/1.2 var(--serif);color:var(--t1);letter-spacing:-.015em;margin:44px 0 12px}
.doc h3{font:500 16px var(--sans);color:var(--t1);margin:28px 0 8px}
.doc strong{color:var(--t1);font-weight:500}
.doc a{color:var(--amber-300)}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin:6px 0}
.doc table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0}
.doc th,.doc td{text-align:left;padding:10px;border-bottom:1px solid var(--edge);vertical-align:top}
.doc th{color:var(--t1);font-weight:500}

/* Responsive */
@media (max-width:1100px){
  .nav .links{display:none}
  .hero .wrap{grid-template-columns:minmax(0,1fr);gap:40px}
  .stage{min-height:0}
  .stage{justify-content:center;padding-right:0}
  .float.f1{left:calc(50% - 400px)}
  .float.f2{left:auto;right:calc(50% - 400px)}
  .split,.feature,.feature.flip,.dwy{grid-template-columns:minmax(0,1fr)}
  .feature.flip .copy{order:0}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rules{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .wrap{padding:0 16px}
  .doc{padding:0 16px 72px}
  .nav .wrap{height:60px;gap:12px}
  .nav .logo img{height:24px}
  .nav .login{display:none}
  .hero{padding:40px 0 64px}
  .lead{font-size:16.5px}
  .sec{padding:76px 0}
  .strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps,.rules,.plans{grid-template-columns:minmax(0,1fr)}
  .feature{margin-top:72px;gap:32px}
  .phone{width:290px;height:570px}
  .float{display:none}
  .cols4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .nd:after{width:8px!important}
  .cols4 .nd:nth-child(2n):after,.cols4 .nd:nth-child(2n) .dot{display:none}
  .autos{grid-template-columns:minmax(0,1fr)}
  .kpis .v{font-size:24px}
  .dwy{padding:22px}
  .race .row{grid-template-columns:96px minmax(0,1fr) 70px;gap:10px}
  .faq summary{font-size:18px}
  footer .wrap{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pulse,.nd .dot{animation:none}
  .nd .dot{display:none}
  .reveal .bub,.reveal .sys{animation:none;opacity:1;transform:none}
}

/* Legal page details */
.doc .wrap{padding:0;max-width:none}
.doc-head .meta{font:400 12px var(--mono);color:var(--t3);margin:16px 0 0;letter-spacing:.04em}
.doc .lede{font-size:17.5px;color:var(--t1);line-height:1.6}
.doc .callout{margin:22px 0;padding:18px 20px;border-radius:14px;background:rgba(222,115,60,.07);box-shadow:inset 0 0 0 1px rgba(234,145,80,.22);color:var(--t1)}
.doc .callout p{margin:0 0 8px}.doc .callout p:last-child{margin:0}
.doc-head .wrap{max-width:780px}