:root{--bg:#030712;--bg2:#081224;--text:#edf4ff;--muted:#9cb1cf;--line:rgba(255,255,255,.12);--glass:rgba(10,18,36,.45);--cyan:#7cf7ff;--blue:#5a8cff;--mint:#7dffcf;}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#0d1830 0%,#030712 55%);color:var(--text);min-height:100%}body{overflow-x:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.noise{position:fixed;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:12px 12px;opacity:.08}.nav,.wrap{position:relative;z-index:2}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw}.brand{display:flex;align-items:center;gap:14px}.brand strong{display:block}.brand span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}.logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;color:#04131c;background:linear-gradient(135deg,var(--cyan),var(--mint));box-shadow:0 10px 35px rgba(90,140,255,.35)}.nav-btn,.btn,.price-card a{text-decoration:none;color:inherit}.nav-btn{padding:13px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}.wrap{width:min(1180px,92vw);margin:0 auto;padding:18px 0 70px}.glass{background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.25)}.hero{padding:56px;border-radius:30px;min-height:70vh;display:flex;flex-direction:column;justify-content:center}.pill{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(125,255,207,.08);border:1px solid rgba(125,255,207,.25);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mint);width:max-content}.pill.small{margin:0 auto 10px}.hero h1{font-size:clamp(42px,7vw,86px);line-height:.94;margin:20px 0;max-width:980px;letter-spacing:-.04em}.hero h1 span{color:var(--cyan);text-shadow:0 0 30px rgba(124,247,255,.35)}.lead{font-size:20px;line-height:1.7;max-width:760px;color:var(--muted)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 34px}.btn{padding:16px 22px;border-radius:16px;font-weight:700;border:1px solid var(--line)}.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04111d;border:none;box-shadow:0 10px 30px rgba(90,140,255,.35)}.secondary{background:rgba(255,255,255,.04)}.stats,.grid,.pricing,.split{display:grid;gap:18px}.stats{grid-template-columns:repeat(3,1fr)}.stats div,.card,.panel,.price-card,.cta{border-radius:26px;padding:24px}.stats strong{display:block;font-size:26px}.stats span,.card p,.panel li,.price-card li,.cta p{color:var(--muted);line-height:1.6}.top-grid{grid-template-columns:repeat(3,1fr);margin-top:22px;perspective:1400px}.card h3,.panel h2,.price-card .plan,.cta h2{margin:10px 0 10px}.mini{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.highlight{background:linear-gradient(180deg,rgba(90,140,255,.16),rgba(10,18,36,.45))}.split{grid-template-columns:1.2fr .8fr;margin:22px 0}.dark{background:linear-gradient(180deg,rgba(125,255,207,.12),rgba(10,18,36,.45))}.panel ul,.price-card ul{padding-left:18px}.pricing-block{margin-top:24px}.section-title{text-align:center;margin-bottom:18px}.section-title h2{font-size:clamp(30px,5vw,54px);margin:8px 0 0}.pricing{grid-template-columns:repeat(3,1fr)}.price-card{position:relative}.plan{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.price{font-size:52px;font-weight:900;margin:8px 0 18px}.price-card a{display:block;text-align:center;padding:15px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--line);margin-top:18px}.featured{transform:translateY(-10px);border-color:rgba(124,247,255,.35);box-shadow:0 25px 80px rgba(90,140,255,.22)}.badge-top{position:absolute;top:16px;right:16px;padding:8px 10px;border-radius:999px;background:rgba(124,247,255,.1);border:1px solid rgba(124,247,255,.25);font-size:11px;letter-spacing:.15em;color:var(--cyan)}.cta{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.tilt{position:relative;transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden;min-height:280px}.tilt::before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(124,247,255,.18),transparent 35%,rgba(90,140,255,.18) 65%,transparent);opacity:.8;pointer-events:none}.tilt::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(124,247,255,.22),transparent 70%);top:-60px;right:-40px;filter:blur(10px);pointer-events:none}.card-inner{position:relative;height:100%;transform-style:preserve-3d}.card-layer{position:absolute;inset:0;border-radius:22px;pointer-events:none}.layer-back{transform:translateZ(-30px) scale(.94);background:linear-gradient(180deg,rgba(90,140,255,.18),rgba(125,255,207,.05));filter:blur(8px);opacity:.7}.layer-mid{transform:translateZ(16px);border:1px solid rgba(255,255,255,.08)}.card-copy{position:relative;z-index:2;transform:translateZ(42px)}.card-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,247,255,.22),rgba(90,140,255,.22));border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.22);font-size:24px;margin-bottom:14px}.tilt:hover{box-shadow:0 34px 90px rgba(90,140,255,.22),0 18px 40px rgba(0,0,0,.32);border-color:rgba(124,247,255,.28)}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.tilt:nth-child(1){animation:floatCard 5s ease-in-out infinite}.tilt:nth-child(2){animation:floatCard 5.6s ease-in-out infinite .2s}.tilt:nth-child(3){animation:floatCard 6.1s ease-in-out infinite .4s}@media (max-width:960px){.top-grid,.pricing,.split,.stats,.cta{grid-template-columns:1fr;display:grid}.hero{padding:30px}.featured{transform:none}.tilt,.price-card,.panel,.cta,.hero{border-radius:22px}.hero h1{font-size:clamp(34px,12vw,58px)}.lead{font-size:17px}.stats strong{font-size:22px}.top-grid{perspective:none}.tilt{transform:none !important;min-height:auto}.card-copy{transform:none}.layer-back,.layer-mid{display:none}.nav{padding:18px 4vw}.nav-btn{padding:11px 14px;font-size:14px}}@media (max-width:560px){.wrap{width:min(94vw,1180px)}.hero-actions{flex-direction:column}.btn,.nav-btn,.price-card a{width:100%;text-align:center}.stats div,.card,.panel,.price-card,.cta{padding:18px}.price{font-size:42px}}
