:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:#0f172a;background-color:#020617}*,*:before,*:after{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-root{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#0f172a,#020617);color:#e5e7eb}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid rgba(148,163,184,.2);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9}.logo{display:flex;align-items:center;gap:.6rem}.logo-mark{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#06b6d4);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#0b1120}.logo-text{font-weight:600;font-size:.95rem}.nav-links{display:flex;align-items:center;gap:1rem;font-size:.9rem}.nav-links a{opacity:.8}.nav-links a.active{opacity:1;font-weight:600}.site-main{flex:1;padding:2.5rem 1.5rem 3rem;max-width:1120px;margin:0 auto}.site-footer{padding:1rem 2rem;border-top:1px solid rgba(148,163,184,.2);font-size:.8rem;color:#9ca3af}.primary-btn,.secondary-btn{border-radius:999px;padding:.65rem 1.3rem;font-size:.9rem;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.primary-btn{background:linear-gradient(135deg,#22c55e,#06b6d4);color:#0b1120;font-weight:600}.secondary-btn{border-color:#94a3b899;color:#e5e7eb;background:transparent}.full-width{width:100%}.hero{display:grid;gap:2rem;grid-template-columns:minmax(0,2.1fr) minmax(0,1.6fr);align-items:center}@media(max-width:768px){.hero{grid-template-columns:minmax(0,1fr)}}.hero-content{display:flex;flex-direction:column;gap:1.2rem}.pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(148,163,184,.5);padding:.25rem .7rem;font-size:.8rem;color:#a5b4fc}.hero h1{font-size:clamp(2.2rem,3vw,2.9rem);line-height:1.1}.highlight{display:block;background:linear-gradient(135deg,#22c55e,#06b6d4);-webkit-background-clip:text;color:transparent}.hero-subtitle{max-width:34rem;color:#cbd5f5;font-size:.98rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.hero-benefits{list-style:none;padding:0;margin:.5rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem 1rem;font-size:.85rem;color:#9ca3af}@media(max-width:640px){.hero-benefits{grid-template-columns:minmax(0,1fr)}}.hero-panel{display:flex;flex-direction:column;gap:1rem}.card{border-radius:1rem;padding:1.1rem 1.2rem;background:radial-gradient(circle at top left,#111827,#020617);border:1px solid rgba(148,163,184,.3)}.card.subtle{font-size:.9rem;color:#9ca3af}.muted{color:#9ca3af}.small{font-size:.78rem}.page{max-width:900px;margin:0 auto}.page.center{text-align:center}.page.narrow{max-width:480px}.page h1{font-size:1.8rem;margin-bottom:.5rem}.page-subtitle{color:#9ca3af;margin-bottom:1.5rem;font-size:.95rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem}.pricing-card{display:flex;flex-direction:column;gap:.5rem}.pricing-card.highlighted{border-color:#22c55e;box-shadow:0 0 40px #22c55e2e}.pricing-price{font-size:1.4rem;font-weight:700}.pricing-note{font-size:.8rem;color:#a5b4fc}.pricing-list{list-style:none;padding:0;margin:.5rem 0 1rem;font-size:.86rem;color:#d1d5db}.pricing-list li:before{content:"• ";color:#22c55e}.form{display:flex;flex-direction:column;gap:.9rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.84rem}.form input{border-radius:.7rem;border:1px solid rgba(148,163,184,.7);background:#0f172acc;color:#e5e7eb;padding:.55rem .7rem}.app-root{height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);background:radial-gradient(circle at top left,#020617,#000)}@media(max-width:800px){.app-root{grid-template-columns:minmax(0,1fr)}.app-sidebar{display:none}}.app-sidebar{border-right:1px solid rgba(148,163,184,.3);padding:1.2rem 1rem;display:flex;flex-direction:column;gap:1rem}.app-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.app-nav{display:flex;flex-direction:column;gap:.3rem;flex:1}.app-nav-item{border-radius:.6rem;padding:.4rem .6rem;background:transparent;border:none;text-align:left;font-size:.85rem;color:#e5e7eb;opacity:.85}.app-nav-item.active{background:#22c55e24;opacity:1}.app-sidebar-footer{font-size:.78rem;color:#9ca3af}.app-content{display:flex;flex-direction:column}.app-topbar{padding:.9rem 1.3rem;border-bottom:1px solid rgba(148,163,184,.3);display:flex;align-items:center;justify-content:space-between}.app-topbar h1{font-size:1.1rem}.app-user{display:flex;align-items:center;gap:.6rem}.avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#06b6d4);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#020617}.user-meta{display:flex;flex-direction:column;font-size:.78rem}.app-inner{padding:1.2rem 1.3rem 1.7rem;overflow:auto}.dashboard .stat-row{display:flex;gap:1.3rem;margin:.9rem 0 0;padding:0;list-style:none;font-size:.85rem}.dashboard .stat-row li strong{display:block;font-size:1rem}.narrow{max-width:480px}.center{text-align:center}