:root{--bg:#04141d;--bg-alt:#07222f;--surface:#051b26c7;--surface-border:#7bbcd640;--text:#f2f8fa;--muted:#a9c7d3;--accent:#26b8a6;--accent-strong:#ff8f3f;--focus:#91f4ea;--shadow:0 20px 40px #00000054}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%);min-height:100vh;color:var(--text);margin:0;font-family:Manrope,sans-serif}h1,h2,p,ul{margin:0}ul{padding-left:1.1rem}img{max-width:100%;display:block}a{color:inherit}.site-shell{grid-template-rows:auto 1fr auto;min-height:100vh;padding:1rem clamp(1rem,4vw,3rem) 1.5rem;display:grid;position:relative}.aurora{z-index:-1;background:radial-gradient(circle at 12% 10%,#26b8a640,#0000 42%),radial-gradient(circle at 88% 8%,#ff8f3f3b,#0000 36%),radial-gradient(circle at 50% 75%,#91f4ea2e,#0000 44%);position:fixed;inset:0}.site-header{border:1px solid var(--surface-border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.brand{width:clamp(140px,20vw,180px)}.site-nav{flex-wrap:wrap;gap:.2rem;display:flex}.nav-link,.app-link{color:var(--muted);border-radius:10px;padding:.55rem .8rem;font-family:Space Grotesk,sans-serif;font-weight:500;text-decoration:none}.nav-link:hover,.app-link:hover,.nav-link:focus-visible,.app-link:focus-visible{color:var(--text);background:#91f4ea1f;outline:none}.nav-link.is-active{color:var(--text);background:#91f4ea2e}.app-link{border:1px solid #91f4ea59}.site-main{justify-content:center;align-items:center;width:100%;padding:clamp(1rem,4vw,2rem) 0;display:flex}.hero-panel,.content-panel{border:1px solid var(--surface-border);background:var(--surface);width:min(1050px,100%);box-shadow:var(--shadow);border-radius:24px;padding:clamp(1.25rem,4vw,3rem)}.hero-panel{text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--focus);margin-bottom:.7rem;font-family:Space Grotesk,sans-serif;font-size:.8rem}h1{margin-bottom:.9rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,3.2rem);line-height:1.08}.lead-copy{max-width:68ch;color:var(--muted);margin:0 auto;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.4rem;display:flex}.section-intro{margin-bottom:1.2rem}.section-intro .lead-copy{margin:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.feature-card,.tier-card{background:#04141dad;border:1px solid #a9c7d352;border-radius:18px;padding:1rem}.feature-card h2,.tier-card h2{margin-bottom:.55rem;font-family:Space Grotesk,sans-serif;font-size:1.15rem}.feature-card p,.tier-card p,.feature-card li,.tier-card li{color:var(--muted);line-height:1.55}.feature-card ul,.tier-card ul{gap:.35rem;margin-top:.8rem;display:grid}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tier-card{align-content:start;gap:.8rem;display:grid}.tier-card.is-featured{border-color:#ff8f3fc7;box-shadow:0 0 0 1px #ff8f3f73,0 16px 28px #00000040}.tier-price{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:2rem}.tier-price span{color:var(--muted);font-size:1rem}.btn{border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.72rem 1rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn-primary{color:#07161f;background:linear-gradient(145deg, var(--accent), #6ce0d1);box-shadow:0 8px 20px #26b8a659}.btn-secondary{color:var(--text);background:#91f4ea1f;border:1px solid #91f4ea59}.site-footer{text-align:center;color:var(--muted);font-size:.84rem}@media (width<=960px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{flex-wrap:wrap;justify-content:center}}@media (width<=680px){.card-grid,.pricing-grid{grid-template-columns:minmax(0,1fr)}.site-header{text-align:center;align-items:center}.site-nav{justify-content:center}.app-link,.hero-actions,.tier-card .btn,.hero-actions .btn,.tier-card .btn{width:100%}}
