:root{--bg:#07111f;--bg2:#0b2341;--panel:#ffffff;--panel-soft:#f7fbff;--ink:#0b1830;--muted:#5d6b82;--line:#dce7f2;--primary:#37df65;--primary2:#14bdd1;--blue:#06254a;--navy:#071a34;--shadow:0 22px 70px rgba(2,12,27,.14);--radius:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fc;color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.button{border:0;border-radius:16px;padding:12px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s;background:#e7eef6;color:var(--ink)}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#041326;box-shadow:0 16px 40px #14bdd13d}.button.secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.18)}.button.ghost{background:#edf4fb;color:#324154}.button.small{padding:9px 15px}.button.tiny{padding:8px 11px;border-radius:12px;font-size:12px}.button.full{width:100%}.button:disabled{opacity:.65}.eyebrow{margin:0 0 8px;color:#078b96;letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:950}.brand-lockup{display:inline-flex;align-items:center;gap:12px}.brand-lockup strong{display:block;line-height:1}.brand-lockup small{display:block;color:var(--muted);margin-top:4px}.brand-lockup.light{color:#fff}.brand-lockup.light small{color:#ffffffa8}.brand-icon-img{width:48px;height:48px;border-radius:15px;object-fit:cover;box-shadow:0 14px 34px #00000040}.brand-wordmark{width:220px;max-width:42vw;height:auto;object-fit:contain}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#041326;font-weight:950}.premium-marketing{min-height:100vh;background:radial-gradient(circle at 14% 10%,rgba(55,223,101,.22),transparent 28%),radial-gradient(circle at 78% 12%,rgba(20,189,209,.22),transparent 34%),linear-gradient(180deg,#061326,#082342 42%,#f4f8fc 42%,#f4f8fc)}.premium-nav{max-width:1220px;margin:0 auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.premium-nav nav{display:flex;align-items:center;gap:18px;color:#ffffffd1;font-weight:800}.premium-hero{max-width:1220px;margin:0 auto;padding:68px 24px 108px;display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;color:#fff}.hero-kicker{display:inline-flex;padding:8px 13px;border-radius:999px;background:#ffffff1c;border:1px solid rgba(255,255,255,.16);font-weight:900;color:#c8fdd9}.hero-copy h1{margin:18px 0;font-size:clamp(42px,6vw,76px);line-height:.92;letter-spacing:-.065em}.hero-copy p{margin:0;color:#ffffffb8;font-size:19px;line-height:1.72;max-width:700px}.hero-actions{display:flex;gap:14px;margin:32px 0;flex-wrap:wrap}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-row span{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#ffffffc2;font-weight:800;font-size:13px}.premium-device{position:relative}.premium-device:before{content:"";position:absolute;top:40px;right:-20px;bottom:-20px;left:60px;background:linear-gradient(135deg,#37df6533,#14bdd138);filter:blur(42px)}.glass-card{position:relative;border:1px solid rgba(255,255,255,.18);background:#ffffff1f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:30px;box-shadow:0 28px 90px #00000040}.premium-preview{padding:28px}.preview-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.preview-header span{color:#ffffffb3}.preview-header strong{font-size:28px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.preview-grid div{background:#ffffff1f;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px}.preview-grid b{display:block;font-size:26px}.preview-grid small{color:#ffffffad}.preview-list{display:grid;gap:12px}.preview-list span{background:#02081747;padding:14px;border-radius:16px;color:#ffffffd1}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.dot.ok{background:var(--primary)}.dot.warn{background:#f59e0b}.section-block{max-width:1220px;margin:-42px auto 88px;padding:0 24px}.section-heading{max-width:780px;margin-bottom:28px}.section-heading h2,.split-block h2,.pricing-hero h1{font-size:clamp(34px,4vw,56px);letter-spacing:-.05em;line-height:1;margin:0 0 16px}.section-subtitle{color:var(--muted);line-height:1.7;font-size:17px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-card,.pricing-card,.steps-card,.comparison-table,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.premium-card{padding:28px;position:relative;overflow:hidden}.premium-card:after{content:"";position:absolute;right:-40px;top:-40px;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#37df6524,#14bdd124)}.module-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#e8fff2;color:#078b59;font-weight:900}.module-card h3{margin:18px 0 8px;font-size:21px}.module-card p{margin:0;color:var(--muted);line-height:1.65}.split-block{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center;margin-top:0}.split-block p{color:var(--muted);line-height:1.72;font-size:17px}.mini-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.mini-metrics span{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow)}.mini-metrics strong{display:block}.mini-metrics small{color:var(--muted)}.steps-card{padding:16px}.step-row{display:flex;align-items:center;gap:16px;padding:17px;border-bottom:1px solid var(--line)}.step-row:last-child{border-bottom:0}.step-row span{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#e8fff2;color:#078b59;font-weight:950}.comparison-block{margin-top:0}.comparison-table{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.comparison-table div{padding:24px;border-right:1px solid var(--line)}.comparison-table div:last-child{border-right:0}.comparison-table strong{display:block;margin-bottom:10px}.comparison-table span{color:var(--muted);line-height:1.6}.premium-footer{max-width:1220px;margin:0 auto;padding:52px 24px;color:var(--muted);display:flex;justify-content:space-between}.premium-footer strong{color:var(--ink)}.premium-auth{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 10% 10%,rgba(55,223,101,.22),transparent 30%),linear-gradient(135deg,#061326,#0b2b52);color:#fff}.auth-brand{padding:56px;display:flex;flex-direction:column;justify-content:center;max-width:760px}.auth-brand h1{font-size:clamp(38px,5vw,68px);line-height:.96;letter-spacing:-.06em;margin:46px 0 18px}.auth-brand p{color:#ffffffb8;font-size:18px;line-height:1.7}.auth-benefits{display:grid;gap:12px;margin-top:30px}.auth-benefits span{background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;width:fit-content}.premium-auth-card{align-self:center;margin-right:56px;background:#fff;color:var(--ink);border-radius:28px;padding:28px;box-shadow:0 30px 90px #00000059}.tabs{display:grid;grid-template-columns:repeat(2,1fr);background:#edf3f9;border-radius:16px;padding:5px;margin-bottom:22px}.tabs button{border:0;border-radius:12px;padding:12px;background:transparent;font-weight:900;color:var(--muted)}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 8px 24px #0f172a14}.auth-card form{display:grid;gap:16px}label{display:grid;gap:8px;font-size:13px;font-weight:900;color:#334155}input,select{width:100%;border:1px solid #dbe6f1;background:#fff;border-radius:14px;padding:13px 14px;color:var(--ink);outline:none;font-size:16px}input:focus,select:focus{border-color:var(--primary2);box-shadow:0 0 0 4px #14bdd121}.alert{border-radius:16px;padding:14px 16px;font-weight:700}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert.success{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:#f4f8fc}.sidebar{position:sticky;top:0;height:100vh;background:#071326;color:#d8e9ff;padding:24px;display:flex;flex-direction:column;gap:24px}.sidebar .brand-lockup small{color:#8da4bf}.sidebar-nav{display:grid;gap:8px}.sidebar-nav a{padding:13px 14px;border-radius:14px;font-weight:850;color:#b7c9df}.sidebar-nav a.active,.sidebar-nav a:hover{background:linear-gradient(135deg,#37df652e,#14bdd12e);color:#fff}.sidebar-card{margin-top:auto;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px}.mini-status{display:flex;align-items:center;gap:8px;margin-top:8px;color:#b7c9df;font-size:13px}.mini-status i{width:8px;height:8px;border-radius:50%;background:var(--primary)}.workspace{min-width:0}.topbar{height:82px;background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar-actions{display:flex;align-items:center;gap:12px}.user-pill{background:#eef4fb;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:#334155;font-size:13px;font-weight:800}.workspace-content{padding:28px}.page-stack{display:grid;gap:22px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.page-heading h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;margin:0 0 8px}.page-heading p{color:var(--muted);margin:0}.panel{padding:22px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-header h2{margin:0}.panel-header span{color:var(--muted);font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid .button{align-self:end}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#73849a}td small{display:block;color:var(--muted);margin-top:3px}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.loading-panel{padding:30px;color:var(--muted)}.status-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;background:#eef4fb;color:#334155}.pricing-page,.developers-page{min-height:100vh;background:#f4f8fc}.pricing-hero,.developers-hero{padding:58px 24px;max-width:1120px;margin:0 auto}.pricing-grid,.developer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1120px;margin:0 auto 60px;padding:0 24px}.pricing-card{padding:26px}.empty-state{padding:34px;text-align:center;color:var(--muted)}@media (max-width:980px){.premium-hero,.split-block,.premium-auth{grid-template-columns:1fr}.premium-nav nav a:not(.button){display:none}.premium-auth-card{margin:0 24px 40px}.auth-brand{padding:30px 24px}.module-grid,.comparison-table,.pricing-grid,.developer-grid{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-radius:0 0 28px 28px}.workspace-content{padding:20px}.form-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){body{background:#f4f8fc}.premium-nav{padding:16px}.brand-wordmark{width:170px}.brand-icon-img{width:42px;height:42px}.premium-hero{padding:42px 16px 70px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:16px}.hero-actions .button{width:100%}.section-block{padding:0 16px;margin:-30px auto 52px}.module-grid,.comparison-table,.pricing-grid,.developer-grid,.form-grid{grid-template-columns:1fr}.comparison-table div{border-right:0;border-bottom:1px solid var(--line)}.premium-footer{display:grid;gap:8px;padding:34px 16px}.premium-auth-card{margin:0 16px 28px}.topbar{height:auto;padding:16px;align-items:flex-start}.topbar-actions{display:grid;justify-items:end}.page-heading{display:grid}.panel,.sidebar{padding:18px}.sidebar-nav{grid-template-columns:repeat(3,1fr)}.sidebar-nav a{text-align:center;font-size:12px;padding:10px 6px}.preview-grid{grid-template-columns:1fr}.auth-benefits span{width:100%}}