:root{--color-primary:#102a43;--color-primary-dark:#0b1f33;--color-background:#f6f9fc;--color-surface:#fff;--color-graphite:#20252b;--color-graphite-soft:#3c4650;--border-radius:8px;--shadow-level-1:0 8px 22px #18202a0f;--shadow-level-2:0 18px 46px #18202a1a;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--bg:var(--color-background);--bg-soft:#e9eef3;--surface:#fff;--surface-2:#f7fafc;--text:#151a20;--text-2:#2d353d;--text-3:#5f6a74;--text-weak:#7f8a94;--line:#dce4eb;--line-strong:#bdcbd7;--brand:var(--color-graphite);--brand-2:#111820;--accent:#18a8a6;--accent-2:#2563eb;--accent-soft:#18a8a61f;--blue-soft:#102a4314;--metal:#8a96a3;--warm-metal:#a6865a;--success:#0f9f6e;--warning:#b7791f;--danger:#c2413b;--code-bg:#0f1720;--code-text:#e6edf5;--shadow-sm:var(--shadow-level-1);--shadow-md:var(--shadow-level-2);--radius-xl:16px;--radius-lg:12px;--radius-md:10px;--radius-sm:var(--border-radius);--focus:0 0 0 3px #18a8a633;--ease-standard:cubic-bezier(.22, 1, .36, 1);--motion-standard:.24s;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 82% 8%, #18a8a61f, transparent 28%), radial-gradient(circle at 18% 16%, #102a430f, transparent 24%), linear-gradient(180deg, #fbfdff 0%, var(--bg) 42%, var(--bg-soft) 100%);margin:0;overflow-x:hidden}body:before{display:none}::selection{background:var(--accent-soft)}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit}button,a,[role=tab]{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}code,pre{font-family:var(--font-mono)}:focus-visible{box-shadow:var(--focus);outline:none}main{animation:page-enter .24s var(--ease-standard)}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes section-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.navbar{z-index:40;border-bottom:1px solid var(--line);background:#f6f9fcf5;grid-template-columns:auto minmax(360px,1fr) auto;align-items:center;gap:22px;min-height:72px;padding:12px max(24px,50vw - 568px);display:grid;position:sticky;top:0;box-shadow:0 8px 22px #102a430d}.brand{color:var(--brand);grid-template-columns:40px auto;align-items:center;gap:10px;font-weight:780;text-decoration:none;display:inline-grid}.brand span{color:#fff;background:var(--brand);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.brand strong{letter-spacing:-.01em;font-size:18px}.navbar nav{align-items:center;gap:4px;display:flex}.navbar nav a,.footer button,.footer a,.mobile-sticky-actions a,.contact-pill,.faq-link-button,.ghost-button,.secondary-button,.menu-button,.card-actions button,.tutorial-card button,.quick-card button,.toolbar button,.key-card button,.base-url-card button,.flow-fields button,.start-steps .step-card button,.home-anchor-nav button,.integration-tabs button,.tutorial-mode-tabs button,.dashboard-layout aside button,.model-checks button,.code-block button,.filter-toggle,.docs-mobile-toggle,.tab-row button,.carousel-arrow,.carousel-dots button,.login-methods button,.auth-card p button,.link-button,.modal-head button{min-height:40px;color:var(--text-2);border-radius:var(--radius-sm);transition:background var(--motion-standard) var(--ease-standard), border-color var(--motion-standard) ease, color .28s ease, transform var(--motion-standard) var(--ease-standard), box-shadow var(--motion-standard) ease, filter var(--motion-standard) ease;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:640;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.navbar nav a:hover,.navbar nav a.active,.footer button:hover,.footer a:hover,.mobile-sticky-actions a:hover,.contact-pill:hover,.faq-link-button:hover,.ghost-button:hover,.secondary-button:hover,.menu-button:hover,.card-actions button:hover,.tutorial-card button:hover,.quick-card button:hover,.toolbar button:hover,.key-card button:hover,.base-url-card button:hover,.flow-fields button:hover,.start-steps .step-card button:hover,.home-anchor-nav button:hover,.integration-tabs button:hover,.tutorial-mode-tabs button:hover,.dashboard-layout aside button:hover,.model-checks button:hover,.code-block button:hover,.filter-toggle:hover,.docs-mobile-toggle:hover,.tab-row button:hover,.carousel-arrow:hover,.carousel-dots button:hover,.login-methods button:hover,.auth-card p button:hover,.link-button:hover,.modal-head button:hover{color:var(--brand);background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-.5px)}.navbar nav a.active{background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow-md)}.nav-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.account-avatar{width:42px;height:42px;color:var(--text);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;flex:none;place-items:center;font-weight:800;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s,filter .3s;display:inline-grid;position:relative;overflow:hidden}.account-avatar:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-.5px)}.provider-mark{color:#fff;letter-spacing:-.02em;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:850;display:inline-grid}.provider-mark svg{width:18px;height:18px}.provider-wechat{background:#07c160}.provider-wechat svg{overflow:visible}.provider-wechat circle{fill:#fff;opacity:.96}.provider-wechat circle+circle{opacity:.82}.provider-qq{color:#fff;background:#12a0ff;font-size:10px}.provider-google{color:#4285f4;background:#fff;border:1px solid #d9e2ec;font-family:Arial,sans-serif;font-size:16px}.provider-github{color:#fff;background:#24292f}.provider-email{color:#fff;background:#607080}.provider-phone{color:#fff;background:#0f9f6e;font-size:9px}.provider-order{color:#fff;background:#a6865a}.provider-yj{color:#fff;background:var(--brand)}.logout-button{min-height:40px;color:var(--text-3);background:#ffffff57;border-color:#ffffff9e;padding:0 12px}.logout-button:hover{color:var(--danger);border-color:#a64b423d}.primary-button,.btn-primary{color:#fff;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);min-height:48px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:760;text-decoration:none;transition:transform .32s cubic-bezier(.22,1,.36,1),background .32s,border-color .32s,box-shadow .32s,filter .32s;display:inline-flex;position:relative;overflow:hidden}.primary-button:after,.btn-primary:after,.secondary-button:after,.btn-secondary:after,.ghost-button:after,.menu-button:after,.card-actions button:after,.tutorial-card button:after,.quick-card button:after,.toolbar button:after,.key-card button:after,.base-url-card button:after,.flow-fields button:after,.home-anchor-nav button:after,.integration-tabs button:after,.tutorial-mode-tabs button:after,.dashboard-layout aside button:after,.model-checks button:after,.code-block button:after,.filter-toggle:after,.docs-mobile-toggle:after,.tab-row button:after,.carousel-arrow:after,.carousel-dots button:after,.login-methods button:after,.footer button:after,.footer a:after,.mobile-sticky-actions a:after,.contact-pill:after,.faq-link-button:after,.link-button:after,.auth-card p button:after,.modal-head button:after{content:none;display:none}.primary-button:hover:after,.btn-primary:hover:after,.secondary-button:hover:after,.btn-secondary:hover:after,.ghost-button:hover:after,.menu-button:hover:after,.card-actions button:hover:after,.tutorial-card button:hover:after,.quick-card button:hover:after,.toolbar button:hover:after,.key-card button:hover:after,.base-url-card button:hover:after,.flow-fields button:hover:after,.home-anchor-nav button:hover:after,.integration-tabs button:hover:after,.tutorial-mode-tabs button:hover:after,.dashboard-layout aside button:hover:after,.model-checks button:hover:after,.code-block button:hover:after,.filter-toggle:hover:after,.docs-mobile-toggle:hover:after,.tab-row button:hover:after,.carousel-arrow:hover:after,.carousel-dots button:hover:after,.login-methods button:hover:after,.footer button:hover:after,.footer a:hover:after,.mobile-sticky-actions a:hover:after,.contact-pill:hover:after,.faq-link-button:hover:after,.link-button:hover:after,.auth-card p button:hover:after,.modal-head button:hover:after{transform:none}.primary-button:hover,.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--accent);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff2e;filter:saturate(1.04);transform:translateY(-.5px)}.primary-button:active,.btn-primary:active,.secondary-button:active,.btn-secondary:active,.ghost-button:active,.logout-button:active,.menu-button:active,.card-actions button:active,.tutorial-card button:active,.quick-card button:active,.toolbar button:active,.key-card button:active,.home-anchor-nav button:active,.integration-tabs button:active,.faq-accordion button:active,.carousel-arrow:active,.carousel-dots button:active,.base-url-card button:active,.flow-fields button:active,.tutorial-mode-tabs button:active,.dashboard-layout aside button:active,.model-checks button:active,.code-block button:active,.filter-toggle:active,.docs-mobile-toggle:active,.tab-row button:active,.login-methods button:active,.footer button:active,.footer a:active,.mobile-sticky-actions a:active,.contact-pill:active,.faq-link-button:active,.link-button:active,.auth-card p button:active,.modal-head button:active{box-shadow:inset 0 2px 12px #102a431a, var(--shadow-sm);filter:saturate(.98);transform:translateY(0)}.primary-button.small{min-height:40px;padding:0 15px}.secondary-button,.btn-secondary{min-height:48px;color:var(--brand);background:var(--surface);border:1px solid var(--line);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:10px 20px;position:relative;overflow:hidden}.secondary-button:hover,.btn-secondary:hover{color:var(--brand);background:#ffffffb3;border-color:#18a8a65c;transform:translateY(-.5px)}.ghost-button{border-color:var(--line);background:0 0}.menu-button{padding:0 10px;display:none}.hero-section{text-align:center;grid-template-columns:minmax(0,1fr);place-items:center;gap:0;width:min(980px,100vw - 48px);min-height:calc(100vh - 72px);margin:0 auto;padding:clamp(82px,10vw,132px) 0 clamp(64px,8vw,92px);display:grid;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;filter:blur(8px);background:radial-gradient(circle at 34% 36%,#18a8a624,#0000 28%),radial-gradient(circle at 68% 42%,#20252b1a,#0000 30%);height:360px;position:absolute;inset:10% 7% auto}.hero-illustration{opacity:.62;pointer-events:none;grid-template-columns:auto 64px auto 64px auto;align-items:center;gap:8px;display:grid;position:absolute;inset:auto auto 46px 50%;transform:translate(-50%)}.hero-illustration span{color:var(--text-2);border:1px solid var(--line);box-shadow:var(--shadow-sm);font-family:var(--font-mono);background:#ffffffbd;border-radius:999px;padding:9px 12px;font-size:12px}.hero-illustration i{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:1px}.hero-copy{z-index:1;justify-items:center;max-width:1040px;display:grid;position:relative}.hero-kicker,.section-head p,.starter-terms>div>p,.model-category{color:var(--accent);margin-bottom:14px;font-size:13px;font-weight:760;line-height:1.6;display:inline-flex}.hero-copy h1{color:var(--text);letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(46px,6.2vw,76px);font-weight:820;line-height:1.04}.hero-copy h1 span{display:block}.hero-emphasis{width:fit-content;color:var(--text);-webkit-text-fill-color:currentColor;text-shadow:none;background:0 0;margin:0 auto 10px;padding:0}.hero-copy p,.page-hero p,.section-subtitle{color:var(--text-3);font-size:18px;font-weight:450;line-height:1.7}.hero-copy p{max-width:650px;margin-bottom:0}.hero-subtitle{text-wrap:balance;gap:8px;max-width:820px;margin:0 auto;display:grid}.hero-subtitle span{display:block}.button-row,.trust-row,.tag-row,.card-actions,.toolbar,.tab-row{flex-wrap:wrap;gap:10px;display:flex}.button-row{margin:34px 0 24px}.hero-copy .button-row{justify-content:center}.hero-tags{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:10px;width:min(100%,880px);margin:18px auto 0;padding:2px 0 4px;display:flex;overflow-x:auto}.hero-tags::-webkit-scrollbar{display:none}.hero-tags span{min-width:108px;min-height:34px;color:var(--text-2);box-shadow:none;background:#ffffff6b;border:1px solid #18a8a62e;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 13px;font-size:13px;font-weight:680;display:inline-flex}.hero-tags span:before{content:"";background:var(--accent);border-radius:999px;width:6px;height:6px;margin-right:8px}.trust-row{gap:10px 16px}.trust-row span{color:var(--text-2);align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.trust-row span:before{content:"";background:var(--accent);border-radius:999px;width:6px;height:6px}.api-flow-card{min-height:430px;color:var(--code-text);background:linear-gradient(180deg, #14202b 0%, var(--code-bg) 100%);border-radius:var(--radius-xl);border:1px solid #ffffff1a;padding:28px;box-shadow:0 24px 60px #102a432e}.flow-map{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-bottom:26px;display:grid}.flow-map span{text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;place-items:center;min-height:72px;padding:12px;font-weight:760;display:grid}.flow-map i{color:var(--accent);font-style:normal}.flow-fields{gap:12px;display:grid}.flow-fields>div{border-bottom:1px solid #ffffff1f;grid-template-columns:94px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.flow-fields span,.base-url-card span{color:#a8b4c0;font-size:12px;font-weight:700}.flow-fields code,.flow-fields strong{color:#fff;overflow-wrap:anywhere;min-width:0;font-size:13px}.flow-fields button{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;min-height:34px;padding:0 10px}.flow-proof{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.flow-proof span{color:#d9f6f4;background:#18a8a624;border:1px solid #18a8a647;border-radius:999px;padding:7px 10px;font-size:12px}.home-anchor-nav{z-index:10;border:1px solid var(--line);width:max-content;max-width:calc(100vw - 48px);box-shadow:var(--shadow-sm);background:#ffffffdb;border-radius:999px;gap:4px;margin:-26px auto 22px;padding:6px;display:flex;position:sticky;top:86px;overflow-x:auto}.home-anchor-nav button{min-height:34px;color:var(--text-2);background:0 0;border-radius:999px;flex:none;padding:0 14px;font-weight:650;transition:background .3s,color .24s,box-shadow .3s}.home-anchor-nav button:hover{color:var(--brand);background:#ffffffad;box-shadow:inset 0 1px #ffffffb8}.section,.page{width:min(1200px,100vw - 48px);margin:0 auto;padding:88px 0}.section{animation:.48s both section-in}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-head h2,.page-hero h1,.dashboard-title h1,.table-card h2,.calculator h2,.starter-terms h2{color:var(--text);letter-spacing:-.025em;margin-bottom:0;font-size:clamp(32px,4vw,40px);font-weight:780;line-height:1.12}.section-subtitle{max-width:860px;margin:-10px 0 26px}.promise-grid,.model-grid,.tutorial-grid,.status-grid,.key-grid,.settings-grid,.feature-grid,.pain-grid,.contact-grid,.payment-grid,.scenario-grid,.metric-grid,.stat-grid,.steps-grid{gap:18px;display:grid}.promise-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.promise-card,.model-card,.card,.table-card,.tutorial-card,.status-card,.auth-card,.key-card,.quick-card,.empty-state,.faq-accordion article,.integration-panel,.support-panel,.budget-panel{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s,box-shadow .24s,background .24s;position:relative;overflow:hidden}.promise-card:before,.model-card:before,.card:before,.table-card:before,.tutorial-card:before,.status-card:before,.auth-card:before,.key-card:before,.quick-card:before,.faq-accordion article:before,.integration-panel:before,.support-panel:before,.budget-panel:before{content:none;display:none}.promise-card:hover,.model-card:hover,.card:hover,.table-card:hover,.tutorial-card:hover,.status-card:hover,.auth-card:hover,.key-card:hover,.quick-card:hover,.faq-accordion article:hover,.integration-panel:hover,.support-panel:hover,.budget-panel:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);background:var(--surface);transform:translateY(-1px)}.promise-card>*,.model-card>*,.card>*,.table-card>*,.tutorial-card>*,.status-card>*,.auth-card>*,.key-card>*,.quick-card>*,.empty-state>*,.faq-accordion article>*,.integration-panel>*,.support-panel>*,.budget-panel>*{z-index:1;position:relative}.promise-card{min-height:220px;padding:26px}.promise-card span,.step-card span{color:var(--accent);font-family:var(--font-mono);font-size:13px;font-weight:780}.promise-card h3,.feature-card h3,.model-card h3,.tutorial-card h3,.status-card h3,.key-card h3,.card h3,.faq-grid h3,.trust-card h3,.integration-copy h3,.budget-panel h3,.support-panel h3{color:var(--text);margin:12px 0 10px;font-size:24px;line-height:1.28}.promise-card p,.feature-card p,.model-card p,.tutorial-card p,.status-card p,.card p,.empty-state p,.legal-content p,.faq-grid p,.quick-card p,.budget-panel p,.support-panel p{color:var(--text-3);line-height:1.75}.start-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}.start-steps:before{content:"";background:var(--line-strong);height:1px;position:absolute;top:0;left:0;right:0}.start-steps .step-card{box-shadow:none;background:0 0;border:0;padding:28px 28px 0 0;position:relative}.start-steps .step-card:before{content:"";background:var(--accent);border:4px solid var(--bg);border-radius:999px;width:13px;height:13px;position:absolute;top:-7px;left:0}.start-steps .step-card strong{color:var(--text);margin:14px 0 10px;font-size:20px;display:block}.start-steps .step-card p{color:var(--text-3);margin-bottom:0;line-height:1.7}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-models{grid-template-columns:repeat(4,minmax(0,1fr))}.model-card{border-color:var(--line-strong);gap:16px;min-height:316px;padding:24px;display:grid}.model-category{margin-bottom:-4px}.model-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.model-card-head h3{margin:0 0 8px}.model-card code,.once-key,.auth-card code,.terms-grid strong,.integration-copy code,.formula-box code{max-width:100%;color:var(--brand);background:var(--blue-soft);overflow-wrap:anywhere;border:1px solid #2563eb29;border-radius:9px;padding:5px 8px;font-size:12px;display:inline-flex}.model-card dl{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding-top:12px;display:grid}.model-card dt{color:var(--text-weak);font-size:12px}.model-card dd{color:var(--text);margin:0;font-family:Geist Mono,JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:13px;font-weight:700}.model-scene{gap:5px;display:grid}.model-scene span{color:var(--text-weak);font-size:12px}.model-scene strong{color:var(--text-2);font-weight:680;line-height:1.55}.card-actions{margin-top:auto}.card-actions button,.tutorial-card button,.key-card button,.toolbar button{color:var(--text-2);background:var(--surface-2);border-color:var(--line)}button.copied,.card-actions button.copied,.base-url-card button.copied{color:var(--success);background:#0f9f6e1a;border-color:#0f9f6e47}.status-dot{color:var(--text-2);white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:680;display:inline-flex}.status-dot:before{content:"";background:var(--text-weak);border-radius:999px;width:7px;height:7px}.status-dot.stable:before,.status-dot.normal:before,.status-dot.success:before,.status-dot.enabled:before{background:var(--success)}.status-dot.testing:before,.status-dot.limited:before{background:var(--warning)}.status-dot.maintenance:before,.status-dot.failed:before,.status-dot.disabled:before{background:var(--danger)}.integration-panel{padding:10px}.integration-tabs{gap:6px;padding:4px;display:flex;overflow-x:auto}.integration-tabs button{min-height:38px;color:var(--text-2);background:0 0;border-radius:999px;flex:none;padding:0 16px;font-weight:700;transition:background .32s cubic-bezier(.22,1,.36,1),color .24s,box-shadow .32s}.integration-tabs button.active,.integration-tabs button:hover{color:#fff;background:var(--brand);box-shadow:inset 0 1px 0 #ffffff29, var(--shadow-sm)}.environment-tabs{border-bottom:1px solid var(--line);padding-bottom:8px}.integration-body{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;padding:24px;display:grid}.integration-copy{gap:10px;display:grid}.integration-copy p{color:var(--text-2);gap:4px;margin:0;display:grid}.integration-copy span{color:var(--text-weak);font-size:12px;font-weight:760}.base-url-card,.code-block{color:var(--code-text);background:var(--code-bg);border-radius:var(--radius-lg);border:1px solid #ffffff1a}.base-url-card{align-content:center;gap:14px;padding:24px;display:grid}.base-url-card code{color:#fff;overflow-wrap:anywhere}.base-url-card button{color:#fff;background:#ffffff14;border-color:#ffffff29}.budget-panel,.support-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;padding:26px;display:grid}.support-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}.support-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.budget-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.budget-panel dl div{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px}.budget-panel dt{color:var(--text-weak);font-size:12px}.budget-panel dd{color:var(--text);margin:6px 0 0;font-weight:760}.trust-layout{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:18px;display:grid}.trust-card{color:#fff;background:var(--code-bg);border-radius:var(--radius-lg);padding:24px}.trust-card h3{color:#fff}.trust-card p{color:#e6edf5d1;border-bottom:1px solid #ffffff1a;margin:0;padding:12px 0}.faq-accordion{gap:10px;display:grid}.faq-accordion article{overflow:hidden}.faq-accordion button{width:100%;min-height:60px;color:var(--text);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:0 18px;transition:background .3s,color .24s;display:flex}.faq-accordion button:hover{background:#ffffff61}.faq-accordion button span{font-weight:760}.faq-accordion button strong{color:var(--accent);font-size:22px}.faq-accordion article p{color:var(--text-3);margin:0;line-height:1.75}.faq-answer{gap:12px;margin:-2px 18px 18px;display:grid}.faq-link-button{width:fit-content;min-height:34px;color:var(--brand);background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid #18a8a638;padding:0 10px;font-weight:720}.faq-link-button:hover{color:var(--brand-2);border-color:#18a8a66b;transform:none}.page-hero{max-width:860px;margin-bottom:32px}.page-hero h1{margin-bottom:14px;font-size:clamp(38px,5vw,58px)}.filter-toggle,.docs-mobile-toggle{min-height:42px;color:var(--text-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 12px;display:none}.model-search-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:16px;display:grid}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);min-height:58px;box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:0 16px;display:flex}.search-box svg{color:var(--accent);flex:none}.search-box input{background:0 0;border:0;min-height:54px;padding:0}.filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:28px;padding:18px;display:grid}.advanced-filter-panel{display:none}.advanced-filter-panel.open{display:grid}.filter,.calculator label,.auth-card label,.modal-card label{gap:8px;display:grid}.filter span,.calculator label span,.auth-card label span,.modal-card label span,.model-checks span{color:var(--text-3);font-size:12px;font-weight:760}input,select{width:100%;min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);outline:0;padding:0 12px}select option{color:var(--text);background:var(--surface)}.table-card{min-width:0;padding:20px;overflow:hidden}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{color:var(--text-2);text-align:left;border-bottom:1px solid var(--line);padding:13px 12px}th{color:var(--text-3);letter-spacing:.04em;font-size:12px;font-weight:760}td:nth-child(3),td:nth-child(4){font-family:Geist Mono,JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:13px;font-weight:650}.split-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:20px;display:grid}.calculator{gap:14px;padding:24px;display:grid}.cost-summary{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);gap:6px;padding:16px;display:grid}.cost-summary span{color:var(--text-3)}.cost-summary strong{color:var(--text);font-size:26px}.formula-box,.note-box{border-radius:var(--radius-sm);padding:12px 14px}.formula-box{color:var(--brand);background:var(--blue-soft);font-family:Geist Mono,JetBrains Mono,ui-monospace,SFMono-Regular,monospace}.note-box{color:var(--warning);background:#b7791f1a;border:1px solid #b7791f2e}.docs-layout{grid-template-columns:220px minmax(0,1fr) 340px;gap:28px;width:min(1200px,100vw - 48px);margin:0 auto;padding:44px 0 88px;display:grid}.docs-layout aside,.doc-side{align-self:start;position:sticky;top:96px}.docs-layout aside{gap:8px;display:grid}.docs-layout aside a{color:var(--text-3);text-decoration:none}.docs-layout aside a:hover{color:var(--brand)}.docs-layout h1{color:var(--text);font-size:48px}.doc-block{margin:34px 0}.doc-block h2{color:var(--text)}.code-block{overflow:hidden}.code-block>div{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.code-block span{color:#a8b4c0;font-size:13px}.code-block button{color:#fff;background:0 0}.code-block pre{color:var(--code-text);white-space:pre-wrap;margin:0;padding:16px;font-size:13px;line-height:1.7;overflow:auto}.code-block.compact pre{max-height:260px}.starter-terms{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:22px;margin-bottom:28px;padding:26px;display:grid}.starter-terms small{color:var(--text-3);line-height:1.7}.terms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.terms-grid article{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);gap:6px;padding:14px;display:grid}.terms-grid span{color:var(--text-3)}.tutorial-grid,.status-grid,.key-grid,.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-directory{gap:34px;display:grid}.tutorial-group{gap:16px;display:grid}.tutorial-group-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:14px;display:flex}.tutorial-group-head h2{color:var(--text);letter-spacing:-.02em;margin:0;font-size:clamp(24px,3vw,32px);line-height:1.18}.tutorial-group-head p{max-width:520px;color:var(--text-3);margin:0;line-height:1.7}.tutorial-card{gap:10px;padding:22px;display:grid}.tutorial-card,.tutorial-card h3,.tutorial-card p,.tutorial-card span{overflow-wrap:anywhere;min-width:0}.tutorial-card h3{margin-top:0}.tutorial-card svg{color:var(--accent)}.tutorial-card span{color:var(--text-2);font-size:13px}.tutorial-layout{grid-template-columns:minmax(0,65fr) minmax(300px,35fr);align-items:start;gap:20px;display:grid}.tutorial-layout>.card{min-width:0;padding:clamp(22px,3vw,30px);overflow:hidden}.tutorial-layout>.card>h2{color:var(--text);letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(24px,3vw,32px);line-height:1.18}.tutorial-meta{margin:-18px 0 24px}.tutorial-mode-tabs{border:1px solid var(--line);width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);background:#ffffffdb;border-radius:999px;gap:6px;margin:-10px 0 22px;padding:6px;display:flex;overflow-x:auto}.tutorial-mode-tabs button{min-height:36px;color:var(--text-2);transition:background var(--motion-standard) var(--ease-standard), color .28s ease, box-shadow var(--motion-standard) ease, transform var(--motion-standard) var(--ease-standard);background:0 0;border-radius:999px;flex:none;padding:0 14px;font-weight:720}.tutorial-mode-tabs button.active,.tutorial-mode-tabs button:hover{color:#fff;background:var(--brand);box-shadow:inset 0 1px 0 #ffffff29, var(--shadow-sm)}.guide-steps{gap:14px;display:grid}.guide-step{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:34px minmax(0,1fr);gap:14px;padding:16px;display:grid}.guide-step>span{color:#fff;background:var(--brand);border-radius:999px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:760;display:inline-grid}.guide-step>div{min-width:0}.guide-step h3{color:var(--text);margin:2px 0 10px;font-size:20px;line-height:1.3}.guide-step p,.guide-step li{color:var(--text-3);overflow-wrap:anywhere;line-height:1.75}.guide-step ul{margin:8px 0;padding-left:18px}.guide-step .code-block{margin-top:12px}.step-errors{color:var(--warning)!important}.check-list{gap:10px;margin-bottom:16px;display:grid}.check-list p{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);gap:4px;margin:0;padding:12px;display:grid}.fix-list{gap:12px;margin-top:16px;display:grid}.fix-list article{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px}.fix-list h3{color:var(--text);margin:0 0 6px;font-size:18px}.fix-list p{color:var(--text-3);margin:0 0 6px}.badge{width:fit-content;color:var(--text-2);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:12px;font-weight:720;display:inline-flex}.badge:before{content:"";background:var(--metal);border-radius:999px;width:6px;height:6px}.badge.success{color:var(--success);border-color:#0f9f6e40}.badge.warning{color:var(--warning);border-color:#b7791f40}.badge.danger{color:var(--danger);border-color:#c2413b40}.badge.success:before{background:var(--success)}.badge.warning:before{background:var(--warning)}.badge.danger:before{background:var(--danger)}.status-card{padding:22px}.status-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.status-details dt{color:var(--text-weak);font-size:12px}.status-details dd{color:var(--text-2);margin:0}.contact-strip{flex-wrap:wrap;gap:10px;display:flex}.contact-pill{min-width:min(100%,190px);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:34px auto;align-items:center;gap:0 10px;padding:10px 12px;text-decoration:none;display:grid}.contact-pill:hover{border-color:var(--line-strong);transform:translateY(-.5px)}.contact-pill span{color:#fff;background:var(--brand);border-radius:10px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:760;display:inline-grid}.contact-pill strong{color:var(--text);text-underline-offset:5px;-webkit-text-decoration:underline #102a4347;text-decoration:underline #102a4347}.contact-pill small{color:var(--text-3);overflow-wrap:anywhere;grid-column:2}.payment-grid{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)}.contact-card{gap:12px;padding:22px;display:grid}.contact-card img{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;width:100%;max-width:220px;padding:10px}.contact-qr-grid{grid-template-columns:repeat(2,minmax(0,280px));gap:18px;margin-top:22px;display:grid}.payment-steps{gap:10px;margin:14px 0;display:grid}.payment-steps p{color:var(--text-3);border-bottom:1px solid var(--line);align-items:center;gap:10px;margin:0;padding-bottom:10px;display:flex}.payment-steps span{color:#fff;background:var(--brand);border-radius:999px;place-items:center;width:24px;height:24px;font-size:12px;display:inline-grid}.dashboard-layout{grid-template-columns:240px minmax(0,1fr);gap:24px;width:min(1200px,100vw - 48px);margin:0 auto;padding:32px 0 88px;display:grid}.dashboard-layout aside{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-self:start;gap:8px;padding:12px;display:grid;position:sticky;top:92px}.dashboard-layout aside button{min-height:42px;color:var(--text-2);border-radius:var(--radius-sm);background:0 0;align-items:center;gap:9px;padding:0 12px;display:flex}.dashboard-layout aside button.active,.dashboard-layout aside button:hover{color:var(--brand);background:var(--blue-soft)}.dashboard-title{margin-bottom:22px}.dashboard-title p,.demo-note{color:var(--text-3)}.demo-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);gap:4px;padding:18px;display:grid}.stat-card span{color:var(--text-3);font-size:13px}.stat-card strong{color:var(--text);font-size:24px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.quick-card,.key-card{padding:20px}.quick-card button{justify-content:space-between;width:100%;margin-top:8px}.once-key{align-items:center;min-height:40px}.key-card{gap:10px;display:grid}.key-card code{display:block}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{gap:8px;min-width:0;padding:22px;display:grid;overflow:hidden}.settings-card span{color:var(--text-3);font-size:12px;font-weight:760}.settings-card h3{color:var(--text);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:clamp(18px,2vw,22px);line-height:1.34}.settings-card p{color:var(--text-3);overflow-wrap:anywhere;margin:0;line-height:1.7}.auth-page,.not-found{place-items:center;min-height:calc(100vh - 72px);padding:32px 18px;display:grid}.auth-card{gap:16px;width:min(100%,520px);padding:28px;display:grid}.auth-card h1{color:var(--text);margin-bottom:0}.login-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.login-methods button{min-height:48px;color:var(--text-2);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--motion-standard) var(--ease-standard), border-color var(--motion-standard) ease, box-shadow var(--motion-standard) ease, background var(--motion-standard) var(--ease-standard), filter var(--motion-standard) ease;background:#ffffff8f;border:1px solid #ffffffb8;align-items:center;gap:10px;padding:0 12px;font-weight:720;display:inline-flex}.login-methods button:hover{box-shadow:var(--shadow-md);filter:saturate(1.04);border-color:#18a8a647;transform:translateY(-.5px)}.auth-divider{color:var(--text-weak);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);height:1px}.link-button,.auth-card p button{color:var(--accent-2);background:0 0;padding:0}.modal-backdrop{z-index:9999;background:#0f172061;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(100%,620px);max-height:92vh;box-shadow:var(--shadow-md);gap:14px;padding:22px;display:grid;overflow:auto}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head h2{margin:0}.model-checks{flex-wrap:wrap;gap:8px;display:flex}.model-checks span{flex-basis:100%}.model-checks button{min-height:34px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:0 10px}.model-checks button.active{color:var(--brand);background:var(--blue-soft);border-color:var(--line-strong)}.empty-state{text-align:center;padding:34px}.testimonial-wrap{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:14px;display:grid}.testimonial-viewport{overflow:hidden}.testimonial-track{transform:translateX(calc(var(--index) * -33.333%));transition:transform .72s cubic-bezier(.22,1,.36,1);display:flex}.testimonial-card{min-height:270px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);opacity:.72;flex:0 0 calc(33.333% - 12px);gap:14px;margin-right:18px;padding:22px;transition:opacity .2s,transform .2s,border-color .2s;display:grid}.testimonial-card.active{opacity:1;border-color:var(--line-strong)}.testimonial-head{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.testimonial-head h3{color:var(--text);margin:0;font-size:18px}.testimonial-head p{color:var(--text-3);margin:3px 0 0;font-size:13px}.testimonial-card>p{color:var(--text-2);margin:0;line-height:1.75}.avatar{color:#fff;background:var(--brand);border-radius:999px;place-items:center;width:48px;height:48px;font-weight:760;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.rating{color:var(--accent);align-items:center;gap:4px;font-weight:760;display:inline-flex}.carousel-arrow{width:42px;height:42px;color:var(--text);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;place-items:center;font-size:28px;display:inline-grid}.carousel-arrow:hover{color:#fff;background:var(--brand);border-color:var(--accent)}.carousel-dots{justify-content:center;gap:8px;margin-top:18px;display:flex}.carousel-dots button{background:var(--line-strong);border-radius:999px;width:8px;height:8px;padding:0}.carousel-dots button.active{background:var(--accent);width:24px}.mock-note{color:var(--text-3);font-size:13px}.footer{color:var(--text-3);border-top:1px solid var(--line);background:#ffffffdb;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);justify-content:space-between;align-items:start;gap:36px;padding:34px max(24px,50vw - 568px) 46px;display:grid}.footer strong{color:var(--text)}.footer p{margin:6px 0 0}.footer small{color:var(--text-weak);margin-top:12px;display:block}.footer-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.footer h3{color:var(--text);margin:0 0 10px;font-size:14px}.footer section{gap:8px;display:grid}.footer button,.footer a{width:fit-content;color:var(--text-3);background:0 0;border:0;padding:0;text-decoration:none}.footer button:hover,.footer a:hover{color:var(--accent)}.mobile-sticky-actions{z-index:45;border:1px solid var(--line);box-shadow:var(--shadow-md);background:#ffffffe0;border-radius:14px;grid-template-columns:1fr 1fr;gap:10px;padding:8px;display:none;position:fixed;bottom:14px;left:14px;right:14px}.mobile-sticky-actions a{min-height:44px;color:var(--text-2);border-radius:var(--border-radius);justify-content:center;align-items:center;font-weight:760;text-decoration:none;display:inline-flex}.mobile-sticky-actions a:last-child{color:#fff;background:var(--brand)}.usage-bars{display:none}.final-cta{text-align:center}.legal-page{max-width:980px}@media (width<=1180px){.navbar{padding-left:24px;padding-right:24px}.hero-section,.docs-layout,.dashboard-layout,.section,.page{width:min(100% - 40px,1200px)}.compact-models,.promise-grid,.model-grid,.tutorial-grid,.status-grid,.key-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout,.tutorial-layout,.docs-layout{grid-template-columns:1fr}.doc-side,.docs-layout aside,.dashboard-layout aside{position:static}}@media (width<=860px){.navbar{grid-template-columns:auto auto;gap:12px;padding:12px 16px}.navbar nav{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;padding:10px;display:none}.navbar nav.open{display:grid}.nav-actions{justify-self:end}.menu-button{display:inline-flex}.hero-section{text-align:center;min-height:auto;padding-top:68px;display:block}.hero-copy{margin:0 auto}.hero-emphasis,.hero-copy p{margin-left:auto;margin-right:auto}.hero-copy .button-row,.hero-copy .trust-row{justify-content:center}.hero-illustration,.api-flow-card{display:none}.home-anchor-nav{border-radius:var(--radius-md);justify-content:flex-start;width:auto;margin-left:auto;margin-right:auto}.section-head{flex-direction:column;align-items:flex-start}.promise-grid,.compact-models,.model-grid,.tutorial-grid,.status-grid,.key-grid,.settings-grid,.integration-body,.trust-layout,.budget-panel,.support-panel,.payment-grid,.starter-terms,.terms-grid,.model-search-row,.filter-panel,.advanced-filter-panel,.dashboard-layout,.dashboard-grid,.stat-grid{grid-template-columns:1fr}.start-steps{grid-template-columns:1fr;gap:18px}.start-steps:before{width:1px;height:auto;top:0;bottom:0;left:6px}.start-steps .step-card{padding:0 0 0 28px}.start-steps .step-card:before{top:0;left:0}.filter-toggle,.docs-mobile-toggle{display:inline-flex}.filter-panel{display:none}.filter-panel.open{display:grid}.docs-layout aside{display:none}.docs-layout aside.open{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;display:grid}.testimonial-wrap{grid-template-columns:1fr}.testimonial-track{transform:translateX(calc(var(--index) * -100%))}.testimonial-card{flex-basis:100%}.carousel-arrow{display:none}.footer{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-sticky-actions{display:grid}.support-actions{justify-content:flex-start}.contact-qr-grid{grid-template-columns:1fr}}@media (width<=560px){.hero-section,.docs-layout,.dashboard-layout,.section,.page{width:calc(100% - 32px)}.hero-copy h1{font-size:36px}.section-head h2,.page-hero h1,.dashboard-title h1,.table-card h2,.calculator h2{font-size:30px}.hero-copy p,.page-hero p,.section-subtitle{font-size:16px}.button-row .primary-button,.button-row .secondary-button,.button-row .ghost-button,.section-cta{width:100%}.primary-button.small{display:none}.nav-login{display:inline-flex}.navbar nav,.flow-fields>div,.budget-panel dl,.login-methods{grid-template-columns:1fr}.card,.model-card,.tutorial-card,.table-card,.status-card,.auth-card,.key-card,.quick-card,.promise-card{padding:18px}.footer-links{grid-template-columns:1fr}body{padding-bottom:76px}.hero-tags{justify-content:flex-start;width:100%}.hero-tags span{min-width:108px}}