/* UNION NEURAL 06 / Supernova
   A full-viewport photographic scene with separate, compositor-friendly motion.
   The same scene persists across navigation and behind every product surface. */
:root {
 --nova-art-opacity:.5;--nova-veil-left:rgba(246,248,246,.88);--nova-veil-right:rgba(246,248,246,.6);
 --nova-veil-bottom:rgba(246,248,246,.83);--nova-title:rgba(250,252,249,.82);
 --nova-panel:rgba(255,255,255,.93);--nova-raised:rgba(237,242,238,.94);
 --nova-line:rgba(84,109,92,.22);--nova-header:rgba(246,248,246,.87);
 --nova-star:#55725f;--nova-bloom:#98baa0;--nova-wave:rgba(77,113,87,.3);
 --nova-x:71%;--nova-y:43%;--nova-motion:running;
}
:root[data-theme=dark] {
 --bg:#080d0b;--panel:#101813;--raised:#1a241d;--line:#344039;--line-soft:#25312a;
 --text:#f0f3f1;--muted:#c0cbc4;--subtle:#a4b4a9;--sage:#b9d0bd;--sage-light:#273a2c;
 --u-metal:linear-gradient(135deg,#22352a,#131e17);--u-header:rgba(8,14,10,.87);
 --nova-art-opacity:.94;--nova-veil-left:rgba(5,11,7,.76);--nova-veil-right:rgba(5,11,7,.21);
 --nova-veil-bottom:rgba(5,11,7,.67);--nova-title:rgba(6,14,9,.76);
 --nova-panel:rgba(12,22,16,.91);--nova-raised:rgba(21,35,25,.94);
 --nova-line:rgba(161,191,171,.25);--nova-header:rgba(8,14,10,.87);
 --nova-star:#e0eee3;--nova-bloom:#d5eedc;--nova-wave:rgba(204,230,211,.32);
}
html {background:var(--bg)}
body {background:transparent}
:root[data-scene] .u-atmosphere,.u-atmosphere.u-supernova {
 position:fixed;inset:0;width:100%;height:100vh;height:100lvh;z-index:0;overflow:hidden;
 opacity:1;pointer-events:none;contain:strict;isolation:isolate;transition:none;
 background:#080d0b;
}
:root:not([data-theme=dark]) .u-atmosphere.u-supernova {background:#eff4ef}
.u-supernova-fallback {position:absolute;inset:0;background:radial-gradient(ellipse at 71% 43%,#bfd6c3 0%,#6a8a73 12%,#243e2b 38%,#080d0b 72%);opacity:.6}
.u-supernova-nebula {
 position:absolute;inset:-5%;display:block;transform-origin:var(--nova-x) var(--nova-y);
 opacity:var(--nova-art-opacity);animation:nova-nebula-drift 34s ease-in-out infinite;
 will-change:transform;
}
.u-supernova-nebula img {width:100%;height:100%;display:block;object-fit:cover;object-position:67% 43%;user-select:none}
.u-supernova-bloom {
 position:absolute;left:var(--nova-x);top:var(--nova-y);width:42vw;height:42vw;
 min-width:330px;min-height:330px;max-width:900px;max-height:900px;border-radius:50%;
 transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--nova-bloom) 37%,transparent),transparent 61%);
 mix-blend-mode:screen;opacity:.46;animation:nova-core-breathe 12s ease-in-out infinite;
}
.u-supernova-waves {position:absolute;inset:0;perspective:1000px}
.u-supernova-waves>span {
 position:absolute;left:var(--nova-x);top:var(--nova-y);width:clamp(250px,45vw,900px);aspect-ratio:1;
 border:1px solid var(--nova-wave);border-radius:50%;opacity:0;
 box-shadow:inset 0 0 32px #b5d6bd07,0 0 32px #b5d6bd07;
 background:radial-gradient(ellipse,transparent 59%,#b5d6bd05 70%,transparent 72%);
 animation:nova-shockwave 21s cubic-bezier(.16,.5,.45,1) infinite;
}
.u-supernova-waves>span:nth-child(2) {animation-delay:-7s}
.u-supernova-waves>span:nth-child(3) {animation-delay:-14s}
.u-supernova-starlight {
 position:absolute;left:var(--nova-x);top:var(--nova-y);width:72vw;height:1px;
 background:linear-gradient(90deg,transparent,#d6eddd18 15%,#e7f9eb7a 48%,#effff4bd 50%,#d6eddd18 85%,transparent);
 transform:translate(-50%,-50%) rotate(-13deg);opacity:.33;animation:nova-flare-breathe 14s ease-in-out infinite;
}
.u-supernova-dust {position:absolute;inset:-8%;animation:nova-dust-drift 38s ease-in-out infinite}
.u-supernova-dust i {
 position:absolute;left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);
 border-radius:50%;background:var(--nova-star);opacity:var(--star-alpha);
}
.u-supernova-dust i:nth-child(9n) {box-shadow:0 0 9px #d8f0df80}
.u-supernova-dust i:nth-child(9n):after {content:'';position:absolute;width:7px;height:1px;left:-2.5px;top:.7px;background:var(--nova-star);opacity:.42}
.u-supernova-veil {position:absolute;inset:0;background:linear-gradient(90deg,var(--nova-veil-left),transparent 79%),linear-gradient(0deg,var(--nova-veil-bottom),transparent 65%),linear-gradient(var(--nova-veil-right),var(--nova-veil-right))}
:root[data-motion=paused] {--nova-motion:paused;--u-motion-state:paused}
.u-supernova-nebula,.u-supernova-bloom,.u-supernova-waves>span,.u-supernova-starlight,.u-supernova-dust {animation-play-state:var(--nova-motion)}
.s-artwork svg {animation:u-float 12s ease-in-out infinite;animation-play-state:var(--nova-motion)}
@keyframes nova-nebula-drift {0%,100%{transform:scale(1.02) rotate(-.8deg) translate3d(-.6%,0,0)}50%{transform:scale(1.12) rotate(.8deg) translate3d(.7%,-1%,0)}}
@keyframes nova-core-breathe {0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.58;transform:translate(-50%,-50%) scale(1.13)}}
@keyframes nova-shockwave {0%{transform:translate(-50%,-50%) rotate(-25deg) rotateX(54deg) scale(.24);opacity:0}18%{opacity:.52}75%{opacity:.17}100%{transform:translate(-50%,-50%) rotate(-19deg) rotateX(54deg) scale(1.9);opacity:0}}
@keyframes nova-flare-breathe {0%,100%{opacity:.15}50%{opacity:.48}}
@keyframes nova-dust-drift {0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-1.6%,-2.2%,0) scale(1.05)}}
@keyframes u-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
/* A stable dark/light veil sits immediately behind copy, not over the artwork. */
.d-header,.app-header {background:var(--nova-header);border-bottom-color:var(--nova-line)}
.d-preview {background:var(--nova-panel);border-bottom-color:var(--nova-line)}
.live-catalog-date {background:var(--nova-header);border-bottom-color:var(--nova-line)}
.d-header .nav.open {background:var(--nova-header);backdrop-filter:blur(20px)}
.d-footer {background:var(--nova-header);border-color:var(--nova-line)}
/* The home copy occupies the quiet part of the frame; the stellar core stays visible. */
.d-intro {text-align:left;max-width:1180px;width:calc(100% - 72px);padding:88px 0 68px;margin-inline:auto;position:relative}
.d-intro:before {content:'';position:absolute;inset:36px 40% 26px -40px;background:radial-gradient(ellipse,var(--nova-title) 0%,transparent 72%);z-index:-1;pointer-events:none}
.d-intro h1 {margin:24px 0;max-width:660px;font-size:clamp(48px,5.3vw,76px);line-height:1.07;letter-spacing:-.06em;text-wrap:balance;text-shadow:0 2px 28px #00000010}
.d-intro>p {margin:0;max-width:520px;font-size:17px;color:var(--muted)}
.d-main-search {margin:32px 0 17px;max-width:570px;background:var(--nova-panel);border-color:var(--nova-line);box-shadow:0 12px 40px #0002}
.d-search-links {justify-content:flex-start;gap:20px}
.d-family-line {justify-content:flex-start;gap:10px;margin-top:29px}
.d-family-line a {background:var(--nova-panel);border-color:var(--nova-line);box-shadow:0 4px 18px #00000012}
.d-kicker {color:var(--sage)}
.u-status-dot {display:inline-block;width:6px;height:6px;background:var(--sage);border-radius:50%;margin-right:9px;vertical-align:2px}
.d-home-catalog>.d-section-head,.d-usecases>.d-section-head,.d-integration>div:first-child {position:relative}
.d-section-head h2,.d-home-lower h2 {text-shadow:0 2px 16px #00000020}
.d-model-tile {background:var(--nova-panel);border-color:var(--nova-line);box-shadow:inset 0 1px #d4ebdb0a,0 10px 30px #00000012}
.d-model-tile:hover {background:var(--nova-raised);border-color:var(--sage)}
.d-workflow {border-color:var(--nova-line);border-radius:10px;padding-inline:12px;margin-inline:-12px;transition:background 180ms ease}
.d-workflow:hover {background:var(--nova-panel)}
.d-build-panel {background:var(--nova-panel);border-color:var(--nova-line);box-shadow:0 20px 55px #0002}
.d-integration {padding-bottom:65px}
/* Large route headings leave the supernova visible on every page. */
.s-page-hero,.s-docs-hero,.s-chat-heading,.d-detail-heading,.d-page-heading,.workspace-title {position:relative;isolation:isolate}
.s-page-hero:before,.s-docs-hero:before,.s-chat-heading:before,.d-detail-heading:before,.d-page-heading:before,.workspace-title:before {content:'';position:absolute;inset:-17px -20px;z-index:-1;pointer-events:none;border-radius:18px;background:linear-gradient(90deg,var(--nova-title),transparent 96%)}
.s-page-hero h1,.s-catalog .s-page-hero h1,.s-feature-intro .s-page-hero h1 {font-weight:630;text-wrap:balance}
.s-page-hero>div>p,.s-docs-hero>p {color:var(--muted)}
.s-catalog,.s-catalog .d-catalog-content,.app-shell,.app-main,.app-content,.s-docs-shell {background:transparent}
.s-catalog .d-filter-sidebar {background:var(--nova-panel);border-color:var(--nova-line);border-bottom:1px solid var(--nova-line);border-radius:0 0 14px 0}
.s-catalog .s-page-hero {padding-block:14px 39px}
.s-catalog .d-model-list {border-color:var(--nova-line);box-shadow:0 15px 45px #00000012}
.s-model-row {background:var(--nova-panel);border-color:var(--nova-line)}
.s-model-row:hover {background:var(--nova-raised)}
.s-collection-strip,.s-catalog-toolbar .d-search,.s-catalog-toolbar>select,.s-catalog-toolbar>.btn {background:var(--nova-panel);border-color:var(--nova-line)}
.s-catalog .d-results-meta,.s-source-note,.d-catalog-foot {color:var(--muted)}
.s-source-note {padding:14px 16px;background:var(--nova-panel);border:1px solid var(--nova-line);border-radius:9px}
.s-source-note>p {color:var(--muted)}
.s-observatory-stats,.s-rankings-frame,.s-calculator-form,.s-rate-table,.s-feature-directory,.s-route-ribbon,.panel,.d-detail-stats,.d-comparison-table,.d-provider-directory article {background:var(--nova-panel);border-color:var(--nova-line);box-shadow:0 14px 40px #00000013}
.s-observatory-mark>span {font-size:10px;color:var(--muted);letter-spacing:.11em;line-height:1.8}
.s-rankings-frame .d-ranking-row:hover {background:var(--nova-raised)}
.s-ranking-explained>div {background:var(--nova-panel);border:1px solid var(--nova-line);border-radius:12px;padding:26px 22px}
.s-ranking-explained {gap:20px}
.s-ranking-explained h3 {margin-top:20px}
.s-rate-table th,.s-table-caption {background:var(--nova-raised)}
.s-rate-table tr:hover {background:var(--nova-raised)}
.s-rate-search,.s-pricing-faq>div:last-child {background:var(--nova-panel);border-color:var(--nova-line)}
.s-pricing-faq>div:last-child {border:1px solid var(--nova-line);padding:23px;border-radius:12px}
.s-pricing-faq details:last-child {border-bottom:0}
.s-feature-intro {padding-top:61px}
.s-feature-intro .s-page-hero {min-height:330px}
.s-feature-intro .s-hero-aside {position:relative;background:transparent;border:0;border-radius:0;box-shadow:none}
.s-feature-intro-footer {color:var(--muted);border-color:var(--nova-line)}
.s-feature-chapters {background:var(--nova-header);border-color:var(--nova-line)}
.s-feature-story,.s-feature-final {position:relative;isolation:isolate}
.s-story-copy:before,.s-feature-final>div:first-child:before {content:'';position:absolute;width:55%;inset:28px auto 28px -30px;background:radial-gradient(ellipse,var(--nova-title),transparent 72%);z-index:-1;pointer-events:none}
.s-story-copy>p,.s-story-copy>ul>li,.s-feature-final>div>p {color:var(--muted)}
.s-feature-sage {background:var(--nova-panel);border-color:var(--nova-line)}
.s-feature-directory .s-mini-window-head,.s-feature-directory-foot {background:var(--nova-raised)}
.s-connection-visual {background:transparent;border:0;border-radius:0;box-shadow:none}
.s-connection-visual>p {padding-bottom:18px}
.s-feature-principles>article {padding:20px;background:var(--nova-panel);border:1px solid var(--nova-line);border-radius:12px}
.s-feature-principles {gap:14px}
.s-route-ribbon {box-shadow:0 18px 50px #00000016}
/* Working surfaces remain fully usable above the scene. */
.sidebar {background:var(--nova-panel);border-color:var(--nova-line)}
.app-header {backdrop-filter:blur(12px)}
.s-connection-notice {background:var(--nova-panel);border:1px solid var(--nova-line);border-radius:10px;padding:12px 15px;margin-bottom:27px;color:var(--muted)}
.s-chat-layout .chat-panel,.s-chat-layout .playground-settings {background:var(--nova-panel);border-color:var(--nova-line);box-shadow:0 20px 60px #0002}
.s-chat-layout .chat-toolbar {background:var(--nova-raised);border-color:var(--nova-line)}
.s-chat-layout .chat-messages,.s-chat-layout .chat-composer {background:transparent}
.s-chat-layout .composer-field {background:var(--nova-raised);border-color:var(--nova-line)}
.s-chat-welcome>p,.s-prompt-grid>button>small {color:var(--muted)}
.s-prompt-grid>button {background:var(--nova-panel);border-color:var(--nova-line)}
.s-prompt-grid>button:hover {background:var(--nova-raised)}
.s-chat-connection {font-size:11px;color:var(--muted)}
.s-chat-layout .message-body {overflow-wrap:anywhere}
.s-docs-shell {border-color:var(--nova-line)}
.s-docs-sidebar {background:var(--nova-panel);border-color:var(--nova-line)}
.s-docs-article {background:var(--nova-panel);border-inline:1px solid var(--nova-line)}
.s-docs-hero:before {background:none}
.s-docs-toc {background:var(--nova-panel);border-radius:0 0 0 14px;padding-top:36px;padding-bottom:30px;margin-top:36px}
.s-docs-toc>span {font-size:11px}
.s-docs-toc>a {font-size:12px;color:var(--muted)}
.s-docs-toc strong {font-size:14px}
.s-docs-toc>div>a {font-size:12px}
.s-docs-callout,.s-docs-start-cards>a {background:var(--nova-raised)}
.s-docs-prose>section {border-color:var(--nova-line)}
.d-standard>.d-page-heading,.policy-content {background:var(--nova-panel);padding:25px;border:1px solid var(--nova-line);border-radius:14px}
.d-detail-stats {margin-top:28px}
.d-detail-layout {background:var(--nova-panel);border:1px solid var(--nova-line);border-radius:14px;padding:28px}
.d-comparison-table th,.d-comparison-table td {border-color:var(--nova-line)}
.d-provider-directory article {border-radius:14px}
.dialog,dialog {background:var(--nova-panel)}
/* Bounded motion and a simpler mobile composition. */
@media(min-width:1600px){.d-intro{padding-top:108px;padding-bottom:82px}.u-supernova-nebula img{object-position:66% 43%}}
@media(max-width:1000px){
 .d-intro{padding-top:68px;padding-bottom:54px}.d-intro h1{font-size:61px;max-width:600px}.d-main-search{max-width:540px}
 .s-feature-intro .s-page-hero{min-height:290px}.s-ranking-explained>div{padding:23px 18px}.s-feature-principles>article{padding:17px}
}
@media(max-width:760px){
 :root{--nova-x:67%;--nova-y:36%}
 .u-supernova-nebula{inset:-3%}.u-supernova-nebula img{object-position:69% 38%}
 .u-supernova-bloom{width:70vw;height:70vw}.u-supernova-dust i:nth-child(n+25){display:none}.u-supernova-waves>span:nth-child(3){display:none}
 .d-intro{width:calc(100% - 44px);padding:58px 0 48px}.d-intro h1{font-size:54px;max-width:500px}.d-intro>p{font-size:16px;max-width:450px}.d-main-search{max-width:100%}
 .d-family-line{gap:10px;max-width:570px}.d-family-line a{font-size:12px}
 .s-ranking-explained>div{padding:22px 17px}.s-feature-intro{padding-top:43px}.s-feature-intro .s-page-hero{min-height:260px}
 .s-feature-intro .s-hero-aside{border-radius:0}.s-chat-connection{font-size:10px}.s-docs-article{border-right:0}
 .s-pricing-faq>div:last-child{padding:20px}.d-detail-layout{padding:23px}
}
@media(max-width:540px){
 :root{--nova-x:68%;--nova-y:31%}
 :root[data-theme=dark]{--nova-veil-left:rgba(5,11,7,.58);--nova-veil-right:rgba(5,11,7,.28);--nova-veil-bottom:rgba(5,11,7,.72)}
 .u-supernova-nebula img{object-position:72% 36%}.u-supernova-nebula{animation-duration:30s}
 .u-supernova-waves>span{width:340px;animation-duration:24s}.u-supernova-waves>span:nth-child(2){animation-delay:-12s}
 .u-supernova-starlight{width:105vw;opacity:.26}.u-supernova-bloom{min-width:260px;min-height:260px;width:82vw;height:82vw}
 .d-header .header-actions>.icon-button{width:36px}.d-header .social-link{width:34px}.d-header .menu-toggle{width:36px}
 .d-intro{width:calc(100% - 36px);padding:48px 0 43px;text-align:left}.d-intro:before{inset:20px -18px 18px -18px;background:linear-gradient(90deg,var(--nova-title),transparent)}
 .d-intro h1{font-size:47px;line-height:1.09;max-width:360px;margin:24px 0 21px}.d-intro>p{font-size:15px;line-height:1.85;max-width:320px;margin:0}
 .d-main-search{margin:28px 0 17px}.d-search-links{justify-content:flex-start;gap:15px;font-size:11px}.d-family-line{margin:27px 0 0;max-width:350px;gap:9px}.d-family-line a{padding:8px 10px;font-size:12px}
 .s-page-hero:before,.s-chat-heading:before,.d-detail-heading:before,.workspace-title:before{inset:-14px -15px;background:linear-gradient(90deg,var(--nova-title),transparent)}
 .s-catalog .d-filter-sidebar{border-radius:0}.s-catalog .s-page-hero{padding-block:8px 28px}.s-catalog .d-catalog-content{padding-top:28px}.s-source-note{padding:13px 12px}
 .s-observatory-mark>span{font-size:10px}.s-ranking-explained{gap:15px}.s-ranking-explained>div{padding:22px 20px;margin:0}.s-ranking-explained .s-chapter{font-size:10px}
 .s-pricing-faq>div:last-child{padding:20px 17px}.s-pricing-faq details{padding-block:19px}.s-rate-section .table-wrap{border-radius:10px}
 .s-feature-intro{padding-top:36px}.s-feature-intro .s-page-hero{min-height:0;gap:28px}.s-feature-intro .s-hero-aside{width:100%;max-width:360px;border-radius:0}.s-feature-intro-footer{padding-top:23px}
 .s-story-copy:before,.s-feature-final>div:first-child:before{width:100%;inset:20px -18px;background:radial-gradient(ellipse,var(--nova-title),transparent 78%)}
 .s-feature-story{padding-block:40px}.s-feature-principles>article{padding:18px 16px}.s-feature-principles{gap:12px}.s-connection-visual{padding-inline:10px}.s-connection-visual>p{padding-bottom:20px}
 .s-connection-notice{padding:12px;margin-bottom:24px;gap:8px}.s-connection-notice>span{min-width:0;flex:1}.s-connection-notice>button{margin-left:23px}.s-chat-heading{gap:17px}
 .s-chat-layout .chat-toolbar{align-items:center}.s-chat-layout .chat-toolbar #chat-model-name{max-width:180px}.s-chat-connection{font-size:10px;line-height:1.7;margin-left:0;width:100%;padding:0 0 0 41px}
 .s-docs-sidebar{border-radius:0}.s-docs-article{border-inline:0;background:var(--nova-panel)}.s-docs-hero:before{background:none}
 .d-detail-layout{padding:20px 18px}.policy-content{padding:24px 20px}.d-standard>.d-page-heading{padding:23px 19px}
 .d-integration{padding-bottom:43px}
}
@media(max-width:360px){.d-intro h1{font-size:42px}.d-header .brand{font-size:16px}.s-chat-layout .chat-toolbar #chat-model-name{max-width:165px}}
@media(prefers-reduced-motion:reduce){
 .u-supernova-nebula,.u-supernova-bloom,.u-supernova-waves>span,.u-supernova-starlight,.u-supernova-dust,.s-artwork svg{animation:none!important;will-change:auto}
 .u-supernova-waves{display:none}.u-supernova-nebula{transform:none}.u-supernova-bloom{opacity:.35}
}
/* Let the document hero show the scene while keeping the reading column stable. */
.s-docs-article {background:transparent}
.s-docs-hero:before {background:linear-gradient(90deg,var(--nova-title),transparent 95%)}
.s-docs-prose {padding:5px 26px 0;background:var(--nova-panel);border:1px solid var(--nova-line);border-radius:12px}
.s-docs-prose>section:first-child {border-top:0}
.s-docs-page-tools {background:var(--nova-panel);border:1px solid var(--nova-line);padding:15px 18px;border-radius:9px}
.s-docs-next {background:var(--nova-panel);border-color:var(--nova-line)}
@media(max-width:540px){
 .d-header .header-actions>.icon-button,.d-header .social-link,.d-header .menu-toggle{width:40px;min-height:40px}
 .s-docs-prose{padding-inline:19px;margin-inline:-2px}
 .s-docs-article{background:transparent}
 .s-docs-hero:before{background:linear-gradient(90deg,var(--nova-title),transparent 96%)}
 .s-docs-page-tools{padding:14px}
}
.app-content>.live-empty {background:var(--nova-panel);border:1px solid var(--nova-line);border-radius:14px;padding:48px 28px;min-height:420px}
.live-empty h1 {font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-.035em;margin-bottom:14px}
@media(max-width:540px){.app-content>.live-empty{padding:38px 20px;min-height:390px}.live-empty h1{font-size:27px}}
/* Pricing: input and output are visually distinct, readable at every width. */
.s-pricing-page .s-price-annotation {display:block;width:340px;max-width:100%;padding:0 0 0 26px;margin:0;border-left:1px solid var(--nova-line)}
.s-price-annotation>.s-overline {font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:17px}
.s-price-annotation>.s-token-flow {display:grid;grid-template-columns:minmax(0,1fr) 29px minmax(0,1fr);gap:7px;align-items:center;margin:0;font:inherit}
.s-token-card {position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px 20px;background:var(--nova-panel);border:1px solid var(--nova-line);border-radius:13px;overflow:hidden;min-width:0}
.s-token-card.s-token-input {border-color:#809c866e}
.s-token-card.s-token-output {border-color:#a7b3b86b}
.s-token-icon {display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#9fbba626;color:var(--sage);margin-bottom:2px}
.s-token-output .s-token-icon {background:#b5c5cc21;color:var(--text)}
.s-token-icon .u-icon {width:23px;height:23px}
.s-token-card>strong {font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.3;color:var(--text)}
.s-token-card>small {font-size:11px;color:var(--muted);line-height:1.6;white-space:nowrap}
.s-token-flow>.s-token-plus {font-size:27px;font-weight:400;line-height:1;text-align:center;color:var(--sage)}
.s-token-trace {position:absolute;bottom:0;left:0;right:0;height:3px;background:#94b39d3d;overflow:hidden}
.s-token-output .s-token-trace {background:#bbcbd03d}
.s-token-trace>i {display:block;width:45%;height:100%;background:linear-gradient(90deg,transparent,#b9dbbc,transparent);animation:token-trace-travel 3.6s ease-in-out infinite;animation-play-state:var(--nova-motion)}
.s-token-output .s-token-trace>i {background:linear-gradient(90deg,transparent,#e2edf1,transparent);animation-delay:-1.8s}
.s-price-annotation>.s-token-multiplier {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:17px;font-size:12px;line-height:1.8;font-weight:400;letter-spacing:0;color:var(--muted)}
.s-token-multiplier>span {font-size:21px;line-height:1;color:var(--sage)}
.s-token-multiplier>strong {font-size:12px;font-weight:550;color:var(--text)}
.s-price-annotation>p {font-size:11px;line-height:1.8;max-width:none;margin-top:10px;color:var(--muted)}
.s-cost-chart-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 11px;color:#e0eee2;font-size:12px}
.s-cost-chart-head>span {font-weight:550}
.s-cost-chart-head>small {font-size:10px;color:#b6c9ba}
.s-cost-proportion {height:12px;gap:4px;margin-top:0;border-radius:5px;background:#0d1710;border:1px solid #53695766;padding:2px}
.s-cost-proportion>span {background:linear-gradient(90deg,#87a98e,#c3dfc5);border-radius:2px;min-width:0}
.s-cost-proportion>i {background:linear-gradient(90deg,#8c9ca3,#d8e1e5);border-radius:2px;min-width:0}
.s-cost-breakdown {gap:17px}
.s-cost-breakdown>div {align-items:flex-start}
.s-cost-breakdown dt {color:#dfebe0;font-size:13px;gap:10px;min-height:23px}
.s-cost-breakdown dt>i {width:9px;height:9px;border-radius:3px;background:#b9dbbd;border:1px solid #cee8d2}
.s-cost-breakdown>div:nth-child(2) dt>i {background:#c4d2d8;border-color:#e4ebee}
.s-cost-breakdown dd {font-size:15px;font-weight:550;color:#eff6ef;text-align:right;line-height:1.4}
.s-cost-breakdown dd>small {display:block;font-size:11px;font-weight:400;color:#b6c9ba;margin-top:4px}
@keyframes token-trace-travel {0%{transform:translateX(-110%)}80%,100%{transform:translateX(335%)}}
@media(max-width:1000px){
 .s-pricing-page>.s-page-hero{flex-direction:column;align-items:stretch;gap:18px}
 .s-pricing-page>.s-page-hero>.s-hero-aside{display:block;width:100%}
 .s-pricing-page .s-price-annotation{width:100%;max-width:530px;padding:0;border:0}
 .s-token-card{padding:18px 20px 21px}
}
@media(max-width:540px){
 .s-pricing-page>.s-page-hero>.s-hero-aside{display:block;margin-top:6px}
 .s-pricing-page .s-price-annotation{width:100%;max-width:none}
 .s-token-card{padding:17px 14px 20px;gap:7px}
 .s-token-card>strong{font-size:20px}.s-token-card>small{font-size:11px}
 .s-cost-chart-head{font-size:12px;gap:9px}.s-cost-chart-head>small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.s-token-trace>i{animation:none!important;transform:none}}
