:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050607;--bg-alt:#090b0f;--panel:#18191b;--panel-2:#101113;--panel-soft:#191b1fdb;--line:#ffffff1a;--line-strong:#ffffff29;--text:#eceef3;--muted:#8f939f;--faint:#5e6470;--primary:#3f82f6;--primary-2:#1d4ed8;--primary-soft:#3f82f629;--success:#00d68f;--success-soft:#00d68f21;--danger:#ff5f66;--danger-soft:#ff5f661f;--shadow:0 22px 70px #00000061;--radius:28px;--radius-sm:16px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%, #19488733, transparent 24rem), radial-gradient(circle at 84% 20%, #44197029, transparent 30rem), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--bg);background-size:auto,auto,64px 64px,64px 64px,auto;min-width:320px;margin:0}button,a,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.site-shell,.dashboard-page{width:min(1190px,100% - 40px);margin:0 auto}.top-nav{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050607c2;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:72px;padding:10px 0;display:grid;position:sticky;top:0}.brand-button{color:#35d78a;letter-spacing:0;background:0 0;border:0;width:max-content;font-weight:800}.nav-links{background:#111317e0;border:1px solid #ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:7px;display:inline-flex}.nav-links a,.language{min-height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:650;display:inline-flex}.nav-links a:first-child{background:var(--primary-soft);color:#78a9ff}.nav-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.btn,.icon-btn{min-height:44px;color:var(--text);background:#ffffff14;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:750;line-height:1;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.btn:hover,.icon-btn:hover,.copy-btn:hover,.model-item:hover,.segmented button:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg, #4b8cff, var(--primary));color:#fff;box-shadow:0 10px 28px #3f82f647}.btn.ghost{border-color:var(--line);background:#ffffff14}.btn.ghost.blue{color:#69a1ff;background:#3f82f61c;border-color:#3f82f657}.btn.success{color:var(--success);background:var(--success-soft);border-color:#00d68f57}.btn.danger{color:#ff888d;background:var(--danger-soft);border-color:#ff5f6657}.btn.small,.icon-btn{min-height:38px;padding:0 14px;font-size:14px}.btn.wide{width:100%}.mobile-only{display:none}.hero-section{min-height:660px;padding:74px 0 100px}.section-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:64px;display:grid}.eyebrow{color:#4e92ff;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:850}h1,h2,h3,p{margin-top:0}h1{color:var(--text);letter-spacing:0;margin-bottom:22px;font-size:54px;line-height:.98}h2{letter-spacing:0;margin-bottom:16px;font-size:34px;line-height:1.08}h3{letter-spacing:0;font-size:21px;line-height:1.12}.hero-lead,.section-lead,.login-copy p,.panel p,.faq-card p,.step-card p,.benefit-row p{color:var(--muted);line-height:1.7}.hero-lead{max-width:610px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:14px;margin:34px 0;display:flex}.feature-lines{border-top:1px solid #ffffff0f;gap:0;max-width:650px;display:grid}.feature-lines div{border-bottom:1px solid #ffffff0f;grid-template-columns:160px 1fr;gap:24px;padding:22px 0;display:grid}.feature-lines strong{font-size:14px}.feature-lines span{color:var(--muted);line-height:1.6}.gateway-visual{border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#1f2227f5,#16171af5);margin-top:115px;padding:22px}.visual-head,.pipeline-row,.notice-row,.quota-head,.section-title-row,.code-title-row,.edit-row,.toggle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.visual-head{color:var(--faint);margin-bottom:16px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.online-pill,.green-pill,.status-pill,.portal-pill{border-radius:999px;align-items:center;gap:8px;width:max-content;font-weight:750;display:inline-flex}.online-pill{color:var(--success);background:var(--success-soft);padding:6px 10px}.gateway-visual pre,.dashboard-code-card pre,.code-card pre{border-radius:var(--radius-sm);color:#d8dce6;background:#08090b;line-height:1.7}.gateway-visual pre{min-height:116px;padding:22px}.gateway-visual pre:first-line{color:#32e59c}.pipeline-row{margin:16px 0}.pipeline-row span{color:#c7cad2;text-align:center;background:#ffffff14;border-radius:999px;flex:1;min-width:0;padding:9px 8px;font-size:12px;font-weight:750}.pipeline-row i{background:linear-gradient(90deg,#4b8cff,#7257ff);border-radius:99px;width:54px;height:5px}.notice-row{border-radius:var(--radius-sm);color:#b9b4c8;background:#805fff1a;border:1px solid #805fff38;justify-content:flex-start;padding:18px;line-height:1.6}.content-section{padding:80px 0}.content-section>h2,.content-section>.section-lead{max-width:790px}.benefit-list{border-top:1px solid #ffffff14;margin-top:58px}.benefit-row{border-bottom:1px solid #ffffff14;grid-template-columns:70px 310px 1fr;gap:70px;padding:34px 0;display:grid}.benefit-row>span,.benefit-row small,.step-card small{color:#4e92ff;letter-spacing:.12em;text-transform:uppercase;font-weight:850}.benefit-row h3,.step-card h3,.faq-card h3{margin-bottom:10px}.steps-grid,.faq-grid,.code-grid,.metric-row,.dashboard-grid,.quota-stats,.connection-grid{gap:20px;display:grid}.steps-grid,.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}.step-card,.faq-card,.code-card,.metric-tile,.panel{border:1px solid var(--line);background:var(--panel-soft);box-shadow:var(--shadow)}.step-card,.faq-card,.metric-tile{border-radius:var(--radius-sm);padding:24px}.step-card svg{color:var(--primary);margin-bottom:18px}.code-grid,.faq-grid,.cards-grid,.code-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-card{border-radius:var(--radius-sm);overflow:hidden}.code-card>div{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;min-height:52px;padding:0 18px;display:flex}.dot{background:#ffffff2e;border-radius:50%;width:12px;height:12px}.dot.active{background:var(--primary);box-shadow:0 0 0 6px var(--primary-soft)}.code-card pre{min-height:210px;padding:28px}.cta-band{border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);background:linear-gradient(110deg,#182536f5,#1b1b1cf5 55%);justify-content:space-between;align-items:center;gap:24px;margin:60px 0;padding:34px;display:flex}.cta-band h2{max-width:560px;margin:0}.footer-row{color:var(--faint);border-top:1px solid #ffffff0f;justify-content:space-between;gap:20px;padding:48px 0;font-weight:650;display:flex}.login-page{background:radial-gradient(circle at 12% 18%, #1b4c8038, transparent 25rem), radial-gradient(circle at 80% 50%, #2249892e, transparent 26rem), var(--bg);min-height:100vh}.login-brand{position:fixed;top:28px;left:32px}.login-layout{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:70px;width:min(1120px,100% - 40px);min-height:100vh;margin:0 auto;padding:92px 0;display:grid}.portal-pill{color:#63a0ff;background:#3f82f61f;border:1px solid #3f82f659;margin-bottom:34px;padding:12px 20px}.login-copy h1{max-width:660px;font-size:42px;line-height:1.08}.login-copy p{max-width:680px;font-size:18px}.metric-row{margin-top:48px}.metric-tile strong{margin-bottom:8px;font-size:28px;display:block}.metric-tile span,.stat-box span,.panel-label,.form-note,.toggle-row span,.profile-card label{color:var(--muted)}.login-card{border:1px solid var(--line-strong);background:var(--panel-soft);border-radius:32px;padding:54px;box-shadow:0 30px 80px #00000080}.login-icon{background:var(--primary);border-radius:18px;place-items:center;width:70px;height:70px;margin:0 auto 22px;display:grid;box-shadow:0 15px 34px #3f82f659}.login-card h2,.login-card p{text-align:center}.login-card label{color:var(--text);margin:28px 0 10px;font-weight:650;display:block}textarea,input{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#0b0c0e;border:1px solid #ffffff12;outline:none}textarea{resize:vertical;min-height:124px;padding:18px}input{min-height:44px;padding:0 14px}textarea:focus,input:focus{border-color:#3f82f69e;box-shadow:0 0 0 4px #3f82f624}.form-error{color:#ff8d92;margin-top:12px;font-weight:650}.login-card .btn{border-radius:14px;min-height:60px;margin-top:28px}.form-note{text-align:center;margin-top:18px;font-size:14px;display:block}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-page{padding:52px 0 70px}.panel{border-radius:var(--radius);padding:32px}.dashboard-hero{justify-content:space-between;gap:28px;display:flex}.status-pill{color:#67a1ff;background:#3f82f624;border:1px solid #3f82f659;margin-bottom:18px;padding:9px 18px}.dashboard-hero h1{margin-bottom:10px;font-size:44px}.dashboard-actions{flex-wrap:wrap;place-content:start flex-end;gap:12px;min-width:360px;display:flex}.dashboard-grid{margin-top:28px}.top-grid{grid-template-columns:minmax(0,1.9fr) minmax(300px,.95fr)}.quota-head span,.panel-label{font-size:16px}.quota-head strong{background:var(--primary-soft);color:#66a0ff;border-radius:18px;place-items:center;min-width:54px;height:45px;display:inline-grid}.quota-panel h2{margin:18px 0 28px;font-size:42px}.progress-bar{background:#08090b;border-radius:99px;height:16px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--success));height:100%;display:block}.quota-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.stat-box{border-radius:var(--radius-sm);background:#0b0c0e;min-width:0;padding:18px 20px}.stat-box span{margin-bottom:10px;display:block}.stat-box strong{overflow-wrap:anywhere;font-size:18px;display:block}.model-list{gap:14px;margin-top:22px;display:grid}.model-item{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:64px;color:var(--muted);text-align:left;background:#ffffff08;padding:0 24px;font-family:SFMono-Regular,Consolas,monospace;font-size:18px}.model-item.selected{background:var(--primary-soft);color:#6ca3ff;border-color:#3f82f6b8}.token-panel .section-title-row{align-items:start}.token-panel h2{margin:14px 0 12px;font-size:30px}.green-pill{background:var(--success-soft);color:var(--success);padding:10px 16px}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.segmented button{border:1px solid var(--line);min-height:48px;color:var(--muted);background:#ffffff08;border-radius:999px}.segmented button.active{background:var(--primary-soft);color:#65a0ff;border-color:#3f82f6b8}.section-header{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.section-header>span{background:var(--primary-soft);height:48px;color:var(--primary);border-radius:14px;flex:0 0 48px;place-items:center;display:grid}.section-header h2{margin:0 0 5px;font-size:24px}.section-header p{margin:0}.profile-card label{margin-bottom:12px;display:block}.edit-row strong{overflow-wrap:anywhere;font-size:20px}.edit-row input{max-width:420px}.toggle-row{border-radius:var(--radius-sm);background:#0b0c0e;min-height:82px;padding:18px 22px}.toggle-row strong,.toggle-row span{display:block}.toggle-row span{margin-top:6px}.switch{background:#ffffff1f;border:0;border-radius:99px;flex:0 0 58px;height:32px;padding:0;position:relative}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .16s;position:absolute;top:5px;left:5px}.switch.on{background:var(--success)}.switch.on span{transform:translate(26px)}.dashboard-code-card{min-height:360px}.code-title-row{margin-bottom:20px}.code-title-row h2,.connection-panel h2{margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:18px}.copy-btn{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.dashboard-code-card pre{min-height:270px;padding:26px}.connection-panel h2{margin-bottom:22px;font-family:inherit;font-size:22px}.connection-grid{grid-template-columns:1fr 1fr 1fr}@media (width<=980px){.site-shell,.dashboard-page,.login-layout{width:min(100% - 28px,760px)}.top-nav{grid-template-columns:auto 1fr}.nav-links{border-radius:18px;flex-direction:column;align-items:stretch;padding:12px;display:none;position:fixed;top:66px;left:14px;right:14px}.nav-links.open{display:flex}.mobile-only{display:inline-flex}.language{display:none}.section-grid,.login-layout,.top-grid,.cards-grid,.code-dashboard-grid,.code-grid{grid-template-columns:1fr}.hero-section{min-height:0;padding:46px 0 70px}.gateway-visual{margin-top:0}.benefit-row{grid-template-columns:48px 1fr;gap:20px}.benefit-row p{grid-column:2}.steps-grid,.metric-row,.quota-stats,.connection-grid{grid-template-columns:1fr}.login-brand{position:absolute}.login-layout{gap:38px;padding-top:110px}.dashboard-hero,.cta-band,.section-title-row{flex-direction:column;align-items:stretch}.dashboard-actions{justify-content:flex-start;min-width:0}}@media (width<=620px){h1,.dashboard-hero h1{font-size:36px;line-height:1.05}h2{font-size:28px}.panel,.login-card,.cta-band{border-radius:20px;padding:22px}.hero-actions,.dashboard-actions{grid-template-columns:1fr;display:grid}.btn{width:100%}.feature-lines div{grid-template-columns:1fr;gap:8px}.pipeline-row{grid-template-columns:1fr;display:grid}.pipeline-row i{width:5px;height:22px;margin:0 auto}.segmented{grid-template-columns:1fr}.edit-row,.toggle-row,.quota-head{flex-direction:column;align-items:stretch}}