:root{--bg:#0d1722;--white:#172534;--ink:#edf4fa;--muted:#9babba;--blue:#327dc1;--blue2:#69afe8;--line:#2a3c4d}
body{background:#0d1722;color:#edf4fa;background-image:radial-gradient(circle at 8% 15%,#1b426448 0,transparent 24%),radial-gradient(circle at 90% 38%,#183b5835 0,transparent 27%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:auto,auto,56px 56px,56px 56px;background-attachment:fixed}
.header{background:#0c1721e8;border-color:#ffffff18;box-shadow:0 8px 35px #0003}.brand small{color:#8da0b1}.nav>a,.dropdown>button{color:#b4c1cc}.dropdown>div{background:#152534;border-color:#ffffff19;box-shadow:0 18px 55px #0007}.dropdown>div a{color:#aebdca}.dropdown>div a:hover{background:#ffffff0b;color:#fff}.nav-phone small{color:#8da0b1}.menu-button{background:#172635;border-color:#ffffff1c;color:#fff}
.hero{background:linear-gradient(135deg,#152838,#0e1c28);border-color:#365068;box-shadow:0 30px 80px #0005}.hero:before{background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px)}.hero:after{color:#ffffff08}.hero h1 strong{color:#7fc0f3}.hero-copy>p{color:#b3c0cb}.secondary{background:#ffffff0b;border-color:#ffffff22;color:#edf4fa}.trust{color:#9eb0be}.pill{background:#173f34;color:#9be2c1}.photo-badge{background:#0e1a24e8;color:#fff;border:1px solid #ffffff1e;backdrop-filter:blur(12px)}.photo-badge>i{background:#1d3c55;color:#82c5f5}.photo-badge small{color:#91a5b5}
.quick{background:#142433;border-color:#2d4356;box-shadow:0 18px 55px #0003}.quick>div{border-color:#2d4356}.quick>div:hover{background:#1a3042}.quick b{color:#edf4fa}.quick small{color:#91a2b0}.quick i{color:#72b9ed}
.section{padding-block:64px}.heading>span,.label{color:#74bbea}.heading p,.why-copy>p{color:#9cabb7}.services{position:relative}.services:before{content:'GEARBOX  SPECIALIST';position:absolute;left:2vw;top:40px;color:#ffffff08;font:800 clamp(2rem,6vw,5rem) Arial;letter-spacing:.04em;pointer-events:none}.cards{gap:16px}.card{background:linear-gradient(145deg,#1a2b3a,#132230);border-color:#30475a;box-shadow:0 18px 45px #0002}.card:hover{background:linear-gradient(145deg,#21394d,#172b3b);border-color:#4c7392;box-shadow:0 25px 60px #0005}.card-top i{background:#203f59;color:#80c4f3}.card-top span{color:#7890a2}.card p{color:#9eafbc}.card a{color:#7ec4f3}
.why{width:min(1160px,calc(100% - 40px));padding:28px;background:linear-gradient(120deg,#152737,#101f2c);border:1px solid #30475a;border-radius:26px;box-shadow:0 28px 70px #0003}.why-image{height:460px}.why-image img{background:#0e1b26}.why-list>div{border-color:#314352}.why-list>div>b{color:#7690a4}.why-list small{color:#8ea1af}.text-btn{border-color:#79bff0;color:#79bff0}
.steps{position:relative}.steps:after{content:'';position:absolute;right:0;left:0;bottom:25px;height:1px;background:linear-gradient(90deg,transparent,#4f7897,transparent)}.step{position:relative;z-index:2;background:linear-gradient(145deg,#192a39,#12212e);border:1px solid #2d4355}.step:hover{background:#203647;box-shadow:0 20px 50px #0004}.step>b{background:#24445e;color:#9fd5fb}.step p{color:#92a4b1}
.gallery-section{width:min(1160px,calc(100% - 40px));padding:45px 28px 28px;background:#122331;border:1px solid #2d4355;border-radius:26px}.gallery figure{background:#0e1a24;border:1px solid #31495c}.gallery figcaption{background:#0d1922e8;color:#fff;border:1px solid #ffffff1b}.contact{margin-top:60px;background:linear-gradient(120deg,#235f96,#173f68);box-shadow:0 25px 70px #0005}.contact-copy a{background:#ffffff0a}.contact address{color:#dcebf7}
footer{background:#081018;border-top:1px solid #263847}.footer-main h2{color:#899aa7}.footer-links a{color:#9babb7}
.mobile-nav{background:#142433;color:#fff;border:1px solid #ffffff17}.mobile-head,.mobile-nav>a,.sub-button{border-color:#ffffff16;color:#fff}.mobile-head button{background:#1b3041;border-color:#ffffff20;color:#fff}.sub-menu a{color:#a6b8c5}.mobile-nav .mobile-phone{background:#397fba}
@media(max-width:760px){body{background-size:auto,auto,38px 38px,38px 38px}.hero{background:#112230}.quick{margin-top:14px}.why{width:calc(100% - 24px);padding:14px}.why-image{height:280px}.gallery-section{width:calc(100% - 24px);padding:35px 14px 14px}.services:before{top:20px}.section{padding-block:52px}}