@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#000208;--muted:#8e97ac;--cyan:#80eaff}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#253048 #000208}body{margin:0;background:radial-gradient(ellipse at 66% 47%,#0a0b21 0%,#000208 64%);background-attachment:fixed;color:#f3f6ff;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #80eaff;outline-offset:6px}#cosmos{position:fixed;inset:0;z-index:-1}#cosmos canvas{width:100%;height:100%;display:block}.ambient{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,2,8,.24),transparent 60%);z-index:-1}header{height:100px;padding:0 4.8%;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:20;background:linear-gradient(#000208b0,transparent)}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center}.brand-ai{color:#91b8ff}.brandmark{font-family:Arial;font-size:42px;font-weight:400;line-height:1;margin-right:13px;color:#a0b8ff;transform:rotate(-20deg)}nav{display:flex;gap:34px;font-size:14px;color:#a5adbf}nav a:hover{color:white}nav span{margin-left:9px}.nav-status{font-size:12px;letter-spacing:.03em;color:#79849c;display:flex;align-items:center;gap:9px}.nav-status i{width:5px;height:5px;background:#84dbff;border-radius:50%;box-shadow:0 0 10px #00c8ff}.stage{position:fixed;inset:0;perspective:1100px;pointer-events:none}.chapter{position:absolute;left:7.2%;top:50%;width:43%;max-width:670px;transform:translateY(-50%);opacity:0;will-change:transform,opacity,filter;pointer-events:none;transform-origin:60% 50%}.chapter.active{opacity:1;pointer-events:auto}.eyebrow{display:flex;gap:13px;align-items:center;color:#96a7c6;font-size:11px;letter-spacing:.16em;font-weight:650;margin-bottom:27px}.chip{font-size:11px;letter-spacing:.1em;display:inline-block;padding:6px 10px;color:#c3dcff;background:#1c376145;border:1px solid #769bd34a;border-radius:5px}.chapter-no{color:#6e8ab9}h1,h2{font-size:clamp(34px,4.05vw,67px);line-height:1.12;letter-spacing:-.048em;font-weight:550;margin:0 0 26px}h1 span,h2 span{color:#8793ae}p{font-size:16px;line-height:1.8;color:#99a4bc;max-width:435px;margin:0}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:14px;margin-top:32px;padding:13px 0;border-bottom:1px solid #7d9fca55}.text-link span{color:#9edbff}.criteria{display:flex;gap:20px;margin-top:30px;color:#c2ccde;font-size:14px}.criteria b{color:#4d6b9c}.scroll-track{height:460vh;padding-top:0}.scroll-track>div{height:120vh;pointer-events:none}.scroll-track>div:last-child{height:100vh}.scene-caption{position:fixed;top:79%;left:56%;right:10%;display:flex;gap:22px;align-items:center;justify-content:center;pointer-events:none;font-size:10px;letter-spacing:.16em;color:#6e7b9e}.scene-caption div{text-align:center}.scene-caption div span{display:block;font-size:9px;letter-spacing:.14em;margin-top:8px;color:#3f4d6d}.cross{color:#7f9db1;font-size:20px;font-weight:400}footer{position:fixed;bottom:0;height:86px;left:4.8%;right:4.8%;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;z-index:20;background:linear-gradient(transparent,#000208b0)}.scroll-hint{display:flex;align-items:center;gap:13px;font-size:12px;color:#8b96ac}.scroll-hint>span:first-child{font-size:22px;color:#afc6e8}.pager{display:flex;gap:13px;align-items:center}.pager a{display:flex;gap:12px;align-items:center;padding:12px 0;color:#53617c;font-size:10px}.pager a span{display:none}.pager a.selected span{display:block;color:#c8d8f2}.pager i{display:block;width:25px;height:2px;background:#2a344b;transition:width .3s,background .3s}.pager .selected i{width:57px;background:#b8d9ff;box-shadow:0 0 13px #509cf577}#motion{border:0;background:transparent;color:#8290ab;display:flex;gap:10px;font-size:14px;align-items:center}#motion span{font-size:12px}.demo-chapter h2{font-size:clamp(30px,3.15vw,51px);margin-bottom:23px}.demo-chapter .eyebrow{margin-bottom:17px}.demo{max-width:510px;border:1px solid #94b5ff25;border-radius:14px;background:linear-gradient(120deg,#111b2dc9,#060b17b8);padding:17px 20px;box-shadow:0 20px 80px #0005;backdrop-filter:blur(12px)}.tabs{display:flex;gap:5px;border-bottom:1px solid #ffffff12;padding-bottom:13px}.tabs button{background:transparent;border:1px solid transparent;font-size:12px;padding:8px 13px;border-radius:6px;color:#7c8ca6}.tabs button[aria-selected=true]{color:#d6e8ff;border-color:#5b8dcc46;background:#4773aa24}#result{min-height:181px;padding-top:17px}.prompt{font-size:13px;line-height:1.6;color:#d5dded;margin:0 0 17px;display:flex;gap:13px;max-width:100%}.user-tag{color:#6a809f;font-size:11px;padding-top:3px}.route{position:relative;padding-left:31px;display:grid;gap:12px}.route:before{content:'';position:absolute;left:7px;top:8px;bottom:10px;width:1px;background:linear-gradient(#99d6ff,#4161b980)}.route-step{position:relative;display:flex;justify-content:space-between;gap:15px;animation:appear .65s both;animation-delay:var(--delay,0s)}.route-step:before{content:'';position:absolute;left:-28px;top:5px;width:8px;height:8px;background:#90daff;box-shadow:0 0 12px #00b7ff;border-radius:50%}.route-step strong{font-size:13px;font-weight:550;display:block;color:#c7e1ff}.route-step small{font-size:11px;color:#8595ad;display:block;margin-top:4px}.latency{font-family:monospace;font-size:12px;color:#93d9dd;white-space:nowrap}.demo-note{display:flex;justify-content:space-between;border-top:1px solid #ffffff0d;padding-top:12px;margin-top:12px;font-size:10px;color:#63728c}.choice-visual{display:flex;align-items:center;gap:18px;margin-top:34px;max-width:330px}.choice-visual .chip{padding:10px 16px}.choice-line{height:1px;flex:1;background:linear-gradient(90deg,#82b2e9,#293c58)}.manual-label{font-size:14px;color:#a7b5cb}.manual-label span{margin-left:12px}@keyframes appear{from{opacity:0;transform:translateY(7px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@media(min-width:1700px){.chapter{left:10%}}@media(max-width:850px){header{height:78px;padding:0 6%}.brand{font-size:21px}.nav-status{display:none}nav{gap:18px;font-size:12px}.chapter{left:7%;width:49%}h1,h2{font-size:clamp(31px,5vw,44px)}.eyebrow{font-size:9px;gap:8px;letter-spacing:.1em}.chapter p{font-size:14px}.scene-caption{left:58%;right:5%;font-size:8px}.scene-caption div span{font-size:8px}.cross{display:none}.demo{padding:14px}.demo-chapter h2{font-size:32px}.scroll-hint{font-size:10px}}@media(max-width:600px){header{height:72px}.brand{font-size:20px}.brandmark{font-size:34px;margin-right:9px}nav a:first-child{display:none}nav{font-size:11px}.chapter{top:auto;bottom:110px;left:7%;width:86%;max-width:none;transform-origin:50% 40%}.eyebrow{margin-bottom:17px;font-size:9px}h1,h2{font-size:clamp(32px,8.6vw,45px);margin-bottom:18px;line-height:1.1}h1 br:nth-child(2){display:none}h1 span br{display:none}.chapter p{font-size:14px;line-height:1.7;max-width:360px}.text-link{margin-top:18px;font-size:12px;padding:8px 0}.scene-caption{display:none}footer{left:7%;right:7%;height:76px}.scroll-hint{display:none}.pager{gap:9px}#motion span{font-size:10px}.demo-chapter{bottom:96px}.demo-chapter h2{font-size:29px;margin-bottom:16px}.demo-chapter h2 br:first-child{display:none}.demo-chapter .eyebrow{margin-bottom:10px}.demo{padding:13px 15px;max-width:none}#result{min-height:172px;padding-top:12px}.prompt{font-size:12px;margin-bottom:12px}.route{gap:9px}.route-step strong{font-size:12px}.route-step small{font-size:10px}.demo-note{font-size:9px}.tabs{padding-bottom:9px}.tabs button{font-size:11px;padding:6px 10px}.criteria{font-size:12px;gap:16px;margin-top:22px}.ambient{background:linear-gradient(0deg,#000208f5 0%,#000208e8 24%,transparent 73%)}}@media(max-height:720px) and (min-width:601px){header{height:70px}footer{height:65px}h1,h2{font-size:40px}.chapter{top:49%}.demo-chapter h2{font-size:30px}.demo-chapter .eyebrow{margin-bottom:12px}.demo{padding:12px 16px}#result{min-height:164px}.scene-caption{top:83%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}

