:root{--bg:#f8fafc;--bg-gradient:linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);--surface:#fff;--surface-hover:#f1f5f9;--border:#00000014;--border-light:#00000026;--accent:#006fff;--accent-light:#0058cc;--accent-glow:#006fff33;--text-main:#0f172a;--text-muted:#64748b;--text-dark:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.syne{font-family:Syne,sans-serif}.wrapper{z-index:1;max-width:1200px;margin:0 auto;padding:60px 24px 100px;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.top-bar{background:var(--accent);z-index:10;justify-content:center;align-items:center;width:100%;padding:16px 24px;display:flex;position:relative;box-shadow:0 4px 20px #005eff26}.top-bar-logo{object-fit:contain;height:75px}.bg-glow{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:60px;left:0;overflow:hidden}.bg-glow-1{filter:blur(80px);background:radial-gradient(circle,#005eff0d 0%,#0000 60%);width:600px;height:600px;position:absolute;top:-20%;left:10%}.bg-glow-2{filter:blur(100px);background:radial-gradient(circle,#4d8eff0a 0%,#0000 60%);width:800px;height:800px;position:absolute;bottom:-10%;right:-10%}.header{text-align:center;margin-top:40px;margin-bottom:80px;position:relative}.badge{color:var(--accent);background:#005eff1a;border:1px solid #005eff33;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.title{letter-spacing:-.04em;color:var(--text-main);margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.1}.title-highlight{background:linear-gradient(135deg, var(--accent) 0%, #03c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.billing-toggle{border:1px solid var(--border);color:var(--text-dark);background:#fff;border-radius:100px;align-items:center;gap:12px;margin-top:40px;padding:12px 24px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 4px 6px #00000005}.billing-toggle svg{color:#f59e0b}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin-bottom:100px;display:grid}@media (width<=960px){.pricing-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto 80px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;padding:40px 32px;transition:all .3s;display:flex;position:relative;box-shadow:0 10px 30px #00000005}.card:hover{border-color:var(--border-light);transform:translateY(-4px);box-shadow:0 20px 40px #0000000f}.card.premium{border:2px solid var(--accent);z-index:2;background:#fff;transform:scale(1.05);box-shadow:0 10px 40px #005eff1a}.card.premium:hover{transform:scale(1.05)translateY(-4px);box-shadow:0 20px 50px #005eff26}@media (width<=960px){.card.premium{transform:scale(1)}.card.premium:hover{transform:translateY(-4px)}}.popular-badge{background:var(--accent);color:#fff;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 15px var(--accent-glow);border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan-name{color:var(--text-main);margin-bottom:8px;font-size:24px;font-weight:700}.card.premium .plan-name{color:var(--accent)}.plan-desc{color:var(--text-muted);min-height:40px;margin-bottom:32px;font-size:14px}.price{letter-spacing:-.02em;color:var(--text-main);margin-bottom:8px;font-size:48px;font-weight:800;line-height:1}.price span{color:var(--text-muted);font-size:16px;font-weight:500}.billed-info{color:var(--text-muted);background:#f1f5f9;border-radius:8px;margin-bottom:32px;padding:8px 12px;font-size:13px;display:inline-block}.billed-info strong{color:var(--text-main)}.metrics{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px;padding-bottom:32px;display:grid}.metric{border:1px solid var(--border);text-align:center;background:#f8fafc;border-radius:12px;padding:12px}.metric-val{color:var(--text-main);margin-bottom:4px;font-size:18px;font-weight:700}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.features-list{flex-grow:1;margin-bottom:40px;list-style:none}.features-list li{color:var(--text-dark);align-items:flex-start;gap:12px;margin-bottom:16px;font-size:14px;line-height:1.5;display:flex}.features-list li svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}.features-list li.included svg{color:var(--accent)}.features-list li.missing{color:var(--text-muted);opacity:.5}.features-list li.missing svg{color:var(--text-muted)}.btn{text-align:center;cursor:pointer;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.btn-outline{color:var(--text-main);border:1px solid var(--border-light);background:#fff;box-shadow:0 2px 4px #00000005}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 15px var(--accent-glow);border:none}.btn-primary:hover{background:#004ecc;transform:translateY(-2px);box-shadow:0 8px 25px #005eff4d}.section-heading{text-align:center;letter-spacing:-.02em;color:var(--text-main);margin-bottom:60px;font-size:32px;font-weight:700}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:100px;display:grid}@media (width<=900px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bento-grid{grid-template-columns:1fr}}.bento-item{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:32px;transition:all .3s;box-shadow:0 4px 20px #00000005}.bento-item:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 10px 30px #0000000a}.bento-icon{width:48px;height:48px;color:var(--accent);background:#005eff14;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.bento-title{color:var(--text-main);margin-bottom:12px;font-size:18px;font-weight:700}.bento-desc{color:var(--text-muted);font-size:14px;line-height:1.6}.info-section{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:80px;display:grid}@media (width<=800px){.info-section{grid-template-columns:1fr}}.info-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000005}.info-card.warning{background:#fffbeb;border-color:#f59e0b4d}.info-card.warning .info-icon{color:#d97706;background:#fef3c7}.info-icon{width:48px;height:48px;color:var(--text-dark);background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.info-title{color:var(--text-main);margin-bottom:16px;font-size:20px;font-weight:700}.info-card.warning .info-title{color:#b45309}.info-card.warning .info-desc{color:#92400e}.info-desc{color:var(--text-muted);font-size:15px;line-height:1.6}.price-big{color:#d97706;margin-bottom:4px;font-size:40px;font-weight:800}footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding-top:40px;font-size:13px;line-height:1.6}