:root{--ink:#101a35;--muted:#666f82;--white:#fff;--cream:#faf9f6;--purple:#a88adf;--mint:#8fd5b7;--peach:#ffdcca}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:84px;width:min(1320px,calc(100% - 42px));margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font:800 14px/1 Manrope;letter-spacing:.13em}.wordmark span,.wordmark b{display:block}.wordmark b{color:var(--purple);font-size:10px;margin-top:3px}.lang{display:flex;background:#fff;border:1px solid #e6e5eb;border-radius:12px;padding:3px}.lang button{border:0;background:transparent;padding:7px 9px;border-radius:8px;font-size:9px;font-weight:800;color:#7a8090;cursor:pointer}.lang button.active{background:var(--ink);color:#fff}.intro{text-align:center;padding:52px 20px 48px}.eyebrow{font-size:9px;letter-spacing:.2em;font-weight:800;color:#7560a0}.intro h1{font:800 clamp(50px,6vw,82px)/.98 Manrope;margin:16px 0 19px;letter-spacing:-.06em}.intro h1 em{font-weight:500;font-style:normal;color:var(--purple)}.intro p{color:var(--muted)}.choice-arrow{margin:22px auto 0;border:1px solid #dddce4;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;animation:bounce 2s infinite}.choices{width:min(1320px,calc(100% - 42px));margin:0 auto 50px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice{min-height:570px;border-radius:34px;padding:28px 32px 34px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s;isolation:isolate}.choice:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.55),transparent 40%);opacity:0;transition:.3s;z-index:-1}.choice:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(25,27,56,.13)}.choice:hover:before{opacity:1}.rent-choice{background:linear-gradient(145deg,#e5f5ed,#f1e9fb 75%);color:#111b35}.tech-choice{background:linear-gradient(145deg,#171d39,#302850);color:#fff}.choice-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:4}.choice-number{font:800 10px Manrope;opacity:.5}.choice-link{font-size:11px;font-weight:800}.choice-link i{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.65);font-style:normal;margin-left:6px;transition:.3s}.tech-choice .choice-link i{background:rgba(255,255,255,.12)}.choice:hover .choice-link i{transform:rotate(45deg)}.rent-visual,.tech-visual{height:245px;position:relative;margin:10px 0}.choice-car{position:absolute;width:min(480px,90%);left:50%;bottom:30px;transform:translateX(-50%);color:#9a7fd1;z-index:2;filter:drop-shadow(0 20px 20px rgba(31,29,57,.15));animation:carFloat 4s ease-in-out infinite}.mini-road{position:absolute;left:-50px;right:-50px;bottom:15px;height:57px;background:#cdd7d4;transform:skewY(-4deg);border-top:4px solid rgba(255,255,255,.8);overflow:hidden}.mini-road span{position:absolute;left:-20%;top:26px;width:150%;height:5px;background:repeating-linear-gradient(90deg,transparent 0 50px,#fff 50px 95px);animation:road 2s linear infinite}.moving-cloud{position:absolute;border-radius:40px;background:rgba(255,255,255,.52);height:18px}.cloud-one{width:80px;right:25px;top:35px;animation:cloud 8s linear infinite}.cloud-two{width:45px;left:30px;top:75px;animation:cloud 6s linear infinite reverse}.tech-visual{display:grid;place-items:center}.tech-core{width:105px;height:105px;border-radius:31px;background:linear-gradient(145deg,#b69ae5,#7bd6b4);display:grid;place-items:center;box-shadow:0 20px 60px rgba(176,147,228,.3);position:relative;z-index:2;animation:coreFloat 4s ease-in-out infinite}.tech-core span{font:800 24px Manrope}.orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:210px;height:210px;animation:spin 10s linear infinite}.orbit-two{width:300px;height:165px;animation:spinReverse 13s linear infinite}.orbit i{position:absolute;width:10px;height:10px;background:var(--mint);border-radius:50%;left:50%;top:-5px}.data-pill{position:absolute;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);border-radius:10px;padding:7px 10px;font:800 8px Manrope;letter-spacing:.13em}.pill-one{left:18%;top:26%}.pill-two{right:15%;top:38%}.pill-three{left:25%;bottom:15%}.choice-copy{margin-top:auto;position:relative;z-index:4}.choice-copy>span{font:800 9px Manrope;letter-spacing:.17em;opacity:.68}.choice-copy h2{font:800 39px/1.05 Manrope;letter-spacing:-.045em;margin:7px 0 11px}.choice-copy p{max-width:500px;color:#4f5b70}.tech-choice .choice-copy p{color:#bbc0d0}.choice-copy ul{list-style:none;padding:0;margin:18px 0 0;display:flex;gap:20px;font-size:10px;font-weight:800}.choice-copy li:before{content:'✓';color:#72bb9f;margin-right:6px}footer{width:min(1320px,calc(100% - 42px));min-height:70px;margin:auto;border-top:1px solid #e5e4e9;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#777e8d}@keyframes bounce{50%{transform:translateY(5px)}}@keyframes carFloat{50%{transform:translateX(-50%) translateY(-8px) rotate(.4deg)}}@keyframes road{to{transform:translateX(95px)}}@keyframes cloud{50%{transform:translateX(-45px);opacity:.4}}@keyframes coreFloat{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:800px){.intro{padding-top:25px}.choices{grid-template-columns:1fr}.choice{min-height:530px}.choice:hover{transform:none}}
@media(max-width:520px){.topbar,.choices,footer{width:min(100% - 24px,1320px)}.intro h1{font-size:48px}.choice{padding:23px 20px;border-radius:25px;min-height:500px}.rent-visual,.tech-visual{height:220px}.choice-copy h2{font-size:34px}footer{padding:20px 0;display:grid;gap:6px}.choice-copy ul{display:grid;gap:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Smaller service cards with a clear click target. */
.choices{width:min(980px,calc(100% - 42px));gap:16px}.choice{min-height:330px;padding:19px 22px 22px;border:1px solid rgba(16,26,53,.09);border-radius:24px;cursor:pointer;box-shadow:0 12px 32px rgba(25,27,56,.08)}.choice-link{display:inline-flex;align-items:center;padding:5px 6px 5px 12px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 8px 18px rgba(16,26,53,.12)}.tech-choice .choice-link{background:var(--mint);color:#101a35}.choice:focus-visible{outline:4px solid rgba(143,213,183,.55);outline-offset:4px}.rent-visual,.tech-visual{height:118px}.choice-copy h2{font-size:clamp(24px,2.4vw,31px)}.choice-copy p{font-size:11px;line-height:1.42}.choice-copy ul{margin-top:8px}.tech-slogan{font-size:9px}
@media(max-width:800px){.choices{width:min(620px,calc(100% - 28px))}.choice{min-height:360px}.rent-visual,.tech-visual{height:135px}}

/* Vehicle diagnostics and programming animation. */
.diagnostic-visual{display:block;position:relative}
.diagnostic-car{position:absolute;left:3%;top:13%;width:57%;height:72%;z-index:2}
.diagnostic-car svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 20px rgba(0,0,0,.2))}
.car-outline{fill:rgba(177,153,226,.14);stroke:#c2a8ef;stroke-width:3;stroke-linejoin:round}
.car-window{fill:rgba(132,219,185,.18);stroke:#8fd9bd;stroke-width:2}
.diag-wheel{fill:#11172e;stroke:#8fd9bd;stroke-width:3}
.scan-line{fill:none;stroke:#8fd9bd;stroke-width:1.5;stroke-dasharray:5 6;animation:diagnosticFlow 1.8s linear infinite}
.scan-node{fill:#fff;stroke:#b89be9;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:scanPulse 1.7s ease-in-out infinite}
.node-abs{animation-delay:.35s}.node-ecu{animation-delay:.7s}
.module-tag{position:absolute;padding:3px 6px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(10,15,34,.78);color:#bfeeda;font:800 6px Manrope;letter-spacing:.1em;box-shadow:0 5px 12px rgba(0,0,0,.14);animation:tagGlow 2s ease-in-out infinite}
.tag-ecu{left:46%;top:47%}.tag-abs{left:17%;bottom:4%;animation-delay:.35s}.tag-can{right:5%;top:42%;animation-delay:.7s}
.tag-module{left:43%;top:38%}.tag-adblue{left:4%;top:44%;animation-delay:.2s}.tag-bsi{right:3%;top:31%;animation-delay:.4s}.tag-egr{left:28%;bottom:0;animation-delay:.6s}.tag-dpf{right:13%;bottom:3%;animation-delay:.8s}
.obd-cable{position:absolute;left:51%;top:57%;width:19%;height:27%;border-right:2px dashed #8fd9bd;border-bottom:2px dashed #8fd9bd;border-radius:0 0 16px 0;opacity:.75}
.obd-cable i{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;border-radius:3px;background:#b89be9;box-shadow:0 0 0 4px rgba(184,155,233,.12);animation:scanPulse 1.5s infinite}
.diagnostic-screen{position:absolute;right:2%;top:9%;width:39%;height:82%;padding:9px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(7,12,29,.72);box-shadow:0 14px 35px rgba(0,0,0,.28),inset 0 0 30px rgba(157,134,211,.08);backdrop-filter:blur(8px);overflow:hidden}
.screen-head{display:flex;align-items:center;gap:5px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}
.screen-head>span{width:6px;height:6px;border-radius:50%;background:#8fd9bd;box-shadow:0 0 8px #8fd9bd;animation:scanPulse 1.2s infinite}.screen-head b{font:800 5px Manrope;letter-spacing:.1em}.screen-head em{margin-left:auto;color:#8fd9bd;font-size:5px;font-style:normal}
.code-stream{display:grid;grid-template-columns:auto 1fr;gap:2px 6px;margin:7px 0;color:#d9caef;font:700 5px/1.5 monospace}.code-stream span{color:#8fd9bd}.code-stream i{font-style:normal;letter-spacing:.16em;animation:codeBlink 1.4s steps(2,end) infinite}.code-stream i:last-child{animation-delay:.45s}
.screen-services{display:flex;gap:3px;margin:3px 0}.screen-services span{padding:2px 3px;border-radius:3px;background:rgba(184,155,233,.14);border:1px solid rgba(184,155,233,.2);color:#d9caef;font:800 3.5px Manrope;letter-spacing:.04em}
.update-label{display:flex;justify-content:space-between;align-items:end;margin-top:6px}.update-label b{font:800 5px Manrope;color:#fff}.update-label small{font:700 4px Manrope;color:#8fd9bd}
.update-progress{height:5px;margin-top:4px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden}.update-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b89be9,#8fd9bd);animation:updateLoading 3.4s ease-in-out infinite}
.problem-solved{display:flex;align-items:center;gap:4px;margin-top:5px;opacity:0;animation:solvedReveal 3.4s ease-in-out infinite}.problem-solved i{display:grid;place-items:center;width:11px;height:11px;border-radius:50%;background:#68d59b;color:#071a12;font:900 7px Manrope;box-shadow:0 0 9px rgba(104,213,155,.55);font-style:normal;animation:checkPop 3.4s ease-in-out infinite}.problem-solved b{font:800 4.5px Manrope;letter-spacing:.08em;color:#8fe0b5}
.tech-copy h2{font-size:clamp(24px,2.25vw,32px)}
.tech-slogan{display:block;margin-top:8px;color:#c9b4ef;font:700 10px/1.3 Manrope;letter-spacing:.01em}
@keyframes diagnosticFlow{to{stroke-dashoffset:-22}}
@keyframes scanPulse{50%{transform:scale(1.55);opacity:.55}}
@keyframes tagGlow{50%{border-color:rgba(143,217,189,.6);box-shadow:0 0 14px rgba(143,217,189,.2)}}
@keyframes codeBlink{50%{opacity:.4}}
@keyframes updateLoading{0%{width:8%}65%,85%{width:100%}100%{width:8%}}
@keyframes solvedReveal{0%,58%,100%{opacity:0;transform:translateY(3px)}68%,90%{opacity:1;transform:translateY(0)}}
@keyframes checkPop{0%,60%,100%{transform:scale(.2) rotate(-30deg)}70%,88%{transform:scale(1) rotate(0)}}

/* Compact desktop layout: both choices remain visible without scrolling. */
@media(min-width:521px){
  .topbar{height:64px;width:min(1160px,calc(100% - 42px))}
  .intro{padding:10px 20px 18px}
  .intro h1{font-size:clamp(40px,4.2vw,58px);margin:8px 0 9px}
  .intro p{font-size:12px}
  .choice-arrow{width:27px;height:27px;margin-top:9px}
  .choices{width:min(1160px,calc(100% - 42px));grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}
  .choice{min-height:388px;padding:20px 25px 23px;border-radius:27px}
  .choice:hover{transform:translateY(-5px)}
  .choice-link{font-size:10px}
  .choice-link i{width:26px;height:26px}
  .rent-visual,.tech-visual{height:145px;margin:0 0 4px}
  .choice-car{width:min(325px,76%);bottom:18px}
  .mini-road{bottom:4px;height:40px}
  .mini-road span{top:18px;height:4px}
  .cloud-one{width:62px;height:12px;top:20px}
  .cloud-two{width:37px;height:12px;top:45px}
  .tech-core{width:74px;height:74px;border-radius:22px}
  .tech-core span{font-size:18px}
  .orbit-one{width:138px;height:138px}
  .orbit-two{width:205px;height:108px}
  .data-pill{padding:5px 7px;font-size:7px}
  .choice-copy>span{font-size:8px}
  .choice-copy h2{font-size:29px;margin:4px 0 6px}
  .choice-copy p{font-size:12px;line-height:1.42}
  .choice-copy ul{margin-top:9px;font-size:9px}
  footer{width:min(1160px,calc(100% - 42px));min-height:48px;font-size:9px}
}
@media(min-width:521px){.choices{width:min(980px,calc(100% - 42px))}.choice{min-height:330px;padding:18px 22px 20px}.rent-visual,.tech-visual{height:112px}.choice-copy h2{font-size:clamp(23px,2.35vw,30px)}.choice-copy p{font-size:11px}.choice-link{display:inline-flex;align-items:center;padding:5px 6px 5px 12px;border-radius:999px;background:#fff;color:#101a35;box-shadow:0 8px 18px rgba(16,26,53,.12)}.tech-choice .choice-link{background:#8fd5b7}}