:root{color-scheme:dark;--bg:#07111f;--surface:#0d1b2d;--surface-2:#12243a;--text:#f5f8fc;--muted:#aebdd0;--line:rgba(255,255,255,.1);--accent:#5ff0a6;--accent-2:#54b9ff;--shadow:0 28px 90px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 8%,rgba(84,185,255,.16),transparent 28rem),radial-gradient(circle at 8% 42%,rgba(95,240,166,.11),transparent 25rem),var(--bg);color:var(--text);font:400 1rem/1.65 "DM Sans",sans-serif;overflow-x:hidden}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
header{position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;background:rgba(7,17,31,.82);backdrop-filter:blur(18px)}nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font:800 1.15rem "Manrope",sans-serif}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--accent),#37d986);color:#04130c;box-shadow:0 8px 30px rgba(95,240,166,.22)}.brand-mark svg{width:19px;height:19px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links>a:not(.button){color:var(--muted);text-decoration:none;font-weight:600}.language-links{display:flex;padding:4px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035)}.language-links a{min-width:34px;padding:4px 7px;border-radius:7px;color:var(--muted);font-size:.8rem;font-weight:800;text-align:center;text-decoration:none}.language-links a:hover,.language-links a.active{background:var(--surface-2);color:var(--text)}.language-select{height:40px;max-width:155px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:700 .84rem "DM Sans",sans-serif;cursor:pointer}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border:1px solid transparent;border-radius:14px;background:var(--accent);color:#04130c;font-weight:800;text-decoration:none;box-shadow:0 14px 38px rgba(95,240,166,.2);transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(95,240,166,.28)}.button.secondary{background:transparent;border-color:var(--line);color:var(--text);box-shadow:none}.button svg{width:20px;height:20px}.nav-cta{min-height:42px;padding-inline:15px}
.hero{min-height:calc(100svh - 74px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(38px,7vw,92px);padding:68px 0 88px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--accent);font-weight:700;letter-spacing:.02em}.pulse{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(95,240,166,.1)}h1,h2,h3{margin:0;font-family:"Manrope",sans-serif;line-height:1.08;letter-spacing:-.04em}h1{max-width:800px;font-size:clamp(3rem,6.6vw,6.1rem)}h1 span{color:var(--accent)}.lead{max-width:660px;margin:26px 0 0;color:var(--muted);font-size:clamp(1.08rem,1.8vw,1.28rem)}.capability-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.capability-strip span{padding:7px 11px;border:1px solid rgba(95,240,166,.24);border-radius:999px;background:rgba(95,240,166,.07);color:#c9f9df;font-size:.86rem;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.microcopy{margin:15px 0 0;color:#7f91a7;font-size:.9rem}
.phone-wrap{position:relative;display:grid;place-items:center}.orbit{position:absolute;width:430px;height:430px;border:1px solid rgba(84,185,255,.18);border-radius:50%;animation:spin 18s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%}.orbit:before{width:13px;height:13px;top:58px;right:61px;background:var(--accent);box-shadow:0 0 24px var(--accent)}.orbit:after{width:9px;height:9px;bottom:72px;left:43px;background:var(--accent-2);box-shadow:0 0 24px var(--accent-2)}@keyframes spin{to{transform:rotate(360deg)}}.phone{position:relative;width:min(330px,82vw);padding:13px;border:1px solid rgba(255,255,255,.18);border-radius:46px;background:#02070d;box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.05);transform:rotate(2deg)}.screen{min-height:590px;padding:25px 20px 22px;border-radius:35px;background:linear-gradient(165deg,#102239,#081320 70%);overflow:hidden}.island{width:94px;height:25px;margin:-15px auto 27px;border-radius:20px;background:#02070d}.screen-top{display:flex;justify-content:space-between;align-items:end}.screen-top small{color:var(--muted)}.screen-top strong{display:block;font:800 1.7rem "Manrope",sans-serif}.task{display:grid;grid-template-columns:22px 1fr;gap:12px;margin-top:15px;padding:15px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.045)}.check{width:22px;height:22px;margin-top:2px;border:2px solid #698097;border-radius:50%}.task strong{display:block;font-size:.96rem}.task small{color:var(--muted)}.voice{margin-top:28px;padding:18px;border:1px solid rgba(95,240,166,.28);border-radius:22px;background:rgba(95,240,166,.08);text-align:center}.mic{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 14px;border-radius:50%;background:var(--accent);color:#04130c;box-shadow:0 0 0 10px rgba(95,240,166,.08),0 0 40px rgba(95,240,166,.22)}.mic svg{width:29px;height:29px}.voice p{margin:0;font-weight:700}.voice small{color:var(--muted)}
section{padding:100px 0}.section-head{max-width:740px;margin-bottom:42px}.kicker{color:var(--accent);font-size:.86rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h2{margin-top:10px;font-size:clamp(2.2rem,4.5vw,4rem)}.section-head p,.language-panel p{color:var(--muted);font-size:1.1rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:flex;min-height:330px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.018));flex-direction:column}.card.featured{border-color:rgba(95,240,166,.32);background:linear-gradient(150deg,rgba(95,240,166,.1),rgba(255,255,255,.018))}.card-number{color:var(--accent);font:800 .82rem "Manrope",sans-serif;letter-spacing:.09em}.card h3{margin-top:45px;font-size:1.45rem}.card p{color:var(--muted)}.example{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);color:#dce8f5;font-weight:600}.language-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding:clamp(32px,6vw,68px);border:1px solid var(--line);border-radius:30px;background:var(--surface)}.locale-grid{display:grid;gap:12px}.locale-grid a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);text-decoration:none;transition:border-color .2s ease,transform .2s ease}.locale-grid a:hover{transform:translateX(4px);border-color:rgba(95,240,166,.3)}.locale-grid span{color:var(--muted);font-size:.9rem;text-align:right}
.final-cta{text-align:center;padding-bottom:120px}.final-cta .panel{padding:clamp(42px,8vw,90px) 24px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 50% 0%,rgba(84,185,255,.17),transparent 52%),var(--surface)}.final-cta h2{max-width:780px;margin-inline:auto}.final-cta p{margin:18px auto 30px;color:var(--muted);font-size:1.1rem}footer{border-top:1px solid var(--line);color:var(--muted)}footer .wrap{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:20px}.footer-links a{text-decoration:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}.lead{margin-inline:auto}.capability-strip,.hero-actions{justify-content:center}.phone-wrap{margin-top:22px}.features{grid-template-columns:1fr}.card{min-height:auto}.card h3{margin-top:30px}.language-panel{grid-template-columns:1fr}.nav-links>a:not(.button){display:none}}@media(max-width:650px){.wrap{width:min(100% - 28px,1120px)}.nav-links{gap:8px}.nav-cta{display:none}.language-select{max-width:138px}.hero{padding-top:48px}h1{font-size:clamp(2.7rem,13vw,4.4rem)}.hero-actions .button{width:100%}.orbit{width:330px;height:330px}section{padding:76px 0}.locale-grid a{align-items:flex-start;flex-direction:column}.locale-grid span{text-align:left}footer .wrap{padding:24px 0;flex-direction:column;justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.button,.locale-grid a{transition:none}}
