:root{--bg:#08090b;--panel:#111216;--panel-2:#17181d;--line:#2a2c33;--muted:#a1a4ad;--soft:#c9cbd2;--white:#f7f7f8;--accent:#b190ff;--font:'Inter','Noto Sans SC',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);overflow-x:hidden}.shell{width:min(1180px,calc(100% - 56px));margin:0 auto}.page-glow{pointer-events:none;position:absolute;z-index:-1;inset:0 0 auto;height:900px;background:radial-gradient(ellipse 60% 32% at 50% 38%,#34216436,transparent 70%),radial-gradient(ellipse 45% 30% at 50% 72%,#283e8030,transparent 80%)}a{color:inherit}.header{height:78px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:-.7px}.logo-star{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#fff;font-size:16px;background:linear-gradient(135deg,#795df6,#c4b6ff);box-shadow:0 0 22px #8b74f26c}.nav{display:flex;align-items:center;gap:27px}.nav a,.login-button,.lang{border:0;background:transparent;text-decoration:none;color:#c9cad0;font:500 13px var(--font);cursor:pointer;transition:color .2s}.nav a:hover,.login-button:hover,.lang:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:17px}.lang{font:500 11px var(--mono);padding:6px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:11px 14px;border:1px solid transparent;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;transition:.2s;cursor:pointer}.button-light{background:#f3f3f5;color:#111217;border-color:#fff}.button-light:hover{background:#fff;transform:translateY(-1px)}.button-dark{background:#17181d;color:#f6f6f7;border-color:#373940}.button-dark:hover{border-color:#737680;background:#21232a}.hero{text-align:center;padding:108px 0 0}.overline{display:flex;align-items:center;justify-content:center;gap:9px;color:#9b9da7;font:500 10px var(--mono);letter-spacing:1.15px;margin:0 0 23px}.overline span{width:20px;height:1px;background:#a384ff;box-shadow:0 0 8px #a384ff}.hero h1{font-size:clamp(56px,7vw,86px);line-height:.98;letter-spacing:-5px;margin:0 auto 24px;max-width:770px}.hero h1 br+*{color:#d9d5ff}.hero-description{color:#acaeb8;line-height:1.65;font-size:16px;max-width:550px;margin:0 auto 27px}.hero-buttons{display:flex;justify-content:center;gap:10px}.hero-note{color:#777a85;font-size:11px;margin:18px 0 52px}.command-stage{height:465px;overflow:hidden;text-align:left;border:1px solid #32343b;border-radius:15px 15px 0 0;background:#111216;box-shadow:0 -1px 0 #ffffff13,0 30px 90px #000a,0 0 80px #5341a822}.window-titlebar{height:45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282a31;padding:0 15px;color:#92959f;font-size:10px}.window-app{color:#e7e8ec;font-weight:600}.window-app i{font-style:normal;color:#b496ff}.window-buttons{display:flex;gap:6px}.window-buttons i{width:9px;height:9px;border:1px solid #50535d;border-radius:50%}.command-bar{height:49px;display:flex;align-items:center;gap:12px;margin:12px 15px 0;padding:0 12px;border:1px solid #353842;background:#191b20;border-radius:8px;color:#aeb1bb;font-size:11px}.command-bar>span{font-size:20px;line-height:1}.command-bar strong{font-weight:400;flex:1}.command-bar kbd,.command-nav kbd{font:9px var(--mono);padding:3px 5px;color:#858893;background:#25272e;border:1px solid #3b3e47;border-radius:4px}.window-content{height:359px;display:grid;grid-template-columns:165px 1fr 155px;margin-top:12px;border-top:1px solid #282a31}.command-nav{padding:16px 8px;border-right:1px solid #282a31}.command-nav p,.inspector p{margin:0 8px 10px;color:#777a85;font:9px var(--mono);letter-spacing:.7px}.command-nav p:not(:first-child){margin-top:21px}.command-nav button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:5px;background:transparent;color:#b4b7c0;font:11px var(--font);text-align:left}.command-nav button i{width:13px;font-style:normal;color:#8b8e98}.command-nav button kbd{margin-left:auto;opacity:0}.command-nav button.selected{color:#f6f6f7;background:#25272d}.command-nav button.selected i{color:#ba9bff}.command-nav button:hover kbd{opacity:1}.live-canvas{position:relative;background:#0c0e12}.canvas-label,.canvas-bottom{position:absolute;z-index:4;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;color:#d0d2d8;font:10px var(--mono)}.canvas-label{top:13px}.canvas-label small{color:#81848d}.live-dot{display:inline-block;width:7px;height:7px;background:#ec6e8b;border-radius:50%;box-shadow:0 0 7px #ec6e8b;margin-right:5px}.virtual-stage{position:absolute;inset:42px 16px 31px;overflow:hidden;border:1px solid #6d6f7b44;border-radius:7px;background:radial-gradient(ellipse at 50% 15%,#536477,#1a2530 35%,#0c1419 73%)}.stage-sun{position:absolute;top:18%;left:50%;width:76px;height:76px;transform:translateX(-50%);border-radius:50%;background:#e1e3da;box-shadow:0 0 55px 23px #e6f4df88}.stage-mountain{position:absolute;bottom:22%;width:70%;height:43%;background:#1c3741;clip-path:polygon(0 100%,45% 16%,58% 45%,75% 0,100% 100%)}.mountain-a{left:-12%;opacity:.95}.mountain-b{right:-15%;height:50%;background:#2d4c54;opacity:.8;transform:scaleX(-1)}.stage-floor{position:absolute;bottom:-12%;left:-10%;width:120%;height:41%;background:radial-gradient(ellipse,#6e8182 0,transparent 57%),linear-gradient(175deg,#192d30,#071014);clip-path:ellipse(62% 41% at 50% 45%)}.presenter{position:absolute;z-index:2;left:50%;bottom:15%;width:50px;height:135px;transform:translateX(-50%);filter:drop-shadow(0 4px 5px #0008)}.presenter i{display:block;width:38px;height:38px;margin:0 auto;border-radius:50%;background:#d9a681}.presenter b{display:block;width:50px;height:98px;margin-top:-2px;border-radius:22px 22px 6px 6px;background:linear-gradient(90deg,#526089,#929dc4 52%,#404b6c)}.matte-outline{position:absolute;z-index:3;left:50%;bottom:11%;width:73px;height:176px;transform:translateX(-50%);border:1px solid #a586ff;border-radius:40px 40px 10px 10px;box-shadow:0 0 16px #a586ff77}.canvas-bottom{bottom:11px;color:#92959f}.canvas-bottom b{color:#93d6b5}.inspector{padding:16px 13px;border-left:1px solid #282a31;background:#121419}.inspector>div:first-child strong{display:block;margin:3px 8px 22px;font:500 11px var(--mono);color:#e3e4e7}.inspector>div:first-child small{color:#888b94;font-size:9px;margin-left:3px}.stat{margin:0 8px 19px;font-size:10px}.stat span{color:#aaaeb7}.stat b{float:right;font:500 10px var(--mono);color:#e4e5e8}.stat>i{display:block;clear:both;height:4px;margin-top:7px;border-radius:8px;background:#272a31;overflow:hidden}.stat>i em{display:block;width:88%;height:100%;background:linear-gradient(90deg,#8669f0,#b99fff);border-radius:inherit}.stream-list{margin:28px 8px}.stream-list p{margin-left:0}.stream-list span{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #262830;color:#aeb1b9;font-size:10px}.stream-list i{width:6px;height:6px;border-radius:50%;background:#79d4a3;box-shadow:0 0 6px #79d4a3}.statement{text-align:center;padding:173px 0 150px;max-width:760px}.statement h2,.section-heading h2,.solutions h2,.support h2{font-size:clamp(36px,4.4vw,58px);line-height:1.08;letter-spacing:-3px;margin:0}.statement>p:last-child{max-width:530px;margin:25px auto 0;color:#a5a7b0;font-size:15px;line-height:1.8}.feature-section{padding:0 0 145px}.section-heading{margin-bottom:44px}.section-heading .overline{justify-content:flex-start}.feature-showcase{display:grid;grid-template-columns:1.6fr 1fr;gap:13px}.feature-main{grid-row:span 2;min-height:620px;position:relative;overflow:hidden;padding:48px;border:1px solid #30323a;border-radius:15px;background:linear-gradient(145deg,#17151d,#0c0d11)}.feature-copy{position:relative;z-index:2;max-width:400px}.feature-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:28px;border-radius:10px;color:#e2dcff;background:#7f62e22c;border:1px solid #9d83f044;font-size:19px}.feature-copy>p:first-of-type,.feature-tile>p:first-of-type{font:10px var(--mono);letter-spacing:.8px;color:#a8a4b6}.feature-copy h3,.feature-tile h3{margin:9px 0 15px;font-size:29px;letter-spacing:-1.5px}.feature-copy>p:last-of-type,.feature-tile>p:nth-of-type(2){color:#a7a9b2;font-size:13px;line-height:1.8}.feature-copy a,.text-link{display:inline-block;margin-top:21px;text-decoration:none;color:#ded7ff;font-size:13px;font-weight:600}.feature-copy a b,.text-link b{margin-left:8px}.matte-demo{position:absolute;right:-24px;bottom:-80px;width:68%;height:70%;border:1px solid #78748843;border-radius:17px;background:radial-gradient(circle at 70% 24%,#9e8ce655,transparent 33%),#15151c;transform:rotate(-5deg);overflow:hidden}.demo-grid{position:absolute;inset:0;background-image:linear-gradient(#c2abff10 1px,transparent 1px),linear-gradient(90deg,#c2abff10 1px,transparent 1px);background-size:25px 25px}.demo-person{position:absolute;bottom:9%;left:47%;width:95px;height:260px;z-index:2}.demo-person i{display:block;width:72px;height:72px;margin:auto;border-radius:50%;background:#d49d82}.demo-person b{display:block;width:95px;height:195px;border-radius:46px 46px 9px 9px;background:linear-gradient(90deg,#6c5aaa,#b29ee3 50%,#54478c)}.demo-mask{position:absolute;bottom:5%;left:43%;width:140px;height:340px;border:1.5px solid #b497ff;border-radius:70px 70px 14px 14px;box-shadow:0 0 25px #a785ff88}.matte-demo>span{position:absolute;top:18px;left:18px;color:#ddd6ff;font:10px var(--mono)}.feature-tile{min-height:303px;padding:34px;border:1px solid #30323a;border-radius:15px;background:#121318;position:relative;overflow:hidden}.feature-tile .feature-icon{margin-bottom:20px}.feature-tile h3{font-size:23px}.feature-tile>p:nth-of-type(2){max-width:400px;position:relative;z-index:1}.tile-stream{background:radial-gradient(circle at 82% 20%,#51409255,transparent 35%),#121318}.stream-metrics{position:absolute;right:25px;bottom:22px;display:flex;gap:5px}.stream-metrics span{padding:5px 7px;color:#a8d4b8;border:1px solid #49534d;border-radius:5px;background:#152019;font:8px var(--mono)}.tile-cost{background:radial-gradient(circle at 85% 100%,#3b596d44,transparent 38%),#121318}.keyboard-keys{position:absolute;right:28px;bottom:25px;display:flex;gap:5px}.keyboard-keys b{display:grid;place-items:center;width:34px;height:30px;border:1px solid #4b4d55;border-radius:5px;background:#202228;color:#bfc1c8;font:12px var(--mono);box-shadow:0 2px #060709}.scene-section{padding:135px 0;background:#0d0e12;border-top:1px solid #25272d;border-bottom:1px solid #25272d}.align-row{display:flex;justify-content:space-between;align-items:end}.align-row>p:last-child{width:310px;margin:0;color:#9da0a9;font-size:13px;line-height:1.7}.scene-tabs{display:flex;gap:7px;margin-bottom:22px}.scene-tabs button{border:1px solid #34363d;border-radius:6px;background:#17181d;color:#a9acb5;padding:7px 11px;font:11px var(--font);cursor:pointer}.scene-tabs button.active{color:#f3f3f5;border-color:#7561d1;background:#2a2349}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scene-card{height:395px;padding:18px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:end;border-radius:12px;border:1px solid #3a3d45;background:#161720;transition:.3s}.scene-card:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .6s}.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0a0b0f 2%,#090b1040 58%,#090b1000)}.scene-card>*{position:relative;z-index:1}.scene-card span{font:10px var(--mono);color:#afb0b9}.scene-card h3{margin:48px 0 5px;font-size:27px;letter-spacing:-1.4px}.scene-card p{margin:0;color:#c1c3ca;font-size:11px}.scene-card>b{align-self:start;padding:5px;border:1px solid #ffffff45;border-radius:4px;color:#e4e5e9;font:9px var(--mono)}.scene-card:hover{transform:translateY(-5px);border-color:#8e79ef}.scene-card:hover:before{transform:scale(1.07)}.scene-east:before{background-image:url('/assets/scene-ink-garden-v1.png')}.scene-future:before{background-image:url('/assets/scene-future-showroom-v1.png')}.scene-cosmic:before{background-image:url('/assets/walilive-hero-space-v1.png');background-position:60% center}.scene-palace:before{background-image:linear-gradient(160deg,#4a1b3d33,#144e5b11),url('/assets/scene-ink-garden-v1.png');background-position:35% center;filter:hue-rotate(70deg) saturate(.9)}.solutions{padding:150px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.solution-copy>.overline{justify-content:flex-start}.solution-copy>p:not(.overline){margin:24px 0 0;color:#a6a8b1;font-size:14px;line-height:1.85;max-width:470px}.solution-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.solution-cards article{min-height:287px;padding:25px;border:1px solid #30323a;border-radius:12px;background:#121318}.solution-cards span{color:#777a84;font:10px var(--mono)}.solution-cards i{display:block;margin:51px 0 18px;font-style:normal;font-size:35px;color:#b59eff}.solution-cards h3{margin:0 0 10px;font-size:18px;letter-spacing:-.7px}.solution-cards p{margin:0;color:#9699a2;font-size:12px;line-height:1.75}.support{padding:0 0 120px}.support-panel{padding:62px 66px;display:flex;justify-content:space-between;align-items:end;border:1px solid #3a364a;border-radius:17px;background:radial-gradient(ellipse at 85% 30%,#50379655,transparent 44%),linear-gradient(135deg,#1a1723,#111217);overflow:hidden;position:relative}.support-panel:after{content:"";position:absolute;right:-45px;top:-210px;width:450px;height:450px;border:1px solid #8a72ef3d;border-radius:50%;box-shadow:0 0 0 45px #8a72ef08,0 0 0 100px #8a72ef06}.support-panel>*{position:relative;z-index:1}.support-panel .overline{justify-content:flex-start}.support-panel h2{font-size:clamp(34px,4vw,52px)}.support-panel p:not(.overline){margin:18px 0 0;color:#a5a7b1;font-size:13px}.support-actions{display:flex;gap:9px}.footer{padding:55px 0 27px;border-top:1px solid #282a30}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid>div:first-child p{max-width:220px;margin:17px 0;color:#989ba5;font-size:12px;line-height:1.7}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid>div:not(:first-child)>p{margin:0 0 4px;color:#72757e;font:10px var(--mono);letter-spacing:.6px}.footer-grid a:not(.logo){text-decoration:none;color:#b3b5bd;font-size:12px}.footer-grid a:not(.logo):hover{color:#fff}.footer-bottom{margin-top:55px;padding-top:19px;border-top:1px solid #282a30;display:flex;justify-content:space-between;color:#71747e;font:10px var(--mono)}.modal-backdrop{display:none;place-items:center;position:fixed;inset:0;z-index:20;background:#030407b9;backdrop-filter:blur(8px);padding:20px}.modal-backdrop.open{display:grid}.auth-modal{position:relative;width:min(750px,100%);min-height:440px;display:grid;grid-template-columns:37% 63%;border:1px solid #464150;border-radius:14px;overflow:hidden;background:#15161b;box-shadow:0 30px 90px #000b}.modal-close{position:absolute;right:14px;top:9px;z-index:2;border:0;background:transparent;color:#a6a8af;font-size:27px;cursor:pointer}.auth-aside{padding:35px;background:radial-gradient(circle at 65% 30%,#8c6eff55,transparent 33%),#21183b}.auth-aside p{margin:72px 0;font:500 29px/.98 var(--mono);letter-spacing:-2px}.auth-aside em{font-style:normal;color:#beaaff}.auth-aside small{color:#c4bbdc;font:9px var(--mono)}.auth-content{padding:50px 55px}.auth-tabs{display:flex;gap:20px;margin-bottom:24px}.auth-tabs button{border:0;border-bottom:1px solid transparent;padding:0 0 7px;background:transparent;color:#8c8f98;font:500 13px var(--font);cursor:pointer}.auth-tabs button.active{color:#fff;border-color:#a78cff}.auth-content h2{margin:0 0 7px;font-size:28px;letter-spacing:-1px}.auth-content>p{margin:0 0 23px;color:#9699a2;font-size:12px}.auth-content form{display:grid;gap:13px}.auth-content label{display:grid;gap:6px;color:#c5c7ce;font-size:11px}.auth-content input{width:100%;padding:11px;border:1px solid #3c3e46;border-radius:6px;background:#0e0f13;color:#fff;font:13px var(--font);outline:0}.auth-content input:focus{border-color:#a78cff}.name-field{display:none!important}.register-mode .name-field{display:grid!important}.form-message{min-height:15px;margin:0!important;color:#ff9eb3!important;font-size:11px!important}.submit-button{width:100%;margin-top:3px}.toast{position:fixed;z-index:30;left:50%;bottom:26px;transform:translate(-50%,20px);padding:11px 15px;border-radius:7px;background:#e9e9ee;color:#111217;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:900px){.shell{width:min(100% - 36px,1180px)}.nav{display:none}.header{height:70px}.hero{padding-top:84px}.command-stage{height:380px}.window-content{height:274px;grid-template-columns:135px 1fr}.inspector{display:none}.statement{padding:115px 0}.feature-main{min-height:550px;padding:33px}.matte-demo{width:76%}.scene-grid{grid-template-columns:repeat(2,1fr)}.scene-card{height:330px}.solutions{gap:50px}.support-panel{padding:45px}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}}@media(max-width:640px){.shell{width:min(100% - 28px,1180px)}.header-actions{gap:4px}.login-button{display:none}.header .button{padding:9px 10px;font-size:11px}.hero{padding-top:66px}.hero h1{font-size:52px;letter-spacing:-3.2px}.hero-description{font-size:14px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .button{width:240px}.hero-note{line-height:1.6;margin-bottom:34px}.command-stage{height:315px}.window-titlebar{height:35px}.window-titlebar>span:nth-child(2),.window-buttons{display:none}.command-bar{height:37px;margin:8px 9px 0;padding:0 9px}.command-bar strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-content{height:234px;margin-top:8px;grid-template-columns:80px 1fr}.command-nav{padding:9px 4px}.command-nav p,.command-nav button kbd{display:none}.command-nav button{padding:7px 5px;justify-content:center}.command-nav button span{display:none}.live-canvas{min-width:0}.virtual-stage{inset:31px 8px 26px}.canvas-label,.canvas-bottom{left:8px;right:8px;font-size:8px}.canvas-label small{display:none}.presenter{transform:translateX(-50%) scale(.8);transform-origin:bottom}.matte-outline{transform:translateX(-50%) scale(.8);transform-origin:bottom}.statement{padding:100px 0 90px}.statement h2,.section-heading h2,.solutions h2,.support h2{letter-spacing:-2px}.feature-section{padding-bottom:90px}.feature-showcase{display:flex;flex-direction:column}.feature-main{min-height:510px;padding:28px}.feature-copy{max-width:100%}.feature-copy h3{font-size:26px}.matte-demo{height:43%;right:-5%;bottom:-35px}.feature-tile{min-height:245px;padding:27px}.scene-section{padding:87px 0}.align-row{display:block}.align-row>p:last-child{width:auto;margin-top:18px}.scene-tabs{overflow-x:auto;padding-bottom:4px;white-space:nowrap}.scene-grid{grid-template-columns:1fr 1fr;gap:8px}.scene-card{height:270px;padding:13px}.scene-card h3{font-size:21px;margin-top:30px}.solutions{padding:90px 0;display:block}.solution-cards{margin-top:35px}.solution-cards article{min-height:250px;padding:20px}.solution-cards i{margin:35px 0 14px}.support{padding-bottom:70px}.support-panel{display:block;padding:35px 27px}.support-actions{margin-top:28px;flex-direction:column}.support-actions .button{width:100%}.footer{padding-top:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{margin-top:38px;gap:9px;flex-wrap:wrap}.auth-modal{grid-template-columns:1fr}.auth-aside{display:none}.auth-content{padding:40px 27px}}