
:root{color-scheme:dark;--bg:#090b16;--surface:rgba(22,26,48,.66);--border:rgba(255,255,255,.12);--text:#f4f6ff;--muted:#aeb6d3;--accent:#7768ff;--accent2:#24c8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#222057 0,transparent 34%),radial-gradient(circle at 90% 12%,#093c58 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.glow{position:fixed;width:42vw;height:42vw;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none}.glow-a{background:#6e61e8;left:-15vw;top:20vh}.glow-b{background:#00c6ff;right:-20vw;bottom:-10vh}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(20px,6vw,90px);backdrop-filter:blur(22px);background:rgba(9,11,22,.7);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:1.2rem}.brand span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:900}.top nav{display:flex;gap:22px}.top nav a{color:var(--muted);text-decoration:none;font-size:.92rem}.hero{min-height:76vh;padding:70px clamp(22px,7vw,110px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:50px}.eyebrow{font-size:.78rem;letter-spacing:.22em;color:#72ddff;font-weight:800}.hero h1{font-size:clamp(2.5rem,6vw,5.6rem);line-height:.98;margin:18px 0 24px;max-width:980px}.hero p{font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.65;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.actions a{padding:14px 18px;border-radius:14px;text-decoration:none;font-weight:800}.primary{color:white;background:linear-gradient(135deg,var(--accent),var(--accent2))}.secondary{color:white;border:1px solid var(--border);background:var(--surface)}.disabled{opacity:.55;pointer-events:none}.health{margin-top:18px;color:var(--muted);font-size:.9rem}.health.ok{color:#64e6a4}.health.bad{color:#ff8b9a}.mock{display:grid;place-items:center}.phone{width:min(330px,78vw);aspect-ratio:9/18.5;padding:10px;border-radius:44px;background:linear-gradient(145deg,#303653,#101324);box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 70px rgba(108,98,232,.24)}.screen{height:100%;border-radius:36px;padding:70px 24px 24px;background:linear-gradient(145deg,rgba(30,38,74,.92),rgba(8,11,25,.98));border:1px solid var(--border);position:relative}.island{position:absolute;z-index:2;width:105px;height:28px;border-radius:20px;background:#03040a;margin:12px 0 0 50%;transform:translateX(-50%)}.screen>b{display:block;font-size:2rem}.screen>span{color:var(--muted)}.metric{margin-top:40px;padding:22px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}.metric small{display:block;color:var(--muted)}.metric strong{font-size:3.5rem}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.cards i{height:90px;border-radius:20px;background:linear-gradient(135deg,rgba(119,104,255,.24),rgba(36,200,255,.08));border:1px solid var(--border)}.section{padding:85px clamp(22px,7vw,110px)}.section h2{font-size:clamp(2rem,4vw,3.8rem);margin:0 0 34px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article,.split pre{padding:26px;border-radius:24px;background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(20px)}.grid b{font-size:1.2rem}.grid p,.split p{color:var(--muted);line-height:1.65}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.split pre{font-size:1.05rem;line-height:1.8;overflow:auto}footer{padding:35px;text-align:center;color:var(--muted);border-top:1px solid var(--border)}@media(max-width:850px){.top nav{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.mock{order:-1}.phone{width:240px}.grid,.split{grid-template-columns:1fr}.hero h1{font-size:2.8rem}}
.section-head{max-width:920px;margin-bottom:34px}.section-head h2{margin:10px 0 14px}.section-head p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7}.grid article{position:relative;overflow:hidden}.grid article:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-50px;bottom:-60px;background:linear-gradient(135deg,var(--accent),var(--accent2));opacity:.12;filter:blur(4px)}.grid article em{display:inline-block;margin-top:14px;font-size:.78rem;font-style:normal;color:#74e7ba}.feature-icon{width:44px;height:44px;margin-bottom:18px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:900}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.facts article{padding:24px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}.facts strong{display:block;font-size:clamp(2rem,4vw,4rem);line-height:1;background:linear-gradient(135deg,#fff,#7be2ff);-webkit-background-clip:text;color:transparent}.facts span{display:block;margin-top:9px;color:var(--muted)}.feature-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.feature-list span{padding:10px 13px;border:1px solid var(--border);background:rgba(255,255,255,.04);border-radius:999px;color:var(--muted);font-size:.88rem}.session-state{margin-top:9px;color:var(--muted);font-size:.9rem}.session-state a,.inline-link{color:#83e6ff;text-decoration:none}.session-state.active{color:#67e6aa}.mini-status{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.mini-status span{padding:9px 4px;text-align:center;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.04);font-size:.62rem;color:var(--muted)}.next{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--border)}.next>div{max-width:850px}.next h2{margin:10px 0 14px}.next p{color:var(--muted);line-height:1.7}.next .primary{flex:0 0 auto;padding:16px 20px;border-radius:15px;text-decoration:none;font-weight:800}footer{display:flex;justify-content:space-between;gap:20px;padding:35px clamp(22px,7vw,110px);text-align:left}footer span{color:var(--muted)}
@media(max-width:850px){.facts{grid-template-columns:1fr 1fr}.next{display:block}.next .primary{display:inline-block;margin-top:16px}footer{display:grid}.section-head p{font-size:.95rem}}
@media(max-width:520px){.facts{grid-template-columns:1fr}.actions a{width:100%;text-align:center}.hero{padding-inline:18px}.section{padding-inline:18px}.hero h1{font-size:2.45rem}.phone{width:230px}}
.phone{position:relative}.island{top:12px;left:50%;margin:0;transform:translateX(-50%)}
