@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090a09;--ink:#f2f2e9;--muted:#9b9e96;--acid:#d6ff61;--line:#30332b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:6px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:absolute;z-index:10;width:100%;background:#090a0990}.logo{font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:600;letter-spacing:-2px;display:flex;align-items:center;gap:7px}.logo span{color:var(--acid);font-size:28px}nav{display:flex;gap:38px;font-size:14px}nav a:hover{color:var(--acid)}.nav-cta{font-size:13px;border:1px solid #696d60;border-radius:30px;padding:13px 22px;letter-spacing:1px}.nav-cta span{margin-left:20px;color:var(--acid)}.hero{height:950px;min-height:100svh;position:relative;overflow:hidden;padding:132px 5% 40px}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#c5c8bb}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(90px,12vw,188px);font-weight:500;letter-spacing:-.07em;line-height:.98;margin:67px 0 0;position:relative;z-index:3;pointer-events:none;max-width:940px}.hero h1 em{font-style:normal;color:var(--acid)}.product-stage{position:absolute;width:70%;height:770px;top:110px;right:-12%;z-index:2;isolation:isolate}.product-stage img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;transition:opacity .15s;animation:float 8s ease-in-out infinite}.product-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-bottom{position:absolute;bottom:55px;left:5%;right:5%;z-index:4;display:flex;justify-content:space-between;align-items:flex-end}.hero-cn{font-size:26px;letter-spacing:2px;margin:0 0 13px}.muted{color:var(--muted);font-size:15px}.circle-link{margin-top:26px;display:flex;gap:16px;align-items:center;font-size:14px}.circle-link>span{border:1px solid #737669;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.circle-link:hover>span{background:var(--acid);color:#090a09}.hero-note{width:225px;font-size:14px;line-height:1.8}.tiny{font-size:12px;letter-spacing:2px;color:var(--muted)}.text-button{border:0;border-bottom:1px solid #666;background:transparent;padding:7px 0;cursor:pointer;touch-action:none}.text-button span{margin-left:30px;color:var(--acid)}.vertical{position:absolute;right:2%;top:44%;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#92968a;z-index:5}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;font-size:12px;letter-spacing:1px;color:var(--muted)}.vision,.device,.intelligence{padding:60px 5% 100px}.vision{background:#d9dfce;color:#1b211a;padding-bottom:110px}.vision .section-label{color:#51594a;border-color:#b3bdab}.vision-body{padding:80px 6% 0}.eyebrow{font-size:12px;letter-spacing:2px}.vision h2{font-size:clamp(42px,5.5vw,82px);font-weight:500;line-height:1.35;letter-spacing:-3px;margin:30px 0}.vision h2 span{color:#798771}.vision-copy{margin-left:48%;font-size:16px;line-height:1.9;color:#4d5848}.device-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;padding-top:70px;align-items:center}.device-visual{height:690px;position:relative;background:#10110f;overflow:hidden}.device-visual img{height:100%;width:100%;object-fit:cover;mix-blend-mode:screen;transform:scale(1.13) rotate(-12deg)}.image-caption{position:absolute;bottom:25px;left:25px;font-size:10px;letter-spacing:2px;color:#969a8f}.device-copy h2,.intel-head h2{font-size:clamp(42px,4.6vw,66px);font-weight:400;line-height:1.25;margin:25px 0}.device-copy em,.intel-head em{font-style:normal;color:var(--acid)}.device-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8}.spec{display:flex;gap:22px;border-top:1px solid var(--line);padding:20px 0 8px}.spec>span{color:var(--acid);font-size:12px;padding-top:3px}.spec h3{font-size:17px;font-weight:500;margin:0}.spec p{font-size:14px;line-height:1.7;color:var(--muted);margin:8px 0}.concept-note{font-size:12px}.intel-head{display:flex;justify-content:space-between;align-items:end;margin:40px 0}.intel-head>p{font-size:16px;color:var(--muted);line-height:1.9;margin-bottom:30px}.demo{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:30px 0}.steps button{display:block;text-align:left;width:100%;background:transparent;border:0;border-top:1px solid var(--line);padding:25px 22px;cursor:pointer;transition:background .3s}.steps button[aria-selected=true]{background:#1a2014;border-left:2px solid var(--acid)}.steps button>span{display:block;font-size:12px;letter-spacing:2px;color:#92998a;margin-bottom:13px}.steps strong{font-size:22px;font-weight:400}.steps p{font-size:14px;color:var(--muted);line-height:1.7}.demo-panel{background:#e9ecdf;color:#1c2417;border-radius:12px;padding:30px;min-height:410px;display:flex;flex-direction:column;box-shadow:0 0 100px #b7e06a0b}.app-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9cfbd;padding-bottom:18px}.app-top span:first-child{font-size:24px;font-weight:600;letter-spacing:-1px}.app-top span:last-child{font-size:12px;color:#6c785f}#demo-content{flex:1;padding-top:23px;animation:fade .5s}#demo-content .demo-kicker{font-size:12px;color:#657354}#demo-content h3{font-size:26px;font-weight:500;margin:12px 0 20px}#demo-content p{font-size:15px;line-height:1.85}#demo-content .evidence{border-left:2px solid #7e9560;padding-left:15px;color:#67765a;font-size:13px}.app-footer{border-top:1px solid #c9cfbd;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#647455;gap:15px}.ending{text-align:center;background:var(--acid);color:#20251b;padding:90px 5% 0;overflow:hidden}.ending h2{font-size:clamp(60px,8vw,120px);font-weight:500;line-height:1.2;letter-spacing:-4px;margin:35px 0}.ending em{font-style:normal}.end-link{display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid #485733;padding:15px;font-size:16px}.end-word{font-family:'Space Grotesk',sans-serif;font-size:27vw;letter-spacing:-.085em;line-height:1.2;margin-top:25px;margin-bottom:-.26em;font-weight:500}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:35px 5%;color:var(--muted);font-size:12px}footer .logo{color:var(--ink);font-size:28px}@keyframes float{50%{transform:translateY(-15px) rotate(3deg)}}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.hero{height:1100px}.product-stage{height:900px}}@media(max-width:900px){header{height:78px}nav{gap:20px}.hero{height:920px;min-height:0}.hero h1{font-size:15vw;margin-top:50px}.product-stage{width:95%;right:-20%;top:170px;height:580px}.edition{display:none}.hero-note{width:180px}.device-grid{gap:5%}.device-visual{height:570px}.demo{gap:5%}.steps strong{font-size:19px}.demo-panel{padding:24px}.vision-copy{margin-left:30%}}@media(max-width:600px){header{padding:0 6%}.logo{font-size:30px}nav{gap:19px;font-size:13px}.nav-cta{display:none}.hero{height:880px;padding:110px 6% 30px}.hero-top{font-size:9px;letter-spacing:1.8px}.hero h1{font-size:19vw;letter-spacing:-.065em;margin-top:45px}.product-stage{width:120%;height:490px;right:-23%;top:230px}.hero-bottom{bottom:32px;left:6%;right:6%;align-items:end}.hero-cn{font-size:20px;letter-spacing:0}.muted{font-size:13px;max-width:200px;line-height:1.7}.hero-note{width:auto}.hero-note p,.hero-note>.tiny{display:none}.text-button{font-size:12px}.text-button span{margin-left:6px}.circle-link{font-size:13px;margin-top:18px}.vertical{font-size:8px}.vision,.device,.intelligence{padding:35px 6% 65px}.section-label{font-size:10px;gap:20px;line-height:1.6}.section-label span:last-child{text-align:right}.vision-body{padding:45px 0 0}.vision h2{font-size:42px;letter-spacing:-2px}.vision-copy{margin:30px 0 0;font-size:14px}.device-grid,.demo{grid-template-columns:1fr}.device-grid{padding-top:35px}.device-visual{height:430px}.device-copy{padding-top:35px}.device-copy h2{font-size:46px}.intel-head{display:block;margin:35px 0 10px}.intel-head h2{font-size:46px}.intel-head>p{font-size:14px}.demo{gap:25px}.demo-panel{min-height:400px}.ending{padding-top:65px}.ending h2{font-size:62px;letter-spacing:-2px}.eyebrow{font-size:10px}footer{flex-wrap:wrap;padding:30px 6%;gap:20px}footer>span:last-child{width:100%;font-size:10px}.end-word{font-size:28vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* LUMOS — ivory / ultraviolet */
:root{--bg:#faf7f2;--ink:#2a163c;--muted:#81748a;--acid:#8053b8;--line:#dcd1e4}header{background:#faf7f2bb}.nav-cta{border-color:#c6b4d5}.hero{background:radial-gradient(ellipse at 77% 54%,#e3d6f17a,transparent 48%),#faf7f2}.hero-top{color:#84718d}.hero h1{font-weight:400}.product-stage img{filter:invert(1) hue-rotate(180deg) saturate(.65);mix-blend-mode:multiply}.product-stage{isolation:auto}.hero-note .text-button{border-color:#b6a4c5}.vertical{color:#9c8aa8}.circle-link>span{border-color:#bbaac8}.circle-link:hover>span{color:#fff}.vision{background:#eee6f3;color:var(--ink)}.vision .section-label{border-color:#d6c6df;color:#8b729b}.vision h2 span{color:#9b75b5}.vision-copy{color:#7c6789}.device-visual{background:#eee7f1}.device-visual img{filter:invert(1) hue-rotate(180deg) saturate(.65);mix-blend-mode:multiply}.image-caption{color:#8a7399}.steps button[aria-selected=true]{background:#eee5f5}.steps button>span{color:#997daf}.demo-panel{background:#f3eef8;color:#321d47;border:1px solid #ded0eb;box-shadow:0 25px 85px #8654a512}.app-top{border-color:#dbceE6}.app-top span:last-child{color:#9378a8}#demo-content .demo-kicker{color:#8c6aa2}#demo-content .evidence{border-color:#a07bbe;color:#8c6ca3}.app-footer{border-color:#dacde5;color:#8e6caa}.ending{background:#d9c6ed;color:#382049}.end-link{border-color:#a488ba}.ending .eyebrow{color:#75588b}.end-word{color:#775091}footer .logo{color:var(--ink)}
/* Motion editorial — opal / ultraviolet */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#9e73c6;z-index:40;transform:scaleX(0);transform-origin:left}.hero{height:1020px}.hero h1{font-size:clamp(90px,11.6vw,178px);max-width:950px}.hero-cn{font-size:23px;letter-spacing:-.6px}.hero-note{width:235px}.hero-coordinate{position:absolute;left:5%;bottom:265px;font-size:10px;letter-spacing:2px;color:#a28dad}.hero-aura{position:absolute;width:750px;height:750px;right:-50px;top:80px;border-radius:50%;background:radial-gradient(ellipse,#cfb3ed66,transparent 66%);filter:blur(25px);animation:aura 12s ease-in-out infinite alternate}.product-stage{top:145px;right:-6%;width:67%;height:720px}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:25px 0;background:#f3edf6;color:#9678ac;font:500 17px 'Space Grotesk',sans-serif;letter-spacing:3px}.marquee>div{display:flex;align-items:center;gap:55px;width:max-content;animation:marquee 35s linear infinite}.marquee i{font-size:28px;color:#ad88c8;font-style:normal}.vision{position:relative;overflow:hidden}.vision:after{content:'';position:absolute;right:-100px;top:80px;width:450px;height:450px;border:1px solid #ccb7dc;border-radius:50%;box-shadow:0 0 0 55px #cfb7e017,0 0 0 110px #cfb7e010;pointer-events:none}.vision-body{position:relative;z-index:1}.vision h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,6.1vw,88px);letter-spacing:-4px;line-height:1.12}.vision-copy{max-width:590px;line-height:1.85}.vision h2 span{background:linear-gradient(100deg,#9d70b7,#6a4484,#bd9bc8);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shimmer 8s linear infinite}.light-story{height:210vh;min-height:1300px;position:relative;background:#eee6f3}.light-sticky{position:sticky;top:0;height:100svh;min-height:680px;padding:35px 5%;overflow:hidden;background:radial-gradient(ellipse at 57% 54%,#cfb4e861,transparent 60%),#f8f3f7}.light-story .section-label{position:relative;z-index:4}.light-product{position:absolute;inset:5% 5% 0 28%;display:grid;place-items:center;will-change:transform}.light-product img{width:100%;filter:invert(1) hue-rotate(180deg) saturate(.65);mix-blend-mode:multiply}.light-copy{position:absolute;left:5%;top:26%;z-index:3;width:43%}.light-copy h2{font-size:clamp(44px,5.2vw,78px);letter-spacing:-3px;line-height:1.08;font-weight:400;margin:30px 0}.light-copy h2 em{font-style:normal;color:#9d75b7}.light-description{font-size:16px;line-height:1.8;color:#8a739b}.light-orbit{position:absolute;inset:10% 8% 13% 34%;pointer-events:none}.light-orbit>div{position:absolute;inset:0;border:1px solid #af86c532;border-radius:50%;transform:rotate(-22deg) scaleY(.7);animation:orbit 28s linear infinite}.light-orbit>div:nth-child(2){inset:9%;animation-direction:reverse}.light-orbit>div:nth-child(3){inset:19%;animation-duration:19s}.light-orbit>div:after{content:'';position:absolute;top:10%;left:18%;height:6px;width:6px;border-radius:50%;background:#b38ace;box-shadow:0 0 20px #9662b8}.light-annotation{position:absolute;right:8%;top:68%;display:flex;align-items:center;gap:15px;color:#936aaa;font-size:11px;letter-spacing:2px}.annotation-line{height:1px;width:90px;background:#b69ac7;transform-origin:right;animation:linepulse 4s ease-in-out infinite}.chapter-rail{position:absolute;bottom:45px;left:5%;display:flex;gap:40px;font-size:11px;letter-spacing:1px;color:#b7a6c2}.chapter-rail span{padding-top:16px;border-top:1px solid #d9c9e3;transition:all .4s}.chapter-rail .active{border-color:#8053b8;color:#8053b8}.light-scroll{position:absolute;bottom:45px;right:5%;font-size:10px;letter-spacing:2px;color:#a48caf}.device-copy h2{font-size:clamp(40px,4.5vw,65px);letter-spacing:-2.5px}.device-visual{border-radius:150px 150px 12px 12px;background:radial-gradient(ellipse,#dac5eb,#f1eaf4 65%)}.device-visual img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1);animation:detailFloat 9s ease-in-out infinite}.spec{transition:padding .4s,background .4s}.spec:hover{padding-left:12px;background:#f1e9f6}.intel-head h2{letter-spacing:-2px}.intel-head>p{max-width:420px}.demo-panel{position:relative;overflow:hidden}.signal{display:flex;gap:4px;height:30px;align-items:center;margin-top:22px}.signal i{display:block;width:3px;height:5px;background:#b395c8;border-radius:3px;animation:wave 1.7s calc(var(--i)*-.09s) ease-in-out infinite}.steps strong{font-size:25px}.app-footer{font-size:10px}.memory-section{padding:50px 5% 110px;background:#f2ebf6}.memory-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;margin-top:60px}.memory-copy h2{font-size:clamp(34px,3.7vw,55px);font-weight:400;letter-spacing:-2px;line-height:1.2}.memory-copy h2 em{font-style:normal;color:#956daf}.memory-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#897294;max-width:470px}.memory-key{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.memory-key span{border:1px solid #d7c4e4;border-radius:30px;font-size:12px;padding:9px 14px;color:#8e70a3}.memory-map{position:relative;aspect-ratio:600/440;width:100%;font-size:12px}.memory-map svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.memory-map path{fill:none;stroke:#bfa1d6;stroke-width:1;stroke-dasharray:4 6;animation:dash 30s linear infinite}.memory-map circle{fill:#a977c7;filter:drop-shadow(0 0 4px #ae74d8)}.map-node{position:absolute;background:#faf7f2e8;border:1px solid #dac9e4;box-shadow:0 8px 35px #916aaa0b;border-radius:9px;padding:15px 18px;transform:translate(-50%,-50%);white-space:nowrap;animation:nodeFloat 7s ease-in-out infinite}.map-node small{display:block;font-size:9px;letter-spacing:1px;color:#a084b1;margin-bottom:7px}.map-node strong{font-weight:500;font-size:12px}.map-node span{display:block;font-size:11px;color:#8d719e;margin-top:7px}.main-node{left:50%;top:49%;padding:25px 30px;border-color:#b28acb;background:#e7d8f1;z-index:2}.main-node strong{font-size:26px}.node-a{left:18%;top:22%;animation-delay:-2s}.node-b{left:81%;top:23%;animation-delay:-4s}.node-c{left:19%;top:78%;animation-delay:-1s}.node-d{left:79%;top:77%;animation-delay:-3s}.map-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:1.5px;color:#a78cb5}.ending{position:relative;background:#e4d5ef}.ending>*{position:relative;z-index:1}.ending-glow{position:absolute;inset:-25%;background:radial-gradient(ellipse at 30% 30%,#faf3e7b0,transparent 55%),radial-gradient(ellipse at 70% 60%,#c8a9e6,transparent 55%);animation:aura 16s ease-in-out infinite alternate}.ending h2{font-size:clamp(56px,7.8vw,120px);letter-spacing:-5px}.motion-toggle{border:1px solid #d4c5df;background:transparent;border-radius:20px;padding:9px 13px;font-size:11px;color:#9478a7;cursor:pointer;order:4}footer{flex-wrap:wrap}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s,transform 1s}.reveal.visible{opacity:1;transform:none}@keyframes shimmer{to{background-position:200% center}}@keyframes aura{from{transform:translate(-3%,3%) scale(.9)}to{transform:translate(4%,-3%) scale(1.15)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes orbit{to{transform:rotate(338deg) scaleY(.7)}}@keyframes linepulse{50%{transform:scaleX(.6)}}@keyframes detailFloat{50%{transform:scale(1.18) rotate(-8deg) translateY(-8px)}}@keyframes wave{0%,100%{height:4px;opacity:.4}50%{height:25px;opacity:1}}@keyframes dash{to{stroke-dashoffset:-300}}@keyframes nodeFloat{50%{transform:translate(-50%,calc(-50% - 7px))}}
@media(max-width:900px){.hero{height:950px}.hero h1{font-size:15vw}.product-stage{width:94%;right:-23%;top:205px;height:580px}.hero-coordinate{bottom:245px}.hero-note{width:180px}.light-copy{width:48%}.light-copy h2{font-size:54px}.light-product{inset:12% -10% 0 15%}.memory-layout{grid-template-columns:1fr}.memory-copy>p:not(.eyebrow){max-width:600px}.memory-map{max-width:650px;justify-self:center}.intel-head{gap:25px}.intel-head>p{max-width:330px}.app-footer{font-size:9px}.device-copy h2{font-size:40px}}
@media(max-width:600px){header nav{gap:14px;font-size:12px}.hero{height:890px}.hero h1{font-size:19vw}.hero-top{font-size:8px}.hero-coordinate{bottom:255px;font-size:8px;letter-spacing:1px}.hero-cn{font-size:18px;max-width:230px;line-height:1.4}.hero .muted{font-size:13px;max-width:225px}.hero-bottom{align-items:flex-end}.hero-note{width:98px;margin-bottom:4px}.hero-note .text-button{font-size:11px;line-height:1.7;text-align:left}.circle-link{font-size:11px;gap:10px}.circle-link>span{width:35px;height:35px;flex-shrink:0}.product-stage{width:125%;right:-27%;top:205px;height:510px}.hero-aura{width:500px;height:500px;right:-150px;top:200px}.marquee{padding:19px 0;font-size:12px}.marquee>div{gap:30px}.vision h2{font-size:46px;letter-spacing:-2.5px}.vision-copy{font-size:15px}.light-story{height:165vh;min-height:1150px}.light-sticky{min-height:700px}.light-copy{top:15%;width:88%}.light-copy h2{font-size:45px;margin:22px 0;letter-spacing:-2px}.light-description{font-size:14px}.light-product{inset:35% -16% 3% 0}.light-orbit{inset:40% 0 12% 10%}.light-annotation{top:78%;right:6%;font-size:9px}.chapter-rail{left:6%;right:6%;gap:0;justify-content:space-between;bottom:35px;font-size:8px}.light-scroll{display:none}.device-visual{border-radius:100px 100px 8px 8px}.device-copy h2{font-size:45px;letter-spacing:-2px}.intel-head h2{font-size:44px}.intel-head>p{max-width:none}.steps strong{font-size:24px}.memory-section{padding:35px 6% 65px}.memory-layout{margin-top:30px}.memory-copy h2{font-size:35px;letter-spacing:-1.5px}.memory-map{margin-top:20px}.map-node{padding:10px 9px}.map-node small{font-size:7px;letter-spacing:.2px}.map-node strong{font-size:9px}.main-node{padding:15px}.main-node strong{font-size:22px}.main-node span{font-size:8px}.map-caption{font-size:8px}.ending h2{font-size:49px;letter-spacing:-2.5px}.ending .eyebrow{font-size:8px}.motion-toggle{order:0}footer>span:last-child{width:auto}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.light-story{height:auto;min-height:750px}.light-sticky{position:relative;min-height:750px}.memory-map svg circle{display:none}}
.map-node small,.map-caption,.image-caption,.hero-coordinate,.light-scroll,.light-annotation,.chapter-rail,.chapter-index,.app-footer,.motion-toggle{font-size:12px}.map-node strong{font-size:14px}.memory-map{min-height:460px}.node-a{left:19%}.node-b{left:80%}.node-c{left:20%}.node-d{left:80%}.map-node{padding:13px}.main-node{padding:25px}.main-node strong{font-size:26px}.hero-top,.tiny,.section-label,.eyebrow{font-size:12px}.hero-coordinate{letter-spacing:1px}.light-annotation{letter-spacing:1px}.chapter-rail{letter-spacing:0}.app-footer{flex-wrap:wrap}.hero-note .text-button,.circle-link{font-size:14px}
@media(max-width:600px){.hero-coordinate{font-size:10px}.hero-top{font-size:10px}.section-label{font-size:11px}.hero-note{width:105px}.hero-note .text-button{font-size:12px}.circle-link{font-size:12px;max-width:220px}.chapter-rail{font-size:10px}.memory-map{min-height:0;aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-bottom:38px}.memory-map svg{display:none}.map-node{position:relative;left:auto;top:auto;transform:none;white-space:normal;animation:none;min-height:100px;display:flex;flex-direction:column;justify-content:center}.main-node{grid-column:1/-1;text-align:center;min-height:140px}.map-node small{font-size:11px}.map-node strong{font-size:14px;line-height:1.5}.main-node strong{font-size:26px}.main-node span{font-size:12px}.map-caption{font-size:10px}.ending .eyebrow{font-size:10px}}
/* Composite the whole moving layer against the page, rather than its isolated child. */
.product-stage,.light-product{mix-blend-mode:multiply;background:transparent}
.product-stage img,.light-product img{mix-blend-mode:normal}
/* The original studio image has a dark edge; fade only that outer margin. */
.product-stage img,.light-product img,.device-visual img{-webkit-mask-image:radial-gradient(ellipse 69% 67% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 69% 67% at 50% 50%,#000 62%,transparent 100%)}
.hero{perspective:1200px}.product-stage{transition:transform .65s cubic-bezier(.2,.7,.3,1);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform}.hero-aura{transform:translate(var(--px,0px),var(--py,0px));transition:translate .6s}.hero h1{transform:translate3d(var(--tx,0px),var(--ty,0px),0);transition:transform .8s}.light-story{height:340vh;min-height:2000px}.light-sticky{isolation:isolate;perspective:1000px}.spatial-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.light-orbit{display:none}.light-product{z-index:1;transform-origin:50% 50%;will-change:transform,opacity}.light-copy,.light-annotation,.chapter-rail,.light-scroll{z-index:3}.light-copy{width:42%;top:27%;transition:opacity .3s,transform .45s}.light-copy h2{font-size:clamp(44px,5vw,76px)}.light-description{max-width:340px}.light-sticky:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f3f7b0 0%,#f8f3f755 32%,transparent 55%);pointer-events:none;z-index:2}.chapter-rail{width:45%;gap:25px}.chapter-rail span{flex:1;position:relative}.chapter-rail .active:before{content:'';position:absolute;top:-2px;left:0;width:100%;height:2px;background:#8861ad;box-shadow:0 0 15px #ac87ce}.light-annotation{top:auto;bottom:120px}.light-sticky .section-label{z-index:4}.scene-tag{position:absolute;right:5%;top:95px;color:#9c80af;letter-spacing:2px;font-size:12px;z-index:4}.depth-label{position:absolute;right:16%;top:27%;z-index:3;font-size:12px;color:#ac8bbf;border:1px solid #d2bddf;background:#faf7f2b0;backdrop-filter:blur(8px);border-radius:30px;padding:9px 17px;opacity:0;transition:opacity .6s,transform .6s}.depth-label.second{top:auto;bottom:24%;right:11%}.light-sticky[data-chapter='2'] .depth-label{opacity:1;transform:translateY(-10px)}.device-visual{perspective:900px}.device-visual img{transform:scale(1.13) rotate(-12deg) rotateY(var(--detail-y,0deg));animation:none;transition:transform .9s}.device-visual:hover img{transform:scale(1.25) rotate(-5deg) rotateY(-8deg)}
@media(max-width:900px){.light-copy{width:48%}.light-copy h2{font-size:52px}.chapter-rail{width:62%}}
@media(max-width:600px){.light-story{height:260vh;min-height:1800px}.light-copy{top:15%;width:88%}.light-copy h2{font-size:43px}.light-description{max-width:90%;font-size:15px}.light-sticky:after{background:linear-gradient(180deg,#f8f3f790,transparent 65%)}.chapter-rail{width:88%;gap:12px;font-size:11px}.scene-tag{top:auto;bottom:90px;left:6%;right:auto;font-size:11px}.depth-label{right:9%;top:53%;font-size:11px}.depth-label.second{right:8%;bottom:22%}.light-annotation{bottom:120px;font-size:11px}.light-product{inset:36% -15% 6% -2%}.hero .product-stage{transform:none!important}}
@media(prefers-reduced-motion:reduce){.light-story{height:auto;min-height:750px}.product-stage,.hero h1{transform:none!important}.light-product{transform:none!important;opacity:1!important}.light-annotation{display:none}}
.spatial-unavailable .light-product{opacity:1!important}.spatial-unavailable .spatial-field{display:none}.motion-paused .hero h1,.motion-paused .product-stage{transform:none!important}
/* Resonant rings identity. One six-second Sense → Trigger → Respond cycle. */
.brand-mark{display:inline-block;width:42px;height:auto;flex:none;overflow:visible;color:#8055a6;vertical-align:middle;letter-spacing:normal}.logo{gap:12px}.logo .brand-mark{width:38px}.app-brand{display:inline-flex;align-items:center;gap:9px}.app-brand .brand-mark{width:29px}.marquee i{display:inline-flex;align-items:center;flex-shrink:0}.marquee .brand-mark{width:30px}.brand-arc,.brand-ring{opacity:.82}.brand-arc-light,.brand-ring-light{stroke:#dbbdff;opacity:0;filter:drop-shadow(0 0 4px #b78cde);stroke-dasharray:100;stroke-dashoffset:100}.brand-arc-light{animation:brandSense 6s ease-in-out infinite}.brand-light-bridge{stroke:#f5ddff;stroke-width:3;opacity:0;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 4px #aa70d0);animation:brandTransfer 6s linear infinite}.brand-traveler{fill:#fff0ff;stroke:#dcadff;stroke-width:1.5;filter:drop-shadow(0 0 5px #a766d1);opacity:0;animation:brandTravel 6s ease-in-out infinite}.brand-ring-light{animation:brandRespond 6s ease-in-out infinite}.brand-echo{stroke:#b884d9;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:brandEcho 6s ease-out infinite}.brand-signature{display:flex;flex-direction:column;align-items:center;margin:36px auto 36px;width:100%;}.brand-signature>.brand-mark{width:clamp(180px,19vw,285px);color:#80549c}.brand-signature .brand-arc-light,.brand-signature .brand-ring-light{stroke:#f1d9ff;filter:drop-shadow(0 0 5px #b889de)}.brand-sequence{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:25px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#9774ad}.brand-sequence span{opacity:.55}.sense-label{animation:labelSense 6s ease-in-out infinite}.trigger-label{animation:labelTrigger 6s ease-in-out infinite}.respond-label{animation:labelRespond 6s ease-in-out infinite}.brand-sequence .sequence-divider{opacity:.35}.ending h2{margin-top:25px}.end-word{display:flex;align-items:center;justify-content:center;gap:2vw;font-size:24vw;letter-spacing:-.075em;margin-bottom:-.22em}.end-word>.brand-mark{width:18vw;margin-top:3vw;color:#775091}footer .logo>.brand-mark{width:34px}
@keyframes brandSense{0%,6%{opacity:0;stroke-dashoffset:100}10%{opacity:1;stroke-dashoffset:100}34%{opacity:1;stroke-dashoffset:0}45%{opacity:.45;stroke-dashoffset:0}55%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes brandTransfer{0%,34%{opacity:0;stroke-dashoffset:100}36%{opacity:1;stroke-dashoffset:100}49%{opacity:1;stroke-dashoffset:0}56%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes brandTravel{0%,34%{opacity:0;transform:translate(164px,142px)}36%{opacity:1;transform:translate(164px,142px)}43%{opacity:1;transform:translate(171px,136px)}50%{opacity:1;transform:translate(166px,130px)}54%,100%{opacity:0;transform:translate(166px,130px)}}
@keyframes brandRespond{0%,49%{opacity:0;stroke-dashoffset:100}52%{opacity:1;stroke-dashoffset:100}70%{opacity:1;stroke-dashoffset:0}82%{opacity:.5;stroke-dashoffset:0}92%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes brandEcho{0%,58%{opacity:0;transform:scale(1)}60%{opacity:.75;transform:scale(1)}87%{opacity:0;transform:scale(1.6)}100%{opacity:0;transform:scale(1.6)}}
@keyframes labelSense{0%,6%,50%,100%{opacity:.45}15%,34%{opacity:1;color:#684182}}
@keyframes labelTrigger{0%,32%,65%,100%{opacity:.45}38%,49%{opacity:1;color:#684182}}
@keyframes labelRespond{0%,49%,95%,100%{opacity:.45}56%,80%{opacity:1;color:#684182}}
@media(max-width:600px){.logo .brand-mark{width:31px}.logo{gap:8px}.app-brand .brand-mark{width:25px}.brand-sequence{gap:10px;font-size:12px;letter-spacing:1px}.brand-signature{margin-top:30px;margin-bottom:32px}.end-word{font-size:24vw}.end-word>.brand-mark{width:18vw}header nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.brand-arc-light,.brand-ring-light,.brand-light-bridge,.brand-traveler,.brand-echo{display:none}.brand-sequence span{opacity:1}.brand-arc,.brand-ring{opacity:1}}

/* Essential navigation and information pages. */
html{scroll-padding-top:100px}section[id]{scroll-margin-top:100px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8053b8;outline-offset:6px;border-radius:4px}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-180%);z-index:1000;padding:14px 20px;background:#2a163c;color:#faf7f2;border-radius:20px}.skip-link:focus{transform:none}
.footer-links{display:flex;flex-wrap:wrap;gap:18px;font-size:12px}.footer-links a:hover,.contact-link:hover{text-decoration:underline}
.info-page{background:#faf7f2;color:#2a163c}.info-page header .logo{font-size:30px}.info-page .brand-mark{width:34px}.info-page .brand-arc-light,.info-page .brand-light-bridge,.info-page .brand-traveler,.info-page .brand-ring-light,.info-page .brand-echo{display:none}
.info-main{max-width:900px;margin:auto;padding:145px 28px 100px}.back-link{display:inline-block;margin-bottom:44px;font-size:14px;color:#76509a}.info-main h1{font-size:clamp(42px,7vw,76px);line-height:1.08;letter-spacing:-.05em;margin:18px 0 24px}.info-intro{font-size:22px;line-height:1.5;color:#76509a}.policy-date,.small-note{font-size:14px;color:#6c5c77}.info-body{margin-top:48px;max-width:730px;font-size:17px;line-height:1.8;overflow-wrap:anywhere}.info-body h2{font-size:25px;letter-spacing:-.02em;line-height:1.3;margin:38px 0 14px}.info-body p{margin:0 0 20px}.info-body a{text-decoration:underline;text-underline-offset:4px;color:#76509a}.info-body details{border-bottom:1px solid #dcd1e4;padding:22px 0}.info-body summary{font-size:20px;cursor:pointer;line-height:1.5}.info-body details p{margin:18px 0 0}.info-card{padding:24px;background:#f1eaf6;border:1px solid #dcd1e4;border-radius:20px;margin:32px 0}.info-card h2{margin-top:0}.contact-address{font-size:clamp(22px,4vw,36px)}.info-page footer{border-top:1px solid #dcd1e4}
@media(max-width:600px){.info-main{padding:120px 24px 64px}.info-page header .logo{font-size:25px}.info-page header nav{gap:12px}.footer-links{width:100%;gap:18px}.info-body{font-size:16px}}
@media(prefers-reduced-motion:reduce){.info-page *{animation:none!important}}