.services-page{background:#ece9e2}.services-page .site-header{position:fixed}.article-hero{padding:190px 0 105px;background:radial-gradient(circle at 78% 32%,rgba(210,122,53,.25),transparent 25%),linear-gradient(135deg,#0b0f13,#202931);color:#fff}.article-hero h1{margin:0;font:700 clamp(50px,7vw,90px)/.94 Rajdhani,sans-serif;text-transform:uppercase}.article-hero h1 span{color:var(--copper2)}.article-hero>div>p:last-child{max-width:660px;margin:26px 0 0;color:#c3c8cb;font-size:18px}.service-jump{position:sticky;top:76px;z-index:40;display:flex;overflow-x:auto;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.08)}.service-jump a{flex:0 0 auto;padding:18px 20px;border-right:1px solid var(--line);font-size:12px;font-weight:800;text-transform:uppercase}.service-jump a:hover{background:var(--copper);color:#fff}.service-article{scroll-margin-top:142px;padding:115px 0;border-bottom:1px solid #d2cfc8}.article-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.article-grid.reverse .article-copy{order:2}.article-grid.reverse .tech-visual{order:1}.article-copy h2{margin:8px 0 24px;font:700 clamp(40px,5vw,65px)/.95 Rajdhani,sans-serif;text-transform:uppercase}.article-copy h3{margin:32px 0 10px;font:700 23px Rajdhani,sans-serif;text-transform:uppercase}.article-copy ul,.article-copy ol{padding-left:21px}.article-copy li{margin:8px 0}.article-lead{font-size:19px;font-weight:700;line-height:1.55}.article-note{margin:28px 0;padding:18px 20px;border-left:3px solid var(--copper);background:rgba(210,122,53,.1);font-size:14px}.article-copy>.button{margin-top:24px}.dark-article{background:var(--ink);color:#fff}.dark-article .article-copy p,.dark-article .article-copy li{color:#c1c6c9}.dark-article .article-lead{color:#fff!important}.dark-article .article-note{background:rgba(255,255,255,.06)}
.tech-visual{position:relative;min-height:490px;overflow:hidden;display:grid;place-items:center;padding:50px;background:#192128;color:#fff;border:1px solid rgba(210,122,53,.42);box-shadow:0 24px 60px rgba(0,0,0,.18)}.tech-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.08)}.tech-visual>p{position:absolute;bottom:23px;left:0;right:0;margin:0;color:#aab0b4;text-align:center;font:700 12px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.11em}
.scanner{position:relative;z-index:2;width:190px;padding:32px 20px;border:2px solid var(--copper);background:#0b0f12;text-align:center;font:700 40px Rajdhani}.scanner span{display:block;color:#6de0a3;font:700 12px Manrope;letter-spacing:.16em}.signal{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 0 rgba(210,122,53,.6);animation:signal 2s infinite}.signal.s1{left:18%;top:24%}.signal.s2{right:16%;top:38%;animation-delay:.6s}.signal.s3{left:22%;bottom:26%;animation-delay:1.2s}.pulse-chart{position:absolute;top:72%;display:flex;align-items:end;gap:8px;height:48px}.pulse-chart b{width:8px;background:#6de0a3;animation:bars 1.2s ease-in-out infinite}.pulse-chart b:nth-child(2){animation-delay:.15s}.pulse-chart b:nth-child(3){animation-delay:.3s}.pulse-chart b:nth-child(4){animation-delay:.45s}.pulse-chart b:nth-child(5){animation-delay:.6s}@keyframes signal{70%{box-shadow:0 0 0 28px transparent}}@keyframes bars{50%{height:44px}0%,100%{height:10px}}
.visual-engine{display:flex;align-items:center;justify-content:center;gap:15px}.piston{position:relative;width:52px;height:105px;background:linear-gradient(90deg,#aeb5ba,#eef1f2,#7e878d);border-radius:5px 5px 12px 12px;animation:piston 1.6s ease-in-out infinite}.piston:after{content:"";position:absolute;left:21px;top:100%;width:10px;height:90px;background:#7e878d}.piston i{position:absolute;left:-5px;right:-5px;top:18px;border-top:3px solid #3c454b;border-bottom:3px solid #3c454b;height:10px}.p2,.p4{animation-delay:-.8s}.crank{position:absolute;top:67%;width:290px;border-top:12px solid #778087}.crank:after{content:"";position:absolute;left:50%;top:-24px;width:36px;height:36px;border:9px solid var(--copper);border-radius:50%;animation:spin 1.6s linear infinite}@keyframes piston{50%{transform:translateY(68px)}}@keyframes spin{to{transform:rotate(360deg)}}
.chamber{position:relative;width:280px;height:200px;border:12px solid #8d979d;border-bottom:0;border-radius:100px 100px 0 0}.valve{position:absolute;top:-15px;width:13px;height:130px;background:#d9dde0;transform-origin:top;animation:valve 1.7s ease-in-out infinite}.valve:after{content:"";position:absolute;bottom:0;left:-14px;width:40px;height:10px;background:#d9dde0;border-radius:50%}.v1{left:63px;transform:rotate(-18deg)}.v2{right:63px;transform:rotate(18deg);animation-delay:.85s}.spark{position:absolute;top:58px;left:126px;color:#ffd35a;font-size:32px;animation:spark 1.7s infinite}.combustion{position:absolute;inset:70px 40px 0;border-radius:50%;background:radial-gradient(circle,#f6d75b,#dc6a28 40%,transparent 72%);animation:boom 1.7s infinite}@keyframes valve{50%{height:155px}}@keyframes spark{50%,100%{opacity:0;transform:scale(.4)}}@keyframes boom{0%,45%,100%{opacity:0;transform:scale(.4)}55%,75%{opacity:.9;transform:scale(1)}}
.gear{position:absolute;border:12px dashed #b9c0c4;border-radius:50%;animation:spin 5s linear infinite}.gear:after{content:"";position:absolute;inset:18%;border:8px solid var(--copper);border-radius:50%}.g1{width:145px;height:145px;left:14%;top:20%}.g2{width:145px;height:145px;right:14%;top:20%;animation-direction:reverse}.g3{width:95px;height:95px;left:39%;bottom:18%;animation-direction:reverse}.belt{position:absolute;inset:70px 55px 85px;border:5px dotted #e4e6e7;clip-path:polygon(8% 0,92% 0,72% 100%,32% 100%)}
.radiator{position:absolute;left:13%;top:24%;width:100px;height:230px;border:9px solid #aeb5ba;background:repeating-linear-gradient(90deg,transparent 0 8px,#59636a 9px 12px)}.motor-core{position:absolute;right:14%;top:32%;display:grid;place-items:center;width:140px;height:170px;border:12px solid #69737a;color:var(--copper2);font:700 30px Rajdhani}.pipe{position:absolute;left:26%;right:27%;height:18px;border-top:6px solid #57a6d4}.pipe.top{top:31%}.pipe.bottom{bottom:31%;border-color:#db7250}.pipe i{position:relative;display:inline-block;width:10px;height:10px;margin:0 16px;border-radius:50%;background:#8dd5ff;animation:flow 1.8s linear infinite}.pipe.bottom i{background:#ff9a75;animation-direction:reverse}.pipe i:nth-child(2){animation-delay:.4s}.pipe i:nth-child(3){animation-delay:.8s}@keyframes flow{to{transform:translateX(42px)}}
.disc{width:255px;height:255px;border:24px solid #9ca4a9;border-radius:50%;box-shadow:inset 0 0 0 12px #303940;animation:spin 4s linear infinite}.disc:after{content:"";position:absolute;width:55px;height:55px;left:calc(50% - 27px);top:calc(50% - 27px);background:var(--copper);border-radius:50%}.caliper{position:absolute;right:19%;top:30%;width:90px;height:190px;border:18px solid var(--copper);border-left:0;border-radius:0 20px 20px 0;animation:clamp 2s ease-in-out infinite}.brake-lines{position:absolute;left:10%;top:16%}.brake-lines b{display:block;width:9px;height:9px;margin:15px;border-radius:50%;background:#e55f48;animation:signal 1.5s infinite}@keyframes clamp{50%{transform:translateX(-13px)}}
.ac-loop{position:relative;width:300px;height:230px;border:9px solid #7d888f;border-radius:45%}.ac-loop i{position:absolute;width:20px;height:20px;border-radius:50%;animation:loop 3s linear infinite}.ac-loop .cold{background:#63c9f1;left:-14px;top:50%}.ac-loop .hot{background:#f08252;right:-14px;top:50%;animation-delay:-1.5s}.ac-loop span,.ac-loop b{position:absolute;top:38%;font-size:45px}.ac-loop span{left:18%;color:#63c9f1}.ac-loop b{right:18%;color:#f7b25c}.fan{position:absolute;font-size:90px;animation:spin 2s linear infinite}@keyframes loop{0%{transform:translate(0,-95px)}25%{transform:translate(300px,-95px)}50%{transform:translate(300px,95px)}75%{transform:translate(0,95px)}100%{transform:translate(0,-95px)}}
.service-ring{position:relative;width:300px;height:300px;border:3px dashed var(--copper);border-radius:50%;animation:spin 18s linear infinite}.service-ring span{position:absolute;padding:8px;background:#192128;color:#fff;font:700 11px Manrope}.service-ring span:nth-child(1){left:50%;top:-16px;transform:translateX(-50%)}.service-ring span:nth-child(2){right:-25px;top:46%}.service-ring span:nth-child(3){left:50%;bottom:-16px;transform:translateX(-50%)}.service-ring span:nth-child(4){left:-20px;top:46%}.service-check{position:absolute;color:#6de0a3;font-size:100px;animation:check 2s ease-in-out infinite}@keyframes check{50%{transform:scale(1.18);filter:drop-shadow(0 0 14px #6de0a3)}}
.article-cta{padding:110px 0;background:linear-gradient(125deg,#111820,#202b33);color:#fff;text-align:center}.article-cta h2{margin:10px 0 35px;font:700 clamp(40px,6vw,70px)/.98 Rajdhani;text-transform:uppercase}.article-cta>div>div{display:flex;gap:12px;justify-content:center}.article-cta .button-ghost{border-color:#687078}@media(prefers-reduced-motion:reduce){.tech-visual *{animation:none!important}}@media(max-width:900px){.article-grid{grid-template-columns:1fr;gap:45px}.article-grid.reverse .article-copy,.article-grid.reverse .tech-visual{order:initial}.tech-visual{min-height:420px}.service-jump{top:66px}.service-article{scroll-margin-top:125px}}@media(max-width:600px){.article-hero{padding:135px 0 70px}.article-hero h1{font-size:49px}.article-hero>div>p:last-child{font-size:16px}.service-jump{width:100%;border-left:0;border-right:0}.service-jump a{padding:14px 16px}.service-article{padding:74px 0}.article-copy h2{font-size:42px}.article-lead{font-size:17px}.tech-visual{min-height:350px;padding:25px}.article-cta{padding:75px 0}.article-cta>div>div{display:grid}.g1{left:8%}.g2{right:8%}.radiator{left:6%}.motor-core{right:6%}.caliper{right:8%}}