
:root{--ink:#192d25;--muted:#5b6b62;--green:#164d3b;--lime:#dcf7a6;--paper:#f5f6f0;--line:#dce2d8;--white:#fff;--amber:#9a621a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green);text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #539277;outline-offset:4px}.skip{position:absolute;top:-80px;left:20px;background:white;padding:10px;z-index:9}.skip:focus{top:10px}.wrap{max-width:1160px;margin:auto;padding:0 32px}header{border-bottom:1px solid var(--line);background:#f5f6f0f5}.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:22px;letter-spacing:-.5px;font-weight:750;white-space:nowrap}.brand img{width:38px;height:38px}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:550}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;border-radius:8px;background:var(--green);color:white;font-size:14px;font-weight:650;border:1px solid var(--green);cursor:pointer;text-decoration:none}.btn:hover{color:white;background:#226248;text-decoration:none}.btn.light{background:transparent;color:var(--ink);border-color:#aebcb0}.btn.small{padding:9px 16px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--green)}.dot{width:7px;height:7px;border-radius:50%;background:#33815d;display:inline-block}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;padding-top:80px;padding-bottom:68px;align-items:center}.hero h1{font-size:58px;line-height:1.22;letter-spacing:-2px;margin:23px 0}.hero h1 em{font-style:normal;color:var(--green)}.lede{font-size:17px;color:var(--muted);max-width:490px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.quiet{font-size:12px;color:var(--muted)}.terminal{background:#152a23;color:#d4e9d9;border:1px solid #29473a;border-radius:16px;box-shadow:0 24px 48px #173c2314;overflow:hidden;min-width:0}.terminal-top{display:flex;align-items:center;justify-content:space-between;padding:16px 23px;border-bottom:1px solid #345044;font-size:11px;letter-spacing:1px;color:#a4b9aa}.terminal pre{padding:24px;margin:0;font:13px/2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;color:#e8f1dc}.code-label{color:#93c5a5}.terminal-bottom{padding:14px 23px;border-top:1px solid #345044;display:flex;justify-content:space-between;color:#b2c7b7;font-size:11px;gap:8px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;font-size:13px;color:var(--muted);flex-wrap:wrap}.strip strong{font-size:15px;color:var(--ink)}section.block{padding:64px 0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}h2{font-size:30px;line-height:1.35;letter-spacing:-.8px;margin:10px 0 14px}h3{font-size:19px;line-height:1.45;margin:15px 0 10px}.section-top p{font-size:14px;color:var(--muted);margin:0;max-width:440px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;min-width:0}.card .num{display:inline-flex;padding:5px 10px;background:#eff4e9;color:var(--green);font:12px/1.5 ui-monospace,monospace;border-radius:5px}.card p{font-size:14px;color:var(--muted);margin:0}.card a{display:inline-block;margin-top:24px;font-size:13px;font-weight:650}.model-band{background:var(--green);color:white;border-radius:16px;padding:34px;display:flex;justify-content:space-between;gap:36px;align-items:center}.model-band p{color:#bcd0c3;font-size:14px;max-width:610px;margin:0}.model-band .btn{background:var(--lime);color:var(--green);white-space:nowrap}.model-band h2{font-size:27px;margin-top:0}.onboard{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;border-top:1px solid var(--line);padding:64px 0}.onboard p{color:var(--muted);font-size:14px}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{counter-increment:step;display:grid;grid-template-columns:36px 1fr;gap:18px;padding:0 0 24px}.steps li:before{content:"0" counter(step);color:var(--green);font:14px/2.1 ui-monospace,monospace;border-top:1px solid #91ac98}.steps h3{margin:0 0 5px;font-size:16px}.steps p{margin:0;font-size:13px}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot a{margin-left:20px}.pagehead{padding:58px 0 34px}.pagehead h1{font-size:42px;line-height:1.3;letter-spacing:-1px;margin:17px 0}.pagehead p{max-width:720px;color:var(--muted)}.docgrid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:56px;padding-bottom:70px}.toc{position:sticky;top:24px;align-self:start;border-top:1px solid var(--line);padding-top:18px;font-size:13px}.toc a{display:block;padding:8px 0;color:var(--muted)}article{min-width:0}article section{scroll-margin-top:24px;margin-bottom:38px}article h2{font-size:25px}article h3{font-size:17px}article p,article li{font-size:14px;color:var(--muted)}article a{text-decoration:underline;color:var(--green)}pre.code{background:#152a23;color:#e7f1df;border-radius:9px;padding:24px;overflow:auto;font:12px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}p code,li code,td code{background:#e8ecdf;padding:2px 5px;border-radius:4px;font-size:12px;overflow-wrap:anywhere}.note{padding:18px 21px;border-left:3px solid #82a967;background:#eaf0e1;border-radius:0 8px 8px 0;font-size:13px;color:var(--green);margin:22px 0}.note.warn{border-color:#c5a157;background:#f7f0df;color:#765d2d}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}td{color:var(--muted)}.tablewrap{overflow-x:auto}.status-main{max-width:850px;padding-bottom:70px}.status-banner{padding:28px;background:#eaf0e1;border:1px solid #cddcc5;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.status-banner[data-state=degraded],.status-banner[data-state=unknown]{background:#f7f0df;border-color:#e0ce9e}.status-banner h2{font-size:23px;margin:0 0 4px}.status-banner p{margin:0;font-size:13px;color:var(--muted)}.status-banner .btn{background:transparent;color:var(--green);white-space:nowrap}.status-rows{background:white;border:1px solid var(--line);border-radius:12px;margin:20px 0;overflow:hidden}.status-row{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line);gap:20px}.status-row:last-child{border:0}.status-row strong{font-size:15px}.status-row small{display:block;color:var(--muted);font-size:12px}.pill{font-size:12px;padding:4px 11px;border:1px solid #cddcc5;background:#eff5e9;color:var(--green);border-radius:20px;white-space:nowrap}.pill.warn{background:#f7f0df;color:#765d2d;border-color:#e0ce9e}.pill.neutral{background:#f3f4ef;border-color:var(--line);color:var(--muted)}.status-meta{font-size:12px;color:var(--muted)}.refresh-live{min-height:24px}.inline-link{font-weight:650;font-size:14px}.error{color:#9a621a}@media(max-width:900px){.hero{gap:32px;padding-top:50px}.hero h1{font-size:45px}.terminal pre{font-size:11px}.cards{gap:12px}.card{padding:22px}.onboard{gap:40px}.docgrid{gap:28px;grid-template-columns:160px minmax(0,1fr)}}@media(max-width:640px){.wrap{padding:0 22px}.nav{min-height:78px;gap:15px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.brand{font-size:20px}.brand img{width:32px;height:32px}.navlinks{gap:17px;font-size:12px;flex-wrap:wrap}.navlinks .btn{padding:7px 12px;font-size:12px}.hero{grid-template-columns:1fr;gap:30px;padding:44px 0}.hero h1{font-size:42px;letter-spacing:-1.5px}.lede{font-size:15px}.terminal pre{font-size:12px;padding:20px}.terminal-top,.terminal-bottom{padding:14px 20px}.strip{gap:14px;font-size:12px}.strip strong{font-size:13px}section.block{padding:40px 0}.section-top{display:block}.section-top p{margin-top:12px}.cards{grid-template-columns:1fr}.card{padding:25px}.card a{margin-top:16px}.model-band{padding:28px;display:block}.model-band .btn{margin-top:24px}.model-band h2{font-size:24px}.onboard{grid-template-columns:1fr;gap:24px;padding:42px 0}h2{font-size:26px}.foot{gap:14px}.foot a{margin:0 18px 0 0}.pagehead{padding:40px 0 25px}.pagehead h1{font-size:34px}.docgrid{grid-template-columns:1fr;gap:22px}.toc{position:static;display:flex;flex-wrap:wrap;gap:6px 20px;padding-top:12px}.toc a{padding:4px 0}.status-banner{padding:22px;display:block}.status-banner .btn{margin-top:16px}.status-row{padding:18px;gap:12px}.status-row strong{font-size:14px}.status-row small{max-width:220px}.pill{font-size:11px}pre.code{padding:18px;font-size:11px}}

/* LunFlux visual system: quiet silver surfaces, blue interaction, high legibility. */
:root{color-scheme:light;--ink:#1d1d1f;--muted:#6e6e73;--accent:#0066cc;--accent-strong:#004f9e;--paper:#f5f5f7;--surface:#fff;--line:#d2d2d7;--dark:#161617;--dark-line:#38383a;--dark-muted:#a1a1a6;--glow:#66a8ff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--ink:#f5f5f7;--muted:#a1a1a6;--accent:#6eb5ff;--accent-strong:#8bc4ff;--paper:#101011;--surface:#1c1c1e;--line:#38383a;--dark:#080809;--dark-line:#3a3a3c;--dark-muted:#b0b0b5;--glow:#77b9ff}}
:root[data-theme="dark"]{color-scheme:dark;--ink:#f5f5f7;--muted:#a1a1a6;--accent:#6eb5ff;--accent-strong:#8bc4ff;--paper:#101011;--surface:#1c1c1e;--line:#38383a;--dark:#080809;--dark-line:#3a3a3c;--dark-muted:#b0b0b5;--glow:#77b9ff}
:root[data-theme="light"]{color-scheme:light}
html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:0}header{background:color-mix(in srgb,var(--paper) 84%,transparent);backdrop-filter:saturate(180%) blur(18px);position:sticky;top:0;z-index:5}.wrap{max-width:1180px}.nav{min-height:72px}.brand{font-size:19px;letter-spacing:-.3px}.brand img{width:30px;height:30px}.brand span{color:var(--muted);font-weight:500}.navlinks{gap:24px}.navlinks a:not(.btn){color:var(--muted)}.navlinks a:not(.btn):hover{color:var(--ink);text-decoration:none}.btn{border-radius:999px;background:var(--ink);border-color:var(--ink);color:var(--paper);padding:12px 20px;transition:transform .2s ease,background-color .2s ease,color .2s ease}.btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.btn.light{color:var(--ink);border-color:var(--line)}.btn.light:hover{color:#fff}.theme-toggle{border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;padding:8px;cursor:pointer}.hero{grid-template-columns:1.05fr .95fr;gap:78px;min-height:590px;padding:92px 0 78px}.eyebrow{font-size:11px;letter-spacing:1.4px;color:var(--accent)}.dot{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}.hero h1{font-size:clamp(48px,6vw,80px);line-height:1.08;letter-spacing:-4px;margin:24px 0}.hero h1 em{color:var(--accent)}.lede{font-size:19px;line-height:1.65;color:var(--muted);max-width:520px}.quiet{color:var(--muted)}.terminal{border:1px solid var(--dark-line);border-radius:20px;background:var(--dark);box-shadow:0 26px 70px color-mix(in srgb,var(--ink) 18%,transparent);transform:translateY(0);animation:hero-in .8s cubic-bezier(.2,.8,.2,1) both}.terminal-top{padding:15px 20px;color:#a1a1a6;border-bottom-color:var(--dark-line)}.terminal pre{padding:25px;color:#f5f5f7;line-height:2;font-size:13px}.code-label{color:var(--glow)}.terminal-bottom{padding:13px 20px;color:#a1a1a6;border-top-color:var(--dark-line)}.strip{border-color:var(--line);color:var(--muted)}.strip strong{color:var(--ink)}section.block{padding:88px 0}.section-top{margin-bottom:34px}h2{font-size:38px;letter-spacing:-1.5px}.section-top p{line-height:1.7}.cards{grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:29px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 14px 32px color-mix(in srgb,var(--ink) 8%,transparent)}.card .num{background:transparent;color:var(--accent);padding:0;border-radius:0}.card p,article p,article li{color:var(--muted);line-height:1.8}.card a,.inline-link{color:var(--accent)}.model-band{background:var(--dark);border-radius:20px;padding:42px}.model-band h2{color:#f5f5f7}.model-band p{color:#a1a1a6;line-height:1.75}.model-band .btn{background:#f5f5f7;color:#161617;border-color:#f5f5f7}.model-band .btn:hover{background:var(--glow);border-color:var(--glow)}.onboard{padding:88px 0;border-color:var(--line)}.steps li:before{color:var(--accent);border-color:var(--line)}footer{border-color:var(--line)}.pagehead{padding:76px 0 42px}.pagehead h1{font-size:clamp(40px,5vw,62px);letter-spacing:-2.5px}.pagehead p{font-size:17px;line-height:1.75}.docgrid{grid-template-columns:210px minmax(0,760px);justify-content:space-between;gap:70px}.toc{border-color:var(--line)}.toc a{color:var(--muted);transition:color .2s ease}.toc a:hover{color:var(--accent);text-decoration:none}.docgrid article h2{font-size:29px}.docgrid article h3{font-size:19px}pre.code{background:var(--dark);border:1px solid var(--dark-line);border-radius:14px}p code,li code,td code{background:color-mix(in srgb,var(--ink) 8%,var(--paper));color:var(--ink)}.note{background:color-mix(in srgb,var(--accent) 8%,var(--paper));border-color:var(--accent);color:var(--ink)}.note.warn{background:#fff6df;color:#6b4d10;border-color:#c9952e}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .note.warn{background:#35280f;color:#f2d78a}}.status-banner,.status-rows,.card{background:var(--surface);border-color:var(--line)}.status-banner{border-radius:16px}.status-banner[data-state=ok]{background:color-mix(in srgb,#34a853 10%,var(--surface));border-color:color-mix(in srgb,#34a853 35%,var(--line))}.status-row{border-color:var(--line)}.pill{background:color-mix(in srgb,#34a853 10%,var(--surface));color:#18733b;border-color:color-mix(in srgb,#34a853 32%,var(--line))}.pill.warn{background:#fff6df;color:#6b4d10;border-color:#c9952e}.pill.neutral{background:color-mix(in srgb,var(--ink) 5%,var(--surface));color:var(--muted);border-color:var(--line)}
@keyframes hero-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.nav{min-height:68px}.navlinks{gap:13px}.hero{min-height:0;padding:62px 0 55px;gap:38px}.hero h1{font-size:47px;letter-spacing:-2.5px}.lede{font-size:17px}.terminal pre{font-size:11px}.cards{gap:12px}section.block{padding:62px 0}.model-band{padding:30px}.pagehead{padding:54px 0 30px}.pagehead h1{font-size:42px}.docgrid{gap:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card:hover,.btn:hover{transform:none}}
/* Responsive rules follow all base styles so they cannot be overridden. */
:root{--success:#18733b;--warning-bg:#fff6df;--warning-ink:#6b4d10;--warning-line:#c9952e}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--success:#8ad4a1;--warning-bg:#35280f;--warning-ink:#f2d78a;--warning-line:#8c6d27}}
:root[data-theme="dark"]{--success:#8ad4a1;--warning-bg:#35280f;--warning-ink:#f2d78a;--warning-line:#8c6d27}
h1,h2,h3{text-wrap:balance}.hero h1 em{color:inherit}.eyebrow{text-transform:none;letter-spacing:0;font-size:13px}.quiet{font-size:14px;line-height:1.7}
.navlinks{gap:18px}.navlinks>a{min-height:44px;display:inline-flex;align-items:center}
/* New API ghost icon buttons and compact, end-aligned dropdown menus. */
.nav-controls{display:flex;align-items:center;gap:4px}.icon-menu{position:relative;flex:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;padding:0}.icon-button:hover,.icon-button[aria-expanded="true"]{background:color-mix(in srgb,var(--ink) 7%,var(--paper))}.icon-button svg{width:20px;height:20px;pointer-events:none}.icon-popover{position:absolute;inset-inline-end:0;top:calc(100% + 4px);min-width:128px;padding:4px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 4px 10px #00000018;z-index:10;animation:menu-in .1s ease-out;transform-origin:top right}.icon-popover[hidden],.icon-button svg[hidden]{display:none}.menu-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:14px;line-height:20px;text-align:start;cursor:pointer}.menu-item:hover,.menu-item:focus-visible{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--ink)}.menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu-check{width:14px;height:14px;margin-inline-start:auto;visibility:hidden;flex:none}.menu-item[aria-checked="true"] .menu-check{visibility:visible}
@keyframes menu-in{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(pointer:coarse),(max-width:760px){.icon-button{width:44px;height:44px}.menu-item{min-height:44px}}
@media(max-width:760px){.icon-popover{inset-inline-end:auto;inset-inline-start:0;transform-origin:top left}}
a,button,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip:focus{z-index:10;color:#1d1d1f}.btn:hover{color:var(--paper)}.btn.light:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.terminal .theme-toggle{color:#a1a1a6;font-size:13px;min-height:44px}.terminal .theme-toggle:hover{color:#fff}.terminal-top{padding:8px 20px}.terminal-bottom{flex-wrap:wrap;letter-spacing:0}
.card{transition:transform .2s ease}.card:hover{box-shadow:none;border-color:var(--line)}.btn{transition:transform .2s ease}.steps p{font-size:14px}.toc{top:96px}article section{scroll-margin-top:110px}.status-banner .btn{color:var(--accent);border-color:var(--line)}.status-banner .btn:hover{color:var(--paper);background:var(--ink)}
.pill{color:var(--success)}.pill.warn,.note.warn,.status-banner[data-state="degraded"],.status-banner[data-state="unknown"]{background:var(--warning-bg);color:var(--warning-ink);border-color:var(--warning-line)}.status-banner[data-state="unknown"] p,.status-banner[data-state="degraded"] p{color:var(--warning-ink)}
.wrap{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}main{overflow-wrap:break-word}.hero>div,.navlinks,.onboard>div{min-width:0}.status-meta{font-variant-numeric:tabular-nums}button:disabled{cursor:wait;opacity:.65}
html[lang="en"] .hero h1{font-size:clamp(44px,5vw,68px);letter-spacing:-2px}
@media(max-width:1000px){.hero{gap:34px}.navlinks{gap:10px}.docgrid{grid-template-columns:180px minmax(0,1fr);gap:35px}.onboard{gap:40px}}
@media(max-width:760px){.nav{flex-wrap:wrap;gap:10px;padding-top:14px;padding-bottom:14px}.navlinks{width:100%;flex-wrap:wrap;gap:6px 16px}.hero{grid-template-columns:1fr;min-height:0;padding:48px 0;gap:34px}.hero h1{font-size:clamp(36px,10vw,58px);letter-spacing:-2px}.lede{font-size:17px}.terminal pre{font-size:12px;padding:20px;overflow-x:auto}.cards{grid-template-columns:1fr}.onboard{grid-template-columns:1fr;gap:25px;padding:52px 0}.docgrid{grid-template-columns:minmax(0,1fr);gap:24px}.toc{position:static;display:flex;flex-wrap:wrap;gap:5px 18px}.toc a{padding:7px 0}.pagehead{padding-top:40px}.pagehead h1{font-size:40px}.model-band{display:block;padding:28px}.model-band .btn{margin-top:24px}.section-top{display:block}.section-top p{margin-top:16px}.status-banner{display:block;padding:22px}.status-banner .btn{margin-top:16px}article section{scroll-margin-top:180px}section.block{padding:56px 0}.status-row{align-items:flex-start}.status-row>div{min-width:0}.pill{white-space:normal;flex-shrink:0;max-width:110px;text-align:center}}
@media(prefers-reduced-motion:reduce){.card:hover,.btn:hover{transform:none}}
