:root{--navy:#0A1F44;--blue:#1F57F5;--mist:#EEF3FF;--ink:#16233F;--mute:#5B6783;--orange:#F26A21;--line:#DCE4F5;--r:28px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:17px/1.6 Figtree,system-ui,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3{font-family:'Bricolage Grotesque',Figtree,sans-serif;color:var(--navy);line-height:1.05;letter-spacing:-.02em}
a{color:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
header .wrap{display:flex;align-items:center;gap:32px;height:72px}
.brand{display:flex;align-items:center;gap:10px;font:700 1.35rem 'Bricolage Grotesque';color:var(--navy);text-decoration:none}
.brand img{width:38px;height:38px}
nav{display:flex;gap:28px;margin-left:auto;font-size:.95rem}nav a{text-decoration:none;color:var(--mute)}nav a:hover{color:var(--navy)}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;padding:14px 26px;border-radius:99px;transition:background .2s}
.btn:hover{background:#0F3FCC}.btn.sm{padding:10px 20px;font-size:.95rem}.btn.w{background:#fff;color:var(--navy)}
.hero{padding:72px 0 120px}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.8rem,6vw,5.2rem);font-weight:800}
.hero p{font-size:1.25rem;color:var(--mute);margin:28px 0 36px;max-width:30ch}
.stage{position:relative;justify-self:center}.mascot{position:absolute;left:-120px;bottom:-30px;width:230px;pointer-events:none}
.phone{width:310px;background:#0B141A;border-radius:42px;padding:12px;box-shadow:0 40px 80px -30px rgba(10,31,68,.45)}
.screen{background:#ECE5DD;border-radius:32px;overflow:hidden;min-height:430px;display:flex;flex-direction:column}
.bar{background:#075E54;color:#fff;padding:14px 18px;font-weight:600;display:flex;gap:10px;align-items:center}
.bar img{width:28px;height:28px;border-radius:50%;background:#fff}
.chat{padding:16px 12px;display:flex;flex-direction:column;gap:8px;font-size:.88rem;line-height:1.45}
.b{max-width:86%;padding:9px 12px;border-radius:12px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.b.me{align-self:flex-end;background:#D9FDD3}.b b{color:var(--navy)}
.audio{display:flex;align-items:center;gap:8px;min-width:180px}.audio i{flex:1;height:18px;background:repeating-linear-gradient(90deg,#7a8a85 0 2px,transparent 2px 5px);-webkit-mask:linear-gradient(90deg,#000,#000);opacity:.7}
.ok{color:#128C7E}.alt{color:var(--blue);font-weight:600}
section{padding:112px 0}h2{font-size:clamp(2rem,4.2vw,3.4rem);max-width:18ch}
.lead{color:var(--mute);font-size:1.15rem;margin-top:20px;max-width:46ch}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:72px}
.steps div{border-top:2px solid var(--navy);padding-top:24px}.steps span{font:800 3.4rem 'Bricolage Grotesque';color:var(--blue);display:block;line-height:1}
.steps h3{font-size:1.6rem;margin:16px 0 8px}.steps p{color:var(--mute)}
.career{background:var(--mist)}.tabs{display:flex;gap:10px;margin:48px 0 28px;flex-wrap:wrap}
.tabs button{font:600 1rem Figtree;border:1.5px solid var(--navy);background:none;color:var(--navy);padding:10px 22px;border-radius:99px;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--navy);color:#fff}
.panel{background:#fff;border-radius:var(--r);padding:40px;max-width:720px}.panel h3{font-size:1.5rem;margin-bottom:10px}
.panel q{display:block;margin-top:20px;font:600 1.35rem 'Bricolage Grotesque';color:var(--blue);quotes:none}
.note{margin-top:24px;color:var(--mute)}
.demo .wrap{background:var(--navy);border-radius:40px;padding:72px 64px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.demo h2{color:#fff}.demo .lead{color:#B9C6E6}.demo .screen{min-height:0}
.plans{text-align:center}.plans h2,.plans .lead{margin-inline:auto}.plans .btn{margin-top:32px}
details{border-bottom:1px solid var(--line);padding:22px 0;max-width:760px}summary{font:600 1.2rem 'Bricolage Grotesque';color:var(--navy);cursor:pointer}
details p{margin-top:12px;color:var(--mute)}
.final{background:var(--blue);text-align:center;color:#fff;border-radius:40px;padding:88px 24px;margin:0 24px}.final h2{color:#fff;margin:0 auto 32px}
footer{padding:72px 0 48px;color:var(--mute);font-size:.92rem}footer .wrap{display:grid;gap:20px}
footer nav{margin:0;gap:24px;flex-wrap:wrap}.legal{max-width:760px;padding:64px 24px 96px;margin:0 auto}
.legal h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:12px}.legal h2{font-size:1.4rem;margin:36px 0 8px;max-width:none}.legal p,.legal li{color:#33415F;margin-top:8px}.legal ul{padding-left:22px}
@media(max-width:860px){nav{display:none}header .btn{margin-left:auto}.hero .wrap,.demo .wrap{grid-template-columns:1fr}.demo .wrap{padding:44px 24px}.steps{grid-template-columns:1fr;gap:36px}.mascot{display:none}section{padding:80px 0}.hero{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}