:root{--ink:#14222c;--muted:#65727c;--cream:#f4f3ee;--white:#fffefa;--line:#d8dcd8;--blue:#2858f4;--orange:#fb633c;--cyan:#8ceee5;--ease:cubic-bezier(.2,.8,.15,1);font-family:Inter,Manrope,"Arial",system-ui,sans-serif;color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%;overflow:hidden}body{background:var(--cream);font-synthesis:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}svg{display:block}::selection{background:#fcbb9d;color:#172c35}
.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.33;background-image:linear-gradient(#65778313 1px,transparent 1px),linear-gradient(90deg,#65778313 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,transparent 4%,black 25%,black 85%,transparent)}
.app{position:relative;width:100%;height:100%;height:100dvh;min-height:490px;overflow:hidden;isolation:isolate}.app:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(ellipse 30% 34% at 78% 45%,#cee6f088,transparent 80%),radial-gradient(ellipse 40% 50% at 18% 76%,#ffd8c84f,transparent 74%);transition:transform 1.5s var(--ease),filter 1.4s var(--ease),opacity 1.2s ease}.app:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:42;background:radial-gradient(circle at center,#183c5a00 0 16%,#15324d2e 36%,#0e223454 68%,#09131dc7 100%),linear-gradient(180deg,#0a1622a8,#0b1b28b6 50%,#09131bd0);opacity:0;transition:opacity .42s ease,backdrop-filter .42s ease}.app[data-stage="1"]:before{transform:translateX(-16%)}.app[data-stage="2"]:before{transform:translateX(15%)}.app[data-stage="3"]:before{transform:translateY(-20%)}.app.is-opening:before{filter:saturate(.8) brightness(.7);opacity:.8}.app.is-opening:after{opacity:1}.app.is-flying:after{opacity:1;background:radial-gradient(circle at center,#c2edff00 0 10%,#16314940 28%,#0a1622a6 60%,#08111ae4 100%),linear-gradient(180deg,#09111af2,#0b1823dc)}
/* Shared controls */
.site-header{position:absolute;z-index:30;top:0;left:0;right:0;height:78px;padding:0 clamp(24px,4.1vw,72px);display:flex;align-items:center;gap:28px;border-bottom:1px solid #9caeb626;background:#f9f9f3bf;backdrop-filter:blur(22px);transition:opacity .55s ease,transform .55s ease}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:850;letter-spacing:-.065em;white-space:nowrap}.brand-logo{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#162733;box-shadow:4px 4px 0 #f7ad93}.brand-logo svg{width:23px;fill:none;stroke:#b4f6ef;stroke-width:1.7}.brand span span{color:var(--orange)}.head-meta{font-size:10px;font-weight:750;color:#71828c;letter-spacing:.2em;border-left:1px solid #b7c0c2;padding-left:20px}.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(15px,2.2vw,37px)}.nav button{border:0;background:none;padding:11px 0;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#66747c;font-weight:800;transition:color .2s}.nav button:hover,.nav button.active{color:var(--blue)}.nav button.active:after{content:"";display:block;position:relative;top:8px;height:2px;background:var(--orange)}.header-cta{margin-left:12px;padding:8px 8px 8px 16px;border-radius:999px;border:1px solid #14222c;background:#14222c;color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:11px;white-space:nowrap;box-shadow:0 9px 22px #14222c24;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.header-cta span{width:28px;height:28px;min-width:28px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:14px;line-height:1;transition:transform .3s var(--ease),background .25s,color .25s}.header-cta:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-1px);box-shadow:0 13px 26px #2858f438}.header-cta:hover span{background:#fff;color:var(--blue);transform:rotate(45deg)}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fd8a55;outline-offset:4px}
.scenes{position:absolute;inset:78px 0 0}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(5%) scale(.982);filter:blur(5px);transition:opacity .42s var(--ease),transform .56s var(--ease),filter .36s ease,visibility 0s linear .58s;will-change:transform,opacity,filter;overflow:hidden}.scene.active{opacity:1;visibility:visible;pointer-events:auto;filter:none;transform:translateX(0) scale(1);transition:opacity .42s var(--ease),transform .56s var(--ease),filter .36s ease,visibility 0s}.scene.past{transform:translateX(-4%) scale(.988)}.scene-inner{width:min(1450px,calc(100% - clamp(48px,9vw,150px)));margin:0 auto;position:relative;height:100%}.eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:.19em;text-transform:uppercase;font-size:11px;font-weight:800;color:#687a86}.eyebrow:before{content:"";width:22px;height:2px;background:var(--orange)}.eyebrow strong{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.067em}p{line-height:1.58}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:57px;padding:0 23px;background:linear-gradient(180deg,#3b6cff,#2858f4);color:white;border:1px solid #2858f4;border-radius:10px;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:0 12px 24px #2858f430,inset 0 1px 0 #82a0ff4a;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);background:linear-gradient(180deg,#4e7aff,#1f4ae1);box-shadow:0 17px 27px #2858f440,inset 0 1px 0 #a9bcff66}.button-secondary{background:#f8f4efdb;border-color:#d6c8ba;box-shadow:none;color:#2a353a}.button-secondary:hover{background:#fffdf9;box-shadow:0 10px 25px #6c6f7512}.button svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none}.mono{font-variant-numeric:tabular-nums}.stage-footer{position:absolute;z-index:22;bottom:22px;left:clamp(24px,4.1vw,72px);right:clamp(24px,4.1vw,72px);display:flex;align-items:center;justify-content:space-between;pointer-events:none;transition:opacity .55s ease,transform .55s ease}.stage-footer>*{pointer-events:auto}.app.is-opening .site-header,.app.is-opening .stage-footer{opacity:0;transform:translateY(-16px);pointer-events:none}.progress{display:flex;gap:8px;align-items:center}.progress button{width:35px;height:4px;padding:0;border:0;border-radius:6px;background:#bdc7cb;transition:width .4s,background .4s}.progress button.active{width:80px;background:var(--blue)}.footer-hint{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:#607583;display:flex;align-items:center;gap:9px}.footer-hint span{border:1px solid #adc0c8;padding:4px 7px;border-radius:5px;color:#3a5b6a}.step-index{position:absolute;z-index:12;right:clamp(20px,3.2vw,60px);top:30px;display:flex;align-items:center;gap:10px;color:#85949a;font-size:11px;letter-spacing:.18em;font-weight:800}.step-index b{color:var(--blue)}
/* Door / hero */
.hero-layout{display:grid;grid-template-columns:49% 51%;align-items:center;gap:0}.hero-copy{position:relative;z-index:5;align-self:center;padding-bottom:35px;transition:opacity .55s ease,transform .75s var(--ease)}.hero-copy h1{font-size:clamp(53px,5.9vw,104px);font-weight:830;line-height:.96;max-width:810px;margin:26px 0 27px}.hero-copy h1 em{font-style:normal;color:var(--blue)}.hero-copy h1 .outline{display:block;color:transparent;-webkit-text-stroke:1.6px #172833}.hero-copy>p{max-width:480px;color:#62727d;font-size:clamp(14px,1.2vw,17px)}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:33px}.hero-micro{display:flex;gap:23px;align-items:center;margin-top:47px;font-size:11px;color:#6b7981;font-weight:650}.hero-micro span{display:flex;align-items:center;gap:7px}.hero-micro b{color:#243d49;font-size:14px}.orbit-caption{position:absolute;bottom:14%;right:-14%;transform:rotate(-90deg);font-size:10px;letter-spacing:.24em;font-weight:850;color:#8c989c}
.hero-art{position:relative;height:100%;min-height:600px;display:grid;place-items:center;transform:translate(3%,0);transition:transform 1.4s var(--ease)}.vault-ambient{position:absolute;width:105%;height:67%;border-radius:50%;background:radial-gradient(ellipse,#bfdfff83,transparent 69%);filter:blur(24px);transition:opacity .6s ease,transform 1.3s var(--ease)}.vault-grid{position:absolute;bottom:6%;left:0;right:-20%;height:36%;transform:perspective(370px) rotateX(70deg);background:repeating-linear-gradient(0deg,#376b9a24 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,#376b9a24 0 1px,transparent 1px 40px);mask-image:linear-gradient(to bottom,transparent,black 38%,transparent);transition:opacity .6s ease,transform 1.3s var(--ease)}
.vault{position:relative;width:min(39vw,550px);height:min(39vw,550px);min-width:385px;min-height:385px;filter:drop-shadow(0 36px 31px #655b5030);perspective:1100px;transition:transform .8s cubic-bezier(.22,.84,.24,1),filter .65s ease,opacity .45s ease;will-change:transform,filter,opacity}.vault:hover{transform:scale(1.017)}.vault{cursor:pointer}.vault:focus-visible{outline:3px solid var(--orange);outline-offset:15px;border-radius:50%}.vault-ring{position:absolute;inset:-8%;border-radius:50%;background:repeating-conic-gradient(from 10deg,#597c98 0 1.6deg,#dfebef 1.6deg 7.9deg,#9ab0c0 8deg 9.1deg,#d7e5e9 9.3deg 15deg);border:14px solid #cbd8df;box-shadow:inset 0 0 0 9px #718fa1,inset 0 0 0 16px #dceaf0,0 7px 0 3px #93a4b1,0 27px 40px #8f9da54f;animation:slowspin 64s linear infinite}.vault-ring:before{content:"";position:absolute;inset:6%;border:2px solid #fefefd80;border-radius:50%;box-shadow:0 0 15px 2px #6eebff88}.vault-inner{position:absolute;inset:4%;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at center,#245f9b 0,#102a42 57%,#112838 100%);border:10px solid #304758;box-shadow:inset 0 0 45px 18px #061d2c,inset 0 0 0 6px #cbdde8}.portal-depth{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at center,#8bffffac 0,#158cf98e 20%,transparent 65%),repeating-linear-gradient(90deg,transparent 0 16%,#9ae6ff5e 16.5% 17%,transparent 17.5% 29%),linear-gradient(90deg,#132a4a,#2067ac 50%,#0d2235);transform:scale(.8);transition:transform 1.1s;overflow:hidden}.portal-depth:before{content:"";position:absolute;left:50%;bottom:0;width:66%;height:72%;transform:translateX(-50%);background:repeating-linear-gradient(90deg,#051c33 0 11%,#44bfff 11% 12%,#082845 12% 23%);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);opacity:.74}.portal-depth:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at center,#86eafd55 0 2px,transparent 4px 44px);animation:slowspin 30s linear infinite}.vault-half{position:absolute;top:0;height:100%;width:50%;z-index:4;background:linear-gradient(130deg,#e6f0f3,#91a5b8 28%,#dfe8ed 37%,#8da2b2 67%,#e5edf1);box-shadow:inset 0 0 0 4px #f4f6f8,inset 0 0 0 14px #758a9c,inset 0 0 0 18px #c8d8e1;transition:transform .56s cubic-bezier(.22,.84,.24,1),box-shadow .55s}.vault-half.left{left:0;border-radius:500px 0 0 500px;transform-origin:left center;border-right:3px solid #4f6275}.vault-half.right{right:0;border-radius:0 500px 500px 0;transform-origin:right center;border-left:3px solid #eff8ff}.vault-half:before{content:"";position:absolute;inset:18%;border:2px dashed #4a6c80b0;border-radius:50%;opacity:.45}.vault-half:after{content:"";position:absolute;inset:29%;border:1px solid #effafe;border-radius:50%;background:radial-gradient(circle,#bdcdd4,#59738a 75%);box-shadow:inset 0 0 0 15px #829aab66}.vault-center{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:29%;height:29%;border-radius:50%;background:radial-gradient(circle at 35% 29%,#fff,#bdd5df 26%,#4d6c85 45%,#182e44 69%);box-shadow:0 0 0 10px #a6bbc8,0 0 0 15px #435e75,0 12px 25px #182a48a0;display:grid;place-items:center;transition:transform .52s,opacity .28s}.vault-center:after{content:"";height:58%;width:58%;border-radius:50%;border:8px dotted #cce8f4;box-shadow:inset 0 0 20px #51caff80;animation:slowspin 12s linear infinite}.vault-bolt{position:absolute;z-index:6;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,white,#547085);border:2px solid #5e7787;box-shadow:0 2px 2px #1c3a45}.vault-bolt:nth-of-type(6){top:9%;left:47%}.vault-bolt:nth-of-type(7){bottom:9%;left:47%}.vault-bolt:nth-of-type(8){top:47%;left:9%}.vault-bolt:nth-of-type(9){top:47%;right:9%}.vault.unlocked{transform:scale(1.08)}.vault.unlocked .vault-half.left{transform:rotateY(-109deg)}.vault.unlocked .vault-half.right{transform:rotateY(109deg)}.vault.unlocked .vault-center{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(180deg)}.vault.unlocked .portal-depth{transform:scale(1.2)}.app.is-opening .scene-hero .hero-copy,.app.is-opening .scene-hero .float-label,.app.is-opening .scene-hero .art-sidenote{opacity:0;transform:translateX(-30px);pointer-events:none}.app.is-opening .scene-hero .hero-art{position:fixed;inset:78px 0 0;z-index:70;display:grid;place-items:center;transform:none}.app.is-opening .scene-hero .vault-ambient{opacity:.22;transform:scale(1.3)}.app.is-opening .scene-hero .vault-grid{opacity:.14;transform:perspective(500px) rotateX(70deg) scale(1.5)}.app.is-opening .scene-hero .vault{width:min(88vmin,1080px);height:min(88vmin,1080px);min-width:88vmin;min-height:88vmin;filter:drop-shadow(0 44px 70px #15324f48) drop-shadow(0 0 30px #8ceee544);transform:scale(1.32) translateZ(0)}.app.is-opening .scene-hero .vault-ring{animation-duration:18s}.app.is-opening .scene-hero .portal-depth{transform:scale(1.24);filter:brightness(1.08) saturate(1.08)}.app.is-opening .scene-hero .scene-inner{width:100%;display:block}.app.is-flying .scene-hero .vault{transform:scale(3.8) translateZ(0);opacity:.22;filter:drop-shadow(0 0 70px #99eeff66) blur(.6px)}.app.is-flying .scene-hero .portal-depth{transform:scale(1.7);filter:brightness(1.16) saturate(1.12)}.app.is-flying .scene-hero .vault-half{box-shadow:inset 0 0 0 4px #f4f6f8,inset 0 0 0 14px #758a9c,inset 0 0 0 18px #c8d8e1,0 0 60px #b8e9ff5e}
.float-label{position:absolute;z-index:9;padding:12px 17px;display:flex;align-items:center;gap:10px;border:1px solid #dfe7eb;background:#ffffffde;box-shadow:0 13px 35px #42617c15;backdrop-filter:blur(8px);border-radius:11px;white-space:nowrap;font-weight:800;font-size:12px;animation:float 5s ease-in-out infinite}.float-label i{display:inline-grid;place-items:center;font-style:normal;font-weight:900;background:#e6f0ff;width:30px;height:30px;border-radius:8px;color:var(--blue)}.float-label small{display:block;color:#6b808c;font-size:9px;letter-spacing:.08em;font-weight:700;margin-top:4px}.float-label.fl-1{left:-6%;top:24%}.float-label.fl-2{right:-7%;top:36%;animation-delay:-1.5s}.float-label.fl-3{left:0;bottom:23%;animation-delay:-2.5s}.art-sidenote{position:absolute;right:-3%;bottom:11%;font-size:10px;letter-spacing:.18em;line-height:1.9;color:#768995;transform:rotate(-7deg);font-weight:800}
@keyframes slowspin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
/* Stage room */
.scene-room{position:absolute}.scene-room:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 72% 16%,#d3e8ff55,transparent 28%),radial-gradient(circle at 20% 82%,#f8d5c93a,transparent 26%),linear-gradient(180deg,#f4f3ee,#eef3f7);opacity:1}.room-top{padding-top:clamp(32px,6vh,70px);text-align:center;position:relative;z-index:2;transition:transform .8s var(--ease),opacity .6s ease}.room-top .eyebrow{justify-content:center}.room-top h2{font-size:clamp(41px,4.7vw,75px);line-height:1;max-width:800px;margin:17px auto 11px}.room-top h2 span{color:var(--blue)}.room-top p{color:#697a83;font-size:14px}.room-visual{position:absolute;left:0;right:0;top:26%;bottom:8%;display:flex;align-items:end;gap:clamp(10px,2vw,35px);justify-content:center;padding-bottom:48px;perspective:1600px;transform-style:preserve-3d;z-index:2;transition:filter .8s ease}.room-visual:before{content:"";position:absolute;left:-8%;right:-8%;bottom:22%;height:72%;border:1px solid #c8d5da;border-radius:45% 45% 6% 6%;background:linear-gradient(135deg,#ffffff40,#b5d4e32a 50%,#fff0),repeating-linear-gradient(90deg,#c4d4dd33 0 1px,transparent 1px 12%);box-shadow:inset 0 10px 50px #ffffffa8;z-index:-1;transition:transform 1.1s var(--ease),opacity .9s ease,filter .9s ease}.room-visual:after{content:"";position:absolute;bottom:7%;left:-15%;right:-15%;height:25%;border-radius:50%;background:radial-gradient(ellipse,#b8a6904f,transparent 73%);filter:blur(10px);z-index:-1;transition:transform 1s var(--ease),opacity .8s ease}.rack-pick{--accent:#4c9ff0;--halo:#89c5ff;position:relative;flex:0 1 315px;max-width:315px;min-width:0;height:min(90%,475px);border:1px solid #d9e1e2;border-radius:22px;background:linear-gradient(159deg,#fffefaed,#e9eff1c5 66%,#f9fbfbef);box-shadow:inset 0 1px #fff,0 20px 35px #70869513;overflow:hidden;padding:16px 20px 18px;display:flex;flex-direction:column;align-items:center;transition:transform .38s var(--ease),box-shadow .38s,border-color .3s,opacity .7s ease,filter .7s ease;cursor:pointer;outline-offset:5px;text-align:left}.rack-pick:hover,.rack-pick:focus-visible{transform:translateY(-17px);border-color:var(--accent);box-shadow:0 30px 70px #60554a26}.rack-pick.popular{--accent:#ff805c;--halo:#ffb9a3;border-color:#fcbda7;background:linear-gradient(170deg,#fffaf6,#f7ece7)}.rack-pick.scale{--accent:#6d68ff;--halo:#d1cbff}.rack-pick .rack-topline{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.18em;font-weight:900;color:#819199}.rack-topline .status{width:9px;height:9px;border-radius:50%;background:#2cb6a4;box-shadow:0 0 0 5px #2cb6a422;animation:pulse 2s infinite}.rack-pick.popular .status{background:var(--orange);box-shadow:0 0 0 5px #ff915c33}.rack-illustration{position:relative;flex:1;width:100%;display:grid;place-items:center;min-height:110px}.rack-illustration:before{content:"";width:88%;height:50%;position:absolute;bottom:0;left:6%;border-radius:50%;background:radial-gradient(ellipse,var(--halo),transparent 65%);filter:blur(17px)}.rack-pedestal{position:absolute;bottom:7px;width:88%;height:20px;border-radius:50%;background:linear-gradient(#eef1f1,#8f999f);box-shadow:0 9px 0 #c5cbd0,0 20px 22px #6f747863}.rack-tower{position:relative;height:80%;max-height:255px;min-height:130px;width:59%;border:5px solid #3f586b;border-radius:12px;background:linear-gradient(90deg,#4a4f52,#1b1d1f 13%,#191a1c 82%,#81878d 100%);box-shadow:9px 5px 0 #9aa0a5,18px 9px 0 #565d63,24px 14px 24px #2d2a2742,inset 0 0 0 3px #101214;transform:rotateY(-10deg) rotateX(3deg);display:flex;flex-direction:column;justify-content:space-evenly;padding:9px 7px}.rack-tower:before{content:"";position:absolute;top:-10px;left:6px;right:-16px;height:8px;border-radius:6px 7px 1px 0;background:linear-gradient(90deg,#d7dbde,#70777d)}.rack-tower i{display:block;position:relative;height:12%;border-radius:3px;border:1px solid #6b8798;background:linear-gradient(0deg,#171717,#404548 50%,#22272a);box-shadow:inset 0 0 4px #060f1c}.rack-tower i:before{content:"";position:absolute;left:10%;top:40%;height:3px;width:43%;background:var(--accent);box-shadow:0 0 8px 1px var(--accent)}.rack-tower i:after{content:"";position:absolute;right:10%;top:37%;height:5px;width:5px;border-radius:50%;background:#d8d3c9;box-shadow:0 0 6px 1px #cbb598}.rack-name{width:100%;position:relative;z-index:1;font-size:27px;line-height:1;letter-spacing:-.06em;font-weight:900;margin:9px 0 5px}.rack-desc{width:100%;font-size:11px;color:#72838c}.rack-spec{display:flex;gap:5px;flex-wrap:wrap;width:100%;margin:14px 0}.rack-spec span{font-size:10px;font-weight:750;padding:6px 8px;border-radius:5px;background:#ffffffb3;border:1px solid #dae1e4;color:#49616f}.rack-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.rack-price{font-size:20px;font-weight:900;white-space:nowrap;letter-spacing:-.04em}.rack-price small{font-size:10px;font-weight:500;color:#657885}.rack-go{border-radius:50%;background:var(--blue);width:34px;height:34px;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:bold}.rack-pick:hover .rack-go{background:var(--orange)}.room-micro{position:absolute;left:0;top:47%;transform:rotate(-90deg) translateX(-50%);transform-origin:top left;font-size:10px;letter-spacing:.16em;color:#95a4ad;font-weight:850;z-index:2;transition:opacity .7s ease,transform .8s var(--ease)}.room-micro-right{left:auto;right:0;transform:rotate(90deg) translateX(50%);transform-origin:top right}.scene-room.reveal .room-top{opacity:0;transform:translateY(14px)}.scene-room.reveal .room-micro{opacity:0}.scene-room.reveal .room-visual{filter:brightness(.92) saturate(.98)}.scene-room.reveal .room-visual:before{opacity:.86;transform:scale(.96) translateY(-8px);filter:blur(2px)}.scene-room.reveal .room-visual:after{opacity:.82;transform:scale(.92)}.scene-room.reveal .room-top,.scene-room.reveal .room-micro,.scene-room.reveal .rack-pick{animation-fill-mode:forwards}.scene-room.reveal .room-top{animation:roomTextIn .42s var(--ease) .1s forwards}.scene-room.reveal .room-micro{animation:roomTextIn .36s var(--ease) .14s forwards}.scene-room.reveal .room-micro-right{animation:roomTextInRight .36s var(--ease) .14s forwards}.scene-room.reveal .rack-pick{opacity:0;filter:blur(4px);will-change:transform,opacity,filter}.scene-room.reveal .rack-pick:nth-child(1){animation:rackApproach .52s cubic-bezier(.18,.86,.22,1) .08s forwards}.scene-room.reveal .rack-pick:nth-child(2){animation:rackApproach .52s cubic-bezier(.18,.86,.22,1) .14s forwards}.scene-room.reveal .rack-pick:nth-child(3){animation:rackApproach .52s cubic-bezier(.18,.86,.22,1) .2s forwards}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.55;box-shadow:0 0 0 8px #59ddcf11}}@keyframes rackApproach{0%{opacity:0;transform:translateY(34px) scale(.72)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes roomTextIn{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}@keyframes roomTextInRight{0%{opacity:0;transform:rotate(90deg) translateX(62%)}100%{opacity:1;transform:rotate(90deg) translateX(50%)}}
/* Config scene */
.config-head{position:absolute;top:clamp(35px,6vh,66px);left:0}.config-head h2{font-size:clamp(42px,4.25vw,73px);line-height:1.01;margin:13px 0 10px}.config-head h2 span{color:var(--blue)}.config-head p{font-size:13px;color:#61737e;max-width:410px}.config-layout{height:100%;display:grid;grid-template-columns:53% 47%;align-items:center;gap:18px}.config-display{position:relative;height:100%;min-height:550px}.build-art{position:absolute;left:8%;top:32%;height:50%;width:74%;display:grid;place-items:center;perspective:800px}.build-art:before{content:"";position:absolute;width:100%;height:67%;bottom:0;border-radius:50%;background:radial-gradient(ellipse,#95cae384,transparent 68%);filter:blur(13px)}.build-platform{position:absolute;bottom:2%;width:86%;height:28%;max-height:105px;border-radius:50%;background:linear-gradient(#f0f8fb,#c2d9e5 58%,#638eab 66%,#cadde4 80%);border:1px solid #acbbc4;box-shadow:0 14px 0 #92b3c6,0 27px 30px #4d87954a,inset 0 8px 18px white}.build-platform:before{content:"";position:absolute;inset:12%;border-radius:50%;border:2px dashed #419af3ad;animation:slowspin 22s linear infinite}.machine{position:relative;width:52%;height:72%;min-width:185px;max-width:290px;min-height:240px;max-height:350px;transform:translateY(-10%) rotateY(-14deg) rotateX(6deg);transform-style:preserve-3d;transition:transform .5s var(--ease);filter:drop-shadow(18px 16px 18px #1c4c6080)}.machine:hover{transform:translateY(-13%) rotateY(5deg) rotateX(4deg)}.machine-top{position:absolute;z-index:4;left:-2%;right:-1%;top:0;height:15%;background:linear-gradient(145deg,#dbe9ed,#59768c 75%);clip-path:polygon(10% 0,88% 0,100% 90%,0 90%);border-radius:12px;box-shadow:0 -4px 10px #94b9cc}.machine-front{position:absolute;left:0;right:4%;top:7%;bottom:2%;border:7px solid #5e7889;border-radius:11px;background:linear-gradient(130deg,#273f50,#0d1b2b 45%,#21394a);box-shadow:inset 0 0 0 4px #9eb3be,0 0 0 1px #284759;display:flex;flex-direction:column;justify-content:space-evenly;gap:7px;padding:15px 10px}.machine-slot{height:17%;border:1px solid #658ba4;border-radius:3px;background:linear-gradient(#41596c,#192f45 43%,#0b2131);box-shadow:inset 0 0 4px #03101b;position:relative}.machine-slot:before{content:"";position:absolute;left:9%;right:39%;height:4px;top:47%;background:#59c2ff;box-shadow:0 0 7px 1px #45adff}.machine-slot:after{content:"";position:absolute;right:9%;width:7px;height:7px;top:40%;border-radius:50%;background:#b9f8d6;box-shadow:0 0 5px #5beab1}.machine-slot:nth-child(n+5){opacity:.34}.machine[data-level="3"] .machine-slot:nth-child(5),.machine[data-level="4"] .machine-slot:nth-child(5),.machine[data-level="5"] .machine-slot:nth-child(5),.machine[data-level="6"] .machine-slot:nth-child(5),.machine[data-level="6"] .machine-slot:nth-child(6){opacity:1}.machine-side{position:absolute;z-index:-1;top:10%;right:-15%;width:21%;height:85%;background:linear-gradient(90deg,#1b3141,#6e94a7);transform:skewY(-15deg);border:1px solid #cce3eb;border-radius:0 6px 5px 0}.machine-mark{position:absolute;bottom:9%;right:19%;background:#b7f7ef;color:#183848;padding:5px 8px;font-size:9px;letter-spacing:.11em;font-weight:900;border-radius:3px;box-shadow:0 0 16px #9af2e8}
.part-callout{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;background:#fffefaef;border:1px solid #d8e3e5;backdrop-filter:blur(12px);box-shadow:0 16px 25px #4b71811b;border-radius:10px;padding:10px 13px;font-size:12px;line-height:1.2;font-weight:850;animation:float 6s ease-in-out infinite}.part-callout:before{content:"";display:block;width:23px;height:23px;border:2px solid var(--blue);border-radius:6px;box-shadow:inset 0 0 0 4px white;background:linear-gradient(135deg,#70d2ff,#295bff)}.part-callout small{display:block;color:#7d8f9d;font-size:9px;letter-spacing:.09em;margin-top:5px}.call-cpu{top:34%;left:0}.call-ram{top:45%;right:0;animation-delay:-2s}.call-disk{bottom:18%;left:0;animation-delay:-3s}.build-orbit{position:absolute;width:50%;height:57%;left:18%;top:30%;border:1px dashed #6197ba81;border-radius:50%;transform:rotate(-20deg);pointer-events:none}
.config-panel{position:relative;z-index:5;border:1px solid #d5cbc0;border-radius:18px;padding:clamp(19px,2.1vw,34px);background:#ffffffdd;box-shadow:0 20px 60px #76919f20;backdrop-filter:blur(20px);max-height:calc(100dvh - 154px);overflow-y:auto;scrollbar-width:thin;margin-top:45px}.config-panel:before{content:"LOADOUT PANEL";position:absolute;top:10px;right:16px;font-size:9px;letter-spacing:.2em;font-weight:900;color:#6f8191}.panel-label{font-size:10px;letter-spacing:.19em;font-weight:800;color:#71818c;margin-bottom:17px;display:flex;justify-content:space-between}.panel-label b{color:var(--orange)}.config-row{display:grid;grid-template-columns:1fr 76px;align-items:center;column-gap:14px;margin:13px 0 20px}.config-row .field-label{font-weight:800;font-size:12px;margin-bottom:8px;display:block}.config-row output{grid-column:2;grid-row:1 / span 2;border:1px solid #d6e0e2;border-radius:7px;height:40px;display:grid;place-items:center;font-weight:900;font-size:15px}.config-row input{grid-column:1;width:100%;appearance:none;cursor:pointer;background:linear-gradient(90deg,var(--blue) 0 var(--pct,50%),#e3e8ea var(--pct,50%) 100%);height:5px;border-radius:4px;outline:none}.config-row input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;border:4px solid white;background:var(--blue);box-shadow:0 0 0 2px var(--blue),0 2px 9px #365ebc44}.config-row input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:4px solid white;background:var(--blue);box-shadow:0 0 0 2px var(--blue)}.config-row .ticks{grid-column:1;display:flex;justify-content:space-between;color:#99a6ac;font-size:9px;font-weight:750;margin-top:9px}.divider{height:1px;background:#e3e9ea;margin:20px 0}.os-picker{display:flex;gap:7px;margin:10px 0 18px}.os-picker button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:10px 4px;border:1px solid #e2e7e9;background:#f8faf8;border-radius:7px;font-size:11px;font-weight:800;color:#6c7a82}.os-picker button .os-mark{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;background:#e7ebed;font-size:12px}.os-picker button.selected{border-color:var(--blue);background:#edf2ff;color:#1c4ce9;box-shadow:inset 0 0 0 1px #2058f2}.os-picker button.selected .os-mark{background:#d8e3ff}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:11px;font-size:11px;color:#4f626e;font-weight:750;cursor:pointer}.option input{appearance:none;width:33px;height:20px;border-radius:20px;background:#cad3d7;position:relative;cursor:pointer;transition:background .2s;margin:0}.option input:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 2px #2223;transition:transform .2s}.option input:checked{background:var(--blue)}.option input:checked:before{transform:translateX(13px)}.option .price-delta{margin-left:auto;color:#89979e}.total-row{display:flex;justify-content:space-between;align-items:end;gap:10px}.total-label{font-size:10px;letter-spacing:.1em;color:#7c8e96;font-weight:800;text-transform:uppercase}.total-amount{font-size:clamp(30px,3vw,44px);letter-spacing:-.07em;font-weight:900;line-height:1.1}.total-amount small{font-size:12px;color:#7a898f;letter-spacing:0;font-weight:550}.total-row .button{min-height:50px;padding:0 15px;white-space:nowrap}.total-fine{font-size:10px;color:#96a3a9;margin-top:10px}
/* Closing scene */
.closing-layout{display:grid;grid-template-columns:53% 47%;gap:45px;align-items:center}.closing-copy h2{font-size:clamp(55px,6.4vw,105px);line-height:.94;margin:24px 0 25px}.closing-copy h2 em{font-style:normal;color:var(--blue)}.closing-copy p{max-width:440px;color:#71808a;font-size:15px}.contact-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.contact-pills span{padding:10px 15px;background:#fff;border:1px solid #e1e6e6;border-radius:7px;font-size:11px;font-weight:700}.closing-summary{position:relative;padding:clamp(25px,4vw,50px);border-radius:24px;border:1px solid #ddd3c8;background:linear-gradient(135deg,#fffdf9,#f1ebe3);box-shadow:0 26px 60px #6e675b18;min-height:475px;overflow:hidden}.closing-summary:before{content:"";position:absolute;inset:auto -20% -65% -20%;height:80%;border-radius:50%;background:radial-gradient(#e7d8c6,transparent 70%)}.ticket-eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.2em;font-weight:850;color:#7d8f98;border-bottom:1px solid #dce6e8;padding-bottom:16px}.ticket-led{display:flex;gap:5px}.ticket-led i{height:8px;width:8px;border-radius:50%;background:#9db5ae}.ticket-led i:nth-child(2){background:#c49764}.ticket-led i:nth-child(3){background:#a8b5bb}.ticket-icon{width:67px;height:67px;margin:28px 0 20px;border:2px solid #c7d7e1;background:#162e42;border-radius:17px;display:grid;place-items:center;transform:rotate(-9deg);box-shadow:12px 12px 0 #d5e7ec}.ticket-icon svg{width:36px;height:36px;fill:none;stroke:#aff6ea;stroke-width:1.5}.closing-summary h3{font-size:30px;line-height:1.1;letter-spacing:-.05em;margin:0 0 22px}.summary-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:25px}.summary-rows div{padding:12px;border-radius:8px;border:1px solid #dce5e9;background:#ffffffae;display:flex;flex-direction:column;gap:7px}.summary-rows label{font-size:10px;color:#83919b;text-transform:uppercase;letter-spacing:.09em}.summary-rows b{font-size:14px}.summary-contact{display:flex;align-items:end;justify-content:space-between;gap:12px;position:relative}.summary-contact .total-amount{font-size:35px}.copy-btn{min-height:47px}.closing-note{position:relative;margin-top:18px;font-size:11px;color:#819199;line-height:1.5}.contact-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.contact-strip button{padding:10px 14px;border-radius:8px;border:1px solid #beced5;background:#fffffff0;color:var(--blue);font-size:11px;font-weight:850}.contact-strip button:hover{background:#eaf1ff}
.demo-contacts{margin-top:24px;display:grid;gap:2px;max-width:455px}.demo-contacts .demo-heading{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:850;color:#92a0a7;letter-spacing:.16em}.demo-contacts .demo-heading em{font-style:normal;letter-spacing:.02em;text-transform:none;color:#a0adb4;font-weight:700}.demo-contacts>button{display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #d6dedf;background:none;padding:8px 0 11px;font-size:12px;gap:14px;text-align:left;cursor:pointer;transition:border-color .2s}.demo-contacts>button:hover{border-color:#9db6e7}.demo-contacts strong{font-weight:850;color:#253743}.demo-contacts>button>span{color:var(--blue);font-weight:800}.demo-contacts .copy-mark{font-style:normal;color:#8ba0ad;font-size:13px;transition:color .2s,transform .2s}.demo-contacts>button:hover .copy-mark{color:var(--blue);transform:translateY(-1px)}.contact-strip{margin-top:18px}
/* micro effects */
.toast{position:fixed;z-index:60;left:50%;bottom:80px;translate:-50% 15px;opacity:0;pointer-events:none;color:white;background:#183247;padding:13px 18px;border-radius:10px;box-shadow:0 15px 45px #0b213358;font-size:12px;max-width:min(90vw,440px);text-align:center;transition:opacity .25s,translate .25s}.toast.show{opacity:1;translate:-50% 0}.app.is-opening .hero-copy{opacity:.65;transform:translateX(-15px);transition:transform 1s,opacity 1s}
@media(max-width:1160px){.scene-inner{width:calc(100% - 76px)}.site-header{padding:0 30px}.hero-copy h1{font-size:clamp(52px,6.2vw,79px)}.vault{min-width:340px;min-height:340px}.float-label.fl-2{right:-15%}.float-label.fl-1{left:-9%}.float-label.fl-3{left:-6%}.room-visual{gap:12px}.rack-pick{padding:14px}.rack-spec span{font-size:9px;padding:6px}.config-layout{grid-template-columns:48% 52%}.build-art{left:1%;width:92%}.part-callout{padding:8px 10px;font-size:10px}.config-panel{padding:19px}.head-meta{display:none}}
@media(max-height:760px) and (min-width:781px){.hero-micro{margin-top:22px}.hero-copy h1{font-size:clamp(50px,5vw,77px);margin:17px 0}.vault{width:min(34vw,430px);height:min(34vw,430px);min-width:310px;min-height:310px}.hero-art{min-height:0}.room-top{padding-top:21px}.room-top h2{font-size:clamp(35px,4vw,57px);margin:11px 0 6px}.room-visual{top:24%;bottom:5%}.rack-pick{padding:11px;height:100%}.rack-tower{min-height:110px}.rack-illustration{min-height:85px}.rack-name{font-size:23px}.config-head{top:22px}.config-head h2{font-size:45px;margin:5px 0}.config-panel{margin-top:35px;max-height:calc(100dvh - 128px);padding:18px}.config-row{margin:8px 0 12px}.config-row output{height:31px}.config-row .field-label{margin-bottom:7px}.divider{margin:13px 0}.os-picker{margin:7px 0 12px}.options{gap:7px}.closing-summary{min-height:0;padding:22px}.ticket-icon{margin:15px 0 12px;width:47px;height:47px}.closing-summary h3{font-size:24px}.summary-rows{gap:6px;margin-bottom:12px}}
@media(max-width:780px){html,body{overflow:hidden}.site-header{height:66px;padding:0 18px}.brand{font-size:18px}.brand-logo{height:29px;width:29px}.nav{display:none}.header-cta{margin-left:auto;padding:5px 5px 5px 11px;font-size:9px;gap:8px}.header-cta span{width:24px;height:24px;min-width:24px;font-size:12px}.scenes{inset:66px 0 0}.scene{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.scene::-webkit-scrollbar{display:none}.scene-inner{width:calc(100% - 38px);min-height:100%;height:auto}.step-index{top:13px;right:19px;font-size:9px}.stage-footer{left:19px;right:19px;bottom:16px}.footer-hint{display:none}.progress button{width:24px}.progress button.active{width:50px}.hero-layout{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding-top:55px;padding-bottom:55px}.hero-copy{padding:0;align-self:auto}.hero-copy h1{font-size:clamp(43px,10.7vw,68px);margin:16px 0 14px}.hero-copy>p{font-size:13px;margin-bottom:0}.hero-actions{margin-top:18px;gap:8px}.button{min-height:48px;padding:0 13px;font-size:11px;gap:8px}.hero-micro{margin-top:16px;gap:10px;flex-wrap:wrap;font-size:10px}.hero-art{height:340px;min-height:340px;transform:none;max-width:520px;width:100%;margin:0 auto}.vault{width:300px;height:300px;min-width:300px;min-height:300px}.float-label{padding:8px;font-size:9px;gap:5px}.float-label i{height:22px;width:22px;font-size:10px}.float-label small{font-size:8px}.float-label.fl-1{left:-2%;top:22%}.float-label.fl-2{right:-1%;top:35%}.float-label.fl-3{left:2%;bottom:17%}.art-sidenote,.orbit-caption{display:none}.app.is-opening .scene-hero .hero-art{inset:66px 0 0}.app.is-opening .scene-hero .vault{width:92vmin;height:92vmin;min-width:92vmin;min-height:92vmin;transform:scale(1.16)}.app.is-flying .scene-hero .vault{transform:scale(3.2)}.room-top{padding:57px 0 0}.room-top h2{font-size:clamp(39px,9vw,57px)}.room-top p{font-size:12px}.room-visual{position:relative;top:auto;bottom:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;align-items:stretch;padding:14px 4px 56px;margin:12px 0 30px;height:500px}.rack-pick{flex:0 0 min(72vw,310px);max-width:310px;height:100%;scroll-snap-align:center}.scene-room.reveal .rack-pick:nth-child(1),.scene-room.reveal .rack-pick:nth-child(2),.scene-room.reveal .rack-pick:nth-child(3){animation-duration:1s}.rack-illustration{min-height:150px}.room-micro{display:none}.config-layout{display:flex;flex-direction:column;gap:0;padding-top:56px;padding-bottom:70px}.config-display{min-height:0;height:525px;width:100%;flex:0 0 525px}.config-head{top:0}.config-head h2{font-size:clamp(36px,8.5vw,57px);line-height:.97}.config-head p{font-size:12px;margin:0}.build-art{top:39%;left:13%;width:75%;height:55%}.machine{min-width:145px;min-height:200px}.part-callout{font-size:9px;padding:7px}.call-cpu{top:43%}.call-ram{top:59%}.call-disk{bottom:5%}.config-panel{margin:0 0 30px;max-height:none;width:100%;overflow:visible;padding:21px}.config-panel .total-amount{font-size:29px}.config-panel .button{min-height:46px}.closing-layout{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:55px;padding-bottom:65px}.closing-copy h2{font-size:clamp(49px,11vw,76px);margin:17px 0}.closing-copy p{font-size:13px}.closing-summary{min-height:0;padding:23px}.ticket-icon{margin:18px 0 15px}.summary-contact{align-items:center}.summary-contact .total-amount{font-size:27px}.contact-pills{margin-top:15px}}
@media(max-width:400px){.hero-copy h1{font-size:42px}.vault{min-width:255px;min-height:255px;width:255px;height:255px}.hero-art{height:290px;min-height:290px}.float-label.fl-2{right:-2%}.hero-micro span:last-child{display:none}.button-secondary{font-size:10px}.summary-contact{flex-direction:column;align-items:stretch}.contact-pills span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* V4 — slow seamless entrance. The portal is the SAME warm canvas as the page. */
.app[data-stage="1"]:before,.app[data-stage="2"]:before,.app[data-stage="3"]:before{transform:none}
.scene-room:before{background:none;opacity:0}
.app.traveling .site-header,.app.traveling .stage-footer{opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .72s ease,transform .72s ease}
.app.traveling .scene-hero .hero-copy,.app.traveling .scene-hero .float-label,.app.traveling .scene-hero .art-sidenote,.app.traveling .scene-hero .step-index{opacity:0;pointer-events:none;transition:opacity .7s ease}
/* A FLIP-cloned gate starts at the real gate's precise rectangle. Its position never changes. */
.cinematic-overlay{position:absolute;inset:0;z-index:110;overflow:hidden;pointer-events:none;contain:layout paint;isolation:isolate;will-change:opacity}
.cinematic-overlay .cine-door{position:absolute!important;display:block;min-width:0!important;min-height:0!important;width:var(--door-w)!important;height:var(--door-h)!important;left:var(--door-x);top:var(--door-y);margin:0!important;cursor:default;transform-origin:center center;transition:none!important;filter:none!important;will-change:transform;backface-visibility:hidden}
.cinematic-overlay .cine-door:hover{transform:none}
.cinematic-overlay .vault-ring,.cinematic-overlay .portal-depth:after,.cinematic-overlay .vault-center:after{animation-play-state:paused}
.cinematic-overlay .vault-half{transition:transform .86s cubic-bezier(.25,.65,.28,1),box-shadow .86s ease}
.cinematic-overlay .vault-center{transition:opacity .5s ease,transform .86s ease}
.cinematic-overlay .cine-door.cine-open .vault-half.left{transform:rotateY(-113deg)}
.cinematic-overlay .cine-door.cine-open .vault-half.right{transform:rotateY(113deg)}
.cinematic-overlay .cine-door.cine-open .vault-center{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(115deg)}
.cinematic-overlay .cine-door.cine-open .portal-depth{opacity:0;transition:opacity .5s ease;animation:none}
/* The opening itself is the site's cream background — not a blue gradient or black tunnel. */
.cinematic-overlay .cine-door .vault-inner{background:#f4f3ee;border-color:#889eab;box-shadow:inset 0 0 0 6px #dee9ee}
.cine-hall{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:50%;background:#f4f3ee;opacity:0;transition:opacity .75s ease}
.cine-door.cine-open .cine-hall{opacity:1}
.cine-hall:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 73% 25%,#d3e9f073,transparent 52%),radial-gradient(ellipse at 25% 80%,#edd9cd50,transparent 52%);pointer-events:none}
.cine-hall:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 40px #879da823;pointer-events:none}
.cine-perspective{position:absolute;inset:0;transform-origin:center 62%;transition:opacity .7s ease;}
.cine-ceiling{position:absolute;inset:0 5% 48%;background:repeating-linear-gradient(90deg,#d6e0e58a 0 2px,transparent 2px 23%),linear-gradient(#e9eeef66,#f4f3ee);clip-path:polygon(0 0,100% 0,69% 100%,31% 100%);opacity:.55}
.cine-floor{position:absolute;inset:53% 1% -7%;background:repeating-linear-gradient(0deg,#a8bdc445 0 1px,transparent 1px 16%),linear-gradient(180deg,#ecf1efaa,#dbe6e87a);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);opacity:.7}
.cine-racks{position:absolute;left:19%;right:19%;top:24%;bottom:17%;display:flex;align-items:end;justify-content:center;gap:8%;perspective:460px;filter:drop-shadow(0 8px 6px #4c5a6544)}
.cine-racks i{position:relative;display:block;width:27%;height:83%;border:4px solid #7b919f;background:repeating-linear-gradient(0deg,#1b2c39 0 10%,#61849d 10% 12%,#253a49 12% 20%);box-shadow:inset 0 0 0 3px #1b303f,6px 4px 0 #afc0c9;border-radius:4px 4px 2px 2px;transform:scale(.72)}
.cine-racks i:nth-child(2){height:100%;transform:scale(.93)}
.cine-racks i:after{content:"";position:absolute;inset:5%;background:repeating-linear-gradient(0deg,transparent 0 14%,#83bcdf9c 15%,transparent 16%);opacity:.5}
.cine-hall.passed .cine-perspective{opacity:0}
/* The room appears behind the gate before the gate has completely passed the camera. */
.scene-room.camera-arrival .room-top{animation:svRoomTitle .75s cubic-bezier(.2,.72,.25,1) both}
.scene-room.camera-arrival .rack-pick{animation:svRoomUnit .96s cubic-bezier(.16,.72,.24,1) both}
.scene-room.camera-arrival .rack-pick:nth-child(2){animation-delay:.09s}
.scene-room.camera-arrival .rack-pick:nth-child(3){animation-delay:.18s}
@keyframes svRoomTitle{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes svRoomUnit{from{opacity:0;transform:translateY(27px) scale(.75)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Simpler stage arrivals for ordinary navigation; the cinematic entrance plays only at the gate. */
.scene-config.arriving .build-art{animation:svModelIn .55s cubic-bezier(.17,.81,.2,1) both}
.scene-config.arriving .config-panel{animation:svPanelIn .46s cubic-bezier(.22,.8,.3,1) .04s both}
.scene-closing.arriving .closing-summary{animation:svPanelIn .48s cubic-bezier(.22,.8,.3,1) both}
@keyframes svModelIn{from{opacity:.3;transform:translateY(30px) scale(.78)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes svPanelIn{from{opacity:0;transform:translateX(22px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:780px){.cinematic-overlay .cine-door{min-width:0!important;min-height:0!important}}
@media(prefers-reduced-motion:reduce){.cinematic-overlay{display:none}}

/* SEO-accessible links and live server power indicator */
.hero-price-link{display:inline-block;margin-top:12px;font-size:12px;font-weight:800;color:#2858f4;text-decoration:underline;text-underline-offset:4px}
.header-choose{display:none;background:transparent;border:1px solid #cad5df;color:#2858f4;border-radius:8px;font-size:11px;font-weight:850;padding:9px 11px;white-space:nowrap}.seo-tariffs-link{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #cad5df;border-radius:999px;background:#fffdf8;color:#1f55f2;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s}
.seo-tariffs-link:hover{background:#edf2ff;border-color:#9eb6ee;color:#1438a6;transform:translateY(-1px)}
.resource-load{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:12px;font-size:11px;font-weight:750;color:#5d6b78}
.resource-load strong{font-size:13px;color:#2356ef}.resource-load #lit-percent{border:1px solid #dce3f0;border-radius:5px;padding:4px 7px;font-variant-numeric:tabular-nums}
.pricing-formula{font-size:11px;line-height:1.55;color:#43596a;margin:12px 0 4px}
.machine .machine-slot{opacity:.16;transition:opacity .35s ease,border-color .35s ease,box-shadow .35s ease}
.machine .machine-slot.slot-active{opacity:1!important;border-color:#72bfff;box-shadow:inset 0 0 4px #03101b,0 0 10px #3da7ff77}
@media(max-width:1040px){.seo-tariffs-link{display:none}}
@media(max-width:780px){.header-choose{display:block;margin-left:auto}.site-header .header-cta{margin-left:0}}
@media(max-width:380px){.site-header .header-cta{display:none}}
@media(prefers-reduced-motion:reduce){.machine .machine-slot{transition:none}}

/* Keep the server lid aligned with the front and right side at every size. */
.machine-top{left:0;right:-15%;height:7%;z-index:1;border-radius:0;clip-path:polygon(16% 0,100% 0,83.5% 100%,0 100%);background:linear-gradient(155deg,#dbe9ed,#91aebe 55%,#54788f);box-shadow:none}
.machine-front{z-index:2}
.machine-side{z-index:0;top:4%;height:93%}

.privacy-link{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 12px;border:1px solid #c9d5d9;border-radius:999px;background:#fffdf9e8;color:#435e6d;font-size:10px;font-weight:800;letter-spacing:.03em;white-space:nowrap;box-shadow:0 4px 14px #304d5b12;transition:color .2s,border-color .2s,background .2s}
.privacy-link:hover{color:var(--blue);border-color:#9eb6ee;background:#fff}
.privacy-short{display:none}
@media(max-width:780px){.privacy-link{font-size:9px;min-height:28px;padding:4px 9px}.privacy-full{display:none}.privacy-short{display:inline}}