:root{--black:#000;--ink:#1D1D1F;--gray:#86868B;--mist:#F5F5F7;--line:#D2D2D7;--orange:#E4572E;--orange-dk:#C2410C}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;font-size:19px;line-height:1.47;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
a{color:#2997FF;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2997FF;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.wrap{max-width:1024px;margin:0 auto;padding-left:24px;padding-right:24px}
[id]{scroll-margin-top:56px}

/* nav: translucent bar */
.bar{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.nav{display:flex;justify-content:space-between;align-items:center;height:52px}
.logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:17px;color:#F5F5F7;letter-spacing:-.01em}
.logo:hover{text-decoration:none}
.logo svg{width:22px;height:22px}
.navlinks{display:flex;align-items:center;gap:28px;font-size:14px}
.navlinks a{color:#D2D2D7}
.navlinks a:hover{color:#fff;text-decoration:none}

/* buttons */
.btn{display:inline-block;background:var(--orange);color:#fff;font-weight:500;font-size:17px;padding:12px 24px;border-radius:980px;border:0;cursor:pointer;font-family:inherit;white-space:nowrap;letter-spacing:-.01em}
.btn:hover{background:var(--orange-dk);color:#fff;text-decoration:none}
.navlinks .btn{font-size:14px;padding:6px 14px;color:#fff}
.more{font-size:17px;white-space:nowrap}
.more::after{content:" ›"}
.ctas{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap}

/* type */
h1,h2{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",system-ui,sans-serif;font-weight:600;letter-spacing:-.035em;margin:0}
h1{font-size:clamp(42px,7vw,80px);line-height:1.04}
h2{font-size:clamp(36px,5.4vw,64px);line-height:1.06}
.lede{font-size:clamp(20px,2.2vw,26px);line-height:1.35;color:var(--gray);margin:20px auto 34px;max-width:30em;letter-spacing:-.015em;font-weight:500}

/* dark sections */
.dark{background:#000;color:#F5F5F7}
.mist{background:var(--mist)}
section{padding:120px 0;text-align:center}

/* hero */
.hero{padding-top:88px;padding-bottom:0;overflow:hidden}
.hero .lede{color:#A1A1A6}
.fine{color:#6E6E73;font-size:15px;margin:22px 0 0}
.stage{position:relative;margin-top:72px;padding-bottom:0;display:flex;justify-content:center}
.stage::before{content:"";position:absolute;left:50%;top:18%;width:720px;height:720px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(228,87,46,.38),rgba(228,87,46,0));pointer-events:none}

/* phone */
.phone{position:relative;width:340px;max-width:88vw;background:#1C1C1E;border-radius:56px 56px 0 0;padding:14px 14px 0;border:1px solid #3A3A3C;border-bottom:0}
.screen{background:#fff;border-radius:44px 44px 0 0;padding:20px 16px 30px;min-height:500px;display:flex;flex-direction:column;gap:9px;text-align:left;color:var(--ink)}
.island{align-self:center;width:96px;height:28px;border-radius:20px;background:#000;margin-bottom:8px}
.who{text-align:center;font-weight:600;font-size:14px;padding-bottom:10px;border-bottom:1px solid #E5E5EA;margin-bottom:6px}
.who small{display:block;font-weight:400;color:var(--gray);font-size:12px}
.missed{align-self:center;font-size:12px;color:var(--gray)}
.missed b{color:#FF3B30;font-weight:600}
.msg{max-width:80%;padding:9px 13px;border-radius:19px;font-size:15px;line-height:1.3;letter-spacing:-.01em}
.them{align-self:flex-start;background:#E9E9EB}
.us{align-self:flex-end;background:var(--orange);color:#fff}
.alert{margin-top:8px;background:rgba(242,242,247,.96);border:1px solid #E5E5EA;border-radius:18px;padding:11px 13px;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.alert b{display:block;font-size:12px;color:var(--gray);font-weight:600}
@media (prefers-reduced-motion:no-preference){
 .screen>*{opacity:0;animation:pop .4s cubic-bezier(.2,.8,.2,1) forwards}
 .screen>*:nth-child(1),.screen>*:nth-child(2){opacity:1;animation:none}
 .screen>*:nth-child(3){animation-delay:.6s}.screen>*:nth-child(4){animation-delay:1.4s}
 .screen>*:nth-child(5){animation-delay:2.5s}.screen>*:nth-child(6){animation-delay:3.4s}
 .screen>*:nth-child(7){animation-delay:4.3s}.screen>*:nth-child(8){animation-delay:5.3s}
 @keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
}

/* steps */
.steps{list-style:none;margin:72px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;counter-reset:s;text-align:left}
.steps li{counter-increment:s;font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.steps li::before{content:counter(s);display:block;font-size:64px;font-weight:600;line-height:1;letter-spacing:-.04em;margin-bottom:18px;color:var(--orange)}
.steps li span{display:block;font-weight:400;color:#6E6E73;font-size:18px;margin-top:8px;letter-spacing:-.01em;line-height:1.4}

/* statement */
.statement h2{max-width:16em;margin:0 auto;line-height:1.12;font-size:clamp(32px,4.6vw,56px)}
.statement h2 span{color:#6E6E73}

/* price */
.amount{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif;font-size:clamp(80px,12vw,140px);font-weight:600;letter-spacing:-.05em;line-height:1;margin-top:48px}
.per{font-size:21px;color:#6E6E73;margin:10px 0 0}
.founding{display:inline-block;background:#fff;border-radius:980px;padding:10px 20px;font-size:16px;margin:28px 0 34px;border:1px solid var(--line)}
.founding strong{color:var(--orange-dk);font-weight:600}
.included{list-style:none;margin:64px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:900px}
.included li{font-size:17px;font-weight:500;padding-top:18px;border-top:1px solid var(--line);text-align:left}
.guarantee{color:#6E6E73;font-size:16px;margin:40px auto 0;max-width:36em}

/* faq */
.faq{max-width:760px;text-align:left;margin:56px auto 0}
details{border-bottom:1px solid var(--line);padding:24px 0}
details:first-child{border-top:1px solid var(--line)}
summary{font-weight:600;font-size:21px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;letter-spacing:-.02em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:300;font-size:28px;line-height:.8;color:var(--gray);transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:12px 0 0;color:#6E6E73}
.calc-link{margin-top:40px;text-align:center;color:#6E6E73}

/* demo form */
.demo .lede{color:#A1A1A6}
.demo-form{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:14px;text-align:left}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.demo-form label{display:flex;flex-direction:column;gap:7px;font-weight:500;font-size:14px;color:#A1A1A6}
.opt{color:#6E6E73}
.demo-form input,.demo-form select{font:inherit;font-size:17px;padding:14px 16px;border-radius:12px;border:1px solid #424245;background:#1C1C1E;color:#F5F5F7;min-height:52px;width:100%;-webkit-appearance:none;appearance:none}
.demo-form select{background-image:linear-gradient(45deg,transparent 50%,#86868B 50%),linear-gradient(135deg,#86868B 50%,transparent 50%);background-position:calc(100% - 22px) 23px,calc(100% - 16px) 23px;background-size:6px 6px;background-repeat:no-repeat}
.demo-form input:focus,.demo-form select:focus{border-color:#2997FF}
.hidden{position:absolute;left:-9999px}
.demo-form .btn{align-self:center;margin-top:18px;padding:14px 34px}

footer{background:var(--mist);padding:22px 0 30px;color:#6E6E73;font-size:13px}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
footer a{color:#424245}

/* inner pages */
.page{padding-top:80px;padding-bottom:110px;max-width:760px;text-align:left}
.page h1{font-size:clamp(40px,5.6vw,64px)}
.page .lede{margin-left:0}
.page h2{font-size:26px;letter-spacing:-.02em;margin:40px 0 8px}
.page p{color:#424245}
.page.center{text-align:center}
.page.center .lede{margin-left:auto}
.calc{margin-top:48px;background:var(--mist);border-radius:28px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:56px;text-align:left}
.calc label{display:block;font-weight:500;font-size:17px;margin-bottom:26px}
.calc output{float:right;font-weight:600}
input[type=range]{width:100%;height:30px;accent-color:var(--orange);cursor:pointer;margin-top:6px}
.result{font-size:16px;color:#6E6E73;margin:0}
.big{font-size:56px;font-weight:600;letter-spacing:-.045em;line-height:1.05;margin:4px 0 26px}
.wide{max-width:1024px}

@media (max-width:820px){
 body{font-size:17px}
 section{padding:84px 0}
 .hero{padding-top:64px;padding-bottom:0}
 .steps{grid-template-columns:1fr;gap:40px;margin-top:48px}
 .included{grid-template-columns:1fr 1fr}
 .row,.calc{grid-template-columns:1fr}
 .calc{padding:26px;gap:24px}
 .navlinks a:not(.btn){display:none}
 .stage{margin-top:56px}
 .stage::before{width:460px;height:460px}
}

.kicker{color:var(--orange);font-weight:600;font-size:clamp(18px,2vw,22px);letter-spacing:-.01em;margin:-14px auto 30px}