/* ============================================================================
   BRIT / IT FÜR AUTOHÄUSER – INDIVIDUELLE BRANCHENSEITE
   01 Hero 02 Intro 03 Department Explorer 04 BMW Knowledge 05 Document Story
   06 Competencies 07 Product Ecosystem 08 Project Approach 09 FAQ 10 CTA
   Scoped to .auto-page only. Original BRIT site.css unaffected.
   ============================================================================ */

/* 00 / Foundations -------------------------------------------------------- */
.auto-page{--auto-ink:#10251d;--auto-ink2:#233b30;--auto-green:#84b413;--auto-lime:#a8db40;--auto-line:#dce6d6;--auto-muted:#5c6d61;overflow-x:clip}
.auto-page *{min-width:0}
.auto-page main{overflow:hidden}
.auto-page .section-pad{padding:clamp(75px,8vw,124px) 0}
.auto-page .auto-label{display:inline-block;color:#629021;letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:850;line-height:1.5}
.auto-page .auto-label--light{color:#bade87}
.auto-page h1,.auto-page h2,.auto-page h3{letter-spacing:-.052em;overflow-wrap:normal}
.auto-page h2{font-size:clamp(2.25rem,4vw,4.55rem);line-height:1.09;color:var(--auto-ink);margin:18px 0 0}
.auto-page h2 em{font-style:normal;color:#84b413}
.auto-page p{line-height:1.79}
.auto-page .auto-text-link{display:inline-flex;align-items:center;gap:9px;color:#bde493;font-weight:790;border-bottom:1px solid #bde49365;padding:0 0 10px;margin-top:21px;font-size:.92rem;text-decoration:none}
.auto-page .auto-text-link .icon{width:17px;height:17px;transition:transform .2s}
.auto-page .auto-text-link:hover .icon{transform:translateX(4px)}
.auto-page .auto-text-link--dark{color:#1a3525;border-color:#73954e90}
.auto-page [hidden]{display:none!important}

/* 01 / Hero --------------------------------------------------------------- */
.auto-hero{position:relative;min-height:690px;background:#0c211c;color:#fff;isolation:isolate}
.auto-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 11% 24%,rgba(118,176,32,.13),transparent 33%);z-index:-1;pointer-events:none}
.auto-hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,#0b211deF 0%,#0b211de8 22%,#0b211d99 41%,#0b211d0d 65%),url('../images/editorial/autohaus-branch-hero.webp');background-size:cover;background-position:center 45%;z-index:-1}
.auto-hero-grid{min-height:690px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:3%;padding-top:55px;padding-bottom:65px}
.auto-hero-text{max-width:640px;position:relative;z-index:2}
.auto-crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:44px;color:#d6e1d7;font-size:.76rem;line-height:1.6}
.auto-crumb a{color:#d6e1d7;text-decoration:none}.auto-crumb a:hover{color:#c4ef8c}.auto-crumb strong{font-weight:700;color:#f1f6ed}
.auto-eyebrow{display:inline-flex;align-items:center;gap:12px;color:#bfe38c;font-size:.7rem;letter-spacing:.15em;font-weight:850}
.auto-eyebrow-line{width:31px;height:3px;background:#a8d84d}
.auto-hero h1{font-size:clamp(3.25rem,5.3vw,5.95rem);line-height:1.035;max-width:720px;margin:22px 0 24px;color:#fff;font-weight:850}
.auto-hero h1 em{font-style:normal;color:#b8ed67}
.auto-hero-text>p{max-width:615px;color:#d4e0d6;font-size:clamp(1.02rem,1.25vw,1.14rem);line-height:1.83;margin:0}
.auto-actions{margin-top:33px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.auto-actions .btn{font-weight:780}
.auto-subtle-link{display:inline-flex;align-items:center;gap:8px;padding:15px 0;color:#edf3e8;font-size:.85rem;font-weight:700;text-decoration:none}.auto-subtle-link:hover{color:#b9e77b}
.auto-subtle-link .icon{width:16px;height:16px}
.auto-hero-facts{display:flex;align-items:center;gap:21px;margin-top:60px;color:#e4efe1}
.auto-hero-facts>div{display:flex;align-items:center;gap:15px;line-height:1.45;font-size:.75rem;color:#c0d4c1}
.auto-hero-facts strong{font-size:2.7rem;line-height:1;letter-spacing:-.07em;color:#fff}.auto-hero-facts strong span{color:#b4dc73}
.auto-hero-facts i{height:38px;width:1px;background:#9fc68e64;display:block;flex:none}
.auto-hero-facts .icon{width:25px;height:25px;color:#a8d84b}
.auto-hero-visual{position:relative;align-self:stretch;pointer-events:none}
.auto-hero-visual>img{display:none}
.auto-photo-ribbon{position:absolute;right:0;bottom:18px;display:flex;align-items:center;gap:11px;background:#122b21e8;border:1px solid #ffffff2f;backdrop-filter:blur(12px);padding:14px 19px;border-radius:9px;font-size:.78rem;color:#f3f8ec;box-shadow:0 12px 32px #0004;white-space:normal}
.auto-live-dot{width:8px;height:8px;background:#a8dc55;border-radius:50%;box-shadow:0 0 0 6px #a8dc551f;flex:none}
.auto-photo-credit{position:absolute;bottom:-39px;right:0;color:#adc2b1;font-size:.65rem}

/* 02 / Intro -------------------------------------------------------------- */
.auto-intro{background:#fff}
.auto-intro-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:10%;align-items:start}
.auto-intro h2{max-width:800px}
.auto-intro-grid>div:last-child{padding-top:37px}
.auto-intro .auto-large{font-size:clamp(1.4rem,1.85vw,2rem);line-height:1.5;font-weight:760;letter-spacing:-.038em;color:#20382b;margin:0 0 24px}
.auto-intro-grid>div:last-child>p:not(.auto-large){color:var(--auto-muted);font-size:1rem;max-width:600px}
.auto-intro-foot{display:flex;align-items:center;gap:12px;border-top:1px solid var(--auto-line);padding-top:24px;margin-top:30px;font-size:.8rem;color:#5a7661;font-weight:750}
.auto-tiny-square{width:18px;height:18px;border:5px solid #8fbb35;transform:skew(-9deg);flex:none}

/* 03 / Department Explorer ----------------------------------------------- */
.auto-areas{background:#edf2e9}
.auto-section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:7%;align-items:end;margin-bottom:45px}
.auto-section-heading h2{margin:16px 0 0}
.auto-section-heading>p{max-width:420px;margin:0 0 5px auto;color:#617365;font-size:1rem}
.auto-department{display:grid;grid-template-columns:minmax(230px,.73fr) minmax(0,1.27fr);gap:17px;align-items:stretch}
.auto-dept-nav{display:grid;grid-template-rows:repeat(4,1fr);gap:9px}
.auto-dept-tab{border:1px solid #d9e4d5;border-radius:13px;background:#fff;min-height:105px;display:flex;gap:19px;align-items:center;text-align:left;color:#223c2b;padding:24px;cursor:pointer;font:inherit;transition:background .2s,color .2s,border-color .2s,transform .2s}
.auto-dept-tab>.icon:first-child{width:30px;height:30px;color:#709a28;flex:none}
.auto-dept-tab span{font-weight:790;font-size:1.09rem;letter-spacing:-.025em;flex:1}
.auto-dept-tab .auto-dept-arrow{width:20px;height:20px;opacity:.55;flex:none}
.auto-dept-tab:hover{transform:translateX(2px);border-color:#a4bf91}
.auto-dept-tab.is-active{background:#142c21;border-color:#142c21;color:#fff;box-shadow:0 11px 25px #12321824}
.auto-dept-tab.is-active .icon{color:#ade26a}
.auto-dept-tab:focus-visible{outline:3px solid #83b52c;outline-offset:3px}
.auto-dept-stage{background:#11291f;color:#fff;border-radius:18px;position:relative;padding:clamp(29px,3.7vw,65px);min-height:475px;display:flex;flex-direction:column;overflow:hidden}
.auto-dept-stage::before{content:"";position:absolute;right:-110px;top:-120px;width:340px;height:340px;border:1px solid #b4d79b2b;border-radius:50%;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff03;pointer-events:none}
.auto-dept-panel{position:relative;z-index:1;flex:1;max-width:650px;animation:auto-fade-in .27s ease both}
.auto-panel-overline{color:#bfe492;font-size:.66rem;font-weight:800;letter-spacing:.15em}
.auto-panel-icon{width:60px;height:60px;display:grid;place-items:center;border:1px solid #89c45f55;background:#9ad33c1e;border-radius:14px;margin:30px 0 24px;color:#bbec80}
.auto-panel-icon .icon{width:29px;height:29px}
.auto-dept-panel h3{font-size:clamp(1.9rem,2.6vw,2.7rem);line-height:1.17;margin:0 0 16px;color:#fff;max-width:570px}
.auto-dept-panel p{color:#cadacc;max-width:550px;font-size:.96rem;line-height:1.78}
.auto-panel-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.auto-panel-tags span{padding:7px 11px;border:1px solid #b5ce9e42;border-radius:6px;color:#dcead2;font-size:.72rem;font-weight:700}
.auto-panel-link{display:inline-flex;gap:10px;align-items:center;color:#c5f28f;font-size:.89rem;text-decoration:none;font-weight:800;margin-top:25px}
.auto-panel-link .icon{width:18px;height:18px;transition:transform .2s}.auto-panel-link:hover .icon{transform:translateX(4px)}
.auto-panel-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:22px;border-top:1px solid #ffffff2d}
.auto-panel-meter{display:flex;gap:7px;flex:none}.auto-panel-meter i{height:4px;width:26px;background:#4d6850;border-radius:8px}.auto-panel-meter i.is-current{background:#bbec7d}
.auto-demo-note{color:#9cb8a2;font-size:.66rem;text-align:right}
@keyframes auto-fade-in{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}

/* 04 / BMW know-how ------------------------------------------------------- */
.auto-bmw{background:#142b22;color:#fff;position:relative;isolation:isolate}
.auto-bmw::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 81% 42%,#89b13c1a,transparent 39%);z-index:-1;pointer-events:none}
.auto-bmw-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:7%;align-items:center}
.auto-bmw h2{color:#fff;margin:20px 0 30px;max-width:680px}
.auto-bmw-copy>p{color:#bed0c2;max-width:570px;font-size:.99rem;margin-bottom:19px}
.auto-bmw-diagram{border:1px solid #ffffff28;border-radius:16px;background:#20392e;padding:22px;box-shadow:0 32px 70px #06120d63}
.auto-diagram-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#c9dbcd;font-weight:850;font-size:.65rem;letter-spacing:.14em}
.auto-diagram-core{height:190px;display:grid;place-items:center;position:relative}
.auto-diagram-core::before,.auto-diagram-core::after{content:"";position:absolute;border:1px solid #b7db8160;border-radius:50%}
.auto-diagram-core::before{width:160px;height:160px}.auto-diagram-core::after{width:220px;height:220px;border-color:#d1f69d26}
.auto-diagram-center{background:#edf7e3;width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#1b3122;position:relative;z-index:1;box-shadow:0 0 0 8px #9bcf4f23}
.auto-diagram-center .icon{width:30px;height:30px;color:#83ae2b}.auto-diagram-center strong{font-size:.97rem}.auto-diagram-center small{font-size:.59rem;color:#627a5b}
.auto-diagram-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;position:relative;z-index:1}
.auto-diagram-grid>div{background:#335143;border:1px solid #73967952;border-radius:9px;display:grid;grid-template-columns:28px 1fr;column-gap:11px;align-items:center;padding:18px 15px}
.auto-diagram-grid .icon{width:23px;height:23px;color:#bce58b;grid-row:span 2}
.auto-diagram-grid strong{font-size:.87rem;color:#fff}.auto-diagram-grid small{font-size:.7rem;color:#c4d5c6}
.auto-diagram-foot{color:#a5bca8;font-size:.67rem;text-align:right;margin:18px 0 0}

/* 05 / Document story ----------------------------------------------------- */
.auto-journey{background:#fff}
.auto-journey-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;position:relative;margin-top:55px}
.auto-journey-track::before{content:"";position:absolute;height:2px;background:#aac98a;left:11%;right:11%;top:68px}
.auto-journey-item{padding:0 clamp(10px,1.8vw,24px);position:relative;z-index:1}
.auto-journey-index{font-size:.73rem;letter-spacing:.1em;font-weight:850;color:#84a45d;display:block;margin-bottom:17px}
.auto-journey-symbol{background:#f1f6ea;border:1px solid #d1dfc7;display:grid;place-items:center;width:68px;height:68px;border-radius:19px;margin-bottom:24px;box-shadow:0 0 0 10px #fff;color:#729a22}
.auto-journey-symbol .icon{width:30px;height:30px}
.auto-journey-item h3{font-size:1.47rem;color:#153122;margin:0 0 14px}
.auto-journey-item p{font-size:.91rem;color:#5a6c5e;max-width:250px}
.auto-journey-hint{display:flex;gap:11px;align-items:flex-start;background:#f1f6ed;border-radius:9px;padding:18px 21px;color:#536d51;font-size:.83rem;margin:48px 0 0}
.auto-journey-hint .icon{width:18px;height:18px;flex:none;color:#7ea82b;margin-top:3px}

/* 06 / Competencies ------------------------------------------------------- */
.auto-capabilities{background:#edf3e9}
.auto-cap-header{margin-bottom:41px}
.auto-cap-list{display:grid;gap:10px}
.auto-cap-item{display:grid;grid-template-columns:85px 82px minmax(0,1fr) 45px;gap:24px;align-items:center;padding:33px 38px;border-radius:13px;background:#fff;color:#152b20;border:1px solid #dce7d7;transition:transform .22s,box-shadow .22s;text-decoration:none}
.auto-cap-item:nth-child(2){background:#142b21;color:#fff;border-color:#142b21}
.auto-cap-item:hover{transform:translateY(-3px);box-shadow:0 20px 38px #14231a1e}
.auto-cap-number{font-size:.76rem;color:#72952b;font-weight:850;letter-spacing:.1em}
.auto-cap-item:nth-child(2) .auto-cap-number{color:#a8d773}
.auto-cap-icon{width:59px;height:59px;border:1px solid #a8be9f8a;border-radius:50%;display:grid;place-items:center;color:#79a72b}
.auto-cap-item:nth-child(2) .auto-cap-icon{color:#c2ee8b;border-color:#c2ee8b69}
.auto-cap-icon .icon{width:26px;height:26px}
.auto-cap-desc h3{font-size:clamp(1.4rem,2.1vw,2.05rem);line-height:1.14;margin:0 0 9px;color:inherit}
.auto-cap-desc p{color:#617264;font-size:.9rem;margin:0;line-height:1.6;max-width:760px}
.auto-cap-item:nth-child(2) .auto-cap-desc p{color:#c5d5c6}
.auto-cap-action{width:23px;height:23px;color:#7ca526;justify-self:end;transition:transform .22s}
.auto-cap-item:nth-child(2) .auto-cap-action{color:#bce68a}
.auto-cap-item:hover .auto-cap-action{transform:translateX(4px)}

/* 07 / Product ecosystem -------------------------------------------------- */
.auto-solutions{background:#fff}
.auto-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.auto-solution{background:#f6f8f3;border:1px solid #e1e9da;border-radius:13px;min-height:300px;padding:27px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:#173124;transition:transform .25s,border-color .25s,box-shadow .25s}
.auto-solution:hover{transform:translateY(-5px);border-color:#a3c36a;box-shadow:0 16px 35px #10271814}
.auto-solution>.icon{width:30px;height:30px;color:#81a83c;margin-bottom:25px}
.auto-solution>span{font-size:.64rem;letter-spacing:.13em;font-weight:850;color:#779b43}
.auto-solution h3{font-size:clamp(1.45rem,2vw,1.96rem);margin:11px 0 12px;line-height:1.14;color:inherit}
.auto-solution p{font-size:.87rem;color:#596b5d;line-height:1.67;flex:1;margin:0 0 22px}
.auto-solution b{font-size:.78rem;display:inline-flex;gap:7px;align-items:center}
.auto-solution b .icon{width:17px;height:17px}
.auto-solution-featured{background:#173527;border-color:#173527;color:#fff}
.auto-solution-featured>.icon,.auto-solution-featured>span{color:#bde883}.auto-solution-featured p{color:#cee0cf}

/* 08 / Project approach --------------------------------------------------- */
.auto-approach{background:#e7efe0}
.auto-approach-grid{display:grid;grid-template-columns:.91fr 1.09fr;gap:10%}
.auto-approach-grid>div>p{max-width:525px;color:#5a715b;margin-top:24px}
.auto-approach-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.auto-approach-list li{display:grid;grid-template-columns:51px 1fr;gap:18px;border-bottom:1px solid #bdcdb4;padding:23px 0}
.auto-approach-list li:first-child{padding-top:0}
.auto-approach-list li>span{font-size:.83rem;color:#648f22;font-weight:850;padding-top:4px}
.auto-approach-list strong{font-size:1.13rem;color:#1c3522}
.auto-approach-list p{margin:6px 0 0;color:#5c715a;font-size:.87rem}

/* 09 / FAQ ---------------------------------------------------------------- */
.auto-faq{background:#fff}
.auto-faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:10%}
.auto-faq-list details{border-bottom:1px solid #dce6d8;padding:21px 0}
.auto-faq-list details:first-child{border-top:1px solid #dce6d8}
.auto-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;color:#1a3221;font-weight:800;font-size:1.02rem;line-height:1.5}
.auto-faq-list summary::-webkit-details-marker{display:none}
.auto-faq-list summary .icon{width:18px;height:18px;color:#6f9d22;flex:none;transition:transform .2s}
.auto-faq-list details[open] summary .icon{transform:rotate(180deg)}
.auto-faq-list details p{max-width:670px;font-size:.92rem;color:#627362;margin:16px 0 2px}

/* 10 / CTA ---------------------------------------------------------------- */
.auto-cta{background:#122920;color:#fff;position:relative;overflow:hidden}
.auto-cta::before{content:"";position:absolute;width:540px;height:540px;right:-180px;top:-180px;border:1px solid #ffffff1b;border-radius:50%;box-shadow:0 0 0 70px #b6d8740a,0 0 0 130px #b6d87407}
.auto-cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:76px;padding-bottom:87px}
.auto-cta h2{color:#fff;font-size:clamp(2.1rem,3.8vw,4rem);margin:17px 0 19px}
.auto-cta h2 em{color:#bce789}
.auto-cta p{max-width:630px;color:#bed1c2;margin:0}
.auto-cta .btn{flex:none}

/* Responsive -------------------------------------------------------------- */
@media(max-width:1170px){
 .auto-hero h1{font-size:clamp(3rem,5.5vw,5.1rem)}
 .auto-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
 .auto-dept-tab{padding:20px;gap:13px}
 .auto-bmw-grid{gap:5%}
 .auto-section-heading{grid-template-columns:1.1fr .9fr}
}
@media(max-width:900px){
 .auto-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:65px;padding-bottom:32px}
 .auto-hero-photo{background-image:linear-gradient(90deg,#0b211df0,#0b211d6e),url('../images/editorial/autohaus-branch-hero.webp');opacity:.53}
 .auto-hero-text{max-width:720px}
 .auto-hero-visual{height:260px;max-width:100%;align-self:auto;margin-top:5px;overflow:hidden;border-radius:16px;background:#183428}
 .auto-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:74% 40%;opacity:.95}
 .auto-photo-ribbon{right:14px;bottom:15px}
 .auto-photo-credit{right:16px;bottom:61px;background:#11281f94;padding:4px 8px;border-radius:4px}
 .auto-intro-grid,.auto-bmw-grid,.auto-approach-grid,.auto-faq-grid{grid-template-columns:1fr;gap:36px}
 .auto-intro-grid>div:last-child{padding-top:0}
 .auto-department{grid-template-columns:1fr}
 .auto-dept-nav{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
 .auto-dept-tab{min-height:88px}
 .auto-dept-stage{min-height:440px}
 .auto-section-heading{grid-template-columns:1fr;gap:15px}
 .auto-section-heading>p{margin:0;max-width:650px}
 .auto-cap-item{grid-template-columns:46px 70px minmax(0,1fr) 25px;gap:13px;padding:26px 24px}
 .auto-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .auto-cta-inner{align-items:flex-start;flex-direction:column;gap:30px}
}
@media(max-width:620px){
 .auto-page .section-pad{padding:70px 0}
 .auto-hero-grid{padding-top:30px;padding-bottom:30px}
 .auto-crumb{margin-bottom:28px;font-size:.69rem;gap:6px}
 .auto-hero h1{font-size:clamp(2.65rem,10.9vw,4.1rem);max-width:480px;line-height:1.06}
 .auto-hero-text>p{font-size:.94rem}
 .auto-actions{flex-direction:column;align-items:stretch;gap:7px}
 .auto-actions .btn{justify-content:center;text-align:center}
 .auto-subtle-link{justify-content:center}
 .auto-hero-facts{margin-top:36px;gap:12px;justify-content:space-between}
 .auto-hero-facts>div{gap:10px;font-size:.67rem}
 .auto-hero-facts strong{font-size:2.3rem}
 .auto-hero-visual{height:215px}
 .auto-photo-ribbon{font-size:.65rem;padding:10px 12px}
 .auto-page h2{font-size:clamp(2rem,8.4vw,3rem)}
 .auto-dept-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .auto-dept-tab{min-height:78px;padding:11px;border-radius:10px;gap:8px;align-items:flex-start;flex-direction:column;justify-content:center}
 .auto-dept-tab>.icon:first-child{width:23px;height:23px}
 .auto-dept-tab span{flex:none;font-size:.78rem;line-height:1.3}
 .auto-dept-arrow{display:none}
 .auto-dept-stage{min-height:480px;padding:26px 22px}
 .auto-dept-panel h3{font-size:clamp(1.75rem,7vw,2.15rem)}
 .auto-panel-icon{margin:20px 0}
 .auto-panel-tags span{font-size:.64rem}
 .auto-panel-footer{align-items:flex-start;flex-direction:column}
 .auto-demo-note{text-align:left}
 .auto-diagram-grid>div{padding:13px 10px;grid-template-columns:23px 1fr;gap:9px}
 .auto-diagram-grid small{font-size:.62rem}
 .auto-bmw-diagram{padding:15px}
 .auto-diagram-core{height:180px}
 .auto-journey-track{grid-template-columns:1fr;gap:0;margin-top:32px}
 .auto-journey-track::before{left:28px;right:auto;top:44px;bottom:40px;width:2px;height:auto}
 .auto-journey-item{padding:0 0 34px 82px;min-height:133px}
 .auto-journey-index{position:absolute;top:0;left:0;font-size:.66rem}
 .auto-journey-symbol{position:absolute;left:9px;top:26px;width:40px;height:40px;border-radius:12px;box-shadow:0 0 0 5px #fff}
 .auto-journey-symbol .icon{width:20px;height:20px}
 .auto-journey-item h3{padding-top:5px}
 .auto-journey-item p{max-width:420px}
 .auto-journey-hint{margin-top:8px}
 .auto-cap-item{grid-template-columns:32px 48px minmax(0,1fr);gap:12px;padding:23px 16px}
 .auto-cap-icon{width:45px;height:45px}.auto-cap-icon .icon{width:21px;height:21px}
 .auto-cap-desc h3{font-size:1.24rem;overflow-wrap:anywhere}
 .auto-cap-desc p{font-size:.79rem}
 .auto-cap-action{display:none}
 .auto-solution-grid{grid-template-columns:1fr}
 .auto-solution{min-height:250px}
 .auto-cta-inner{padding-top:67px;padding-bottom:71px}
}
@media(max-width:360px){
 .auto-hero h1{font-size:2.52rem}
 .auto-hero-facts{flex-wrap:wrap}
 .auto-hero-facts i{display:none}
 .auto-hero-facts>div{width:100%}
 .auto-hero-visual{height:175px}
 .auto-photo-ribbon{left:8px;right:8px;justify-content:center}
 .auto-dept-stage{padding:25px 17px}
 .auto-diagram-grid>div{display:flex;align-items:flex-start;flex-direction:column}
 .auto-diagram-grid .icon{flex:none}
}
@media(prefers-reduced-motion:reduce){
 .auto-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}