:root{--surface:#111318;--field:#1d2a4d;--primary:#b0c6ff;--ink:#e3e2e9;--cta:#ffb77a;--card:rgba(17,19,24,.94);--ph:min(32dvh,280px);}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--surface);-webkit-text-size-adjust:100%}body{font-family:"Roboto",system-ui,sans-serif;font-weight:400;color:var(--ink);background:var(--surface);overflow-x:clip;line-height:1.5}a{-webkit-tap-highlight-color:transparent}.story{position:relative}.stage{position:sticky;top:0;height:100dvh;overflow:hidden;background:linear-gradient(180deg,var(--surface) 0 60%,var(--field) 60% 100%)}.rig{position:absolute;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));width:calc(var(--ph) * .5);height:var(--ph);margin-left:calc(var(--ph) * -.25);perspective:900px}.floor{position:absolute;left:-30%;right:-30%;bottom:-18px;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),rgba(0,0,0,0));transform:scaleX(.8)}.phone{position:absolute;inset:0;border-radius:calc(var(--ph) * .09);background:#05060a;box-shadow:inset 0 0 0 2px #3b4256;transform-style:preserve-3d;transform:rotateY(-40deg) rotateX(4deg);transition:transform .8s cubic-bezier(.3,.7,.2,1)}.phone .edge{position:absolute;top:2%;bottom:2%;right:-7px;width:9px;border-radius:5px;background:#2a3042;transform:rotateY(70deg);transform-origin:left center}.screen{position:absolute;inset:4%;border-radius:calc(var(--ph) * .065);overflow:hidden;background:#eef0f7}.notch{position:absolute;top:3%;left:50%;width:28%;height:3.2%;margin-left:-14%;border-radius:9px;background:#05060a;z-index:3}.chat{position:absolute;inset:13% 9% 9%;display:flex;flex-direction:column;gap:7%;justify-content:flex-end;transition:opacity .6s}.chat span{display:block;height:7%;min-height:9px;border-radius:9px;background:#c5cbdb}.chat .me{align-self:flex-end;background:#3d5ba9}.chat .w1{width:72%}.chat .w2{width:56%}.chat .w3{width:80%}.chat .w4{width:46%}.chat .w5{width:64%}.curve{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}.glass{position:absolute;inset:0;background:#07080c;opacity:1;transition:opacity .7s}.glass::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(176,198,255,.16) 48%,rgba(255,255,255,0) 60%)}.stage[data-step="1"] .glass{opacity:0}.stage[data-step="2"] .phone{transform:rotateY(0deg) rotateX(0deg)}.stage[data-step="2"] .glass{opacity:0}.stage[data-step="2"] .curve{opacity:1}.stage[data-step="2"] .chat{opacity:.35}.flow{position:relative;margin-top:-100dvh;z-index:2}.hero{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 20px 24px;display:flex;flex-direction:column;align-items:flex-start}.logo{display:block;width:clamp(56px,15vw,128px);height:auto;aspect-ratio:1;border-radius:16px}h1{font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:clamp(1.9rem,1.2rem + 3.6vw,4rem);line-height:1.04;letter-spacing:-.01em;margin-top:14px;max-width:18ch;text-wrap:balance}h1 em{font-style:normal;color:var(--primary)}.lead{margin-top:10px;font-size:clamp(1rem,.95rem + .3vw,1.2rem);max-width:34ch;color:#c7c8d3}.btn-start{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;margin-top:18px;border-radius:999px;background:var(--cta);color:var(--surface);font-weight:500;font-size:clamp(1rem,.96rem + .2vw,1.1rem);text-decoration:none;letter-spacing:.01em;transition:transform .2s,opacity .2s}.btn-start:focus-visible{outline:3px solid var(--primary);outline-offset:3px}@media (hover: hover){.btn-start:hover{opacity:.92}}.btn-start:active{transform:scale(.98)}.after{margin-top:8px;font-size:clamp(.85rem,.82rem + .15vw,.95rem);color:#aeb0bd}.steps{list-style:none;padding:0 16px}.step{min-height:70dvh;padding-top:6dvh}.card{max-width:380px;background:var(--card);border-radius:28px;padding:20px 22px;box-shadow:0 1px 3px rgba(0,0,0,.4);border:1px solid rgba(176,198,255,.14)}.card p{font-size:clamp(1.15rem,1rem + .7vw,1.5rem);line-height:1.3;font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-weight:700}.card small{display:block;font-size:.8rem;color:var(--primary);font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.close{min-height:60dvh;padding:6dvh 16px 30dvh}.close .card{text-align:left}.close h2{font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:clamp(1.4rem,1.1rem + 1.4vw,2.2rem);line-height:1.1}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(17,19,24,.92);border-top:1px solid rgba(176,198,255,.14);transform:translateY(110%);opacity:0;transition:transform .35s,opacity .35s}.bar.on{transform:none;opacity:1}.bar .btn-start{margin:0;width:100%;max-width:380px}footer{position:relative;z-index:2;padding:22px 20px calc(96px + env(safe-area-inset-bottom));background:var(--surface);font-size:.85rem;color:#aeb0bd;border-top:1px solid rgba(176,198,255,.12)}footer strong{color:var(--ink);font-weight:500}@media (min-width: 900px){:root{--ph:min(62dvh,520px)}.stage{background:linear-gradient(90deg,var(--surface) 0 54%,var(--field) 54% 100%)}.rig{left:77%;bottom:auto;top:50%;margin-top:calc(var(--ph) * -.5)}.hero{padding:48px 0 48px 6vw;justify-content:center;max-width:52%}.logo{width:112px}.steps{padding:0 0 0 6vw}.close{padding-left:6vw}.bar{left:auto;right:24px;bottom:24px;border:0;background:none;padding:0}.bar .btn-start{width:auto;box-shadow:0 6px 20px rgba(0,0,0,.4)}}@media (prefers-reduced-motion: reduce){.phone,.chat,.curve,.glass,.bar,.btn-start{transition:none}}