.steel-story{position:relative;background:#0B0D10}.ss-scroll{height:600vh}.ss-stage{position:relative;height:100vh;overflow:hidden;background:#0B0D10}.ss-bg{position:absolute;inset:0;z-index:1;pointer-events:none}.ss-grid{position:absolute;inset:-12%;background-image:linear-gradient(rgb(120 170 255 / .16) 1px,transparent 1px),linear-gradient(90deg,rgb(120 170 255 / .16) 1px,transparent 1px);background-size:96px 96px,96px 96px;opacity:.28;will-change:transform}.ss-grid.fine{background-image:linear-gradient(rgb(120 170 255 / .1) 1px,transparent 1px),linear-gradient(90deg,rgb(120 170 255 / .1) 1px,transparent 1px);background-size:24px 24px,24px 24px;opacity:.42}.ss-glow{position:absolute;left:50%;top:52%;width:120vmax;height:120vmax;transform:translate(-50%,-50%);border-radius:50%;opacity:0;background:radial-gradient(circle,rgb(255 122 24 / .55) 0%,rgb(255 122 24 / .14) 34%,#fff0 68%);will-change:transform,opacity}.ss-cool{position:absolute;left:50%;top:50%;width:130vmax;height:130vmax;transform:translate(-50%,-50%);border-radius:50%;opacity:0;background:radial-gradient(circle,rgb(150 190 255 / .3) 0%,rgb(150 190 255 / .07) 40%,#fff0 70%);will-change:transform,opacity}.ss-vignette{position:absolute;inset:0;background:radial-gradient(118% 82% at 50% 50%,#fff0 44%,rgb(0 0 0 / .68) 100%),linear-gradient(180deg,rgb(11 13 16 / .84) 0%,#fff0 24%,#fff0 60%,rgb(11 13 16 / .94) 100%)}.ss-particles{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.ss-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:rgb(255 255 255 / .5);will-change:transform,opacity}.ss-dot.hot{background:rgb(255 150 60 / .85);box-shadow:0 0 8px rgb(255 122 24 / .8)}.ss-viewport{position:absolute;inset:0;z-index:3;perspective:1500px;perspective-origin:50% 50%;display:flex;align-items:center;justify-content:center}.ss-camera{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.ss-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;will-change:transform,opacity;opacity:0}.ss-comp{position:relative;width:clamp(300px, 62vw, 900px);aspect-ratio:16/10;transform-style:preserve-3d;will-change:transform}.ss-plate{position:absolute;border-radius:15px;overflow:hidden;background:#12161B;box-shadow:0 34px 70px rgb(0 0 0 / .62);will-change:transform,opacity}.ss-plate img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.16) brightness(.84)}.ss-plate::after{content:"";position:absolute;inset:0;pointer-events:none}.ss-plate::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .14),inset 0 0 90px rgb(0 0 0 / .55);border-radius:15px}.ss-plate .edge{position:absolute;inset:11px;z-index:3;border:1px solid rgb(255 255 255 / .16);border-radius:8px;pointer-events:none}.ss-plate--cool::after{background:linear-gradient(140deg,rgb(120 170 255 / .3),rgb(60 90 140 / .16) 55%,rgb(11 13 16 / .55))}.ss-plate--hot::after{background:linear-gradient(140deg,rgb(255 138 42 / .62),rgb(214 62 6 / .4) 58%,rgb(20 10 6 / .55))}.ss-plate--steel::after{background:linear-gradient(140deg,rgb(190 205 220 / .22),rgb(70 82 96 / .26) 55%,rgb(11 13 16 / .58))}.ss-plate--blue::after{background:linear-gradient(140deg,rgb(70 130 235 / .52),rgb(20 50 110 / .44) 60%,rgb(8 14 26 / .62))}.ss-plate--night::after{background:linear-gradient(180deg,rgb(30 50 90 / .3),rgb(11 13 16 / .72))}.p-hero{left:0;top:4%;width:74%;height:92%}.p-inset{right:0;bottom:-6%;width:38%;height:52%}.p-tall{right:2%;top:-6%;width:34%;height:62%}.p-wide{left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%)}.ss-layer{position:absolute;left:50%;top:50%;width:104%;height:74%;transform:translate(-50%,-50%);will-change:transform,opacity}.ss-layer--far{filter:blur(4px)}.ss-layer--mid{filter:blur(1.5px)}.ss-layer--near{filter:none}.ss-layer .ss-plate{inset:0;width:100%;height:100%}.ss-anno{position:absolute;inset:0;z-index:4;overflow:visible;pointer-events:none}.ss-anno .draw{fill:none;stroke-linecap:square}.ss-anno .bracket{stroke:rgb(255 255 255 / .8);stroke-width:2}.ss-anno .dim{stroke:#FF7A18;stroke-width:1.6}.ss-anno .grid{stroke:rgb(120 170 255 / .5);stroke-width:1}.ss-anno .node{fill:#FF7A18}.ss-chip{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:15px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#FFF;white-space:nowrap;background:rgb(12 16 22 / .44);border:1px solid rgb(255 255 255 / .2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);will-change:transform,opacity}.ss-chip b{color:#FF7A18;font-weight:700}.chip-a{left:2%;top:-7%}.chip-b{right:1%;top:64%}.ss-frame-svg{position:absolute;left:50%;top:50%;width:62%;transform:translate(-50%,-50%);z-index:4;overflow:visible}.ss-tower-svg{position:absolute;left:50%;top:50%;width:38%;transform:translate(-50%,-50%);z-index:4;overflow:visible}.ss-copy{position:absolute;inset:0;z-index:5;pointer-events:none}.ss-caption{position:absolute;left:0;right:0;bottom:12vh;padding:0 clamp(20px,5vw,72px);max-width:1400px;margin:0 auto;opacity:0;will-change:transform,opacity}.ss-caption .inner{max-width:540px}.ss-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;padding:8px 16px;border-radius:15px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#FFF;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ss-tag b{color:#FF7A18;font-weight:700}.ss-caption h2{font-size:clamp(28px,4.4vw,54px);font-weight:600;color:#FFF;letter-spacing:-.03em;line-height:1.05;margin-bottom:12px}.ss-caption p{color:rgb(255 255 255 / .74);font-size:clamp(15px,1.35vw,18px);max-width:440px}.ss-final{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;opacity:0;pointer-events:none}.ss-final.live{pointer-events:auto}.ss-final h2{font-size:clamp(34px,7vw,92px);font-weight:600;color:#FFF;letter-spacing:-.045em;line-height:.98}.ss-final h2 em{font-style:normal;color:#FF7A18}.ss-final .line{display:block;overflow:hidden}.ss-final .line>span{display:block;will-change:transform}.ss-final p{color:rgb(255 255 255 / .68);font-size:clamp(15px,1.5vw,19px);margin:22px 0 34px;max-width:520px}.ss-cta{display:inline-flex;align-items:center;gap:11px;height:56px;padding:0 32px;border-radius:15px;background:#FF7A18;color:#0B0D10;font-size:16px;font-weight:700;box-shadow:0 16px 38px rgb(255 122 24 / .34);transition:transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease}.ss-cta:hover{transform:translateY(-3px);background:#ff8a33;box-shadow:0 22px 46px rgb(255 122 24 / .44)}.ss-cta svg{width:18px;height:18px;transition:transform 0.25s ease}.ss-cta:hover svg{transform:translateX(4px)}.ss-final-bg{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:0;will-change:opacity,transform}.ss-final-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(.42)}.ss-final-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(11 13 16 / .72),rgb(11 13 16 / .9))}.ss-rail{position:absolute;right:clamp(16px,2.4vw,40px);top:50%;transform:translateY(-50%);z-index:7;display:flex;flex-direction:column;gap:14px;pointer-events:none}.ss-rail button{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;color:rgb(255 255 255 / .42);font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;pointer-events:auto;transition:color 0.35s ease}.ss-rail button i{display:block;width:26px;height:2px;background:rgb(255 255 255 / .24);border-radius:2px;transition:background 0.35s ease,width 0.35s ease}.ss-rail button.active{color:#FFF}.ss-rail button.active i{background:#FF7A18;width:44px}.ss-cue{position:absolute;left:50%;bottom:26px;z-index:7;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgb(255 255 255 / .55);pointer-events:none}.ss-cue i{width:22px;height:36px;border:2px solid rgb(255 255 255 / .4);border-radius:13px;position:relative}.ss-cue i::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:3px;background:#FF7A18;transform:translateX(-50%);animation:ssDot 1.9s ease-in-out infinite}@keyframes ssDot{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}80%{opacity:0;transform:translate(-50%,11px)}100%{opacity:0}}@media (max-width:1024px){.ss-demo-pad{padding:90px 28px}.ss-scroll{height:520vh}.ss-viewport{perspective:1150px}.ss-comp{width:clamp(300px, 78vw, 720px)}.ss-caption{bottom:14vh}.ss-rail .label{display:none}.ss-grid{background-size:72px 72px,72px 72px}.ss-chip{font-size:10px;padding:7px 12px}}@media (max-width:720px){.ss-demo-pad{padding:64px 20px}.ss-demo-pad p{font-size:16px}.ss-scroll{height:440vh}.ss-viewport{perspective:880px}.ss-comp{width:88vw;aspect-ratio:4/5}.p-hero{left:0;top:0;width:100%;height:100%}.p-inset{right:-4%;bottom:-5%;width:46%;height:34%}.p-tall{display:none}.ss-layer{width:112%;height:56%}.ss-layer--far,.ss-layer--mid{filter:none}.ss-plate{box-shadow:0 20px 40px rgb(0 0 0 / .55)}.ss-frame-svg{width:78%}.ss-tower-svg{width:56%}.chip-a{left:0;top:-9%}.chip-b{right:0;top:auto;bottom:-9%}.ss-caption{bottom:12vh}.ss-caption .inner,.ss-caption p{max-width:none}.ss-rail{right:12px;gap:11px}.ss-rail button i{width:18px}.ss-rail button.active i{width:30px}.ss-cue{bottom:16px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}