:root{color:#172033;background:#f5f7fb;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#e5eefc;padding:24px 18px}.brand,.account-pill,.nav-item,.section-header,.metric-card,.toast,.modal-actions,.code-header{display:flex;align-items:center}.brand{gap:12px;margin-bottom:28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#38bdf8;color:#082f49;font-weight:800}.brand span,.eyebrow,.muted{color:#64748b}.sidebar .brand span{display:block;color:#94a3b8;font-size:12px}.nav-list{display:grid;gap:6px}.nav-item{gap:10px;color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:8px}.nav-item.active,.nav-item:hover{background:#1e293b;color:#fff}.main-area{min-width:0;padding:24px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.topbar h1,.section-header h2,.login-panel h1{margin:4px 0 0}.topbar h1{font-size:26px}.account-pill{gap:12px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.page-grid,.three-grid,.two-grid{display:grid;gap:16px;min-width:0;width:100%}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.metric-card,.table-wrap,.modal-panel,.login-panel,.code-card,.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:0}.card,.table-wrap,.login-panel,.empty-state{padding:18px}.section-header{justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.metric-card{position:relative;justify-content:space-between;gap:14px;padding:16px;overflow:hidden}.magic-surface,.magic-panel{position:relative;isolation:isolate}.magic-surface:before,.magic-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;opacity:0;transition:opacity .18s ease;background:radial-gradient(circle at 18% 12%,rgba(20,184,166,.16),transparent 30%),radial-gradient(circle at 84% 20%,rgba(245,158,11,.14),transparent 26%),linear-gradient(135deg,#ffffffeb,#f8fafcc7)}.magic-surface:after,.magic-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;padding:1px;opacity:.9;background:linear-gradient(120deg,#14b8a675,#2563eb38,#f59e0b80);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.magic-surface:hover:before,.magic-panel:focus-within:before,.magic-panel:hover:before{opacity:1}.magic-surface>*,.magic-panel>*{position:relative;z-index:1}.metric-card strong{display:block;margin-top:6px;font-size:24px}.metric-card small{display:block;margin-top:4px;color:#64748b}.metric-label{color:#64748b;font-size:13px}.metric-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#eff6ff;color:#2563eb}.button-primary,.button-secondary,.icon-text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;min-height:38px;padding:0 14px;cursor:pointer;text-decoration:none}.button-primary{background:#2563eb;color:#fff}.button-secondary,.icon-text-button,.icon-button{background:#eef2f7;color:#172033}.icon-button{display:grid;place-items:center;width:38px;padding:0}.status-badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:12px;background:#e2e8f0}.status-available,.status-active{background:#dcfce7;color:#166534}.status-congested{background:#fef3c7;color:#92400e}.status-degraded{background:#ffedd5;color:#9a3412}.status-maintenance,.status-disabled{background:#fee2e2;color:#991b1b}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 10px;vertical-align:top}.table-wrap{overflow-x:auto}pre{margin:0;overflow:auto;border-radius:8px;background:#0f172a;color:#e5eefc;padding:14px}.code-card{overflow:hidden}.code-header{justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e2e8f0}.form-field{display:grid;gap:6px;margin-bottom:14px}.form-field input,.form-field select,.toolbar-select{min-height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px}.checkbox-field{display:inline-flex;align-items:center;gap:8px}.table-actions{display:inline-flex;flex-wrap:wrap;gap:8px}.field-error,.warning{color:#b91c1c}.marketing-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% 4%,rgba(20,184,166,.14),transparent 28%),radial-gradient(circle at 88% 10%,rgba(245,158,11,.14),transparent 26%),#f7fafc}.marketing-nav,.marketing-hero,.marketing-section,.marketing-footer{width:min(1160px,calc(100% - 40px));margin:0 auto}.marketing-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.marketing-brand,.marketing-links,.hero-actions,.hero-stats,.quick-amounts,.console-toolbar,.logo-strip,.pricing-card p,.integration-list div,.trust-grid span,.marketing-footer{display:flex;align-items:center}.marketing-brand{gap:10px;color:#172033;text-decoration:none}.marketing-links{gap:18px;flex-wrap:wrap}.marketing-links a{color:#475569;text-decoration:none}.marketing-links a:hover{color:#172033}.marketing-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:42px;align-items:center;min-height:calc(100vh - 92px);padding:42px 0 64px}.hero-copy h1{margin:12px 0 16px;max-width:680px;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:0}.hero-copy p,.marketing-section p,.ide-preview p{color:#475569;line-height:1.75}.hero-copy p{max-width:680px;font-size:18px}.hero-actions{gap:12px;flex-wrap:wrap;margin-top:28px}.quick-amounts{gap:10px;flex-wrap:wrap;margin-bottom:14px}.hero-actions .button-primary,.hero-actions .button-secondary{min-height:44px}.hero-stats{gap:14px;flex-wrap:wrap;margin-top:34px}.hero-stats div{min-width:132px;padding:12px 14px;border:1px solid #dbe4ee;border-radius:8px;background:#ffffffc2}.hero-stats strong{display:block;font-size:22px}.hero-stats span{color:#64748b;font-size:13px}.hero-console{min-width:0;overflow:hidden;padding:18px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;box-shadow:0 28px 80px #0f172a24}.console-toolbar{gap:7px;margin-bottom:18px}.console-toolbar span{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.console-line{display:grid;gap:6px;padding:12px;margin-bottom:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.console-line span{color:#64748b;font-size:12px}.console-line code{overflow-wrap:anywhere}.marketing-section{padding:54px 0}.section-title{max-width:680px;margin-bottom:22px}.section-title h2,.marketing-section h2{margin:8px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:0}.logo-strip{justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.logo-strip span{padding:10px 14px;color:#475569;font-weight:700}.feature-card,.pricing-card,.ide-preview{position:relative;overflow:hidden;min-width:0;padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.feature-card h3,.pricing-card h3{margin:14px 0 8px}.split-section{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px;align-items:center}.model-ladder{display:grid;gap:12px}.model-step{display:grid;gap:4px;padding:16px;border:1px solid #dbe4ee;border-radius:8px;background:#fff}.model-step span,.model-step small{color:#64748b}.model-step strong{font-size:20px}.ide-preview{min-height:220px;background:linear-gradient(135deg,#2563eb14,#14b8a614),#fff}.ide-preview strong{display:block;margin-top:16px;font-size:24px}.integration-list{display:grid;gap:12px}.integration-list div{gap:10px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pricing-card strong{display:block;margin:4px 0 16px;font-size:30px}.pricing-card p{gap:8px;margin:10px 0;color:#475569}.pricing-card .button-secondary{width:100%;margin-top:18px}.plan-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ecfeff;color:#0f766e;font-size:12px;font-weight:700}.trust-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:24px;align-items:center}.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trust-grid span{justify-content:space-between;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.marketing-footer{justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 0 42px;color:#64748b}.marketing-footer a{color:#2563eb;text-decoration:none}.login-page{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:36px;align-items:center;min-height:100vh;padding:24px;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(20,184,166,.16),transparent 28%),radial-gradient(circle at 86% 24%,rgba(245,158,11,.14),transparent 30%),#eef2f7}.animated-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(15,23,42,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.08) 1px,transparent 1px);background-size:42px 42px;animation:grid-drift 18s linear infinite;-webkit-mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);mask-image:radial-gradient(circle at center,#000 0%,transparent 72%)}.login-page>*:not(.animated-grid-pattern){position:relative}.login-copy{max-width:640px;justify-self:end}.login-copy h1{margin:8px 0 12px;font-size:42px}.login-copy p{color:#475569;font-size:17px;line-height:1.7}.login-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.login-value-grid span{border:1px solid #cbd5e1;border-radius:8px;padding:12px;background:#fff}.login-panel{width:min(460px,100%);box-shadow:0 24px 70px #0f172a1f}.login-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;margin-bottom:18px;border-radius:8px;background:#eef2f7}.login-switch button{border:0;border-radius:6px;min-height:34px;background:transparent;cursor:pointer}.login-switch button.active{background:#fff;color:#2563eb;font-weight:700}.login-panel .button-primary{width:100%}.info-row,.spend-row,.bar-row{display:flex;align-items:center;gap:10px;min-width:0}.info-row{justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #e2e8f0}.info-row code{overflow-wrap:anywhere}.mini-chart{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:54px 1fr 72px}.bar-track{overflow:hidden;height:10px;border-radius:999px;background:#e2e8f0}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#14b8a6)}.spend-list{display:grid;gap:10px}.spend-row{justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0}.compact-table{padding:0;border:0}.row-actions,.endpoint-copy,.secret-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.endpoint-card{display:flex;justify-content:space-between;gap:18px;align-items:center;min-width:0}.endpoint-card h3{margin:4px 0}.endpoint-copy code,.secret-box code{overflow-wrap:anywhere}.secret-box{align-items:flex-start;flex-direction:column;border:1px solid #bfdbfe;border-radius:8px;padding:12px;background:#eff6ff}.filter-inline,.filter-control{display:inline-grid;gap:6px}.filter-inline{grid-template-columns:auto minmax(180px,240px);align-items:end}.filter-control{color:#475569;font-size:13px}.usage-bars{display:grid;gap:12px}.usage-row{display:grid;grid-template-columns:54px minmax(120px,1fr) minmax(120px,2fr) 86px 72px 56px;gap:10px;align-items:center;min-width:0}.warning-note,.warning-card{border-color:#fecaca;background:#fff7ed}.warning-note{display:flex;align-items:center;gap:10px}.positive{color:#166534}.negative{color:#991b1b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0f172a6b}.modal-panel{width:min(540px,100%);padding:18px}.modal-header{display:flex;justify-content:space-between;gap:16px}.modal-body{margin:16px 0}.modal-actions{justify-content:flex-end;gap:10px}.toast-stack{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:20}.toast{min-height:40px;padding:10px 14px;border-radius:8px;background:#0f172a;color:#fff;box-shadow:0 12px 30px #0f172a2e}.toast-error{background:#991b1b}.toast-success{background:#166534}.empty-state{display:grid;place-items:center;gap:8px;color:#64748b;text-align:center}:root{color:#f1ede7;background:#050403;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,Arial,sans-serif}body{color:#f1ede7;background:radial-gradient(circle at 14% 52%,rgba(20,184,166,.2),transparent 26%),radial-gradient(circle at 82% -10%,rgba(37,99,235,.22),transparent 32%),#050403}.app-shell{grid-template-columns:184px 1fr;background:radial-gradient(circle at 18% 58%,rgba(20,184,166,.13),transparent 28%),linear-gradient(180deg,#060504,#030303)}.sidebar{position:sticky;top:0;min-height:100vh;padding:22px 12px;background:#161310e0;border-right:1px solid rgba(109,94,80,.32);color:#efe9df;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{gap:10px;margin-bottom:24px;padding:0 6px}.brand-mark,.brand-star{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#38bdf826;color:#38bdf8;font-weight:800}.brand strong{color:#f3eee7}.sidebar .brand span{color:#9d948a}.nav-list{gap:8px}.nav-item{min-height:38px;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:8px;color:#b6ada3}.nav-item.active,.nav-item:hover{background:#ffffff17;border-color:#d4beaa3d;color:#fff7ef}.main-area{padding:32px 44px 44px;background:radial-gradient(circle at 22% 36%,rgba(20,184,166,.12),transparent 24%),radial-gradient(circle at 80% 8%,rgba(37,99,235,.12),transparent 30%)}.topbar{margin-bottom:20px}.topbar h1{color:#f7f2ec;font-size:28px}.eyebrow,.muted,.brand span{color:#9f968d}.account-pill{gap:10px;padding:9px 12px;background:#221d19db;border-color:#71635473;color:#efe7de}.page-grid,.three-grid,.two-grid{gap:16px}.card,.metric-card,.table-wrap,.modal-panel,.login-panel,.code-card,.empty-state{background:#1b1714eb;border-color:#65584b7a;color:#f0ebe5}.card,.table-wrap,.login-panel,.empty-state{padding:20px}.card h3,.section-header h2,.modal-header h2{color:#f6f1ea}.metric-card{min-height:122px;align-items:flex-start;padding:20px;border-radius:14px;box-shadow:0 18px 56px #00000038}.metric-card strong{margin-top:10px;color:#f7f1eb;font-size:30px;font-weight:500;letter-spacing:0}.metric-card small,.metric-label{color:#9d948a}.metric-icon{width:34px;height:34px;background:#ffffff17;color:#38bdf8}.magic-surface:before,.magic-panel:before{background:radial-gradient(circle at 18% 12%,rgba(56,189,248,.15),transparent 30%),radial-gradient(circle at 84% 20%,rgba(255,191,96,.1),transparent 26%),linear-gradient(135deg,#ffffff0a,#ffffff04)}.magic-surface:after,.magic-panel:after{background:linear-gradient(120deg,#38bdf86b,#ffffff14,#14b8a66b)}.button-primary{background:linear-gradient(135deg,#2563eb,#0f766e);color:#fffaf3;box-shadow:inset 0 1px #ffffff1f}.button-secondary,.icon-text-button,.icon-button{background:#ffffff14;border:1px solid rgba(119,106,92,.45);color:#efe9df}.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.62}.status-badge{background:#ffffff14;color:#d8d0c8}.status-active,.status-available,.status-success,.status-paid{background:#22c55e24;color:#86efac}.status-congested,.status-degraded,.status-pending{background:#f59e0b24;color:#fbbf24}.status-maintenance,.status-disabled,.status-failed{background:#f8717121;color:#fca5a5}th,td{border-bottom-color:#72645657}th{color:#a9a096;font-size:13px;font-weight:600}td{color:#e9e0d7}code,pre{color:#c8f7ff}pre{background:#090807}.form-field label,.filter-control{color:#d7cfc6}.form-field input,.form-field select,.toolbar-select{min-height:42px;background:#ffffff1c;border-color:#75685b73;color:#fff8ef}.form-field input::placeholder{color:#8f867e}.field-error,.warning,.negative{color:#fca5a5}.positive{color:#86efac}.warning-note,.warning-card{border-color:#f59e0b6b;background:#f59e0b1a}.modal-backdrop{background:#0000009e}.toast{background:#1f1b17f5;border:1px solid rgba(119,106,92,.44);color:#f6efe7}.login-page{grid-template-columns:minmax(0,1.05fr) minmax(340px,380px);gap:clamp(28px,7vw,92px);padding:86px clamp(24px,7vw,190px) 62px;background:radial-gradient(circle at 10% 45%,rgba(20,184,166,.22),transparent 25%),radial-gradient(circle at 86% 0%,rgba(37,99,235,.24),transparent 30%),linear-gradient(180deg,#090704,#050403 52%,#062329)}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 62%,rgba(125,211,252,.08) 70%,transparent 82%),radial-gradient(ellipse at bottom,rgba(20,184,166,.32),transparent 48%)}.animated-grid-pattern{opacity:0}.login-brand,.login-locale,.login-legal{position:absolute;z-index:1}.login-brand{top:24px;left:26px;display:inline-flex;align-items:center;gap:10px;color:#f3eee7}.login-locale{top:28px;right:36px;color:#a99f95;font-size:13px}.login-legal{left:50%;bottom:22px;width:min(520px,calc(100% - 48px));transform:translate(-50%);color:#aaa098;font-size:12px;text-align:center}.login-copy{max-width:650px;justify-self:start}.login-copy h1{display:grid;gap:18px;margin:0 0 34px;color:#f4eee7;font-size:clamp(34px,4vw,42px);line-height:1.25;font-weight:400}.login-copy h1 span{color:#38bdf8}.login-copy p{max-width:520px;color:#c0b7ad;font-size:15px}.login-value-grid span{border-color:#38bdf83d;background:#ffffff0e;color:#e8ded4}.login-panel{width:min(360px,100%);padding:26px;border-radius:16px;background:#2d2721c7;border-color:#8c7f7059;box-shadow:0 28px 90px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-switch{background:#ffffff12}.login-switch button{color:#a9a096}.login-switch button.active{background:#ffffff29;color:#fff5ea}.login-terms{margin:4px 0 18px;color:#b9b0a7;font-size:12px}.login-forgot,.login-demo{width:100%;margin-top:14px}.login-demo{border-color:#38bdf847;color:#d8f3ff}.login-register-hint{margin:14px 0 0;color:#b7ada4;font-size:12px;text-align:center}.compliance-page .login-copy{max-width:700px}.compliance-panel h2{margin-top:0}.compliance-link{display:inline-flex;width:100%;justify-content:center;min-height:40px;align-items:center;margin:12px 0;border:1px solid rgba(56,189,248,.32);border-radius:8px;color:#d8f3ff;text-decoration:none}.compliance-phrase{display:grid;gap:8px;margin:14px 0;padding:12px;border:1px solid rgba(56,189,248,.22);border-radius:8px;background:#38bdf814}.compliance-phrase span{color:#9f968d;font-size:12px}.compliance-phrase strong{color:#ecfeff;font-size:13px;line-height:1.6}.mobile-menu,.mobile-close,.sidebar-overlay{display:none}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;transform:translate(-100%);transition:transform .22s ease;overflow-y:auto}.app-shell.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#00000080}.nav-list{grid-template-columns:1fr}.mobile-menu,.mobile-close{display:grid}.topbar,.account-pill,.endpoint-card{align-items:flex-start;flex-direction:column}.topbar h1{font-size:20px}.three-grid,.two-grid,.login-page,.usage-row,.filter-inline{grid-template-columns:1fr}.login-copy{justify-self:auto}.login-copy h1{font-size:32px}.main-area{padding:20px}.login-page{padding:86px 22px 70px}.login-locale{right:22px}.account-pill{width:100%}}@media(prefers-reduced-motion:reduce){.animated-grid-pattern{animation:none}.magic-surface:before,.magic-panel:before{transition:none}}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}