:root{color-scheme:dark;--ink:#fff7eb;--muted:#b9aa96;--line:rgba(255,247,235,.17);--panel:rgba(20,17,14,.76);--gold:#f3c66e;--sage:#9fd3b8;--copper:#d88955;--blue:#9db7ff;--shadow:0 30px 100px rgba(0,0,0,.42);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{height:100vh;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 12% 12%,rgba(243,198,110,.22),transparent 28%),radial-gradient(circle at 88% 10%,rgba(157,183,255,.18),transparent 30%),#070605}button{border:0;font:inherit;cursor:pointer}.app-shell{display:grid;grid-template-rows:auto 1fr;gap:14px;height:100vh;padding:14px}.top-panel,.side-panel,.stage-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.top-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:18px 20px;border-radius:30px}.eyebrow{margin:0 0 7px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:950}h1,h2,h3,p{margin:0}h1{max-width:820px;font-size:clamp(1.6rem,3vw,3.1rem);line-height:.96;letter-spacing:-.07em}.subtitle{max-width:760px;margin-top:9px;color:var(--muted);line-height:1.45}.controls{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.control-button,.primary-button{min-height:43px;border-radius:999px;font-weight:900}.control-button{border:1px solid var(--line);padding:0 14px;color:var(--ink);background:rgba(255,255,255,.07)}.primary-button{padding:0 18px;color:#1d1409;background:linear-gradient(135deg,var(--gold),#fff0c8 54%,var(--sage))}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;min-height:0;height:100%}.stage-panel{position:relative;min-width:0;min-height:420px;height:100%;overflow:hidden;border-radius:32px}.viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;background:radial-gradient(circle at center,rgba(255,247,235,.065),transparent 48%),linear-gradient(rgba(255,247,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,247,235,.035) 1px,transparent 1px);background-size:100% 100%,80px 80px,80px 80px}.viewport:before{content:'';position:absolute;z-index:120;left:50%;top:50%;width:92px;height:92px;border:1px solid rgba(243,198,110,.58);border-radius:999px;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px rgba(0,0,0,.025),0 0 34px rgba(243,198,110,.18);pointer-events:none}.viewport:after{content:'';position:absolute;z-index:121;left:50%;top:50%;width:18px;height:18px;border-left:2px solid rgba(243,198,110,.88);border-top:2px solid rgba(243,198,110,.88);transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}.world{position:absolute;left:0;top:0;width:1600px;height:1000px;transform-origin:0 0;will-change:transform;transition:filter .25s ease}.viewport.is-zooming .world{filter:blur(1.4px) saturate(1.12) contrast(1.04)}.viewport.is-zooming:before{box-shadow:0 0 0 9999px rgba(0,0,0,.08),0 0 52px rgba(243,198,110,.35)}.scene{position:absolute;left:0;top:0;width:1600px;height:1000px;overflow:hidden;border:1px solid rgba(255,247,235,.26);border-radius:52px;background:#15110d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 30px 90px rgba(0,0,0,.38);transform-origin:0 0}.scene:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 16%,var(--tone),transparent 35%),radial-gradient(circle at 84% 20%,rgba(255,255,255,.2),transparent 28%),linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,255,255,.018))}.scene{background-image:linear-gradient(120deg,rgba(255,255,255,.045) 0 8%,transparent 8% 18%,rgba(255,255,255,.035) 18% 23%,transparent 23% 100%)}.scene:after{content:'';position:absolute;inset:24px;border:1px solid rgba(255,255,255,.11);border-radius:38px;pointer-events:none}.scene .scene-caption:after{content:'';display:block;width:78px;height:3px;margin-top:8px;border-radius:999px;background:linear-gradient(90deg,var(--gold),transparent)}.scene.is-current{border-color:rgba(243,198,110,.58)}.tone-amber{--tone:rgba(243,198,110,.52);--accent:#f3c66e}.tone-sage{--tone:rgba(96,211,153,.52);--accent:#9fd3b8}.tone-copper{--tone:rgba(255,118,72,.52);--accent:#ff9a66}.tone-blue{--tone:rgba(100,137,255,.52);--accent:#9db7ff}.tone-gold{--tone:rgba(255,218,118,.62);--accent:#ffe08a}.tone-sage .scene-caption h2,.tone-blue .scene-caption h2,.tone-copper .scene-caption h2{ text-shadow:0 18px 60px rgba(0,0,0,.55)}.scene-caption{position:absolute;z-index:12;left:54px;top:50px;max-width:510px;display:grid;gap:9px}.scene-caption p{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:950}.scene-caption h2{font-size:4.2rem;line-height:.9;letter-spacing:-.075em}.scene-caption span{max-width:430px;color:rgba(255,247,235,.76);line-height:1.4;font-weight:600}.zoom-target{position:absolute;z-index:40;border:1px solid rgba(255,247,235,.34);border-radius:26px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 44px rgba(255,255,255,.05);transition:border-color .18s ease,background .18s ease,transform .18s ease}.zoom-target:before,.zoom-target:after{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.14);border-radius:18px}.zoom-target:after{inset:34px;border-color:rgba(243,198,110,.22)}.zoom-target span{position:absolute;left:18px;bottom:16px;border-radius:999px;padding:10px 14px;color:#201508;background:linear-gradient(135deg,var(--gold),#fff1cf);font-size:.9rem;font-weight:950;box-shadow:0 12px 34px rgba(0,0,0,.28)}.zoom-target span:after{content:' →';font-weight:950}.zoom-target:focus-visible{outline:0;border-color:rgba(255,255,255,.95)}.zoom-target:hover,.zoom-target.is-aimed{border-color:rgba(243,198,110,.98);background:rgba(243,198,110,.13);transform:scale(1.035);box-shadow:0 0 0 10px rgba(243,198,110,.16),0 0 70px rgba(243,198,110,.26),inset 0 0 54px rgba(255,255,255,.12)}.zoom-target.is-aimed span{animation:pulseLabel .8s ease-in-out infinite alternate}@keyframes pulseLabel{from{transform:translateY(0)}to{transform:translateY(-4px)}}.scene-art{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(1.08) contrast(1.02);pointer-events:none}.photo-layer{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;opacity:.46;filter:saturate(1.05) contrast(1.04);pointer-events:none}.photo-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,5,.72),rgba(7,6,5,.18) 45%,rgba(7,6,5,.56)),radial-gradient(circle at 50% 55%,transparent,rgba(7,6,5,.5))}.boutique-architecture,.outdoor-scene,.table-scene,.closeup-scene,.conversion-scene{position:absolute;inset:0;z-index:2}.ceiling-line{position:absolute;left:110px;right:110px;top:190px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent)}.floor-grid{position:absolute;left:100px;right:100px;bottom:-40px;height:360px;transform:perspective(650px) rotateX(62deg);background:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:70px 70px;opacity:.45}.brand-mark{position:absolute;left:50%;top:230px;transform:translateX(-50%);color:rgba(255,247,235,.2);font-size:9.5rem;letter-spacing:.18em;font-weight:950;text-shadow:0 20px 80px rgba(243,198,110,.18)}.brand-mark:after{content:'Infinite Commerce';display:block;margin-top:8px;color:rgba(243,198,110,.82);font-size:1.05rem;letter-spacing:.32em;text-align:center;text-transform:uppercase}.wall-panel{position:absolute;top:370px;width:270px;height:310px;border-radius:34px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 0 44px rgba(255,255,255,.06)}.wall-panel span{position:absolute;left:28px;bottom:26px;color:rgba(255,247,235,.72);font-weight:850}.left-panel{left:220px}.right-panel{right:185px}.portal-shadow{position:absolute;border-radius:40px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.12);box-shadow:inset 0 0 60px rgba(255,255,255,.08)}.root-shadow{left:925px;top:315px;width:430px;height:269px}.outdoor-shadow{left:790px;top:394px;width:410px;height:256px}.table-shadow{left:980px;top:520px;width:330px;height:206px}.closeup-shadow{left:1030px;top:632px;width:300px;height:188px}.sun-orb{position:absolute;right:220px;top:150px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,#fff1c8,#f3c66e 55%,transparent 70%)}.mountain{position:absolute;bottom:285px;width:560px;height:360px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(159,211,184,.18))}.mountain-a{left:210px}.mountain-b{left:520px;bottom:240px;opacity:.72}.mountain-c{right:130px;bottom:260px;opacity:.62}.trail-path{position:absolute;left:520px;bottom:-80px;width:430px;height:600px;border-radius:50%;border-left:80px solid rgba(216,137,85,.42);transform:rotate(-18deg)}.display-plinth{position:absolute;display:grid;place-items:end center;padding-bottom:22px;border-radius:34px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:rgba(255,247,235,.8);font-weight:900}.plinth-a{left:315px;bottom:180px;width:190px;height:250px}.plinth-b{right:270px;bottom:170px;width:210px;height:280px}.table-surface{position:absolute;left:250px;right:220px;bottom:130px;height:520px;border-radius:60px;transform:perspective(700px) rotateX(48deg);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(216,137,85,.14));border:1px solid rgba(255,255,255,.16)}.product-object{position:absolute;z-index:5;display:grid;place-items:center;gap:10px;width:220px;height:220px;border-radius:42px;border:1px solid rgba(255,255,255,.16);background:rgba(255,247,235,.88);color:#21170f;box-shadow:0 24px 60px rgba(0,0,0,.22)}.product-object span{font-size:4rem}.product-object strong{font-size:.86rem}.shoe-object{left:880px;top:410px;width:310px;height:240px}.vest-object{left:460px;top:470px}.shell-object{left:650px;top:220px}.note-card{position:absolute;left:390px;top:250px;border-radius:999px;padding:13px 18px;color:#1f160d;background:linear-gradient(135deg,var(--gold),#fff1ce);font-weight:950}.mesh{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.08) 75%,transparent 75%),rgba(157,183,255,.11);background-size:28px 28px}.mesh-a{left:210px;top:260px;width:520px;height:360px;transform:rotate(-10deg)}.mesh-b{right:190px;top:170px;width:380px;height:520px;transform:rotate(14deg);opacity:.72}.sole-wave{position:absolute;left:240px;right:220px;bottom:205px;height:160px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(243,198,110,.7) 0 30px,rgba(255,255,255,.08) 30px 62px);transform:rotate(-4deg)}.shoe-silhouette{position:absolute;left:540px;top:315px;display:grid;place-items:center;width:480px;height:270px;border-radius:60px;background:rgba(255,247,235,.9);color:#20170f;box-shadow:0 30px 80px rgba(0,0,0,.28)}.shoe-silhouette span{font-size:8rem}.material-label{position:absolute;right:240px;bottom:260px;border-radius:999px;padding:14px 18px;color:#1e160f;background:#fff0c8;font-weight:950}.final-product{position:absolute;left:210px;top:230px;display:grid;place-items:center;width:560px;height:520px;border-radius:80px;background:rgba(255,247,235,.9);color:#1f160f;box-shadow:0 34px 90px rgba(0,0,0,.3)}.final-product span{font-size:12rem}.checkout-card{position:absolute;right:230px;top:230px;display:grid;gap:16px;width:430px;padding:34px;border-radius:42px;color:#20170f;background:rgba(255,247,235,.94);box-shadow:0 24px 70px rgba(0,0,0,.28)}.checkout-card p{color:#7b6146;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.checkout-card h3{font-size:2.45rem;line-height:.95;letter-spacing:-.06em}.checkout-card strong{font-size:2rem}.checkout-card button{min-height:52px;border-radius:999px;color:#20170f;background:linear-gradient(135deg,var(--gold),var(--sage));font-weight:950}.side-panel{display:grid;grid-template-rows:auto auto 1fr;gap:14px;min-height:0;padding:18px;border-radius:32px;overflow:auto}.status-card,.product-panel{border:1px solid var(--line);border-radius:26px;padding:16px;background:rgba(255,255,255,.055)}.status-card h2{font-size:1.55rem;line-height:1;letter-spacing:-.055em}.status-card p{color:var(--muted);line-height:1.45;margin-top:9px}.breadcrumb{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;color:var(--gold);font-size:.78rem;font-weight:950}.breadcrumb span{color:var(--muted)}.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.meta-row span{border-radius:999px;border:1px solid var(--line);padding:7px 10px;color:var(--muted);background:rgba(255,255,255,.055);font-size:.74rem;font-weight:900}.progress{display:grid;gap:8px}.progress-step{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:100%;border-radius:18px;border:1px solid var(--line);padding:10px;color:var(--ink);background:rgba(255,255,255,.055);text-align:left}.progress-step span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;color:#22170c;background:rgba(243,198,110,.84);font-size:.74rem;font-weight:950}.progress-step.is-active{border-color:rgba(243,198,110,.72);background:rgba(243,198,110,.1)}.product-panel{display:none;align-content:start;gap:12px}.product-panel.is-visible{display:grid}.product-panel h3{font-size:1.45rem;letter-spacing:-.045em}.product-panel p{color:var(--muted);line-height:1.45}.product-photo{height:170px;border-radius:22px;background-size:cover;background-position:center;border:1px solid var(--line);box-shadow:inset 0 -50px 70px rgba(0,0,0,.22)}.product-price{font-size:2rem;font-weight:950}.product-meta{color:var(--sage);font-weight:900}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border-radius:999px;padding:7px 10px;color:var(--muted);background:rgba(255,255,255,.07);border:1px solid var(--line);font-size:.74rem;font-weight:900}@media(max-width:1080px){body{overflow:auto}.app-shell{min-height:100vh;height:auto}.top-panel,.layout{grid-template-columns:1fr}.controls{justify-content:flex-start}.stage-panel{height:68vh;min-height:560px}}@media(max-width:640px){.app-shell{padding:10px}.top-panel,.stage-panel,.side-panel{border-radius:24px}.top-panel{padding:16px}.control-button,.primary-button{flex:1}}