@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;450;500;550;600;650;700;750;800;900&display=swap');
:root{--bg:#faf9f6;--surface:#fff;--ink:#242a28;--muted:#737671;--line:#e4e5df;--accent:#27695b;--accent-soft:#edf2ed;--hero:#f0ead8;--gold:#826832;--gold-soft:#f3ecd9;--shadow:0 10px 35px #242a2806;color-scheme:light;font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
:root[data-theme=dark]{--bg:#151a18;--surface:#1d2420;--ink:#edf0e8;--muted:#a2ada4;--line:#354037;--accent:#a6d2bd;--accent-soft:#243b31;--hero:#323426;--gold:#ddc68e;--gold-soft:#3a3524;--shadow:0 10px 35px #0001;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:focus-visible{position:relative;z-index:1}p,h1,h2,h3{margin:0}button{border:0;background:none}svg,img{vertical-align:middle}button,a,summary{touch-action:manipulation}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:-80px;left:20px;padding:10px;background:var(--surface)}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{height:86px;max-width:1224px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:23px;letter-spacing:-1px;white-space:nowrap}.brand-api{font-size:13px;letter-spacing:1px;margin-left:7px;font-weight:500;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:33px;font-size:13px;margin-left:45px}.desktop-nav a{color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap}.desktop-nav .active,.desktop-nav a:hover{color:var(--accent)}.nav-tag{font-size:8px;font-weight:750;border:1px solid #abc1af;padding:0 4px;border-radius:3px;line-height:1.7}.header-actions{display:flex;align-items:center;gap:17px}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-button:hover{background:var(--accent-soft)}.console-link{font-size:12px;border:1px solid var(--line);border-radius:7px;padding:9px 15px;white-space:nowrap}.console-link span{margin-left:17px}.console-link:hover{border-color:var(--accent)}.menu-toggle{display:none}.mobile-nav{padding:12px 24px 20px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:9px 0;font-size:14px}.page-shell{max-width:1224px;margin:auto;padding:0 32px}.breadcrumb{display:flex;justify-content:space-between;margin:33px 0 21px;font-size:10px;font-weight:500;letter-spacing:1.8px;color:var(--muted)}.service-status{letter-spacing:.4px}.status-dot{display:inline-block;width:6px;height:6px;background:#5b9074;border-radius:50%;vertical-align:middle;margin-right:6px}.hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;border:1px solid #e2ddcb;border-radius:18px;background:linear-gradient(118deg,var(--surface) 0%,var(--hero) 100%);overflow:hidden;min-height:373px;padding:45px 48px}.eyebrow{font-size:11px;font-weight:550;letter-spacing:1.8px}.hero .eyebrow{color:var(--gold);letter-spacing:2px;display:flex;gap:8px;align-items:center}.small-star{font-size:17px}h1{font-size:49px;line-height:1.37;letter-spacing:-2px;font-weight:800;margin:14px 0 17px}h1 span{color:var(--accent)}.hero-description{font-size:13px;line-height:1.95;color:var(--muted)}.hero-pills{display:flex;gap:18px;margin-top:24px;font-size:10px;color:var(--gold)}.hero-pills>span{display:flex;align-items:center;gap:6px}.hero-pills>span>span{font-size:16px}.model-orbit{position:relative;height:300px;max-width:440px;width:100%;justify-self:end;color:#97a48c}.orbit-lines{position:absolute;width:100%;height:100%;opacity:.38}.orbit-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:92px;height:92px;background:var(--surface);box-shadow:0 12px 30px #53612e12;border:1px solid #e1dfcd;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:650;letter-spacing:1px;color:var(--ink)}.model-node{position:absolute;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 12px;border-radius:11px;border:1px solid #dfdfd4;background:var(--surface);box-shadow:var(--shadow);font-size:11px;font-weight:550;color:var(--ink)}.model-glyph{font-size:24px;font-weight:550;line-height:1}.claude{color:#c27c58}.gemini{color:#6883c5}.deepseek{color:#537ce4;font-size:30px}.qwen{color:#8569c5}.node-gpt{left:4%;top:12%}.node-claude{right:4%;top:8%}.node-gemini{right:-1%;top:64%}.node-grok{left:4%;top:69%}.node-deepseek{left:35%;top:87%}.node-qwen{left:42%;top:-5%}.orbit-caption{position:absolute;bottom:-25px;width:100%;text-align:center;letter-spacing:3px;font-size:7px;color:var(--gold)}.notice{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:15px;padding:17px 23px;background:var(--gold-soft);border-radius:9px;color:var(--gold)}.notice-copy{display:flex;align-items:center;gap:13px}.notice-icon{font-size:27px}.notice strong{font-size:11px;font-weight:600}.notice p{font-size:10px;margin-top:2px;opacity:.8}.text-button{font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:15px;min-height:40px}.plans-section{margin-top:51px}.section-topline{display:flex;align-items:end;justify-content:space-between;gap:20px}.muted{color:var(--muted);font-size:9px;letter-spacing:2px}h2{font-size:24px;font-weight:650;letter-spacing:-.6px;line-height:1.5}.section-topline h2{margin-top:8px}.my-subscriptions{font-size:11px;padding:9px 13px;border:1px solid var(--line);border-radius:7px;white-space:nowrap}.my-subscriptions span{margin-left:15px}.plan-controls{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:16px}.tabs{display:flex;background:#eeeee8;padding:4px;border-radius:8px;gap:4px}.tabs button{font-size:12px;min-height:38px;padding:8px 26px;border-radius:5px;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--surface);box-shadow:0 1px 5px #00000012;color:var(--accent);font-weight:550}.plans-hint{font-size:10px;color:var(--muted)}.category-summary{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;margin:20px 0 15px}.category-summary span{font-size:10px}.loading-state,.error-state{background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:center;padding:65px 25px;font-size:13px;color:var(--muted)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin-right:10px;vertical-align:middle;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:35px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}.empty-title{font-size:21px;margin:8px 0;color:var(--ink);font-weight:600}.empty-state p{color:var(--muted);font-size:12px;max-width:520px;line-height:1.9}.empty-actions{display:flex;align-items:center;flex-direction:column;gap:12px;flex-shrink:0}.empty-badge{color:var(--gold);display:inline-flex;align-items:center;gap:6px;font-size:10px;background:var(--gold-soft);padding:4px 9px;border-radius:5px}.primary-link{background:var(--accent);color:var(--bg);border-radius:7px;font-size:12px;font-weight:500;min-height:43px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:27px}.primary-link:hover{filter:brightness(1.12)}.quiet-link{font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.model-coverage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px}.coverage-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:24px 22px;min-height:152px}.coverage-card .coverage-label{font-size:9px;color:var(--muted);letter-spacing:1.5px}.coverage-card h3{font-size:14px;font-weight:550;margin:9px 0 7px}.coverage-card p{color:var(--muted);font-size:11px;line-height:1.9}.coverage-card a{font-size:10px;color:var(--accent);display:inline-block;margin-top:14px}.coverage-glyph{float:right;font-size:24px;color:var(--accent)}.pricing-footnote{color:var(--muted);font-size:10px;line-height:1.9;margin-top:20px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:23px;display:flex;flex-direction:column;min-width:0}.plan-card h3{font-size:17px;font-weight:600;overflow-wrap:anywhere}.plan-subtitle{font-size:11px;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}.credit-block{background:var(--gold-soft);border-radius:7px;padding:15px;margin:19px 0 12px;color:var(--gold)}.credit-block p{font-size:10px}.credit-block strong{font-size:33px;display:block;line-height:1.4}.plan-price{font-size:12px}.plan-price b{font-size:20px}.plan-benefits{list-style:none;padding:0;margin:15px 0 21px;font-size:11px;color:var(--muted);display:grid;gap:8px;flex:1}.plan-benefits li:before{content:'✓';color:var(--accent);margin-right:8px}.plan-card .primary-link{width:100%;margin-top:auto}.plan-label{font-size:9px;color:var(--accent);letter-spacing:1px;margin-bottom:10px}.getting-started{margin-top:61px;padding:33px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.getting-started-heading h2{font-size:22px;margin:9px 0}.getting-started-heading>p:last-child{font-size:11px;color:var(--muted)}.steps{display:flex;gap:24px;list-style:none;margin:0;padding:0}.steps li{flex:1}.step-number{font-size:11px;font-weight:500;color:var(--gold)}.steps h3{font-size:12px;font-weight:550;margin:11px 0 7px}.steps p{font-size:10px;color:var(--muted);line-height:1.9}.faq-section{margin:47px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.faq-section h2{font-size:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:18px 26px 18px 0;position:relative;font-size:12px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:12px;font-size:23px;font-weight:400;color:var(--muted)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:11px;line-height:2;color:var(--muted);padding:0 20px 19px 0}.bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--accent-soft);padding:29px 33px;border-radius:12px;margin:51px 0}.bottom-cta h2{font-size:20px;margin-top:7px}.site-footer{max-width:1224px;padding:25px 32px 36px;margin:auto;display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.footer-brand{font-size:14px;letter-spacing:.3px;color:var(--ink)}.site-footer>span{margin-left:auto}dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:calc(100% - 36px);max-width:530px;border-radius:15px;padding:25px 30px;max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 24px 90px #0003}dialog::backdrop{background:#151a1860;backdrop-filter:blur(4px)}.dialog-topline{display:flex;align-items:center;justify-content:space-between}.dialog-topline .icon-button{font-size:25px}dialog h2{font-size:24px;margin-top:8px}dialog>p{font-size:12px;color:var(--muted);margin-top:9px}.rules-list{list-style:none;margin:24px 0;padding:0;counter-reset:rules}.rules-list li{counter-increment:rules;border-top:1px solid var(--line);padding:17px 0 0 29px;margin-top:15px;position:relative}.rules-list li:before{content:'0'counter(rules);position:absolute;left:0;top:18px;color:var(--gold);font-size:10px}.rules-list h3{font-size:12px;font-weight:550;margin-bottom:6px}.rules-list p{font-size:11px;color:var(--muted);line-height:1.9}dialog>.primary-link{width:100%}.retry-button{display:block;margin:18px auto 0;padding:8px 15px;border:1px solid var(--line);border-radius:5px}
@media(min-width:1400px){.header-inner,.page-shell,.site-footer{max-width:1240px}.hero{min-height:393px}h1{font-size:53px}}
@media(max-width:960px){.header-inner{gap:20px}.desktop-nav{margin-left:0;gap:20px}.hero{padding:35px 30px;grid-template-columns:1fr 1fr}h1{font-size:40px}.model-orbit{transform:scale(.9);transform-origin:center right}.getting-started,.faq-section{grid-template-columns:1fr 1.7fr;gap:25px}.steps{gap:15px}.plan-card{padding:18px}.plans-hint{font-size:9px}}
@media(max-width:720px){.header-inner{height:70px;padding:0 22px}.brand{font-size:22px}.brand-api{font-size:11px}.desktop-nav{display:none}.header-actions{gap:6px}.console-link{font-size:10px;padding:7px 10px}.console-link span{margin-left:6px}.menu-toggle{display:inline-flex}.page-shell{padding:0 20px}.breadcrumb{font-size:8px;margin:23px 0 15px;letter-spacing:1px}.service-status{font-size:8px}.hero{grid-template-columns:1fr;min-height:auto;padding:29px 26px 24px;border-radius:13px}h1{font-size:39px;line-height:1.4;letter-spacing:-1.5px;margin:14px 0}.hero .eyebrow{font-size:10px}.hero-description{font-size:12px}.hero-pills{font-size:9px;gap:16px;margin-top:19px}.model-orbit{height:195px;width:300px;justify-self:center;transform:scale(.87);transform-origin:center center;margin:16px 0 4px}.orbit-lines{height:224px;top:-15px}.orbit-core{height:76px;width:76px;top:50%;border-radius:20px}.orbit-core img{width:37px;height:37px}.model-node{font-size:9px;padding:8px 10px;gap:6px}.model-glyph{font-size:21px}.node-gpt{left:0;top:7%}.node-claude{right:-1%;top:3%}.node-gemini{right:-5%;top:68%}.node-grok{left:-1%;top:70%}.node-deepseek{left:34%;top:94%}.node-qwen{left:38%;top:-12%}.orbit-caption{display:none}.notice{padding:13px 14px;margin-top:12px;gap:12px}.notice-icon{display:none}.notice strong{font-size:10px}.notice p{font-size:9px;line-height:1.8}.text-button{font-size:10px;gap:7px}.plans-section{margin-top:34px}.section-topline{gap:10px;align-items:center}.section-topline h2{font-size:20px;margin-top:6px}.muted{font-size:8px}.my-subscriptions{font-size:10px;padding:7px 9px}.my-subscriptions span{margin-left:7px}.plan-controls{margin-top:21px}.tabs{flex:1}.tabs button{flex:1;font-size:11px;padding:8px 13px;min-height:38px}.plans-hint{display:none}.category-summary{font-size:10px;display:block;margin:15px 0}.category-summary span{display:block;margin-top:5px;font-size:9px}.empty-state{padding:24px 21px;display:block}.empty-title{font-size:20px}.empty-state p{font-size:11px}.empty-actions{align-items:flex-start;margin-top:20px;gap:14px}.empty-actions .primary-link{width:100%;font-size:11px}.empty-actions .quiet-link{align-self:center}.model-coverage{grid-template-columns:1fr;gap:10px;margin-top:11px}.coverage-card{padding:19px 21px;min-height:0}.coverage-card h3{font-size:13px;margin:5px 0}.coverage-card p{font-size:10px}.coverage-card a{margin-top:9px}.coverage-glyph{font-size:26px}.pricing-footnote{font-size:9px;margin-top:15px}.plan-grid{grid-template-columns:1fr;gap:13px}.plan-card{padding:22px}.plan-card h3{font-size:18px}.getting-started{margin-top:35px;padding:26px 0;grid-template-columns:1fr;gap:23px}.getting-started-heading h2{font-size:21px}.steps{display:flex;flex-direction:column;gap:21px}.steps li{display:flex;gap:17px}.step-number{padding-top:2px}.steps h3{font-size:12px;margin:0 0 5px}.steps p{font-size:10px}.faq-section{margin-top:31px;grid-template-columns:1fr;gap:18px}.faq-section h2{font-size:20px}.faq-list summary{font-size:11px;padding:16px 25px 16px 0}.faq-list details p{font-size:10px}.bottom-cta{margin:33px 0;display:block;padding:25px}.bottom-cta h2{font-size:19px}.bottom-cta .primary-link{margin-top:20px;font-size:11px;gap:35px}.site-footer{padding:23px 20px 28px;flex-wrap:wrap;gap:12px 20px;font-size:8px}.footer-brand{font-size:13px}.site-footer>p{display:none}dialog{padding:20px 23px}}
@media(max-width:720px){.hero{grid-template-columns:minmax(0,1fr)}.model-orbit{width:100%;max-width:300px;min-width:0}}
@media(max-width:380px){.header-inner{padding:0 18px}.header-actions .console-link{display:none}h1{font-size:34px}.hero{padding:25px 22px}.hero-pills{gap:10px;font-size:8px}.hero-description{font-size:11px}.section-topline h2{font-size:18px}.my-subscriptions{font-size:9px}.notice{gap:8px}.notice strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
