@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-main:#0b0f19;--bg-card:#151a27;--bg-card-hover:#1a2132;--text-main:#fff;--text-muted:#9ca3af;--primary:#6366f1;--primary-hover:#4f46e5;--accent:#8b5cf6;--success:#10b981;--danger:#ef4444;--border-color:#2d3748;--glow-primary:#6366f180;--glow-accent:#8b5cf680;--font-main:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);max-width:100vw;color:var(--text-main);font-family:var(--font-main);line-height:1.5;overflow-x:clip}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:3.5rem}h2{letter-spacing:-.01em;font-size:2.5rem}h3{font-size:1.5rem}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-semibold{font-weight:600}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px 0 var(--glow-primary)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f199}.btn-outline{color:#fff;border:1px solid var(--border-color);background-color:#0000}.btn-outline:hover{border-color:var(--text-muted);background-color:#ffffff0d}.btn-white{color:var(--bg-main);background-color:#fff}.btn-white:hover{background-color:#f3f4f6;transform:translateY(-1px)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:transform .3s,border-color .3s}.card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 10px 30px -10px #00000080}.card-highlight{background:linear-gradient(145deg,#6366f11a,#8b5cf61a);border:1px solid #8b5cf64d}.text-center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.px-4{padding-left:1rem;padding-right:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.w-full{width:100%}.max-w-3xl{max-width:48rem;margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:.8s ease-out forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.icon{width:24px;height:24px}.icon-sm{width:16px;height:16px}.icon-lg{width:32px;height:32px}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.badge{color:var(--primary);background:#6366f133;border:1px solid #6366f14d;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#0b0f19cc;border-bottom:1px solid #ffffff0d;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;height:7rem;display:flex}.logo{align-items:center;gap:.5rem;display:flex}.logo-img{object-fit:contain;width:auto;height:96px}.nav-links{display:none}@media (min-width:768px){.nav-links{align-items:center;gap:2rem;display:flex}}.nav-links a{color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:#fff}.header-actions{align-items:center;gap:1rem;display:flex}.footer{background:#080a12;border-top:1px solid #ffffff0d}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-muted);font-size:.875rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff0d;padding-top:2rem}.pricing-page{padding:5rem 1.5rem 8rem;position:relative;overflow:hidden}.pricing-bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0b0f1900 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;max-width:800px;margin:0 auto 4rem}.pricing-title{letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.pricing-subtitle{color:#94a3b8;font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.6}.pricing-tiers{flex-direction:column;gap:2rem;max-width:900px;margin:0 auto 5rem;animation:1s cubic-bezier(.16,1,.3,1) forwards floatUp;display:flex}@media (min-width:768px){.pricing-tiers{flex-direction:row;justify-content:center;align-items:stretch}}.pricing-card-wrapper{flex:1;width:100%;max-width:440px;margin:0 auto;position:relative}@keyframes floatUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pricing-card{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0f172a99;border:1px solid #6366f166;border-radius:1.5rem;padding:3rem 2.5rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #6366f11a}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px #0009,inset 0 0 0 1px #8b5cf64d,0 0 30px #6366f133}.pricing-card-glow{z-index:-1;opacity:.5;filter:blur(10px);background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:1.6rem;animation:4s ease-in-out infinite alternate pulseGlow;position:absolute;inset:-2px}@keyframes pulseGlow{0%{opacity:.3;filter:blur(10px)}to{opacity:.7;filter:blur(15px)}}.price-block{text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:2rem}.price-currency{vertical-align:top;color:#fff;margin-right:.2rem;font-size:1.5rem;font-weight:600}.price-amount{letter-spacing:-.05em;color:#fff;font-size:4.5rem;font-weight:800;line-height:1}.price-period{color:#94a3b8;font-size:1rem;font-weight:500}.price-desc{color:#cbd5e1;margin-top:.75rem;font-size:.9375rem}.pricing-features{margin:0 0 2.5rem;padding:0;list-style:none}.pricing-features li{color:#e2e8f0;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.9375rem;line-height:1.5;display:flex}.pricing-features li svg{color:#34d399;flex-shrink:0;width:20px;height:20px;margin-top:.1rem}.pricing-features li strong{color:#fff;font-weight:600}.value-props{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.value-prop-card{opacity:0;background:#ffffff05;border:1px solid #ffffff0d;border-radius:1rem;padding:2rem;transition:all .3s;transform:translateY(20px)}.value-prop-card.animate-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards floatUp}.value-prop-card:hover{background:#ffffff0a;border-color:#6366f14d;transform:translateY(-3px)}.vp-icon{color:#818cf8;background:#6366f11a;border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1.25rem;display:flex}.value-prop-card h3{color:#fff;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.value-prop-card p{color:#94a3b8;font-size:.875rem;line-height:1.6}.vs-page{max-width:900px;margin:0 auto;padding:4rem 1.5rem 6rem}.vs-eyebrow{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.vs-eyebrow .badge{margin:0}.vs-meta{color:var(--text-muted);font-size:.8125rem}.vs-h1{letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15}.vs-divider{border:none;border-top:1px solid var(--border-color);margin:2.5rem 0}.vs-quick-answer{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid #6366f159;border-radius:1rem;margin:2rem 0;padding:1.5rem 2rem}.vs-quick-answer-label{letter-spacing:.1em;text-transform:uppercase;color:#818cf8;margin-bottom:.6rem;font-size:.75rem;font-weight:700}.vs-quick-answer p{color:#cbd5e1;font-size:1rem;line-height:1.75}.vs-quick-answer strong{color:#fff}.vs-section{margin-top:3.5rem}.vs-section-num{letter-spacing:.12em;text-transform:uppercase;color:#6366f1;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.vs-section h2{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:1.625rem;font-weight:700}.vs-body{color:#94a3b8;margin-bottom:1rem;font-size:.9375rem;line-height:1.8}.vs-body strong{color:#e2e8f0}.vs-body em{color:#94a3b8;font-style:italic}.vs-table-wrap{border:1px solid var(--border-color);border-radius:.875rem;margin:1.5rem 0 2rem;overflow-x:auto}.vs-table{border-collapse:collapse;width:100%;font-size:.875rem}.vs-table th{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-color);background:#1a2035;padding:.875rem 1rem;font-size:.75rem;font-weight:600}.vs-table th:first-child{color:#fff}.vs-table td{color:#cbd5e1;vertical-align:top;border-bottom:1px solid #2d374899;padding:.8125rem 1rem;line-height:1.5}.vs-table tr:last-child td{border-bottom:none}.vs-table tr:nth-child(2n) td{background:#ffffff06}.vs-table td:first-child{color:#e2e8f0;white-space:nowrap;font-weight:600}.vs-table td.good{color:#34d399}.vs-table td.neutral{color:#fbbf24}.vs-table td.bad{color:#f87171}.vs-check{color:#34d399;font-weight:700}.vs-dash{color:#64748b}.vs-list{flex-direction:column;gap:.5rem;margin:.75rem 0 1.5rem;padding:0;list-style:none;display:flex}.vs-list li{color:#94a3b8;align-items:flex-start;gap:.625rem;font-size:.9375rem;line-height:1.6;display:flex}.vs-list li:before{content:"→";color:#6366f1;flex-shrink:0;margin-top:.05em}.vs-list li strong{color:#e2e8f0}.vs-honest{background:#fbbf2412;border-left:3px solid #fbbf24;border-radius:0 .5rem .5rem 0;margin:1.5rem 0 0;padding:1rem 1.25rem}.vs-honest p{color:#94a3b8;font-size:.875rem;line-height:1.7}.vs-honest strong{color:#fbbf24}.vs-who-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.5rem 0;display:grid}@media (max-width:640px){.vs-who-grid{grid-template-columns:1fr}}.vs-who-card{border-radius:.875rem;padding:1.5rem}.vs-who-card.legacy{background:#f871710f;border:1px solid #f8717133}.vs-who-card.modern{background:#6366f114;border:1px solid #6366f14d}.vs-who-card h3{margin-bottom:1rem;font-size:1rem;font-weight:700}.vs-who-card.legacy h3{color:#f87171}.vs-who-card.modern h3{color:#818cf8}.vs-timeline{flex-direction:column;gap:0;margin:1.5rem 0;display:flex}.vs-timeline-item{gap:1rem;display:flex}.vs-timeline-line{flex-direction:column;align-items:center;display:flex}.vs-timeline-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.3rem}.vs-timeline-line>div:last-child{background:#6366f140;flex:1;width:2px;min-height:1rem}.vs-timeline-item:last-child .vs-timeline-line>div:last-child{display:none}.vs-timeline-content{padding-bottom:1.25rem}.vs-timeline-label{color:#818cf8;margin-bottom:.25rem;font-size:.8125rem;font-weight:700}.vs-timeline-text{color:#94a3b8;font-size:.875rem;line-height:1.6}.vs-faq{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.vs-faq-item{border:1px solid var(--border-color);background:#151a27;border-radius:.75rem;padding:1.25rem 1.5rem}.vs-faq-q{color:#e2e8f0;margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.vs-faq-a{color:#94a3b8;font-size:.875rem;line-height:1.7}.vs-methodology{border:1px solid var(--border-color);background:#ffffff05;border-radius:.75rem;margin:2.5rem 0;padding:1.25rem 1.5rem}.vs-methodology p{color:#64748b;font-size:.8125rem;line-height:1.7}.vs-cta{text-align:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f14d;border-radius:1.25rem;margin-top:4rem;padding:3rem 2rem}.vs-cta h2{margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.vs-cta p{color:#94a3b8;margin-bottom:2rem}.vs-cta-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.vs-breadcrumb{color:#64748b;align-items:center;gap:.375rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.vs-breadcrumb a{color:#64748b;transition:color .2s}.vs-breadcrumb a:hover,.vs-breadcrumb span{color:#94a3b8}
