.marketing-site .experience-section{--demo-gold:#d7b77c;--demo-muted:#8d9991;max-width:1360px;margin:0 auto;padding:64px 44px 0;position:relative}.marketing-site .experience-section:before{content:"";pointer-events:none;background:radial-gradient(at 38% 40%,#294a3720,#0000 65%);position:absolute;inset:0 0 45%}.marketing-site .experience-intro{justify-content:space-between;align-items:flex-end;gap:40px;padding:0 6px 44px;display:flex;position:relative}.marketing-site .experience-eyebrow{letter-spacing:.19em;color:#b6bcaf;align-items:center;gap:9px;margin:0 0 20px;font-size:10px;font-weight:600;display:flex}.marketing-site .experience-eyebrow span{background:#d7b77c;border-radius:50%;width:5px;height:5px;box-shadow:0 0 14px #d7b77c88}.marketing-site .experience-intro h1{letter-spacing:-.04em;color:#f1eee4;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.3vw,70px);font-weight:400;line-height:1.04}.marketing-site .experience-intro h1 em{color:var(--demo-gold);font-weight:400}.marketing-site .experience-intro-aside{max-width:355px;padding-bottom:7px}.marketing-site .experience-intro-aside p{color:#9da79d;margin:0 0 19px;font-size:14px;line-height:1.8}.marketing-site .experience-intro-aside a{color:#ddd9c9;align-items:center;gap:30px;font-size:11px;display:inline-flex}.marketing-site .demo-shell{background:#101715;border:1px solid #364039;border-radius:13px;grid-template-columns:minmax(0,1fr) 314px;height:690px;scroll-margin-top:90px;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 90px #0004}.marketing-site .demo-viewport{isolation:isolate;background:radial-gradient(at 50% 42%,#26312b 0%,#17221e 38%,#101917 68%,#0d1513 100%);min-width:0;position:relative;overflow:hidden}.marketing-site .demo-viewport:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#0c14129c 74%,#0c1412c9);position:absolute;inset:55% 0 0}.marketing-site .demo-room-topline{z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:22px;left:24px;right:20px}.marketing-site .demo-live-label{letter-spacing:.15em;color:#a2b0a7;align-items:center;gap:8px;font-size:8px;font-weight:600;display:flex}.marketing-site .demo-live-label i,.marketing-site .demo-footnote-dot{background:#7a8c7e;border-radius:50%;width:5px;height:5px;display:inline-block}.marketing-site .is-playing .demo-live-label i{background:var(--scene-color);box-shadow:0 0 12px var(--scene-color)}.marketing-site .demo-view-actions{gap:6px;display:flex}.marketing-site .demo-view-actions button,.marketing-site .demo-camera-controls button{color:#a5b6ab;cursor:pointer;background:#13201c99;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.marketing-site .demo-view-actions button{width:32px;height:32px}.marketing-site .demo-view-actions button:hover,.marketing-site .demo-camera-controls button:hover{color:#f6eedf;background:#2b3d33}.marketing-site .demo-room-canvas{touch-action:pan-y;cursor:grab;position:absolute;inset:32px -5% 20px}.marketing-site .demo-room-canvas:active{cursor:grabbing}.marketing-site .demo-room-canvas canvas{display:block;touch-action:pan-y!important}.marketing-site .demo-room-caption{z-index:2;pointer-events:none;position:absolute;bottom:79px;left:29px;right:20px}.marketing-site .demo-chapter{letter-spacing:.19em;color:var(--demo-gold);font-size:8px;font-weight:600}.marketing-site .demo-room-caption h2{letter-spacing:-.02em;color:#ecece0;text-shadow:0 2px 20px #07110f;margin:8px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,2.5vw,32px);font-weight:400}.marketing-site .demo-room-caption p{color:#a2aea4;margin:0;font-size:11px;line-height:1.6}.marketing-site .demo-camera-controls{z-index:3;align-items:center;gap:7px;display:flex;position:absolute;bottom:24px;left:27px;right:20px}.marketing-site .demo-camera-controls button{gap:7px;padding:8px 10px;font-size:10px}.marketing-site .demo-camera-controls button.active{color:#d2dbc9;border-color:#506e5655}.marketing-site .demo-camera-controls button span{color:#81b59a;padding-left:4px;font-size:8px}.marketing-site .demo-camera-controls button:disabled{opacity:.5;cursor:default}.marketing-site .demo-drag-hint{color:#82948a;margin-left:auto;font-size:9px}.marketing-site .demo-director{z-index:4;background:linear-gradient(145deg,#1d2520,#141d19);border-left:1px solid #ffffff0d;padding:24px 22px 15px;position:relative}.marketing-site .demo-director-heading{letter-spacing:.13em;color:#aeb7aa;align-items:center;gap:8px;font-size:8px;font-weight:600;display:flex}.marketing-site .demo-mini-logo{color:#cfb27b;border:1px solid #907b5266;border-radius:50%;place-items:center;width:21px;height:21px;font:13px Georgia;display:grid}.marketing-site .demo-demo-badge{color:#94a48d;letter-spacing:.08em;border:1px solid #67776544;border-radius:3px;margin-left:auto;padding:3px 5px;font-size:7px}.marketing-site .demo-director-intro{margin:23px 0 18px}.marketing-site .demo-director-intro h3{color:#ecebde;letter-spacing:-.025em;margin:0 0 7px;font:26px Georgia}.marketing-site .demo-director-intro p{color:#8f9b8f;margin:0;font-size:10px}.marketing-site .demo-scenes{flex-direction:column;gap:8px;display:flex}.marketing-site .demo-scene{text-align:left;color:#aab5a7;cursor:pointer;background:#0b151242;border:1px solid #a0af991a;border-radius:7px;align-items:center;gap:11px;min-height:64px;padding:5px;transition:background .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.marketing-site .demo-scene:hover{background:#293d2b;border-color:#aab79a66}.marketing-site .demo-scene.selected{border-color:color-mix(in srgb, var(--card-color) 42%, transparent);background:color-mix(in srgb, var(--card-color) 8%, #172019)}.marketing-site .demo-scene img{object-fit:cover;filter:saturate(.75);border-radius:4px;flex-shrink:0;width:57px;height:52px}.marketing-site .demo-scene.selected img{filter:saturate(1.1)}.marketing-site .demo-scene>span:nth-child(2){flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.marketing-site .demo-scene small{letter-spacing:.12em;color:#889b8b;font-size:7px}.marketing-site .demo-scene strong{color:#d6dfcf;font-size:10px;font-weight:500;line-height:1.4}.marketing-site .demo-scene.selected small{color:var(--card-color)}.marketing-site .demo-scene>svg{opacity:.4;flex-shrink:0;margin-right:4px}.marketing-site .demo-scene-check{background:var(--card-color);color:#182c22;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;margin-right:5px;display:grid}.marketing-site .demo-play{color:#242c22;cursor:pointer;background:linear-gradient(125deg,#e0c18a,#c9a567);border:1px solid #ddc08c;border-radius:6px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;margin:16px 0 19px;font-size:11px;font-weight:650;transition:filter .2s,transform .2s;display:flex;box-shadow:0 3px 15px #d6b57716}.marketing-site .demo-play:hover{filter:brightness(1.1);transform:translateY(-1px)}.marketing-site .demo-play:active{transform:translateY(1px)}.marketing-site .demo-play:disabled{opacity:.45;cursor:wait;transform:none}.marketing-site .demo-play>span{letter-spacing:.12em;border:1px solid #26342630;border-radius:3px;margin-left:auto;padding:3px 4px;font-size:7px;font-weight:600}.marketing-site .demo-play>svg{margin-left:auto}.marketing-site .is-playing .demo-play{color:#d5dfcd;box-shadow:none;background:#26352b;border-color:#5b7252}.marketing-site .demo-channels{gap:14px;display:grid}.marketing-site .demo-channels>div{color:#8e9e90;align-items:center;gap:10px;display:flex}.marketing-site .demo-channels>div>span:not(.demo-equalizer){flex-direction:column;flex:1;gap:4px;display:flex}.marketing-site .demo-channels strong{color:#c2cbbb;font-size:10px;font-weight:500}.marketing-site .demo-channels small{color:#7e8e81;font-size:8px}.marketing-site .demo-channels>div>i,.marketing-site .demo-live-tools i{background:#596155;border-radius:50%;width:4px;height:4px;display:inline-block}.marketing-site .demo-channels>div>i.on,.marketing-site .demo-live-tools i.on{background:var(--scene-color);box-shadow:0 0 6px color-mix(in srgb, var(--scene-color) 35%, transparent)}.marketing-site .demo-equalizer{align-items:center;gap:2px;height:14px;display:flex}.marketing-site .demo-equalizer i{background:#586552;border-radius:1px;width:2px;height:3px}.marketing-site .demo-equalizer.on i{background:var(--scene-color);animation:.8s ease-in-out infinite alternate demo-wave}.marketing-site .demo-equalizer i:nth-child(2){animation-delay:-.3s}.marketing-site .demo-equalizer i:nth-child(3){animation-delay:-.6s}.marketing-site .demo-equalizer i:nth-child(4){animation-delay:-.15s}@keyframes demo-wave{to{height:12px}}.marketing-site .demo-sound-controls{border-top:1px solid #8a9c8419;align-items:center;gap:10px;margin-top:19px;padding-top:14px;display:flex}.marketing-site .demo-sound-controls button{color:#97a58d;cursor:pointer;background:0 0;border:0;padding:4px}.marketing-site .demo-sound-controls input{accent-color:#b8ba91;cursor:pointer;width:100%;height:3px}.marketing-site .demo-sound-controls>span{color:#84967e;text-align:right;min-width:25px;font-size:8px}.marketing-site .demo-live-tools{gap:7px;margin-top:13px;display:flex}.marketing-site .demo-live-tools button{white-space:nowrap;color:#a8b4a2;cursor:pointer;background:#101b1555;border:1px solid #7d907829;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 5px;font-size:8px;display:flex}.marketing-site .demo-live-tools button:hover{background:#2d3b2b}.marketing-site .demo-live-tools button:disabled{opacity:.4;cursor:default}.marketing-site .demo-director-note{color:#82907b;justify-content:center;align-items:center;gap:6px;margin:13px 0 0;font-size:8px;display:flex}.marketing-site .demo-loading{color:#b5c3ac;z-index:2;background:#101b16;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;inset:0}.marketing-site .demo-loading svg{animation:1.5s linear infinite demo-spin}@keyframes demo-spin{to{transform:rotate(360deg)}}.marketing-site .demo-fallback{z-index:1;background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.marketing-site .demo-fallback span{text-align:center;background:#101b16d9;border-radius:8px;max-width:80%;padding:15px 20px;font-size:12px;line-height:1.7}.marketing-site .demo-footnote{color:#7f8c7d;justify-content:space-between;gap:20px;margin:16px 2px 0;font-size:8px;line-height:1.6;display:flex}.marketing-site .demo-footnote>span:first-child{color:#a3af9a;align-items:center;gap:7px;display:flex}.marketing-site .demo-footnote-dot{background:#93ae87;width:4px;height:4px}.marketing-site .demo-after{justify-content:space-between;align-items:center;gap:24px;padding:56px 0 34px;display:flex}.marketing-site .demo-after p{color:#ebeadd;letter-spacing:-.02em;margin:0;font:27px Georgia}.marketing-site .demo-after p span{color:#96a28e}.marketing-site .demo-alpha-link{color:#d7bf8e;white-space:nowrap;align-items:center;gap:14px;font-size:11px;display:inline-flex}.marketing-site .demo-explanation{border-top:1px solid #75836d24;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:28px;display:grid}.marketing-site .demo-explanation article{gap:16px;display:flex}.marketing-site .demo-step{color:#b19a6d;margin-top:-3px;font:italic 23px Georgia}.marketing-site .demo-explanation h3{color:#d8dfcf;margin:0 0 9px;font-size:12px;font-weight:500}.marketing-site .demo-explanation p{color:#8d9a84;max-width:280px;margin:0;font-size:11px;line-height:1.85}.marketing-site .demo-reality{color:#7f8e78;border-top:1px solid #75836d24;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:28px 0 0;padding:27px 0 35px;font-size:9px;line-height:1.8;display:flex}.marketing-site .demo-reality>a{color:#b2bd9e;align-items:center;gap:4px;display:inline-flex}.marketing-site .demo-shell:fullscreen,.marketing-site .demo-shell.is-cinema{background:#101715;border:0;border-radius:0;width:100%;max-width:none;height:100dvh}.marketing-site .demo-shell.is-cinema:not(:fullscreen){z-index:100;position:fixed;inset:0}.marketing-site .demo-shell.is-cinema .demo-director{flex-direction:column;justify-content:center;display:flex}.marketing-site .demo-shell.is-cinema .demo-room-canvas{inset:0}@media (min-width:1500px){.marketing-site .experience-section{padding-top:74px}.marketing-site .demo-shell{height:730px}.marketing-site .demo-director{padding-top:31px}.marketing-site .demo-director-intro{margin-top:32px}.marketing-site .demo-scenes{gap:10px}.marketing-site .demo-play{margin-top:22px;margin-bottom:22px}.marketing-site .demo-channels{gap:17px}}@media (max-width:1100px){.marketing-site .experience-section{padding:45px 26px 0}.marketing-site .demo-shell{grid-template-columns:minmax(0,1fr) 286px}.marketing-site .demo-director{padding-inline:17px}.marketing-site .demo-room-caption,.marketing-site .demo-camera-controls{left:20px}.marketing-site .demo-drag-hint{display:none}.marketing-site .experience-intro-aside{max-width:300px}.marketing-site .demo-explanation{gap:20px}}@media (max-width:800px){.marketing-site .experience-section{padding:34px 24px 0}.marketing-site .experience-intro{gap:18px;padding-bottom:28px}.marketing-site .experience-intro h1{font-size:48px}.marketing-site .experience-eyebrow{letter-spacing:.12em;font-size:8px}.marketing-site .experience-intro-aside{max-width:210px}.marketing-site .experience-intro-aside p{font-size:11px}.marketing-site .experience-intro-aside a{gap:8px;font-size:9px}.marketing-site .demo-shell{grid-template-columns:1fr;height:auto}.marketing-site .demo-viewport{height:510px}.marketing-site .demo-director{border-top:1px solid #ffffff12;border-left:0;padding:20px 22px}.marketing-site .demo-director-intro{margin:16px 0}.marketing-site .demo-director-intro h3{font-size:24px}.marketing-site .demo-scenes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.marketing-site .demo-scene{padding:5px;display:block}.marketing-site .demo-scene img{width:100%;height:70px;margin-bottom:9px}.marketing-site .demo-scene>span:nth-child(2){gap:5px;padding:0 4px 7px}.marketing-site .demo-scene strong{font-size:10px}.marketing-site .demo-scene-check{position:absolute;top:10px;right:5px}.marketing-site .demo-scene>svg{display:none}.marketing-site .demo-play{margin:16px 0}.marketing-site .demo-channels{grid-template-columns:repeat(3,1fr);gap:10px}.marketing-site .demo-channels>div{gap:6px}.marketing-site .demo-channels>div>i,.marketing-site .demo-equalizer{display:none}.marketing-site .demo-channels small{font-size:7px}.marketing-site .demo-live-tools,.marketing-site .demo-sound-controls{max-width:400px;margin-inline:auto}.marketing-site .demo-footnote{gap:12px;font-size:7px}.marketing-site .demo-after{padding-top:35px}.marketing-site .demo-after p{max-width:320px;font-size:23px;line-height:1.4}.marketing-site .demo-explanation{gap:20px}.marketing-site .demo-explanation article{display:block}.marketing-site .demo-step{margin-bottom:12px;display:block}.marketing-site .demo-explanation h3{font-size:11px}.marketing-site .demo-explanation p{font-size:10px}.marketing-site .demo-shell.is-cinema{overflow-y:auto}.marketing-site .demo-shell.is-cinema .demo-viewport{min-height:65dvh}.marketing-site .demo-shell.is-cinema .demo-director{display:block}}@media (max-width:540px){.marketing-site .experience-intro{display:block}.marketing-site .experience-intro h1{font-size:42px}.marketing-site .experience-eyebrow{margin-bottom:17px;font-size:7px}.marketing-site .experience-intro-aside{justify-content:space-between;align-items:center;gap:15px;max-width:none;margin-top:21px;padding:0;display:flex}.marketing-site .experience-intro-aside p{margin:0;font-size:10px;line-height:1.7}.marketing-site .experience-intro-aside a{max-width:100px;font-size:8px;line-height:1.5}.marketing-site .demo-viewport{height:425px}.marketing-site .demo-room-canvas{inset:35px -12% 45px}.marketing-site .demo-room-topline{top:16px;left:17px;right:14px}.marketing-site .demo-live-label{letter-spacing:.1em;font-size:6px}.marketing-site .demo-view-actions button{width:29px;height:29px}.marketing-site .demo-room-caption{bottom:68px;left:18px}.marketing-site .demo-room-caption h2{max-width:260px;font-size:24px;line-height:1.15}.marketing-site .demo-room-caption p{max-width:270px;font-size:9px}.marketing-site .demo-chapter{font-size:7px}.marketing-site .demo-camera-controls{bottom:18px;left:18px}.marketing-site .demo-camera-controls button{padding:7px 9px;font-size:9px}.marketing-site .demo-director{padding:19px 16px}.marketing-site .demo-director-intro{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.marketing-site .demo-director-intro h3{font-size:23px}.marketing-site .demo-director-intro p{font-size:8px}.marketing-site .demo-scene img{height:58px}.marketing-site .demo-scene small{font-size:6px}.marketing-site .demo-scene strong{min-height:23px;font-size:8px}.marketing-site .demo-channels{gap:8px}.marketing-site .demo-channels>div{align-items:flex-start}.marketing-site .demo-channels>div>svg{width:12px;height:12px}.marketing-site .demo-channels strong{font-size:8px}.marketing-site .demo-channels small{font-size:6px;line-height:1.5}.marketing-site .demo-footnote{font-size:7px;display:block}.marketing-site .demo-footnote>span:last-child{margin:5px 0 0 11px;display:block}.marketing-site .demo-after{padding:31px 0 25px;display:block}.marketing-site .demo-after p{max-width:300px;font-size:26px}.marketing-site .demo-alpha-link{margin-top:19px}.marketing-site .demo-explanation{grid-template-columns:1fr;gap:24px}.marketing-site .demo-explanation article{gap:15px;display:flex}.marketing-site .demo-step{margin-bottom:0;font-size:25px}.marketing-site .demo-explanation h3{font-size:12px}.marketing-site .demo-explanation p{max-width:none;font-size:11px}.marketing-site .demo-reality{justify-content:flex-start;gap:6px;padding-bottom:25px;font-size:8px}}@media (prefers-reduced-motion:reduce){.marketing-site .demo-shell *{transition:none!important;animation:none!important}.marketing-site .demo-equalizer.on i{height:8px}}.marketing-site .demo-room-play{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5c994;cursor:pointer;background:#152319ce;border:1px solid #e6ca9699;border-radius:50%;place-items:center;width:72px;height:72px;transition:background .2s,box-shadow .2s;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #d7b77c0b,0 0 45px #d7b77c16,0 10px 40px #0007}.marketing-site .demo-room-play svg{margin-left:4px}.marketing-site .demo-room-play:hover{background:#435337dd;box-shadow:0 0 0 13px #d7b77c10,0 0 60px #d7b77c33}.marketing-site .demo-room-play span{white-space:nowrap;letter-spacing:.03em;color:#e7dfcb;background:#101b17c9;border-radius:4px;padding:5px 9px;font-size:10px;position:absolute;top:83px}.marketing-site .demo-room-play:disabled{opacity:.5;cursor:wait}@media (max-width:540px){.marketing-site .demo-room-play{width:60px;height:60px;top:42%}.marketing-site .demo-room-play span{font-size:9px;top:71px}}