/* YOUR STUDIO — MIDNIGHT PERFORMANCE
   Black lacquer / deep aubergine / sharp violet. All artwork uses CSS.
   Pinned sections are scrubbed by native scroll in script.js. */
:root{--black:#07070a;--graphite:#0e0d14;--panel:#13101b;--plum:#241236;--purple:#9b63ff;--violet:#bf9aff;--violet-light:#e1cfff;--white:#f7f3ff;--grey:#aaa3b5;--hair:rgba(206,172,255,.19);--head:76px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--head)}
body{margin:0;background:var(--black);color:var(--white);font-family:"Arial","Helvetica Neue",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#b28aff;color:#07070a}
:focus-visible{outline:2px solid var(--violet-light);outline-offset:4px}
.page-width{width:min(100% - 108px,1540px);margin-inline:auto}
.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.22'/%3E%3C/svg%3E")}
.skip-link{position:fixed;z-index:100;left:20px;top:-70px;background:#ead5ff;color:#08060d;padding:12px 18px}.skip-link:focus{top:20px}
.top-progress{position:fixed;top:var(--head);left:0;width:100%;height:2px;background:#261439;z-index:54;pointer-events:none}.top-progress span{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7a34db,#d8b8ff);box-shadow:0 0 18px #a660ff}
.site-header{height:var(--head);position:fixed;inset:0 0 auto;z-index:55;background:rgba(6,6,10,.80);backdrop-filter:blur(24px);border-bottom:1px solid rgba(204,173,255,.12)}
.header-inside{width:min(100% - 108px,1540px);height:100%;margin:auto;display:flex;align-items:center;gap:35px}
.brand{display:inline-flex;align-items:center;white-space:nowrap;gap:10px;font-size:18px;letter-spacing:-.065em;font-weight:900}.brand-glyph{display:block;font-size:33px;color:#b18bff;filter:drop-shadow(0 0 12px #ae6bff8a);line-height:1}.brand b{color:#ac7dff}.brand small{display:block;padding-left:15px;border-left:1px solid #78628e;color:#7c7488;font-size:9px;font-weight:700;letter-spacing:.15em}
.header-meta{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.14em;color:#918799;white-space:nowrap}.header-meta-separator{margin:0 7px;color:#573778}.live-pulse{width:6px;height:6px;margin-right:8px;vertical-align:1px;background:#bd9fff;border-radius:50%;box-shadow:0 0 12px #b485ff;display:inline-block}
.nav-links{display:flex;align-items:center;gap:29px;margin-left:30px}.nav-links a{font-size:10px;font-weight:800;letter-spacing:.13em;color:#d3c8de;transition:color .2s}.nav-links a:hover{color:#c6a5ff}.nav-contact{background:#a772ff!important;color:#110a1b!important;padding:15px 18px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.nav-contact span{padding-left:18px}.menu-toggle{display:none}
.chapter-rail{position:fixed;right:23px;top:50%;transform:translateY(-50%);z-index:52;display:flex;align-items:flex-end;flex-direction:column;gap:13px}.rail-caption{font-size:8px;letter-spacing:.19em;color:#a892bd;writing-mode:vertical-rl;margin:0 12px 18px 0}.chapter-rail a{display:flex;align-items:center;justify-content:flex-end;gap:10px;opacity:.65;transition:opacity .2s}.chapter-rail a i{width:16px;height:2px;background:#9a77c7;display:block;order:2;transition:width .3s,background .3s}.chapter-rail a span{font-size:9px;letter-spacing:.15em;font-weight:800;color:#c4b2d9;opacity:0;transform:translateX(8px);transition:opacity .3s,transform .3s}.chapter-rail a:hover,.chapter-rail a.active{opacity:1}.chapter-rail a:hover span,.chapter-rail a.active span{opacity:1;transform:none}.chapter-rail a.active i{width:32px;background:#d7bbff;box-shadow:0 0 13px #af6bff}
/* Global aesthetic */
.eyebrow{display:flex;align-items:center;gap:15px;font-size:10px;font-weight:800;letter-spacing:.17em;color:#c5b4d7;text-transform:uppercase;white-space:nowrap}.eyebrow-index{color:#ac7af6}.eyebrow-rule{display:inline-block;height:1px;width:39px;background:#b08bee}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:900;letter-spacing:-.055em}em{font-style:normal;color:var(--violet);text-shadow:0 0 48px #a555ff33}
.button{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:0 22px;font-size:12px;font-weight:850;letter-spacing:-.01em;transition:background .25s,transform .25s,box-shadow .25s;border:1px solid transparent;white-space:nowrap}.button span{font-size:18px}.button:hover{transform:translateY(-3px)}.button-primary{background:#b384ff;color:#0d0813;box-shadow:0 0 40px #8242df24}.button-primary:hover{background:#dac1ff;box-shadow:0 0 35px #a76cf752}.button-outline{background:#1a1424;color:#e9defb;border-color:#74548c}.button-outline:hover{border-color:#c399ff;background:#2a193d}
/* Sticky scroll scenes: no wheel listeners, no snap. At the end, naturally release the pin. */
.scroll-scene{position:relative}.scene-pin{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}
/* Hero / scene one */
.hero-scroll{height:186svh;background:#08070d}.hero-pin{background:radial-gradient(ellipse 66% 87% at 80% 45%,#261138 0%,#0a0811 54%,#07070a 100%)}
.hero-energy{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.energy-wash{position:absolute;inset:-32% -15% -20% 40%;background:radial-gradient(ellipse at center,rgba(140,62,236,.45),transparent 55%);transform:translate(calc(var(--hero-progress,0)*-11vw),calc(var(--hero-progress,0)*-24vh)) scale(calc(1 + var(--hero-progress,0)*.3));filter:blur(30px)}
.energy-stripe{position:absolute;height:210%;top:-50%;width:2px;background:linear-gradient(0deg,transparent,#cc9eff 34%,#8b3cee 60%,transparent);transform:rotate(35deg) translateY(calc(var(--hero-progress,0)*-40%));box-shadow:0 0 18px 2px #ac70ff66;opacity:.7}.stripe-one{right:11%}.stripe-two{right:17%;width:1px;opacity:.25}.stripe-three{right:4%;width:1px;opacity:.15}.velocity-lines{position:absolute;inset:5% 0 0 20%;background:repeating-linear-gradient(153deg,transparent 0 81px,rgba(168,103,255,.085) 82px,transparent 84px);mask-image:linear-gradient(90deg,transparent,#000 60%);transform:translateY(calc(var(--hero-progress,0)*-42px))}
.hero-layout{height:100%;display:grid;grid-template-columns:49% 51%;align-items:center;position:relative;gap:0;padding-top:var(--head);padding-bottom:80px}
.hero-copy{position:relative;z-index:6;transform:translate3d(calc(var(--hero-exit,0)*-10vw),calc(var(--hero-exit,0)*-2vh),0);opacity:calc(1 - var(--hero-exit,0)*.32)}
.hero-scroll h1{font-size:clamp(74px,8vw,150px);line-height:.82;letter-spacing:-.083em;margin:33px 0 30px;white-space:nowrap}.hero h1 em{color:#c49cff}.hero-sub{font-size:clamp(15px,1.2vw,18px);color:#a99eb5;line-height:1.65;max-width:530px;margin:0}.hero-actions{margin-top:30px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.plain-link{font-size:12px;font-weight:800;color:#c6acd9}.plain-link span{margin-left:12px;color:#bc8bff}.plain-link:hover{color:white}
.hero-device{height:min(570px,64vh);width:100%;position:relative;display:flex;align-items:center;justify-content:center;perspective:1100px;transform:translate3d(calc(var(--hero-progress,0)*-2vw),calc(var(--hero-progress,0)*-6vh),0) scale(calc(1 + var(--hero-progress,0)*.24));transform-origin:50% 50%;will-change:transform}
.device-halo{position:absolute;inset:7% 1%;background:radial-gradient(ellipse,#8a38ff4a 0%,#6326a714 45%,transparent 72%);filter:blur(19px)}.device-wire{position:absolute;width:86%;height:1px;background:linear-gradient(90deg,transparent,#a763ffbb,transparent);transform:rotate(-29deg)}.wire-one{top:9%;left:10%}.wire-two{top:92%;left:10%;opacity:.4}
.hero-browser{position:relative;z-index:3;width:95%;max-width:735px;height:390px;background:#0d0d17;transform:rotateY(-12deg) rotateX(5deg) rotateZ(-1deg);box-shadow:24px 38px 65px #000e,-8px -3px 2px #bc8bff22,0 0 80px #8635e944;border:1px solid #ae7ef55c;overflow:hidden;clip-path:polygon(0 0,98% 0,100% 4%,100% 100%,0 100%)}
.browser-chrome{height:34px;background:#191527;border-bottom:1px solid #6d467f66;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.chrome-lights{display:flex;gap:6px}.chrome-lights i{height:5px;width:5px;background:#76528f;border-radius:50%}.chrome-lights i:first-child{background:#cc82fa}.browser-url{font-size:9px;letter-spacing:.05em;color:#bca9cf}.chrome-menu{color:#af90dc;font-size:13px}
.demo-top{height:64px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;background:#151122;border-bottom:1px solid #46345a}.demo-top strong{font-size:14px;letter-spacing:-.04em}.demo-top strong span{font-size:8px;vertical-align:top;margin-left:2px;color:#b698d1}.demo-top>span:nth-child(2){font-size:9px;color:#d2c1e5}.demo-top-arrow{color:#bb9bff;font-size:18px}.demo-main{min-height:255px;padding:25px 25px 10px;display:grid;grid-template-columns:1.25fr 1fr;gap:0;background:linear-gradient(130deg,#0d0b17,#241037)}.demo-left{position:relative;z-index:3}.demo-badge,.tiny-kicker{font-size:8px;letter-spacing:.15em;font-weight:850;color:#c59aff}.demo-main h2{font-size:35px;line-height:.96;letter-spacing:-.06em;margin:22px 0 13px;color:white}.demo-main p{font-size:10px;line-height:1.7;max-width:220px;color:#a69bb4}.demo-button{display:inline-block;margin-top:5px;padding:10px 17px;font-size:9px;font-weight:850;color:#190e25;background:#be96ff}
.demo-art{position:relative;isolation:isolate;overflow:hidden;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);background:radial-gradient(circle at 74% 24%,#a671ff,#491e7c 27%,#150e23 73%)}.art-sculpture{position:absolute;left:10%;top:6%;width:80%;height:100%;background:linear-gradient(125deg,#f3ddff 2%,#7c2be6 14%,#1b093a 32%,#a363f3 43%,#210e3c 51%,#f6d4ff 55%,#5825a9 66%,#0f091f 85%);clip-path:polygon(52% 0,83% 15%,90% 68%,62% 98%,27% 87%,3% 36%);transform:rotate(-10deg);filter:drop-shadow(0 20px 12px #000)}.art-sculpture:before{content:"";position:absolute;inset:0 0 0 14%;background:linear-gradient(115deg,transparent 0 25%,#4b217e 31%,#d3a4ff 39%,transparent 57%);clip-path:polygon(0 0,70% 10%,100% 100%,0 100%)}.art-orbit{position:absolute;inset:-25% -30%;border:1px solid #bd87ff77;border-radius:50%;transform:rotate(-35deg)}.art-line{position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 32px,#ffffff0e 33px 34px)}
.demo-bottom{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#110e1c;color:#ab97b9;font-size:8px;font-weight:800;letter-spacing:.15em}
.device-top-tag{position:absolute;z-index:5;top:4%;right:1%;font-size:9px;font-weight:800;letter-spacing:.12em;color:#d9c4f3}.device-top-tag strong{margin-left:20px;color:#8753bd}.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d8a9ff;box-shadow:0 0 12px #bf86ff;margin-right:8px}.float-tag{position:absolute;z-index:5;background:#1a1029ee;border:1px solid #8e5ec2a0;box-shadow:0 20px 35px #0008;backdrop-filter:blur(12px);color:#e9d9fa;font-size:10px;font-weight:850;letter-spacing:.05em}.tag-upper{top:13%;left:-3%;padding:13px 15px;transform:translateY(calc(var(--hero-progress,0)*38px))}.plus-mark{color:#c796ff;font-size:18px;vertical-align:-2px;padding-right:12px}.tag-lower{right:-3%;bottom:8%;padding:17px 23px;transform:translateY(calc(var(--hero-progress,0)*-52px))}.tag-lower b{color:#c797ff;font-size:20px;vertical-align:-3px;margin-right:12px}.device-floor{position:absolute;width:75%;height:12%;bottom:-7%;left:15%;background:radial-gradient(ellipse,#8b40ec77,transparent 70%);filter:blur(16px)}
.hero-bottom{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:end;gap:20px}.hero-points{display:flex;flex-wrap:wrap;gap:22px}.hero-points span{font-size:10px;font-weight:700;color:#a99ab9}.hero-points i{font-size:14px;font-style:normal;color:#c39bf8;padding-right:4px}.scroll-cue{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.16em;font-size:9px;color:#d8c6e6;white-space:nowrap}.scroll-cue>span{font-size:16px;color:#c7a4fa}.cue-scroll{width:16px;height:26px;border:1px solid #9676b7;border-radius:8px;position:relative}.cue-scroll div{position:absolute;top:5px;left:7px;width:1px;height:7px;background:#d3a8ff;animation:scrollcue 1.65s infinite}
.hero-huge-word{position:absolute;bottom:-8%;left:0;font-size:clamp(130px,17vw,350px);font-weight:900;letter-spacing:-.09em;line-height:1;color:#ffffff07;z-index:-1;white-space:nowrap;transform:translateX(calc(var(--hero-progress,0)*-12vw));pointer-events:none}
/* Services pinned story */
.services-scroll{height:410svh;background:#0b0712}.services-pin{background:radial-gradient(ellipse 72% 74% at 80% 54%,#271139 0%,#110c1b 49%,#07070a 100%)}.services-backlight{position:absolute;width:60vw;height:70vh;top:12%;right:-8%;filter:blur(80px);background:#6e27b929;transform:rotate(-15deg)}
.services-layout{height:100%;padding-top:calc(var(--head) + 28px);padding-bottom:54px;display:grid;grid-template-columns:42% 58%;align-items:center;gap:0}
.services-intro{position:relative;z-index:3;min-width:0;padding-right:5%}.services-intro h2{font-size:clamp(44px,4.55vw,85px);line-height:.94;margin:28px 0 23px}.services-intro h2 em{display:inline-block;margin-top:5px}.services-intro>p{max-width:410px;color:#a99fba;line-height:1.55;font-size:14px;margin:0 0 34px}.stage-control{display:flex;align-items:center;gap:11px;margin:0 0 31px}.control-current{font-size:22px;font-weight:900;color:#e9dafa;font-variant-numeric:tabular-nums}.control-slash{font-size:12px;color:#8a748f;font-weight:700}.control-bar{margin-left:20px;width:140px;height:2px;background:#453251}.control-bar i{width:100%;height:100%;display:block;background:#bd83ff;transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #a75cf1}
.copy-window{height:160px;width:100%;overflow:hidden;position:relative}.copy-track{height:100%;width:300%;display:flex;will-change:transform}.service-copy{height:100%;width:33.333333%;padding-right:32px;flex:none}.service-number{font-size:11px;font-weight:900;color:#bb8eff;letter-spacing:.13em}.service-number span{margin-left:16px;color:#796b86}.service-copy h3{font-size:clamp(23px,2.4vw,40px);margin:10px 0 9px;letter-spacing:-.055em}.service-copy p{font-size:14px;line-height:1.55;color:#b5a9c2;max-width:415px}
.visual-window{height:min(68vh,640px);width:100%;border:1px solid #7955a155;background:#100d18;box-shadow:0 30px 80px #0007,0 0 100px #7b2cbb14;overflow:hidden;position:relative;clip-path:polygon(0 0,98.2% 0,100% 2.8%,100% 100%,0 100%)}
.visual-track{height:100%;width:300%;display:flex;will-change:transform}.visual-panel{width:33.333333%;height:100%;position:relative;flex:none;overflow:hidden}.visual-meta{position:absolute;left:25px;right:25px;top:23px;z-index:4;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.16em;color:#d2bce8}.visual-meta i{display:inline-block;width:6px;height:6px;margin-right:8px;background:#c69aff;border-radius:50%;box-shadow:0 0 10px #b57fff}.visual-bottom{position:absolute;bottom:0;left:0;right:0;z-index:5;height:45px;padding:0 25px;display:flex;justify-content:space-between;align-items:center;background:#0d0a16;border-top:1px solid #5c427466;font-size:9px;letter-spacing:.16em;font-weight:850;color:#907b9f}.visual-bottom i{font-style:normal;color:#c49bfc}.visual-bottom-arrow{color:#ceaff2}
.visual-design{background:radial-gradient(ellipse 65% 90% at 70% 50%,#3a1b5d,#100c1b 74%)}.visual-design:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(143deg,transparent 0 61px,#c18dff09 62px,transparent 64px)}
.visual-browser{position:absolute;top:14%;left:11%;width:79%;height:69%;border:1px solid #995dc3;border-radius:4px;background:#130e21;transform:perspective(900px) rotateY(-10deg) rotateX(5deg) rotateZ(-2deg);box-shadow:25px 30px 25px #0007,-4px -3px 3px #ba96e629}.visual-browser-bar{height:36px;background:#241330;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.visual-browser-bar>span{color:#be8cff;font-size:20px}.visual-browser-bar>div{display:flex;gap:5px}.visual-browser-bar i{display:block;width:5px;height:5px;background:#c299e8;border-radius:50%}.visual-browser-body{position:relative;overflow:hidden;height:calc(100% - 36px);padding:14% 8%;background:linear-gradient(135deg,#10101a,#391357 100%)}.visual-browser-body .tiny-kicker{position:relative;z-index:2}.visual-design-title{position:relative;z-index:3;font-size:clamp(27px,3.3vw,58px);line-height:.94;letter-spacing:-.085em;font-weight:900;margin-top:22px}.visual-design-title em{font-style:normal;color:#d4acff}.visual-art-object{position:absolute;width:48%;height:83%;right:2%;top:8%;transform:rotate(-8deg)}.art-plate{position:absolute;inset:0;clip-path:polygon(52% 0,100% 22%,77% 100%,0 65%);box-shadow:inset 0 0 30px #000}.art-plate.one{background:linear-gradient(110deg,#1c0639 0%,#9b55fb 37%,#edc6ff 39%,#41217c 46%,#190c27 88%);transform:rotate(0)}.art-plate.two{background:linear-gradient(65deg,#160d29,#c691ff 50%,#3e165c 70%);transform:scale(.70) rotate(38deg)}.art-plate.three{background:linear-gradient(130deg,#8b4ce5 0%,#d19fff 13%,#32144f 25%,#160923 74%);transform:scale(.48) rotate(70deg)}.visual-browser-bottom{position:absolute;bottom:18px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b093be66;padding-top:10px;color:#c6accf;font-size:9px;letter-spacing:.14em;font-weight:900}.visual-browser-bottom b{font-size:19px;color:#d6aaff}.visual-float{position:absolute;z-index:4;background:#1a1129de;border:1px solid #ab75db99;padding:12px 14px;color:#e9d9fc;font-size:10px;font-weight:850}.visual-float span{display:block;font-size:8px;color:#9e8ab6;letter-spacing:.14em;margin-top:6px}.float-a{left:2%;bottom:10%}.float-b{right:2%;top:22%}
.visual-host{background:radial-gradient(ellipse at 56% 50%,#301548 0,#0b0b13 69%)}.visual-host:before,.visual-care:before{content:"";inset:0;position:absolute;opacity:.25;background:linear-gradient(#b683ff22 1px,transparent 1px),linear-gradient(90deg,#b683ff22 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}.host-topline{position:absolute;left:7%;right:7%;top:13%;display:flex;justify-content:space-between;color:#b9a1cf;font-size:9px;letter-spacing:.14em;font-weight:800}.host-topline span:last-child{color:#c99dfc}.host-orbit{height:58%;aspect-ratio:1;position:absolute;top:17%;left:50%;transform:translateX(-50%)}.host-ring{position:absolute;inset:0;border:1px solid #ae70fa55;border-radius:50%}.ring-a{border:2px dashed #a262eb66;animation:rotate 35s linear infinite}.ring-b{inset:11%;border:2px solid #a461ee55;box-shadow:0 0 29px #9a54df3a,inset 0 0 40px #8f36d626}.ring-c{inset:22%;border-style:dashed;transform:rotate(-30deg)}.host-center{position:absolute;inset:27%;background:radial-gradient(circle at 35% 26%,#62299b,#130d22 77%);box-shadow:inset 0 0 35px #935bd757,0 0 35px #af5afa22;border:1px solid #a86fce99;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.host-center small{color:#c3a8d8;font-size:8px;letter-spacing:.2em}.host-center strong{font-size:clamp(19px,2.0vw,29px);line-height:.94;letter-spacing:-.055em;margin:10px 0}.host-center span{font-size:8px;font-weight:800;color:#cba1fa;letter-spacing:.1em}.orbit-node{position:absolute;font-size:9px;color:#e3c5ff;font-weight:900;background:#381c5e;border:1px solid #cb98ff;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;box-shadow:0 0 25px #8a32cb}.node-a{top:4%;left:48%}.node-b{top:68%;right:1%}.node-c{bottom:4%;left:15%}.host-stats{position:absolute;left:7%;right:7%;bottom:12%;display:flex;justify-content:space-around;gap:12px;border-top:1px solid #84669b44;padding-top:17px}.host-stats div{display:grid;gap:7px}.host-stats span{color:#9184a2;font-size:8px;letter-spacing:.16em}.host-stats b{font-size:11px;color:#e0c9f6}
.visual-care{background:radial-gradient(ellipse at 80% 45%,#3c1b55,#0e0c16 72%)}.care-header{position:absolute;top:14%;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#d6c0e8;letter-spacing:.15em;font-weight:800}.care-header span:last-child{font-size:25px;color:#c493fa}.care-big{position:absolute;top:21%;left:8%;font-size:clamp(38px,4vw,70px);font-weight:900;letter-spacing:-.082em;line-height:1}.care-big em{color:#bd86ff;font-style:normal}.care-terminal{position:absolute;left:8%;right:8%;bottom:11%;height:48%;border:1px solid #a26acc7a;background:#130e1fdd;backdrop-filter:blur(15px);box-shadow:0 22px 30px #0004}.terminal-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a98bc0;font-weight:900;letter-spacing:.16em;background:#261530;border-bottom:1px solid #7e509e7a;padding:12px 15px}.terminal-heading i{display:inline-block;width:5px;height:5px;background:#c89cf9;border-radius:50%;margin-right:8px}.terminal-row{display:flex;align-items:center;gap:15px;margin:0 15px;padding:12px 0;border-bottom:1px solid #69478155;font-size:12px;color:#eee1f9;font-weight:750}.terminal-symbol{font-size:19px;color:#b483ff}.terminal-row b{margin-left:auto;font-size:9px;letter-spacing:.14em;color:#bd92f6}.terminal-foot{display:flex;justify-content:space-between;margin:11px 15px;color:#8d749e;font-size:9px;letter-spacing:.15em}.care-outlined{position:absolute;font-size:240px;top:20%;right:-1%;color:#ac65ef17;font-weight:300;line-height:1}
.services-bottom{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:800;letter-spacing:.2em;color:#9a85aa}.services-bottom span:nth-child(2){color:#e9c9ff}
/* Process pinned horizontal journey */
.process-scroll{height:340svh;background:#09080e}.process-pin{background:linear-gradient(140deg,#0c0b12,#150b21 63%,#08070b)}.process-pin:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-27deg,transparent 0 111px,#b782ff0a 112px,transparent 114px);pointer-events:none}
.process-heading{position:relative;z-index:3;padding-top:calc(var(--head) + 30px);display:flex;align-items:end;justify-content:space-between;gap:30px}.process-heading h2{font-size:clamp(40px,4.5vw,75px);line-height:.96;margin:20px 0 0}.process-annotation{text-align:right;min-width:135px;display:grid;gap:10px;color:#a68db6;font-size:9px;font-weight:800;letter-spacing:.14em}.process-annotation strong{font-size:16px;letter-spacing:.1em;color:#d9afff}
.process-viewport{margin-top:33px;height:55%;width:100%;overflow:hidden;padding-left:max(54px,calc((100vw - 1540px)/2));}.process-track{display:flex;gap:22px;height:100%;width:max-content;will-change:transform;padding-right:54px}
.process-card{width:min(72vw,940px);height:100%;flex:none;border:1px solid #77558c83;background:radial-gradient(ellipse at 75% 50%,#37194b 0%,#191021 48%,#110d18 100%);position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.process-card:nth-child(2){background:radial-gradient(ellipse at 70% 45%,#412055,#180d23 50%,#0f0b17)}.process-card:nth-child(3){background:radial-gradient(ellipse at 80% 15%,#4d2056,#170d1e 50%,#0c0c12)}.process-card:before{content:"";position:absolute;inset:0;background:linear-gradient(144deg,transparent 50%,#a768ff16 50.2%,transparent 50.5%);pointer-events:none}
.process-card-top{position:relative;z-index:2;display:flex;justify-content:space-between;padding:25px 34px;color:#d9c5e7;font-size:10px;font-weight:900;letter-spacing:.14em}.process-card-top span:last-child{color:#9d80b2}.process-card-copy{position:absolute;bottom:35px;left:35px;z-index:3;max-width:480px}.process-card h3{font-size:clamp(40px,4vw,72px);line-height:.92;letter-spacing:-.07em;margin:0 0 18px}.process-card p{font-size:14px;line-height:1.6;color:#c3b5cc;max-width:400px;margin:0}.giant-step{position:absolute;bottom:140px;left:0;color:#ffffff0d;font-size:200px;font-weight:900;letter-spacing:-.09em;z-index:-1}
.process-glyph{position:absolute;right:3%;top:15%;height:72%;width:48%;opacity:.9}.glyph-ring{position:absolute;inset:7%;border:2px solid #c897fc66;border-radius:50%;box-shadow:0 0 60px #7b25b36b,inset 0 0 60px #8f42b355}.glyph-ring:before,.glyph-ring:after{content:"";position:absolute;inset:15%;border:1px solid #bc80e7a1;border-radius:50%}.glyph-ring:after{inset:30%;border:2px dashed #ac62d9}.glyph-core{position:absolute;inset:0;display:grid;place-items:center;font-size:130px;color:#bb84ff;filter:drop-shadow(0 0 35px #bc74fc)}.glyph-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#cfa9ff,transparent);transform:rotate(-37deg)}.glyph-build{display:flex;align-items:center;justify-content:center;transform:perspective(600px) rotateY(-23deg) rotateZ(-20deg)}.build-stripe{height:80%;width:17%;background:linear-gradient(120deg,#d6afff 0%,#522884 14%,#b769ec 24%,#211233 45%,#7d34b1 72%,#d3acfc 90%);margin-left:-5%;clip-path:polygon(33% 0,100% 0,68% 100%,0 100%);box-shadow:0 0 12px #a96bf1}.build-stripe:nth-child(even){transform:translateY(-25px)}.glyph-care{display:grid;place-items:center}.glyph-care>span{font-size:210px;line-height:1;color:#ad67df;text-shadow:0 0 60px #b46efb66}.care-cross{position:absolute;width:100%;height:1px;transform:rotate(44deg);background:linear-gradient(90deg,transparent,#a57ad2,transparent)}.care-circle{position:absolute;inset:4%;border:1px solid #ca94fd66;border-radius:50%;box-shadow:inset 0 0 40px #8539c935}
.process-bottom{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;color:#9585a6;font-size:9px;font-weight:850;letter-spacing:.17em}.process-bar{height:2px;background:#493351;flex:1}.process-bar i{display:block;height:100%;background:#d29dff;width:100%;transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px #c57bff}.process-bottom span:last-child{color:#e9d1f6;white-space:nowrap}
/* Pricing in a full, dense grid */
.pricing-section{min-height:100vh;padding:160px 0 128px;position:relative;background:linear-gradient(157deg,#07070b 0%,#150d1c 60%,#09070e 100%);overflow:hidden}.pricing-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 40% 65% at 58% 58%,#662eab25,transparent 74%),repeating-linear-gradient(140deg,transparent 0 130px,#bd7aff0b 131px,transparent 133px)}.pricing-section>.page-width{position:relative;z-index:2}.pricing-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:54px}.pricing-header h2{font-size:clamp(53px,6vw,100px);line-height:.91;margin:24px 0 0}.pricing-header p{max-width:310px;color:#ab9fb8;font-size:14px;line-height:1.6;margin:0 0 6px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.price-card{position:relative;display:flex;flex-direction:column;padding:26px 28px 27px;min-height:580px;background:linear-gradient(150deg,#1a1223,#100c17 75%);border:1px solid #70558a74;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:transform .27s,border-color .27s,background .27s}.price-card:hover{transform:translateY(-8px);border-color:#c28cf7}.price-card.featured{background:linear-gradient(150deg,#3b1854,#1d112b 58%,#150d1d);border-color:#b07bfa;box-shadow:0 0 65px #9745ee24}.plan-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #81679e55;padding-bottom:17px;font-size:9px;letter-spacing:.14em;font-weight:900;color:#a48fb8}.plan-icon{font-size:20px;color:#bd91f6}.popular{position:absolute;top:82px;right:25px;background:#a972ff;color:#180920;padding:6px 10px;font-size:9px;letter-spacing:.1em;font-weight:900}.plan{font-size:10px;letter-spacing:.2em;color:#c29aff;font-weight:900;margin-top:29px}.price{font-size:clamp(54px,5.1vw,82px);font-weight:900;letter-spacing:-.085em;margin:13px 0 0;white-space:nowrap}.price span{font-size:13px;color:#ac9bb7;letter-spacing:0;font-weight:500;margin-left:7px}.setup{font-size:12px;color:#dbb8fc;font-weight:800;margin:2px 0 22px}.plan-desc{color:#bcb1c9;font-size:13px;line-height:1.6;min-height:36px}.price-card ul{list-style:none;padding:22px 0;margin:10px 0 22px;border-top:1px solid #81649a47;flex:1}.price-card li{position:relative;padding-left:24px;font-size:12px;color:#d2c4df;margin-bottom:17px;line-height:1.3}.price-card li:before{content:"-";position:absolute;left:0;color:#ac78f6;font-weight:900}.price-card .button{font-size:11px;width:100%;min-height:52px;padding:0 15px}.pricing-note{color:#80748a;font-size:11px;line-height:1.6;margin:25px 0 0}
/* Contact cinematic outro */
.contact-section{min-height:95vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:150px 0 110px;background:radial-gradient(ellipse 60% 70% at 85% 45%,#331747,#110c1b 65%,#07070a 100%)}.contact-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(140deg,transparent 0 120px,#c28eff09 121px,transparent 123px)}.contact-beam{position:absolute;right:20%;top:-15%;height:140%;width:1px;background:linear-gradient(transparent,#ae64ff,transparent);transform:rotate(35deg);box-shadow:0 0 55px 10px #a450ef66}.contact-layout{display:grid;grid-template-columns:57% 43%;align-items:center;position:relative;z-index:2;gap:0}.contact-layout h2{font-size:clamp(60px,7.1vw,122px);line-height:.87;margin:28px 0 31px}.contact-layout>div:first-child>p{color:#b8aac5;font-size:15px;line-height:1.6;max-width:480px}.contact-panel{margin-left:12%;background:linear-gradient(130deg,#22152fdd,#100e18ef);border:1px solid #915ac399;box-shadow:0 36px 75px #0009,0 0 80px #8034d62a;padding:25px 27px 28px;position:relative;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,0 100%)}.panel-number{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;font-weight:850;color:#ab91bf;border-bottom:1px solid #84619a66;padding-bottom:18px}.panel-number span{color:#ddbcff;font-size:19px}.contact-asterisk{color:#b38af4;font-size:80px;line-height:1;margin-top:24px;filter:drop-shadow(0 0 27px #a74dff55)}.contact-panel h3{font-size:29px;margin:10px 0 13px}.contact-panel p{color:#b9aec4;font-size:13px;line-height:1.55}.contact-panel .button{margin:16px 0 19px;width:100%}.contact-panel small{display:block;font-size:10px;line-height:1.5;color:#94839d}
footer{border-top:1px solid #5b447055;background:#07070a}.footer-inside{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inside>span,.footer-inside>a:last-child{font-size:10px;letter-spacing:.09em;font-weight:800;color:#a99bb5}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes scrollcue{0%{transform:translateY(0);opacity:1}75%,100%{transform:translateY(7px);opacity:0}}
/* Desktop fluid height. The section adapts to shorter viewport without hiding paragraphs. */
@media (max-height:760px) and (min-width:901px){.hero-layout{padding-bottom:45px}.hero-scroll h1{font-size:clamp(64px,7vw,115px);margin:22px 0}.hero-device{height:53vh}.hero-browser{height:330px}.demo-main{min-height:195px}.demo-top{height:55px}.hero-bottom{bottom:18px}.services-intro h2{font-size:clamp(40px,4vw,65px);margin:15px 0}.services-intro>p{margin-bottom:17px}.stage-control{margin-bottom:13px}.visual-window{height:60vh}.process-heading{padding-top:calc(var(--head) + 12px)}.process-viewport{height:51%;margin-top:18px}}
@media(max-width:1280px){.page-width,.header-inside{width:calc(100% - 80px)}.chapter-rail{display:none}.header-meta{display:none}.nav-links{margin-left:auto}.hero-scroll h1{font-size:clamp(68px,7.5vw,108px)}.hero-browser{height:350px}.demo-main{min-height:212px}.process-viewport{padding-left:40px}.process-card{width:78vw}.services-intro h2{font-size:clamp(40px,4.4vw,66px)}.visual-design-title{font-size:clamp(27px,3.8vw,55px)}}
/* Mobile and tablets: release sticky scenes to prevent trapping/tiny text, show full content sequentially. */
@media(max-width:900px){
  :root{--head:68px}.page-width,.header-inside{width:calc(100% - 42px)}.header-meta{display:none}.brand small{display:none}.brand{font-size:17px}.brand-glyph{font-size:30px}.menu-toggle{display:flex;position:relative;margin-left:auto;border:1px solid #8c6eaa66;background:#1d1526;width:43px;height:41px;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{display:block;height:2px;width:18px;background:#e9d8fa}.nav-links{display:none;position:absolute;left:0;right:0;top:var(--head);background:#100b19;align-items:stretch;flex-direction:column;gap:0;margin:0;padding:14px 22px 22px;border-bottom:1px solid #8158a0}.nav-links.open{display:flex}.nav-links a{padding:15px 2px;border-bottom:1px solid #5b3a6a44}.nav-links .nav-contact{text-align:center;margin-top:10px;padding:14px}
  .scroll-scene{height:auto!important}.scene-pin{position:relative;height:auto;min-height:0;overflow:visible}.hero-pin,.services-pin,.process-pin{overflow:hidden}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-top:120px;padding-bottom:80px}.hero-copy{transform:none;opacity:1}.hero-scroll h1{font-size:clamp(63px,12vw,104px);margin:25px 0 24px}.hero-sub{max-width:640px}.hero-device{height:460px;max-width:650px;margin:0 auto;transform:none}.hero-bottom{position:relative;bottom:auto;left:auto;transform:none;padding-bottom:32px;flex-wrap:wrap}.hero-huge-word{font-size:170px}.services-layout{display:block;padding-top:105px;padding-bottom:58px}.services-intro{padding:0}.services-intro h2{font-size:clamp(52px,7.6vw,80px)}.services-intro>p{margin-bottom:40px}.stage-control{display:none}.copy-window{height:auto;overflow:visible;margin:0}.copy-track{display:grid;width:auto;gap:15px;transform:none!important}.service-copy{width:auto;padding:20px 22px;border-left:2px solid #a16ded;background:#1b102a70;min-height:135px}.service-copy h3{font-size:27px}.visual-window{display:none}.services-bottom{display:none}
  .process-heading{padding-top:100px;display:block}.process-heading h2{font-size:clamp(50px,7vw,80px)}.process-annotation{display:none}.process-viewport{height:auto;padding:0 21px 80px;margin-top:35px;overflow:visible}.process-track{display:grid;width:100%;height:auto;gap:16px;transform:none!important;padding:0}.process-card{width:100%;height:340px}.process-card h3{font-size:44px}.process-glyph{width:42%;height:70%;top:10%}.giant-step{font-size:120px;bottom:100px}.process-bottom{display:none}
  .pricing-section{padding:100px 0}.pricing-header{display:block}.pricing-header h2{font-size:clamp(57px,8vw,90px)}.pricing-header p{margin-top:25px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card{min-height:550px}.price-card.featured{order:-1;grid-column:1 / -1}.contact-section{padding:110px 0}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-layout h2{font-size:clamp(64px,10vw,110px)}.contact-panel{margin:0;max-width:570px}.footer-inside{flex-wrap:wrap;padding:25px 0}
}
@media(max-width:580px){.eyebrow{font-size:8px;gap:9px}.eyebrow-rule{width:18px}.hero-layout{padding-top:101px;padding-bottom:40px}.hero-scroll h1{font-size:clamp(54px,13vw,78px);margin:24px 0}.hero-sub{font-size:14px}.hero-actions{align-items:stretch;gap:20px}.hero-actions .button{width:100%;font-size:11px}.hero-device{height:260px;margin:10px 0 0;transform:scale(1.04)}.hero-browser{height:225px;width:96%;transform:rotateY(-7deg) rotateX(3deg) rotateZ(-1deg)}.browser-chrome{height:22px}.demo-top{height:38px;padding:0 11px}.demo-top strong{font-size:10px}.demo-top>span:nth-child(2){font-size:6px}.demo-main{min-height:144px;padding:13px}.demo-main h2{font-size:19px;margin:10px 0 6px}.demo-main p{font-size:7px;margin-bottom:5px}.demo-badge{font-size:5px}.demo-button{font-size:6px;padding:6px 9px;margin:0}.demo-bottom{height:20px;font-size:6px;padding:0 12px}.float-tag{font-size:7px;padding:9px}.tag-upper{left:0;top:-2%}.tag-lower{bottom:2%;right:-1%}.tag-lower b{font-size:14px;margin-right:4px}.device-top-tag{top:-8%;right:1%;font-size:7px}.hero-bottom{padding-top:12px}.hero-points{gap:12px}.hero-points span{font-size:9px}.hero-huge-word{display:none}.scroll-cue{margin-top:8px}.services-layout{padding-top:95px}.services-intro h2{font-size:clamp(44px,11vw,69px)}.services-intro>p{font-size:13px}.service-copy h3{font-size:26px}.service-copy p{font-size:12px}.process-heading h2{font-size:clamp(43px,10vw,62px)}.process-viewport{padding-bottom:55px}.process-card{height:325px}.process-card-top{padding:18px;font-size:8px}.process-card-copy{bottom:22px;left:20px;max-width:90%}.process-card h3{font-size:38px}.process-card p{max-width:78%;font-size:12px}.process-glyph{right:-6%;top:13%;width:60%;height:62%;opacity:.55}.glyph-core{font-size:95px}.pricing-header h2{font-size:clamp(53px,11vw,70px)}.pricing-grid{grid-template-columns:1fr}.price-card.featured{grid-column:auto}.price-card{min-height:520px}.pricing-header{margin-bottom:30px}.contact-layout h2{font-size:clamp(57px,12vw,85px)}.contact-panel{padding:20px}.footer-inside{gap:15px}.footer-inside>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-pin{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.energy-wash,.hero-device,.hero-copy,.hero-huge-word,.float-tag,.velocity-lines{transform:none!important;opacity:1!important}.process-track,.copy-track,.visual-track{transition:none!important}}
/* SECOND PASS: stage motion actually develops during scroll holds. These animations
   are scroll-scrubbed, not timers, so reversing scroll rewinds each action. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 .visual-design .visual-browser{transform:perspective(900px) rotateY(calc(-10deg + var(--design-local,0)*10deg)) rotateX(calc(5deg - var(--design-local,0)*5deg)) rotateZ(calc(-2deg + var(--design-local,0)*2deg)) translateY(calc(var(--design-local,0)*-22px)) scale(calc(1 + var(--design-local,0)*.07))}
 .visual-design .art-plate.two{transform:scale(.70) rotate(calc(38deg + var(--design-local,0)*55deg)) translateX(calc(var(--design-local,0)*20px))}
 .visual-design .art-plate.three{transform:scale(.48) rotate(calc(70deg - var(--design-local,0)*75deg))}
 .visual-design .float-a{transform:translateY(calc(var(--design-local,0)*-22px))}
 .visual-design .float-b{transform:translateY(calc(var(--design-local,0)*26px))}
 .visual-host .ring-b{transform:rotate(calc(var(--host-local,0)*-65deg)) scale(calc(1 + var(--host-local,0)*.11))}
 .visual-host .ring-c{transform:rotate(calc(-30deg + var(--host-local,0)*120deg))}
 .visual-host .host-center{transform:scale(calc(1 + var(--host-local,0)*.13));box-shadow:inset 0 0 35px #935bd757,0 0 calc(35px + var(--host-local,0)*60px) #af5afa44}
 .visual-care .care-terminal{transform:translateY(calc((1 - var(--care-local,0))*22px))}
 .visual-care .care-big{letter-spacing:calc(-.082em + var(--care-local,0)*.012em)}
 .visual-care .terminal-row.is-checked{background:linear-gradient(90deg,#a65bea2b,transparent 82%)}
 .visual-care .terminal-row.is-checked b{color:#efcfff}
 .process-card:nth-child(2) .glyph-build{transform:perspective(600px) rotateY(calc(-23deg + var(--process-local,0)*8deg)) rotateZ(calc(-20deg + var(--process-local,0)*5deg))}
 .process-card:nth-child(3) .glyph-care{transform:rotate(calc(var(--process-local,0)*15deg))}
}
/* Accessible fallback: visitors requesting less animation see all copy and
   all three process steps without being stuck on empty pinned frames. */
@media(min-width:901px) and (prefers-reduced-motion:reduce){
 .scroll-scene{height:auto!important}.scene-pin{height:auto;min-height:0;position:relative;overflow:visible}
 .hero-layout{min-height:900px}.hero-bottom{position:relative;left:auto;transform:none;padding:0 0 30px}
 .services-layout{display:block;height:auto;padding-top:115px;padding-bottom:70px}
 .services-intro{max-width:1100px}.services-intro h2{font-size:65px}.stage-control{display:none}
 .copy-window{height:auto;overflow:visible}.copy-track{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-copy{width:auto;padding:20px;background:#22162c;border:1px solid #7e54a5}
 .visual-window,.services-bottom{display:none}
 .process-heading{padding-top:120px}.process-viewport{height:auto;overflow:visible;padding:0 54px 65px}.process-track{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.process-card{width:auto;height:420px}.process-card-copy{bottom:25px;left:20px}.process-card h3{font-size:39px}.process-card p{font-size:12px}.process-bottom{display:none}
}



/* STABLE BACKDROP / PERFORMANCE EDITION
 * Avoid nested isolated fixed layers, animated filters, massive masks,
 * contain:paint, and will-change on every element. Opacity and translation
 * only, limited to a handful of smaller SVG layers. */
body{background:#090914;overflow-x:hidden}
.night-drive-region{position:relative;z-index:1;background:transparent}
.night-backdrop{
  position:fixed;inset:0;height:100vh;width:100%;z-index:0;
  overflow:hidden;pointer-events:none;background:#0a0813;
}
.night-backdrop::before{content:"";position:absolute;inset:0;z-index:3;
  pointer-events:none;background:radial-gradient(ellipse at 50% 38%,transparent 30%,rgba(3,5,16,.34) 100%)}
.night-depth-wash{position:absolute;inset:0;z-index:0;pointer-events:none;
  opacity:var(--blue-amount,0);
  background:radial-gradient(ellipse 120% 99% at 66% 90%,#124071 0%,#10294a 39%,#080d22 78%,#07091a 100%)}
.night-atmosphere{position:absolute;inset:-8%;z-index:0;pointer-events:none;
  opacity:.6;
  background:radial-gradient(ellipse 55% 65% at 76% 49%,rgba(109,52,201,.34),transparent 73%),
   radial-gradient(ellipse 52% 45% at 21% 76%,rgba(53,42,134,.21),transparent 78%)}
.night-starfield,.night-skyline,.night-ribbon,.night-depth-particles{
  position:absolute;pointer-events:none;background-repeat:no-repeat;
  background-position:center;background-size:100% 100%;opacity:0;
}
.night-starfield{inset:-12% -12%;}
.night-starfield-far{background-image:none;z-index:1}
.night-starfield-near{background-image:none;z-index:2}
.night-skyline{left:-11%;width:122%;height:72%;bottom:-12%;z-index:1;
  background-image:url('assets/night-skyline.svg');
  /* Fade by opacity through the scene, not with a moving screen-wide mask. */}
.night-ribbon{left:-15%;width:130%;height:105%;bottom:-24%;z-index:2}
.night-ribbon-far{background-image:url('assets/night-wave-far.svg');bottom:-16%}
.night-ribbon-front{background-image:url('assets/night-wave-front.svg');bottom:-31%}
.night-depth-particles{inset:-12% -10%;z-index:2;
  background-image:url('assets/depth-particles.svg')}
.night-road-readout{position:absolute;bottom:25px;left:4%;right:4%;z-index:3;
 display:flex;justify-content:space-between;color:#baa0e07d;font-size:9px;
 font-weight:800;letter-spacing:.2em;opacity:.35}
.night-road-readout i{font-style:normal;color:#a876f5;padding:0 10px}
.night-drive-region>.scroll-scene,
.night-drive-region>.pricing-section,.night-drive-region>.contact-section,
.night-drive-region>.scroll-scene>.scene-pin{background:transparent!important}
/* Keep important text ABOVE background and avoid unnecessary sticky compositing. */
.scene-pin{isolation:auto}
.hero-energy{z-index:0;opacity:.22}
.hero-layout,.hero-bottom{position:relative;z-index:2}
.hero-huge-word{z-index:0}
.process-pin::before,.services-backlight,.pricing-glow,.contact-section::before{display:none!important}
.pricing-section,.contact-section{background:transparent!important}
.night-drive-region .price-card{background:#16101ff2;backdrop-filter:none}
.night-drive-region .price-card.featured{background:#2a173af5}
.night-drive-region .contact-panel{background:#20132ded;backdrop-filter:none}
/* Costly dynamic blur / shadows on moving, full-screen elements removed. */
.energy-wash{filter:none;opacity:.24}
.device-halo{filter:none}
.night-atmosphere{filter:none}
.night-backdrop .night-starfield,.night-backdrop .night-skyline,
.night-backdrop .night-ribbon,.night-backdrop .night-depth-particles{will-change:auto}
/* Original fixed-height pinned story retains its choreography. */
@media(min-width:901px){
  .scene-pin{min-height:0}
  .hero-scroll h1{font-size:clamp(68px,6.5vw,122px);letter-spacing:-.077em}
  .services-intro h2{font-size:clamp(43px,3.55vw,68px);letter-spacing:-.06em}
  .services-intro h2 em{display:block;white-space:normal}
  .process-viewport{overflow:hidden}
}
@media(max-width:900px){
  .scene-pin{position:relative;overflow:visible}
  .hero-pin,.services-pin,.process-pin{overflow:hidden}
  .night-road-readout{font-size:7px;letter-spacing:.1em;bottom:14px}
}
@media(max-width:580px){
  .night-skyline{width:160%;left:-30%}
  .night-ribbon{left:-42%;width:185%}
  .night-road-readout span:first-child{display:none}
  .night-road-readout{justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){
  .night-starfield,.night-skyline,.night-ribbon,.night-depth-particles{transform:none!important}
}
/* A permanent full-screen SVG noise filter and backdrop blurs can trigger
   excessive repainting on some Windows graphics drivers. */
.grain{display:none!important}
.site-header{backdrop-filter:none!important;background:rgba(8,7,15,.97)}
.float-tag{backdrop-filter:none}