*{margin:0;padding:0;box-sizing:border-box}
html{font-family:'Inter',system-ui,sans-serif}
body{background:#0b0a10;color:#e2e0eb;overflow-x:hidden}

.gradient-text{background:linear-gradient(135deg,#818cf8 0%,#c084fc 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gradient-border{position:relative}
.gradient-border::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(129,140,248,.4),rgba(192,132,252,.4),rgba(244,114,182,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

.glass{background:rgba(30,27,46,.6);backdrop-filter:blur(20px);border:1px solid rgba(129,140,248,.08)}
.glass-light{background:rgba(30,27,46,.35);backdrop-filter:blur(12px);border:1px solid rgba(129,140,248,.06)}

.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none}

.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.fade-up.visible{opacity:1;transform:translateY(0)}

.float{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.pulse-ring{animation:pulseRing 2s ease-out infinite}
@keyframes pulseRing{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.8);opacity:0}}

.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(129,140,248,.06) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

.tab-active{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(192,132,252,.1));border-color:rgba(129,140,248,.3)}

.btn-primary{background:linear-gradient(135deg,#6366f1,#7c3aed);transition:all .3s ease;box-shadow:0 0 20px rgba(99,102,241,.25)}
.btn-primary:hover{box-shadow:0 0 40px rgba(99,102,241,.4);transform:translateY(-1px)}

.btn-secondary{border:1px solid rgba(129,140,248,.2);transition:all .3s ease}
.btn-secondary:hover{border-color:rgba(129,140,248,.5);background:rgba(129,140,248,.05)}

.card-hover{transition:all .4s cubic-bezier(.16,1,.3,1)}
.card-hover:hover{transform:translateY(-4px);border-color:rgba(129,140,248,.2);box-shadow:0 20px 40px rgba(0,0,0,.3)}

.mockup-shadow{box-shadow:0 25px 60px -12px rgba(0,0,0,.5),0 0 0 1px rgba(129,140,248,.08)}

::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#13111c}
::-webkit-scrollbar-thumb{background:rgba(129,140,248,.25);border-radius:3px}

.counter{font-variant-numeric:tabular-nums}

.compare-highlight-col{background:linear-gradient(180deg,rgba(99,102,241,.08) 0%,rgba(139,92,246,.04) 100%);border-left:1px solid rgba(129,140,248,.15);border-right:1px solid rgba(129,140,248,.15)}
.compare-highlight-col:first-of-type,.grid>.compare-highlight-col:nth-child(3){border-top:1px solid rgba(129,140,248,.15)}
.compare-highlight-col.rounded-t-2xl{border-top:1px solid rgba(129,140,248,.15)}
.compare-highlight-col.rounded-b-2xl{border-bottom:1px solid rgba(129,140,248,.15)}