:root{
--bg:#050b15;--bg2:#091323;--surface:rgba(13,28,47,.72);--surface2:#0f2239;
--text:#f3f8ff;--muted:#9db0c6;--line:rgba(255,255,255,.10);
--brand:#55c7ff;--purple:#9b6cff;--green:#7ee7c8;--orange:#ff9c57;
--max:1180px;--radius:24px;--shadow:0 25px 80px rgba(0,0,0,.32)
}
body.light{
--bg:#f6f9fc;--bg2:#fff;--surface:rgba(255,255,255,.84);--surface2:#fff;
--text:#0a1625;--muted:#5c6c7e;--line:rgba(9,22,37,.11);--shadow:0 20px 55px rgba(23,42,64,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:
radial-gradient(circle at 75% -5%,rgba(85,199,255,.14),transparent 35rem),
radial-gradient(circle at 5% 35%,rgba(155,108,255,.10),transparent 30rem),var(--bg);transition:background .25s,color .25s}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#fff .7px,transparent .7px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 70%);z-index:-1}
body.light:before{opacity:.06}
a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 76%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.035em}.brand img{width:42px;height:42px}.brand-name{font-size:1.05rem}
.nav-links{display:flex;gap:25px;align-items:center;color:var(--muted);font-size:.93rem}.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:9px}.theme{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}
.menu{display:none;border:0;background:none;color:var(--text);font-size:1.45rem}
.hero{padding:92px 0 65px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.77rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#bfe8ff}
.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}
h1{font-size:clamp(3.2rem,6vw,5.7rem);line-height:1.01;letter-spacing:-.065em;margin:22px 0}.gradient{background:linear-gradient(100deg,#fff,#63caff 48%,#ad73ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.14rem;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{min-height:48px;padding:0 19px;border-radius:13px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}
.primary{border:0;color:#05101c;background:linear-gradient(135deg,#55c7ff,#8875ff);box-shadow:0 12px 35px rgba(85,199,255,.18)}.secondary{background:var(--surface)}
.hero-visual{position:relative;min-height:470px}.orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.7}.orb.a{width:220px;height:220px;background:#386cff;top:15%;left:16%;box-shadow:0 0 120px #386cff}.orb.b{width:180px;height:180px;background:#a640ff;right:8%;top:35%;box-shadow:0 0 120px #a640ff}
.phones{position:relative;height:470px}.phone{position:absolute;width:190px;height:375px;border:7px solid #111b2b;border-radius:30px;background:linear-gradient(155deg,#102d45,#07111e);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 35px rgba(85,199,255,.16);padding:17px;overflow:hidden}.phone:before{content:"";position:absolute;width:72px;height:19px;border-radius:20px;background:#050a12;top:0;left:50%;transform:translateX(-50%)}.phone.one{left:5%;top:45px;transform:rotate(-9deg)}.phone.two{left:34%;top:10px;z-index:2}.phone.three{right:2%;top:58px;transform:rotate(9deg)}
.app-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-weight:900;color:#06111d;margin:22px auto 16px}.green{background:linear-gradient(135deg,#35e39c,#0ab56d)}.blue{background:linear-gradient(135deg,#5bc9ff,#536dff)}.orange{background:linear-gradient(135deg,#ffd05a,#ff7656)}
.phone h3{text-align:center;margin:0;font-size:1.05rem}.phone p{text-align:center;color:#8fa6bd;font-size:.72rem}.screen-lines{margin-top:20px;display:grid;gap:8px}.line{height:34px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.05)}
.section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:#72ceff;font-weight:850}.section h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.1;letter-spacing:-.05em;margin:7px 0}.intro{color:var(--muted);max-width:610px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface) 55%,transparent));border-radius:var(--radius);padding:24px;transition:.22s}.card:hover{transform:translateY(-5px);border-color:rgba(85,199,255,.3);box-shadow:var(--shadow)}
.icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-weight:900;color:#06111d}.icon.green{background:linear-gradient(135deg,#35e39c,#0ab56d)}.icon.blue{background:linear-gradient(135deg,#5bc9ff,#536dff)}.icon.orange{background:linear-gradient(135deg,#ffd05a,#ff7656)}
.card h3{margin:17px 0 7px;font-size:1.25rem}.card p{color:var(--muted);margin:0 0 17px}.arrow{color:#91d9ff;font-weight:800}
.band{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(100deg,rgba(85,199,255,.09),rgba(155,108,255,.08));padding:30px}.band-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:30px;align-items:center}
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch}.about-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:30px}.avatar{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:900;background:linear-gradient(135deg,#55c7ff,#9b6cff);color:#06111d;border:5px solid rgba(255,255,255,.08)}
.values{display:grid;gap:12px}.value{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.value b{display:block}.value span{color:var(--muted);font-size:.88rem}
.page-hero{padding:75px 0 35px}.page-hero h1{max-width:900px}.page-hero p{max-width:760px;color:var(--muted);font-size:1.08rem}
.product-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.cover{min-height:380px;border:1px solid var(--line);border-radius:30px;padding:30px;background:radial-gradient(circle at 30% 20%,rgba(85,199,255,.18),transparent 40%),var(--surface);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}.cover h2{font-size:2.4rem;margin:0}.cover p{color:var(--muted)}
.prose{max-width:820px}.prose h2{font-size:1.7rem;margin-top:36px}.prose p,.prose li{color:var(--muted)}.prose li{margin:7px 0}.feature-list{list-style:none;padding:0}.feature-list li{padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.feature-list li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}
.notice{padding:16px;border-left:3px solid var(--brand);background:rgba(85,199,255,.07);border-radius:0 12px 12px 0}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.contact strong{display:block}.contact span{color:var(--muted)}
footer{border-top:1px solid var(--line);margin-top:65px;padding:45px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-title{font-weight:850;margin-bottom:12px}footer p,footer a{color:var(--muted);font-size:.9rem}.footer-links{display:grid;gap:7px}.copyright{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:var(--muted);font-size:.82rem;display:flex;justify-content:space-between}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 20px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu{display:block}.hero-grid,.about-grid,.product-detail,.band-grid{grid-template-columns:1fr}.hero{padding-top:65px}.hero-visual{min-height:410px}.phones{height:410px}.phone{width:160px;height:330px}.grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.nav-inner{height:68px}.nav-links{top:68px}.brand-name{font-size:.95rem}.hero{padding:55px 0 30px}h1{font-size:3.05rem}.hero-visual{min-height:350px}.phones{height:350px}.phone{width:125px;height:270px;border-width:5px;padding:10px;border-radius:23px}.phone.one{left:0}.phone.two{left:31%}.phone.three{right:0}.app-icon{width:38px;height:38px;border-radius:11px;margin:20px auto 10px;font-size:.75rem}.phone h3{font-size:.8rem}.phone p{font-size:.58rem}.line{height:25px}.section{padding:60px 0}.contact-grid,.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}}