.visual-story .hero-block{padding-top:clamp(80px,10vw,144px)}@media (min-width: 961px){.visual-story:is([data-section=api],[data-section=product],[data-section=coding],[data-section=model]) .hero-block{padding-top:clamp(72px,6.25vw,96px)}}.visual-story .hero-product-name{color:var(--accent);font:var(--t-ui)}.visual-story .hero.is-split{gap:var(--s-7)}.visual-story .hero.is-split h1{font:var(--t-display-lg, var(--t-display-xl))}.visual-story .hero-note{color:var(--ink-2)}.visual-story .hero-artifact{min-width:0}.scene-plate{margin:0;overflow:hidden;border-radius:var(--r-xl);background:var(--surface)}.scene-plate img{display:block;width:100%;height:auto}.scene-plate figcaption{padding:0 var(--s-5) var(--s-5);color:var(--ink-2);font:var(--t-meta);text-align:left}.visual-story .hero .scene-plate{border-radius:var(--r-2xl)}.visual-story .hero .scene-plate img{padding-block:var(--s-5) var(--s-2)}@media (min-width: 961px){.visual-story .hero.is-split{align-items:start}.visual-story .hero.is-split .scene-plate figcaption{min-height:calc(2lh + var(--s-5))}}.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}.product-visual-link{display:flex;flex-direction:column;min-width:0;text-align:left;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);transition:border-color .16s ease}.product-visual-link .scene-plate{transition:transform .18s ease,box-shadow .18s ease}.product-visual-link:hover{border-color:var(--line-strong)}.product-visual-link:hover .scene-plate{transform:none;box-shadow:none}.visual-story .hero .product-visual-link .scene-plate{border-radius:0;background:transparent}.product-visual-link .scene-plate img{aspect-ratio:640 / 440;object-fit:contain;padding-block:var(--s-3)}.product-caption{display:flex;flex-direction:column;gap:10px;flex:1;order:-1;padding:24px 24px 0}.product-caption h2{font:var(--t-title-sm);color:var(--ink);letter-spacing:-.02em}.product-caption .product-purpose{font:var(--t-title-sm);color:var(--accent)}.product-caption p{font:var(--t-card);color:var(--ink-2);max-width:34ch}.product-caption .link-arrow{margin-top:auto;padding-top:8px;font:400 12px/1.5 var(--font-ui)}.visual-story .hero>.hero-artifact{scroll-margin-top:88px}.visual-story[data-section=home] .hero>.hero-artifact{margin-top:var(--s-7)}.visual-story .visual-feature{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s-8);align-items:center}.visual-feature .feature-copy{display:flex;flex-direction:column;gap:var(--s-5);min-width:0}.feature-detail{display:grid;gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--line)}.feature-detail p{color:var(--ink-2);font:var(--t-card)}.feature-detail strong{color:var(--ink);font-weight:500}.billing-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}.billing-option{padding:var(--s-6);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s-4)}.billing-option h3{font:var(--t-title-sm)}.billing-option p{color:var(--ink-2);font:var(--t-card)}.billing-option .link-arrow{margin-top:auto;padding-top:var(--s-3)}.billing-option{position:relative}.billing-option>.link-arrow:after{content:"";position:absolute;inset:0}.billing-visual{display:flex;gap:var(--s-2);align-items:flex-end;height:104px;padding-bottom:var(--s-4);border-bottom:1px solid var(--line-strong)}.billing-visual i{flex:1;height:var(--bar);background:var(--accent);opacity:.45;border-radius:var(--r-xs) var(--r-xs) 0 0}.billing-visual.is-monthly{align-items:stretch;gap:0;position:relative}.billing-visual.is-monthly:after{content:"";position:absolute;inset:auto 0 16px;height:48px;background:var(--accent);border-radius:var(--r-xs)}.billing-visual.is-monthly i{margin-top:auto;margin-bottom:48px;background:var(--accent-soft);border:1px dashed var(--accent);border-bottom:0;border-radius:var(--r-xs) var(--r-xs) 0 0}.billing-visual.is-monthly i:nth-child(4){background:var(--peach-2);border:1px solid var(--hue-peak);border-bottom:0}.billing-visual.is-monthly i.is-empty{visibility:hidden}.billing-caption{display:flex;justify-content:space-between;color:var(--accent);font:var(--t-meta)}.model-logo-scroll{--logo-size: clamp(44px, 7.5vw, 72px);--logo-gap: clamp(20px, 4.2vw, 40px);overflow-x:clip;overflow-y:visible}.model-logo-track{display:flex;min-width:100%}.model-logo-strip{display:flex;align-items:center;justify-content:space-between;flex:1 0 auto;gap:var(--logo-gap);min-width:max-content;list-style:none;margin:0;padding:16px}.model-logo-strip li{display:flex;flex:1 0 calc(var(--logo-size) * 1.45);justify-content:center}.model-logo-link{position:relative;display:grid;place-items:center;width:calc(var(--logo-size) + 8px);height:calc(var(--logo-size) + 8px)}.model-logo-strip img{width:var(--logo-size);height:var(--logo-size);object-fit:contain}@media (min-width: 721px){.model-logo-scroll{--logo-size: clamp(33px, 5.625vw, 54px);--logo-gap: clamp(15px, 3.15vw, 30px)}}@media (min-width: 961px){.model-logo-scroll{width:75%;margin-inline:auto}}@media (max-width: 960px){.model-logo-scroll{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}}.model-logo-strip.is-drift-copy{display:none}.model-plan-key{margin-top:var(--s-5);color:var(--ink-2);font:var(--t-ui)}.model-plan-key a{text-decoration:underline;text-underline-offset:3px}.model-plan-key a:hover{color:var(--accent)}html[data-theme=dark] .model-logo-strip img[src$="zai-official.svg"]{background:#fff;border-radius:4px}.home-models .model-plan-key{text-align:center}@media (min-width: 961px){.home-models .model-plan-key{width:75%;margin-inline:auto}}.rate-explainer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--s-5);padding:var(--s-7);border-radius:var(--r-xl);background:var(--tint-1)}.token-sheet{background:var(--panel);padding:var(--s-5);border-radius:var(--r-lg);box-shadow:var(--shadow-mock)}.token-sheet h3{font:var(--t-title-sm)}.token-sheet p{color:var(--ink-2);margin-top:var(--s-3)}.token-fragments{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--s-5)}.token-fragments span{padding:4px 7px;background:var(--accent-soft);color:var(--accent);border-radius:var(--r-xs);font:var(--t-code)}.rate-plus{font:var(--t-title-lg);color:var(--accent)}.model-rate-list{display:grid;gap:0;border-top:1px solid var(--line)}.chapter:has(>.model-rate-list)>.panel-note{border-top:0;text-align:center}@media (min-width: 961px){.model-rate-list,.chapter:has(>.model-rate-list)>.panel-note{width:75%;margin-inline:auto}}.model-rate{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) 110px;gap:var(--s-5);align-items:center;padding-block:var(--s-4);border-bottom:1px solid var(--line)}.model-rate-name{display:flex;align-items:center;gap:var(--s-3);font:var(--t-title-sm);letter-spacing:var(--t-title-sm-ls)}.model-rate-name img{width:24px;height:24px;object-fit:contain;flex:none}.model-rate-track{height:20px}.model-rate-fill{display:block;height:100%;width:var(--rate);background:var(--accent);border-radius:var(--r-xs)}.model-rate-value{font:var(--t-title-sm);letter-spacing:var(--t-title-sm-ls);font-variant-numeric:tabular-nums;text-align:right}.model-rate-value small{font:var(--t-meta);color:var(--ink-2);margin-left:3px}.coding-plan-cards .plan{padding:var(--s-5)}.coding-model-section{margin-inline:auto}body[data-section=coding] #setup-title{max-width:100%}.coding-tools{--tile-pad: var(--s-6)}.coding-plan-models{--tile-pad: var(--s-6);margin-bottom:var(--gutter)}.tile.is-auto.coding-plan-model{min-height:0}.coding-plan-model>h3{display:flex;align-items:center;gap:10px}.coding-plan-model>h3 img{width:24px;height:24px;object-fit:contain;flex:none}.coding-tool-tile{justify-content:flex-start;gap:var(--s-3);padding-bottom:0}.coding-tool-tile>p{max-width:46ch}.coding-tool-tile .chip-row{margin-top:var(--s-1);margin-bottom:auto}.coding-tool-tile .chip{gap:7px}.coding-tool-tile .chip img{width:14px;height:14px;object-fit:contain;border-radius:3px}html[data-theme=dark] .coding-tool-tile .chip img{padding:1px;background:#fff}body[data-section=coding] .tiles .coding-tool-tile>.scene-plate.scene-plate{margin:var(--s-5) 0 0;background:transparent;border-radius:0;overflow:visible}.coding-tool-tile .motion-scene{aspect-ratio:auto;height:340px;padding:0;overflow:hidden;align-items:stretch}.coding-tool-tile .api-console,.coding-tool-tile .gui-app{height:100%;border-radius:12px 12px 0 0;border-bottom:0;box-shadow:0 10px 28px #0000000d}.coding-tool-tile .ms-cli .api-console{font-size:clamp(11px,2.1cqw,12px)}.coding-tool-tile .ms-cli .api-console-bar{font-size:.82em}@media (max-width: 800px){.coding-tools{grid-template-columns:minmax(0,1fr)}.coding-tool-tile .motion-scene{height:320px}}body[data-section=coding] #capabilities{margin-inline:auto}body[data-section=coding] #capabilities>.chapter-head{margin-bottom:var(--s-7)}body[data-section=coding] #capabilities-title{max-width:100%}body[data-section=coding] #capabilities>.chapter-head .lede{max-width:52ch}body[data-section=coding] #capabilities>.chapter-head .actions{margin-top:var(--s-3)}body[data-section=coding] #capabilities>.panel-note{text-align:center;padding-top:var(--s-5)}.coding-plan-cards .allowance-visual{flex-shrink:0}.priority-arrow{display:inline-block;position:relative;top:-.12em}@supports (grid-template-rows: subgrid){@media (min-width: 721px){.coding-plan-cards{row-gap:var(--s-4)}.coding-plan-cards .plan{display:grid;grid-row:span 6;grid-template-rows:subgrid}.coding-plan-cards .plan-facts{grid-row:span 3;grid-template-rows:subgrid}.coding-plan-cards .plan-price{align-self:start}.coding-plan-cards .plan .btn{align-self:end}}}@media (min-width: 961px){body[data-section=coding] #capabilities{width:min(100%,max(75%,920px))}}.coding-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}.coding-option{padding:var(--s-5);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;gap:var(--s-4)}.coding-option[data-coding-tier="200"]{border-color:var(--hue-coding)}.coding-option h3{font:var(--t-display);letter-spacing:var(--t-display-ls)}.coding-option h3 small{display:block;color:var(--ink-2);font:var(--t-meta);margin-top:var(--s-2)}.coding-option h4{font:var(--t-title-sm);letter-spacing:var(--t-title-sm-ls)}.coding-option p{color:var(--ink-2);font:var(--t-meta)}.allowance-visual{height:86px;border-radius:var(--r-md);background:var(--tint-1);display:flex;align-items:center;justify-content:center;gap:4px;color:var(--hue-coding)}.coding-option .option-priority{border-top:1px solid var(--line);padding-top:var(--s-4);margin-top:auto;font:var(--t-meta);color:var(--ink-2)}.coding-option[data-coding-tier="200"] .option-priority{color:var(--hue-coding)}.model-access-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);margin-bottom:var(--s-6)}.model-access-strip div{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5);background:var(--tint-1);border-radius:var(--r-lg);font:var(--t-title-sm)}.model-access-strip img{width:40px;height:40px;object-fit:contain}.data-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-7);align-items:start}.data-feature-details .rows.is-plain .row{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}.visual-story #quickstart .code-tabs-row{flex-wrap:wrap;gap:var(--s-2)}.visual-story #quickstart .code-copy{margin-left:auto}@media (prefers-reduced-motion: reduce){.product-visual-link .scene-plate{transition:none}.product-visual-link:hover .scene-plate{transform:none}}@media (max-width: 960px){.visual-story .hero.is-split{grid-template-columns:minmax(0,1fr)}.visual-story .hero.is-split>.hero-artifact{margin-top:var(--s-5)}.visual-story .hero.is-split .hero-copy{max-width:700px}.visual-story .hero .scene-plate img{max-width:700px;margin-inline:auto}.visual-story .visual-feature{gap:var(--s-6);grid-template-columns:minmax(0,1fr)}.coding-options{grid-template-columns:minmax(0,1fr)}.coding-option{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.coding-option h3{grid-column:1;grid-row:1 / 3}.coding-option .allowance-visual{display:none}.model-access-strip div{padding:var(--s-4);font:var(--t-ui)}}@media (max-width: 720px){.product-gallery,.billing-pair{grid-template-columns:minmax(0,1fr)}.data-feature-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}.product-gallery{gap:20px}.product-caption{padding:24px 24px 0}.product-caption p{max-width:none}.product-caption .link-arrow{padding-top:var(--s-2)}.scene-plate figcaption{padding-inline:var(--s-4)}.visual-story .hero .scene-plate{border-radius:var(--r-xl)}.visual-story .hero .scene-plate img{padding-block:var(--s-2)}.billing-option{padding:var(--s-5)}.model-plan-key{align-items:baseline}.rate-explainer{grid-template-columns:minmax(0,1fr);padding:var(--s-5);gap:var(--s-3)}.rate-plus{text-align:center}.model-rate{grid-template-columns:minmax(0,1fr) auto;gap:var(--s-3)}.model-rate-name{font:var(--t-ui)}.model-rate-track{grid-column:1 / -1;grid-row:2;height:18px}.model-rate-value{font:var(--t-ui);letter-spacing:var(--t-ui-ls)}.model-access-strip{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}.model-access-strip img{width:28px;height:28px}.coding-option{padding:var(--s-4);gap:var(--s-4)}.coding-option h3{font-size:36px}}.model-access-strip .model-role{display:grid;gap:6px;min-width:0}.model-role strong{font:var(--t-title-sm)}.model-role>span{font:var(--t-card);color:var(--ink-2);text-wrap:pretty}.model-access-strip>div{align-items:flex-start}.model-access-strip img{flex-shrink:0}.billing-pair .billing-visual{height:164px}.billing-visual.is-capacity-story{display:block;position:relative}.capacity-story-grid{stroke:var(--line);stroke-width:1}.is-capacity-story svg{display:block;width:100%;height:100%;overflow:visible}.capacity-story-base{fill:var(--accent);fill-opacity:.16}.capacity-story-boundary{stroke:var(--accent);stroke-opacity:.65;stroke-dasharray:4 4}.capacity-story-spare{fill:var(--accent);fill-opacity:.08;stroke:var(--accent);stroke-dasharray:4 3}.capacity-story-paid{fill:var(--hue-peak);fill-opacity:.14;stroke:var(--hue-peak)}.capacity-story-demand{stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.is-capacity-story svg :is(path,rect){vector-effect:non-scaling-stroke}.capacity-story-label{position:absolute;font:500 11px/1.2 var(--font-ui);white-space:nowrap}.capacity-story-label.is-spare{left:35%;top:24px;transform:translate(-50%);color:var(--accent)}.capacity-story-label.is-base{left:12px;bottom:23px;color:var(--accent)}.capacity-story-label.is-paid{left:74.25%;top:0;transform:translate(-50%);color:var(--ink)}.billing-visual.is-token-story{display:block;position:relative}.is-token-story svg{display:block;width:100%;height:100%}.token-story-grid{stroke:var(--line);vector-effect:non-scaling-stroke}.token-story-input{fill:var(--accent);fill-opacity:.6}.token-story-output{fill:var(--accent);fill-opacity:.8}.token-story-legend{position:absolute;top:0;left:0;display:flex;gap:18px;color:var(--ink-2);font:500 11px/1.2 var(--font-ui)}.token-story-legend span{display:inline-flex;align-items:center;gap:6px}.token-story-legend span:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--accent);opacity:.6}.token-story-legend span:last-child:before{opacity:.8}@media (max-width: 720px){.model-logo-scroll{overflow:hidden}.model-logo-track{width:max-content;min-width:0;animation:model-logo-drift 19.65s linear infinite}.model-logo-track:hover,.model-logo-track:focus-within{animation-play-state:paused}.model-logo-strip{justify-content:flex-start;flex:0 0 auto;padding-inline:0 var(--logo-gap)}.model-logo-strip li{flex:0 0 auto}.model-logo-strip.is-drift-copy{display:flex}}@keyframes model-logo-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce) and (max-width: 720px){.model-logo-scroll{overflow-x:auto}.model-logo-track{animation:none}.model-logo-strip.is-drift-copy{display:none}}.model-card .chip-row .chip,html[data-theme=dark] .model-card .chip-row .chip{background:var(--surface-strong)}#data-modes .chapter-head.is-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s-7)}@media (max-width: 960px){#data-modes .chapter-head.is-wide{grid-template-columns:minmax(0,1fr)}}#data-modes .data-feature-aside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-6)}#data-modes .data-feature-aside .scene-plate{width:100%}body.visual-story .scene-plate:has(img[src*="/product-scenes/data"]){background:transparent;border-radius:0;overflow:visible;overflow-x:clip;overflow-clip-margin:16px;aspect-ratio:552 / 293}body.visual-story .scene-plate:has(img[src*="/product-scenes/data"]) img{width:115.942%;max-width:none;margin:-13.315% -7.971%;pointer-events:none}.data-scene{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}.data-scene-note{display:none;align-items:center;align-self:center;width:fit-content;max-width:100%;gap:10px;margin:0;padding:10px 12px;border:1px solid #efd3a3;border-radius:8px;background:#fdf3e2;color:#7a5310;font:400 13px/1.5 var(--font-ui)}.data-scene-note-mark{flex:none;width:18px;height:18px;border-radius:50%;background:#d98a1f;color:#fff;font:700 12px/18px var(--font-ui);text-align:center}html[data-theme=dark] .data-scene-note{border-color:#6a5328;background:#3a2f1b;color:#f0cf8e}html[data-theme=dark] .data-scene-note-mark{color:#1a1206}@media (max-width: 600px){body.visual-story .scene-plate:has(img[src*="/product-scenes/data"]){aspect-ratio:552 / 242.5;overflow:hidden;border-radius:0 0 5px 5px}.data-scene-note{display:flex}}@media (max-width: 359px){.data-scene-note{gap:6px;padding-inline:8px;font-size:12px}.data-scene-note-mark{width:16px;height:16px;font-size:11px;line-height:16px}}.api-quickstart-layout{display:grid;gap:var(--s-6)}@media (min-width: 961px){.api-quickstart-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-8)}.api-quickstart-layout>.chapter-artifact{grid-column:1;grid-row:1}.api-quickstart-layout>.fact-grid{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,1fr)}}#models .model-card-rate{margin-top:auto}.home-models>.chapter-head>.link-arrow{margin-top:var(--s-1)}.visual-story[data-section=home] .hero-news{margin:0 0 var(--s-5)}.lede-one{color:var(--hue-model)}.hero-news .link-arrow{max-width:100%;padding:6px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--r-full);background:var(--accent-soft);color:var(--ink);font-weight:400;white-space:nowrap;transition:background-color var(--dur-tint) var(--ease-tint)}.hero-news .link-arrow:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 22%,transparent)}.hero-news-tag{color:var(--accent);font-weight:500}@media (max-width: 560px){.hero-news-more{display:none}}.billing-pair .billing-option>p{min-height:2lh}.billing-pair .billing-option>.link-arrow{padding-top:var(--s-2)}:is(#data,#standard-one)>.visual-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:is(#data,#standard-one) .feature-copy{text-align:left}:is(#data,#standard-one) .feature-copy>.chapter-head{margin-bottom:var(--s-3);align-items:flex-start;text-align:left}:is(#data,#standard-one) .feature-copy>.chapter-head h2{max-width:none}@media (max-width: 960px){:is(#data,#standard-one)>.visual-feature{grid-template-columns:minmax(0,1fr)}}@media (min-width: 961px) and (max-width: 1200px){:is(#data,#standard-one)>.visual-feature{gap:var(--s-6)}}@media (min-width: 961px){#standard-one .s01-hero-mock{order:-1}}@media (max-width: 720px){.billing-pair .billing-option>p{min-height:0}}#setup>.chapter-head.is-wide{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.allowance-visual svg{display:block;max-width:100%;height:auto}.allowance-visual .g-line,.allowance-visual .g-fill,.allowance-visual .g-sector{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.allowance-visual .g-line{fill:none}.allowance-visual .g-fill{fill:var(--hue-coding-soft)}.allowance-visual .g-sector{fill:color-mix(in srgb,currentColor 24%,transparent)}.allowance-visual .g-dot{fill:currentColor;stroke:none}.allowance-visual .g-word{fill:var(--ink-2);font:500 12px/1 var(--font-ui);letter-spacing:0}@media (min-width: 961px){.coding-option>div:not(.allowance-visual)>p{min-height:2lh}.coding-option .option-priority{min-height:calc(2lh + var(--s-4) + 1px)}}@media (max-width: 960px){#setup>.chapter-head.is-wide{grid-template-columns:minmax(0,1fr)}}.visual-story:is([data-section=api],[data-section=product],[data-section=coding],[data-section=model]) .hero.is-split>.hero-copy>.actions>:is(.btn,.link-arrow){font-size:14px}