.showcase{padding-top:100px;padding-bottom:40px}.showcase-heading{text-align:center;max-width:740px;margin:0 auto 36px}.showcase-heading .eyebrow{justify-content:center;color:#8dbaff}.showcase-heading h2{font-size:46px;line-height:1.15;margin:19px 0}.showcase-heading p{font-size:14px}.scenario-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.scenario-tabs button{color:#95a8c3;border:1px solid #24354d;background:#101925;padding:14px 24px;border-radius:5px;font-size:12px}.scenario-tabs button[aria-selected=true]{background:#1d3b62;border-color:#478ddd;color:#eef6ff}.scenario-panel{border:1px solid #263950;border-radius:12px;overflow:hidden;background:#0e1724}.venue{height:385px;position:relative;overflow:hidden;isolation:isolate;--scene-color:#388fff;background:radial-gradient(ellipse at 50% 70%,#17417a50,transparent 60%),#080e18}.venue-rig{position:absolute;left:9%;right:9%;top:22px;height:13px;border-top:2px solid #354559;border-bottom:2px solid #354559;background:repeating-linear-gradient(45deg,transparent 0 20px,#354559 21px 23px,transparent 24px 40px)}.venue-screen{position:absolute;top:84px;height:210px;border:3px solid #31445d;background:radial-gradient(ellipse at 65% 45%,#235daf,#07172e 75%);box-shadow:0 0 45px #2261bb22;overflow:hidden}.screen-center{left:25%;width:50%;padding:23px 28px;z-index:2}.screen-center small{font-size:7px;letter-spacing:2px;color:#97caff}.screen-center strong{display:block;position:relative;z-index:2;font-size:43px;line-height:.95;letter-spacing:-1.6px;margin-top:25px;color:#f2f7ff}.venue-ring{position:absolute;right:7%;top:18%;height:160px;width:160px;border:22px solid var(--scene-color);border-radius:50%;transform:rotate(-30deg) scaleX(.6);box-shadow:0 0 45px #4a96fb66}.screen-left,.screen-right{width:15%;background:linear-gradient(130deg,#0a1b36,#276ac1)}.screen-left{left:8%;transform:perspective(500px) rotateY(18deg)}.screen-right{right:8%;transform:perspective(500px) rotateY(-18deg)}.screen-left span,.screen-right span{display:block;writing-mode:vertical-rl;letter-spacing:13px;font-size:31px;margin:25px auto;color:#b2d7ff}.venue-floor{position:absolute;bottom:-30px;width:150%;left:-25%;height:120px;background:repeating-linear-gradient(90deg,transparent 0 69px,#34496350 70px 71px),repeating-linear-gradient(0deg,transparent 0 29px,#34496350 30px 31px);transform:perspective(180px) rotateX(35deg);border-top:1px solid #3b5475}.venue-plinth{position:absolute;bottom:49px;left:20%;right:20%;height:34px;background:linear-gradient(#233950,#111b29);clip-path:polygon(7% 0,93% 0,100% 65%,100% 100%,0 100%,0 65%);border-bottom:2px solid #3973a6}.venue-beam{position:absolute;width:28%;height:340px;top:32px;background:linear-gradient(#559ef833,transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(9px)}.beam-left{left:3%;transform:rotate(-20deg)}.beam-right{right:3%;transform:rotate(20deg)}.scenario-copy{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:29px 36px;border-top:1px solid #273b56}.scenario-copy .eyebrow{color:#7eafea;font-size:9px}.scenario-copy h3{font-size:23px;line-height:1.25;max-width:390px;margin:12px 0 0}.scenario-copy p{font-size:13px;margin:0}.showcase-note{color:#7e90aa;font-size:10px;margin-top:17px;line-height:1.7}.scenario-panel[data-mode=exhibit] .venue{--scene-color:#a88aff;background:radial-gradient(ellipse at 50% 70%,#4a247644,transparent 65%),#0e0c1b}.scenario-panel[data-mode=exhibit] .venue-screen{background:radial-gradient(ellipse at 65% 50%,#543b99,#171529 75%)}.scenario-panel[data-mode=exhibit] .screen-center{left:32%;width:36%;top:53px;height:241px}.scenario-panel[data-mode=exhibit] .screen-left{left:14%;width:14%;top:64px;height:230px;transform:none}.scenario-panel[data-mode=exhibit] .screen-right{right:14%;width:14%;top:64px;height:230px;transform:none}.scenario-panel[data-mode=exhibit] .venue-beam{opacity:.25}.scenario-panel[data-mode=brand] .venue{--scene-color:#4bdccc;background:radial-gradient(ellipse at 50% 70%,#145d6344,transparent 65%),#090f14}.scenario-panel[data-mode=brand] .venue-screen{background:linear-gradient(115deg,#092d35,#166c76)}.scenario-panel[data-mode=brand] .screen-center{left:15%;width:70%;height:180px;top:99px}.scenario-panel[data-mode=brand] .screen-left,.scenario-panel[data-mode=brand] .screen-right{opacity:0}.scenario-panel[data-mode=brand] .venue-plinth{left:10%;right:10%}.showcase-story{padding-top:85px;padding-bottom:95px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px}.story-copy h2{font-size:44px}.story-copy p{font-size:14px}.story-copy ul{list-style:none;padding:0;margin:25px 0;font-size:12px;color:#b3c5df;line-height:2.3}.story-copy li:before{content:'＋';color:#5498f5;margin-right:10px}.story-copy>.eyebrow{color:#8dbaff}.layers-visual{background:#101b2b;border:1px solid #2b405e;border-radius:11px;padding:18px;overflow:hidden}.layers-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8aa2c2;padding-bottom:15px}.layer-canvas{position:relative;height:310px;background-image:radial-gradient(#38506d 1px,transparent 1px);background-size:15px 15px}.layer-background{position:absolute;inset:25px 40px 53px 15px;background:linear-gradient(125deg,#0b1530,#203d79);border:1px solid #618ace;overflow:hidden}.layer-background>span,.layer-content>span,.layer-brand>span{position:absolute;left:9px;top:8px;color:#a8c8ff;font-size:7px;letter-spacing:1px}.layer-orbit{width:200px;height:200px;border:24px solid #2559b1;border-radius:50%;position:absolute;right:-30px;top:35px}.layer-content{position:absolute;left:65px;top:76px;right:12px;height:173px;background:#2b6dddba;border:1px solid #72b4ff;box-shadow:0 15px 30px #0006;padding:40px 22px}.layer-content:before,.layer-content:after{content:'';position:absolute;width:6px;height:6px;background:#fff;border:1px solid #438dff}.layer-content:before{left:-4px;top:-4px}.layer-content:after{bottom:-4px;right:-4px}.layer-content strong{font-size:35px;line-height:1;letter-spacing:-1px}.layer-brand{position:absolute;right:0;bottom:14px;width:180px;height:66px;background:#cfe5ff;color:#183863;border:1px solid #f3f9ff;box-shadow:0 7px 25px #0004;padding:28px 12px 10px}.layer-brand>span{color:#41618c}.layer-brand strong{font-size:20px}.layer-legend{display:flex;justify-content:space-between;gap:10px;padding-top:15px;font-size:8px;color:#9fb5d2}.layer-legend i{display:inline-block;width:6px;height:6px;background:#438dff;margin-right:5px}.output-story{padding:75px 0 60px;background:linear-gradient(#101b2b,#0b111c);border-top:1px solid #22344c;border-bottom:1px solid #22344c}.output-flow{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;max-width:970px;margin:45px auto}.console-art{background:#0c131f;border:1px solid #355176;border-radius:8px;padding:10px;transform:perspective(1000px) rotateY(5deg);box-shadow:0 20px 45px #0004}.art-bar{display:flex;gap:7px;font-size:10px;padding:3px 0 12px;align-items:center}.art-dot{width:6px;height:6px;border-radius:50%;background:#438dff}.art-bar small{margin-left:auto;color:#7493b8;font-size:7px}.art-body{display:flex;gap:8px}.art-sidebar{width:40px;display:flex;flex-direction:column;gap:10px;padding-top:10px}.art-sidebar i{height:7px;background:#233650;border-radius:2px}.art-sidebar i:nth-child(2){background:#397cd7}.art-preview,.display-art>div{background:radial-gradient(ellipse at 90% 15%,#348aef,#173361 45%,#0b1428);padding:20px;min-height:155px;flex:1}.art-preview span,.display-art span{display:block;color:#9dc9ff;font-size:7px;letter-spacing:2px}.art-preview strong,.display-art strong{display:block;font-size:32px;letter-spacing:-1px;line-height:1;margin-top:25px}.art-controls{text-align:center;font-size:12px;color:#b3ceef;padding:12px 0 0}.art-controls b{background:#397fe0;border-radius:50%;padding:3px 7px}.signal-flow{position:relative;text-align:center;color:#6f9aca}.signal-flow span{font-size:7px;letter-spacing:1px}.signal-flow i{display:block;border-top:1px dashed #4973a5;margin-top:13px}.signal-flow b{font-size:18px;position:absolute;right:-1px;bottom:-9px}.display-art{position:relative;border:5px solid #32425b;border-bottom-width:12px;border-radius:5px;box-shadow:0 20px 45px #0005}.display-art>div{min-height:207px}.display-art>i{position:absolute;width:80px;height:25px;background:#27374e;bottom:-35px;left:calc(50% - 40px);clip-path:polygon(35% 0,65% 0,70% 80%,100% 85%,100% 100%,0 100%,0 85%,30% 80%)}.output-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px}.output-benefits article{border-top:1px solid #2b4360;padding-top:23px}.output-benefits article>span{font-size:10px;color:#73acfa}.output-benefits h3{font-size:18px;margin:15px 0 10px}.output-benefits p{font-size:12px}
@media(max-width:800px){.showcase{padding-top:65px}.showcase-heading h2,.story-copy h2{font-size:36px}.showcase-story{gap:30px;grid-template-columns:1fr;padding-top:50px;padding-bottom:60px}.story-copy{max-width:550px}.layers-visual{max-width:590px;width:100%;margin:auto}.output-flow{grid-template-columns:1fr 65px 1fr}.scenario-tabs button{padding:12px 15px;font-size:10px}.screen-center strong{font-size:36px}.venue-ring{right:-10%}.scenario-copy{gap:25px;padding:25px}.output-flow strong{font-size:25px}.output-benefits{gap:22px}.art-preview,.display-art>div{padding:15px}}
@media(max-width:520px){.showcase-heading h2,.story-copy h2{font-size:31px}.showcase-heading p{font-size:13px}.scenario-tabs{gap:5px}.scenario-tabs button{flex:1;padding:12px 5px;font-size:9px;line-height:1.5}.venue{height:270px}.venue-screen{top:67px;height:139px}.screen-center{left:23%;width:54%;padding:14px 12px}.screen-center small{font-size:5px;letter-spacing:.6px}.screen-center strong{font-size:25px;letter-spacing:-1px;margin-top:19px}.venue-ring{width:100px;height:100px;border-width:15px;right:-10px}.screen-left{left:5%}.screen-right{right:5%}.screen-left span,.screen-right span{font-size:18px;letter-spacing:7px;margin:20px auto}.venue-plinth{bottom:34px;height:25px}.venue-floor{height:90px}.venue-rig{top:20px}.scenario-copy{grid-template-columns:1fr;gap:13px;padding:22px}.scenario-copy h3{font-size:21px}.scenario-copy p{font-size:12px}.scenario-panel[data-mode=exhibit] .screen-center{left:27%;width:46%;height:160px;top:49px}.scenario-panel[data-mode=exhibit] .screen-left{left:7%;width:16%;height:150px;top:59px}.scenario-panel[data-mode=exhibit] .screen-right{right:7%;width:16%;height:150px;top:59px}.scenario-panel[data-mode=brand] .screen-center{left:9%;width:82%;height:130px;top:79px}.layer-canvas{height:270px}.layer-content{left:38px;top:69px;height:149px;padding:37px 16px}.layer-content strong{font-size:29px}.layer-background{right:25px}.layer-brand{width:155px;height:61px}.layer-brand strong{font-size:17px}.layer-legend{font-size:7px;gap:5px}.output-flow{grid-template-columns:1fr;gap:35px;max-width:310px}.signal-flow{height:30px}.signal-flow i{width:50px;transform:rotate(90deg);margin:22px auto}.signal-flow b{display:none}.display-art{margin-top:10px}.output-benefits{grid-template-columns:1fr;gap:20px;margin-top:60px}.output-benefits h3{margin:9px 0}.output-story{padding-top:50px}.showcase-note{font-size:9px}}

.layer-content{cursor:grab;touch-action:none;user-select:none;z-index:3;padding:32px 12px 10px;display:flex;align-items:center}.layer-content:before,.layer-content:after{display:none}.layer-content strong{font-size:clamp(20px,2.7vw,35px);pointer-events:none}.layer-content.manipulating{cursor:grabbing;box-shadow:0 0 0 1px #a3d6ff,0 15px 30px #0006}.layer-brand{pointer-events:none}.layer-handle{position:absolute;width:24px;height:24px;padding:0;border:0;background:transparent;touch-action:none;z-index:5}.layer-handle:after{content:'';position:absolute;inset:7px;background:#fff;border:1px solid #438dff;box-shadow:0 0 3px #132c60}.layer-handle.nw{left:-12px;top:-12px;cursor:nwse-resize}.layer-handle.ne{right:-12px;top:-12px;cursor:nesw-resize}.layer-handle.sw{left:-12px;bottom:-12px;cursor:nesw-resize}.layer-handle.se{right:-12px;bottom:-12px;cursor:nwse-resize}.layer-content:focus-visible{outline:2px solid #8ccaff;outline-offset:3px}.layer-tools{display:flex;align-items:center;gap:15px;margin-top:14px}.layer-tools p{font-size:10px;line-height:1.6;margin:0;flex:1;color:#a8bdd8}.layer-tools button{border:1px solid #3b587c;background:#182a43;color:#d3e7ff;border-radius:5px;padding:8px 10px;font-size:10px;white-space:nowrap}#layer-position{display:block;color:#80b6fb;font-size:10px;margin-top:9px;font-variant-numeric:tabular-nums}

.layer-content{container-type:inline-size}.layer-content strong{font-size:clamp(16px,9cqw,35px);max-width:100%;overflow-wrap:normal}

/* Static layer illustration: the interactive resize experiment is disabled. */
.layer-content{cursor:default;touch-action:auto;user-select:auto;z-index:auto;display:block;left:65px;top:76px;right:12px;width:auto;height:173px;padding:40px 22px;box-shadow:0 15px 30px #0006}
.layer-content strong{font-size:35px;max-width:none;overflow-wrap:normal}