/* Keep native scrolling and zoom, but suppress scroll chaining and pull-to-refresh. */
html,body{overscroll-behavior-y:none}
button.scroll-hint{border:0;background:transparent;padding:10px 0;text-align:left;min-height:44px;cursor:pointer}
button.scroll-hint:hover{color:#d3e3ff}
button.scroll-hint>span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px}
@media(max-width:600px){button.scroll-hint{display:flex;flex:0 0 40px;justify-content:center;padding:0}#scroll-label{display:none}#motion{min-width:40px;min-height:44px;justify-content:center}#motion span{display:none}.pager{gap:8px}.pager a{gap:8px}.pager i{width:21px}.pager .selected i{width:42px}}

/* Six-slide aggregator landing page */
.scroll-track{height:840vh}
.benefit-row,.media-types{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:26px;color:#c0cbe0;font-size:13px}
.benefit-row i{color:#6984ac;font-style:normal}
.media-types{gap:9px}
.media-types span,.model-grid>span,.model-grid>a{border:1px solid #91a7d527;background:#0a1120a8;color:#dce5f5;border-radius:7px;padding:10px 13px;font-size:12px;letter-spacing:.035em}
.media-types span{color:#a9bddb;font-size:10px;letter-spacing:.12em}
.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:23px;max-width:360px}
.model-grid>span,.model-grid>a{display:flex;align-items:center;justify-content:space-between;min-height:42px}
.model-grid>a{border-color:#5fa9c44f;color:#b9ecff}
.model-grid i{font-style:normal;color:#83cbe7}
.login-link{display:inline-flex;align-items:center;gap:10px;border:1px solid #7698bf4d;background:#10203972;border-radius:7px;padding:10px 15px;color:#e3ecfa;font-size:13px;transition:background .2s,border-color .2s}
.login-link:hover{background:#1b34569c;border-color:#8dc7e880}
.login-link span{color:#9edbff}
.models-chapter h2{font-size:clamp(34px,3.7vw,58px);margin-bottom:18px}
.models-chapter .text-link{margin-top:18px}
@media(max-width:850px){nav{gap:13px}.login-link{padding:8px 10px}.model-grid{max-width:330px}}
@media(max-width:600px){nav{gap:8px;font-size:8.5px}nav a:first-child{display:inline}.brand{font-size:17px}.brandmark{font-size:27px;margin-right:5px}.login-link{font-size:10px;padding:6px 7px;gap:4px}.login-link span{display:none}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:310px;gap:7px;margin-top:17px}.model-grid>span,.model-grid>a{padding:8px 9px;font-size:10px;min-height:38px}.models-chapter h2{font-size:31px}.benefit-row,.media-types{font-size:11px;gap:10px;margin-top:18px}.chapter .text-link{margin-top:17px}.demo-chapter .text-link{margin-top:14px}}
@media(max-width:370px){.brandmark{display:none}nav{gap:6px;font-size:8px}.login-link{padding:5px}.brand{font-size:16px}}

.login-link{font-family:inherit;cursor:pointer}
#login-dialog{width:min(420px,calc(100vw - 32px));padding:0;color:#f3f6ff;background:#080d19;border:1px solid #91b5df40;border-radius:16px;box-shadow:0 28px 100px #000b}
#login-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}
.dialog-inner{position:relative;padding:34px}
.dialog-inner .eyebrow{font-size:10px;margin-bottom:16px}
.dialog-inner h2{font-size:29px;margin:0 0 12px}
.dialog-inner p{font-size:14px;line-height:1.65}
#login-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#9cabc2;font-size:27px}
.dialog-action{margin-top:24px;border:1px solid #739ac34f;border-radius:7px;padding:10px 16px;background:#152744;color:#edf5ff}

.top-models{display:flex;flex-wrap:wrap;gap:8px;max-width:490px;margin-top:20px}.top-models span{padding:8px 12px;border:1px solid #86a9e52c;border-radius:999px;background:#0b1321b8;color:#c6d5ed;font-size:12px;letter-spacing:.015em;backdrop-filter:blur(8px)}@media(max-width:600px){.top-models{gap:6px;margin-top:15px;max-width:340px}.top-models span{padding:7px 9px;font-size:10px}}

/* Four full-screen chapters on home and AUTO. */
.scroll-track{height:460vh}
.interactive{max-width:500px;margin-top:25px;border:1px solid #94b5ff25;border-radius:14px;background:linear-gradient(120deg,#111b2de8,#060b17dc);padding:15px 19px;box-shadow:0 20px 80px #0005;backdrop-filter:blur(12px)}
.interactive-result{min-height:164px;padding-top:16px}
.interactive.compact{margin-top:20px}.interactive.compact .interactive-result{min-height:130px}
.interactive .prompt{margin-bottom:12px}.interactive .route{gap:10px}
.interactive .route-step strong{font-size:12px}.interactive .route-step small{font-size:11px}
.interactive .demo-note{margin-top:8px}
/* Standard content pages reuse the fixed scene and navigation. */
.content-page{min-height:100vh;position:relative;padding:0 7% 110px;background:linear-gradient(90deg,#000208ee 0%,#000208cf 45%,#00020865 100%)}
.page-wrap{max-width:1180px;margin:auto}.page-hero{min-height:94vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:125px 0 85px}.page-hero h1{max-width:850px;font-size:clamp(42px,6vw,86px);margin-bottom:27px}.page-hero p{font-size:18px;max-width:570px}.page-section{padding:95px 0 130px;border-top:1px solid #91a7d526;scroll-margin-top:80px}.page-section h2{font-size:clamp(38px,4.7vw,66px);margin:0 0 38px}.page-section>p{max-width:650px}.section-kicker{color:#84a4c9;font-size:11px;letter-spacing:.17em;margin-bottom:26px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{min-height:290px;padding:30px;border:1px solid #91a7d52c;border-radius:16px;background:linear-gradient(145deg,#102039ca,#070d18dc);backdrop-filter:blur(12px)}.feature-icon{font-size:28px;color:#88dcff}.feature-card h3{font-size:23px;font-weight:550;letter-spacing:-.03em;margin:32px 0 15px}.feature-card p{font-size:13px;line-height:1.7}.feature-card a{display:inline-block;margin-top:22px;color:#a7dcff;font-size:13px}.format-flow,.ledger{display:flex;gap:12px;align-items:stretch}.format-flow>div,.ledger>div{flex:1;border:1px solid #91a7d52c;border-radius:12px;padding:25px;background:#0c1628c9}.format-flow small{color:#83b4dd;display:block;margin-bottom:35px}.format-flow strong,.format-flow span,.ledger strong,.ledger span{display:block}.format-flow strong,.ledger strong{font-size:17px;font-weight:550}.format-flow span,.ledger span{font-size:12px;color:#91a4bd;margin-top:12px}.ledger{margin-top:34px;align-items:center}.ledger>div{min-height:110px}.ledger-arrow{color:#9bcfff;font-size:24px}.page-footer{background:#000208df}.footer-note{font-size:10px;letter-spacing:.14em;color:#697a99}
.price-hero{min-height:80vh}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.catalog-heading h2{margin-bottom:27px}.count-pill{font-size:11px;color:#a5cde9;border:1px solid #82a9d54a;padding:9px 13px;border-radius:20px;white-space:nowrap}.price-note{padding:17px 21px;border:1px solid #87b6cf50;background:#13253bc9;color:#b9cde1;border-radius:9px;font-size:13px;line-height:1.6;margin-bottom:25px}.price-note strong{color:#e5f3ff}.table-scroll{overflow-x:auto;border:1px solid #91a7d529;border-radius:13px;background:#080f1edc;backdrop-filter:blur(16px)}table{border-collapse:collapse;width:100%;min-width:690px}th,td{padding:17px 22px;text-align:left;border-bottom:1px solid #91a7d51b}thead th{color:#94a7c2;font-size:11px;letter-spacing:.05em;font-weight:500;background:#15223a98}tbody th{font-weight:500;min-width:190px}tbody th strong{display:block;font-size:14px}tbody th small{display:block;color:#7388a7;margin-top:6px;font-size:11px}td{font-size:13px;color:#b4c4dc}td:nth-child(n+3){white-space:nowrap;color:#d2eeff;font-variant-numeric:tabular-nums}tr:last-child td,tr:last-child th{border-bottom:0}tbody tr:hover{background:#172a4448}.table-foot{font-size:12px!important;max-width:760px!important;margin-top:19px!important}
@media(max-width:850px){.content-page{padding:0 6% 110px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.page-section{padding:75px 0 100px}.format-flow{flex-direction:column}.format-flow small{margin-bottom:15px}}
@media(max-width:600px){.interactive{margin-top:14px;padding:10px 13px}.interactive-result{min-height:138px;padding-top:10px}.interactive.compact{margin-top:12px}.interactive.compact .interactive-result{min-height:112px}.interactive .route{gap:7px}.interactive .route-step small{font-size:10px}.interactive .prompt{font-size:11px;margin-bottom:10px}.interactive .demo-note{font-size:8px}.content-page{padding:0 7% 95px;background:linear-gradient(180deg,#00020889,#000208f0 40%)}.page-hero{min-height:78vh;padding:100px 0 50px}.page-hero h1{font-size:clamp(36px,10vw,54px)}.page-hero p{font-size:14px}.page-section{padding:65px 0 90px}.page-section h2{font-size:37px}.feature-card{padding:23px}.ledger{flex-direction:column;align-items:stretch}.ledger-arrow{text-align:center;transform:rotate(90deg)}.page-footer .scroll-hint{display:inline-flex}.footer-note{display:none}.catalog-heading{align-items:flex-start}.catalog-heading h2{font-size:35px}.count-pill{font-size:9px}.table-scroll{margin-right:-7vw;border-radius:12px 0 0 12px}.price-note{font-size:12px}}
@media(max-height:740px){.interactive .demo-note{display:none}.interactive-result{min-height:130px}.interactive.compact .interactive-result{min-height:105px}}

/* AUTO uses the same reading layout as the model catalog. */
header{background:rgba(5,11,23,.72);border-bottom:1px solid #a2c9ef20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.auto-hero{min-height:83vh}.auto-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(30px,5vw,90px)}.auto-layout h2{margin-bottom:25px}.auto-layout .interactive,.auto-layout .demo{width:100%;max-width:none;margin:0}.auto-section{padding:110px 0 145px}.auto-section .criteria{flex-wrap:wrap}.auto-model-card{padding:32px;border:1px solid #91a7d52c;border-radius:16px;background:linear-gradient(145deg,#102039cf,#070d18e8);backdrop-filter:blur(12px)}.auto-model-card .top-models{margin:18px 0 30px}.auto-model-card p{font-size:13px}
@media(max-width:850px){.auto-layout{grid-template-columns:1fr;gap:30px}.auto-section{padding:75px 0 95px}.auto-layout .interactive,.auto-layout .demo{max-width:620px}}
@media(max-width:600px){.auto-hero{min-height:75vh}.auto-section{padding:65px 0 90px}.auto-layout h2{font-size:36px}.auto-layout .interactive{padding:17px}.auto-layout .interactive-result{min-height:155px}.auto-layout .demo{padding:18px}.auto-model-card{padding:23px}}