:root{
  --bg:#070a0f;
  --bg-soft:#0d1118;
  --surface:#111722;
  --surface-2:#151d2a;
  --border:rgba(255,255,255,.09);
  --text:#f5f7fb;
  --muted:#a8b0bf;
  --blue:#3f67ff;
  --blue-2:#6d8bff;
  --green:#70db8a;
  --cyan:#42e7e7;
  --orange:#ffac42;
  --danger:#ff6d6d;
  --shadow:0 24px 70px rgba(0,0,0,.35);
  --radius:24px;
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% -10%,rgba(63,103,255,.16),transparent 32%),radial-gradient(circle at 90% 20%,rgba(66,231,231,.08),transparent 28%),var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.nav-wrap{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(7,10,15,.76);border-bottom:1px solid var(--border)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.02em}
.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.brand span{font-size:1rem}
.nav-links{display:flex;gap:24px;align-items:center;color:#d9deea;font-size:.94rem}
.nav-links a:hover{color:white}
.nav-cta{padding:10px 16px;border:1px solid rgba(112,219,138,.35);border-radius:999px;background:rgba(112,219,138,.08);color:#aef1bd;font-weight:700}
.menu-btn{display:none;background:none;border:0;color:white;font-size:1.35rem}
.hero{padding:86px 0 64px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(63,103,255,.35);background:rgba(63,103,255,.09);color:#b9c7ff;padding:8px 12px;border-radius:999px;font-weight:700;font-size:.82rem;letter-spacing:.02em}
.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(112,219,138,.7)}
h1{font-size:clamp(2.8rem,6vw,5.25rem);line-height:.98;letter-spacing:-.055em;margin:22px 0 20px;max-width:760px}
.gradient-text{background:linear-gradient(100deg,#fff 10%,#b7c5ff 50%,#88f1db);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:1.12rem;color:var(--muted);max-width:650px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;font-weight:800;border:1px solid var(--border);transition:.2s transform,.2s background,.2s border}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--blue),#3351db);border-color:transparent;box-shadow:0 14px 35px rgba(63,103,255,.22)}
.btn-secondary{background:rgba(255,255,255,.04)}
.hero-note{display:flex;gap:10px;align-items:flex-start;margin-top:24px;color:#9aa4b7;font-size:.83rem;max-width:630px}
.hero-note b{color:#dbe1ec}
.phone-stage{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center}
.glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(63,103,255,.24),rgba(63,103,255,0) 68%);filter:blur(4px)}
.phone{position:relative;width:min(310px,72vw);padding:12px;background:#05070a;border:1px solid rgba(255,255,255,.16);border-radius:42px;box-shadow:0 42px 90px rgba(0,0,0,.55),0 0 0 7px rgba(255,255,255,.025);z-index:2;transform:rotate(2deg)}
.phone:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:92px;height:20px;border-radius:999px;background:#020305;z-index:3}
.phone img{border-radius:31px;width:100%}
.float-card{position:absolute;z-index:3;background:rgba(17,23,34,.9);backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:15px 17px;max-width:220px}
.float-card strong{display:block;font-size:.92rem;margin-bottom:4px}
.float-card small{color:var(--muted);display:block;line-height:1.4}
.fc-1{left:0;top:110px}.fc-2{right:-5px;bottom:120px}
.kpi{display:flex;align-items:center;gap:10px}.kpi-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(112,219,138,.12);color:var(--green)}
.section{padding:88px 0}
.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0))}
.section-head{max-width:760px;margin-bottom:42px}
.kicker{color:#91a6ff;font-weight:800;font-size:.84rem;text-transform:uppercase;letter-spacing:.12em}
h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.04em;margin:10px 0 14px}
.section-head p{color:var(--muted);font-size:1.04rem;margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid var(--border);border-radius:20px;padding:24px;min-height:220px;transition:.2s transform,.2s border}
.feature:hover{transform:translateY(-4px);border-color:rgba(99,126,255,.35)}
.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:20px;background:rgba(63,103,255,.11);font-size:1.25rem}
.feature:nth-child(2) .feature-icon,.feature:nth-child(5) .feature-icon{background:rgba(112,219,138,.1)}
.feature:nth-child(3) .feature-icon{background:rgba(255,172,66,.1)}
.feature h3{margin:0 0 8px;font-size:1.08rem}
.feature p{color:var(--muted);margin:0;font-size:.93rem}
.showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.phone-pair{display:flex;align-items:flex-end;gap:20px;justify-content:center;position:relative}
.phone.small{width:250px;transform:rotate(-3deg)}
.phone.small.second{width:235px;transform:rotate(4deg) translateY(36px)}
.bullet-list{display:grid;gap:16px;margin-top:26px}
.bullet{display:flex;gap:12px;align-items:flex-start}
.check{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(112,219,138,.12);color:var(--green);font-weight:900}
.bullet strong{display:block;margin-bottom:2px}.bullet span{color:var(--muted);font-size:.93rem}
.notice{border:1px solid rgba(255,172,66,.24);background:rgba(255,172,66,.07);border-radius:18px;padding:19px 20px;color:#d8d0c4;margin-top:26px;font-size:.9rem}
.notice strong{color:#ffe0b5}
.mini-demo{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;background:linear-gradient(120deg,rgba(63,103,255,.08),rgba(112,219,138,.05));border:1px solid var(--border);border-radius:28px;padding:34px}
.mini-demo img{border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trust{border-top:1px solid var(--border);padding:22px 4px 0}.trust strong{font-size:1rem}.trust p{color:var(--muted);font-size:.9rem;margin:7px 0 0}
.cta-box{position:relative;overflow:hidden;text-align:center;background:linear-gradient(135deg,rgba(63,103,255,.16),rgba(66,231,231,.07));border:1px solid rgba(108,136,255,.26);border-radius:30px;padding:58px 26px}
.cta-box:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(63,103,255,.14);filter:blur(70px);top:-180px;left:50%;transform:translateX(-50%)}
.cta-box h2,.cta-box p,.cta-box .hero-actions{position:relative}.cta-box p{color:var(--muted);max-width:680px;margin:0 auto 24px}.cta-box .hero-actions{justify-content:center}
footer{border-top:1px solid var(--border);padding:40px 0 50px;color:#8f98aa}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:34px}.footer-title{color:#fff;font-weight:800;margin-bottom:8px}.footer-links{display:grid;gap:8px;font-size:.9rem}.footer-links a:hover{color:#fff}.fine{margin-top:34px;padding-top:22px;border-top:1px solid var(--border);font-size:.82rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.legal-hero{padding:72px 0 36px}.legal{max-width:860px}.legal h1{font-size:clamp(2.4rem,5vw,4rem)}.legal h2{font-size:1.5rem;margin-top:34px}.legal h3{font-size:1.05rem;margin-top:24px}.legal p,.legal li{color:#bcc4d2}.legal ul{padding-left:20px}.legal-card{border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:22px;padding:28px}.legal .updated{color:#818ba0;font-size:.86rem}.legal a{color:#9eb0ff;text-decoration:underline;text-underline-offset:3px}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-card{border:1px solid var(--border);border-radius:20px;padding:24px;background:rgba(255,255,255,.025)}.support-card p{margin-bottom:0}
@media(max-width:900px){.hero-grid,.showcase,.mini-demo{grid-template-columns:1fr}.hero-grid{gap:34px}.hero{padding-top:60px}.phone-stage{min-height:560px}.fc-1{left:5%}.fc-2{right:3%}.feature-grid,.trust-grid{grid-template-columns:1fr 1fr}.showcase{gap:38px}.footer-grid{grid-template-columns:1fr 1fr}.support-grid{grid-template-columns:1fr}}
@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.nav{height:66px}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;background:#0b0f16;border-bottom:1px solid var(--border);padding:18px 22px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.brand span{font-size:.92rem}.hero{padding:48px 0 38px}.hero p{font-size:1rem}.phone-stage{min-height:500px}.phone{width:260px}.float-card{max-width:180px;padding:12px}.fc-1{left:-2%;top:80px}.fc-2{right:-2%;bottom:74px}.feature-grid,.trust-grid{grid-template-columns:1fr}.section{padding:66px 0}.phone-pair{gap:8px}.phone.small{width:47vw}.phone.small.second{width:44vw}.mini-demo{padding:22px}.footer-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.fine{display:block}.fine span{display:block;margin-top:8px}}