.auto-page{--auto-space:clamp(56px,6vw,88px)}
.auto-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;padding-block:60px 80px}
.auto-hero .eyebrow{color:var(--muted);margin-bottom:25px}
.auto-hero h1{font-size:clamp(47px,4.8vw,70px);line-height:1.07;letter-spacing:-.05em}
.auto-lead{font-size:clamp(22px,1.8vw,27px);line-height:1.45;letter-spacing:-.02em;margin-top:29px;max-width:30ch}
.auto-intro{font-size:16px;color:var(--muted);line-height:1.8;margin-top:23px;max-width:50ch}
.auto-hero .button{margin-top:29px}
.auto-visual{background:#eaf0e3;padding:32px 38px;border:1px solid #d9e1d2}
.auto-visual-heading>span{font-size:12px;color:var(--muted)}
.auto-visual-heading h2{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin-top:9px}
.auto-request{background:var(--paper);border-left:3px solid #73925a;padding:18px 21px;margin-block:28px}
.auto-request>span{font-size:12px;color:var(--muted)}
.auto-request>p{font-size:18px;line-height:1.5;margin-top:9px;max-width:30ch}
.auto-route{list-style:none;padding:0;margin:0}
.auto-route li{position:relative;padding:0 0 24px 27px;border-left:1px solid #acbca4;margin-left:5px}
.auto-route li:last-child{padding-bottom:0;border-left-color:transparent}
.auto-route li:before{content:'';position:absolute;left:-4px;top:9px;width:7px;height:7px;background:#56764d}
.auto-route strong{display:block;font-size:16px;font-weight:500}
.auto-route span{display:block;font-size:14px;line-height:1.6;color:var(--muted);margin-top:5px;max-width:40ch}
.auto-visual figcaption{border-top:1px solid #cad4c3;font-size:12px;color:var(--muted);line-height:1.6;margin-top:26px;padding-top:17px;max-width:58ch}
.auto-page h2{font-size:clamp(32px,3.2vw,46px);line-height:1.16;letter-spacing:-.035em}
.auto-page .auto-visual h2{font-size:25px}
.auto-offer{background:var(--forest);color:var(--paper);padding-block:var(--auto-space)}
.auto-heading{margin-bottom:43px}
.auto-heading .eyebrow{color:#c4d0c6}
.auto-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.auto-offer-grid article{padding-top:24px;border-top:1px solid #4e6e61}
.auto-offer-grid h3{font-size:25px;letter-spacing:-.02em;margin-bottom:17px}
.auto-offer-grid p{font-size:16px;line-height:1.8;color:#c4d0c6;max-width:43ch}
.auto-delivery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px);padding-block:var(--auto-space)}
.auto-delivery>div>p:last-child{color:var(--muted);font-size:17px;line-height:1.8;max-width:44ch;margin-top:25px}
.auto-delivery dl{margin:0}
.auto-delivery dl>div{border-top:1px solid var(--line);padding:23px 0}
.auto-delivery dl>div:first-child{border:0;padding-top:0}
.auto-delivery dl>div:last-child{padding-bottom:0}
.auto-delivery dt{font-size:23px;letter-spacing:-.02em;line-height:1.3}
.auto-delivery dd{font-size:16px;line-height:1.8;color:var(--muted);margin:12px 0 0;max-width:48ch}
.auto-control{background:#eaf0e3;border-block:1px solid var(--line)}
.auto-control-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px);padding-block:58px}
.auto-control-inner p{font-size:17px;line-height:1.8;color:var(--muted);max-width:49ch}
.auto-neo{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:var(--auto-space)}
.auto-neo p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted);max-width:61ch;margin-top:20px}
.auto-neo>a{flex-shrink:0}
@media(max-width:900px){.auto-hero{gap:35px}.auto-hero h1{font-size:48px}.auto-visual{padding:25px}.auto-offer-grid{gap:28px}}
@media(max-width:800px){.auto-hero{grid-template-columns:1fr;padding-block:35px 52px;gap:35px}.auto-hero h1{font-size:clamp(44px,7.8vw,62px)}.auto-lead{font-size:23px;max-width:37ch}.auto-intro{max-width:57ch}.auto-visual{max-width:620px}.auto-offer-grid{grid-template-columns:1fr;gap:29px}.auto-offer-grid p{max-width:60ch}.auto-delivery,.auto-control-inner{grid-template-columns:1fr;gap:32px}.auto-delivery>div>p:last-child{max-width:57ch;font-size:16px}.auto-delivery dd,.auto-control-inner p{max-width:57ch;font-size:16px}.auto-neo{align-items:start;flex-direction:column;gap:20px}.auto-neo p:not(.eyebrow){font-size:16px}.auto-delivery h2 br,.auto-control-inner h2 br{display:none}}
@media(max-width:500px){.auto-page h2{font-size:32px}.auto-hero h1{font-size:44px}.auto-visual{padding:24px}.auto-page .auto-visual h2{font-size:24px}.auto-request{padding:17px}.auto-request>p{font-size:17px}.auto-offer-grid h3{font-size:24px}.auto-page .contact-inner p br{display:none}}
