@font-face{font-family:"Zhuque Sans";src:url("fonts/zhuque-sans-vf.woff2") format("woff2-variations");font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#0b0d10;--bg-deep:#07090c;--surface:#12161b;--surface2:#181d23;--paper:#f2f0eb;--paper-ink:#171a1f;--ink:#f2f3f5;--muted:#adb4bd;--soft:#747c87;--line:rgba(226,231,238,.14);--red:#ff5a3d;--red-light:#ff8a6e;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--font:"Zhuque Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--display:"Zhuque Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--wrap:1280px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea,summary,select{-webkit-tap-highlight-color:transparent}button{background:none;border:none}a,button{touch-action:manipulation}button:disabled{opacity:.35;cursor:not-allowed}img,svg,canvas{max-width:100%}img{display:block}p{margin:0 0 20px}h1,h2,h3,h4{font-weight:540;line-height:1.25;letter-spacing:-.055em;margin:0}h1{font-size:clamp(44px,5.2vw,76px)}h2{font-size:clamp(32px,3.2vw,47px)}h3{font-size:26px}h4{font-size:21px}h1 span,h2 span{color:var(--muted)}::selection{background:var(--red);color:#08090b}:focus-visible{outline:2px solid var(--red-light);outline-offset:6px}a:focus-visible{border-radius:2px}.wrap{width:min(calc(100% - 104px),var(--wrap));margin-inline:auto}.section{padding-block:110px}.ui-icon{display:inline-block;vertical-align:middle;width:20px;height:20px;flex-shrink:0}.muted{color:var(--muted)}.mini-label{font:10px/1.5 var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.section-label{display:flex;align-items:center;gap:16px;letter-spacing:.07em;font-size:12px;color:#b1b3b5;margin-bottom:35px}.section-label span{font:11px var(--mono);color:var(--red)}.section-label i{width:38px;height:1px;background:#434548}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:48px}.section-heading p{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:0;max-width:460px}.section-heading>.text-link{flex-shrink:0}.section-heading h2{line-height:1.4}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;line-height:1.5;padding-bottom:10px;border-bottom:1px solid #6f7379;margin-top:22px;transition:color .2s,border-color .2s}.text-link:hover{color:var(--red-light);border-color:var(--red)}.text-link .ui-icon{width:17px}.text-button{display:inline-flex;align-items:center;gap:10px;padding:6px 0;color:var(--muted);font-size:12px;line-height:1.5}.text-button:hover{color:var(--ink)}.text-button .ui-icon{width:16px;height:16px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--red);border:1px solid var(--red);color:#0b0b0b;padding:15px 25px;min-height:54px;font-size:13px;font-weight:600;line-height:1.4;border-radius:3px;transition:background .22s,transform .22s,box-shadow .22s}.button:hover{background:#ff734f;border-color:#ff734f;box-shadow:0 5px 35px #ff562524;transform:translateY(-2px)}.button-ghost{background:transparent;border-color:#45474c;color:var(--ink)}.button-ghost:hover{background:#ffffff09;border-color:#aaa;box-shadow:none}.button-small{font-size:12px;padding:11px 16px;min-height:42px;gap:15px}.button-small .ui-icon{width:17px;height:17px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{font-size:11px;padding:5px 10px;border:1px solid var(--line);border-radius:2px;color:#b9babe}.product-logo{width:58px;height:58px;object-fit:contain;flex-shrink:0}.product-heading{display:flex;align-items:center;gap:15px;margin-bottom:25px;color:#c4c5c7;font-size:13px}.product-heading .product-logo{width:32px;height:32px}.heading-with-logo{display:flex;align-items:flex-start;gap:24px}.heading-with-logo>.product-logo{margin-top:10px;width:46px;height:46px}.mobile-only{display:none}.fine-print{font-size:11px;color:var(--muted);margin-top:18px}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:var(--bg);padding:10px;z-index:100}.skip-link:focus{top:10px}
/* Navigation */
.site-header{height:86px;padding:0 42px;position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;background:rgba(8,9,11,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-symbol{width:39px;height:39px;object-fit:contain}.brand-wordmark{width:110px;height:27px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:70px;font-size:12px;letter-spacing:.03em}.desktop-nav>a,.nav-products{color:#b8b9bc;transition:color .2s}.desktop-nav>a:hover,.desktop-nav>a[aria-current],.nav-products:hover{color:white}.nav-products{display:flex;align-items:center;gap:5px;font-size:12px;padding:25px 0}.nav-products .ui-icon{width:12px;height:12px}.nav-dot{display:inline-block;width:4px;height:4px;background:var(--red);border-radius:50%;margin-left:8px;vertical-align:top;margin-top:6px}.nav-group{position:relative}.product-menu{position:absolute;left:-35px;top:65px;width:350px;border:1px solid #33363a;background:#101114;box-shadow:0 30px 50px #0009;padding:10px;border-radius:7px}.product-menu:not([hidden]){display:grid;gap:2px}.product-menu a{display:flex;align-items:center;gap:15px;padding:13px 15px;border-radius:3px;transition:background .2s}.product-menu a:hover{background:#1b1c20}.product-menu .product-logo{width:30px;height:30px}.product-menu a>span{flex:1}.product-menu strong{display:block;font-size:13px;font-weight:500}.product-menu small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.product-menu a>.ui-icon:last-child{width:15px;color:#777}.header-actions{display:flex;align-items:center;gap:23px}.header-cta{font-size:12px;border:1px solid #62656b;padding:9px 14px;display:flex;align-items:center;gap:20px;border-radius:3px;transition:border-color .2s}.header-cta:hover{border-color:var(--red)}.header-cta .ui-icon{width:14px}.motion-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:36px;color:#92959c}.motion-toggle:hover{color:var(--red)}.motion-toggle .ui-icon{width:16px}.scroll-progress{position:absolute;left:0;bottom:-1px;width:var(--scroll,0%);height:1px;background:var(--red)}.mobile-menu-button{display:none}.mobile-nav{display:none}
/* Hero: live 3D, not a video background */
.hero{height:calc(100svh - 66px);min-height:740px;max-height:1000px;position:relative;overflow:hidden;padding-top:86px;background:#08090b}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 77% 78%,#74251a35 0,transparent 45%),radial-gradient(ellipse at 66% 28%,#363a411c 0,transparent 55%);pointer-events:none}.hero-backdrop:after{content:"";position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.32' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:2;pointer-events:none;padding-top:clamp(96px,12vh,164px)}.hero-content a{pointer-events:auto}.hero-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.13em;color:#c0c1c6;margin-bottom:30px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 11px #ff592f}.hero h1{font-size:clamp(52px,5.6vw,84px);font-weight:580;letter-spacing:-.065em;line-height:1.17;margin-left:-5px}.hero h1>span:first-child{color:var(--ink)}.hero h1 .hero-title-accent{background:linear-gradient(112deg,#ff8b62 0,#ff4c25 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:19px;line-height:1.8;margin:24px 0 14px;color:#deddda;letter-spacing:-.025em}.hero-description{font-size:13px;line-height:1.9;color:#8f9296;margin-bottom:30px}.hero-art{position:absolute;width:63%;height:88%;right:-1%;top:9%;z-index:1;overflow:hidden}.hero-art canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s}.hero-art.has-webgl canvas{opacity:1}.hero-fallback{position:absolute;width:62%;height:68%;left:23%;top:16%;object-fit:contain;opacity:.35;filter:drop-shadow(0 0 65px #ff442944);transition:opacity .8s}.has-webgl .hero-fallback{opacity:0}.hero-art-label{position:absolute;bottom:17%;left:25%;right:10%;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.12em;color:#96908c;pointer-events:none}.hero-bottom{position:absolute;bottom:29px;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.06em;color:#7e8188}.hero-coordinate{font-family:var(--mono);font-size:9px}.scroll-hint{display:flex;align-items:center;gap:12px;color:#bcbfc3}.scroll-line{width:1px;height:32px;background:#303239;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;inset:0;background:var(--red);animation:scroll-down 2.8s ease-in-out infinite;transform:translateY(-110%)}@keyframes scroll-down{0%{transform:translateY(-110%)}60%,100%{transform:translateY(110%)}}.specialty-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d0e10}.specialty-strip>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}.specialty-strip a{display:flex;align-items:center;gap:15px;padding:22px 18px;border-left:1px solid var(--line);font-size:12px;color:#b9babf}.specialty-strip a:last-child{border-right:1px solid var(--line)}.specialty-strip a span{font:9px var(--mono);color:#7f8288}.specialty-strip a>.ui-icon{margin-left:auto;width:14px;color:#777}.specialty-strip a:hover{color:var(--red-light);background:#141417}
/* Editorial product cards */
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{position:relative;overflow:hidden;border:1px solid #2a2b2e;padding:29px 34px 30px;background:linear-gradient(125deg,#141518,#0b0c0e);min-height:322px;isolation:isolate;transition:border-color .35s,transform .35s}.product-card:hover{border-color:#856257;transform:translateY(-4px)}.product-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:33px}.card-index{font:9px/1 var(--mono);letter-spacing:.09em;color:#85888f}.product-card-head .ui-icon{width:19px;color:#aaa}.product-card-main{display:flex;align-items:center;gap:22px;margin-bottom:22px}.product-card-main h3{font-size:28px;letter-spacing:-.035em}.product-card-main>div>span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.product-card h4{font-size:17px;letter-spacing:-.025em;font-weight:400;margin-bottom:12px}.product-card p{font-size:12px;line-height:1.9;color:var(--muted);max-width:440px;margin-bottom:22px}.card-glow{position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;bottom:-160px;background:var(--red);filter:blur(70px);opacity:.05;z-index:-1;transition:opacity .4s}.product-card:hover .card-glow{opacity:.18}.product-card:nth-child(2) .card-glow{background:#7fa19a}.product-card:nth-child(3) .card-glow{background:#cc875e}.product-card:nth-child(4) .card-glow{background:#d3d5db}
/* UI demonstration shells */
.demo-shell{border:1px solid #34353a;border-radius:6px;background:linear-gradient(130deg,#121417,#0b0d10);overflow:hidden;box-shadow:0 25px 65px #0004}.shell-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:53px;padding:12px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02);font-size:11px}.shell-title{display:inline-flex;align-items:center;gap:10px;color:#d6d7d9}.shell-title .product-logo{width:19px;height:19px}.shell-title .ui-icon{width:16px;height:16px}.demo-badge{display:inline-flex;align-items:center;gap:6px;color:#a39d94;font-size:9px;white-space:nowrap;letter-spacing:.035em}.demo-badge>i{width:4px;height:4px;border-radius:50%;background:#958269}.demo-disclaimer{font-size:10px;color:#8e9297;margin:0;padding:13px 20px;border-top:1px solid var(--line);line-height:1.8}.demo-disclaimer [role=status]:not(:empty){display:block;color:var(--red-light);margin-top:5px}.split-feature{display:grid;grid-template-columns:.82fr 1.18fr;align-items:start;gap:70px}.split-feature h2{line-height:1.4}.split-feature p{color:var(--muted);font-size:14px;line-height:1.9;margin-top:23px}.split-feature .demo-disclaimer{font-size:10px;margin-top:0}.sticky-copy{position:sticky;top:130px}.transwork-values{display:flex;gap:24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#c5c6c9}.transwork-values span:before{content:"+";color:var(--red);margin-right:9px;font-family:var(--mono)}
/* Spatial showcase */
.gis-section{background:radial-gradient(ellipse at 25% 50%,#17322a24,transparent 65%);border-top:1px solid #181e1c;border-bottom:1px solid #181e1c}.gis-demo{background:#0d1212;border-color:#35443e}.gis-toolbar{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #2c3532}.gis-actions{display:flex;gap:5px}.gis-actions button{display:flex;align-items:center;gap:7px;border:1px solid transparent;padding:7px 10px;font-size:10px;border-radius:3px;color:#bec6c2}.gis-actions button:hover{background:#26322d}.gis-actions button[aria-pressed=true]{color:var(--red-light);border-color:#d2563355;background:#ff5f2010}.gis-actions .ui-icon{width:15px;height:15px}.layer-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#a0aba6;white-space:nowrap}.layer-toggle input{accent-color:var(--red)}.gis-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px}.map-stage{position:relative;overflow:hidden;background:#0b1212}.gis-map{display:block;width:100%;height:100%;min-height:390px;max-height:550px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.map-stage.selecting .gis-map{touch-action:none;cursor:crosshair}.gis-point{cursor:pointer;transition:opacity .2s}.gis-point .point-core{transition:r .15s,fill .15s}.gis-point:hover .point-core{r:6;fill:#ffffff}.map-caption{position:absolute;left:17px;right:17px;bottom:14px;display:flex;gap:14px;justify-content:space-between;pointer-events:none;font:8px/1.6 var(--mono);color:#759188}.map-caption>span:first-child{display:flex;align-items:center;gap:6px}.map-caption i{width:4px;height:4px;border-radius:50%;background:#7c9f8f}.map-help{position:absolute;top:14px;left:15px;max-width:80%;background:#0d131be3;border:1px solid #38504488;border-radius:3px;padding:6px 10px;pointer-events:none;font-size:9px;color:#b0c2b8}.gis-results{padding:25px 22px;border-left:1px solid #2e3b35;display:flex;flex-direction:column;background:#101817}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#a4b4ac}.result-heading>strong{color:var(--ink);font:35px/1 var(--mono);letter-spacing:-.05em}.result-heading strong span{font:10px var(--font);margin-left:7px;color:#93a197;letter-spacing:0}.query-example{font-size:12px;color:#b7c4ba;line-height:1.9;margin:21px 0}.gis-results .button{font-size:11px}.result-list{margin-top:22px;flex:1;max-height:196px;overflow:auto;scrollbar-width:thin}.result-list>p{font-size:11px;line-height:1.9;margin-top:8px}.result-object{font-size:10px;border-bottom:1px solid #273b31;padding:7px 0}.result-object strong{display:block;color:#c4d0c9;font-weight:500}.result-object span{display:block;font-size:9px;color:#869d8f;overflow-wrap:anywhere}.result-object button{font-size:9px;color:var(--red-light);padding:4px 0}.download-selection{font-size:10px;margin-top:17px;text-align:left}.gis-demo .demo-disclaimer{color:#82958c}.example-download{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:15px}.example-download>span{font-size:10px;color:var(--muted)}
/* Task animation */
.task-prompt{padding:28px 30px 25px;background:radial-gradient(ellipse at 100% 0,#ba402311,transparent 80%);border-bottom:1px solid var(--line)}.task-prompt h4{font-size:17px;font-weight:450;line-height:1.7;margin-top:12px;letter-spacing:-.025em}.agent-members{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.agent-members span{font-size:9px;background:#1d2024;border:1px solid #36383c;padding:3px 8px;border-radius:3px;color:#aaaeb4}.task-timeline{padding:15px 28px}.task-step{display:flex;align-items:center;gap:16px;position:relative;padding:15px 0;opacity:.65;transition:opacity .4s}.task-step:not(:last-child):after{content:"";position:absolute;left:14px;top:49px;bottom:-9px;width:1px;background:#2f3033}.step-marker{border:1px solid #3a3b40;background:#15161a;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font:9px var(--mono);color:#8f9398}.task-step>div{flex:1}.task-step strong{font-size:12px;font-weight:450;display:block}.task-step small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.step-state{font-size:9px;color:#75787e;white-space:nowrap}.task-step.active,.task-step.done{opacity:1}.task-step.active .step-marker{border-color:var(--red);background:#ff5a2a15;color:var(--red)}.task-step.active .step-state{color:var(--red-light)}.task-step.done .step-marker{color:#c8d4c9;border-color:#607164}.task-step.done .step-state{color:#a3b29e}.agent-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 28px 24px}.agent-controls>[role=status]{font-size:10px;color:#8e939b;margin-left:auto}.agent-demo .demo-disclaimer{padding:12px 28px}
/* AIGC */
.creative-section{background:#0d0c0e;border-top:1px solid #252126;border-bottom:1px solid #252126}.segmented-tabs{display:inline-flex;border-bottom:1px solid #3e3b3d;gap:30px;max-width:100%}.segmented-tabs button{position:relative;display:flex;align-items:center;gap:30px;padding:14px 4px;font-size:13px;color:#8d8a8f}.segmented-tabs button:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}.segmented-tabs button[aria-selected=true]{color:var(--ink)}.segmented-tabs button[aria-selected=true]:after{transform:scaleX(1)}.segmented-tabs .ui-icon{width:15px;height:15px}.creative-tab-layout{display:grid;grid-template-columns:.75fr 1.25fr;min-height:410px;align-items:center;margin-top:28px;border:1px solid #363039;background:linear-gradient(145deg,#17141a,#090a0d)}.creative-copy{padding:40px}.creative-copy h3{font-size:35px;line-height:1.5;margin:13px 0 20px}.creative-copy p{color:#a29ba5;font-size:13px;line-height:1.9}.creative-copy>.muted{display:block;font-size:10px;margin-top:20px}.creative-preview{height:100%;min-height:410px;overflow:hidden;position:relative;border-left:1px solid #342c3677}.creative-visual{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 57% 52%,#7c4a4c3b 0,#201a272b 45%,transparent 72%);perspective:700px}.creative-orb{position:absolute;left:50%;top:49%;width:290px;height:290px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(54deg) rotateZ(-34deg);animation:creative-turn 22s ease-in-out infinite}.creative-orb i{position:absolute;inset:0;border-radius:50%;border:20px solid transparent;border-top-color:#d1ada0;border-bottom-color:#69483f;border-left-color:#fa754e;border-right-color:#b57668;box-shadow:inset 0 0 18px #ffa17c4d,0 0 16px #ff431323;transform:rotateY(12deg);opacity:.95}.creative-orb i:nth-child(2){inset:27px;transform:translateZ(38px) rotateX(24deg);border-width:17px;border-left-color:#eecdbd}.creative-orb i:nth-child(3){inset:55px;transform:translateZ(67px) rotateX(45deg);border-width:15px;border-top-color:#fd6e41}.creative-orb i:nth-child(4){inset:87px;transform:translateZ(87px) rotateX(60deg);border-width:12px;border-bottom-color:#ffd3b3}.creative-orb i:nth-child(5){inset:119px;transform:translateZ(109px) rotateX(80deg);border-width:10px;background:#ff8560;box-shadow:0 0 45px #ff593e66}.creative-art-label{position:absolute;bottom:25px;left:30px;color:#918592;font:9px var(--mono);letter-spacing:.1em}.creative-coordinate{position:absolute;top:25px;right:25px;font:9px/1.8 var(--mono);color:#9f8d97;letter-spacing:.08em}.creative-line{position:absolute;border:1px solid #bfb0b00d;border-radius:50%;width:580px;height:250px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.cl2{transform:translate(-50%,-50%) rotate(25deg);height:400px;width:400px}@keyframes creative-turn{0%,100%{transform:translate(-50%,-50%) rotateX(54deg) rotateZ(-34deg)}50%{transform:translate(-50%,-50%) rotateX(40deg) rotateZ(16deg)}}.learning-visual{padding:35px;height:100%;display:flex;flex-direction:column;justify-content:center}.learning-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.learning-head span{font-size:13px;display:flex;align-items:center;gap:10px}.learning-head small{font-size:9px;color:var(--muted)}.class-cards{display:grid;gap:10px}.class-cards>div{padding:15px 20px;border:1px solid #45404b;background:#1b1820}.class-cards span{font:8px var(--mono);color:#b69485}.class-cards h4{font-size:16px;margin-top:6px}.class-cards p{font-size:11px;color:#9a929f;margin:5px 0 0}
/* Smaller utility products, about */
.compact-section{padding-bottom:65px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-card{display:flex;align-items:center;gap:25px;position:relative;border-top:1px solid #3a3b3d;border-bottom:1px solid #2b2c2e;padding:35px 15px;transition:background .2s}.tool-card:hover{background:#121315}.tool-card>.ui-icon{position:absolute;right:15px;top:35px;width:18px}.tool-card h3{font-size:23px;margin:5px 0 7px}.tool-card p{font-size:13px;color:#b4b4b7;margin:0 0 7px}.tool-description{font-size:10px;color:#777d83}.tool-card .product-logo{width:62px;height:62px}.about-strip{padding:65px 0 85px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;align-items:start}.about-strip p{font-size:23px;line-height:1.65;letter-spacing:-.04em;margin:0}.about-strip>.text-link{justify-self:end;margin-top:0}.cta-section{position:relative;overflow:hidden;padding:95px 0 80px;background:radial-gradient(ellipse at 89% 85%,#74241133,transparent 55%),#111113;border-top:1px solid #323034;border-bottom:1px solid #3b2923}.cta-section .wrap{position:relative;z-index:1}.cta-section h2{font-size:clamp(40px,4.9vw,72px);line-height:1.35}.cta-section h2 span{color:#aaa5a1}.cta-line{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:30px}.cta-line p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.cta-line .button{min-width:220px}.cta-orbit{position:absolute;right:-140px;top:-40px;width:700px;height:700px;border:1px solid #8c4b2c23;border-radius:50%;transform:rotateX(50deg);box-shadow:0 0 0 75px #79452308,0 0 0 150px #79452305;pointer-events:none}
/* Product pages */
.sub-hero{padding-top:142px;padding-bottom:70px;position:relative}.sub-hero-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#777c85;font:10px/1.6 var(--mono);letter-spacing:.07em;margin-bottom:60px}.sub-hero-top a{font-family:var(--font);font-size:11px;display:flex;align-items:center;gap:10px;letter-spacing:0}.sub-hero-top a .ui-icon{transform:rotate(180deg);width:14px}.sub-hero-content{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.sub-hero h1{line-height:1.35;font-size:clamp(42px,4.6vw,66px)}.sub-hero-desc{color:var(--muted);font-size:15px;line-height:1.9;margin-top:25px;margin-bottom:32px}.sub-hero-art{height:340px;position:relative;display:flex;align-items:center;justify-content:center;perspective:700px;background:radial-gradient(ellipse at 50% 60%,#bf522b17,transparent 63%)}.orbital-logo{position:relative;z-index:1;padding:34px;transform:rotate(-6deg);filter:drop-shadow(0 15px 20px #0008)}.orbital-logo>.product-logo{width:150px;height:150px;filter:drop-shadow(0 0 35px #e6452224)}.orbit-ring{position:absolute;width:290px;height:290px;border:1px solid #77534366;border-radius:50%;transform:rotateX(59deg) rotateZ(-25deg);box-shadow:0 0 0 30px #563c2310;animation:orbit-rotate 18s ease-in-out infinite}.ring2{width:260px;height:260px;transform:rotateY(55deg) rotateZ(35deg);border-color:#64677255;animation-direction:reverse}.sub-hero-art>span{position:absolute;bottom:10px;font:9px var(--mono);color:#68636b;letter-spacing:.12em}.sub-hero+.section{padding-top:65px;border-top:1px solid var(--line)}@keyframes orbit-rotate{50%{transform:rotateX(45deg) rotateY(25deg) rotateZ(20deg)}}.feature-rows{border-top:1px solid #37383d}.feature-row{display:grid;grid-template-columns:40px .8fr 1.3fr 22px;align-items:center;gap:35px;padding:30px 0;border-bottom:1px solid #2c2d32}.feature-row>span{font:10px var(--mono);color:var(--red)}.feature-row h3{font-size:22px;letter-spacing:-.035em}.feature-row p{font-size:13px;color:var(--muted);margin:0;line-height:1.9;max-width:470px}.feature-row>.ui-icon{color:#686b70}.knowledge-body{display:grid;grid-template-columns:220px 1fr}.source-sidebar{padding:28px 22px;border-right:1px solid var(--line);background:#0c0e11}.source-sidebar>div{display:flex;align-items:center;gap:10px;color:#a7acb4;font-size:11px;padding:12px 0}.source-sidebar>.mini-label{display:block;margin-bottom:15px}.source-sidebar .ui-icon{width:14px}.source-sidebar small{display:block;font-size:10px;color:#777d89;margin-top:50px}.conversation{padding:32px;max-width:820px;width:100%;margin:auto}.user-bubble{margin-left:auto;padding:13px 17px;border:1px solid #484042;background:#251b19;width:fit-content;font-size:13px;margin-bottom:27px;border-radius:6px 6px 0 6px}.answer-head{display:flex;align-items:center;gap:10px;font-size:12px}.answer-head .product-logo{width:24px;height:24px}.conversation>p{font-size:14px;line-height:1.9;margin:16px 0 20px;color:#d5d6d8}.answer-steps{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 20px}.answer-steps span{font-size:10px;border-left:1px solid #895d4b;padding:3px 10px;color:#aeaba8}.citation-button{display:flex;align-items:center;gap:9px;font-size:10px;border:1px solid #39413e;color:#afc2b5;padding:7px 10px;border-radius:3px}.citation-button .ui-icon{width:12px;height:12px}.citation-content{border:1px solid #3e4740;border-radius:4px;padding:15px;margin-top:10px;background:#18231a44;font-size:11px;color:#bdc7be}.citation-content p{margin:8px 0 0;font-size:12px}.demo-input{margin:27px 0 10px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #393c44;color:#767d86;font-size:11px;border-radius:4px}.demo-input .ui-icon{width:15px}.conversation>small{font-size:9px}.source-showcase{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:100px}.source-showcase h2{line-height:1.45;margin-bottom:25px}.source-showcase p{font-size:14px;color:var(--muted);line-height:1.9}.source-showcase .muted{font-size:11px}.screenshot-frame{padding:15px;border:1px solid #3a3c41;background:#131519;border-radius:6px;overflow:hidden;max-height:540px;display:flex;flex-direction:column;width:100%;align-items:center}.screenshot-frame img{object-fit:contain;max-height:445px;width:100%;background:white}.screenshot-frame>span{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0 0}.screenshot-frame:hover{border-color:var(--red)}.faq-section{border-top:1px solid var(--line)}.faq-list{max-width:900px;margin-left:auto}.faq-list details{border-bottom:1px solid #34363c;padding:21px 0}.faq-list summary{list-style:none;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>.ui-icon{width:16px;transition:transform .2s}.faq-list details[open] summary>.ui-icon{transform:rotate(180deg);color:var(--red)}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.9;margin:18px 40px 5px 0}.architecture-tabs{border:1px solid #33363c;padding:24px 32px 36px;background:#101215}.architecture-tabs .segmented-tabs{display:flex;justify-content:space-between}.architecture-tabs .segmented-tabs button{flex:1;justify-content:center;gap:14px}.architecture-tabs .segmented-tabs button span{font:9px var(--mono);color:var(--red)}.arch-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding-top:44px;min-height:285px}.arch-panel h3{font-size:30px;line-height:1.5;margin:15px 0}.arch-panel p{font-size:13px;color:var(--muted);margin:0}.arch-cells{display:grid;grid-template-columns:1fr 1fr;gap:12px}.arch-cells>div{padding:20px;border:1px solid #3c3d43;min-height:104px;position:relative}.arch-cells>div>span{font:8px var(--mono);color:#727780;position:absolute;right:14px;top:15px}.arch-cells .ui-icon{color:#b5b0aa;width:23px;height:23px}.arch-cells strong{font-size:12px;font-weight:450;display:block;margin-top:12px}.governance-section{background:#111215;border-block:1px solid #252932}.governance-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.governance-grid>div{padding:25px 22px;background:linear-gradient(160deg,#1b1d22,#111215);border:1px solid #363940}.governance-grid>div>span{font:10px var(--mono);display:block;color:var(--red);margin-bottom:25px}.governance-grid .ui-icon{color:#b7b9c0;width:26px;height:26px;margin-bottom:28px}.governance-grid h3{font-size:21px;margin-bottom:15px}.governance-grid p{font-size:12px;color:#989da7;line-height:1.9;margin:0}.report-dimensions{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #34353a}.report-dimensions>div{padding:24px 20px;border-right:1px solid #34353a}.report-dimensions>div:last-child{border:none}.report-dimensions>div>span{font:10px var(--mono);color:var(--red)}.report-dimensions h3{margin:15px 0;font-size:23px}.report-dimensions p{font-size:11px;line-height:1.8;color:var(--muted);min-height:38px}.decor-bars{height:55px;display:flex;gap:6px;align-items:flex-end;margin-top:24px;opacity:.4}.decor-bars i{flex:1;background:linear-gradient(#eeb696,#634438);border-top:1px solid #ebceba}
/* Tools */
.simple-hero{padding-bottom:45px}.simple-hero h1{margin:0;max-width:950px}.audio-visual .waveform{height:120px;display:flex;gap:5px;align-items:center;justify-content:center;padding:30px;margin:16px 0}.waveform i{width:4px;height:var(--h);border-radius:3px;background:linear-gradient(#ff865d,#ff4c2a);transform-origin:center;animation:wave 2s var(--d) ease-in-out infinite;opacity:.85}@keyframes wave{50%{transform:scaleY(.42);opacity:.5}}.transcript-lines{padding:15px 30px 20px;border-top:1px solid var(--line)}.transcript-lines>span{font:9px var(--mono);color:#747b85}.transcript-lines>p{font-size:13px;color:#c2c5ca;margin:8px 0 22px}.diff-editors{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px}.diff-editors label{color:var(--muted);font-size:11px;display:block}.diff-editors textarea{width:100%;display:block;min-height:210px;margin-top:12px;padding:18px;border:1px solid #3c4048;background:#0b0e12;font-size:12px;line-height:1.9;color:#c8cbd1;border-radius:4px;resize:vertical}.diff-actions{padding:0 25px 25px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.diff-actions>[role=status]{font-size:10px;color:var(--muted);margin-left:auto}.diff-output{border-top:1px solid #353940;padding:20px 25px;max-height:440px;overflow:auto}.diff-line{display:flex;font:12px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:2px 10px;border-left:2px solid transparent;color:#a5abb6}.diff-line span{width:25px;flex-shrink:0;user-select:none}.diff-line.add{background:#356c432a;color:#add3b4;border-color:#6fac86}.diff-line.remove{background:#8739232a;color:#f1ad9b;border-color:#d86440}.about-brand-visual{display:flex;align-items:center;gap:45px;margin:65px 0 0;border-top:1px solid #353137;border-bottom:1px solid #353137;padding:42px 0}.about-brand-visual .product-logo{width:110px;height:110px}.about-brand-visual>div>span{font-size:28px}.about-brand-visual>div>p{font-size:15px;margin:12px 0;color:var(--muted)}.about-company h2{font-size:35px;line-height:1.5}.about-company h3{font-size:17px;color:var(--muted);margin:15px 0 35px}.about-company>p{max-width:760px;font-size:16px;color:#a6a8ad;line-height:2}.about-manifesto{padding:30px 0 110px}.about-manifesto>span{font:11px var(--mono);color:var(--red)}.about-manifesto>p{font-size:clamp(32px,4.5vw,65px);line-height:1.5;letter-spacing:-.06em;margin:25px 0}.about-manifesto>p>span{color:var(--muted)}
/* Contact: no hidden submission / no fake success */
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:40px}.contact-info h2{font-size:36px;line-height:1.5;margin:20px 0 40px}.contact-item{display:flex;gap:18px;align-items:flex-start;margin:27px 0}.contact-item>.ui-icon{width:19px;height:19px;color:#b8a295;margin-top:5px}.contact-item>div>span{display:block;color:#777e87;font-size:10px;margin-bottom:8px}.contact-item a{font-size:17px;line-height:1.6;overflow-wrap:anywhere;display:block}.contact-item p{font-size:13px;line-height:1.8;color:#b4b5b9;max-width:360px}.contact-info>small{font-size:10px}.contact-form{padding:35px;background:#131519;border:1px solid #34373e}.contact-form h3{font-size:27px;margin:12px 0 26px}.contact-form label{display:block;font-size:11px;color:#aeb2b9;margin-bottom:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;color:#e1e2e5;background:#0c0f13;border:1px solid #383d45;padding:11px 12px;font-size:12px;border-radius:3px;margin-top:8px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#626b77}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-note{font-size:10px;line-height:1.9;color:#87909d;margin:10px 0 21px}.contact-result{margin-top:22px;padding:20px 0 0;border-top:1px solid #3b4249}.contact-result>strong{font-size:13px;color:#c6d6ca}.contact-result>p{font-size:11px;color:var(--muted);margin:7px 0 15px}.contact-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;max-height:200px;overflow:auto;background:#0b0e12;padding:15px;margin-top:15px}
/* Footer */
.site-footer{padding-top:62px;overflow:hidden;background:#08090b}.footer-top{display:flex;justify-content:space-between;gap:70px}.footer-top>div:first-child p{font-size:12px;color:#747a83;margin-top:18px}.footer-links{display:flex;gap:62px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-links>div>span{font-size:10px;color:#6d737c;margin-bottom:10px}.footer-links a{font-size:11px;color:#a2a6ad}.footer-links a:hover{color:var(--red-light)}.footer-links .ui-icon{width:12px;height:12px}.footer-word{font-family:Arial,sans-serif;font-size:clamp(130px,20.7vw,310px);font-weight:700;line-height:.88;text-align:center;letter-spacing:-.08em;margin-top:90px;color:#15171b;user-select:none;white-space:nowrap}.footer-bottom{border-top:1px solid #24262d;padding-block:23px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:9px;color:#717782}.footer-bottom .text-button{font-size:9px}.lightbox{position:fixed;inset:30px;max-width:calc(100vw - 60px);max-height:calc(100svh - 60px);padding:25px;background:#12151a;border:1px solid #62676f;color:white;border-radius:6px;overflow:auto}.lightbox::backdrop{background:#000d;backdrop-filter:blur(8px)}.lightbox img{max-height:76svh;width:auto;max-width:100%;object-fit:contain;margin:15px auto;background:white}.lightbox p{text-align:center;margin:12px 0 0;font-size:11px;color:var(--muted)}.lightbox-close{position:sticky;top:0;float:right;width:30px;height:30px;background:#242831;display:grid;place-items:center}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#22262c;border:1px solid #525963;padding:11px 22px;color:#e8e9eb;font-size:12px;border-radius:4px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
/* Motion is opt-in at runtime; content stays accessible without JS. */
.js-motion .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform 1s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}.js-motion .product-grid>.reveal:nth-child(even){transition-delay:.08s}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}
@media(min-width:1650px){.hero-art{right:4%;width:55%}.hero-content{padding-top:140px}.hero{min-height:800px}.hero-art-label{left:24%;right:20%}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:30px}.desktop-nav{gap:25px;margin-left:20px}.header-actions{gap:12px}.hero-art{right:-11%;width:69%;opacity:.85}.hero h1{font-size:65px}.hero-description{max-width:320px}.hero-content{padding-top:123px}.hero-coordinate{display:none}.section{padding-block:85px}.split-feature{gap:40px}.product-card{padding:25px}.source-showcase{gap:50px}.governance-grid{gap:8px}.governance-grid>div{padding:20px 14px}.creative-copy{padding:30px}.creative-orb{width:260px;height:260px}.contact-section{gap:50px}.footer-links{gap:35px}}
@media(max-width:900px){.desktop-nav{gap:18px;font-size:11px}.desktop-nav>a:last-child{display:none}.brand-wordmark{width:96px}.header-cta{padding:8px 10px;font-size:11px;gap:10px}.hero h1{font-size:57px}.hero-content{padding-top:150px}.hero-art{right:-18%;width:77%;opacity:.65}.hero-subtitle{font-size:16px}.hero-description{font-size:12px}.hero-art-label{display:none}.section-heading{gap:30px}.section-heading p{font-size:12px}.gis-layout{grid-template-columns:minmax(0,1fr) 210px}.gis-results{padding:20px 16px}.gis-map{min-height:350px}.split-feature{grid-template-columns:1fr;gap:40px}.sticky-copy{position:static}.creative-tab-layout{grid-template-columns:.9fr 1.1fr}.creative-copy h3{font-size:27px}.creative-preview{min-height:350px}.tool-card{gap:17px}.tool-card .product-logo{width:48px;height:48px}.tool-card h3{font-size:20px}.about-strip{grid-template-columns:1fr 2fr;gap:20px}.about-strip>.text-link{grid-column:2;justify-self:start}.sub-hero-content{grid-template-columns:1.5fr .5fr}.sub-hero-art{height:290px}.orbital-logo{padding:0}.orbital-logo>.product-logo{width:100px;height:100px}.orbit-ring{width:210px;height:210px}.ring2{width:170px;height:170px}.source-showcase{gap:45px;grid-template-columns:1fr 1fr}.source-showcase h2{font-size:29px}.feature-row{grid-template-columns:25px .9fr 1.1fr 16px;gap:20px}.feature-row h3{font-size:18px}.feature-row p{font-size:12px}.governance-grid{grid-template-columns:repeat(3,1fr)}.report-dimensions{grid-template-columns:repeat(3,1fr)}.report-dimensions>div{border-bottom:1px solid #34353a}.arch-panel{gap:25px}.knowledge-body{grid-template-columns:180px 1fr}.source-sidebar{padding:25px 15px}.conversation{padding:24px}.contact-section{grid-template-columns:1fr 1fr;gap:30px}.contact-form{padding:24px}.contact-item a{font-size:14px}.footer-top{gap:35px}.footer-links{gap:28px}.footer-links a{font-size:10px}.footer-top .brand-wordmark{width:88px}}
@media(max-width:700px){html{scroll-padding-top:86px}.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.site-header{height:70px;padding-inline:20px}.desktop-nav{display:none}.brand-symbol{width:31px;height:31px}.brand-wordmark{width:94px;height:24px}.brand{gap:10px}.header-actions{gap:12px}.motion-toggle{width:25px}.header-cta{display:none}.mobile-menu-button{display:grid;place-items:center;width:28px;height:30px;padding:0}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:70px;left:0;right:0;height:calc(100svh - 70px);overflow:auto;background:#101115;padding:24px}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #2b2d33;font-size:17px}.mobile-nav a>span{font-size:10px;color:var(--muted)}.mobile-only{display:block}.hero{height:auto;min-height:920px;max-height:none;padding-top:70px}.hero-content{padding-top:58px}.hero-eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:25px;gap:9px}.hero h1{font-size:clamp(49px,10.7vw,70px);line-height:1.2;margin-left:-3px}.hero-subtitle{font-size:16px;line-height:1.9;margin-top:21px;margin-bottom:12px}.hero-description{font-size:12px;margin-bottom:23px}.hero .button{padding:13px 18px;min-height:48px;font-size:11px;gap:17px}.hero .button-ghost{background:#0a0b0a77}.hero-art{left:-3%;right:auto;top:485px;width:106%;height:350px;opacity:1}.hero-art-label{display:flex;left:17%;right:10%;bottom:3%;font-size:7px}.hero-bottom{bottom:25px;flex-wrap:wrap;font-size:9px;gap:15px}.hero-bottom>span{font-size:9px}.hero-coordinate{display:none!important}.hero-backdrop{background:radial-gradient(ellipse at 65% 74%,#6b221b3b,transparent 51%)}.specialty-strip>.wrap{width:100%;grid-template-columns:1fr 1fr}.specialty-strip a{padding:17px 20px;font-size:10px;gap:12px;border-bottom:1px solid var(--line)}.specialty-strip a:nth-child(2){border-right:1px solid var(--line)}.specialty-strip a:nth-child(n+3){border-bottom:none}.section-label{font-size:10px;gap:12px;margin-bottom:24px}.section-label span{font-size:9px}.section-label i{width:25px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:29px;line-height:1.45}.section-heading p{font-size:12px;line-height:1.9;margin-top:20px}.section-heading .text-link{margin-top:20px}.product-grid{grid-template-columns:1fr;gap:13px}.product-card{padding:23px;min-height:0}.product-card-head{margin-bottom:25px}.product-card-main{gap:17px;margin-bottom:20px}.product-card-main .product-logo{width:48px;height:48px}.product-card-main h3{font-size:25px}.product-card-main>div>span{font-size:10px}.product-card h4{font-size:17px}.product-card p{font-size:12px}.tag-row span{font-size:10px;padding:4px 8px}.heading-with-logo{gap:15px}.heading-with-logo>.product-logo{width:32px;height:32px;margin-top:7px}.gis-toolbar{padding:8px;gap:4px}.gis-actions{gap:0}.gis-actions button{font-size:9px;padding:7px 6px;gap:4px}.gis-actions .ui-icon{width:13px}.layer-toggle{font-size:9px;gap:2px}.layer-toggle input{width:12px;height:12px}.gis-layout{grid-template-columns:1fr}.gis-map{min-height:275px;height:auto;aspect-ratio:800/560;max-height:none}.gis-results{border-left:none;border-top:1px solid #344339;padding:18px;display:grid;grid-template-columns:1fr auto;gap:10px 14px}.result-heading{grid-column:1;font-size:10px;justify-content:flex-start;gap:15px}.result-heading>strong{font-size:24px}.query-example{grid-column:1;font-size:10px;margin:0}.gis-results>.button{grid-column:2;grid-row:1/3;align-self:center;font-size:10px;min-height:38px;padding:10px 12px;gap:8px}.result-list{grid-column:1/-1;margin-top:5px;max-height:135px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-list>.muted{font-size:10px;margin:0;grid-column:1/-1}.download-selection{grid-column:1/-1;margin-top:0;justify-self:start;font-size:9px}.map-help{left:10px;top:10px;font-size:8px;max-width:90%;padding:5px 7px}.map-caption{left:10px;right:10px;bottom:9px;font-size:6px;gap:8px}.shell-bar{min-height:45px;padding:10px 13px;gap:12px;font-size:10px}.shell-title{gap:7px}.shell-title .product-logo{width:16px;height:16px}.demo-badge{font-size:7px;gap:5px}.demo-disclaimer{padding:10px 13px;font-size:9px}.example-download{gap:10px}.example-download>span{font-size:9px}.split-feature{gap:30px}.split-feature h2{font-size:30px;line-height:1.5}.split-feature p{font-size:12px;line-height:1.9}.task-prompt{padding:23px 20px}.task-prompt h4{font-size:15px}.task-timeline{padding:10px 18px}.task-step{gap:12px}.task-step strong{font-size:11px}.task-step small{font-size:9px}.step-state{font-size:8px}.agent-controls{padding:10px 18px 20px;gap:15px}.agent-controls>[role=status]{font-size:9px}.agent-demo .demo-disclaimer{padding:12px 18px;font-size:9px}.product-heading{font-size:12px;margin-bottom:18px}.product-heading .product-logo{width:28px;height:28px}.creative-tab-layout{grid-template-columns:1fr;min-height:auto;margin-top:22px}.creative-copy{padding:27px}.creative-copy h3{font-size:29px;line-height:1.4;margin-top:10px}.creative-copy p{font-size:12px}.creative-preview{min-height:340px;border-left:none;border-top:1px solid #342c3677}.creative-orb{width:260px;height:260px}.segmented-tabs{gap:26px}.segmented-tabs button{font-size:12px;gap:23px}.creative-copy>.muted{font-size:9px}.learning-visual{min-height:340px;padding:23px}.tool-grid{grid-template-columns:1fr;gap:0}.tool-card{padding:26px 0;gap:22px}.tool-card>.ui-icon{right:4px;top:26px}.tool-card+ .tool-card{border-top:none}.tool-card .product-logo{width:52px;height:52px}.about-strip{grid-template-columns:1fr;gap:23px;padding:35px 0 64px}.about-strip>.text-link{grid-column:auto}.about-strip p{font-size:22px;line-height:1.7}.cta-section{padding:65px 0}.cta-section h2{font-size:38px;line-height:1.45}.cta-line{display:block;margin-top:24px}.cta-line p{font-size:12px}.cta-line .button{margin-top:24px;min-width:0}.cta-orbit{width:400px;height:400px;right:-240px;top:20px}.sub-hero{padding-top:108px;padding-bottom:45px}.sub-hero-top{margin-bottom:35px;font-size:8px;align-items:flex-start}.sub-hero-top>span{text-align:right;max-width:50%}.sub-hero-content{grid-template-columns:1fr;gap:15px}.sub-hero h1{font-size:40px;line-height:1.4}.sub-hero-desc{font-size:13px;margin-top:20px;margin-bottom:24px}.sub-hero .button{padding:13px 16px;font-size:11px;min-height:48px;gap:15px}.sub-hero-art{height:240px;margin-top:0}.orbital-logo>.product-logo{width:110px;height:110px}.orbit-ring{width:250px;height:250px}.ring2{width:190px;height:190px}.sub-hero-art>span{font-size:8px;bottom:6px}.sub-hero+.section{padding-top:48px}.feature-row{grid-template-columns:20px 1fr 20px;gap:12px;padding:24px 0}.feature-row h3{font-size:19px}.feature-row p{grid-column:2/3;font-size:12px;line-height:1.9}.feature-row>.ui-icon{grid-column:3;grid-row:1;width:16px}.feature-row>span{font-size:9px}.knowledge-body{grid-template-columns:1fr}.source-sidebar{display:none}.conversation{padding:20px}.conversation>p{font-size:12px;line-height:1.9}.user-bubble{font-size:12px;padding:11px 13px;max-width:96%}.answer-steps{gap:5px}.answer-steps span{font-size:8px;padding:3px 7px}.source-showcase{grid-template-columns:1fr;gap:24px}.source-showcase h2{font-size:29px;margin-bottom:18px}.source-showcase p{font-size:12px}.source-showcase .muted{font-size:10px}.screenshot-frame{max-height:450px;padding:10px}.screenshot-frame img{max-height:350px;width:100%}.screenshot-frame>span{font-size:10px;padding-top:10px}.faq-list summary{font-size:14px;line-height:1.7;gap:16px}.faq-list details{padding:18px 0}.faq-list details p{font-size:12px;margin-right:0}.architecture-tabs{padding:12px 20px 25px}.architecture-tabs .segmented-tabs{gap:16px}.arch-panel{grid-template-columns:1fr;gap:22px;padding-top:25px}.arch-panel h3{font-size:26px}.arch-panel p{font-size:12px}.arch-cells>div{padding:17px;min-height:95px}.arch-cells strong{font-size:11px}.governance-grid{grid-template-columns:1fr 1fr;gap:10px}.governance-grid>div{padding:20px}.governance-grid h3{font-size:19px}.governance-grid p{font-size:11px}.governance-grid>div>span{margin-bottom:19px}.governance-grid .ui-icon{margin-bottom:20px}.report-dimensions{grid-template-columns:1fr 1fr}.report-dimensions>div{padding:22px 18px}.report-dimensions h3{font-size:21px}.report-dimensions p{font-size:10px}.report-dimensions>div:last-child{border-right:1px solid #34353a}.diff-editors{grid-template-columns:1fr;padding:18px;gap:17px}.diff-editors textarea{min-height:155px;font-size:11px;padding:14px}.diff-actions{padding:0 18px 20px;gap:20px}.diff-actions>[role=status]{width:100%;margin-left:0}.diff-output{padding:15px 12px}.diff-line{font-size:10px}.about-brand-visual{gap:25px;margin-top:40px;padding:30px 0}.about-brand-visual .product-logo{width:65px;height:65px}.about-brand-visual>div>span{font-size:19px}.about-brand-visual>div>p{font-size:11px;line-height:1.8}.about-company h2{font-size:26px}.about-company h3{font-size:15px;line-height:1.8;margin:15px 0 25px}.about-company>p{font-size:14px;line-height:2}.about-manifesto{padding-bottom:65px}.about-manifesto>p{font-size:32px}.contact-section{grid-template-columns:1fr;gap:45px;padding-top:15px}.contact-info h2{font-size:30px;line-height:1.5}.contact-item a{font-size:16px}.contact-item p{font-size:12px}.contact-form{padding:24px 20px}.form-two{gap:10px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form label{font-size:11px}.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:12px}.site-footer{padding-top:43px}.footer-top{display:block}.footer-top>div:first-child p{font-size:11px;margin-top:12px}.footer-links{margin-top:33px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-links>div:last-child{grid-column:1/-1}.footer-links>div{gap:7px}.footer-links>div>span{margin-bottom:5px}.footer-links a{font-size:11px}.footer-word{font-size:22vw;margin-top:50px}.footer-bottom{font-size:8px;align-items:flex-start;gap:15px;flex-wrap:wrap;padding-block:18px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>.text-button{font-size:8px}.lightbox{inset:15px;max-width:calc(100vw - 30px);padding:15px}.lightbox img{max-height:70svh}.js-motion .reveal{transform:translateY(16px)}}

/* Motion accessibility stays independent from the type system below. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js-motion .reveal{opacity:1;transform:none}.hero-art canvas{transition:none}}

.hero-art.has-canvas canvas{opacity:1}.hero-art.has-canvas .hero-fallback{opacity:0}

/* 2026 palette refinement: layered charcoal, restrained vermilion, warmer proof sections. */
body{background:var(--bg)}
::selection{background:var(--red);color:var(--bg-deep)}
.site-header{background:rgba(11,13,16,.8);border-color:var(--line)}
.site-header.scrolled{background:rgba(11,13,16,.94)}
.product-menu,.mobile-nav:not([hidden]){background:var(--surface)}
.product-menu a:hover,.tool-card:hover{background:var(--surface2)}
.hero{background:var(--bg)}
.specialty-strip{background:var(--surface)}
.product-card{border-color:#30363e;background:linear-gradient(135deg,var(--surface2),#0e1115)}
.product-card:nth-child(n) .card-glow{background:var(--red)}
.demo-shell,.architecture-tabs{background:linear-gradient(135deg,var(--surface),#0d1014);border-color:#343b44}
.creative-section{background:var(--surface);border-color:#2b3138}
.creative-tab-layout{background:linear-gradient(145deg,var(--surface2),#0d1014);border-color:#343a43}
.governance-section{background:var(--surface);border-color:#2b333d}
.governance-grid>div{background:linear-gradient(160deg,var(--surface2),var(--surface));border-color:#39414b}
.cta-section{background:radial-gradient(ellipse at 89% 85%,#7d2d1d2e,transparent 55%),var(--surface);border-color:#353b43}
.sub-hero-art{background:radial-gradient(ellipse at 50% 60%,#d24b2a18,transparent 63%)}
.contact-form{background:var(--surface2);border-color:#39414b}
.contact-form input,.contact-form select,.contact-form textarea{background:#0d1116;border-color:#414a56}
.site-footer{background:var(--bg-deep)}
.footer-word{color:#171b20}

/* Product evidence and company proof get a light breathing space between dark scenes. */
.source-showcase,.about-company{background:var(--paper);color:var(--paper-ink);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
.source-showcase h2,.source-showcase h2 span,.about-company h2{color:var(--paper-ink)}
.source-showcase p,.source-showcase .muted,.about-company h3,.about-company>p{color:#5d6671}
.source-showcase .section-label,.about-company .section-label{color:#4f5863}
.source-showcase .section-label i,.about-company .section-label i{background:#aeb5bd}
.source-showcase .screenshot-frame{background:#e5e2dc;border-color:#c7c3bc}
.source-showcase .screenshot-frame>span{color:#59626c}

@media(max-width:360px){.hero .button{padding:12px 11px;gap:10px;font-size:10px}}

/* Conversion update: hover navigation, case proof, partners, direct enquiry and legible small copy. */
.nav-trigger{display:flex;align-items:center;gap:6px;padding:25px 0;color:#b8b9bc;font-size:12px;letter-spacing:.03em;transition:color .2s}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"],.nav-trigger[aria-current="page"]{color:#fff}
.nav-trigger .ui-icon{width:12px;height:12px;transition:transform .2s var(--ease)}
.nav-trigger[aria-expanded="true"] .ui-icon{transform:rotate(180deg)}
.nav-menu{position:absolute;left:-35px;top:65px;width:370px;border:1px solid #3a3e45;background:#101318f5;box-shadow:0 30px 60px #000b;padding:10px;border-radius:7px;backdrop-filter:blur(20px)}
.nav-menu:not([hidden]){display:grid;gap:2px;animation:nav-menu-in .18s var(--ease)}
.nav-menu a{display:flex;align-items:center;gap:15px;padding:13px 15px;border-radius:3px;transition:background .2s,color .2s}
.nav-menu a:hover,.nav-menu a:focus-visible{background:#1b2026;color:#fff}
.nav-menu .product-logo{width:31px;height:31px}
.nav-menu a>span{flex:1}
.nav-menu strong{display:block;font-size:13px;font-weight:500}
.nav-menu small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.nav-menu a>.ui-icon:last-child{width:15px;color:#838a94}
.tool-menu{width:345px}
@keyframes nav-menu-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.mobile-nav-label{display:block;margin-top:18px;padding:4px 0;color:var(--red-light);font:11px/1.5 var(--mono);letter-spacing:.12em}
.mobile-nav-label:first-child{margin-top:0}

.case-proof{background:#0d1116;border-block:1px solid #252b33}
.case-proof .section-heading{margin-bottom:42px}
.case-list{border-top:1px solid #343b45}
.case-row{display:grid;grid-template-columns:42px minmax(230px,.8fr) minmax(300px,1.2fr) auto;align-items:center;gap:32px;padding:28px 0;border-bottom:1px solid #343b45}
.case-index{font:11px/1 var(--mono);color:var(--red-light)}
.client-mark{min-height:86px;padding:17px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#f2f0eb;color:#20252b;border-radius:3px;transition:transform .25s var(--ease),background .25s}
.client-mark:hover{transform:translateY(-2px);background:#fff}
.client-mark img{width:100%;height:38px;object-fit:contain}
.client-mark span{font-size:12px;line-height:1.45;text-align:center;color:#545c66}
.case-copy>span{display:block;margin-bottom:8px;color:#d8dce2;font-size:15px;font-weight:520}
.case-copy p{margin:0;max-width:570px;color:#aeb6c0;font-size:14px;line-height:1.9}
.case-contact{display:inline-flex;align-items:center;gap:13px;padding-bottom:7px;border-bottom:1px solid #5e6670;color:#c9ced5;font-size:13px;white-space:nowrap;transition:color .2s,border-color .2s}
.case-contact:hover{color:var(--red-light);border-color:var(--red)}
.case-contact .ui-icon{width:16px;height:16px}

.partner-section{background:var(--paper);color:var(--paper-ink)}
.partner-section .section-label,.partner-section .section-heading p{color:#626c77}
.partner-section .section-label i{background:#aeb5bd}
.partner-section .section-heading h2,.partner-section .section-heading h2 span{color:var(--paper-ink)}
.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cdd1d4;border-left:1px solid #cdd1d4}
.partner-item{min-height:124px;padding:24px;display:flex;align-items:center;justify-content:center;background:#f2f0eb;border-right:1px solid #cdd1d4;border-bottom:1px solid #cdd1d4;transition:background .25s,color .25s}
.partner-item:hover{background:#f2f0eb}
.partner-lockup{width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;transition:transform .25s var(--ease)}
.partner-item:hover .partner-lockup{transform:translateY(-2px)}
.partner-lockup:has(.partner-wordmark){gap:16px}
.partner-item img{width:100%;height:50px;object-fit:contain}
.partner-item img[src*="ccnu-emblem"]{width:64px;height:64px}
.partner-item .partner-wordmark{width:min(190px,64%);height:44px}
.partner-item img[src*="wpdi.png"],.partner-item img[src*="zuel.svg"]{filter:brightness(0) saturate(100%);opacity:.76}

.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.contact-form [aria-busy="true"]{cursor:wait;opacity:.72}
.contact-result .text-link{margin-top:4px}

/* Keep secondary text readable without flattening the display hierarchy. */
.mini-label{font-size:11px}
.fine-print,.form-note,.contact-info>small{font-size:12px}
.section-label{font-size:13px}
.section-label span{font-size:11px}
.feature-row p,.source-showcase p,.faq-list details p{font-size:14px}
.feature-row>span,.report-dimensions>div>span{font-size:11px}
.demo-jump-label{font-size:11px}
.demo-jump-description{font-size:13px}
.footer-top>div:first-child p{font-size:14px;color:#9299a3}
.footer-links>div>span{font-size:12px;color:#89919b}
.footer-links a{font-size:13px;line-height:1.65}
.footer-bottom{margin-top:64px;font-size:12px;color:#8d96a2}
.footer-bottom .text-button{font-size:12px}
.footer-bottom>a:hover{color:var(--red-light)}

@media(max-width:1000px){
  .case-row{grid-template-columns:32px minmax(210px,.8fr) minmax(260px,1.2fr);gap:24px}
  .case-contact{grid-column:3;justify-self:start}
}
@media(max-width:700px){
  .mobile-nav-label{font-size:11px}
  .case-row{grid-template-columns:24px 1fr;gap:16px;padding:24px 0}
  .client-mark,.case-copy,.case-contact{grid-column:2}
  .client-mark{min-height:82px}
  .case-copy p{font-size:13px}
  .partner-grid{grid-template-columns:1fr 1fr}
  .partner-item{min-height:104px;padding:18px 14px}
  .partner-lockup{min-height:54px}
  .partner-lockup:has(.partner-wordmark){gap:8px}
  .partner-item img{height:42px}
  .partner-item img[src*="ccnu-emblem"]{width:44px;height:44px}
  .partner-item .partner-wordmark{width:min(90px,64%);height:32px}
  .section-label{font-size:12px}
  .mini-label{font-size:11px}
  .feature-row p,.source-showcase p,.faq-list details p{font-size:13px}
  .footer-links>div>span{font-size:12px}
  .footer-links a{font-size:13px}
  .footer-bottom{margin-top:42px;font-size:11px}
  .footer-bottom .text-button{font-size:11px}
}

/* Product films: a single cinematic proof point replaces the static interface image. */
.video-showcase{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(45px,6vw,90px)}
.product-video-frame{margin:0;padding:11px;background:#090a0c;border:1px solid #34373d;border-radius:7px;box-shadow:0 24px 65px #11151b24;overflow:hidden}
.product-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#050607;border:1px solid #26292f}
.product-video-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 4px 2px;color:#9298a2;font:10px/1.5 var(--mono);letter-spacing:.025em}
.product-video-frame figcaption span{display:flex;align-items:center;gap:8px}
.product-video-frame figcaption span:last-child{text-align:right}
.product-video-frame figcaption .ui-icon{width:12px;height:12px;color:var(--red-light);flex:0 0 auto}
.source-showcase .product-video-frame{background:#0a0b0d;border-color:#c7c3bc}
@media(max-width:900px){.video-showcase{grid-template-columns:1fr 1.25fr;gap:36px}}
@media(max-width:700px){.video-showcase{grid-template-columns:1fr;gap:24px}.product-video-frame{padding:8px}.product-video-frame figcaption{font-size:9px;align-items:flex-start}}

/* Contact QR is a quiet secondary route; the short form remains the primary action. */
.contact-qr{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:22px;margin:32px 0;padding:20px 0;border-block:1px solid #303741}
.contact-qr img{display:block;width:140px;height:140px;object-fit:cover;padding:5px;background:#fff;border:1px solid #49515c;border-radius:4px}
.contact-qr span{display:block;margin-bottom:8px;color:#7f8792;font-size:11px}
.contact-qr strong{display:block;color:var(--ink);font-size:18px;font-weight:430}
.contact-qr p{max-width:260px;margin:10px 0 0;color:#979eaa;font-size:12px;line-height:1.8}
@media(max-width:700px){.contact-qr{grid-template-columns:124px minmax(0,1fr);gap:16px;margin:28px 0}.contact-qr img{width:124px;height:124px}.contact-qr strong{font-size:16px}.contact-qr p{font-size:11px}.contact-form .form-two{grid-template-columns:1fr}}

/*
 * Coordinated type system
 * One Chinese variable face, one technical mono accent, five intentional weights.
 */
:root{
  --muted:#b4bac3;
  --soft:#929ba7;
  --type-display-xl:clamp(64px,6.7vw,96px);
  --type-display-lg:clamp(44px,4.45vw,64px);
  --type-section:clamp(34px,3.2vw,46px);
  --type-module:clamp(24px,2.1vw,30px);
  --type-card:22px;
  --type-lead:18px;
  --type-body:16px;
  --type-meta:14px;
  --type-micro:12px;
  --weight-display:380;
  --weight-heading:420;
  --weight-module:460;
  --weight-body:400;
  --weight-action:500;
  --leading-display:1.16;
  --leading-heading:1.42;
  --leading-body:1.78;
  --leading-meta:1.65;
}

body{font-size:var(--type-body);font-weight:var(--weight-body);line-height:var(--leading-body);font-synthesis:none}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:0}
h1,h2{font-weight:var(--weight-heading)}
h3,h4,strong,b{font-weight:var(--weight-module)}
.sub-hero h1,.simple-hero h1{font-size:var(--type-display-lg);font-weight:400;line-height:1.32;letter-spacing:0}
.section-heading h2,.split-feature h2,.source-showcase h2,.about-company h2,.contact-info h2{font-size:var(--type-section);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:0}
.about-manifesto>p,.cta-section h2{font-size:var(--type-display-lg);font-weight:400;letter-spacing:0}
.product-card-main h3,.arch-panel h3,.creative-copy h3{font-size:var(--type-module);font-weight:var(--weight-module);letter-spacing:0}
.feature-row h3,.governance-grid h3,.report-dimensions h3{font-size:var(--type-card);font-weight:var(--weight-module);letter-spacing:0}
.product-card h4,.task-prompt h4{font-weight:var(--weight-module);letter-spacing:0}

/* Chinese microcopy uses the brand face. Mono is reserved for English and data. */
.mini-label{font-family:var(--font);font-size:var(--type-micro);font-weight:var(--weight-module);line-height:1.6;letter-spacing:0;text-transform:none}
.mono-label,
.spotlight-product .mini-label,
.tool-link .mini-label,
.tool-card .mini-label,
.about-strip .mini-label,
.about-manifesto>span,
.sub-hero:not(.simple-hero) .sub-hero-top>span,
.simple-hero .sub-hero-top>span:first-child,
.sub-hero-art>span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase}
.section-label{font-size:var(--type-meta);font-weight:var(--weight-body);line-height:var(--leading-meta);letter-spacing:0;color:#c0c5cc}
.section-label span{font-family:var(--mono);font-size:var(--type-micro);font-weight:var(--weight-module);letter-spacing:.08em}
.sub-hero-top{font-family:var(--font);font-size:var(--type-micro);font-weight:var(--weight-body);line-height:1.6;letter-spacing:0;color:#969faa}
.mobile-nav-label{font-family:var(--font);font-weight:var(--weight-module);line-height:1.5;letter-spacing:0}
.sub-hero-top a{font-family:var(--font);font-size:var(--type-meta);font-weight:var(--weight-action)}
.product-video-frame figcaption{font-family:var(--font);font-size:var(--type-micro);font-weight:var(--weight-body);line-height:var(--leading-meta);letter-spacing:0;color:#aeb5bf}

/* Navigation and actions share one firm, readable weight. */
.desktop-nav,.mobile-nav,.nav-trigger,.header-cta,.button,.text-link,.text-button,.case-contact,.segmented-tabs button{font-weight:var(--weight-action)}
.desktop-nav,.nav-trigger{font-size:var(--type-meta)}
.nav-menu strong,.product-menu strong{font-size:var(--type-meta);font-weight:var(--weight-action)}
.nav-menu small,.product-menu small{font-size:var(--type-micro);line-height:1.55}
.header-cta{font-size:13px}
.button{font-size:var(--type-meta);font-weight:var(--weight-action)}
.button-small{font-size:13px}
.text-link{font-size:var(--type-meta)}
.text-button{font-size:13px}

/* Reading roles: lead, body, metadata, then compact illustrative UI. */
.hero-eyebrow{font-size:var(--type-micro);font-weight:var(--weight-module)}
.hero-description,.sub-hero-desc{font-size:var(--type-body);line-height:var(--leading-body)}
.hero-bottom{font-size:var(--type-micro);color:#a6aeb9}
.specialty-strip a{font-size:13px;font-weight:var(--weight-action)}
.section-heading p,.split-feature p,.about-company>p{font-size:var(--type-body);line-height:var(--leading-body)}
.feature-row p,.source-showcase p,.faq-list details p,.case-copy p{font-size:15px;line-height:var(--leading-body)}
.product-card p,.creative-copy p,.tool-card p,.arch-panel p,.governance-grid p,.report-dimensions p,.contact-item p{font-size:var(--type-meta);line-height:var(--leading-body)}
.product-card-main>div>span,.product-heading,.transwork-values,.case-copy>span{font-size:var(--type-meta)}
.case-copy>span{font-weight:var(--weight-module)}
.tag-row span,.fine-print,.form-note,.contact-info>small,.contact-result>p{font-size:13px;line-height:var(--leading-meta)}
.feature-row>span,.report-dimensions>div>span,.about-manifesto>span,.contact-item>div>span{font-size:var(--type-micro)}

/* Product demos stay compact, but never compete with page copy. */
.shell-bar{font-size:13px}
.demo-badge{font-size:11px}
.demo-disclaimer,.split-feature .demo-disclaimer{font-size:12px}
.gis-actions button,.layer-toggle,.result-heading,.query-example,.result-list>li,.result-list>.muted{font-size:12px}
.map-help{font-size:11px}
.task-prompt h4,.task-step strong,.arch-cells strong{font-weight:var(--weight-module)}
.task-step strong{font-size:13px}
.task-step small,.step-state,.agent-controls>[role=status]{font-size:11px}

/* Forms and footer are functional content, not decorative fine print. */
.contact-form label{font-size:13px;font-weight:var(--weight-action);color:#c8cdd4}
.contact-form input,.contact-form select,.contact-form textarea{font-family:var(--font);font-size:var(--type-body);font-weight:var(--weight-body);line-height:1.65}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8f98a4;opacity:1}
.contact-qr span{font-size:13px;color:#9da6b2}
.contact-qr strong{font-size:var(--type-lead);font-weight:var(--weight-module)}
.contact-qr p{font-size:var(--type-meta);line-height:var(--leading-body);color:#aab1bb}
.footer-top>div:first-child p{font-size:15px;line-height:var(--leading-body);color:#939ca8}
.footer-links>div>span{font-size:13px;font-weight:var(--weight-module);color:#929ba7}
.footer-links a{font-size:var(--type-meta);line-height:1.6;color:#b1b7c0}
.footer-bottom,.footer-bottom .text-button{font-size:13px;color:#929ba7}
.lightbox p,.toast{font-size:13px}

/* On warm proof sections, the red index is informational and needs dark-surface contrast. */
.source-showcase .section-label span,.about-company .section-label span,.partner-section .section-label span{color:#a73c2b}
.source-showcase .section-label,.about-company .section-label,.partner-section .section-label,.partner-section .section-heading p{color:#4e5864}

@media(max-width:900px) and (min-width:701px){
  .desktop-nav{font-size:13px}
  .header-cta{font-size:12px}
  .section-heading p{font-size:15px}
  .footer-links a{font-size:13px}
}

@media(max-width:700px){
  :root{
    --type-display-xl:48px;
    --type-display-lg:40px;
    --type-section:30px;
    --type-module:24px;
    --type-card:20px;
    --type-lead:16px;
    --type-body:15px;
    --type-meta:13px;
    --type-micro:12px;
  }
  body{font-size:var(--type-body)}
  .mobile-nav-label,.mobile-nav a>span{font-size:var(--type-micro)}
  .hero-eyebrow{font-size:11px}
  .hero-description{font-size:var(--type-meta)}
  .hero .button,.sub-hero .button{font-size:13px}
  .hero-bottom,.hero-bottom>span{font-size:var(--type-micro)}
  .specialty-strip a{font-size:12px}
  .section-label{font-size:var(--type-meta)}
  .section-label span{font-size:var(--type-micro)}
  .section-heading p,.sub-hero-desc{font-size:var(--type-body)}
  .product-card-main>div>span{font-size:var(--type-meta)}
  .product-card p,.creative-copy p,.tool-card p,.arch-panel p,.governance-grid p,.report-dimensions p,.contact-item p{font-size:var(--type-meta)}
  .tag-row span{font-size:var(--type-micro)}
  .shell-bar{font-size:12px}
  .demo-badge{font-size:10px}
  .demo-disclaimer,.agent-demo .demo-disclaimer{font-size:11px}
  .gis-actions button,.layer-toggle{font-size:10px}
  .result-heading,.query-example,.result-list>.muted{font-size:11px}
  .map-help{font-size:10px}
  .example-download>span{font-size:11px}
  .task-step strong{font-size:13px}
  .task-step small,.step-state,.agent-controls>[role=status]{font-size:11px}
  .sub-hero-top{font-size:var(--type-micro)}
  .sub-hero-top a{font-size:var(--type-meta)}
  .sub-hero-art{overflow:hidden}
  .sub-hero-art>span{font-size:11px}
  .feature-row p,.source-showcase p,.faq-list details p,.conversation>p,.user-bubble{font-size:var(--type-meta)}
  .feature-row>span{font-size:var(--type-micro)}
  .answer-steps span{font-size:10px}
  .source-showcase .muted,.screenshot-frame>span{font-size:var(--type-micro)}
  .about-brand-visual>div>p{font-size:var(--type-meta)}
  .about-company>p{font-size:var(--type-body)}
  .contact-form label{font-size:var(--type-meta)}
  .contact-form input::placeholder,.contact-form textarea::placeholder{font-size:var(--type-meta)}
  .footer-top>div:first-child p{font-size:var(--type-meta)}
  .footer-links>div>span{font-size:var(--type-meta)}
  .footer-links a{font-size:var(--type-meta)}
  .footer-bottom,.footer-bottom>.text-button{font-size:12px}
  .product-video-frame figcaption{font-size:var(--type-micro)}
  .contact-qr span{font-size:var(--type-micro)}
  .contact-qr p{font-size:var(--type-meta)}
}

@media(max-width:360px){.hero .button{font-size:12px}}

/* 首页：朱雀展翼与滚动叙事。共用产品页样式仍由 style.css 维护。 */
body[data-page="index"] { --bg: #0a0c0f; --red: #ff5a3d; background: var(--bg); }
body[data-page="index"] .site-header { height: 78px; background: linear-gradient(#0a0c0fe8, #0a0c0f70); border-color: #e2e7ee1f; }
body[data-page="index"] .site-header.scrolled { background: #0b0d10f2; }
body[data-page="index"] .header-cta { border-radius: 0; border-color: #ffffff60; }
body[data-page="index"] .button { border-radius: 0; }
body[data-page="index"] .section-label { text-transform: uppercase; letter-spacing: .12em; }
.cinema-hero.hero { height: 100svh; min-height: 640px; max-height: none; padding: 0; background: #0a0c0f; isolation: isolate; }
.cinema-hero .hero-backdrop { background: radial-gradient(ellipse at 50% 44%, #73200f20, transparent 55%); }
.cinema-hero .hero-art { inset: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.cinema-hero .hero-art canvas { width: 100%; height: 100%; }
.cinema-hero .hero-art.has-scene canvas { opacity: 1; }
.cinema-hero .hero-fallback { width: 28%; height: 36%; left: 36%; top: 17%; opacity: .6; }
.cinema-hero .has-scene .hero-fallback { display: none; }
.cinema-overline, .hero-overline { position: absolute; z-index: 3; top: 112px; left: 4%; right: 4%; display: flex; justify-content: space-between; gap: 24px; pointer-events: none; }
.cinema-overline > :first-child, .hero-overline > :first-child { color: #d9dde2; font: 11px/1.8 var(--mono); letter-spacing: .19em; }
.cinema-overline > :last-child, .hero-overline > :last-child { color: #aab1ba; font-size: 11px; text-align: right; letter-spacing: .12em; }
.cinema-overline strong, .hero-overline strong { display: block; color: #f2f3f5; font: 19px/1.8 var(--font); letter-spacing: .2em; }
.cinema-title { position: absolute; bottom: 20%; left: 4%; right: 4%; z-index: 3; margin: 0; text-align: center; font-size: clamp(52px, 7.1vw, 112px) !important; font-weight: 520 !important; letter-spacing: -.065em !important; line-height: 1.2 !important; pointer-events: none; }
.cinema-title > span { display: inline-block; color: #f2f3f5 !important; }
.cinema-title > span + span { margin-inline-start: .24em; }
.cinema-title > span:last-child { color: #ff6f52 !important; }
.cinema-meta { position: absolute; left: 4%; right: 4%; bottom: 9%; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-top: 23px; border-top: 1px solid #ffffff24; }
.cinema-meta p { margin: 0; color: #bbc2cb; font-size: 14px; line-height: 1.9; letter-spacing: .03em; }
.cinema-meta .button { min-height: 48px; padding: 12px 22px; font-size: 12px; gap: 35px; }
.cinema-meta .button-ghost { border: 0; padding-right: 0; }
.cinema-bottom { position: absolute; left: 4%; right: 4%; bottom: 23px; z-index: 3; display: flex; align-items: center; justify-content: space-between; font: 12px/1.5 var(--mono); color: #9ca4ae; letter-spacing: .11em; }
.cinema-bottom .scroll-hint { font: 12px var(--font); letter-spacing: .12em; }
.cinema-bottom .hero-coordinate { font-size: 12px; }
.cinema-bottom .scroll-line { height: 20px; }
.cinema-bottom > :last-child::before { content: ''; display: inline-block; width: 4px; height: 4px; background: #ff633d; box-shadow: 0 0 12px #ff633d; margin-right: 10px; }
.cinema-title { animation: cinema-enter 1.3s .2s both; }
.cinema-overline, .hero-overline, .cinema-meta, .cinema-bottom { animation: cinema-enter 1.2s .5s both; }
@keyframes cinema-enter { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

.manifesto-section { min-height: 180svh; position: relative; border-top: 1px solid #ffffff15; }
.manifesto-sticky { position: sticky; top: 0; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding: 120px max(4%, calc((100vw - 1280px)/2)); overflow: hidden; isolation: isolate; }
.manifesto-sticky .section-label { margin-bottom: 36px; }
.manifesto-sticky > .mini-label, .manifesto-eyebrow { color: #aaa3a0; font-size: 12px; letter-spacing: .16em; margin-bottom: 28px; }
.manifesto-sticky h2 { font-size: clamp(40px, 5.6vw, 84px); font-weight: 480; line-height: 1.52; letter-spacing: -.055em; }
.manifesto-sticky h2 > span { display: block; color: #eeeae5; }
.home-motion .manifesto-sticky h2 > span { color: rgb(238 234 229 / var(--line-light, .2)); text-shadow: 0 0 40px rgb(255 97 50 / var(--line-glow, 0)); transition: color .12s; }
.manifesto-sticky > p, .manifesto-caption { margin: 38px 0 0 auto; width: min(330px, 50%); color: #aeb5be; font-size: 13px; line-height: 2; }
.manifest-ring { position: absolute; z-index: -1; top: 20%; right: -17%; width: min(72vw, 1000px); aspect-ratio: 1; border: 1px solid #f3663424; border-radius: 50%; box-shadow: inset 0 0 110px #a6380f0c, 0 0 100px #c13a1010; transform: rotateX(55deg) rotateZ(-25deg); }
.manifest-ring::before, .manifest-ring::after { content: ''; position: absolute; inset: 8%; border: 1px solid #ff662522; border-radius: 50%; }
.manifest-ring::after { inset: 19%; border-color: #ff662514; }

.product-showcase { border-top: 1px solid #ffffff20; padding-block: 104px 115px; }
.product-showcase .section-heading { margin-bottom: 64px; }
.product-showcase .section-heading h2 { font-size: clamp(36px, 4.6vw, 66px); line-height: 1.35; }
.product-showcase .section-heading p { font-size: 13px; max-width: 280px; }
.product-runway { display: grid; grid-template-columns: 36px 64px minmax(195px, 1fr) minmax(160px, .85fr) 34px; gap: 26px; align-items: center; position: relative; padding: 39px 0; border-top: 1px solid #ffffff25; transition: padding .4s var(--ease), background .4s; }
.product-runway:last-child { border-bottom: 1px solid #ffffff25; }
.product-runway::before { position: absolute; content: ''; inset: 0 -24px; z-index: -1; background: linear-gradient(100deg, #ff60260b, transparent 85%); opacity: 0; transition: opacity .4s; }
.product-runway:hover::before, .product-runway:focus-visible::before { opacity: 1; }
.product-runway:hover { padding-left: 14px; }
.runway-index { font: 10px var(--mono); color: #777371; }
.product-runway .product-logo { width: 58px; height: 58px; transition: transform .4s var(--ease); }
.product-runway:hover .product-logo { transform: translateY(-4px) rotate(-5deg); }
.runway-name h3 { font-size: clamp(26px, 2.9vw, 40px); font-weight: 460; letter-spacing: -.04em; margin-bottom: 7px; }
.runway-name > span, .runway-name > p { font-size: 11px; color: #a5adb7; margin: 0; }
.runway-description { color: #c2c8cf; font-size: 13px; line-height: 1.8; }
.runway-description p { font-size: 12px; color: #929aa4; margin: 7px 0 0; }
.product-runway > .ui-icon { width: 26px; height: 26px; color: #ada39e; transition: color .3s, transform .3s; }
.product-runway:hover > .ui-icon { color: var(--red); transform: translate(3px,-3px); }

.transwork-spotlight { position: relative; padding-block: 112px; overflow: hidden; background: radial-gradient(ellipse at 75% 55%, #ff563023, transparent 54%), #11151a; border-block: 1px solid #e2e7ee1c; }
.spotlight-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 4%; }
.spotlight-copy { position: relative; z-index: 2; }
.spotlight-baseline { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 60px; padding-top: 25px; border-top: 1px solid #ffffff20; font-size: 11px; color: #a59990; }
.spotlight-baseline p { margin: 0; letter-spacing: .12em; }
.future-brand { display: flex; gap: 14px; justify-content: center; align-items: center; margin-top: 40px; font-size: 10px; color: #a59689; }
.future-brand > :first-child { font-family: var(--mono); letter-spacing: .15em; }
.spotlight-copy h2 { font-size: clamp(36px, 4.5vw, 65px); line-height: 1.45; margin: 28px 0; }
.spotlight-copy > p { font-size: 13px; color: #adb5bf; line-height: 2; }
.spotlight-copy .text-link { margin-top: 22px; }
.work-orbit { width: 100%; aspect-ratio: 1.1; position: relative; perspective: 750px; display: grid; place-items: center; isolation: isolate; }
.work-orbit::before { content: ''; position: absolute; inset: 16%; border-radius: 50%; background: radial-gradient(circle, #ff6a2828, #a1321611 44%, transparent 70%); filter: blur(12px); }
.work-orbit > img, .work-orbit .product-logo, .orbit-core img { width: 102px; height: 102px; object-fit: contain; position: relative; z-index: 2; filter: drop-shadow(0 0 26px #ff562022); }
.orbit-core { position: relative; z-index: 2; width: 128px; height: 128px; display: grid; place-items: center; }
.work-orbit .work-ring, .work-orbit > i { position: absolute; inset: 10%; border: 1px solid #ff633d70; border-radius: 50%; transform: rotateX(64deg) rotateZ(-24deg); box-shadow: 0 0 20px #ff4d1610; animation: orbit-breathe 14s ease-in-out infinite; }
.work-orbit .work-ring:nth-child(2), .work-orbit > i:nth-child(2) { inset: 3%; transform: rotateX(64deg) rotateY(40deg) rotateZ(22deg); animation-delay: -4s; border-color: #b9927855; }
.work-orbit .work-ring:nth-child(3), .work-orbit > i:nth-child(3) { inset: 20%; transform: rotateY(50deg) rotateZ(-35deg); animation-delay: -8s; border-color: #fdf4e855; }
.work-ring::after { content: ''; position: absolute; top: 14%; left: 14%; width: 5px; height: 5px; border-radius: 50%; background: #ffa273; box-shadow: 0 0 16px #ff5c29; }
.work-orbit .orbit-label { position: absolute; font-size: 11px; letter-spacing: .12em; color: #bbb1a8; padding: 7px 12px; background: #110b08cc; border-bottom: 1px solid #7b45325c; }
.orbit-label.label-goal { top: 20%; left: 18%; }
.orbit-label.label-action { right: 3%; top: 48%; }
.orbit-label.label-result { left: 17%; bottom: 17%; }
@keyframes orbit-breathe { 50% { rotate: 20deg; scale: .93; } }

.tools-showcase { padding-block: 105px; }
.tools-showcase .section-heading h2 { font-size: clamp(32px, 4vw, 55px); line-height: 1.4; }
.tool-links { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.tool-link { display: flex; align-items: center; gap: 25px; padding: 32px 0; border-block: 1px solid #ffffff24; }
.tool-link .product-logo { width: 54px; height: 54px; }
.tool-link h3 { font-size: 25px; font-weight: 480; margin-bottom: 6px; }
.tool-link p { font-size: 12px; color: #aeb5be; margin: 0; }
.tool-link > .ui-icon { margin-left: auto; color: #aeb5be; }
.tool-link:hover > .ui-icon { color: var(--red); transform: translate(3px, -3px); transition: .3s; }
.future-cta { position: relative; min-height: 670px; padding-block: 118px 130px; display: grid; align-items: center; text-align: center; overflow: hidden; isolation: isolate; border-top: 1px solid #ffffff17; }
.future-cta .wrap { position: relative; z-index: 1; }
.future-cta .section-label { justify-content: center; }
.future-cta h2 { font-size: clamp(42px, 5.8vw, 86px); line-height: 1.4; margin-bottom: 33px; font-weight: 460; }
.future-cta h2 span { color: #aeb5be; }
.future-cta p { font-size: 12px; color: #9fa8b3; margin: 25px 0 0; }
.future-cta::before { content: ''; position: absolute; width: 160%; aspect-ratio: 2.2; border-radius: 50%; bottom: -83%; left: -30%; background: #140904; box-shadow: 0 0 1px 1px #ee773c, 0 -4px 30px #ff5d2130, 0 -25px 100px #ff5d2130; z-index: -1; }
body[data-page="index"] .site-footer { border-top: 1px solid #e2e7ee1f; background: #07090c; }
body[data-page="index"] .footer-word { color: #191d22; -webkit-text-stroke: 1px #44505b55; letter-spacing: -.075em; }
.motion-paused .work-ring, .motion-paused .work-orbit > i, .motion-paused .cinema-title, .motion-paused .hero-overline, .motion-paused .cinema-meta, .motion-paused .cinema-bottom { animation-play-state: paused; }
.motion-paused .manifesto-section h2 > span { color: #eeeae5; }
.motion-paused .cinema-title, .motion-paused .hero-overline, .motion-paused .cinema-meta, .motion-paused .cinema-bottom { animation: none !important; opacity: 1; transform: none; }

@media (min-width: 1600px) { .cinema-title { bottom: 20%; } .cinema-meta { bottom: 10%; } }
@media (max-width: 1000px) {
  .cinema-hero.hero { min-height: 660px; }
  .cinema-meta { gap: 18px; }
  .cinema-meta p { font-size: 12px; }
  .cinema-meta .button { padding: 12px 16px; gap: 16px; }
  .product-runway { grid-template-columns: 24px 48px 1fr 1fr 24px; gap: 18px; }
  .product-runway .product-logo { width: 44px; height: 44px; }
  .tool-links { gap: 30px; }
}
@media (max-width: 700px) {
  .spotlight-baseline { margin-top: 12px; gap: 14px; align-items: flex-start; flex-direction: column; font-size: 10px; }
  .future-brand { flex-direction: column; gap: 8px; font-size: 9px; }
  body[data-page="index"] .site-header { height: 66px; padding-inline: 20px; }
  .cinema-hero.hero { min-height: 730px; height: 100svh; }
  .hero-overline, .cinema-overline { top: 91px; left: 22px; right: 22px; }
  .hero-overline > :first-child, .cinema-overline > :first-child { font-size: 8px; letter-spacing: .1em; }
  .hero-overline > :last-child, .cinema-overline > :last-child { font-size: 9px; max-width: 125px; line-height: 1.8; }
  .hero-overline strong, .cinema-overline strong { font-size: 15px; }
  .cinema-title { bottom: 24%; left: 20px; right: 20px; font-size: clamp(41px, 11.8vw, 72px) !important; line-height: 1.25 !important; text-align: left; }
  .cinema-title > span { display: block; }
  .cinema-title > span + span { margin-inline-start: 0; }
  .cinema-meta { bottom: 8%; left: 22px; right: 22px; display: block; padding-top: 15px; }
  .cinema-meta p { font-size: 11px; line-height: 1.8; }
  .cinema-meta .button-row { margin-top: 16px; gap: 8px; }
  .cinema-meta .button { padding: 10px 14px; min-height: 42px; font-size: 10px; gap: 14px; }
  .cinema-meta .button-ghost { padding-left: 13px; }
  .cinema-bottom { left: 22px; right: 22px; bottom: 21px; font-size: 9px; }
  .cinema-bottom .scroll-hint { font-size: 10px; }
  .cinema-hero .hero-fallback { width: 46%; left: 27%; top: 20%; height: 25%; }
  .manifesto-section { min-height: 145svh; }
  .manifesto-sticky { min-height: 90svh; padding: 105px 24px 75px; }
  .manifesto-sticky h2 { font-size: clamp(31px, 8.8vw, 55px); line-height: 1.7; }
  .manifesto-sticky > p, .manifesto-caption { margin: 40px 0 0; width: 90%; max-width: 310px; font-size: 12px; }
  .manifest-ring { top: 30%; right: -50%; width: 120vw; }
  .product-showcase { padding-block: 70px; }
  .product-showcase .section-heading { margin-bottom: 36px; }
  .product-showcase .section-heading h2 { font-size: 34px; }
  .product-runway { grid-template-columns: 19px 42px 1fr 21px; gap: 13px; padding: 27px 0; }
  .product-runway:hover { padding-left: 0; }
  .product-runway::before { inset-inline: -12px; }
  .runway-index { font-size: 8px; }
  .product-runway .product-logo { width: 40px; height: 40px; }
  .runway-name h3 { font-size: 25px; margin-bottom: 6px; }
  .runway-name > span { font-size: 10px; }
  .runway-description { grid-column: 3; font-size: 11px; margin-top: -4px; }
  .runway-description p { display: none; }
  .product-runway > .ui-icon { grid-column: 4; grid-row: 1; width: 19px; }
  .transwork-spotlight { padding-block: 70px 30px; }
  .spotlight-layout { grid-template-columns: 1fr; gap: 10px; }
  .spotlight-copy h2 { font-size: 36px; }
  .spotlight-copy > p { font-size: 12px; }
  .work-orbit { max-width: 450px; margin: auto; aspect-ratio: 1.15; }
  .work-orbit .product-logo { width: 75px; height: 75px; }
  .work-orbit .orbit-label { font-size: 10px; }
  .tools-showcase { padding-block: 70px; }
  .tools-showcase .section-heading h2 { font-size: 31px; }
  .tool-links { grid-template-columns: 1fr; gap: 0; }
  .tool-link + .tool-link { border-top: 0; }
  .tool-link { padding-block: 28px; gap: 23px; }
  .tool-link h3 { font-size: 24px; }
  .tool-link .product-logo { width: 46px; height: 46px; }
  .future-cta { min-height: 510px; padding-block: 90px 100px; }
  .future-cta h2 { font-size: clamp(32px, 9.4vw, 52px); line-height: 1.5; }
  .future-cta p { font-size: 10px; }
  .future-cta::before { bottom: -35%; width: 200%; left: -50%; }
}
@media (prefers-reduced-motion: reduce) {
  .cinema-title, .hero-overline, .cinema-meta, .cinema-bottom { animation: none; }
  .manifesto-section { min-height: auto; }
  .manifesto-sticky { position: relative; min-height: 85svh; }
  .home-motion .manifesto-sticky h2 > span { color: #eeeae5; text-shadow: none; }
  .work-ring, .work-orbit > i { animation: none !important; }
}

/* The home page changes scene instead of staying on one uninterrupted black plane. */
.product-showcase { background: #11151a; box-shadow: 0 0 0 100vmax #11151a; clip-path: inset(0 -100vmax); }
.product-runway { border-color: #343b44; }
.product-runway:last-child { border-color: #343b44; }
.tools-showcase { background: linear-gradient(180deg, #0a0c0f, #0d1014); }
.future-cta { background: #0a0c0f; }

/* 产品演示统一跳转至真实产品站点。 */
.demo-jump { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 36px 0; border-block: 1px solid #ffffff30; transition: border-color .25s, color .25s; }
.demo-jump:hover { border-color: var(--red); }
.demo-jump-copy { display: flex; flex-direction: column; gap: 13px; }
.demo-jump-label { font-size: 10px; letter-spacing: .12em; color: #a29790; }
.demo-jump-title { font-size: clamp(26px, 3vw, 42px); line-height: 1.4; font-weight: 450; letter-spacing: -.045em; }
.demo-jump-description { color: #a49b94; font-size: 12px; line-height: 1.8; }
.demo-jump-arrow { width: 65px; height: 65px; display: grid; place-items: center; border: 1px solid #ff693a65; border-radius: 50%; color: var(--red); flex-shrink: 0; transition: background .3s, transform .3s; }
.demo-jump-arrow .ui-icon { width: 28px; height: 28px; }
.demo-jump:hover .demo-jump-arrow { background: #ff582011; transform: rotate(45deg); }
.sub-hero .button-row .demo-jump { padding: 13px 22px; border: 1px solid var(--red); background: var(--red); color: #08090b; min-height: 54px; gap: 26px; }
.sub-hero .button-row .demo-jump-copy { gap: 0; }
.sub-hero .button-row .demo-jump-label, .sub-hero .button-row .demo-jump-description { display: none; }
.sub-hero .button-row .demo-jump-title { font-size: 13px; font-weight: 550; letter-spacing: 0; }
.sub-hero .button-row .demo-jump-arrow { width: 20px; height: 20px; border: none; color: #08090b; }
.sub-hero .button-row .demo-jump-arrow .ui-icon { width: 20px; height: 20px; }
.sub-hero .button-row .demo-jump:hover { background: #ff734f; }
@media (max-width: 700px) {
  .cinema-bottom > span:nth-child(2) { display: none; }
  .demo-jump { padding-block: 28px; gap: 18px; }
  .demo-jump-title { font-size: 24px; }
  .demo-jump-description { font-size: 11px; }
  .demo-jump-arrow { width: 46px; height: 46px; }
  .demo-jump-arrow .ui-icon { width: 22px; height: 22px; }
  .sub-hero .button-row .demo-jump { padding: 12px 15px; min-height: 48px; gap: 15px; }
  .sub-hero .button-row .demo-jump-title { font-size: 11px; }
}

/* Home typography uses the shared scale while keeping the cinematic composition. */
body[data-page="index"] .section-label{letter-spacing:0;text-transform:none}
.cinema-title {
  font-family: var(--display);
  font-size: var(--type-display-xl) !important;
  font-weight: var(--weight-display) !important;
  line-height: var(--leading-display) !important;
  letter-spacing: 0 !important;
}
.cinema-title > span + span { margin-inline-start: .24em; }
.cinema-overline > :first-child,
.hero-overline > :first-child { font-family: var(--mono); font-size: var(--type-micro); font-weight: var(--weight-module); }
.cinema-overline > :last-child,
.hero-overline > :last-child { font-family: var(--font); font-size: var(--type-micro); font-weight: var(--weight-body); letter-spacing: 0; }
.cinema-meta p { font-size: var(--type-body); font-weight: var(--weight-body); line-height: var(--leading-body); letter-spacing: 0; }
.cinema-meta .button { font-size: var(--type-meta); }
.cinema-bottom { font-family: var(--font); font-size: var(--type-micro); font-weight: var(--weight-body); line-height: 1.5; letter-spacing: 0; color: #aeb5bf; }
.cinema-bottom .scroll-hint { font-family: var(--font); font-size: var(--type-micro); letter-spacing: 0; }
.cinema-bottom .hero-coordinate { font-family: var(--mono); font-size: var(--type-micro); letter-spacing: .1em; }

.manifesto-sticky h2,
.future-cta h2 {
  font-family: var(--display);
  font-size: var(--type-display-lg);
  font-weight: var(--weight-heading);
  line-height: 1.48;
  letter-spacing: 0;
}
.product-showcase .section-heading h2,
.spotlight-copy h2,
.tools-showcase .section-heading h2 {
  font-family: var(--display);
  font-size: var(--type-section);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: 0;
}
.manifesto-sticky > .mini-label,.manifesto-eyebrow{font-size:var(--type-meta)}
.manifesto-sticky > p,.manifesto-caption,.product-showcase .section-heading p,.spotlight-copy>p{font-size:var(--type-body);line-height:var(--leading-body)}
.runway-name h3{font-size:clamp(28px,2.35vw,34px);font-weight:var(--weight-module);letter-spacing:0}
.runway-name>span,.runway-name>p{font-size:var(--type-meta)}
.runway-description{font-size:var(--type-body);line-height:var(--leading-body)}
.runway-description p{font-size:var(--type-meta);line-height:var(--leading-meta)}
.runway-index{color:#a29c98}
.spotlight-baseline{font-size:var(--type-meta);color:#b0a69e}
.future-brand{font-size:var(--type-micro);color:#ada39a}
.work-orbit .orbit-label{font-size:var(--type-micro);font-weight:var(--weight-module);letter-spacing:0}
.tool-link h3,.demo-jump-title{font-weight:var(--weight-module);letter-spacing:0}
.tool-link p,.future-cta p,.demo-jump-description{font-size:var(--type-meta);line-height:var(--leading-body)}
.demo-jump-label{font-family:var(--font);font-size:var(--type-micro);font-weight:var(--weight-module);letter-spacing:0}
.sub-hero .button-row .demo-jump-title{font-size:var(--type-meta);font-weight:var(--weight-action)}

@media (max-width: 1000px) {
  .cinema-meta p { font-size: var(--type-meta); }
}

@media (max-width: 700px) {
  .cinema-title { font-size: 46px !important; }
  .cinema-title > span + span { margin-inline-start: 0; }
  .hero-overline > :first-child,.cinema-overline > :first-child{font-size:10px}
  .hero-overline > :last-child,.cinema-overline > :last-child{font-size:11px}
  .cinema-meta p{font-size:var(--type-meta)}
  .cinema-meta .button{font-size:var(--type-meta)}
  .cinema-bottom,.cinema-bottom .scroll-hint{font-size:var(--type-micro)}
  .manifesto-sticky > p,.manifesto-caption{font-size:var(--type-meta)}
  .runway-index{font-size:10px}
  .runway-name h3{font-size:26px}
  .runway-name>span{font-size:var(--type-micro)}
  .runway-description{font-size:var(--type-meta)}
  .spotlight-baseline,.future-brand{font-size:var(--type-micro)}
  .spotlight-copy>p,.tool-link p,.future-cta p,.demo-jump-description{font-size:var(--type-meta)}
  .work-orbit .orbit-label{font-size:11px}
  .demo-jump-label{font-size:var(--type-micro)}
  .sub-hero .button-row .demo-jump-title{font-size:var(--type-meta)}
}

/* Local palette direction: charcoal, vermilion, and a quiet ivory reading surface.
 * Loaded after component and typography rules so color can be reviewed independently.
 */
:root,
body[data-page="index"] {
  --bg: #101317;
  --bg-deep: #0b0e12;
  --surface: #1b2026;
  --surface2: #242a32;
  --paper: #f3f3f0;
  --paper-ink: #22282f;
  --paper-muted: #5b646f;
  --paper-line: #d7dadd;
  --ink: #f0f2f4;
  --muted: #b7bec7;
  --soft: #9ba5b1;
  --line: #343c47;
  --red: #f25b46;
  --red-light: #ff806b;
  --red-on-paper: #b13d2d;
  --accent-rgb: 242 91 70;
}

body { background: var(--bg); color: var(--ink); }
::selection { background: var(--red); color: var(--bg-deep); }
.site-header,
body[data-page="index"] .site-header { background: rgb(11 14 18 / .86); border-color: #ffffff19; }
.site-header.scrolled,
body[data-page="index"] .site-header.scrolled { background: rgb(11 14 18 / .96); }
.nav-menu,.product-menu,.mobile-nav:not([hidden]) { background: #1b2026fa; border-color: #46505c; }
.nav-menu a:hover,.nav-menu a:focus-visible,.product-menu a:hover { background: var(--surface2); }
.desktop-nav>a,.nav-trigger { color: var(--muted); }
.header-cta,body[data-page="index"] .header-cta { border-color: #626d7a; }
.scroll-progress { background: var(--red); }

/* Base red is for actions, light red for luminous emphasis. */
.button,.sub-hero .button-row .demo-jump { background: var(--red); border-color: var(--red); color: var(--bg-deep); }
.button:hover,.sub-hero .button-row .demo-jump:hover { background: var(--red-light); border-color: var(--red-light); box-shadow: 0 5px 26px rgb(var(--accent-rgb) / .13); }
.button-ghost { background: transparent; border-color: #65707e; color: var(--ink); }
.button-ghost:hover { background: #ffffff08; border-color: var(--muted); color: var(--ink); box-shadow: none; }
.cinema-meta .button-ghost,.hero .button-ghost { background: transparent; }
.text-link:hover,.text-button:hover,.case-contact:hover { color: var(--red-light); border-color: var(--red-light); }
.section-label span,.feature-row>span,.case-index,.report-dimensions>div>span,.governance-grid>div>span { color: var(--red-light); }
.demo-jump-arrow { color: var(--red-light); border-color: rgb(var(--accent-rgb) / .55); }
.sub-hero .button-row .demo-jump-arrow { color: var(--bg-deep); }

/* The hero keeps its depth. Content surfaces gain a visible step in brightness. */
.cinema-hero.hero { background: var(--bg-deep); }
.cinema-hero .hero-backdrop { background: radial-gradient(ellipse at 50% 44%,rgb(var(--accent-rgb) / .055),transparent 57%); }
.cinema-title>span { color: var(--ink)!important; }
.cinema-title>span:last-child { color: var(--red-light)!important; }
.cinema-meta,.cinema-bottom { border-color: #ffffff26; }
.cinema-meta p,.cinema-bottom,.hero-overline>:last-child,.cinema-bottom .scroll-hint { color: var(--muted); }
.cinema-bottom>:last-child::before,.live-dot { background: var(--red); box-shadow: 0 0 12px rgb(var(--accent-rgb) / .4); }
.manifesto-section { background: var(--bg); border-color: var(--line); }
.manifesto-sticky>p,.manifesto-caption { color: var(--muted); }
.product-showcase { background: var(--surface); box-shadow: 0 0 0 100vmax var(--surface); }
.product-runway,.product-runway:last-child { border-color: #414a55; }
.runway-name>span,.runway-name>p,.runway-description p,.product-runway>.ui-icon { color: var(--muted); }
.runway-index { color: var(--soft); }
.runway-description { color: #dce0e5; }
.product-runway:hover>.ui-icon { color: var(--red-light); }
.transwork-spotlight { background: radial-gradient(ellipse at 77% 51%,rgb(var(--accent-rgb) / .1),transparent 47%),var(--bg); border-color: var(--line); }
.work-orbit::before { background: radial-gradient(circle,rgb(var(--accent-rgb) / .12),transparent 64%); }
.work-orbit .orbit-label { background: #14181de6; border-color: rgb(var(--accent-rgb) / .4); color: var(--muted); }
.spotlight-baseline,.future-brand,.spotlight-copy>p,.demo-jump-label,.demo-jump-description { color: var(--muted); }
.spotlight-baseline { border-color: var(--line); }
.future-cta { background: var(--bg-deep); border-color: var(--line); }
.future-cta h2 span,.future-cta p { color: var(--muted); }

/* Tools keep the homepage dark, with the same raised charcoal as the products. */
.tools-showcase {
  background: var(--surface);
  color: var(--ink);
  box-shadow: 0 0 0 100vmax var(--surface);
  clip-path: inset(0 -100vmax);
}
.tools-showcase .section-heading h2,.tools-showcase .tool-link h3 { color: var(--ink); }
.tools-showcase .section-heading h2 span { color: var(--muted); }
.tools-showcase .section-label,.tools-showcase .mini-label,.tools-showcase .tool-link p,.tools-showcase .tool-link>.ui-icon { color: var(--muted); }
.tools-showcase .section-label span { color: var(--red-light); }
.tools-showcase .section-label i { background: var(--line); }
.tools-showcase .tool-link { border-color: #414a55; }
.tools-showcase .tool-link:hover>.ui-icon { color: var(--red-light); }
.tools-showcase :focus-visible { outline-color: var(--red-light); }

/* Product content, cases, and contact surfaces use the same charcoal scale. */
.product-card { background: linear-gradient(135deg,var(--surface2),var(--surface)); border-color: #424b56; }
.product-card:hover { border-color: var(--red-light); }
.creative-section,.governance-section { background: var(--surface); border-color: var(--line); }
.creative-tab-layout,.governance-grid>div { background: var(--surface2); border-color: #46505c; }
.creative-copy p,.governance-grid p { color: var(--muted); }
.case-proof { background: var(--surface); border-color: var(--line); }
.case-list,.case-row { border-color: #424b57; }
.case-copy p,.case-contact,.contact-item>.ui-icon,.contact-item p,.contact-item>div>span { color: var(--muted); }
.sub-hero-top,.sub-hero-art>span { color: var(--soft); }
.sub-hero-art { background: radial-gradient(ellipse at 50% 60%,rgb(var(--accent-rgb) / .065),transparent 66%); }
.cta-section { background: radial-gradient(ellipse at 89% 85%,rgb(var(--accent-rgb) / .075),transparent 55%),var(--surface); border-color: var(--line); }
.cta-section h2 span { color: var(--muted); }
.contact-form { background: var(--surface2); border-color: #4b5663; }
.contact-form input,.contact-form select,.contact-form textarea { background: #14191f; border-color: #647080; }
.contact-form input::placeholder,.contact-form textarea::placeholder { color: var(--soft); }
.form-note,.contact-qr p,.contact-qr span,.fine-print { color: var(--muted); }
.contact-qr { border-color: #424b57; }
.site-footer,body[data-page="index"] .site-footer { background: var(--bg-deep); border-color: var(--line); }
.footer-top>div:first-child p,.footer-links>div>span,.footer-bottom,.footer-bottom .text-button { color: var(--soft); }
.footer-links a { color: var(--muted); }
.footer-links a:hover { color: var(--red-light); }

/* Ivory is shared by proof, company, and partner sections. */
.source-showcase,.about-company,.partner-section { background: var(--paper); color: var(--paper-ink); }
.source-showcase,.about-company { box-shadow: 0 0 0 100vmax var(--paper); }
.source-showcase h2,.source-showcase h2 span,.about-company h2,.partner-section .section-heading h2,.partner-section .section-heading h2 span { color: var(--paper-ink); }
.source-showcase p,.source-showcase .muted,.about-company h3,.about-company>p,.partner-section .section-heading p { color: var(--paper-muted); }
.source-showcase .section-label,.about-company .section-label,.partner-section .section-label { color: var(--paper-muted); }
.source-showcase .section-label span,.about-company .section-label span,.partner-section .section-label span { color: var(--red-on-paper); }
.source-showcase .screenshot-frame { background: #e8eaeb; border-color: #cbd0d5; }
.source-showcase .screenshot-frame>span { color: var(--paper-muted); }
.source-showcase .tag-row span { color: var(--paper-muted); border-color: var(--paper-line); }
.source-showcase .product-video-frame { background: var(--bg-deep); border-color: #cbd0d5; box-shadow: 0 16px 45px #10131718; }
.partner-grid,.partner-item { border-color: var(--paper-line); }
.partner-item,.partner-item:hover,.client-mark { background: var(--paper); }
.partner-lockup,.client-mark { isolation: isolate; background: var(--paper); }
.partner-lockup img,.client-mark img { mix-blend-mode: multiply; }
.partner-lockup img[src*="hubei-prison"] { mix-blend-mode: normal; }
.source-showcase :focus-visible,.partner-section :focus-visible { outline-color: var(--red-on-paper); }

@media (prefers-reduced-motion: reduce) {
  .home-motion .manifesto-sticky h2>span { color: var(--ink); }
}