@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b0a07;--ink:#f1eadc;--muted:#a49d8c;--gold:#e8bd65;--line:#e8bd6528;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","SimSun",Georgia,serif;--sans:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;--mono:"Cascadia Code",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a,button,summary,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,pre:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--bg)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:20px;z-index:99;background:var(--gold);color:var(--bg);padding:10px}.skip-link:focus{top:15px}.shell{width:min(1344px,calc(100% - 112px));margin-inline:auto}em{font-style:normal;color:var(--gold)}.site-header{height:96px;display:flex;align-items:center;gap:40px;padding:0 56px;position:absolute;inset:0 0 auto;z-index:8;border-bottom:1px solid #e8bd6512;background:linear-gradient(#0b0a0788,#0b0a0700)}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font:600 19px var(--mono);letter-spacing:3px}.brand-api{color:var(--gold);font-weight:400}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border:1px solid #e8bd6570;border-radius:12px;color:var(--gold);font:32px/1 var(--serif);background:#e8bd6509;transition:transform .65s}.brand:hover .brand-mark{transform:rotate(90deg)}.site-header nav{display:flex;margin-left:auto;gap:32px;font-size:12px;color:#bcb39f}.site-header nav a:hover{color:var(--gold)}.nav-login{border:1px solid #e8bd6560;padding:11px 23px;color:var(--gold);font-size:12px;display:flex;gap:24px;border-radius:3px;transition:background .25s}.nav-login:hover{background:#e8bd6518}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;background:#080907}.hero-picture{position:absolute;inset:0;z-index:-2;background:url('/stars-home/stars-15531f7f9381.jpg') 65% center/cover no-repeat;animation:cosmic-breath 12s ease-in-out infinite;transform-origin:75% 45%;will-change:transform}.hero-picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0a07eb 0%,#0b0a07a8 33%,#0b0a0700 72%),linear-gradient(0deg,#0b0a07,transparent 35%)}.hero-aura{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 77% 40%,#f7d07823,transparent 42%);animation:aura 6s ease-in-out infinite;pointer-events:none}.starfield{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;contain:strict;mask-image:linear-gradient(transparent,#000 8%,#000 85%,transparent)}.hero-inner{min-height:calc(min(900px,100svh) - 76px);padding-top:130px;padding-bottom:48px;display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-copy{padding:28px 0 40px}.eyebrow{font:10px/1.8 var(--mono);letter-spacing:2.5px;color:var(--gold);display:flex;align-items:center;gap:14px}.eyebrow i{height:1px;width:26px;background:#e8bd6555}.hero h1{font:900 clamp(62px,6.5vw,101px)/1.16 var(--serif);letter-spacing:-4px;margin:26px 0}.title-line{display:block}.title-line:last-child{animation:title-enter .9s .1s both}.title-line:first-child{animation:title-enter .9s both}.hero h1 em{background:linear-gradient(110deg,#e1ac46 15%,#ffecc1 40%,#edc677 50%,#e1ac46 75%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gold-flow 7s linear infinite}.hero-description{color:#b1a58d;font-size:16px;line-height:1.95;margin:25px 0 32px}.hero-actions{display:flex;gap:16px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:15px 29px;min-height:52px;font-size:13px;letter-spacing:1px;border:1px solid transparent;border-radius:3px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.button-gold{background:var(--gold);color:#211a0c;font-weight:700}.button-gold:after{content:"";position:absolute;inset:-50% auto -50% -60%;width:40%;background:#fff7d366;transform:skewX(-20deg);transition:left .7s;pointer-events:none}.button-gold:hover:after{left:140%}.button-ghost{border-color:#e8bd6550;color:var(--gold);background:#0b0a0740}.button-ghost:hover{border-color:var(--gold);background:#e8bd650d}.endpoint{display:flex;align-items:center;max-width:374px;padding-top:23px;margin-top:29px;border-top:1px solid var(--line);gap:18px}.endpoint>div{display:flex;flex-direction:column;gap:6px}.micro-label{font:9px/1.8 var(--mono);letter-spacing:1.5px;color:#a29985}.endpoint code{font:12px var(--mono);color:#dacdb5;overflow-wrap:anywhere}.copy-button{border:0;background:none;padding:8px 4px;color:#d7b876;font-size:11px;white-space:nowrap;margin-left:auto}.copy-button:hover{color:#ffdda0}.hero-access{font-size:11px;color:#938775;margin-top:13px}.hero-access a{color:#ccb075;margin-left:7px}
.live-console{background:#0d0d09e6;border:1px solid #c3984545;border-radius:9px;max-width:440px;width:100%;justify-self:end;align-self:end;margin-bottom:64px;box-shadow:0 24px 80px #0009;backdrop-filter:blur(14px);animation:console-enter 1s .25s both;transform:translateY(0)}.console-head{display:flex;align-items:center;gap:14px;padding:14px 19px;border-bottom:1px solid var(--line);color:#ada086;font:9px var(--mono);letter-spacing:1px}.console-head>:last-child{margin-left:auto}.console-lights{display:flex;gap:6px}.console-lights i{width:6px;height:6px;background:#b68d43;border-radius:50%}.console-lights i:nth-child(2){background:#8c864c}.console-lights i:nth-child(3){background:#526449}.console-body{padding:21px 22px 17px}.console-command{font:11px var(--mono);color:#9f9580;margin-bottom:18px}.console-command>span{color:var(--gold);padding-right:8px}.console-models{min-height:112px}.console-model-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font:12px/1.5 var(--mono);color:#e6d9bb}.console-model-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-model-row small{font:9px var(--sans);color:#adba8e;background:#68744320;padding:3px 6px;white-space:nowrap}.console-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding-top:13px;font-size:10px;color:#a99f89}.console-foot strong{font:20px var(--mono);color:var(--gold);margin-right:5px}.console-foot a{color:var(--gold)}.console-status{border-top:1px solid var(--line);padding:10px 21px;font:9px var(--mono);color:#978e7b}.sync-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#7c776d}.sync-dot[data-state="fresh"]{background:#9fbb84;box-shadow:0 0 8px #9fbb8460}.sync-dot[data-state="stale"],.sync-dot[data-state="error"]{background:#dfaa62}.hero-bottom{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);position:relative;z-index:2;color:#958a74;font:9px var(--mono);letter-spacing:1px}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-cue i{width:1px;height:24px;background:linear-gradient(transparent,var(--gold));animation:scroll-pulse 2s ease-in-out infinite}.motion-toggle{font:10px var(--sans);color:#c9ad73;padding:7px 12px;border:1px solid #e8bd6530;border-radius:30px;display:flex;gap:8px;background:#0b0a0760}.motion-toggle:hover{border-color:var(--gold)}
.marquee{overflow:hidden;padding:23px 0;border-block:1px solid var(--line);background:#e8bd6503;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 45s linear infinite;font:13px var(--mono);color:var(--gold);letter-spacing:2px}.marquee-set{display:flex;align-items:center;gap:48px;padding-right:48px}.marquee-set span{white-space:nowrap}.marquee-set i,.marquee-track>span i{color:#83765c;font-style:normal;margin-left:30px}.marquee:hover .marquee-track{animation-play-state:paused}
.section{padding-block:104px}.section h2{font:700 clamp(32px,3.4vw,51px)/1.45 var(--serif);letter-spacing:-1px;margin:23px 0 20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:43px}.section-description{font-size:13px;line-height:1.9;color:var(--muted)}.arrow-link{display:flex;gap:24px;color:var(--gold);font-size:12px;white-space:nowrap;padding-bottom:7px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:18px 0}.catalog-summary{display:flex;gap:26px;font-size:11px;color:#aaa18e}.catalog-summary strong{font:24px var(--mono);color:var(--ink);margin-right:6px}.sync-summary{display:flex;align-items:center;gap:10px;min-width:0;font-size:10px;color:var(--muted)}#catalog-status{max-width:410px}#refresh-models{border:1px solid var(--line);background:transparent;color:var(--gold);padding:7px 12px;white-space:nowrap}.catalog-filters{display:flex;align-items:center;gap:12px;padding:24px 0}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:390px;background:#15140f;border:1px solid var(--line);padding:8px 13px;border-radius:4px}.search-box>span:first-child{color:var(--gold);font-size:22px}.search-box input{width:100%;min-width:0;color:var(--ink);border:0;background:transparent;font-size:12px;outline-offset:2px}.search-box input::placeholder{color:#8b8575}.catalog-filters select{max-width:210px;min-height:44px;padding:10px 30px 10px 12px;border:1px solid var(--line);border-radius:4px;color:#c8bea6;background:#15140f;font-size:11px}#filter-result{margin-left:auto;font-size:10px;color:#968d79;white-space:nowrap}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.model-card{background:linear-gradient(135deg,#211c1110,#e8bd6506);border:1px solid var(--line);border-radius:6px;padding:24px 23px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.model-card:hover{transform:translateY(-4px);border-color:#e8bd6577}.model-card-top{display:flex;align-items:center;gap:8px;justify-content:space-between;color:#a6987a;font:9px var(--mono);letter-spacing:1px}.model-card-top .model-badge{font:9px var(--sans);letter-spacing:0;color:#b4c395;background:#8a995417;padding:3px 7px}.model-card h3{font:500 18px/1.5 var(--mono);margin:19px 0 17px;overflow-wrap:anywhere;color:#f0dfb8}.model-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.model-groups{color:#9d947f;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.model-card .copy-button{flex-shrink:0;border:1px solid #e8bd6525;border-radius:3px;padding:6px 9px;font-size:9px}.catalog-note{color:#8f8776;font-size:10px;line-height:1.9;margin-top:21px}.catalog-empty{grid-column:1/-1;padding:48px 20px;text-align:center;color:#aaa08a;font-size:13px;border:1px dashed var(--line);border-radius:6px}.catalog-empty a{color:var(--gold)}.more-button{display:flex;margin:25px auto 0;font-size:11px;min-height:42px;padding:9px 22px}.models-section{border-bottom:1px solid var(--line)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.value-item{position:relative;padding:36px 40px 43px 0}.value-item+.value-item{border-left:1px solid var(--line);padding-left:40px}.value-number{font:9px var(--mono);letter-spacing:2px;color:var(--gold)}.value-item h3{font:600 28px/1.55 var(--serif);margin:27px 0 20px}.value-item p{max-width:290px;font-size:12px;color:var(--muted);line-height:1.9}.value-icon{position:absolute;top:22px;right:30px;font:45px var(--serif);color:#b8934966}.connect-section{background:radial-gradient(ellipse at 15% 50%,#e8bd6508,transparent 70%),#100f0b;border-block:1px solid var(--line)}.connect-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:90px;align-items:center}.steps{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:24px}.steps li{display:flex;gap:22px}.steps li>span{font:11px var(--mono);color:var(--gold);padding-top:3px}.steps h3{font-size:14px;font-weight:500;margin-bottom:6px}.steps p{font-size:11px;color:var(--muted)}.connect-panel{border:1px solid #b3914b55;border-radius:9px;background:#0d0d09;box-shadow:0 20px 80px #0004;min-width:0}.connect-body{padding:30px 26px}.connect-endpoint{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#080806;padding:11px 14px;margin:14px 0 29px}.connect-endpoint code{font:12px var(--mono);color:#dfcfaf;overflow-wrap:anywhere;min-width:0}.snippet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/2 var(--mono);color:#d6c49d;margin:16px 0}.code-hint{font-size:10px;color:#928976;line-height:1.8}.domain-links{display:flex;flex-wrap:wrap;gap:10px 23px;border-top:1px solid var(--line);margin-top:25px;padding-top:19px;font:11px var(--mono)}.domain-links>span{width:100%;font:10px var(--sans);color:#928976}.domain-links>a{color:var(--gold)}.panel-footer{border-top:1px solid var(--line);padding:14px 25px;font-size:9px;color:#9d927c}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq-list{border-top:1px solid var(--line);margin-top:14px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:23px 0;font-size:13px;cursor:pointer;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;color:var(--gold);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:var(--muted);line-height:1.9;padding:0 25px 23px 0}.closing{text-align:center;padding-top:30px;position:relative}.closing-star{display:block;color:var(--gold);font:62px var(--serif);animation:star-breathe 6s ease-in-out infinite;text-shadow:0 0 35px #e8bd6555}.closing .eyebrow{justify-content:center;margin-top:21px;font-size:9px}.closing h2{font-size:clamp(35px,4.5vw,65px);margin:28px 0 36px}.closing:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,#e8bd650a,transparent 65%)}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:30px}.footer .brand{font-size:14px;letter-spacing:2px}.footer .brand-mark{width:31px;height:31px;font-size:25px;border-radius:8px}.footer>p,.footer>a:last-child{font-size:10px;color:#99907b}.copy-toast{position:fixed;z-index:50;bottom:24px;left:50%;transform:translate(-50%,14px);background:#e8bd65;color:#191309;border:1px solid #fae0a7;padding:12px 24px;font-size:12px;border-radius:4px;box-shadow:0 6px 30px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 36px)}.copy-toast.visible{opacity:1;transform:translate(-50%,0)}.reveal-pending{opacity:0;transform:translateY(24px)}.reveal-ready{transition:opacity .7s,transform .7s;opacity:1;transform:none}.loading-line{font-size:12px;color:#a99a7d;padding:18px 0}
body[data-motion="paused"] *,body[data-motion="paused"] *:before,body[data-motion="paused"] *:after{animation-play-state:paused!important}
@keyframes gold-flow{to{background-position:-250% 0}}@keyframes cosmic-breath{50%{transform:scale(1.025) translateY(-4px)}}@keyframes aura{50%{opacity:.3}}@keyframes title-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes console-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scroll-pulse{50%{opacity:.35;transform:translateY(5px)}}@keyframes star-breathe{50%{transform:scale(1.1);text-shadow:0 0 45px #e8bd6588}}
body{overflow-x:clip}
.hero[data-motion="paused"] .hero-picture,.hero[data-motion="paused"] .hero-aura{animation-play-state:paused}
@media(min-width:1800px){.hero-inner{min-height:890px}.hero h1{font-size:114px}.hero-copy{padding-block:65px}.live-console{margin-bottom:110px}.hero-picture{background-position:center}}
@media(max-width:1150px){.shell{width:calc(100% - 72px)}.site-header{padding-inline:36px;gap:24px}.site-header nav{gap:22px}.hero-inner{gap:30px}.hero h1{font-size:76px}.hero-description{font-size:14px}.live-console{margin-bottom:60px}.section{padding-block:85px}.connect-grid{gap:40px}.model-card{padding:21px 18px}.model-card h3{font-size:15px}.catalog-toolbar{align-items:flex-start}.sync-summary{max-width:52%}.faq-section{gap:50px}}
@media(max-width:800px){.shell{width:calc(100% - 44px)}.site-header{height:78px;padding-inline:22px;gap:12px}.brand{font-size:16px;letter-spacing:1.5px;gap:9px}.brand-mark{width:34px;height:34px;font-size:27px;border-radius:10px}.site-header nav{display:none}.nav-login{margin-left:auto;padding:9px 12px;gap:10px;font-size:10px}.hero{min-height:0}.hero-inner{padding-top:124px;padding-bottom:37px;min-height:0;grid-template-columns:1fr;gap:36px}.hero-copy{padding:0}.hero-picture{background-position:68% 6%;background-size:auto 80%;opacity:.85}.hero-picture:after{background:linear-gradient(90deg,#0b0a07cc, #0b0a0750),linear-gradient(0deg,#0b0a07 8%,#0b0a0710 70%)}.hero h1{font-size:clamp(56px,11vw,78px);letter-spacing:-2px;line-height:1.24;margin-block:24px}.eyebrow{font-size:8px;letter-spacing:1.6px;gap:10px}.hero-description{font-size:13px;line-height:1.9;margin-block:23px 25px}.hero-actions{gap:12px}.button{font-size:12px;padding:13px 21px;gap:18px;min-height:49px}.hero-access{font-size:10px}.endpoint{margin-top:26px;max-width:380px}.endpoint code{font-size:11px}.live-console{margin:0;max-width:none;align-self:auto}.console-models{min-height:102px}.console-body{padding:20px}.console-model-row{font-size:11px}.hero-bottom{height:65px}.hero-motto{display:none}.marquee{padding-block:18px}.marquee-track{font-size:11px;letter-spacing:1px}.marquee-set{gap:30px;padding-right:30px}.section{padding-block:67px}.section h2{font-size:32px;line-height:1.5;margin-top:19px}.section-heading{display:block;margin-bottom:27px}.section-heading .arrow-link{margin-top:21px;justify-content:space-between}.section-description{font-size:12px}.catalog-toolbar{flex-direction:column;gap:14px;padding-block:16px}.catalog-summary{gap:25px}.catalog-summary strong{font-size:23px}.sync-summary{max-width:none;width:100%;gap:8px;font-size:9px}.sync-summary button{margin-left:auto}#catalog-status{max-width:none;flex:1}.catalog-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-block:20px}.search-box{max-width:none;grid-column:1/-1}.catalog-filters select{width:100%;max-width:none;font-size:10px}.catalog-filters>label{min-width:0}#filter-result{grid-column:1/-1;justify-self:end;font-size:9px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.model-card{padding:17px 14px}.model-card h3{font-size:13px;line-height:1.6;margin:16px 0}.model-card-bottom{flex-direction:column;align-items:flex-start;gap:13px}.model-card .copy-button{margin-left:0}.model-card-top{font-size:8px;letter-spacing:.5px}.model-card-top .model-badge{font-size:8px;padding:2px 4px}.catalog-note{font-size:9px;margin-top:18px}.value-grid{grid-template-columns:1fr}.value-item{padding:28px 0 30px!important}.value-item+.value-item{border-left:0;border-top:1px solid var(--line)}.value-item h3{font-size:25px;margin:19px 0 13px}.value-item h3 br{display:none}.value-item p{max-width:none;font-size:12px;padding-right:12px}.value-icon{right:12px;top:23px;font-size:35px}.connect-grid{grid-template-columns:1fr;gap:36px}.connect-body{padding:25px 20px}.connect-endpoint{padding:10px}.connect-endpoint code{font-size:11px}.steps{gap:23px}.steps p{font-size:11px;line-height:1.9}pre{font-size:10px}.code-hint{font-size:9px}.snippet-heading .micro-label{font-size:8px}.domain-links{font-size:10px}.faq-section{grid-template-columns:1fr;gap:17px}.faq-list summary{font-size:12px}.faq-list details p{font-size:11px}.closing{padding-top:10px}.closing h2{font-size:33px}.closing .eyebrow{font-size:8px;letter-spacing:1.4px}.footer{flex-wrap:wrap;gap:20px}.footer>p{order:3;width:100%;font-size:9px}.footer>a:last-child{font-size:9px}}
@media(max-width:370px){.shell{width:calc(100% - 32px)}.site-header{padding-inline:16px}.brand{font-size:14px}.hero h1{font-size:53px}.model-grid{grid-template-columns:1fr}.model-card-bottom{flex-direction:row;align-items:center}.model-card h3{font-size:17px}.hero-actions .button{padding-inline:18px}.hero .eyebrow{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}

/* The same sky spans the page. A darker reading layer appears below the hero. */
:root { --bg: #080b0f; --ink: #f6f0e6; --muted: #b3ada1; --gold: #eccc8c; --line: #eccc8c30; }
body { background: var(--bg); isolation: isolate; }
.cosmos-backdrop { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: #080b0f url('/stars-home/stars-15531f7f9381.jpg') center / cover no-repeat; }
.cosmos-backdrop video { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; filter: saturate(.88); transition: opacity .9s ease; animation: sky-drift 24s ease-in-out infinite alternate; will-change: transform; }
body[data-video-ready="true"] .cosmos-backdrop video { opacity: 1; }
.cosmos-shade { position: absolute; inset: 0; background: linear-gradient(90deg, #06090eed 0%, #070a0e99 34%, #060a0f1f 67%, #06090f3b 100%), linear-gradient(0deg, #080b0fd9, transparent 45%, #06090f40); }
.cosmos-shade::after { content: ''; position: absolute; inset: 0; background: #080b0f; opacity: 0; transition: opacity 1s ease; }
body[data-scene="reading"] .cosmos-shade::after { opacity: .38; }
.shooting-stars { position: absolute; inset: 0; overflow: hidden; opacity: .84; mask-image: linear-gradient(90deg, #0005, #000 45%); transition: opacity .7s; }
body[data-scene="reading"] .shooting-stars { opacity: .62; }
.meteor-streak { position: absolute; width: clamp(110px, 17vw, 290px); height: 2px; border-radius: 100%; background: linear-gradient(90deg, transparent, #dbad6750 25%, #ffe2a0 87%, #fffbed); filter: drop-shadow(0 0 4px #ffde96); transform-origin: right center; animation: meteor-flight 6.7s linear infinite; }
.meteor-streak::after { content: ''; position: absolute; right: -1px; top: -1px; width: 4px; height: 4px; border-radius: 50%; background: #fff7df; box-shadow: 0 0 10px 2px #ffe0a980; }
.meteor-streak:nth-child(1) { left: -15%; top: 4%; animation-delay: -2s; }
.meteor-streak:nth-child(2) { left: 19%; top: -12%; animation-duration: 8.1s; animation-delay: -5s; width: clamp(90px, 13vw, 230px); }
.meteor-streak:nth-child(3) { left: -23%; top: 37%; animation-duration: 7.3s; animation-delay: -4s; }
.meteor-streak:nth-child(4) { left: 31%; top: 24%; animation-duration: 6.1s; animation-delay: -1s; width: clamp(85px, 12vw, 210px); }
.meteor-streak:nth-child(5) { left: -6%; top: 66%; animation-duration: 8.3s; animation-delay: -6s; width: clamp(85px, 10vw, 190px); }
.meteor-streak:nth-child(6) { left: 45%; top: 52%; animation-duration: 7.7s; animation-delay: -3.5s; }
.meteor-streak:nth-child(7) { left: 51%; top: -3%; animation-duration: 9.1s; animation-delay: -7s; width: clamp(70px, 9vw, 170px); }
@keyframes meteor-flight { 0% { opacity: 0; transform: translate3d(-20vw, -12vh, 0) rotate(25deg); } 9% { opacity: .8; } 65% { opacity: .95; } 88%, 100% { opacity: 0; transform: translate3d(72vw, 40vh, 0) rotate(25deg); } }
@keyframes sky-drift { from { transform: scale(1.09) translate3d(-1.8%, -1%, 0); } to { transform: scale(1.15) translate3d(1.8%, 1%, 0); } }
.site-header { height: 92px; padding-inline: max(40px, calc((100% - 1344px) / 2)); background: linear-gradient(#080b0fbb, transparent); border-color: #eee0bf20; }
.site-header nav { color: #e3d8c1; }
.nav-login { background: #080b0f40; border-color: #eccc8c70; backdrop-filter: blur(12px); }
.hero { background: transparent; min-height: min(900px, 100svh); }
.hero-inner { min-height: max(690px, calc(100svh - 86px)); padding-top: 126px; padding-bottom: 38px; grid-template-columns: 1.25fr 1fr; gap: 70px; }
.hero-copy { padding-block: 20px 52px; }
.hero h1 { font-size: clamp(72px, 6.6vw, 104px); line-height: 1.23; letter-spacing: -3px; margin-block: 27px; text-shadow: 0 3px 40px #0004; }
.hero h1 em { background: linear-gradient(105deg, #edc67c 10%, #fff0c6 45%, #dcae60 85%); background-clip: text; -webkit-background-clip: text; }
.title-line:first-child, .title-line:last-child, .live-console { animation: none; }
.hero-description { color: #d3cbbb; font-size: 15px; line-height: 2; }
.hero-access { color: #b9ad99; }
.hero-actions .button { min-height: 55px; border-radius: 5px; }
.button-gold { background: linear-gradient(110deg, #f3d699, #d9b367); box-shadow: 0 6px 26px #d7a75018; }
.button-ghost { background: #080b0f60; border-color: #eccc8c70; backdrop-filter: blur(10px); }
.endpoint { max-width: 394px; border-color: #eccc8c40; }
.endpoint code { color: #eee2c8; }
.live-console { max-width: 365px; margin-bottom: 28px; background: linear-gradient(145deg, #121515cf, #080b0fd9); border-color: #f5db9845; border-radius: 12px; box-shadow: 0 20px 70px #0005, inset 0 1px #fff1; backdrop-filter: blur(20px); }
.console-head { font-size: 8px; letter-spacing: .8px; }
.console-command { color: #c6b99d; }
.console-model-row { font-size: 11px; }
.console-model-row small { color: #c0cba5; }
.console-status { color: #b2a994; font-size: 9px; }
.hero-bottom { height: 86px; color: #c1b498; border-color: #eccc8c2b; }
.hero-motto { font-size: 8px; letter-spacing: 2px; }
.preview-label { font-size: 10px; letter-spacing: 0; color: #b8ab90; }
.marquee { background: #080b0f77; backdrop-filter: blur(8px); }
.section { position: relative; }
.models-section { padding-top: 96px; }
.models-section .section-heading, .catalog-toolbar { text-shadow: 0 2px 12px #000b; }
.section-description { color: #bdb6aa; }
.search-box, .catalog-filters select { background: #101317db; border-color: #eccc8c36; backdrop-filter: blur(14px); }
.model-card { background: linear-gradient(135deg, #15181adc, #0c1015e8); border-color: #eccc8c2e; border-radius: 10px; backdrop-filter: blur(12px); }
.model-card:hover { background: linear-gradient(135deg, #272720e6, #11161be8); border-color: #eccc8c88; box-shadow: 0 14px 30px #0003; }
.model-card h3 { color: #f5e6c7; }
.model-groups { color: #b3ab98; }
.catalog-note { color: #ada591; }
.connect-section { background: #080c12a3; backdrop-filter: blur(12px); }
.connect-panel { background: #0c1118e6; }
.value-grid { background: #080b0f38; }
.faq-list { background: #080b0f33; }
.footer { padding-bottom: 95px; }
.scene-controls { position: fixed; right: 24px; bottom: 22px; z-index: 12; display: flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid #eccc8c4a; border-radius: 40px; background: #0a0e14e6; box-shadow: 0 5px 22px #0004; backdrop-filter: blur(16px); }
.scene-controls select { border: 0; background: transparent; color: #e7d3a8; font-size: 11px; padding: 8px 5px; cursor: pointer; }
.scene-controls option { background: #0a0e14; }
.scene-divider { width: 1px; height: 13px; background: #eccc8c30; }
.scene-live { display: flex; align-items: center; gap: 6px; color: #ccbd9c; font-size: 10px; padding-left: 5px; white-space: nowrap; }
.scene-live i { width: 5px; height: 5px; border-radius: 50%; background: #81796a; }
body[data-motion="running"] .scene-live i { background: #dfc58b; box-shadow: 0 0 7px #eed6a377; }
.scene-controls .motion-toggle { border: 0; background: transparent; font-size: 11px; padding: 8px; }
.motion-symbol { min-width: 10px; }
.copy-toast { bottom: 84px; }
@media (min-width: 1800px) { .hero-inner { min-height: min(1040px, calc(100svh - 86px)); } .hero-copy { padding-bottom: 70px; } .live-console { margin-bottom: 55px; } }
@media (max-width: 1150px) { .hero-inner { gap: 35px; grid-template-columns: 1.15fr 1fr; } .hero h1 { font-size: 78px; } .site-header { padding-inline: 36px; } }
@media (max-width: 800px) {
  .site-header { height: 78px; padding-inline: 22px; }
  .hero-inner { min-height: 0; padding-top: 131px; padding-bottom: 32px; grid-template-columns: 1fr; gap: 40px; }
  .hero-copy { padding: 0; }
  .hero h1 { font-size: clamp(58px, 12vw, 78px); letter-spacing: -2px; margin-block: 26px; }
  .hero-description { font-size: 13px; margin-block: 22px 27px; }
  .cosmos-backdrop video { object-position: 43% center; }
  .cosmos-backdrop { background-position: 43% center; }
  .cosmos-shade { background: linear-gradient(90deg, #06090ecc, #080b0f3b), linear-gradient(0deg, #080b0f80, #080b0f18 55%, #080b0f66); }
  body[data-scene="reading"] .cosmos-shade::after { opacity: .45; }
  .live-console { max-width: none; margin-bottom: 0; background: #0a0f16cf; }
  .hero-bottom { height: 70px; font-size: 8px; }
  .preview-label { font-size: 9px; }
  .hero-motto { display: none; }
  .models-section { padding-top: 64px; }
  .scene-controls { right: 14px; bottom: max(14px, env(safe-area-inset-bottom)); }
  .scene-live { font-size: 9px; }
  .shooting-stars { opacity: .72; }
  .value-grid, .faq-list { background: transparent; }
  .model-card { padding: 18px 14px; }
  .endpoint { max-width: 380px; }
  .footer { padding-bottom: 92px; }
}
@media (max-width: 370px) { .site-header { padding-inline: 16px; } .hero h1 { font-size: 55px; } }
@media (prefers-reduced-motion: reduce) { .cosmos-backdrop video, .cosmos-shade::after { transition: none; } }

/* Give FAQ text its own breathing room without changing the page layout. */
.faq-list {
  padding: 10px 28px;
  border: 1px solid #eccc8c36;
  border-radius: 14px;
  background: linear-gradient(135deg, #10151cce, #0a0e15d9);
  backdrop-filter: blur(12px);
  box-shadow: 0 16px 48px #00000020;
}
.faq-list details { border-bottom-color: #eccc8c24; }
.faq-list details:last-child { border-bottom: 0; }
.faq-list summary {
  min-height: 82px;
  padding: 24px 0;
  gap: 22px;
  color: #eee5d5;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: .2px;
  transition: color .2s;
}
.faq-list summary:hover, .faq-list details[open] summary { color: #f1d49a; }
.faq-list summary span {
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #eccc8c35;
  border-radius: 50%;
  background: #eccc8c08;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
}
.faq-list details p {
  padding: 0 44px 26px 0;
  color: #c5bcae;
  font-size: 13px;
  line-height: 1.95;
  letter-spacing: .1px;
}
@media (max-width: 800px) {
  .faq-list { padding: 6px 18px; margin-top: 8px; border-radius: 12px; }
  .faq-list summary { min-height: 76px; padding: 20px 0; gap: 14px; font-size: 14px; }
  .faq-list details p { padding: 0 0 22px; font-size: 12px; }
}