*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0b1120;--bg-secondary:#111b33;--bg-card:hsla(0,0%,100%,.02);--border-subtle:hsla(0,0%,100%,.06);--border-light:hsla(0,0%,100%,.1);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--blue:#3b82f6;--blue-light:#60a5fa;--purple:#8b5cf6;--purple-light:#a78bfa;--cyan:#06b6d4;--cyan-light:#22d3ee;--green:#10b981;--green-light:#34d399;--amber:#f59e0b;--amber-light:#fbbf24;--red:#ef4444}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-secondary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:100px 0}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;background:rgba(11,17,32,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.nav .container{justify-content:space-between}.nav .container,.nav-brand{display:flex;align-items:center}.nav-brand{gap:12px;text-decoration:none}.nav-logo{font-family:DM Sans,sans-serif;font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.nav-logo span{color:var(--blue)}.nav-tag{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);padding:4px 10px;border:1px solid var(--border-subtle);border-radius:20px}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.hero{padding-top:180px;padding-bottom:120px;position:relative;text-align:center}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(59,130,246,.08) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 30% 20%,rgba(139,92,246,.05) 0,transparent 50%);pointer-events:none}.hero .container{position:relative;z-index:1}.hero-eyebrow{font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:20px}.hero h1{font-family:DM Sans,sans-serif;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:24px;letter-spacing:-1px}.hero h1 .gradient{background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto 40px;line-height:1.7}.hero-cta{display:inline-flex;align-items:center;gap:8px;color:var(--blue-light);font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.hero-cta:hover{color:var(--text-primary)}.hero-cta svg{transition:transform .2s}.hero-cta:hover svg{transform:translateY(3px)}.overview-section{padding:80px 0}.overview-box{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(139,92,246,.05));border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:40px 48px;position:relative;max-width:900px;margin:0 auto}.overview-box:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;background:linear-gradient(180deg,var(--blue),var(--purple));border-radius:2px}.overview-box p{font-size:17px;line-height:1.8;color:var(--text-secondary);padding-left:12px}.overview-box strong{color:var(--text-primary);font-weight:600}.tiers-section{padding:80px 0 100px}.section-header{text-align:center;margin-bottom:60px}.section-eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px}.section-title{font-family:DM Sans,sans-serif;font-size:36px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}@media (max-width:900px){.tiers-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.tier-card{border-radius:20px;padding:36px 32px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.tier-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.tier-card.blue{background:linear-gradient(180deg,rgba(59,130,246,.1),rgba(59,130,246,.02));border:1px solid rgba(59,130,246,.2)}.tier-card.blue:before{background:linear-gradient(90deg,var(--blue),var(--blue-light))}.tier-card.purple{background:linear-gradient(180deg,rgba(139,92,246,.1),rgba(139,92,246,.02));border:1px solid rgba(139,92,246,.2)}.tier-card.purple:before{background:linear-gradient(90deg,var(--purple),var(--purple-light))}.tier-card.teal{background:linear-gradient(180deg,rgba(6,182,212,.1),rgba(6,182,212,.02));border:1px solid rgba(6,182,212,.2)}.tier-card.teal:before{background:linear-gradient(90deg,var(--cyan),var(--cyan-light))}.tier-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.blue .tier-label{color:var(--blue-light)}.purple .tier-label{color:var(--purple-light)}.teal .tier-label{color:var(--cyan-light)}.tier-name{font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.tier-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;border-radius:8px;margin-bottom:16px}.blue .tier-badge{background:rgba(59,130,246,.15);color:var(--blue-light)}.purple .tier-badge{background:rgba(139,92,246,.15);color:var(--purple-light)}.teal .tier-badge{background:rgba(6,182,212,.15);color:var(--cyan-light)}.tier-desc{font-size:14px;line-height:1.65;color:var(--text-muted);margin-bottom:24px}.tier-features{list-style:none;padding:0}.tier-features li{font-size:13.5px;color:var(--text-secondary);padding:8px 0;border-top:1px solid hsla(0,0%,100%,.04);display:flex;gap:10px;line-height:1.5}.tier-features li .arrow{flex-shrink:0;font-weight:600}.blue .tier-features .arrow{color:var(--blue-light)}.purple .tier-features .arrow{color:var(--purple-light)}.teal .tier-features .arrow{color:var(--cyan-light)}.flow-section{padding:80px 0}.flow-track{display:flex;align-items:center;justify-content:center;gap:0;padding:48px 40px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;flex-wrap:wrap}.flow-step{text-align:center;flex-shrink:0}.flow-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:28px}.flow-icon.fi-blue{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.25)}.flow-icon.fi-purple{background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.25)}.flow-icon.fi-green{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25)}.flow-icon.fi-cyan{background:rgba(6,182,212,.15);border:1px solid rgba(6,182,212,.25)}.flow-step-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.flow-step-sub{font-size:12px;color:var(--text-dim);max-width:120px;margin:0 auto;line-height:1.4}.flow-arrow{padding:0 12px;flex-shrink:0}@media (max-width:700px){.flow-track{flex-direction:column;gap:20px}.flow-arrow{transform:rotate(90deg)}}.compare-section{padding:80px 0}.compare-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1px;gap:1px;background:var(--border-subtle);border-radius:16px;overflow:hidden;max-width:960px;margin:0 auto}@media (max-width:700px){.compare-grid{grid-template-columns:1fr}}.compare-header{background:hsla(0,0%,100%,.06);padding:16px 24px;font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);text-align:center}.compare-cell{background:rgba(15,23,42,.9);padding:20px 24px;text-align:center;font-size:14px;line-height:1.6}.risk-bad{color:var(--amber-light);font-weight:600}.risk-good{color:var(--green-light);font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;max-width:900px;margin:60px auto 0}@media (max-width:700px){.stats-row{grid-template-columns:1fr;max-width:300px}}.stat-card{text-align:center;padding:32px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px}.stat-number{font-family:DM Sans,sans-serif;font-size:48px;font-weight:800;line-height:1;margin-bottom:8px}.stat-number.blue{color:var(--blue)}.stat-number.purple{color:var(--purple)}.stat-number.teal{color:var(--cyan)}.stat-label{font-size:14px;color:var(--text-muted);line-height:1.5}.contact-section{padding:100px 0 120px}.contact-wrapper{max-width:600px;margin:0 auto;text-align:center}.contact-wrapper h2{font-family:DM Sans,sans-serif;font-size:32px;font-weight:800;color:var(--text-primary);margin-bottom:12px}.contact-wrapper p{font-size:16px;color:var(--text-muted);margin-bottom:40px}.contact-form{display:flex;flex-direction:column;gap:16px;text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.3px}.form-group input,.form-group textarea{background:hsla(0,0%,100%,.04);border:1px solid var(--border-light);border-radius:12px;padding:14px 16px;font-size:15px;font-family:Inter,sans-serif;color:var(--text-primary);transition:border-color .2s,box-shadow .2s;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:opacity .2s,transform .2s;margin-top:8px}.submit-btn:hover{opacity:.9;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.footer{padding:40px 0;border-top:1px solid var(--border-subtle)}.footer .container{display:flex;justify-content:space-between;align-items:center}@media (max-width:600px){.footer .container{flex-direction:column;gap:12px;text-align:center}}.footer-brand{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:var(--text-dim);letter-spacing:1px}.footer-brand a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-brand a:hover{color:var(--blue-light)}.footer-note{font-size:13px;color:var(--text-dim)}