.editor-hero{padding-top:46px}.editor-hero .hero-grid{grid-template-columns:minmax(360px,.72fr) minmax(600px,1.28fr);gap:52px}.editor-hero .hero-copy h1{max-width:660px;font-size:clamp(52px,4.6vw,72px)}.scene-demo{background:linear-gradient(145deg,#252238,#15141b 72%);min-height:650px;position:relative;overflow:hidden;box-shadow:14px 14px #08070c}.scene-demo:before{content:"";background-image:linear-gradient(26.565deg,#0000 48.8%,#ffd45a17 49.2% 50.8%,#0000 51.2%),linear-gradient(153.435deg,#0000 48.8%,#ffd45a17 49.2% 50.8%,#0000 51.2%);background-size:64px 32px;position:absolute;inset:0}.scene-demo picture{place-items:center;display:grid;position:absolute;inset:52px 34px 112px}.scene-demo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;filter:drop-shadow(24px 28px #00000038);transition:opacity .24s,transform .5s cubic-bezier(.23,1,.32,1);display:block}.scene-demo.is-changing img{opacity:0;transform:scale(.96)}.scene-switcher{z-index:3;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;bottom:24px;left:24px;right:24px}.scene-switcher .px-chip{min-height:48px}.scene-note{z-index:3;color:var(--cream);letter-spacing:.1em;text-transform:uppercase;background:#14131ad1;padding:9px 11px;font-size:11px;font-weight:700;position:absolute;top:24px;left:24px}.editor-proof{background:#464154;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;display:grid}.editor-proof div{background:#14131af2;padding:17px 18px}.editor-proof b{color:var(--sun);font-family:var(--display);font-size:34px;line-height:.85;display:block}.editor-proof span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:7px;font-size:10px;display:block}.capability{border-bottom:1px solid #14131a26;grid-template-columns:minmax(320px,.68fr) minmax(0,1.32fr);align-items:center;gap:72px;margin-top:22px;padding:48px 0 82px;display:grid}.capability.reverse{grid-template-columns:minmax(0,1.32fr) minmax(320px,.68fr)}.capability.reverse .capability-copy{order:2}.capability-copy h3{font-family:var(--display);margin:0;font-size:clamp(44px,4vw,62px);line-height:.88}.capability-copy p{max-width:500px;margin:22px 0 0;font-size:17px}.capability-list{gap:11px;margin:26px 0 0;padding:0;list-style:none;display:grid}.capability-list li{align-items:flex-start;gap:12px;display:flex}.capability-list li:before{content:"";background:var(--blue);flex:0 0 9px;width:9px;height:9px;margin-top:8px;box-shadow:4px 4px #14131a38}.visual-panel{background:var(--visual-bg,#252330);place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden;box-shadow:12px 12px #14131a38}.visual-panel:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.visual-panel>img{z-index:2;object-fit:contain;width:auto;max-width:90%;height:auto;max-height:450px;image-rendering:pixelated;filter:drop-shadow(18px 20px #0003);display:block;position:relative}.surface-compare{grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.surface-compare figure{place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.surface-compare figure:first-child{background:#ef6b4a}.surface-compare figure:last-child{background:#3656d6}.surface-compare img{z-index:2;width:94%;height:auto;image-rendering:pixelated;display:block;position:relative}.surface-compare figcaption{z-index:4;background:var(--ink);color:#fff;text-transform:uppercase;padding:8px 10px;font-size:10px;font-weight:700;position:absolute;bottom:16px;right:16px}.object-cloud{background:#17161e;width:100%;height:520px;position:relative}.object-cloud img{z-index:2;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(12px 14px #0000003d);display:block;position:absolute}.object-cloud .obj-1{width:31%;bottom:4%;left:4%}.object-cloud .obj-2{width:27%;top:5%;left:38%}.object-cloud .obj-3{width:33%;bottom:4%;right:3%}.object-cloud .obj-4{width:19%;top:6%;left:7%}.object-cloud .obj-5{width:15%;top:8%;right:13%}.object-cloud strong{z-index:4;color:var(--cream);font-family:var(--display);text-align:center;text-shadow:8px 8px #14131a;font-size:110px;line-height:.75;position:absolute;top:42%;left:50%;translate:-50% -50%}.object-cloud strong small{color:var(--sun);font:700 14px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;margin-top:12px;display:block}.night-demo{position:relative}.night-demo img{transition:opacity .35s}.night-demo img+img{opacity:0;position:absolute}.night-demo.is-night img:first-child{opacity:0}.night-demo.is-night img+img{opacity:1}.night-toggle{z-index:5;position:absolute;bottom:22px;right:22px}.detail-scene{z-index:2;place-items:center;width:100%;height:520px;display:grid;position:relative}.detail-scene>img{object-fit:contain;width:auto;max-width:92%;height:auto;max-height:460px;image-rendering:pixelated;filter:drop-shadow(18px 20px #0003);display:block}.detail-note{z-index:5;background:var(--sun);max-width:260px;color:var(--ink);padding:11px 13px;font-size:11px;font-weight:700;line-height:1.35;position:absolute;bottom:22px;right:22px;box-shadow:7px 7px #00000047}.detail-note.dark{background:var(--ink);color:var(--cream)}.scenario-panel{z-index:2;width:100%;height:520px;position:relative;overflow:hidden}.scenario-panel>img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.88)brightness(.86)}.scenario-route{z-index:3;border-top:5px dotted var(--sun);border-right:5px dotted var(--sun);width:48%;height:22%;position:absolute;bottom:24%;left:23%;transform:skew(-18deg)rotate(-5deg)}.scenario-route:before,.scenario-route:after{content:"";background:var(--tomato);width:18px;height:18px;position:absolute;box-shadow:6px 6px #00000042}.scenario-route:before{top:-11px;left:-9px}.scenario-route:after{background:var(--mint);bottom:-9px;right:-11px}.scenario-bubble{z-index:4;background:var(--cream);max-width:270px;color:var(--ink);padding:13px 16px;font-size:13px;font-weight:700;line-height:1.45;position:absolute;top:28px;left:28px;box-shadow:8px 8px #00000052}.scenario-state{z-index:4;background:var(--blue);color:#fff;letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;font-size:10px;font-weight:700;position:absolute;bottom:22px;right:24px}.public-browser{z-index:2;width:calc(100% - 48px);max-width:760px;color:var(--ink);background:#f8edda;position:relative;overflow:hidden;box-shadow:14px 16px #00000047}.public-browser-bar{color:#bdb6c4;background:#18171f;align-items:center;gap:8px;height:44px;padding:0 14px;font-size:10px;display:flex}.public-browser-bar i{background:var(--tomato);width:9px;height:9px;box-shadow:15px 0 0 var(--sun),30px 0 0 var(--mint)}.public-browser-bar span{text-overflow:ellipsis;white-space:nowrap;margin-left:38px;overflow:hidden}.public-browser-art{background:var(--blue);place-items:center;min-height:310px;padding:20px;display:grid}.public-browser-art img{object-fit:contain;width:auto;max-width:94%;height:auto;max-height:280px;image-rendering:pixelated;display:block}.public-browser-foot{justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.public-browser-foot strong{font-family:var(--display);font-size:27px;line-height:.9}.public-browser-foot span{font-size:11px}.public-heart{background:var(--pink);box-shadow:5px 5px 0 var(--ink);padding:9px 12px;font-weight:700}.collection-grid{z-index:2;background:#131219;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3px;width:100%;height:520px;display:grid;position:relative}.collection-card{place-items:center;margin:0;padding:18px;display:grid;position:relative;overflow:hidden}.collection-card:first-child{background:#31243a;grid-row:1/3}.collection-card:nth-child(2){background:#345682}.collection-card:nth-child(3){background:#305f52}.collection-card img{object-fit:contain;width:auto;max-width:96%;height:auto;max-height:90%;image-rendering:pixelated;filter:drop-shadow(10px 12px #0003);display:block}.collection-card figcaption{z-index:3;background:var(--ink);color:#fff;letter-spacing:.06em;text-transform:uppercase;padding:7px 9px;font-size:10px;font-weight:700;position:absolute;bottom:14px;left:14px}.poster-lab{z-index:2;background:#3656d6;grid-template-columns:1fr minmax(220px,.42fr);align-items:center;gap:26px;width:100%;height:520px;padding:34px;display:grid;position:relative}.poster-lab-art{place-items:center;height:100%;display:grid}.poster-sheet{aspect-ratio:4/5;background:var(--sun);height:min(440px,100%);color:var(--ink);position:relative;overflow:hidden;box-shadow:13px 15px #0000004d}.poster-sheet strong{z-index:3;font-family:var(--display);text-align:center;text-transform:uppercase;font-size:43px;line-height:.76;position:absolute;top:23px;left:18px;right:18px}.poster-sheet strong small{font:700 7px/1.4 var(--body);letter-spacing:.07em;margin-top:10px;display:block}.poster-sheet img{width:94%;height:auto;image-rendering:pixelated;display:block;position:absolute;bottom:11%;right:3%}.poster-sheet>span{font:700 7px/1 var(--display);letter-spacing:.08em;text-align:center;position:absolute;bottom:10px;left:0;right:0}.poster-controls{gap:10px;display:grid}.poster-controls span{border-left:5px solid var(--sun);color:#fff;background:#14131a57;padding:12px 13px;font-size:11px;font-weight:700}.poster-controls span:nth-child(2){border-color:var(--pink)}.poster-controls span:nth-child(3){border-color:var(--mint)}.poster-controls span:nth-child(4){border-color:var(--tomato)}.start-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.start-card{background:var(--panel);min-width:0;position:relative;overflow:hidden;box-shadow:9px 9px #08070c}.start-card-media{background:var(--card-bg);place-items:center;min-height:330px;padding:26px;display:grid}.start-card img{object-fit:contain;width:auto;max-width:94%;height:auto;max-height:285px;image-rendering:pixelated;filter:drop-shadow(13px 15px #0000002e);display:block}.start-card-copy{padding:25px 25px 29px}.start-card h3{color:var(--cream);font-family:var(--display);margin:0;font-size:40px;line-height:.88}.start-card p{color:var(--muted);margin:10px 0 0;font-size:13px}@media (width<=1120px){.editor-hero .hero-grid{grid-template-columns:1fr}.scene-demo{min-height:580px}.capability,.capability.reverse{grid-template-columns:1fr;gap:34px}.capability.reverse .capability-copy{order:0}.start-grid{grid-template-columns:1fr 1fr}}@media (width<=680px){.editor-hero{padding-top:30px}.editor-hero .hero-copy h1{font-size:46px}.scene-demo{min-height:430px}.scene-demo picture{inset:50px 12px 100px}.scene-switcher{bottom:14px;left:12px;right:12px}.scene-switcher .px-chip{padding-inline:8px;font-size:12px}.editor-proof{grid-template-columns:1fr 1fr}.editor-proof div:last-child{grid-column:1/-1}.capability{padding:24px 0 60px}.visual-panel,.object-cloud,.detail-scene,.scenario-panel,.collection-grid,.poster-lab{height:360px;min-height:360px}.object-cloud strong{font-size:78px}.surface-compare{grid-template-columns:1fr}.surface-compare figure:last-child{display:none}.detail-note{max-width:210px;bottom:14px;right:14px}.scenario-bubble{max-width:220px;top:16px;left:16px}.public-browser{width:calc(100% - 24px)}.public-browser-art{min-height:220px}.public-browser-foot strong{font-size:22px}.public-browser-foot span{display:none}.collection-card{padding:8px}.collection-card figcaption{bottom:8px;left:8px}.poster-lab{grid-template-columns:1fr;padding:20px}.poster-lab-art img{max-height:260px}.poster-controls{display:none}.start-grid{grid-template-columns:1fr}}
