@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--yellow:#eedb55;--muted:#888a88}*{box-sizing:border-box}body{margin:0;background:#000000;color:#f2f2ef;font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:7px}button{color:inherit}a{color:inherit;text-decoration:none}.experience{isolation:isolate;position:relative;min-height:760px;height:100svh;overflow:hidden;background:#000000}header{position:absolute;top:35px;left:4.4%;right:4.4%;display:flex;align-items:center;justify-content:space-between;z-index:4;opacity:0;transition:opacity 1.6s}.wordmark{font-size:23px;display:flex;align-items:center;font-weight:800;gap:8px;letter-spacing:-1px}.wordmark-sub{font-size:12px;font-weight:500;letter-spacing:2px;margin-left:5px}.slashes{display:flex;gap:3px;margin-right:5px;transform:skew(-24deg)}.slashes i{height:21px;width:6px;background:#769dae}.slashes i:nth-child(2){background:#486182}.slashes i:nth-child(3){background:var(--yellow)}.header-note,.edition{font-size:12px;letter-spacing:1.5px;color:#aaa}.edition span{color:#424242;margin:0 10px}.title{position:absolute;top:17%;width:100%;text-align:center;z-index:2;opacity:0;transform:translateY(16px);transition:opacity 2s,transform 2s}.eyebrow{font-size:12px;letter-spacing:4px;color:#aaa;margin:0 0 20px}h1{font-size:clamp(54px,8.7vw,146px);letter-spacing:-.07em;line-height:1.06;font-weight:800;margin:0}.scene{position:absolute;inset:0;z-index:1;pointer-events:none}.car-frame{position:absolute;width:min(1100px,90vw);aspect-ratio:3/2;left:50%;top:51%;transform:translate(-50%,-42%);transition:filter 1.8s}.car,.lights{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 3.6s ease,filter 2s ease;will-change:opacity}.car{filter:brightness(.74)}.lights{transition:opacity 2.1s ease;filter:drop-shadow(0 0 8px #dcc44188)}.vignette{position:absolute;inset:0;background:linear-gradient(0deg,#000000 2%,transparent 29%,transparent 65%,#000000 98%);pointer-events:none}.side-caption{position:absolute;left:4.4%;top:52%;font-size:10px;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg);color:#626462;z-index:3;opacity:0;transition:opacity 2s}.bottom{position:absolute;bottom:97px;left:4.4%;right:4.4%;z-index:4;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity 2s}.small-label{font-size:11px;letter-spacing:2px;color:#8c8e88}.caption p{font-size:21px;margin:8px 0 0;letter-spacing:-.5px}.light-button{display:flex;align-items:center;gap:12px;border:1px solid #ffffff30;background:#12131080;backdrop-filter:blur(12px);border-radius:40px;padding:15px 23px;font-size:13px;transition:border-color .3s,background .3s}.light-button:hover{border-color:var(--yellow);background:#29281880}.light-button svg{width:23px;height:23px;color:var(--yellow)}.replay{border:0;background:none;color:#999;font-size:12px;display:flex;align-items:center;gap:10px}.replay:hover{color:#eee}.replay>span{font-size:23px}.base-line{position:absolute;bottom:30px;left:4.4%;right:4.4%;padding-top:20px;border-top:1px solid #ffffff18;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#737670;z-index:4;opacity:0;transition:opacity 2s}.light-state{display:flex;align-items:center;gap:8px}.light-state i{width:5px;height:5px;background:var(--yellow);border-radius:50%}.loader{position:fixed;inset:0;background:#000000;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s,visibility .8s}.loader img{animation:spin 2.4s cubic-bezier(.45,.05,.55,.95) infinite}.load-track{width:140px;height:1px;background:#333;margin:38px 0 20px;overflow:hidden}.load-track i{display:block;width:50%;height:100%;background:var(--yellow);animation:loading 1.8s ease-in-out infinite}.loader>span{font-size:10px;letter-spacing:2px;color:#92938d}.skip{position:absolute;bottom:45px;border:0;background:none;color:#92938d;font-size:12px}.loader.done{opacity:0;visibility:hidden}.lights-on .lights{opacity:1}.revealed .car{opacity:1}.presented .title,.presented header,.presented .bottom,.presented .base-line,.presented .side-caption{opacity:1;transform:none}.presented .side-caption{transform:rotate(180deg)}.bright .car{filter:brightness(1.3)}.bright .light-button{border-color:#eedb5566}.error{position:absolute;top:40%;left:10%;right:10%;text-align:center;z-index:5}.error button{background:none;border:0;text-decoration:underline}.error[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
@media(min-width:1600px){.car-frame{width:min(1350px,84vw)}}
@media(max-width:700px){.experience{min-height:640px}header{top:25px;left:6%;right:6%}.header-note{display:none}.wordmark{font-size:20px}.wordmark-sub{font-size:10px}.edition{font-size:11px}.title{top:21%}.eyebrow{font-size:9px;letter-spacing:2.2px;margin-bottom:17px}h1{font-size:clamp(40px,10.8vw,75px);letter-spacing:-.065em}.car-frame{width:145vw;max-width:900px;top:48%;transform:translate(-50%,-37%)}.side-caption{display:none}.bottom{bottom:103px;left:6%;right:6%;flex-wrap:wrap;gap:22px}.caption{width:100%;text-align:center}.caption p{font-size:19px}.small-label{font-size:9px}.light-button{padding:11px 16px;font-size:12px}.replay{font-size:10px;gap:7px}.base-line{left:6%;right:6%;bottom:28px;font-size:8px;letter-spacing:1px}.light-state{font-size:8px}.vignette{background:linear-gradient(0deg,#000000 10%,transparent 35%,transparent 66%,#000000 95%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.car,.lights{will-change:auto}}
@media(min-width:701px){.car-frame{top:53%;transform:translate(-50%,-30%)}}
@media(max-width:700px){.car-frame{width:120vw;top:46%;transform:translate(-50%,-20%)}}

/* Feather the scene into the same black surface on all four edges. */
.car-frame{mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
.car{transition:opacity 4.2s cubic-bezier(.33,0,.67,1),filter 3.5s ease}
.lights{transition:opacity 2.8s cubic-bezier(.25,.46,.45,.94);filter:drop-shadow(0 0 6px #dcc44160)}
.title{transition:opacity 2s ease,transform 2.4s cubic-bezier(.2,.65,.3,1)}
header,.bottom,.base-line,.side-caption{transition:opacity 1.8s ease}
.resetting .car,.resetting .lights,.resetting .title,.resetting header,.resetting .bottom,.resetting .base-line,.resetting .side-caption{transition-duration:.65s;transition-timing-function:ease-in-out}
.instant .car,.instant .lights,.instant .title,.instant header,.instant .bottom,.instant .base-line,.instant .side-caption{transition:none}
@media(prefers-reduced-motion:reduce){.car,.lights,.title,header,.bottom,.base-line,.side-caption{transition:none!important}}
/* Vehicle contact points share one ground line. Rear cars sit only slightly farther away. */
.motor-stage{position:absolute;width:min(1560px,100%);aspect-ratio:2.4;left:50%;top:auto;bottom:110px;transform:translateX(-50%);isolation:isolate;container-type:inline-size}
.motor-stage .car-frame{z-index:8;width:46%;max-width:none;left:50%;top:auto;bottom:0;transform:translateX(-50%);mask-image:none;-webkit-mask-image:none;clip-path:polygon(30% 10%,40% 8%,60% 8%,70% 10%,78% 24%,85% 24%,88% 27%,86% 34%,90% 46%,90% 87%,86% 90%,14% 90%,10% 87%,10% 46%,14% 34%,12% 27%,15% 24%,22% 24%)}
.fleet-vehicle{position:absolute;aspect-ratio:3/2;transform:translateX(calc(-50% + var(--entry)));isolation:isolate;transition:transform 3.2s cubic-bezier(.33,0,.3,1);will-change:transform}
.fleet-0{left:17%;width:26%;bottom:4.28cqw;z-index:1;--entry:80%}
.fleet-1{left:26%;width:28%;bottom:3.49cqw;z-index:2;--entry:60%}
.fleet-2{left:35%;width:30%;bottom:4.4cqw;z-index:3;--entry:30%}
.fleet-3{left:65%;width:30%;bottom:4.2cqw;z-index:3;--entry:-30%}
.fleet-4{left:74%;width:28%;bottom:3.68cqw;z-index:2;--entry:-60%}
.fleet-5{left:83%;width:26%;bottom:4.28cqw;z-index:1;--entry:-80%}
.fleet-vehicle.lamps-visible{transform:translateX(-50%)}
.fleet-body,.fleet-lights{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;opacity:0;will-change:opacity}
.fleet-body{filter:brightness(.64);transition:opacity 2.8s cubic-bezier(.33,0,.67,1),filter 3.5s ease}
.fleet-lights{filter:drop-shadow(0 0 3px #daeaff66);transition:opacity 1.5s cubic-bezier(.33,0,.67,1)}
.fleet-vehicle.lamps-visible .fleet-lights{opacity:.9}
.fleet-vehicle.body-visible .fleet-body{opacity:1}
.bright .fleet-body{filter:brightness(.95)}
.resetting .fleet-body,.resetting .fleet-lights,.resetting .fleet-vehicle{transition-duration:.65s}
.instant .fleet-body,.instant .fleet-lights,.instant .fleet-vehicle{transition:none}
.side-caption{display:none}
.vignette{background:linear-gradient(0deg,#000 0%,transparent 15%,transparent 90%,#000 100%)}
@media(max-width:700px){
 .motor-stage{top:auto;bottom:210px;width:100%;aspect-ratio:1.6}
 .motor-stage .car-frame{width:58%;bottom:0}
 .fleet-0{width:28%;bottom:5.17cqw}.fleet-1{width:30%;bottom:4.33cqw}.fleet-2{width:32%;bottom:5.31cqw}
 .fleet-3{width:32%;bottom:5.09cqw}.fleet-4{width:30%;bottom:4.53cqw}.fleet-5{width:28%;bottom:5.17cqw}
 .eyebrow{letter-spacing:1.3px}.bottom{bottom:105px}.base-line{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.fleet-body,.fleet-lights,.fleet-vehicle{transition:none!important;will-change:auto}}

/* ABER identity: the solid display plates follow each vehicle's reveal and lighting. */
.wordmark{display:block;width:260px;flex-shrink:0;line-height:0;letter-spacing:normal}
.wordmark img{display:block;width:100%;height:auto}
.header-note{margin:0 28px;text-align:center}
.plate-frame{position:absolute;left:50%;top:66%;width:26%;height:auto;transform:translateX(-50%);opacity:0;filter:brightness(.74);transition:opacity 4.2s cubic-bezier(.33,0,.67,1),filter 3.5s ease;z-index:1}
.revealed .car-frame .plate-frame{opacity:1}
.fleet-vehicle .plate-frame{width:24%;top:66%;filter:brightness(.64);transition:opacity 2.8s cubic-bezier(.33,0,.67,1),filter 3.5s ease}
.fleet-vehicle.body-visible .plate-frame{opacity:1}
.fleet-vehicle[data-model="patrol"] .plate-frame{top:68%;width:22%}
.fleet-vehicle[data-model="lexus"] .plate-frame{top:68%;width:23%}
.fleet-vehicle[data-model="audi"] .plate-frame{top:66%;width:25%}
.fleet-vehicle[data-model="mercedes"] .plate-frame{top:69%;width:24%}
.fleet-vehicle[data-model="camry"] .plate-frame{top:67%;width:24%}
.fleet-vehicle[data-model="porsche"] .plate-frame{top:65%;width:24%}
.bright .car-frame .plate-frame{filter:brightness(1.3)}
.bright .fleet-vehicle .plate-frame{filter:brightness(.95)}
.resetting .plate-frame{transition-duration:.65s;transition-timing-function:ease-in-out}
.instant .plate-frame{transition:none}
@media(max-width:1000px){.header-note{display:none}}
@media(max-width:700px){.wordmark{width:200px}.edition{font-size:9px;letter-spacing:.6px}.edition span{margin:0 4px}}
@media(max-width:380px){.wordmark{width:185px}.edition{display:none}}
@media(prefers-reduced-motion:reduce){.plate-frame{transition:none!important}}

.wordmark img,.loader-turbine{filter:contrast(1.5);mix-blend-mode:screen}

.plate-frame{aspect-ratio:4.6;object-fit:fill;border-radius:2px}

/* Full-width brand signature and simplified hero copy. */
.wordmark{width:300px}
@media(max-width:700px){.wordmark{width:240px}.bottom{flex-wrap:nowrap}.title{top:24%}}
@media(max-width:380px){.wordmark{width:220px}}

@media(min-width:701px){.title{top:max(180px,22%)}}


/* A physical overhead luminaire with broad, feathered light scatter. */
.experience{--studio-power:0}
.studio-light{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--studio-power)}
.studio-source{position:absolute;top:2%;left:16%;width:68%;height:auto;display:block;mix-blend-mode:screen}
.studio-beam{position:absolute;left:-4%;top:8%;width:108%;height:88%;background:radial-gradient(ellipse 42% 86% at 50% 0%,#f8faff24 0%,#f4f7ff14 27%,#eef2ff09 59%,transparent 90%),radial-gradient(ellipse 70% 110% at 50% 0%,#f7f9ff0e,transparent 76%);filter:blur(15px);mask-image:linear-gradient(transparent,#000 9%,#000 69%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 69%,transparent)}
.studio-floor{position:absolute;left:0;bottom:3%;width:100%;height:24%;border-radius:50%;background:radial-gradient(ellipse at 50% 45%,#e4eaf235 0%,#dce4ef24 28%,#dce4ef0c 56%,transparent 76%);filter:blur(9px);transform:scaleY(.65)}
.studio-reflection{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;mix-blend-mode:screen;filter:brightness(.85) saturate(.3);mask-image:radial-gradient(ellipse 68% 62% at 50% 16%,#000 0%,#000c 39%,#0004 69%,transparent 94%);-webkit-mask-image:radial-gradient(ellipse 68% 62% at 50% 16%,#000 0%,#000c 39%,#0004 69%,transparent 94%)}
.revealed .car-frame .studio-reflection,.body-visible .studio-reflection{opacity:calc(var(--studio-power) * .7)}
.car{filter:brightness(calc(.74 + var(--studio-power) * .35));transition:opacity 4.2s cubic-bezier(.33,0,.67,1)}
.fleet-body{filter:brightness(calc(.64 + var(--studio-power) * .28));transition:opacity 2.8s cubic-bezier(.33,0,.67,1)}
.car-frame .plate-frame{filter:brightness(calc(.74 + var(--studio-power) * .35))}
.fleet-vehicle .plate-frame{filter:brightness(calc(.64 + var(--studio-power) * .28))}
.plate-frame{transition-property:opacity}
.studio-on .light-button{border-color:#ffffff55;background:#20212490}
@media(max-width:700px){.studio-source{top:5%;left:6%;width:88%}.studio-beam{top:12%;height:78%;filter:blur(10px)}.studio-floor{bottom:4%;height:19%}.light-button{font-size:11px;padding:11px 13px}}

.hero-nav{display:flex;gap:30px;font-size:14px}.hero-nav a{padding:10px 0;color:#aaa}.hero-nav a:hover,.hero-nav a[aria-current]{color:#fff}.hero-nav a[aria-current]{border-bottom:1px solid #fff}.services-entry{font-size:12px;color:#ddd;letter-spacing:1.2px}.services-entry span{margin-left:10px}@media(max-width:700px){.hero-nav{gap:16px;font-size:13px}header .wordmark{width:190px}.services-entry{font-size:11px}}@media(max-width:380px){header .wordmark{width:155px}.hero-nav{gap:12px}}

/* Services continue naturally below the opening scene. */
html{scroll-behavior:smooth;scroll-padding-top:28px}
.services-section{position:relative;background:#080808;padding:80px 0 90px;color:#f2f2ef}
.services-wrap{width:min(1320px,91.2%);margin-inline:auto}
.services-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:34px}
.services-heading h2{margin:0;font-size:clamp(36px,4.4vw,64px);font-weight:700;letter-spacing:-.05em;line-height:1.1}
.services-heading p{font-size:14px;color:#929292;margin:0}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-tile{position:relative;isolation:isolate;aspect-ratio:1.23;overflow:hidden;border:1px solid #ffffff1c;border-radius:5px;background:#101010;outline-offset:5px;transition:transform .45s cubic-bezier(.2,.7,.3,1),border-color .45s,box-shadow .45s}
.service-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:brightness(.76) saturate(.7);transform:scale(1.015);transition:transform .85s cubic-bezier(.2,.65,.3,1),filter .65s}
.service-tile::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#00000000 15%,#00000020 35%,#000000bd 69%,#000000f2 100%);pointer-events:none}
.service-tile-copy{position:absolute;z-index:2;left:27px;right:27px;bottom:26px;transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.service-tile h3{font-size:clamp(21px,2vw,29px);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0 0 16px;max-width:340px}
.service-tile p{font-size:17px;margin:0;color:#dedede}
.service-tile strong{font-weight:500;font-size:24px;letter-spacing:-.025em}
.service-tile:focus-visible{outline:2px solid #eee;border-color:#ffffff77}
.service-tile:focus-visible>img{transform:scale(1.085);filter:brightness(.95) saturate(.9)}
.service-tile:focus-visible .service-tile-copy{transform:translateY(-5px)}
.services-price-note{font-size:13px;line-height:1.6;color:#888;margin:28px 0 0}
@media(hover:hover) and (pointer:fine){.service-tile:hover{transform:translateY(-5px);border-color:#ffffff55;box-shadow:0 16px 38px #0007}.service-tile:hover>img{transform:scale(1.085);filter:brightness(.95) saturate(.9)}.service-tile:hover .service-tile-copy{transform:translateY(-5px)}}
@media(max-width:1000px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tile h3{font-size:27px}}
@media(max-width:600px){.services-section{padding:52px 0 60px}.services-wrap{width:88%}.services-heading{margin-bottom:24px;align-items:flex-start;flex-direction:column;gap:12px}.services-heading p{font-size:13px}.services-grid{grid-template-columns:1fr;gap:18px}.service-tile{aspect-ratio:1.28}.service-tile h3{font-size:27px}.service-tile-copy{left:24px;right:24px;bottom:24px}.services-price-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-tile,.service-tile>img,.service-tile-copy{transition:none!important}.service-tile:hover,.service-tile:focus-visible>img,.service-tile:hover>img,.service-tile:hover .service-tile-copy,.service-tile:focus-visible .service-tile-copy{transform:none}}
/* Service cards are native buttons; native dialog handles focus trapping and Escape. */
html{scrollbar-gutter:stable}
.tile-open{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-start;justify-content:flex-end;padding:21px;border:0;background:transparent;border-radius:inherit;text-align:right}
.tile-open>span{font-size:12px;color:#ddd;background:#0007;padding:7px 11px;border:1px solid #ffffff30;border-radius:20px;backdrop-filter:blur(8px)}
.tile-open:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.service-tile:focus-within>img{transform:scale(1.085);filter:brightness(.95) saturate(.9)}
.service-tile:focus-within .service-tile-copy{transform:translateY(-5px)}
.service-tile-copy p{font-size:24px;font-weight:500;letter-spacing:-.025em}
.service-tile:nth-child(2)>img{filter:brightness(.9) saturate(.8)}
.service-dialog-open{overflow:hidden}
.service-dialog{padding:0;border:1px solid #3c3c3c;border-radius:16px;color:#eee;background:#101010;width:min(960px,calc(100% - 40px));max-width:none;max-height:88svh;overflow:auto;overscroll-behavior:contain;margin:auto}
.service-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}
.service-dialog[open]{animation:dialog-enter .22s ease-out}
.dialog-layout{display:grid;grid-template-columns:.8fr 1.2fr;min-height:540px}
.dialog-visual{position:relative;min-height:100%;overflow:hidden;background:#060606}
.dialog-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.78}
.dialog-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 65%)}
.dialog-copy{padding:46px 36px 34px}
.dialog-brand{color:#888;font-size:11px;letter-spacing:1.7px;margin:0 38px 21px 0}
.dialog-copy h2{font-size:clamp(27px,3vw,39px);line-height:1.15;letter-spacing:-.04em;margin:0 0 22px}
#dialog-description{font-size:16px;line-height:1.7;color:#bbb;margin:0}
.dialog-price{padding:23px 0;margin:6px 0 22px;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:7px}
.dialog-price strong{font-size:28px;font-weight:500}.dialog-price span{font-size:12px;color:#909090}
.dialog-copy h3{font-size:18px;margin:0 0 15px;font-weight:600}
#dialog-includes{padding-left:19px;font-size:14px;line-height:1.65;color:#bbb;margin:0 0 22px}
#dialog-includes li+li{margin-top:9px}
.dialog-note,.dialog-estimate{font-size:13px;line-height:1.65;color:#999;margin:0 0 16px}
.dialog-estimate{margin:0;color:#777}
.dialog-close{position:absolute;z-index:5;top:14px;right:14px;width:42px;height:42px;border:1px solid #ffffff40;border-radius:50%;background:#171717;color:white;font-size:27px;line-height:1}
.dialog-close:hover{background:#333}
@keyframes dialog-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.service-dialog{width:calc(100% - 24px);max-height:90svh;border-radius:12px}.dialog-layout{grid-template-columns:1fr;min-height:0}.dialog-visual{height:170px;min-height:0}.dialog-copy{padding:25px}.dialog-brand{margin-bottom:16px}.dialog-close{position:sticky;float:right;margin:12px 12px -54px 0;top:12px;right:12px}.dialog-price strong{font-size:26px}.tile-open{padding:16px}}
@media(prefers-reduced-motion:reduce){.service-dialog[open]{animation:none}.service-tile:focus-within>img,.service-tile:focus-within .service-tile-copy{transform:none}}
/* About: contact tiles on the left, source-filtered customer voices on the right. */
.about-section{background:#080808;padding:80px 0 100px;border-top:1px solid #ffffff12}
.about-wrap{width:min(1320px,91.2%);margin:auto}
.about-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:48px}
.about-heading h2{font-size:clamp(36px,4.4vw,64px);font-weight:700;letter-spacing:-.05em;margin:0}
.about-heading>p{font-size:14px;color:#888;margin:0}
.about-columns{display:grid;grid-template-columns:1fr 1.12fr;gap:70px;align-items:start}
.about-contact{position:sticky;top:35px}
.about-eyebrow{font-size:12px;letter-spacing:2px;color:#888;margin:0 0 18px}
.about-contact h3{font-size:clamp(27px,3vw,40px);line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:0 0 20px}
.about-contact h3 span{color:#8b8b8b}
.about-lead{font-size:16px;line-height:1.7;color:#aaa;max-width:420px;margin:0 0 30px}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.social-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:188px;padding:25px;background:linear-gradient(145deg,#191919,#101010);border:1px solid #303030;border-radius:10px;text-align:left;overflow:hidden;transition:transform .35s,border-color .35s,background .35s}
.social-icon{display:grid;place-items:center;width:42px;height:42px;color:#e4e4e4;margin-bottom:25px;transition:transform .4s}
.social-icon svg{width:34px;height:34px}.social-arrow{position:absolute;top:25px;right:25px;font-size:22px;color:#777;transition:transform .35s,color .35s}
.social-name{font-size:21px;letter-spacing:-.03em;font-weight:600}.social-description{font-size:13px;color:#888;margin-top:7px}
.social-card:focus-visible{outline:2px solid #eee;outline-offset:4px}
@media(hover:hover){.social-card:hover{transform:translateY(-4px);border-color:#666;background:#1d1d1d}.social-card:hover .social-icon{transform:scale(1.12) rotate(-5deg)}.social-card:hover .social-arrow{transform:translate(3px,-3px);color:white}}
.contacts-status{min-height:40px;color:#888;font-size:13px;line-height:1.5;margin:20px 0 0}
.reviews-heading h3{font-size:28px;letter-spacing:-.035em;font-weight:600;margin:0 0 8px}.reviews-caption{font-size:14px;color:#888}
.reviews-switch{display:flex;gap:8px;margin:25px 0 22px;flex-wrap:wrap}
.review-source{border:1px solid #333;border-radius:30px;background:#111;padding:12px 18px;display:flex;align-items:center;gap:10px;font-size:14px;color:#aaa;transition:background .25s,color .25s}
.review-source.active{background:#eee;color:#111;border-color:#eee}.review-source>span{font-size:12px;opacity:.65}.review-source small{font-size:10px;text-transform:uppercase;letter-spacing:.07em;border:1px solid currentColor;padding:2px 5px;border-radius:4px;opacity:.7}
.review-card{padding:26px;background:#121212;border:1px solid #2a2a2a;border-radius:10px;margin-bottom:14px}
.review-byline{display:flex;align-items:center;gap:12px}.review-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#282828;color:#ddd;flex-shrink:0;font-size:18px}
.review-byline h4{font-size:15px;font-weight:600;margin:0 0 5px}.review-byline p{font-size:12px;color:#888;margin:0}.review-platform{margin-left:auto;font-size:12px;color:#888}
.review-stars{font-size:16px;letter-spacing:3px;color:#e0c466;margin:18px 0 12px}
.review-card blockquote{font-size:15px;line-height:1.75;color:#ddd;margin:0;overflow-wrap:anywhere}
.review-service{margin:18px 0 0;font-size:12px;color:#888;border-top:1px solid #ffffff0d;padding-top:14px}
.reviews-more{width:100%;display:flex;justify-content:center;gap:18px;border:1px solid #333;background:#111;border-radius:8px;padding:15px;font-size:14px;color:#ddd}.reviews-more:hover{background:#202020}
.reviews-panel[hidden],.review-card[hidden]{display:none}
.demo-review-note{font-size:13px;line-height:1.65;padding:15px 18px;border:1px dashed #555;border-radius:8px;color:#bbb;margin:0 0 18px}.demo-review blockquote{margin-top:20px}
@media(max-width:1000px){.about-columns{gap:32px;grid-template-columns:1fr 1.05fr}.social-card{padding:20px}.social-description{font-size:12px}.about-contact h3{font-size:29px}}
@media(max-width:700px){.about-section{padding:52px 0 65px}.about-wrap{width:88%}.about-heading{margin-bottom:30px}.about-heading>p{font-size:12px}.about-columns{grid-template-columns:1fr;gap:40px}.about-contact{position:static}.social-card{min-height:172px}.social-name{font-size:20px}.about-contact h3{font-size:30px}.review-card{padding:22px}.hero-nav{gap:12px;font-size:12px}header .wordmark{width:165px}.social-arrow{right:19px}.review-platform{font-size:11px}}
@media(max-width:380px){header{align-items:flex-start;gap:10px}.hero-nav{gap:9px;font-size:11px}header .wordmark{width:138px}.social-card{padding:17px}.social-description{font-size:11px}.review-byline h4{font-size:14px}}
@media(prefers-reduced-motion:reduce){.social-card,.social-icon,.social-arrow,.review-source{transition:none!important}.social-card:hover,.social-card:hover .social-icon,.social-card:hover .social-arrow{transform:none}}
/* Large metallic platform marks, with a contained review column of equal height. */
.about-columns{align-items:stretch}
.about-contact{position:static}
.social-card{min-height:220px;justify-content:flex-end;padding:24px;isolation:isolate;background:#0c0c0c}
.social-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.8);transition:transform .7s cubic-bezier(.2,.65,.3,1),filter .5s}
.social-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 25%,#0004 48%,#000e 100%);pointer-events:none}
.social-name{font-size:23px}.social-description{color:#aaa}.social-arrow{color:#ccc;z-index:1}
.social-card:focus-visible .social-art{transform:scale(1.07);filter:brightness(1)}
@media(hover:hover){.social-card:hover .social-art{transform:scale(1.07);filter:brightness(1)}.social-card:hover{background:#0c0c0c;border-color:#777}}
.about-reviews{contain:size;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.reviews-heading,.reviews-switch{flex-shrink:0}
.reviews-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#555 #151515;padding:4px 13px 2px 3px;scroll-padding:5px;border-radius:10px}
.reviews-scroll:focus-visible{outline:1px solid #777;outline-offset:-1px}
.reviews-scroll::-webkit-scrollbar{width:4px}.reviews-scroll::-webkit-scrollbar-thumb{background:#555;border-radius:6px}
.reviews-scroll .review-card:last-child{margin-bottom:0}
.reviews-scroll-cue{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:45px;border:0;background:linear-gradient(#080808,#101010);color:#bbb;font-size:13px;margin-top:10px;border-radius:7px}
.scroll-cue-arrow{font-size:22px;animation:review-nudge 1.9s ease-in-out infinite}
.reviews-scroll-cue.at-end{color:#666;cursor:default}.reviews-scroll-cue.at-end .scroll-cue-arrow{visibility:hidden;animation:none}
@keyframes review-nudge{0%,100%{transform:translateY(-2px);opacity:.5}50%{transform:translateY(3px);opacity:1}}
@media(max-width:1000px){.social-card{min-height:205px;padding:20px}.social-name{font-size:22px}}
@media(max-width:700px){.social-card{min-height:210px}.about-reviews{contain:none;height:620px;max-height:85svh;min-height:400px}.reviews-scroll{padding-right:10px}}
@media(max-width:380px){.social-card{min-height:185px;padding:18px}.social-name{font-size:20px}}
@media(prefers-reduced-motion:reduce){.social-art{transition:none!important}.social-card:hover .social-art,.social-card:focus-visible .social-art{transform:none}.scroll-cue-arrow{animation:none}}
/* Restrained brand hues preserve the existing metallic artwork. */
.social-card[data-contact="Telegram"]{--brand-tint:sepia(.45) saturate(1.7) hue-rotate(155deg)}
.social-card[data-contact="Avito"]{--brand-tint:sepia(.28) saturate(1.1) hue-rotate(85deg)}
.social-card[data-contact="Instagram"]{--brand-tint:sepia(.4) saturate(1.3) hue-rotate(285deg)}
.social-card[data-contact="Телефон"]{--brand-tint:sepia(.35) saturate(1.25) hue-rotate(70deg)}
.social-art{filter:var(--brand-tint) brightness(.85)}
.social-card:focus-visible .social-art{filter:var(--brand-tint) brightness(1.05)}
@media(hover:hover){.social-card:hover .social-art{filter:var(--brand-tint) brightness(1.05)}}
.contact-section{background:radial-gradient(ellipse at 12% 0%,#17191b 0%,#090a0b 42%,#080808 75%);padding:90px 0 0;border-top:1px solid #252525;scroll-margin-top:25px}
.contact-wrap{width:min(1320px,91.2%);margin:auto}.contact-heading{margin-bottom:50px}.contact-heading h2{font-size:clamp(42px,5.5vw,78px);letter-spacing:-.055em;line-height:1.06;margin:0;font-weight:600}.contact-heading h2 span{color:#85888c}
.contact-columns{display:grid;grid-template-columns:1fr 1.12fr;gap:32px;align-items:stretch}.request-panel,.location-panel{min-width:0;padding:34px;background:linear-gradient(135deg,#181a1c,#0e0f10);border:1px solid #303235;border-radius:14px}.panel-title{display:flex;align-items:center;gap:17px}.panel-title h3{font-size:27px;font-weight:500;letter-spacing:-.035em;margin:0}.panel-number{font-size:12px;color:#777;letter-spacing:.08em;border:1px solid #3a3c3f;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.contact-intro{font-size:15px;line-height:1.65;color:#999;margin:18px 0 25px}.contact-method{border:0;padding:0;margin:0 0 22px;display:flex;gap:8px}.contact-method legend{font-size:14px;margin-bottom:12px;color:#bbb}.contact-method label{flex:1;cursor:pointer;position:relative}.contact-method input{position:absolute;opacity:0;width:1px;height:1px}.contact-method span{display:block;text-align:center;padding:12px;border:1px solid #393b3e;border-radius:7px;color:#a8aaad;font-size:14px;transition:.25s}.contact-method input:checked+span{background:#d6dadf;color:#141619;border-color:#d6dadf}.contact-method input:focus-visible+span{outline:2px solid white;outline-offset:3px}.form-field{display:block;margin:0 0 22px}.form-field>span{display:block;font-size:14px;color:#c3c5c7;margin-bottom:10px}.form-field input,.form-field select,.form-field textarea{width:100%;box-sizing:border-box;background:#0b0c0d;border:1px solid #383a3d;border-radius:7px;padding:15px 16px;color:#eee;font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s;color-scheme:dark}.form-field input::placeholder,.form-field textarea::placeholder{color:#73767a}.form-field textarea{resize:vertical;min-height:100px;line-height:1.6}.form-field :is(input,textarea,select):focus{outline:none;border-color:#a5b2c0;box-shadow:0 0 0 3px #a5b2c014}.field-help{font-size:12px;color:#888;margin:-12px 0 24px}.request-submit{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #e1e5e9;padding:17px 20px;background:#dce0e4;color:#141619;border-radius:7px;font-size:16px;transition:background .25s,transform .25s}.request-submit>span:last-child{font-size:24px}.request-submit:hover{background:white;transform:translateY(-2px)}.form-demo{color:#878b90;font-size:12px;line-height:1.6;margin:14px 0 0}#request-status{padding:15px;margin:18px 0 0;border:1px solid #65717b;border-radius:7px;font-size:14px;line-height:1.6;color:#d1d9df;background:#1c2228}
.location-panel{display:flex;flex-direction:column}.location-address{margin:28px 0 25px}.location-address>span{font-size:14px;color:#92969a}.location-address h4{font-size:28px;font-weight:500;letter-spacing:-.03em;margin:8px 0 10px}.location-address p{font-size:12px;line-height:1.5;color:#8d9195;margin:0}.map-switch{display:flex;gap:6px;margin-bottom:16px}.map-switch button{padding:12px 18px;font-size:14px;border-radius:7px;border:1px solid #383b3e;background:transparent;color:#a3a7aa;transition:.25s}.map-switch button[aria-pressed="true"]{color:#eee;background:#303438;border-color:#555b61}.map-stage{flex:1;min-height:340px;border:1px solid #3a3d40;border-radius:10px;overflow:hidden;background:#232629}.map-stage iframe{display:block;width:100%;height:100%;min-height:340px;border:0;filter:saturate(.55)}.map-external{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:15px 0 5px;color:#d4d7da;text-decoration:none;font-size:15px}.map-external:hover{color:white}.map-help{font-size:12px;color:#777;line-height:1.5;margin:12px 0 0}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0;border-top:1px solid #292b2d;margin-top:70px;color:#797d81;font-size:12px}.site-footer>span:first-child{letter-spacing:.12em;color:#aaa}.site-footer a{color:#aaa;text-decoration:none}
@media(max-width:900px){.contact-columns{gap:20px}.request-panel,.location-panel{padding:24px}.panel-title h3{font-size:23px}.contact-method span{padding:12px 8px}}
@media(max-width:700px){.contact-section{padding-top:55px}.contact-wrap{width:88%}.contact-heading{margin-bottom:30px}.contact-columns{grid-template-columns:1fr}.request-panel,.location-panel{padding:23px}.map-stage,.map-stage iframe{height:360px;min-height:360px}.site-footer{flex-wrap:wrap;margin-top:45px;gap:14px}.site-footer>span:nth-child(2){display:none}header{flex-wrap:wrap}.hero-nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.request-submit,.contact-method span,.map-switch button{transition:none}.request-submit:hover{transform:none}}
.services-intro{max-width:800px;color:#a4a4a4;font-size:16px;line-height:1.7;margin:-14px 0 30px}.service-summary{display:block;color:#bbb;font-size:13px;line-height:1.5;margin:9px 0 12px;max-width:95%}.expertise-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 48px;border-top:1px solid #303030;border-bottom:1px solid #303030;padding:28px 0;gap:24px}.expertise-strip>div{display:flex;flex-direction:column;gap:12px;padding-left:24px;border-left:1px solid #303030}.expertise-strip>div:first-child{padding-left:0;border-left:0}.expertise-strip strong{font-size:42px;font-weight:500;letter-spacing:-.04em;color:#e5e7e9;line-height:1.15}.expertise-strip small{font-size:19px;font-weight:400;letter-spacing:-.02em}.expertise-strip span{font-size:14px;color:#999;line-height:1.5}.about-principle{font-size:14px;line-height:1.7;color:#b4b7ba;border-left:2px solid #555d64;padding-left:17px;margin:0 0 26px}.work-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 35px}.work-promises article{padding:22px 0;border-top:1px solid #3b3e41}.work-promises article>span{font-size:12px;letter-spacing:.1em;color:#7d8790}.work-promises h3{font-size:21px;letter-spacing:-.025em;font-weight:500;margin:16px 0 12px;line-height:1.3}.work-promises p{color:#9ba0a5;font-size:14px;line-height:1.7;margin:0}
@media(max-width:900px){.expertise-strip{gap:18px}.expertise-strip>div{padding-left:14px}.expertise-strip strong{font-size:34px}.expertise-strip small{font-size:16px}.work-promises{gap:20px}.work-promises h3{font-size:19px}}
@media(max-width:700px){.expertise-strip{grid-template-columns:1fr 1fr;row-gap:28px;margin-bottom:35px}.expertise-strip>div:nth-child(3){border:0;padding-left:0}.expertise-strip span{font-size:13px}.work-promises{grid-template-columns:1fr;gap:0;margin-bottom:22px}.work-promises article{padding:20px 0}.work-promises h3{margin:10px 0 8px}.services-intro{margin:0 0 25px;font-size:15px}.service-summary{font-size:12px}}

/* Continuous intro: each following stage overlaps the preceding fade tail. */
.experience .car,.experience .car-frame>.plate-frame{transition-duration:var(--bmw-reveal-duration,2600ms);transition-timing-function:cubic-bezier(.33,0,.67,1)}
.experience .fleet-body,.experience .fleet-vehicle .plate-frame{transition-duration:var(--fleet-reveal-duration,1800ms);transition-timing-function:cubic-bezier(.33,0,.67,1)}
.experience .fleet-vehicle{transition-duration:var(--fleet-reveal-duration,1800ms)}
.experience .fleet-lights{transition-duration:1000ms}
.experience.resetting .car,.experience.resetting .plate-frame,.experience.resetting .fleet-body,.experience.resetting .fleet-lights,.experience.resetting .fleet-vehicle{transition-duration:.65s}
.experience.instant .car,.experience.instant .plate-frame,.experience.instant .fleet-body,.experience.instant .fleet-lights,.experience.instant .fleet-vehicle{transition:none}
