/* Spatial showcases: quiet controls, large scenes, original demonstrations. */
:root{--bg:#06070b;--panel:#0d0f17;--line:#2a2c39}
.universe-intro h2,.work-heading h2,.creation-heading h2{font-size:clamp(45px,5.4vw,78px);line-height:1.05;letter-spacing:-.055em}
.universe-intro em,.work-heading em,.creation-heading em{font-family:Georgia,serif;color:#c8c1ef;font-weight:400}
.solutions-universe{padding:110px 0 90px;background:radial-gradient(ellipse at 55% 65%,#1c1b3540,transparent 56%),#06070b;overflow:hidden;position:relative}
.universe-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.universe-intro>p{max-width:370px;font-size:15px;line-height:1.9}
.solution-orbit{position:relative;min-height:635px;margin-top:15px;perspective:1400px;isolation:isolate}
.solution-deck{position:relative;height:635px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}
.orbit-decoration{position:absolute;inset:-20% 0;z-index:-1;pointer-events:none;overflow:hidden}
.orbit-decoration>span{position:absolute;left:50%;top:50%;width:1150px;height:1150px;border:1px solid #6f689549;border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg) rotateY(12deg);background:radial-gradient(ellipse,#5041791a,transparent 62%)}
.orbit-decoration>span:nth-child(2){width:1450px;height:1450px;border-color:#72638621;transform:translate(-50%,-50%) rotateX(68deg) rotateY(-12deg)}
.orbit-decoration>span:nth-child(3){width:900px;height:900px;transform:translate(-50%,-50%) rotateX(78deg) rotateY(23deg);border-color:#bbb0d44d}
.orbit-decoration i{position:absolute;inset:15% 23%;background:radial-gradient(ellipse,#8d69e228,transparent 66%);filter:blur(45px)}
.solution-window{width:660px;min-height:460px;position:absolute;padding:24px 29px 20px;border:1px solid #85839950;border-radius:19px;background:linear-gradient(140deg,#282638e0,#10111bf5 48%,#131420f0);backdrop-filter:blur(16px);transition:transform .8s cubic-bezier(.2,.75,.25,1),opacity .6s,filter .6s;box-shadow:0 0 65px #59437e13;transform:translateX(0) rotateY(-5deg) rotateX(4deg);z-index:3}
.solution-window:not(.active){filter:brightness(.53);opacity:.55;z-index:1;pointer-events:none}
.solution-window[data-position=left]{transform:translateX(-73%) translateZ(-180px) rotateY(38deg) rotateZ(-5deg)}
.solution-window[data-position=right]{transform:translateX(73%) translateZ(-180px) rotateY(-38deg) rotateZ(5deg)}
.window-chrome{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ffffff15;padding-bottom:18px;margin-bottom:23px}
.app-brand{font-size:27px;letter-spacing:-.075em;font-weight:600;line-height:1}.app-brand>span{font-size:9px;vertical-align:super;margin-left:5px}
.window-chrome>span:nth-child(2){font:8px 'Courier New',monospace;letter-spacing:.12em;color:#adabc2}.window-chrome i{font-size:6px;letter-spacing:4px;color:#9c98b3}
.app-label{font:8px 'Courier New',monospace;letter-spacing:.09em;color:#a59fb9}.app-overview h3{font-size:30px;line-height:1.06;letter-spacing:-.04em;margin:10px 0}.app-overview>p{font-size:11px;margin-bottom:20px}
.dispatch-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:23px;margin-bottom:20px}.dispatch-map{position:relative;border:1px solid #70648640;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 65% 45%,#49435755,transparent),#1c1d2a;height:172px}.dispatch-map svg{height:100%;width:100%}.dispatch-map>span{position:absolute;bottom:9px;left:9px;font:6px 'Courier New',monospace;color:#cdc8e9}
.dispatch-jobs{display:flex;flex-direction:column;gap:8px}.dispatch-job{padding:9px 11px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff04;display:flex;align-items:center;gap:11px}.dispatch-job>span{font-size:10px;color:#bab1dd}.dispatch-job>div{flex:1}.dispatch-job strong{font-size:10px;font-weight:500;display:block}.dispatch-job small{font-size:8px;color:#9f99b5}.dispatch-job i{width:6px;height:6px;border-radius:50%;background:#e7c390}.dispatch-job.assigned i{background:#bcb0ff}
.app-action{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff16;padding-top:17px;flex-wrap:wrap}.app-action>div{display:flex;gap:9px;align-items:center;margin-right:auto}.app-action strong{font-size:23px;line-height:1;color:#d3c9fd}.app-action>div>span{font-size:9px;color:#b0aabe}.ghost-action,.quiet-action{padding:11px 16px;border:1px solid #a89cbb75;border-radius:100px;background:#42395875;color:#ece7fa;font-size:10px;white-space:nowrap}.ghost-action:hover{background:#72608266;border-color:#c0b4d4}.quiet-action{background:none;border-color:transparent;color:#b8afce;padding-inline:2px}.demo-reset{background:none;border:1px solid #75678060;border-radius:50%;width:32px;height:32px;font-size:16px;color:#bcb2d0;margin-left:auto}.ghost-action:disabled,.quiet-action:disabled{opacity:.4}
.portal-preview{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin:20px 0}.interior-art{position:relative;background:#c0b3a1;height:143px;overflow:hidden;border-radius:9px;perspective:450px}.interior-wall{position:absolute;inset:0;background:linear-gradient(108deg,#928980,#e3d7c7 52%,#e7decf);clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}.interior-arch{position:absolute;right:28px;top:19px;width:57px;height:109px;border-radius:50px 50px 0 0;background:linear-gradient(90deg,#877b6c,#c1a78c 15%,#322f2d 70%);box-shadow:inset 9px 0 20px #32252275}.interior-table{position:absolute;left:36px;bottom:24px;width:107px;height:21px;border-radius:50%;background:#776c59;box-shadow:0 16px 0 -6px #514e47,5px 18px 22px #4b392259;transform:rotate(-9deg)}.interior-ball{position:absolute;left:54px;bottom:45px;width:27px;height:32px;border-radius:50%;background:radial-gradient(at 30% 20%,#ddd3b9,#776d58 60%,#524d40);box-shadow:8px 7px 14px #201b1755}.portal-file{display:flex;flex-direction:column;justify-content:center;gap:12px}.portal-file>span:first-child{font:7px 'Courier New',monospace;color:#a79bb7}.portal-file strong{font-size:18px;letter-spacing:-.03em}.portal-file>span:last-child{font-size:10px;color:#beb1d8}.portal-timeline{display:flex;justify-content:space-between;gap:9px;border-block:1px solid #ffffff0d;padding:11px 0;margin-bottom:13px;font-size:9px;color:#c4bcd2}.portal-timeline>span:last-child{color:#f2d8b3}
.flow-path{display:flex;align-items:center;gap:10px;margin:26px 0}.flow-path>div{flex:1;border:1px solid #8f78994d;border-radius:9px;background:#ba97c209;min-height:102px;padding:13px 15px;transition:border-color .4s,background .4s}.flow-path span{font:8px 'Courier New',monospace;color:#aa90c9}.flow-path strong{display:block;font-size:14px;font-weight:500;margin:6px 0}.flow-path small{font-size:8px;color:#b2a9bf}.flow-path>i{font-style:normal;color:#c4a4da}.flow-path.completed>div{border-color:#cbafe5;background:#ba97c215}.flow-input{display:flex;align-items:center;gap:15px;margin:22px 0}.flow-input label{font-size:10px;color:#b8b0c2}.flow-input select{flex:1;min-width:0;font-size:10px;border:1px solid #756a8870;border-radius:7px;background:#181824;padding:9px;color:#ddd5eb}.flow-ready{font-size:10px;color:#b9afd1}.flow-output{font-size:10px;line-height:1.6;margin-top:11px;min-height:32px;color:#c9c1d4}
.solution-controls{display:flex;flex-direction:column;align-items:center;gap:23px;position:relative}.solution-selector{display:flex;gap:5px;padding:5px;border:1px solid #5d556550;border-radius:100px;background:#15121a90;backdrop-filter:blur(10px)}.solution-selector button{padding:13px 21px;border:0;border-radius:100px;background:none;font-size:11px;color:#b0a8c2}.solution-selector button span{font:8px 'Courier New',monospace;margin-right:7px;color:#7f748e}.solution-selector button[aria-selected=true]{background:#3e3459;color:#f2edff}.solution-selector button[aria-selected=true] span{color:#c7b6e9}.solution-controls>p{font-size:11px;min-height:18px;text-align:center}.solution-controls>.text-link{font-size:13px;margin-top:5px}
.work-universe{padding:120px 0 80px;overflow:hidden;background:radial-gradient(ellipse at 40% 62%,#28283630,transparent 60%)}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:70px}.work-heading>p{font-family:Georgia,serif;font-size:17px;line-height:1.85;color:#b9b6c4}.work-gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;perspective:1600px;align-items:start}.work-portal{height:610px;position:relative;isolation:isolate;overflow:hidden;border-radius:22px;border:1px solid #8c829840;background:#0b0b12;transform:rotateY(var(--card-y,-3deg)) rotateX(var(--card-x,2deg));transition:transform .55s cubic-bezier(.2,.75,.25,1),border-color .3s}.work-portal:hover{border-color:#baabcf8c}.work-digital{margin-top:95px;height:550px;transform:rotateY(var(--card-y,5deg)) rotateX(var(--card-x,-2deg))}.work-portal:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#08081044 0%,transparent 45%,#050609df 92%)}.work-portal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 50%;transition:transform 1s ease;z-index:-1}.work-portal:hover img{transform:scale(1.055)}.work-meta{position:absolute;top:26px;left:28px;right:28px;display:flex;justify-content:space-between;gap:15px;z-index:2;font:8px 'Courier New',monospace;letter-spacing:.05em;color:#d4ccdf}.work-title{position:absolute;bottom:32px;left:32px;right:30px;z-index:2}.work-title h3{font-family:Georgia,serif;font-style:italic;font-size:clamp(39px,4.1vw,62px);font-weight:400;letter-spacing:-.045em;color:#ede6d7}.work-title p{font-size:12px;line-height:1.8;max-width:310px;margin-top:14px;color:#d2c8cf}.work-enter{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid #e8dfec35;font-size:11px;color:#e7dcea}.work-enter i{font-style:normal;font-size:23px;color:#c9bbdf}.portal-orbit{position:absolute;left:50%;top:50%;width:750px;height:750px;border:1px solid #cdab6b28;border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);pointer-events:none}
.digital-sculpture{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 40%,#382d4c,#11121e 52%,#090b10)}.glass-ring{position:absolute;left:50%;top:35%;width:310px;height:310px;border-radius:50%;border:19px solid transparent;background:conic-gradient(#dbdff4,#57455e,#b9a0b0,#4a4055,#a6d0d4,#273852,#dbdff4) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:drop-shadow(0 0 9px #bfb0ff28);transform:translate(-50%,-50%) rotateX(59deg) rotateY(28deg) rotateZ(-25deg);animation:sculpture-turn 18s ease-in-out infinite}.ring-b{width:245px;height:245px;border-width:13px;transform:translate(-50%,-50%) rotateX(25deg) rotateY(67deg) rotateZ(40deg);animation-direction:reverse}.ring-c{width:370px;height:370px;border-width:2px;background:linear-gradient(70deg,#000,#a799cf,#000,#a9c6c6) border-box;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(20deg);animation:none}.sculpture-core{position:absolute;left:50%;top:35%;width:128px;height:128px;border-radius:50%;background:radial-gradient(at 30% 25%,#dfdbea,#8893a2 18%,#292739 44%,#13121c 67%,#7a6a7f 90%);transform:translate(-50%,-50%);box-shadow:0 0 45px #8e73b229,inset -8px -7px 23px #0009}.floating-token{position:absolute;top:23%;left:8%;padding:9px 13px;border:1px solid #9790b657;border-radius:6px;font:8px 'Courier New',monospace;color:#cbc3df;background:#1b1b2b9a;backdrop-filter:blur(8px);display:flex;gap:15px;transform:rotate(-7deg)}.floating-token i{font-style:normal;color:#d1bba7}.token-b{left:auto;right:7%;top:34%;transform:rotate(8deg)}.token-c{left:25%;top:53%;transform:rotate(-3deg)}
.creation-section{padding:110px 0 90px}.creation-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.creation-heading h2{font-size:clamp(35px,4.7vw,68px)}.creation-heading>p{font-family:Georgia,serif;font-size:17px;line-height:1.8}.creation-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;margin-top:45px;position:relative;min-height:445px}.creation-visual{position:relative;height:420px;perspective:700px}.creation-sphere{position:absolute;left:47%;top:47%;width:185px;height:185px;border-radius:50%;background:radial-gradient(at 27% 22%,#eeebed,#b8acc7 10%,#66596a 20%,#13151e 48%,#454256 73%,#c4becd 94%);transform:translate(-50%,-50%);box-shadow:0 0 80px #72599930,inset -12px -15px 35px #000c;transition:border-radius 1s,transform 1s,filter 1s}.creation-ring{position:absolute;left:47%;top:47%;width:380px;height:380px;border:1px solid #9990b17c;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) rotateY(20deg);transition:transform 1s}.creation-ring:after{content:'';position:absolute;top:50px;left:43px;width:7px;height:7px;background:#dbd0f0;border-radius:50%;box-shadow:0 0 21px #d9b3ff}.ring-two{width:310px;height:310px;transform:translate(-50%,-50%) rotateX(30deg) rotateY(70deg);border-color:#95849c69}.creation-beam{position:absolute;inset:0;background:radial-gradient(ellipse,#41325333,transparent 60%)}.creation-coordinate{position:absolute;bottom:7%;left:28%;font:8px 'Courier New',monospace;color:#91839e;letter-spacing:.18em}.creation-number{position:absolute;top:10%;right:15%;font:11px 'Courier New',monospace;color:#afa2b7}.creation-detail{max-width:460px}.creation-detail h3{font-size:37px;margin:20px 0}.creation-detail>p{font-family:Georgia,serif;font-size:18px;line-height:1.75;min-height:94px}.creation-result{display:block;font-size:11px;line-height:1.8;color:#cab9df;margin:22px 0;padding-left:15px;border-left:1px solid #a28cb7}.creation-detail>.text-link{font-size:12px}.creation-steps{display:flex;justify-content:space-between;border-block:1px solid #ffffff18;padding:15px 0}.creation-steps button{background:none;border:0;padding:13px 7px;color:#9e92ac;font-size:12px}.creation-steps button span{font:9px 'Courier New',monospace;color:#80738e;margin-right:21px}.creation-steps button[aria-pressed=true]{color:#ede4f6}.creation-steps button[aria-pressed=true] span{color:#d4bdf6}.creation-person{font-size:11px;text-align:center;margin-top:22px}.creation-stage[data-step="1"] .creation-sphere{border-radius:25%;transform:translate(-50%,-50%) rotate(35deg);filter:hue-rotate(25deg)}.creation-stage[data-step="2"] .creation-sphere{border-radius:12%;transform:translate(-50%,-50%) rotate(-12deg) scale(.85);filter:hue-rotate(70deg)}.creation-stage[data-step="3"] .creation-sphere{transform:translate(-50%,-50%) scale(1.12);filter:hue-rotate(100deg)}.creation-stage[data-step="1"] .creation-ring{transform:translate(-50%,-50%) rotateX(30deg) rotateY(65deg)}.creation-stage[data-step="2"] .creation-ring{transform:translate(-50%,-50%) rotateX(75deg) rotateY(-20deg)}.creation-stage[data-step="3"] .creation-ring{transform:translate(-50%,-50%) rotateX(20deg) rotateY(-40deg)}
@keyframes sculpture-turn{0%,100%{transform:translate(-50%,-50%) rotateX(59deg) rotateY(28deg) rotateZ(-25deg)}50%{transform:translate(-50%,-50%) rotateX(40deg) rotateY(-12deg) rotateZ(35deg)}}
@media(max-width:1000px){.universe-intro,.work-heading,.creation-heading{align-items:flex-start;gap:25px}.universe-intro>p,.work-heading>p,.creation-heading>p{max-width:290px;font-size:14px}.work-gallery{gap:20px}.work-portal{height:520px}.work-digital{height:500px}.work-title{left:24px;right:24px}.work-meta{left:22px;right:22px;font-size:7px}.creation-stage{gap:30px}.creation-detail h3{font-size:32px}.creation-detail>p{font-size:16px}.creation-visual{transform:scale(.87)}}
@media(max-width:680px){.solutions-universe{padding:70px 0 55px}.solutions-universe>.section-top,.work-universe>.section-top,.creation-section>.section-top{align-items:flex-start}.section-note{font-size:7px;max-width:135px}.universe-intro,.work-heading,.creation-heading{display:block}.universe-intro>p,.work-heading>p,.creation-heading>p{max-width:100%;margin-top:23px;font-size:14px}.universe-intro h2,.work-heading h2{font-size:44px}.solution-orbit{min-height:545px;margin-top:10px;perspective:none}.solution-deck{height:545px;width:calc(100% - 32px)}.solution-window{width:100%;padding:22px 20px 20px;border-radius:15px;min-height:440px;transform:none!important}.solution-window:not(.active){display:none}.app-overview h3{font-size:27px}.app-overview>p{font-size:10px;max-width:260px}.dispatch-layout{gap:12px;grid-template-columns:.8fr 1.3fr}.dispatch-map{height:157px}.dispatch-job{padding:8px;gap:8px}.dispatch-job strong{font-size:9px}.dispatch-job small{font-size:7px}.dispatch-job>span{font-size:8px}.app-action{gap:7px}.app-action>div>span{font-size:8px}.ghost-action{font-size:9px;padding:10px 12px}.demo-reset{width:28px;height:28px;font-size:14px}.app-action strong{font-size:20px}.solution-selector{width:100%;border-radius:15px;gap:0;display:grid;grid-template-columns:1fr 1fr 1fr}.solution-selector button{font-size:9px;padding:12px 5px;border-radius:10px;line-height:1.6}.solution-selector button span{display:block;margin:0}.solution-controls{gap:18px}.solution-controls>.text-link{font-size:11px;text-align:center}.portal-preview{gap:14px}.portal-file strong{font-size:16px}.portal-file>span:last-child{font-size:9px}.portal-timeline{font-size:8px}.quiet-action{font-size:9px}.flow-path{gap:7px}.flow-path>div{padding:12px 8px}.flow-path strong{font-size:11px}.flow-path small{font-size:7px}.flow-input{gap:8px}.flow-input label{font-size:8px}.flow-input select{font-size:9px}.work-universe{padding:80px 0 35px}.work-heading{margin-bottom:38px}.work-gallery{display:block;perspective:none}.work-portal{display:block;width:100%;height:490px;transform:none!important;border-radius:16px}.work-digital{margin-top:24px;height:450px}.work-title h3{font-size:39px}.work-title p{font-size:11px}.work-meta{font-size:6px}.glass-ring{width:260px;height:260px}.ring-b{width:200px;height:200px}.ring-c{width:300px;height:300px}.sculpture-core{width:112px;height:112px}.creation-section{padding:75px 0 55px}.creation-heading h2{font-size:35px}.creation-stage{display:flex;flex-direction:column;gap:0;margin-top:10px;min-height:0}.creation-visual{height:280px;width:100%;transform:scale(.78);margin-bottom:-25px}.creation-detail{width:100%}.creation-detail h3{font-size:33px;margin:15px 0}.creation-detail>p{font-size:16px;min-height:100px}.creation-result{min-height:42px}.creation-steps{display:grid;grid-template-columns:1fr 1fr;padding:12px 0;margin-top:24px;gap:3px}.creation-steps button{text-align:left;font-size:10px;padding:11px 4px}.creation-steps button span{margin-right:10px}.creation-person{font-size:10px;text-align:left}.window-chrome{padding-bottom:14px;margin-bottom:19px}.flow-path{margin-block:20px}.flow-output{font-size:9px}.portal-preview{margin-block:15px}}
@media(max-width:360px){.app-overview h3{font-size:25px}.solution-window{padding:18px 15px}.app-action>div{width:100%;margin-bottom:3px}.flow-path>div{padding:10px 7px}.flow-path small{font-size:6px}.solution-controls>.text-link{font-size:10px}.work-title h3{font-size:34px}.creation-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.glass-ring{animation:none}.solution-window,.work-portal,.work-portal img,.creation-sphere,.creation-ring{transition:none}}
.motion-paused .glass-ring{animation:none}
.solution-window.active{transform:none}
.creation-visual{overflow:hidden}
.chrome-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.digital-sculpture>.chrome-canvas{top:0;bottom:auto;height:69%}.shader-ready .glass-ring,.shader-ready .sculpture-core,.shader-ready .creation-sphere{opacity:0}.shader-ready .creation-ring{opacity:.25}.creation-visual.shader-ready{transform:none}.creation-visual>.chrome-canvas{inset:-5% -5%;width:110%;height:110%}