:root{--bg:#050816;--bg2:#0b1020;--card:rgba(255,255,255,.05);--line:rgba(255,255,255,.10);--text:#f8fbff;--muted:#97a6c8;--cyan:#67e8f9;--green:#34d399;--red:#fb7185;--shadow:0 20px 70px rgba(0,0,0,.45)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top, rgba(34,211,238,.10), transparent 28%),radial-gradient(circle at 80% 20%, rgba(139,92,246,.10), transparent 22%),radial-gradient(circle at 20% 80%, rgba(34,211,238,.08), transparent 25%),var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px);background-size:64px 64px}
a{text-decoration:none;color:inherit}.container{width:min(1240px,calc(100% - 28px));margin:0 auto}.section{padding:88px 0}.small-section{padding:48px 0}.page-top-space{padding-top:34px}.muted{color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid{display:grid;gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.badge{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(103,232,249,.20);background:rgba(103,232,249,.09);color:var(--cyan);text-transform:uppercase;font-size:11px;letter-spacing:.22em;font-weight:700}.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(103,232,249,.8)}
.nav-wrap{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,8,22,.75);backdrop-filter:blur(16px)}.nav{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(103,232,249,.10), rgba(139,92,246,.10));border:1px solid rgba(103,232,249,.18);color:var(--cyan);font-weight:800;letter-spacing:.2em;box-shadow:0 0 35px rgba(34,211,238,.12)}.brand-name{font-size:14px;font-weight:800;letter-spacing:.32em}.brand-sub{color:var(--muted);font-size:12px;margin-top:2px}
.nav-links{display:flex;gap:24px;flex-wrap:wrap;color:#d8e2f7;font-size:14px;align-items:center}.nav-links a:hover{color:#fff}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:16px;font-weight:700;border:none;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--cyan);color:#08111d;box-shadow:0 0 30px rgba(103,232,249,.25)}.btn-secondary{background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff}.btn-full{width:100%}
.dropdown{position:relative}.dropdown-toggle{cursor:pointer}.dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:280px;background:rgba(11,16,32,.98);border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow);display:none}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:12px 14px;border-radius:14px}.dropdown-menu a:hover{background:rgba(255,255,255,.05)}
.hero{padding:68px 0 40px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.hero h1{font-size:clamp(42px,7vw,84px);line-height:.96;letter-spacing:-.05em;font-weight:800;margin-top:20px;max-width:760px}.hero p{font-size:20px;line-height:1.7;color:var(--muted);max-width:700px;margin-top:22px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.stat-pill{padding:14px;text-align:center;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#d9e4fb;font-size:14px}
.terminal{border-radius:30px;padding:16px;background:rgba(255,255,255,.05);border:1px solid var(--line);box-shadow:0 25px 100px rgba(0,0,0,.55)}.terminal-top{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:20px;background:var(--bg2);border:1px solid var(--line)}.terminal-title small{display:block;color:#6f7f9f;text-transform:uppercase;letter-spacing:.22em;font-size:11px}.terminal-title strong{display:block;margin-top:6px;font-size:14px}.live-chip{padding:8px 12px;border-radius:999px;background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.15);color:var(--cyan);font-size:12px;font-weight:700}
.panel-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.panel{background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:20px}.panel-label{color:#73819c;text-transform:uppercase;letter-spacing:.22em;font-size:11px}.panel-title{margin-top:10px;font-size:28px;line-height:1.1;font-weight:800}
.chart-bars{margin-top:18px;height:160px;display:flex;align-items:flex-end;gap:8px;border-radius:18px;padding:16px;background:linear-gradient(180deg, rgba(103,232,249,.06), rgba(139,92,246,.03));border:1px solid var(--line)}.chart-bars span{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(180deg, rgba(103,232,249,.15), rgba(34,211,238,.72))}
.list{display:grid;gap:10px;margin-top:14px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.green{color:var(--green)}.red{color:var(--red)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.metric-card{background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:18px}.metric-card h4{font-size:19px;margin-top:10px}.metric-card p{color:var(--muted);margin-top:8px;font-size:14px}
.section-head{max-width:880px;margin:0 auto;text-align:center}.section-head h2{font-size:clamp(34px,5vw,58px);line-height:1.02;font-weight:800;letter-spacing:-.04em;margin-top:14px}.section-head p{margin-top:18px;color:var(--muted);font-size:19px}
.big-cta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.big-cta h2{font-size:clamp(32px,4vw,54px);line-height:1.03;font-weight:800;letter-spacing:-.04em;margin-top:14px}.big-cta p{margin-top:16px;color:var(--muted);font-size:18px}
.price{font-size:58px;font-weight:800;line-height:1;margin-top:16px}.price span{font-size:24px;color:var(--muted)}.form-grid{display:grid;gap:14px}.input,.select,.textarea{width:100%;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-size:16px;outline:none}.textarea{resize:vertical;min-height:130px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;margin-top:16px}.table th,.table td{border-bottom:1px solid var(--line);padding:12px;text-align:left;font-size:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.kpi h3{font-size:13px;color:var(--muted);font-weight:600}.kpi strong{display:block;margin-top:10px;font-size:28px}
.footer{border-top:1px solid rgba(255,255,255,.08);margin-top:30px;padding:30px 0 50px}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.footer p{color:var(--muted);max-width:580px;margin-top:8px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:#dbe5fb}.notice{padding:14px 16px;border-radius:16px;background:rgba(52,211,153,.10);border:1px solid rgba(52,211,153,.18);color:#b7f7df}.warn{padding:14px 16px;border-radius:16px;background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.18);color:#fde7a3}.empty{color:var(--muted);text-align:center;padding:24px}.tab-btn{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#dbe5fb;cursor:pointer}
.tv-wrapper{margin-top:18px;height:520px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--bg2)}.tradingview-widget-container,.tradingview-widget-container__widget{width:100%;height:100%}
.demo-shell{margin-top:24px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.04);overflow:hidden;box-shadow:var(--shadow)}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--bg2)}.demo-stage{position:relative;min-height:420px;padding:26px;background:radial-gradient(circle at 20% 20%, rgba(34,211,238,.08), transparent 25%),radial-gradient(circle at 80% 20%, rgba(139,92,246,.08), transparent 25%),linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01))}
.demo-card{position:absolute;border:1px solid var(--line);background:rgba(11,16,32,.92);border-radius:20px;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.35);backdrop-filter:blur(10px)}.demo-upload{left:24px;top:34px;width:270px}.demo-scan{right:28px;top:48px;width:240px}.demo-result{left:160px;bottom:34px;width:420px}.demo-line{height:12px;border-radius:999px;background:linear-gradient(90deg, rgba(103,232,249,.16), rgba(255,255,255,.04));margin-top:12px}.demo-screen{margin-top:14px;height:140px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(103,232,249,.07), rgba(139,92,246,.04));position:relative;overflow:hidden}.demo-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(103,232,249,.16) 50%, transparent 100%);animation:scan 2.6s linear infinite}@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.demo-tag{display:inline-block;margin-top:12px;padding:8px 12px;border-radius:999px;background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.16);color:var(--cyan);font-size:12px;font-weight:700}
.feature-hero{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.subnav{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.subnav a{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
@media (max-width:1100px){.hero-grid,.two-col,.panel-grid,.big-cta,.feature-hero{grid-template-columns:1fr}.three-col{grid-template-columns:1fr 1fr}.four-col,.kpi-grid{grid-template-columns:1fr 1fr}.stat-row{grid-template-columns:1fr 1fr}.demo-result,.demo-upload,.demo-scan{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin-top:12px}}
@media (max-width:760px){.nav{min-height:70px}.nav-links,.nav-actions .btn-secondary{display:none}.section{padding:70px 0}.hero{padding-top:44px}.three-col,.four-col,.kpi-grid,.metric-grid,.stat-row{grid-template-columns:1fr}.hero p,.section-head p,.big-cta p{font-size:17px}.panel-title{font-size:24px}.footer-row{flex-direction:column}.tv-wrapper{height:320px}.dropdown:hover .dropdown-menu{display:none}}

.subnav{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:18px;
}

.subnav a{
display:inline-block;
padding:10px 14px;
border-radius:999px;
border:1px solid var(--line);
background:rgba(255,255,255,.04);
margin:4px;
}