/* A quieter treatment of the original JUHAS automotive identity. */
@font-face{font-family:Geist;src:url(geist-var.woff2) format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--red:#ce3c45;--red-dark:#a72c34}
body{font-family:Geist,Hanken,Arial,sans-serif}
.hero:before,.hero:after{display:none}
.hero-photo img{filter:saturate(.77) contrast(1.04) brightness(.87)}
.hero-photo:before{background:linear-gradient(90deg,#0b0e12 0%,#0b0e12ef 10%,#0b0e12a8 35%,#0b0e1226 72%),linear-gradient(0deg,#0b0e12a8,transparent 34%)}
.hero h1,.section h2,.precision h2,.reminder h2,.birthday-band h2,.service-card h3,.diagnostics h3,.trust-inner strong,.price-row strong,.price-row>b,.contact-block strong,.contact-big,.protocol-body h2{font-family:Geist,Arial,sans-serif}
.hero h1{font-size:clamp(70px,8vw,126px);font-weight:670;letter-spacing:-.065em;line-height:.99;text-shadow:none;margin:34px 0 27px}
.hero h1 em{color:#f0f3f0;font-style:normal}
.eyebrow-red{height:1px;background:#d8666e}
.hero-text>p{font-size:17px;line-height:1.62;color:#c0ccce}
.hero-stamp{margin-top:54px}
.stamp-square{border-color:#82939b;color:#c4d1d3;font-weight:700}
.button{font-weight:750;letter-spacing:.01em;transition:background .2s,color .2s}
.button:hover{transform:none}
.button-red{background:#bd3640}
.button-red:hover{background:#a92e37}
.trust-inner strong{font-size:20px;font-weight:650}
.trust-inner>div:not(:first-child):before{color:#799099;font-size:13px}
.section{padding-block:112px}
.section h2,.precision h2,.reminder h2{font-size:clamp(48px,5.3vw,78px);font-weight:650;line-height:1.06;letter-spacing:-.06em}
.section h2 em,.reminder h2 em{color:inherit}
.section-number{color:#b7444b}
.about-visual,.about-image{border-radius:4px}
.about-image-tag{border-radius:2px;background:#111820e8;backdrop-filter:blur(8px)}
.about-outline{display:none}
.precision{overflow:hidden;background:#11171b;border-top:1px solid #334047;border-bottom:1px solid #334047;color:#f4f5f2}
.precision-inner{display:grid;grid-template-columns:1fr .96fr;min-height:585px;align-items:center;gap:8%;padding-block:80px}
.precision-copy{max-width:560px}
.precision .section-number{color:#a6b7bb}
.precision h2{margin:27px 0 28px}
.precision-copy>p{font-size:19px;line-height:1.58;color:#b0c0c3;max-width:470px}
.precision-line{display:block;border-top:1px solid #45535a;padding-top:20px;margin-top:58px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#91a5aa}
.precision-visual{position:relative;display:grid;place-items:center;min-height:400px}
.precision-visual img{position:relative;width:min(480px,93%);height:auto;filter:drop-shadow(0 28px 35px #0008)}
.service-card h3{font-size:clamp(27px,3vw,38px);font-weight:590;letter-spacing:-.05em}
.service-card .service-index{color:#b2c1c4}
.service-card .service-symbol{color:#70858a}
.diagnostics h3{font-size:35px;font-weight:600}
.price-row strong{font-weight:630;letter-spacing:-.04em}
.price-row>b{font-weight:650;letter-spacing:-.06em}
.gallery figure,.gallery figure img{border-radius:3px}
.gallery img{filter:saturate(.81)}
.gallery figure:hover img{filter:saturate(.96)}
.reminder{background:#1d252a;background-image:none;padding:102px 0}
.reminder-grid{grid-template-columns:1fr .87fr;gap:9%}
.reminder .section-number{color:#a8b9bc}
.reminder h2 em{color:#f3f5f2}
.reminder p{font-size:16px;color:#b7c4c6}
.reminder-photo{position:relative;margin:0;overflow:hidden;height:380px;border-radius:3px;background:#293137}
.reminder-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.05)}
.reminder-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#080d12b8);pointer-events:none}
.reminder-photo figcaption{position:absolute;z-index:1;left:24px;bottom:19px;color:#f4f6f3;font-size:10px;font-weight:700;letter-spacing:.14em}
.birthday-band{background:#12191d}
.birthday-mark{font-size:29px;color:#c9d2d1}
.birthday-band h2{font-size:clamp(22px,2.15vw,31px);font-weight:600;letter-spacing:-.04em}
.birthday-band h2 em{color:#cbd9d8}
.birthday-band button{border-color:#697b80;font-weight:700}
.birthday-band button:hover{background:#2d3a40;border-color:#94a6aa}
.contact-block strong,.contact-big{font-weight:620}
.contact-map{border-radius:3px}
.contact-map .map-bottom{border-radius:0}
.birthday-panel:before{opacity:.07}
.protocol-body h2{font-size:clamp(55px,6.4vw,88px);font-weight:650;line-height:1.03}
.protocol-body h2 em{color:#e8eded}
.protocol-stamp{width:96px;height:96px;font-size:64px;border-width:2px;color:#adbdc0;border-color:#adbdc077;opacity:.45}
.protocol-body>strong{transform:none;color:#d4e1df;border-color:#6f858a}
.protocol-bottom button{background:#344248}
.protocol-bottom button:hover{background:#43565e}
@media(max-width:850px){.precision-inner{min-height:0;gap:4%;padding-block:70px}.precision-visual{min-height:320px}.precision-copy>p{font-size:16px}.precision-line{margin-top:36px}.reminder-grid{gap:5%}.reminder-photo{height:330px}}
@media(max-width:600px){.hero-photo:before{background:linear-gradient(0deg,#0b0e12 3%,#0b0e12ee 26%,#0b0e1288 66%,#0b0e122a)}.hero h1{font-size:clamp(60px,13.6vw,82px);line-height:.99}.hero-text>p{font-size:15px}.hero-stamp{margin-top:30px}.section{padding-block:76px}.section h2,.precision h2,.reminder h2{font-size:clamp(43px,10vw,58px)}.precision-inner{grid-template-columns:1fr;gap:8px;padding-block:70px}.precision-visual{min-height:265px}.precision-visual img{width:min(350px,86%)}.precision-line{margin-top:28px}.service-card h3{font-size:29px}.reminder{padding:76px 0}.reminder-grid{grid-template-columns:1fr;gap:38px}.reminder-photo{height:280px}.birthday-mark{font-size:27px}.birthday-band h2{font-size:24px}.protocol-body h2{font-size:clamp(48px,11vw,70px)}.protocol-stamp{width:70px;height:70px;font-size:47px}}

/* The practical information a driver needs before choosing a station. */
.visit{background:#f1f3f0;color:#111a1f;border-bottom:1px solid #cbd3d0}
.visit-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:10%;align-items:start}
.visit-intro h2{margin-bottom:24px}
.visit-intro>p{max-width:440px;font-size:17px;line-height:1.62;color:#526168;margin-bottom:23px}
.visit-list{border-top:1px solid #b7c2c0}
.visit-list article{display:grid;grid-template-columns:134px 1fr;gap:20px;padding:28px 0 30px;border-bottom:1px solid #b7c2c0}
.visit-list article>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#a84249;padding-top:8px}
.visit-list h3{font-family:Geist,Arial,sans-serif;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.045em;line-height:1.16;font-weight:640;margin:0 0 10px}
.visit-list p{color:#5c6b71;font-size:14px;line-height:1.58;max-width:540px;margin:0}
.visit-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:70px;padding:23px 0;border-top:1px solid #b7c2c0;border-bottom:1px solid #b7c2c0}
.visit-bottom>div{display:flex;align-items:baseline;gap:25px}
.visit-bottom>div span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#a84249;white-space:nowrap}
.visit-bottom strong{font-size:18px;letter-spacing:-.025em;font-weight:610}
.visit-bottom>a{white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.11em;border-bottom:1px solid #a84249;padding-bottom:7px}
.visit-bottom>a span{color:#a84249;font-size:18px;vertical-align:-2px;margin-left:10px}
.visit-sources{margin-top:14px;color:#64757a;font-size:11px;line-height:1.6}
.visit-sources a{text-decoration:underline;text-underline-offset:2px}
.registry-proof{margin-top:35px!important;padding-top:19px;border-top:1px solid #b8c4c3;font-size:13px!important;line-height:1.5!important;color:#526269!important}
.registry-proof strong{color:#111a1f}
.registry-proof a{text-decoration:underline;text-underline-offset:3px}
.questions{background:#e7ebe8;color:#111a1f;border-top:1px solid #cbd3d0;border-bottom:1px solid #cbd3d0}
.questions-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:10%}
.questions-intro h2{font-size:clamp(42px,4.4vw,68px);margin-bottom:25px}
.questions-intro>p{color:#5c6b71;font-size:16px;line-height:1.6;max-width:410px}
.question-list{border-top:1px solid #aebbb8}
.question-list details{border-bottom:1px solid #aebbb8}
.question-list summary{list-style:none;cursor:pointer;padding:25px 34px 25px 0;position:relative;font-family:Geist,Arial,sans-serif;font-weight:610;font-size:clamp(19px,2vw,26px);line-height:1.25;letter-spacing:-.04em}
.question-list summary::-webkit-details-marker{display:none}
.question-list summary:after{content:'+';position:absolute;right:2px;top:19px;font-weight:380;font-size:29px;color:#9b4149}
.question-list details[open] summary:after{content:'−'}
.question-list details>div{font-size:15px;line-height:1.62;color:#56666b;padding:0 35px 24px 0;max-width:600px}
.question-list details>div a{text-decoration:underline;text-underline-offset:3px;color:#7b353b}
@media(max-width:1000px){.visit-grid,.questions-grid{gap:6%}.visit-list article{grid-template-columns:100px 1fr;gap:15px}.visit-bottom>div{display:block}.visit-bottom strong{display:block;margin-top:8px}}
@media(max-width:700px){.visit-grid,.questions-grid{grid-template-columns:1fr;gap:40px}.visit-intro>p{font-size:15px}.visit-list article{grid-template-columns:1fr;gap:10px;padding:23px 0}.visit-list article>span{padding:0}.visit-list h3{font-size:25px}.visit-bottom{margin-top:45px;display:block}.visit-bottom>a{display:inline-block;margin-top:18px}.questions-intro h2{font-size:clamp(43px,10vw,58px)}.questions-intro>p{font-size:15px}.question-list summary{font-size:21px;padding-block:20px}.question-list summary:after{top:14px}.question-list details>div{font-size:14px}}
