:root{font-family:Arial,Helvetica,sans-serif;color:#101411;background:#dedfdf;font-synthesis:none;--accent:#3ad28c}*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:40px 28px;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 82%,#ccebd9 0,transparent 39%),#dedfdf}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #178758;outline-offset:5px}.console{width:min(1200px,100%);background:#f6f7f6;border:1px solid #ffffffb8;border-radius:40px;position:relative;box-shadow:0 28px 60px #2b403114;overflow:visible}.toolbar{display:flex;align-items:center;gap:13px;min-height:98px;padding:12px 34px;border-bottom:1px solid #e7eae7}.icon-button{display:grid;place-items:center;background:transparent;border:0;width:40px;height:40px;flex-shrink:0;color:#515751}.icon-button svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}.tabs{display:flex;gap:10px}.tabs button{background:#fff9;color:#727973;font-size:10px;min-width:142px;padding:15px 23px;border:0;border-radius:30px;min-height:44px;transition:background .3s}.tabs button[aria-pressed=true]{background:var(--accent);color:#185e3b}.plus{font-size:25px;background:#ffffff8c;border-radius:50%;width:37px;height:37px}.company{margin-left:auto;display:block}.company img{display:block;width:102px;height:68px;object-fit:contain}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:34px 39px 39px;min-height:593px;position:relative;overflow:hidden;border-radius:0 0 40px 40px}.copy{z-index:2;position:relative;padding:8px 0 0 20px;display:flex;flex-direction:column;align-items:flex-start}.overline{font-size:9px;color:#737b75;margin:0 0 24px;letter-spacing:.02em}.device-switch{background:#fff8;border-radius:14px;display:flex;align-items:center;gap:15px;padding:10px 13px;height:46px;margin-bottom:36px}.device-switch svg{width:27px;height:27px;fill:none;stroke:#202d24;stroke-width:1.7}.device-switch select{font-size:11px;color:#495b4e;background:transparent;border:0;max-width:125px;min-height:28px}.small-divider{height:20px;width:1px;background:#dce4de}.device-switch .tool-symbol{width:22px;height:22px;stroke:#747c53}h1{font-size:clamp(42px,4.9vw,65px);line-height:1.03;font-weight:400;letter-spacing:-.065em;margin:0 0 19px;max-width:550px}.description{color:#79827b;font-size:11px;line-height:1.5;margin:0 0 23px;min-height:17px}.hatch-bar{width:94%;height:36px;padding:8px 0;border-block:1px solid #e5e9e5}.hatch-bar span{display:block;height:100%;background:repeating-linear-gradient(125deg,transparent 0 9px,#303b32 10px 13px,transparent 14px 23px);mask-image:linear-gradient(90deg,#000,transparent)}.metrics{display:grid;grid-template-columns:1fr 1.22fr 1fr;gap:10px;width:100%;margin-top:29px;align-items:stretch}.metric{padding:25px 4px 16px;min-width:0;display:block}.metric p{font-size:8px;color:#777f79;margin:0 0 12px;white-space:nowrap}.metric strong{font-weight:400;font-size:29px;line-height:1.1;letter-spacing:-.04em;white-space:nowrap}.metric.selected{padding-inline:22px;border-radius:24px;background:#fff;box-shadow:0 12px 30px #65746805}.vertical-scale{height:21px;margin-top:29px;background:repeating-linear-gradient(90deg,#849087 0 1px,transparent 2px 13px);mask-image:linear-gradient(90deg,#000,transparent)}.striped-scale{height:20px;margin-top:29px;background:repeating-linear-gradient(48deg,transparent 0 3px,#b9c4bb 3px 4px,transparent 4px 6px);position:relative}.striped-scale span{position:absolute;left:55%;width:1px;height:25px;top:-3px;background:#56685b}.fade{mask-image:linear-gradient(90deg,#000,transparent)}.visual{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:0;perspective:900px}.device-art{position:absolute;width:111%;max-width:none;right:-19px;top:-23px;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 69% 67% at 50% 45%,#000 58%,transparent 86%);transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .4s;pointer-events:none}.actions{display:flex;justify-content:flex-end;gap:12px;z-index:2;position:relative;margin-top:460px}.primary{background:#242e28;color:#f4f8f5;font-size:12px;display:flex;align-items:center;justify-content:center;min-width:193px;min-height:51px;border-radius:30px;padding:15px 26px}.primary:hover{background:#3b5242}.more{background:#fff;border-radius:19px;width:51px;height:51px;letter-spacing:2px;font-size:13px}#navigation,#contact{position:absolute;background:#fffffff5;backdrop-filter:blur(18px);z-index:10;border:1px solid white;border-radius:20px;box-shadow:0 15px 40px #2b403126;padding:10px;min-width:205px}#navigation{top:86px;left:32px}#contact{right:0;bottom:64px}#navigation a,#contact a{display:block;padding:12px 14px;font-size:12px;border-radius:11px}#navigation a:hover,#contact a:hover{background:#eaf4ed}#contact p{font-size:10px;line-height:1.8;margin:10px 14px;color:#6d7b71}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.console[data-mode=recovery]{--accent:#aaa6e4}.console[data-mode=upgrade]{--accent:#8bdbaf}.console[data-mode=recovery] .selected{background:#f2f0ff}.console[data-mode=upgrade] .selected{background:#e9f8ed}@media(min-width:1450px){body{padding-block:65px}.workspace{min-height:640px;padding-top:42px;padding-bottom:42px}h1{font-size:72px}.device-art{top:-25px}.actions{margin-top:487px}.metrics{margin-top:36px}}@media(max-width:1000px){body{padding:25px 18px}.toolbar{padding-inline:22px;gap:9px}.tabs{gap:7px}.tabs button{min-width:105px;padding:13px 16px}.workspace{padding:30px 29px;min-height:540px}.copy{padding-left:7px}.device-switch{margin-bottom:28px}h1{font-size:51px}.device-art{width:119%;top:19px;right:-22px}.actions{margin-top:422px}.metric strong{font-size:24px}.metric.selected{padding-inline:15px}.primary{min-width:167px;font-size:11px}}@media(max-width:700px){body{padding:16px 10px;display:block}.console{border-radius:27px}.toolbar{padding:10px 17px;min-height:110px;flex-wrap:wrap;gap:8px}.menu-toggle{width:30px}.company{order:1;margin-left:auto}.company img{width:86px;height:57px}.plus{order:2;width:32px;height:32px}.tabs{order:3;width:100%;gap:6px;padding-bottom:5px}.tabs button{min-width:0;flex:1;font-size:9px;padding:11px 7px;min-height:38px}.workspace{display:flex;flex-direction:column;padding:26px 22px 25px;border-radius:0 0 27px 27px;min-height:0}.copy{padding:0}.overline{font-size:8px;margin-bottom:17px}.device-switch{height:40px;padding:6px 11px;margin-bottom:27px;gap:12px}.device-switch svg{width:24px;height:24px}h1{font-size:clamp(40px,10vw,65px);margin-bottom:16px}.description{font-size:10px;margin-bottom:20px}.hatch-bar{width:100%;height:31px;padding-block:7px}.metrics{margin-top:18px;gap:8px}.metric{padding:18px 3px 15px}.metric p{font-size:7px;margin-bottom:11px}.metric strong{font-size:24px}.metric.selected{padding-inline:14px;border-radius:21px}.vertical-scale,.striped-scale{height:17px;margin-top:22px}.striped-scale span{height:22px}.visual{margin-top:10px;min-height:340px}.device-art{width:106%;height:310px;top:0;right:-3%;object-fit:contain}.actions{margin-top:290px;gap:10px}.primary{min-width:190px;min-height:48px}.more{height:48px;width:48px;border-radius:17px}#navigation{top:78px;left:17px}.icon-button:focus-visible,.tabs button:focus-visible{outline-offset:2px}}@media(max-width:350px){.workspace{padding-inline:17px}h1{font-size:39px}.metric strong{font-size:20px}.metric.selected{padding-inline:10px}.metric p{font-size:6.5px}.primary{min-width:174px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.device-art{transform:none!important}}
/* Spatial motion: independent scene, interface and lighting layers. */
.console{--light:#cdf2db;--scene-color:#58d695;transition:background 1s,box-shadow 1s;perspective:1400px;isolation:isolate}.console[data-mode=recovery]{--light:#ded6ff;--scene-color:#ad9bea;background:#f4f3f8;box-shadow:0 35px 90px #7762912b}.console[data-mode=upgrade]{--light:#d3e9fd;--scene-color:#8fbfe9;background:#f2f6f9;box-shadow:0 35px 90px #40779924}.workspace{perspective:1000px;isolation:isolate}.visual{transform-style:preserve-3d;min-height:510px}.spatial-backdrop{position:absolute;inset:10px -2px 95px 28px;display:grid;grid-template-columns:1fr 1fr;gap:17px;transform:rotate(-6deg);opacity:0;transition:opacity 1s,transform 1.5s;z-index:-1;pointer-events:none}.spatial-backdrop i{background:var(--scene-color);border-radius:38px 65px 38px 65px;clip-path:polygon(0 0,62% 0,100% 37%,100% 100%,37% 100%,0 62%);opacity:.43;transition:background 1.1s}.console[data-mode=recovery] .spatial-backdrop{transform:rotate(7deg) scale(.92)}.console[data-mode=upgrade] .spatial-backdrop{transform:rotate(-13deg) scale(1.02)}#spatial-canvas{position:absolute;inset:-50px -52px 28px -46px;width:calc(100% + 98px);height:calc(100% + 22px);display:block;opacity:0;transition:opacity 1s;cursor:grab;touch-action:pan-y;z-index:1}#spatial-canvas:active{cursor:grabbing}.scene-ready #spatial-canvas{opacity:1}.scene-ready .device-art{visibility:hidden}.scene-ready .spatial-backdrop{opacity:1}.scene-note{position:absolute;top:6px;left:32px;font-size:9px;letter-spacing:.01em;color:#52695b;display:flex;align-items:center;gap:7px;z-index:3;pointer-events:none;opacity:0;transition:opacity 1s}.scene-note>span:first-child{height:5px;width:5px;background:#3b9b66;border-radius:50%}.scene-ready .scene-note{opacity:1}.scene-controls{position:absolute;left:22px;bottom:66px;display:flex;gap:5px;z-index:5;flex-wrap:wrap}.scene-controls button{border:1px solid #fff9;background:#ffffff9c;backdrop-filter:blur(12px);border-radius:20px;min-height:31px;min-width:32px;padding:7px 10px;font-size:8px;color:#536559;box-shadow:0 6px 12px #34483909}.scene-controls #turn-device{font-size:17px;padding:3px 8px}.scene-controls button:hover{background:white}.scene-controls button[aria-pressed=true]#tour-toggle{background:#263d2e;color:white}.metrics{perspective:800px}.metric{transition:transform .65s cubic-bezier(.2,.75,.2,1),background 1s,box-shadow .65s;transform-origin:50% 100%}.metric.selected{transform:translateZ(22px) rotateY(-4deg);box-shadow:12px 20px 35px #304a3610}.console[data-mode=recovery] .metric.selected{transform:translate3d(0,-7px,36px) rotateY(5deg);box-shadow:-12px 24px 40px #68508417}.console[data-mode=upgrade] .metric.selected{transform:translate3d(0,-3px,28px) rotateY(-6deg)}.primary{box-shadow:0 8px 20px #273e3021;transition:transform .3s,background .3s}.primary:hover{transform:translateY(-3px)}.console.intro .toolbar{animation:toolbar-in .9s both}.console.intro .device-switch{animation:panel-in 1.2s .12s both}.console.intro h1{animation:title-in 1.1s .2s both}.console.intro .description{animation:title-in 1.1s .3s both}.console.intro .hatch-bar{animation:track-in 1.3s .35s both}.console.intro .metric:nth-child(1){animation:panel-in 1.2s .42s both}.console.intro .metric:nth-child(2){animation:panel-in 1.2s .53s both}.console.intro .metric:nth-child(3){animation:panel-in 1.2s .64s both}.console.intro .actions{animation:panel-in 1.15s .65s both}.copy.switching h1{animation:mode-in .75s both}.copy.switching .description{animation:mode-in .75s .07s both}@keyframes toolbar-in{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}@keyframes title-in{from{opacity:0;transform:translate3d(0,18px,-45px)}to{opacity:1;transform:none}}@keyframes panel-in{from{opacity:0;transform:translate3d(0,35px,-130px) rotateX(18deg) rotateY(-10deg)}to{opacity:1;transform:translateZ(0)}}@keyframes track-in{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes mode-in{from{opacity:0;transform:translate3d(0,10px,-25px);filter:none}to{opacity:1;transform:none;filter:none}}@media(max-width:1000px){#spatial-canvas{inset:-22px -39px 36px -35px;width:calc(100% + 74px);height:calc(100% - 14px)}.visual{min-height:460px}.scene-controls{left:0;bottom:65px}.scene-note{left:12px}}@media(max-width:700px){.visual{min-height:375px}.spatial-backdrop{inset:14px 4px 75px 4px;gap:12px}.spatial-backdrop i{border-radius:25px}#spatial-canvas{inset:-22px -25px 55px -25px;width:calc(100% + 50px);height:calc(100% - 33px)}.scene-note{top:7px;left:3px;font-size:8px}.scene-controls{left:0;bottom:61px;gap:4px}.scene-controls button{min-height:33px;padding-inline:10px;font-size:8px}.actions{margin-top:328px}.copy.switching h1{animation-duration:.55s}}@media(prefers-reduced-motion:reduce){.console *{animation:none!important;transition:none!important}.metric.selected{transform:none}}

/* Shared spatial page transitions across every service route. */
#navigation button{display:block;border:0;background:transparent;text-align:left;padding:13px 18px;border-radius:12px;font:inherit;cursor:pointer;width:100%;color:#28312d}#navigation button:hover,#navigation button[aria-pressed=true]{background:#d4efe1}
.console[data-mode=onsite]{--scene-color:#e1c791;--light:#f1e6ca}.console[data-mode=software]{--scene-color:#8bc7d6;--light:#d7edf3}.console[data-mode=contact]{--scene-color:#dbad95;--light:#f2e1d6}
.page-enter .copy>*{animation:page-space-in .95s cubic-bezier(.2,.75,.2,1) both}.page-enter .copy>:nth-child(2){animation-delay:60ms}.page-enter .copy>:nth-child(3){animation-delay:120ms}.page-enter .copy>:nth-child(4){animation-delay:180ms}.page-enter .copy>:nth-child(5){animation-delay:240ms}.page-enter .copy>:nth-child(6){animation-delay:300ms}.page-enter .actions{animation:page-space-in 1.1s .15s both}
#navigation:not([hidden]),#contact:not([hidden]){transform-origin:top left;animation:panel-open .5s cubic-bezier(.2,.75,.2,1) both}
@keyframes page-space-in{from{opacity:0;transform:perspective(1000px) translate3d(0,35px,-110px) rotateX(9deg);filter:none}to{opacity:1;transform:perspective(1000px) translate3d(0,0,0);filter:none}}
@keyframes panel-open{from{opacity:0;transform:perspective(800px) rotateX(-18deg) translateY(-14px) scale(.94)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.page-enter .copy>*,.page-enter .actions,#navigation:not([hidden]),#contact:not([hidden]){animation:none}}
/* Continuous diagonal conveyor; one exact tile per cycle avoids a loop seam. */
.hatch-bar span{background:repeating-linear-gradient(125deg,transparent 0 12px,#303b32 13px 17px,transparent 18px 26px);background-size:31.74px 100%;animation:hatch-flow 1.15s linear infinite;will-change:background-position}
@keyframes hatch-flow{from{background-position:0 0}to{background-position:31.74px 0}}
.console.motion-paused .hatch-bar span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hatch-bar span{animation:none}}

.service-dock{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:20px 32px 26px;border-top:1px solid #dce3dd}.service-dock button{border:1px solid #dce5df;border-radius:24px;padding:13px 22px;background:#ffffffb8;color:#435249;font-size:13px;transition:transform .3s,background .3s,box-shadow .3s}.service-dock button:hover{transform:translateY(-4px);box-shadow:0 9px 20px #20372b14}.service-dock button[aria-pressed=true]{background:#263e32;color:white;border-color:#263e32}.service-dock button:active{transform:translateY(0)}@media(max-width:700px){.service-dock{padding:16px;gap:8px}.service-dock button{flex:1 1 42%;padding:12px 10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.service-dock button{transition:none}}

#service-name{font-size:clamp(18px,2.1vw,28px)}.console[data-mode=desktop],.console[data-mode=parts]{--scene-color:#8dc4dd;--light:#d4eaf4}
.service-dock{gap:14px;padding:16px 26px 22px}.service-dock button{width:82px;height:82px;min-width:82px;flex:0 0 82px;border-radius:50%;padding:12px 8px;font-size:11px;line-height:1.35;text-align:center;white-space:normal;display:grid;place-content:center;box-shadow:0 5px 15px #20372b08}.service-dock button:hover{transform:translateY(-3px)}@media(max-width:700px){.service-dock{gap:10px;padding:15px 20px}.service-dock button{width:72px;height:72px;min-width:72px;flex:0 0 72px;font-size:10px;padding:10px 7px}}

.service-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 39px 28px}.service-footer .service-dock{border:0;padding:0;gap:10px;justify-content:flex-start;flex-wrap:nowrap}.service-footer .service-dock button{width:66px;height:66px;min-width:66px;flex:0 0 66px;padding:7px;border-radius:50%;gap:3px;font-size:8px;line-height:1.1;justify-items:center}.service-dock svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.service-dock span{max-width:56px}.service-footer .actions{margin:0;flex-shrink:0}.workspace{padding-bottom:10px}.scene-controls{bottom:12px}.visual{min-height:450px}@media(max-width:1000px){.service-footer{padding:12px 24px 24px;gap:12px;flex-wrap:wrap}.service-footer .service-dock{flex-wrap:wrap}.service-footer .actions{margin-left:auto}}@media(max-width:700px){.service-footer{padding:12px 18px 20px;justify-content:center}.service-footer .service-dock{justify-content:center;gap:7px;flex-wrap:wrap}.service-footer .service-dock button{width:57px;height:57px;min-width:57px;flex-basis:57px;font-size:7px}.service-footer .actions{margin:4px 0 0;flex:1;justify-content:center}.visual{min-height:345px}.scene-controls{bottom:8px}}

.copy>.company{align-self:center;margin:0 0 22px;display:block}.copy>.company img{width:146px;height:97px;object-fit:contain}.workspace{border-radius:40px;padding-top:30px}.copy>.overline{align-self:center;margin-bottom:22px}@media(max-width:700px){.copy>.company{margin-bottom:16px}.copy>.company img{width:125px;height:83px}.workspace{padding-top:24px}}

.headline-row{display:flex;align-items:center;gap:18px;width:100%;margin-bottom:20px}.headline-row h1{flex:1;min-width:0;margin-bottom:0;font-size:clamp(36px,4.1vw,57px)}.headline-row .company{margin:0;flex:0 0 94px}.headline-row .company img{width:94px;height:72px;object-fit:contain}.copy>.overline{align-self:flex-start}@media(max-width:700px){.headline-row{gap:10px}.headline-row h1{font-size:clamp(29px,7.5vw,48px)}.headline-row .company{flex-basis:76px}.headline-row .company img{width:76px;height:58px}}
.headline-row .company{flex-basis:132px}.headline-row .company img{width:132px;height:100px}@media(max-width:700px){.headline-row .company{flex-basis:100px}.headline-row .company img{width:100px;height:76px}}
.scene-controls{display:none!important}

.map-link{display:none}.console[data-mode=contact] .map-link{display:block;position:absolute;inset:0;z-index:8;border-radius:24px;cursor:pointer}.map-link span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:9px 15px;border-radius:20px;background:#fffdf5e8;color:#294437;font-size:12px;box-shadow:0 4px 16px #243a2b12}.map-link:hover span{background:#294437;color:white}
/* Continuous motion for the three information readouts. */
.vertical-scale{animation:readout-ticks 1.8s linear infinite}
.striped-scale{background-size:8.074px 100%;animation:readout-stripes 1.6s linear infinite}
.striped-scale.fade{animation-duration:2.5s}
.striped-scale span{animation:readout-scan 3.8s ease-in-out infinite alternate}
.metric.selected{animation:readout-float 4.6s ease-in-out infinite}
@keyframes readout-ticks{from{background-position:0 0}to{background-position:13px 0}}
@keyframes readout-stripes{from{background-position:0 0}to{background-position:8.074px 0}}
@keyframes readout-scan{from{left:12%}to{left:88%}}
@keyframes readout-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(prefers-reduced-motion:reduce){.vertical-scale,.striped-scale,.striped-scale span,.metric.selected{animation:none}}
/* Frosted glass surfaces with soft light transmitted from the scene. */
body{background:radial-gradient(ellipse at 12% 18%,#e7f3ec 0,transparent 46%),radial-gradient(ellipse at 88% 78%,#addcc9 0,transparent 48%),linear-gradient(125deg,#dce3e2,#d0dcdf)}
.console{background:linear-gradient(135deg,#ffffffb8,#f5faf780);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);border:1px solid #ffffffe6;box-shadow:inset 0 1px 1px #fff,0 24px 70px #24463820}
.console[data-mode]{background:linear-gradient(130deg,#ffffffc4,#ffffff66 58%,var(--light))}
.metric.selected{background:linear-gradient(140deg,#ffffffa8,#ffffff45);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border:1px solid #ffffffd9;box-shadow:inset 0 1px 0 #fff,0 14px 32px #304c3612}
.service-footer .service-dock button{background:linear-gradient(135deg,#ffffffad,#ffffff45);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid #ffffffdb;box-shadow:inset 0 1px 0 #fff,0 6px 18px #304c3612}
.service-footer .service-dock button:hover{background:#ffffffca;box-shadow:inset 0 1px 0 #fff,0 10px 24px #304c3620}
.service-footer .service-dock button[aria-pressed=true]{background:linear-gradient(135deg,#315a48e8,#1d362ee8);color:#fff;border-color:#ffffff80;box-shadow:inset 0 1px 0 #ffffff60,0 8px 20px #25433624}
.primary{background:linear-gradient(130deg,#294c3fe8,#182e26ed);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #ffffff65;box-shadow:inset 0 1px 0 #ffffff30,0 10px 24px #20372b24}
.map-link span{background:#ffffffa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffffdb}
/* Clearer glass: lower tint opacity and lighter frosting. */
.console,.console[data-mode]{background:linear-gradient(135deg,#ffffff50,#ffffff12 65%,#e5fff21c);backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);border-color:#ffffffa6}
.metric.selected{background:linear-gradient(140deg,#ffffff52,#ffffff12);backdrop-filter:blur(9px) saturate(130%);-webkit-backdrop-filter:blur(9px) saturate(130%);border-color:#ffffffb8}
.service-footer .service-dock button{background:linear-gradient(135deg,#ffffff4d,#ffffff0d);backdrop-filter:blur(8px) saturate(135%);-webkit-backdrop-filter:blur(8px) saturate(135%);border-color:#ffffffad}
.service-footer .service-dock button:hover{background:#ffffff70}.service-footer .service-dock button[aria-pressed=true]{background:linear-gradient(135deg,#315a48bd,#1d362ebd)}
.map-link span{background:#ffffff50;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.headline-row{align-items:flex-start}.headline-row .company{align-self:flex-start}.headline-row .company img{object-position:center top}
.headline-row .company{flex-basis:160px}.headline-row .company img{width:160px;height:121px}@media(max-width:700px){.headline-row .company{flex-basis:118px}.headline-row .company img{width:118px;height:89px}}

.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;width:100%;margin-bottom:20px}.brand-row .overline{margin:0;padding-top:0}.brand-row .company{margin:0;flex:0 0 160px;align-self:flex-start}.brand-row .company img{width:160px;height:auto;object-position:top center}.headline-row h1{font-size:clamp(36px,4.5vw,62px)}@media(max-width:700px){.brand-row{gap:10px;margin-bottom:18px}.brand-row .company{flex-basis:118px}.brand-row .company img{width:118px;height:auto}.headline-row h1{font-size:clamp(34px,8.5vw,48px)}}
/* Keep the brand mark alongside the copy without reserving its full height. */
.brand-row{position:relative;min-height:14px;margin-bottom:24px;padding-right:178px;display:block}.brand-row .company{position:absolute;right:0;top:0;width:160px}.headline-row{padding-right:170px;min-height:82px}.headline-row h1{font-size:clamp(32px,3.6vw,50px)}
@media(max-width:700px){.brand-row{padding-right:128px;margin-bottom:20px}.brand-row .company{width:118px}.headline-row{padding-right:124px;min-height:62px}.headline-row h1{font-size:clamp(27px,6.5vw,43px)}}


/* Frost only the background layer; keep WebGL and text out of the blur compositor. */
.console,.console[data-mode]{backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.console::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}
#spatial-canvas{filter:none;transform:none}.visual{transform-style:flat}
/* Moving light behind the glass, separate from the sharp content layers. */
body{position:relative;isolation:isolate;background:#c5d9d4;overflow-x:hidden}
body::before,body::after{content:"";position:fixed;z-index:-2;pointer-events:none;border-radius:42%;will-change:transform}
body::before{width:65vw;height:85vh;left:-16vw;top:-20vh;background:radial-gradient(ellipse at 55% 50%,#3fae8b 0%,#77cfad 35%,transparent 70%);animation:glass-light-left 19s ease-in-out infinite alternate}
body::after{width:76vw;height:90vh;right:-22vw;bottom:-28vh;background:radial-gradient(ellipse at 40% 45%,#6397bb 0%,#9bbdcb 35%,transparent 70%);animation:glass-light-right 23s ease-in-out infinite alternate}
.console,.console[data-mode]{background:linear-gradient(120deg,#ffffff59,#ffffff12 45%,#ffffff30);border:1px solid #ffffffd9;box-shadow:inset 1px 1px 0 #ffffffed,inset -1px -1px 0 #ffffff66,0 25px 65px #203d3933}
.console::before{background:linear-gradient(115deg,transparent 28%,#ffffff60 28.4%,#ffffff08 29.4%,transparent 48%,#ffffff30 49%,transparent 50%);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.metric.selected{background:linear-gradient(130deg,#ffffff80,#ffffff18 45%,#addec741);border:1px solid #fffffff0;box-shadow:inset 2px 2px 0 #ffffffba,inset -1px -1px 0 #8eafa845,0 15px 30px #24483d24}
.service-footer .service-dock button{background:linear-gradient(135deg,#ffffffa0,#ffffff15 55%,#bbdfd138);border:1px solid #ffffffed;box-shadow:inset 1px 2px 0 #ffffffd0,inset -1px -2px 0 #ffffff40,0 7px 18px #23453623}
.service-footer .service-dock button[aria-pressed=true]{background:linear-gradient(135deg,#416955da,#1d3b30de);border-color:#ffffffbe}
.description,.overline,.metric p{color:#465d52}
@keyframes glass-light-left{from{transform:translate3d(0,0,0) rotate(-12deg)}to{transform:translate3d(22vw,20vh,0) rotate(18deg)}}
@keyframes glass-light-right{from{transform:translate3d(0,0,0) rotate(8deg)}to{transform:translate3d(-20vw,-22vh,0) rotate(-15deg)}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none}}
/* Borderless glass, defined by translucency and soft depth. */
.console,.console[data-mode]{border-color:transparent;box-shadow:0 25px 65px #203d3926}
.metric.selected{border-color:transparent;box-shadow:0 15px 30px #24483d18}
.service-footer .service-dock button,.service-footer .service-dock button:hover,.service-footer .service-dock button[aria-pressed=true]{border-color:transparent;box-shadow:0 7px 18px #2345361c}
.primary{border-color:transparent;box-shadow:0 10px 24px #20372b24}
.map-link span{border-color:transparent}
.hatch-bar{border-color:#47665718}

/* A distinct lighting palette for every service. */
body{--page-base:#c5d9d4;--beam-one:#3fae8b;--beam-soft:#77cfad;--beam-two:#6397bb;--beam-haze:#9bbdcb;--glass-tint:#addec741;background:var(--page-base);transition:background-color .85s ease}
body:has(.console[data-mode=repair]){--page-base:#c5d9d4;--beam-one:#3fae8b;--beam-soft:#77cfad;--beam-two:#7bb9a9;--beam-haze:#b0d8c8;--glass-tint:#addec741}
body:has(.console[data-mode=desktop]){--page-base:#c6d4e7;--beam-one:#668ece;--beam-soft:#94b5e5;--beam-two:#5478ad;--beam-haze:#a8bfde;--glass-tint:#a3c4ee41}
body:has(.console[data-mode=recovery]){--page-base:#d8d0e6;--beam-one:#9a72ca;--beam-soft:#c1a5e1;--beam-two:#8c85c4;--beam-haze:#c2b7df;--glass-tint:#cab0eb41}
body:has(.console[data-mode=upgrade]){--page-base:#c8dee3;--beam-one:#38a8bb;--beam-soft:#83cfda;--beam-two:#528faf;--beam-haze:#acd6df;--glass-tint:#9bdeea41}
body:has(.console[data-mode=parts]){--page-base:#e4d7c2;--beam-one:#d2a24f;--beam-soft:#e7c886;--beam-two:#bb8f63;--beam-haze:#decaab;--glass-tint:#efd29a41}
body:has(.console[data-mode=software]){--page-base:#e0cedc;--beam-one:#bb7da9;--beam-soft:#dfb0cd;--beam-two:#9c82bb;--beam-haze:#cdb5db;--glass-tint:#e0b6d541}
body:has(.console[data-mode=contact]){--page-base:#e5d2c7;--beam-one:#d48d70;--beam-soft:#efb69a;--beam-two:#c39a7d;--beam-haze:#e2c8ae;--glass-tint:#f0c4a541}
body::before{background:radial-gradient(ellipse at 55% 50%,var(--beam-one) 0%,var(--beam-soft) 35%,transparent 70%)}body::after{background:radial-gradient(ellipse at 40% 45%,var(--beam-two) 0%,var(--beam-haze) 35%,transparent 70%)}
.metric.selected{background:linear-gradient(130deg,#ffffff80,#ffffff18 45%,var(--glass-tint))}.service-footer .service-dock button{background:linear-gradient(135deg,#ffffffa0,#ffffff15 55%,var(--glass-tint))}
/* Keep the animated readouts legible over every glass palette. */
.vertical-scale{background:repeating-linear-gradient(90deg,#38534dcc 0 2px,transparent 2px 13px);mask-image:linear-gradient(90deg,#000 0%,#000 65%,#0005 100%);animation:readout-ticks 1.2s linear infinite}
.striped-scale{background:repeating-linear-gradient(48deg,transparent 0 3px,#38534da6 3px 5px,transparent 5px 8px);background-size:10.765px 100%;animation:readout-stripes-visible 1.3s linear infinite}
.striped-scale.fade{mask-image:linear-gradient(90deg,#000 0%,#000b 70%,#0004 100%);animation-duration:1.9s}
.striped-scale span{width:2px;background:#203d35;box-shadow:0 0 0 2px #ffffff45;animation:readout-scan 2.8s ease-in-out infinite alternate}
@keyframes readout-stripes-visible{from{background-position:0 0}to{background-position:10.765px 0}}
@media(prefers-reduced-motion:reduce){.vertical-scale,.striped-scale,.striped-scale span{animation:none}}
/* PCCare's orange storefront identity, consistent across every service. */
body:has(.console[data-mode]){--page-base:#e6ded5;--beam-one:#d99762;--beam-soft:#edc3a1;--beam-two:#c9aa8d;--beam-haze:#e4d1bd;--glass-tint:#efc9a338}
.console[data-mode]{--scene-color:#e2b38c;--light:#f2dfcc}
.service-footer .service-dock button[aria-pressed=true]{background:linear-gradient(135deg,#ad642fef,#874620ee);color:#fff}
.primary{background:linear-gradient(130deg,#a86233f2,#82431ff2);color:#fff}.primary:hover{background:#a55e30}
.description,.overline,.metric p{color:#62554a}.scene-note{color:#76604c}.scene-note>span:first-child{background:#b8713d}
/* Restore the live site's quiet background, retaining orange controls. */
body,body:has(.console[data-mode]){background:radial-gradient(ellipse at 80% 82%,#ccebd9 0,transparent 39%),#dedfdf}
body::before,body::after{display:none;animation:none}
.console,.console[data-mode]{background:#f6f7f6;border:1px solid transparent;box-shadow:0 28px 60px #2b403114;backdrop-filter:none;-webkit-backdrop-filter:none}
.console::before{display:none}
/* Local day/night lighting preview. */
.daynight-toggle{position:fixed;right:20px;top:16px;z-index:40;border:0;border-radius:24px;padding:10px 16px;background:#ffffffdf;color:#744d30;box-shadow:0 6px 22px #1f2c231c;display:flex;align-items:center;gap:8px;font-size:12px}.daynight-toggle span{font-size:19px}
body,.console,.metric.selected,.service-dock button,.description,.overline,.metric p,.scene-note{transition:background 1.2s,color 1.2s,box-shadow 1.2s}
html[data-theme=night] body:has(.console[data-mode]){background:radial-gradient(ellipse at 83% 78%,#473022 0,transparent 48%),#101416;color:#f0ede8}
html[data-theme=night] .console[data-mode]{background:linear-gradient(130deg,#252c2fe8,#161c20f2);box-shadow:0 28px 65px #0006;color:#f0ede8;--scene-color:#855d3e;--light:#332a23}
html[data-theme=night] .metric.selected{background:linear-gradient(130deg,#ffffff16,#ffffff04);box-shadow:0 15px 30px #0003}
html[data-theme=night] .service-footer .service-dock button{background:linear-gradient(130deg,#ffffff16,#ffffff06);color:#d9dfe0;box-shadow:0 7px 18px #0002}
html[data-theme=night] .service-footer .service-dock button[aria-pressed=true]{background:#b56c37;color:#fff}
html[data-theme=night] .description,html[data-theme=night] .overline,html[data-theme=night] .metric p,html[data-theme=night] .scene-note{color:#bcc5c7}
html[data-theme=night] .hatch-bar{border-color:#ffffff12}html[data-theme=night] .hatch-bar span{background-image:repeating-linear-gradient(125deg,transparent 0 12px,#c5ceca 13px 17px,transparent 18px 26px)}
html[data-theme=night] .vertical-scale{background-image:repeating-linear-gradient(90deg,#becdc9 0 2px,transparent 2px 13px)}
html[data-theme=night] .striped-scale{background-image:repeating-linear-gradient(48deg,transparent 0 3px,#9eb2aaa6 3px 5px,transparent 5px 8px)}html[data-theme=night] .striped-scale span{background:#f0be91;box-shadow:none}
html[data-theme=night] .map-link span,html[data-theme=night] .daynight-toggle{background:#30393ddd;color:#f2d1ad}
@media(prefers-reduced-motion:reduce){body,.console,.metric.selected,.service-dock button,.description,.overline,.metric p,.scene-note{transition:none}}
/* Fit all seven service controls on one mobile row. */
@media(max-width:700px){
.service-footer{padding-inline:8px}
.service-footer .service-dock{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;gap:3px;flex-wrap:nowrap}
.service-footer .service-dock button{width:100%;min-width:0;height:auto;aspect-ratio:1;flex:none;padding:4px 1px;font-size:clamp(6px,1.65vw,10px);gap:2px;line-height:1.1}
.service-dock svg{width:clamp(17px,4.5vw,25px);height:clamp(17px,4.5vw,25px)}
.service-dock span{max-width:100%;overflow-wrap:normal}
}

.service-footer .daynight-toggle{position:static;flex-shrink:0;min-height:44px;padding:10px 14px;align-self:center;z-index:auto}.service-footer .actions{align-items:center;flex-wrap:wrap}.service-footer .daynight-toggle:focus-visible{outline:3px solid #c9834d;outline-offset:3px}

.brand-row .daynight-toggle{position:absolute;left:50%;right:auto;top:-8px;transform:translateX(-50%);z-index:4;min-height:36px;padding:6px 12px;font-size:11px}.brand-row .daynight-toggle span{font-size:17px}.brand-row .overline{max-width:calc(50% - 50px)}@media(max-width:700px){.brand-row .daynight-toggle{left:48%;padding:5px 9px;font-size:10px}.brand-row .overline{max-width:calc(48% - 43px);line-height:1.5}}
@media(min-width:1001px){.console>.daynight-toggle{position:absolute;top:18px;right:22px;left:auto;transform:none;z-index:15;padding:8px 14px;min-height:38px}.brand-row .overline{max-width:none}}

/* Keep the tagline on one line without colliding with the theme control. */
.brand-row .overline{white-space:nowrap;max-width:none}
@media(max-width:700px){.brand-row .overline{font-size:clamp(7px,1.85vw,10px);letter-spacing:-.015em}.brand-row .daynight-toggle{left:50%;padding:5px 7px;font-size:9px}.brand-row .daynight-toggle span{font-size:14px}}

html[data-theme=night]{background:#101416}html[data-theme=night] body{background:#101416;color:#f0ede8}html[data-theme=night] .console{background:#1e2529;color:#f0ede8}
/* 2026-10-20: larger service description text */
html body .copy .description{font-size:17px;line-height:1.55}
@media(max-width:700px){html body .copy .description{font-size:15px}}
@media(max-width:700px){html body .metrics .metric strong{font-size:19px;letter-spacing:-.02em;white-space:nowrap}}
@media(max-width:700px){html body .brand-row .daynight-toggle{min-height:44px;min-width:64px}}
@media(min-width:701px){html body .service-footer .service-dock.aligned{display:grid;grid-template-columns:repeat(7,minmax(0,66px));justify-content:space-between;gap:4px;flex:none;flex-wrap:nowrap}
html body .service-footer .service-dock.aligned button{width:100%;min-width:0;height:auto;aspect-ratio:1;flex:none}}