:root{--paper:#fff;--ink:#18191c;--muted:#54545a;--line:#e8e4e4;--accent:#d20b24}
.shell{width:min(1500px,95%)}
.mast{min-height:83px}.mast img{width:245px}.mast nav a:first-child{color:var(--accent);border-bottom:2px solid currentColor}.mast nav a{padding:7px 0}.contact{border:0}
.front{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,2.2fr);gap:12px;margin:10px 0 34px}
.front-hero{position:relative;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:460px;background:radial-gradient(ellipse at 72% 42%,#fff 0%,#e8e5e5 55%,#dad6d6);overflow:hidden}
.front-hero>div{padding:30px 0 30px clamp(18px,3.5vw,58px);z-index:1}.front-hero h1{font-size:clamp(34px,4.5vw,72px);line-height:1.03}.front-hero>img{width:100%;height:450px;object-fit:contain;mix-blend-mode:multiply}.front-hero p:not(.eyebrow){max-width:32ch;color:var(--muted)}
.button,button{background:var(--accent);color:white}.button:hover,button:hover{background:#a8091d}
.front-news{padding:18px;border:1px solid var(--line)}.front-news h2{font-size:clamp(21px,2vw,34px);letter-spacing:-.03em}.front-news .news-notice{min-width:0;padding:9px;margin-bottom:10px;border:1px solid #d7dce4;border-radius:10px;background:#f8f9fb}.front-news .news-notice:last-child{margin-bottom:0}.front-news img{display:block;width:100%;height:125px;object-fit:contain;background:#f6f4f4;border-radius:6px}.front-news small,.front-news strong{display:block;margin-top:4px}.front-news small{color:var(--muted)}
.spotlight h2,.catalog h2{font-size:clamp(29px,3vw,45px);letter-spacing:-.04em}.spotlight .section-title>a{color:var(--accent);font-weight:650}.spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.spotlight-grid a{display:grid;grid-template-columns:56% 44%;align-items:center;background:#f1eeee;border-radius:14px;padding:14px;min-height:180px}.spotlight-grid img{width:100%;height:165px;object-fit:contain;mix-blend-mode:multiply}.spotlight-grid span{padding:8px}.spotlight-grid strong,.spotlight-grid small{display:block}.spotlight-grid strong{font-size:clamp(19px,2vw,29px);line-height:1.12}.spotlight-grid b{display:inline-block;color:var(--accent);margin-top:8px}.spotlight-grid a:hover{box-shadow:inset 0 0 0 1px #dc97a0}
.filters{grid-template-columns:2fr 1fr 1fr auto}.photo{background:#f5f3f3}.notice{background:#f8eef0}
@media(max-width:850px){.front{grid-template-columns:1fr}.front-news{display:grid;grid-template-columns:1fr 1fr;gap:10px}.front-news h2{grid-column:1/-1}.front-hero{min-height:330px}.front-hero>img{height:320px}}
@media(max-width:580px){.mast img{width:190px}.front-hero{grid-template-columns:1fr}.front-hero>img{height:235px}.spotlight-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters button{grid-column:1/-1}.spotlight .section-title{align-items:start;flex-direction:column}}
.mast>a:first-child{display:flex;align-items:center;flex-shrink:0}
.mast img{width:clamp(190px,24vw,295px);max-height:64px;object-fit:contain;object-position:left center}
.front-hero{min-height:clamp(400px,38vw,575px);grid-template-columns:minmax(0,44%) 1fr;background:#dfdfe0 url('/assets/ultra-s2-workbench.png') center 54%/cover no-repeat}
.front-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f4f4e8 0%,#f4f4f4b8 23%,#f4f4f400 47%);pointer-events:none}
.front-hero>img{display:none}
.front-hero>div{position:relative}
@media(max-width:580px){
  .mast img{width:min(245px,72vw)}
  .front-hero{display:block;min-height:0;background-size:100% auto;background-position:center bottom;padding-bottom:59%}
  .front-hero:before{background:linear-gradient(#ededee 0%,#ededee 37%,#ededee00 59%)}
  .front-hero>div{padding:23px 20px 7px}
}
.front-hero{background-image:url('/assets/workbench-backdrop.png')}
.front-equipment{position:absolute;right:4%;bottom:16%;width:55%;display:flex;align-items:flex-end;margin:0;isolation:isolate}
.front-equipment img{height:auto;display:block;filter:drop-shadow(3px 9px 6px #0006)}
.front-equipment img:first-child{width:79%;z-index:1}
.front-equipment img:last-child{width:26%;margin-left:-5%}
@media(max-width:580px){.front-equipment{width:78%;right:8%;bottom:7%}}
.mast:has(.shop-nav){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}
.mast:has(.shop-nav) img{width:clamp(155px,16vw,260px);max-width:100%}
.mast .shop-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px 0}
.mast .shop-nav a,.mast .shop-nav a:first-child{display:inline-flex;align-items:center;min-height:40px;padding:7px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#a9162c;font-size:14px;font-weight:650;white-space:nowrap;transition:color .16s,background-color .16s,border-color .16s}
.mast .shop-nav a:is(:hover,:focus-visible){background:#fff3f4;border-color:#f1d4d9;color:#ce0d27}
@media(max-width:1100px){.mast:has(.shop-nav){display:flex;flex-direction:column;justify-content:center;gap:2px;padding:12px 0 3px}.mast .shop-nav{width:100%;padding:3px 0}}
.front-carousel{min-width:0;align-self:start}
.front-carousel [hidden]{display:none}
.front-hero.front-alternate{background:radial-gradient(ellipse at 73% 40%,#fff,#eeebec 66%,#e5e1e2)}
.front-art{position:absolute;right:5%;bottom:14%;width:49%;height:72%;display:grid;place-items:center;margin:0}
.front-art img{width:100%;height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply}
.front-controls{display:flex;flex-wrap:wrap;gap:5px;padding:8px 0}
.front-controls button{background:#f5f1f2;color:#4b3b40;border:1px solid transparent;font-size:13px;padding:6px 9px}
.front-controls button:is(:hover,[aria-pressed=true]){color:#a9162c;border-color:#e4b7c0;background:#fff3f5}
@media(max-width:580px){.front-art{width:76%;right:12%;bottom:5%;height:48%}}
.front-hero.front-flex{background:#e7ebed url('/assets/flex-user-hero.jpg') left 7% center/cover no-repeat;background-position:clamp(24px,5vw,76px) center}
.front-hero.front-flex:before{background:linear-gradient(90deg,#f7f8f8 0%,#f7f8f8f2 34%,#f7f8f84d 48%,transparent 61%)}
.front-hero.front-autoflashpro{background:radial-gradient(ellipse at 73% 40%,#fff,#eeebec 66%,#e5e1e2)}
@media(max-width:580px){.front-hero.front-flex{background-position:12px bottom;background-size:100% auto;padding-bottom:63%}.front-hero.front-flex:before{background:linear-gradient(#f7f8f8 54%,#f7f8f8c9 62%,transparent 76%)}}
.front-hero.front-autotuner{background-color:#141519;background-image:url('/assets/autotuner-user-hero.png');background-position:right center;color:#fff}
.front-hero.front-autotuner:before{background:linear-gradient(90deg,#101114 0%,#101114e8 28%,#10111445 51%,transparent 65%)}
.front-autotuner .flex-summary{color:#f4f4f5}
.front-autotuner .flex-summary li::marker{color:#ffab56}
@media(max-width:580px){.front-hero.front-autotuner{background-position:center bottom;padding-bottom:55%}.front-hero.front-autotuner:before{background:linear-gradient(#141519 44%,#141519a8 61%,transparent 76%)}}
.front-flex h1{margin-bottom:2px;color:#131920;font-size:clamp(32px,3.5vw,55px)}
.front-flex .eyebrow{color:#8d1428;letter-spacing:.11em}
.front-flex .flex-maker{font-weight:750;font-size:clamp(16px,1.6vw,21px);margin:0 0 10px;color:#222b34}
.flex-summary{padding-left:1.1em;margin:0 0 14px;max-width:32ch;font-size:clamp(13px,1.15vw,15px);font-weight:550;line-height:1.45;color:#19222b}
.flex-summary li+li{margin-top:3px}
.flex-summary li::marker{color:var(--accent)}
.flash-services{margin:46px 0;border:1px solid #e1e5e9;border-radius:18px;padding:clamp(18px,3vw,38px);background:#f6f8fa;color:#182435}
.flash-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.flash-intro .eyebrow{color:#9f162d}.flash-intro h2{margin-bottom:12px}.flash-intro p:last-child{max-width:65ch;color:#4c5867}.flash-intro .button{flex-shrink:0}
.flash-solutions{display:grid;grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.flash-solutions li{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px;background:white;border:1px solid #e1e5e9;border-radius:10px;font-size:14px}
.flash-solutions li span{display:grid;place-items:center;flex:none;width:43px;height:43px;background:#25364d;border-radius:8px}
.flash-solutions img{width:32px;height:32px;object-fit:contain;filter:grayscale(1) brightness(1.2)}
@media(max-width:600px){.flash-intro{align-items:flex-start;flex-direction:column}.flash-solutions{grid-template-columns:repeat(2,minmax(0,1fr))}.flash-solutions li{gap:6px;padding:5px;font-size:12px}}
.front-hero.front-autoflashpro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;background:#f2f4f7}
.front-hero.front-autoflashpro:before {
  content: "";
  inset: -14%;
  background: linear-gradient(90deg, #f2f4f7f7 14%, #f2f4f7c4 43%, #f2f4f741 76%),
    url('/assets/autoflash-dashboard-preview.png') center/cover no-repeat;
  filter: blur(1.5px);
  transform: rotate(-8deg);
}
.front-autoflashpro h1{font-size:clamp(30px,4.15vw,67px);overflow-wrap:anywhere}
.front-autoflashpro .flash-tagline{color:#192436;font-weight:700}
.flash-portal{color:#a9162c;font-weight:700;text-decoration:underline;text-underline-offset:3px}

.shop-social{display:flex;gap:8px;justify-self:end}
.shop-social a{display:grid;place-items:center;width:38px;height:38px;color:#a9162c;border:1px solid #f1d4d9;border-radius:8px}
.shop-social a:is(:hover,:focus-visible){background:#fff3f4;color:#ce0d27}
.shop-social svg{width:19px;height:19px}
@media(max-width:1100px){.shop-social{padding:4px 0 8px}}
.front-hero.front-autel{background:#141416 url('/assets/autel-europe-diagnostics.jpg') 25% center/cover no-repeat;color:white}
.front-hero.front-autel:before{background:linear-gradient(90deg,#141416 0%,#141416e8 32%,transparent 66%)}
.front-autel p:not(.eyebrow){color:#efeff2}
.front-autel .autel-wordmark{display:block;width:min(200px,100%);height:auto;margin:0 0 14px}
.autel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}
.autel-tabs a{padding:8px 12px;border:1px solid #ead3d8;border-radius:8px;color:#a9162c;font-weight:650}
.autel-tabs a[aria-current=page],.autel-tabs a:hover{background:#fff0f2;border-color:#a9162c}
@media(max-width:580px){.front-hero.front-autel{background-position:center bottom;background-size:auto 52%;padding-bottom:52%}.front-hero.front-autel:before{background:linear-gradient(#141416 40%,transparent 65%)}}