:root{--bg:#07111f;--bg2:#0a1a2f;--card:rgba(255,255,255,.075);--card2:rgba(255,255,255,.11);--text:#eef7ff;--muted:#a9bdd2;--blue:#0b75c2;--blue2:#28a8ff;--green:#42e6a4;--border:rgba(255,255,255,.14);--shadow:0 24px 70px rgba(0,0,0,.35);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.site-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 10%,rgba(40,168,255,.22),transparent 30%),radial-gradient(circle at 80% 20%,rgba(66,230,164,.13),transparent 28%),linear-gradient(135deg,var(--bg),var(--bg2));}.container{width:min(1160px,calc(100% - 32px));margin:auto}.section{padding:96px 0}.header{position:fixed;top:0;left:0;right:0;z-index:50;transition:.25s;background:rgba(7,17,31,.56);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.header.scrolled{border-color:var(--border);background:rgba(7,17,31,.86)}.header__inner{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:800}.logo__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 0 34px rgba(40,168,255,.38)}.logo__text{font-size:18px}.nav{display:flex;gap:24px;margin-left:auto}.nav a,.footer a{color:var(--muted);text-decoration:none}.nav a:hover,.footer a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid rgba(40,168,255,.55);background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;text-decoration:none;font-weight:800;box-shadow:0 18px 42px rgba(11,117,194,.32);cursor:pointer}.btn--ghost{background:rgba(255,255,255,.06);box-shadow:none}.btn--small{min-height:42px;padding:0 18px}.burger{display:none;margin-left:auto;background:transparent;border:0}.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px}.hero{padding-top:150px}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;padding:8px 14px;border:1px solid rgba(40,168,255,.3);border-radius:999px;background:rgba(40,168,255,.1);color:#7ed0ff;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,7vw,74px);line-height:1.03;margin:22px 0}h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:16px 0}h3{font-size:21px;line-height:1.25}p{color:var(--muted)}.hero__lead{font-size:20px;max-width:680px}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.hero__bullets{display:flex;flex-wrap:wrap;gap:10px}.hero__bullets span,.contact-points span{padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.05);color:#d8ecff;font-size:14px}.dashboard{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045));padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.dashboard:before{content:"";position:absolute;inset:-30% -20% auto auto;width:260px;height:260px;background:rgba(40,168,255,.18);filter:blur(45px)}.dashboard__top{display:flex;gap:8px;margin-bottom:24px}.dashboard__top span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.35)}.dashboard__metric p{margin-bottom:2px}.dashboard__metric strong{font-size:64px;line-height:1;color:#fff}.dashboard__metric small{color:var(--green);font-weight:800}.chart{height:210px;display:flex;align-items:flex-end;gap:14px;margin:28px 0;padding:18px;border-radius:20px;background:rgba(0,0,0,.17)}.chart span{flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--green),var(--blue2))}.dashboard__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashboard__cards div{padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.06)}.dashboard__cards b{display:block;font-size:22px}.dashboard__cards span{color:var(--muted);font-size:13px}.section-head{text-align:center;max-width:820px;margin:0 auto 42px}.align-left{text-align:left;margin-left:0}.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card,.feature,.price,.form,.step{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:0 12px 36px rgba(0,0,0,.18)}.card,.feature{padding:24px}.feature span{font-size:34px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}.steps{display:grid;gap:16px}.step{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:22px}.step>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue2));font-weight:900}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:18px;border-bottom:1px solid var(--border);text-align:left}th{color:#fff}td{color:var(--muted)}td:last-child{color:#dff8ff;font-weight:800}.pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price{padding:28px;position:relative}.price--main{background:linear-gradient(180deg,rgba(40,168,255,.18),rgba(255,255,255,.075));transform:translateY(-12px)}.badge{position:absolute;top:16px;right:16px;padding:6px 10px;border-radius:999px;background:rgba(66,230,164,.16);color:var(--green);font-size:12px;font-weight:900}.price__value{font-size:48px;font-weight:900;margin:16px 0}.price__value span{font-size:16px;color:var(--muted)}.price ul{padding-left:20px;color:var(--muted);min-height:150px}.cta__grid{display:grid;grid-template-columns:1fr .8fr;gap:38px;align-items:center}.contact-points{display:flex;gap:10px;flex-wrap:wrap}.form{padding:26px}.form label{display:block;color:#dcefff;font-weight:800;margin-bottom:14px}.form input,.form select,.form textarea{width:100%;margin-top:7px;border:1px solid var(--border);border-radius:16px;background:rgba(0,0,0,.18);color:#fff;padding:14px 15px;font:inherit;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue2)}.form small{display:block;color:var(--muted);margin-top:12px}.hp{position:absolute;left:-9999px}.footer{padding:32px 0;border-top:1px solid var(--border)}.footer__inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer p{margin:0}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.reveal--delay{transition-delay:.15s}@media(max-width:960px){.hero__grid,.split,.cta__grid{grid-template-columns:1fr}.cards.four,.cards.three,.pricing__grid{grid-template-columns:1fr 1fr}.header__cta{display:none}.nav{position:fixed;top:76px;right:16px;left:16px;display:none;flex-direction:column;padding:18px;border:1px solid var(--border);border-radius:20px;background:rgba(7,17,31,.96)}.nav.open{display:flex}.burger{display:block}}@media(max-width:640px){.section{padding:68px 0}.hero{padding-top:120px}.cards.four,.cards.three,.pricing__grid,.dashboard__cards{grid-template-columns:1fr}.price--main{transform:none}.hero__actions .btn{width:100%}h1{font-size:40px}.header__inner{height:68px}.nav{top:68px}.step{grid-template-columns:1fr}.footer__inner{display:block}.footer a{display:inline-block;margin-top:10px}}

/* Premium UI enhancements */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 50% 20%,#000 0,transparent 70%)}
.orb{position:fixed;z-index:-1;border-radius:999px;filter:blur(8px);opacity:.65;pointer-events:none;animation:floatOrb 12s ease-in-out infinite}
.orb--one{width:280px;height:280px;left:-80px;top:140px;background:radial-gradient(circle,rgba(40,168,255,.24),transparent 66%)}
.orb--two{width:360px;height:360px;right:-130px;bottom:80px;background:radial-gradient(circle,rgba(66,230,164,.18),transparent 68%);animation-delay:-4s}
@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(26px,-34px,0) scale(1.08)}}
.logo__mark,.btn,.step>span{position:relative;overflow:hidden}.btn:before,.logo__mark:before,.step>span:before{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.42),transparent 65%);transform:translateX(-120%);animation:shine 4.8s ease-in-out infinite}.btn:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(11,117,194,.42)}.btn{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.btn--ghost:hover{border-color:rgba(126,208,255,.8);background:rgba(255,255,255,.1)}@keyframes shine{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(130%)}}
.card,.feature,.price,.form,.step,.dashboard,.table-wrap{transition:transform .32s ease,border-color .32s ease,background .32s ease,box-shadow .32s ease}.card:hover,.feature:hover,.step:hover{transform:translateY(-7px);border-color:rgba(126,208,255,.42);background:rgba(255,255,255,.105);box-shadow:0 22px 60px rgba(0,0,0,.28)}.price:hover,.form:hover,.dashboard:hover,.table-wrap:hover{border-color:rgba(126,208,255,.36);box-shadow:0 30px 80px rgba(0,0,0,.32)}
.chart span{animation:barPulse 2.8s ease-in-out infinite;transform-origin:bottom}.chart span:nth-child(2){animation-delay:.15s}.chart span:nth-child(3){animation-delay:.3s}.chart span:nth-child(4){animation-delay:.45s}.chart span:nth-child(5){animation-delay:.6s}.chart span:nth-child(6){animation-delay:.75s}.chart span:nth-child(7){animation-delay:.9s}@keyframes barPulse{0%,100%{filter:saturate(1);transform:scaleY(1)}50%{filter:saturate(1.35);transform:scaleY(1.06)}}
.dashboard{animation:dashboardFloat 7s ease-in-out infinite}.dashboard__metric strong{background:linear-gradient(90deg,#fff,#7ed0ff,#42e6a4);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes dashboardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero__bullets span,.contact-points span{transition:transform .25s ease,border-color .25s ease,background .25s ease}.hero__bullets span:hover,.contact-points span:hover{transform:translateY(-3px);border-color:rgba(66,230,164,.45);background:rgba(66,230,164,.08)}
.reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.visible{will-change:auto}.section{position:relative}.section:after{content:"";position:absolute;left:50%;bottom:0;width:min(980px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(126,208,255,.18),transparent)}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.dashboard{transform:none!important}}
