@charset "UTF-8";
:root{--paper:#f5f4f1;--ink:#242326;--muted:#85838a;--purple:#b4a0df;--line:#dcdad6;--ease:cubic-bezier(.2,.7,.15,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #8f6dc9;outline-offset:6px}::selection{background:#d8c9ed}button{color:inherit}h1,h2,h3,p{margin:0}svg{display:block}button{border:0}section{position:relative}img{display:block;max-width:100%}.nav{height:88px;padding:0 5.1%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(245,244,241,.87);backdrop-filter:blur(20px);border-bottom:1px solid rgba(36,35,38,.07)}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:23px;line-height:1.1;letter-spacing:-1px}.brand svg{width:32px;height:32px;fill:var(--ink)}.brand-en{display:block;font-size:7px;letter-spacing:2px;margin-top:5px;font-weight:500}.nav nav{display:flex;gap:36px;font-size:12px;color:#625f66}.nav nav a{transition:color .2s}.nav nav a:hover{color:#000}.nav-cta{border:1px solid #c6c3c1;border-radius:30px;padding:11px 18px;background:transparent;font-size:12px}.nav-cta span{margin-left:22px}.nav-cta:hover{background:var(--ink);color:white}.hero{min-height:740px;height:calc(100svh - 88px);max-height:1000px;padding:66px 9% 30px;overflow:hidden}.hero-label{font-size:12px;letter-spacing:2px;display:flex;gap:12px;align-items:center;position:relative;z-index:2;animation:enter 1s var(--ease) both}.tiny-star{font-size:22px;color:#9985b8}.hero h1{font-size:clamp(76px,8.5vw,156px);font-weight:650;line-height:1.23;letter-spacing:-.065em;margin-top:37px;position:relative;z-index:2;animation:enter 1.3s .1s var(--ease) both}.hero h1>span{color:#95909d}.hero-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2;max-width:600px;margin-top:40px;animation:enter 1.3s .25s var(--ease) both}.hero-bottom p{font-size:15px;line-height:1.9;color:#6c6870}.circle-link{display:flex;gap:16px;align-items:center;font-size:11px}.circle{border:1px solid #bfbbc3;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:19px;transition:background .25s,transform .25s}.circle-link:hover .circle{background:#ded6e9;transform:translateY(4px)}.hero-note{position:absolute;bottom:28px;left:9%;right:9%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#8b858f;z-index:2}.hero-note>span{font-size:9px;letter-spacing:2px}.hero-art{position:absolute;width:48vw;height:47vw;max-width:720px;max-height:700px;top:7%;right:-4%;perspective:1100px;transform:rotate(-18deg);pointer-events:none;animation:art-enter 1.8s var(--ease) both}.sheet{position:absolute;width:64%;height:65%;top:18%;left:15%;border-radius:5px 60px 5px 60px;transform-origin:15% 95%;background:linear-gradient(130deg,#fdfdfb 0%,#eeeaf3 43%,#c6badc 100%);border:1px solid rgba(255,255,255,.9);box-shadow:-10px 10px 40px #6c587414,inset 1px 1px 1px white;transform:rotateY(-38deg) rotateZ(28deg);opacity:.95}.s1{transform:rotateY(-38deg) rotateZ(53deg);background:linear-gradient(130deg,#eeeaf5,#b5a1d1)}.s2{transform:rotateY(-38deg) rotateZ(35deg);background:linear-gradient(130deg,#faf8ff,#c7b8e0)}.s3{transform:rotateY(-38deg) rotateZ(17deg)}.s4{transform:rotateY(-38deg) rotateZ(-1deg);background:linear-gradient(130deg,#fff 0%,#f3f1f4 60%,#e0d8e8)}.art-star{position:absolute;top:39%;left:38%;font-size:110px;color:#c2b7d0;transform:rotate(18deg) rotateY(-35deg);font-weight:100}.product-stage{background:#e9e7ed;padding:35px 7% 25px;overflow:hidden}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#615c69;padding:0 0 26px}.stage-top>span:last-child{font-size:9px;letter-spacing:2px;color:#85808c}.stage-top i{display:inline-block;width:6px;height:6px;background:#9b85bd;border-radius:50%;margin-right:10px}.product-frame{border:1px solid #ffffffaa;border-radius:14px;overflow:hidden;box-shadow:0 40px 60px -30px #32233e44;transform:perspective(1800px) rotateX(5deg) scale(.94);transform-origin:center bottom;will-change:transform}.product-frame img{width:100%;height:auto}.stage-bottom{padding:30px 0 0}.caption{font-size:10px;color:#88828e}.section-pad{padding:130px 9%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:550}.intro{min-height:670px;display:grid;grid-template-columns:1.05fr 1fr;column-gap:7%;align-content:center}.intro>.eyebrow{grid-column:1/-1;margin-bottom:34px;color:#8a838f}h2{font-size:clamp(42px,5.4vw,88px);font-weight:600;letter-spacing:-.06em;line-height:1.25}.intro-copy{align-self:end;padding-bottom:6px}.mini-line{display:block;width:36px;height:2px;background:#a695bd;margin-bottom:28px}.intro-copy p{font-size:18px;line-height:2;color:#8c858f}.intro-copy strong{font-weight:450;color:#36313d}.spaces{background:#eeece8;padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.section-heading .eyebrow{color:#89828d;margin-bottom:27px}.section-heading p{font-size:14px;color:#87818a;line-height:1.9;margin-bottom:6px}.space-tabs{display:flex;gap:38px;margin-top:64px;border-bottom:1px solid #d8d3d9}.space-tabs button{background:transparent;padding:17px 0 22px;color:#8b8590;position:relative;font-size:13px;white-space:nowrap}.space-tabs button>span{font-size:10px;margin-right:12px}.space-tabs button[aria-selected=true]{color:#302733}.space-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:#7c628f;transform:scaleX(0);transition:transform .35s var(--ease);transform-origin:left}.space-tabs button[aria-selected=true]:after{transform:scaleX(1)}.space-tabs small{font-size:8px;border:1px solid #c9c1ce;padding:2px 4px;border-radius:3px;margin-left:3px}.space-panel{display:grid;grid-template-columns:29% 1fr;gap:6%;padding-top:48px;align-items:center}.space-copy .eyebrow{font-size:10px;letter-spacing:1px;color:#96859e}.space-copy h3{font-size:32px;font-weight:550;letter-spacing:-1.5px;line-height:1.45;margin:20px 0}.space-copy p{font-size:12px;line-height:2.1;color:#857d88}.space-index{display:block;font-size:10px;letter-spacing:2px;color:#9e97a2;margin-top:40px}.space-image{border-radius:9px;box-shadow:0 24px 50px -20px #3123374d;overflow:hidden;background:#18171d;aspect-ratio:1.53;display:flex;align-items:flex-start}.space-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .15s}.reply-section{background:#202024;color:#f1eff4;padding-top:125px;padding-bottom:85px;overflow:hidden}.reply-header{text-align:center}.reply-header .eyebrow{color:#a899bc;margin-bottom:28px}.reply-header h2 span{color:#a79bb7}.reply-header p{color:#aaa4af;font-size:14px;line-height:1.9;margin-top:27px}.reply-demo{max-width:900px;margin:70px auto 0;position:relative;padding-bottom:50px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center}.demo-window{background:#29292f;border:1px solid #414047;border-radius:15px;padding:23px;min-height:340px;box-shadow:0 30px 60px #0002}.demo-title{display:flex;gap:12px;align-items:center;font-size:12px}.demo-title small{display:block;font-size:9px;color:#918c99;margin-top:4px}.contact-dot{display:grid;place-items:center;background:#46434d;width:34px;height:34px;border-radius:50%;font-size:12px;color:#d7c7e8}.demo-ellipsis{margin-left:auto;color:#9b929f}.conversation{height:188px;padding-top:30px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.incoming,.outgoing{font-size:12px;padding:13px 16px;border-radius:3px 13px 13px 13px;background:#39383f;max-width:90%;line-height:1.6}.outgoing{align-self:flex-end;background:#c5b4e0;color:#27212f;border-radius:13px 3px 13px 13px;animation:message-in .4s var(--ease)}[hidden]{display:none!important}.demo-input{border-top:1px solid #414047;padding-top:18px;display:flex;justify-content:space-between;color:#8c8693;font-size:10px}.quick-panel{background:#f0edf5;color:#343039;border:1px solid #fff8;border-radius:13px;padding:22px;transform:translate(-24px,45px);box-shadow:0 20px 50px #0003}.quick-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px}.quick-title small{color:#9d91a5;font-size:9px}.reply-option{display:flex;justify-content:space-between;width:100%;background:transparent;border-top:1px solid #dcd6e3;padding:17px 0;font-size:11px;text-align:left;transition:color .2s,padding .2s}.reply-option>span{color:#96829d}.reply-option:hover{color:#8c65b0;padding-left:6px}.reply-option.active{color:#8158a5}.demo-bottom{display:flex;gap:9px;align-items:center;padding-top:14px;font-size:8px;color:#94899c}.demo-bottom kbd{border:1px solid #d0c6d8;padding:4px 6px;border-radius:4px;font:9px inherit}.demo-bottom button{margin-left:auto;background:transparent;font-size:19px;color:#84738f}.demo-note{text-align:center;font-size:9px;color:#77717f;letter-spacing:.5px;margin-top:25px}.manifesto{padding-top:130px;padding-bottom:110px}.manifesto-top{display:flex;align-items:center;justify-content:space-between;color:#8f8498;margin-bottom:50px}.manifesto-top>span{font-size:12px}.manifesto h2{font-size:clamp(36px,4.6vw,73px)}.manifesto h2 span{color:#a297ae}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:80px}.principles article{border-top:1px solid #d4ced9;padding-top:24px}.principles article>span{font-size:10px;color:#998ca5}.principles h3{font-size:17px;letter-spacing:-.5px;margin:32px 0 16px;font-weight:550}.principles p{font-size:12px;color:#938b98;line-height:2}.download{background:#d9d0e6;overflow:hidden;min-height:620px;padding-top:88px;padding-bottom:90px}.download .eyebrow{color:#8e7d9e;margin-bottom:30px}.download h2{font-size:clamp(60px,7.5vw,120px);position:relative;z-index:1}.download-main{display:flex;align-items:center;gap:35px;border-radius:30px;background:#29242f;color:#f8f4fe;padding:17px 24px;font-size:12px;margin-top:35px;position:relative;z-index:1;transition:transform .3s,background .3s}.download-main:hover{transform:translateY(-3px);background:#4c3a60}.download p{font-size:10px;margin-top:17px;color:#8c7c99;position:relative;z-index:1}.download-watermark{font-size:clamp(150px,29vw,470px);font-weight:700;letter-spacing:-.09em;position:absolute;bottom:-.1em;right:-.02em;color:#c8bbd7;line-height:1;user-select:none;writing-mode:vertical-rl;transform:rotate(-10deg)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:36px 5.1%;font-size:10px;color:#8c8493;background:#eeebf1}.footer-brand{font-size:19px;font-weight:650;color:#514857;display:flex;gap:10px;align-items:center}.footer-brand span{font-size:8px;letter-spacing:1px;font-weight:400;margin-left:8px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .reveal.visible{opacity:1;transform:none}.principles article:nth-child(2){transition-delay:.1s}.principles article:nth-child(3){transition-delay:.2s}dialog{border:1px solid #ddd3e4;background:var(--paper);padding:55px;max-width:480px;width:calc(100% - 32px);border-radius:20px;color:var(--ink);box-shadow:0 40px 100px #0002}dialog::backdrop{background:#20192780;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:12px;background:none;font-size:26px;color:#847a8e}.dialog-icon{font-size:44px;color:#a891bd;display:block;margin-bottom:25px}dialog .eyebrow{font-size:9px;color:#a088b4}dialog h2{font-size:30px;letter-spacing:-1px;margin:18px 0}dialog p{font-size:13px;line-height:1.9;color:#8a7f92}.dialog-detail{border-top:1px solid #ddd4e4;display:flex;justify-content:space-between;margin-top:30px;padding-top:17px;font-size:11px;color:#94849f}.dialog-detail strong{font-weight:500;color:#5f506b}.dialog-confirm{width:100%;display:flex;justify-content:space-between;background:#2c2533;color:white;border-radius:30px;padding:15px 20px;font-size:12px;margin-top:27px}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes art-enter{from{opacity:0;transform:rotate(-10deg) translate(60px,40px)}to{opacity:1;transform:rotate(-18deg) translate(0,0)}}@keyframes message-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1600px){.hero-bottom{max-width:760px}.hero h1{margin-top:45px}.hero-art{right:0}.product-stage{padding-left:10%;padding-right:10%}}
@media(max-width:1000px){.hero{min-height:670px;padding-left:7%;padding-right:7%;height:760px}.hero-art{top:17%;right:-10%;width:57vw;height:60vw}.hero h1{font-size:95px}.hero-bottom{max-width:510px;margin-top:45px}.hero-note{left:7%;right:7%}.section-pad{padding:90px 7%}.intro{min-height:540px}.intro-copy p{font-size:15px}.space-panel{grid-template-columns:30% 1fr;gap:4%}.space-copy h3{font-size:25px}.space-copy p{font-size:11px}.principles{gap:25px}.download{min-height:570px}.stage-top>span:last-child{font-size:8px}}
@media(max-width:650px){.nav{height:72px;padding:0 6%}.brand{font-size:20px;gap:9px}.brand svg{width:26px;height:26px}.brand-en{font-size:6px}.nav nav{display:none}.nav-cta{font-size:11px;padding:10px 14px}.hero{height:770px;min-height:0;max-height:none;padding:45px 7% 25px}.hero-label{font-size:10px;letter-spacing:1px}.hero h1{font-size:clamp(60px,14vw,90px);margin-top:35px;line-height:1.25}.hero-art{width:85vw;height:80vw;top:245px;right:-27%;opacity:.85!important}.art-star{font-size:75px}.hero-bottom{align-items:start;flex-direction:column;gap:28px;margin-top:30px}.hero-bottom p{font-size:13px}.circle-link{font-size:10px;margin-top:3px}.circle{width:36px;height:36px}.hero-note{bottom:27px;font-size:9px}.hero-note>span{font-size:7px;letter-spacing:.5px}.product-stage{padding:23px 4%}.stage-top{padding:0 3% 20px;font-size:10px}.stage-top>span:last-child{display:none}.product-frame{border-radius:7px;transform:none!important}.stage-bottom{padding:20px 3% 0;flex-direction:column;align-items:start;gap:8px;font-size:10px}.caption{font-size:8px}.section-pad{padding:75px 7%}.intro{grid-template-columns:1fr;min-height:0}.intro>.eyebrow{margin-bottom:25px}.intro-copy{margin-top:35px}.intro-copy p{font-size:15px}.mini-line{margin-bottom:18px}.eyebrow{font-size:8px;letter-spacing:1.6px}h2{font-size:43px}.section-heading{display:block}.section-heading p{margin-top:24px;font-size:12px}.space-tabs{gap:20px;margin-top:35px;justify-content:space-between}.space-tabs button{font-size:10px;padding:13px 0 18px}.space-tabs button>span{display:none}.space-tabs small{font-size:6px}.space-panel{grid-template-columns:1fr;padding-top:30px;gap:30px}.space-copy h3{font-size:30px;margin:15px 0}.space-copy p{font-size:12px;max-width:350px}.space-index{margin-top:20px}.space-image{border-radius:6px}.reply-header h2{font-size:43px}.reply-header p{font-size:12px}.reply-demo{display:flex;flex-direction:column;margin-top:40px;padding-bottom:0}.demo-window{width:100%;padding:20px;min-height:310px}.conversation{height:175px}.quick-panel{width:91%;transform:none;margin-top:-15px;position:relative;padding:20px}.demo-note{font-size:8px;line-height:1.8}.manifesto-top{margin-bottom:35px}.manifesto-top>span{font-size:10px}.manifesto h2{font-size:31px;line-height:1.5}.principles{grid-template-columns:1fr;margin-top:40px;gap:35px}.principles article{padding-top:18px}.principles h3{margin:20px 0 10px;font-size:18px}.principles p{max-width:300px;font-size:12px}.download{min-height:540px}.download h2{font-size:66px}.download-watermark{font-size:230px;right:-30px;bottom:-15px;opacity:.6}.download-main{font-size:11px;gap:25px}.download p{font-size:9px;max-width:210px;line-height:1.8}footer{padding:28px 7%;display:grid;grid-template-columns:1fr auto;gap:20px;font-size:8px}.footer-brand{font-size:16px}.footer-brand span{display:none}dialog{padding:38px 28px}dialog h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.product-frame{transform:none!important}}

/* Art direction v2: sculptural campaign image, spatial product choreography. */
.hero{height:920px;min-height:800px;max-height:1100px;padding-top:70px;background:#f5f4f1}.hero h1{font-size:clamp(76px,8vw,136px);line-height:1.2;margin-top:32px;letter-spacing:-.065em}.hero h1>span{color:#918099}.hero-bottom{max-width:450px;flex-direction:column;align-items:start;gap:28px;margin-top:30px}.hero-bottom p{font-size:14px;line-height:1.95}.hero-art{top:105px;right:-230px;width:1100px;height:720px;max-width:none;max-height:none;transform:rotate(0);animation:visual-enter 1.6s var(--ease) both;opacity:1;z-index:0}.hero-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 24%),linear-gradient(0deg,transparent,#000 15%);mask-composite:intersect}.hero-label,.hero h1,.hero-bottom{z-index:2}.hero-note{font-size:9px}.hero-note>span{font-size:8px;letter-spacing:.3px}.product-stage{background:#1b191f;color:#f0eaf5;padding:40px 7% 30px;overflow:hidden}.stage-top{color:#b2a5bf}.stage-top>span:last-child{color:#7c6e88}.stage-heading{padding:60px 3% 0;display:flex;justify-content:space-between;align-items:end;gap:35px}.stage-heading h2{font-size:clamp(36px,4.6vw,72px)}.stage-heading h2 span{color:#a58ebc}.stage-heading p{color:#a092ad;font-size:12px;line-height:2;margin-bottom:9px;max-width:320px}.perspective-scene{height:650px;position:relative;perspective:1600px;display:flex;align-items:center;justify-content:center}.product-frame{width:80%;transform:rotateX(13deg) rotateY(-23deg) rotateZ(5deg);transform-origin:center;box-shadow:25px 50px 70px #0007,-2px -2px 1px #e5d5fbaa;border:1px solid #84758f;border-radius:10px;position:relative;z-index:2}.product-frame img{width:100%}.orbit-label{position:absolute;font-size:10px;letter-spacing:5px;color:#766382}.orbit-one{left:0;top:29%;transform:rotate(-90deg)}.orbit-two{right:0;bottom:23%;transform:rotate(-90deg)}.scene-card{position:absolute;bottom:40px;right:4%;background:#d4c3e7;padding:24px 35px;border-radius:10px;z-index:3;display:flex;gap:24px;align-items:center;transform:rotateY(-20deg) rotateZ(-6deg);color:#544062;box-shadow:0 25px 50px #0005;font-size:11px;line-height:1.8}.scene-card>span{font-size:42px;color:#806595}.scene-card strong{font-size:22px;font-weight:550}.stage-bottom{color:#b5a5c2;border-top:1px solid #ffffff14;padding-top:25px}.space-image{overflow:visible;border:1px solid #c8becf;transform:perspective(1400px) rotateY(-16deg) rotateX(8deg) rotateZ(3deg);box-shadow:20px 30px 50px -25px #31233770;transition:transform .65s var(--ease)}.space-image img{border-radius:8px}.space-image:hover{transform:perspective(1400px) rotateY(-5deg) rotateX(3deg) rotateZ(0deg)}.space-panel{padding-top:65px;padding-bottom:25px;gap:8%;grid-template-columns:28% 1fr}.capabilities{padding:90px 9%;background:#e8e2ed}.capabilities-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.capabilities-top h2{font-size:clamp(37px,4.5vw,64px)}.capabilities-top p{font-size:12px;line-height:1.9;color:#8b7d97}.capability-row{display:grid;grid-template-columns:70px 1fr 1.2fr 80px;gap:30px;align-items:baseline;padding:30px 0;border-top:1px solid #cfc4d8}.capability-row>span{font-size:11px;color:#ab98b8}.capability-row h3{font-size:23px;font-weight:550;letter-spacing:-.7px}.capability-row p{font-size:12px;line-height:1.9;color:#85758f}.capability-row small{font-size:9px;text-align:right;color:#9b83ad}.capability-row .status-live{color:#615269}.capability-foot{font-size:10px;line-height:1.8;color:#9786a3;border-top:1px solid #cfc4d8;padding-top:24px}.reply-demo{grid-template-columns:1.1fr 1fr;gap:20px}.quick-panel{transform:perspective(1100px) rotateY(-14deg) rotateZ(2deg) translateY(30px);margin-left:-5px}.demo-window{transform:perspective(1100px) rotateY(8deg) rotateZ(-2deg)}@keyframes visual-enter{from{opacity:0;transform:translate(50px,30px) scale(1.05)}to{opacity:1;transform:translate(0,0) scale(1)}}
@media(min-width:1500px){.hero-art{width:1350px;height:830px;right:-180px;top:50px}.hero{height:960px}.perspective-scene{height:850px}}
@media(max-width:1100px){.hero{height:870px;padding-left:7%;padding-top:55px}.hero-art{width:950px;height:650px;top:190px;right:-330px}.hero h1{font-size:92px}.hero-bottom{max-width:300px}.hero-bottom p{font-size:12px}.perspective-scene{height:520px}.stage-heading{display:block}.stage-heading p{margin-top:25px}.scene-card{padding:15px 25px;bottom:30px}.capability-row{grid-template-columns:35px 1fr 1.1fr 60px;gap:18px}.capability-row h3{font-size:20px}.capabilities{padding:75px 7%}}
@media(max-width:650px){.hero{height:880px;padding-top:42px;min-height:0}.hero h1{font-size:clamp(58px,14vw,88px);margin-top:30px}.hero-art{width:710px;height:440px;top:390px;right:-240px;opacity:1!important}.hero-art img{mask-image:linear-gradient(0deg,transparent,#000 16%),linear-gradient(180deg,transparent,#000 12%);mask-composite:intersect}.hero-bottom{margin-top:24px;gap:20px}.hero-bottom p{font-size:12px}.hero-note{bottom:20px;left:7%;right:7%;font-size:7px;gap:20px}.hero-note>span{max-width:135px;font-size:7px;text-align:right;line-height:1.5}.product-stage{padding:25px 5%}.stage-heading{padding:30px 2% 0}.stage-heading h2{font-size:33px}.stage-heading p{font-size:11px;line-height:1.9;max-width:300px}.stage-heading p br{display:none}.perspective-scene{height:345px;perspective:1000px}.product-frame{width:92%;transform:rotateY(-17deg) rotateX(9deg) rotateZ(4deg)!important;border-radius:6px}.orbit-label{display:none}.scene-card{padding:10px 16px;gap:12px;bottom:5px;right:2%;font-size:8px;border-radius:7px}.scene-card strong{font-size:15px}.scene-card>span{font-size:25px}.stage-bottom{font-size:9px}.stage-bottom .caption{font-size:7px}.space-panel{grid-template-columns:1fr;padding-top:30px;gap:35px}.space-image{width:94%;margin:0 auto;transform:perspective(900px) rotateY(-10deg) rotateX(6deg) rotateZ(2deg)}.capabilities{padding:65px 7%}.capabilities-top{display:block;margin-bottom:32px}.capabilities-top h2{font-size:38px}.capabilities-top p{margin-top:20px;font-size:11px}.capability-row{grid-template-columns:20px 1fr auto;gap:14px;padding:24px 0}.capability-row h3{font-size:20px}.capability-row p{grid-column:2/4;grid-row:2;font-size:11px}.capability-row small{grid-column:3;grid-row:1;font-size:8px}.capability-foot{font-size:9px}.reply-demo{gap:0}.quick-panel{transform:perspective(800px) rotateY(-5deg) rotateZ(2deg);margin-top:-10px}.demo-window{transform:perspective(800px) rotateY(5deg) rotateZ(-2deg);width:96%}}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none!important}.space-image,.space-image:hover{transform:perspective(1400px) rotateY(-10deg) rotateX(5deg) rotateZ(2deg)}}
.hero-art img{mask-image:linear-gradient(90deg,transparent 0%,#000 24%),linear-gradient(0deg,transparent 0%,#000 12%,#000 84%,transparent 100%);mask-composite:intersect}
@media(max-width:650px){.hero-art img{mask-image:linear-gradient(0deg,transparent 0%,#000 16%,#000 86%,transparent 100%)}}
.hero-art{right:-110px;top:150px;width:1120px;height:680px}.hero-art img{object-fit:contain}.product-frame{box-shadow:15px 30px 70px #0004;border:1px solid #64596e}.scene-card{box-shadow:0 20px 40px #0002;border-radius:5px}
@media(min-width:1500px){.hero-art{right:-40px;top:100px;width:1400px;height:850px}}
@media(max-width:1100px){.hero-art{width:1000px;height:650px;top:200px;right:-175px}}
@media(max-width:650px){.hero-art{width:680px;height:440px;top:385px;right:-150px}}
.hero-art{transition:translate .8s cubic-bezier(.2,.7,.15,1)}
@media(max-width:650px){.section-heading h2{font-size:34px}}
.feature-list{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:15px;color:#5e4c6c;font-size:12px;line-height:1.8}.feature-list span{white-space:nowrap}.feature-list span:before{content:'↗';font-size:10px;color:#a28bb3;margin-right:7px}.reply-signature{font-size:10px;color:#7d668e;letter-spacing:1px}.capability-row{grid-template-columns:70px .65fr 1.55fr 100px}.capability-row h3{font-size:26px}.capability-row p{font-size:13px}.capability-row:last-child{border-bottom:1px solid #cfc4d8;padding-bottom:35px}
@media(max-width:1000px){.capability-row{grid-template-columns:35px .65fr 1.55fr 80px;gap:18px}}
@media(max-width:650px){.capability-row{grid-template-columns:20px 1fr auto;gap:14px}.capability-row>div{grid-column:2/4;grid-row:2}.capability-row h3{font-size:24px}.feature-list{font-size:11px;gap:9px 17px}.capability-row p{font-size:12px}}
/* Open-source type palette: clear UI, quiet editorial accents. */
body{font-family:'Manrope','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;font-optical-sizing:auto}
h1,h2,h3{font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
.hero-bottom p{font-family:'Noto Serif SC','Songti SC',serif;font-weight:500;font-size:17px;line-height:2.05;letter-spacing:.055em;color:#716577}
.download h2{font-family:'Noto Serif SC','Songti SC',serif;font-weight:500;letter-spacing:-.04em;line-height:1.32}
.nav nav,.nav-cta,.space-tabs button{font-weight:500}.eyebrow,.stage-top>span:last-child,.hero-note,.space-index,.brand-en{font-family:'Manrope','Noto Sans SC',sans-serif;font-weight:500}
.caption,.demo-note{font-size:11px}.space-copy p,.principles p{font-size:13px;line-height:2}.hero-label{letter-spacing:1.6px}.capability-row p{font-weight:400}.feature-list{font-weight:500}
@media(max-width:1100px){.hero-bottom p{font-size:15px}}
@media(max-width:650px){.hero-bottom p{font-size:14px;line-height:2.05}.space-copy p,.principles p{font-size:12px}.caption,.demo-note{font-size:9px}.hero h1{font-size:clamp(54px,13vw,84px)}}
/* Centered desktop artboard: 1920 x 1080 design reference. */
:root{--content-width:1440px;--content-gutter:48px;--content-edge:max(var(--content-gutter),calc((100% - var(--content-width))/2))}
.nav,footer{padding-inline:var(--content-edge)}
.section-pad,.capabilities,.product-stage{padding-inline:var(--content-edge)}
.hero{height:calc(100svh - 88px);min-height:800px;max-height:992px;padding:96px var(--content-edge) 36px;isolation:isolate}
.hero h1{font-size:128px;line-height:1.2;margin-top:32px;max-width:650px}
.hero-bottom{max-width:520px;margin-top:32px;gap:30px}
.hero-bottom p{font-size:18px}
.hero-label{font-size:13px}
.hero-art{left:calc(50% - 210px);right:auto;top:122px;width:1100px;height:700px;max-width:none;max-height:none}
.hero-note{left:var(--content-edge);right:var(--content-edge);bottom:32px}
.stage-heading{padding-inline:0}.stage-heading h2{font-size:68px}.perspective-scene{height:800px}.product-frame{width:min(1100px,82%)}
h2{font-size:76px}.capabilities-top h2{font-size:64px}.manifesto h2{font-size:68px}.download h2{font-size:108px}
.download-watermark{right:max(0px,calc((100% - 1680px)/2));font-size:400px}
@media(max-width:1500px) and (min-width:1101px){:root{--content-gutter:64px}.hero{min-height:760px;padding-top:78px}.hero h1{font-size:106px}.hero-art{left:calc(50% - 180px);width:940px;height:620px;top:145px}.hero-bottom p{font-size:17px}.perspective-scene{height:680px}h2{font-size:68px}}
@media(max-width:1100px) and (min-width:651px){:root{--content-gutter:48px}.hero{height:870px;min-height:0;padding-top:62px}.hero h1{font-size:86px}.hero-art{left:calc(50% - 200px);top:250px;width:850px;height:560px}.hero-bottom p{font-size:15px}.hero-note{bottom:25px}.perspective-scene{height:520px}.stage-heading h2{font-size:48px}h2{font-size:54px}.manifesto h2{font-size:48px}.capabilities-top h2{font-size:48px}.download h2{font-size:86px}}
@media(max-width:650px){:root{--content-gutter:7%}.nav{padding-inline:6%}.hero{height:880px;min-height:0;max-height:none;padding:42px 7% 25px}.hero h1{font-size:clamp(54px,13vw,84px);line-height:1.25;margin-top:30px}.hero-label{font-size:10px}.hero-bottom{margin-top:24px;gap:20px}.hero-bottom p{font-size:14px}.hero-art{left:calc(50% - 355px);right:auto;top:385px;width:680px;height:440px}.hero-note{left:7%;right:7%;bottom:20px}.product-stage{padding-inline:5%}.perspective-scene{height:345px}.product-frame{width:92%}.stage-heading h2{font-size:33px}h2{font-size:43px}.section-heading h2{font-size:34px}.capabilities-top h2{font-size:38px}.manifesto h2{font-size:31px}.download h2{font-size:66px}.download-watermark{right:-30px;font-size:230px}}
[data-download]:disabled{cursor:progress;opacity:.65}
