/* ===========================================================================
   BRIT GmbH / FAHRZEUGAKTE 2.0
   Isolated product-page styles. No changes to global navigation or footer.
   Sections: Hero | Intro | Vehicle journey | Benefits | Integrations |
             Product ecosystem | FAQ | Contact.
   =========================================================================== */
.fa2-page{--fa2-green:#84b413;--fa2-ink:#163127;--fa2-soft:#f3f6ee}
.fa2-page main{overflow:clip}
.fa2-page .fa2-section{padding:clamp(72px,8vw,115px) 0}
.fa2-page .fa2-section h2,.fa2-page .fa2-cta h2{font-size:clamp(2.15rem,3.65vw,4.2rem);letter-spacing:-.063em;line-height:1.08;margin:12px 0 23px;overflow-wrap:normal}
.fa2-page .fa2-section h2 em,.fa2-page .fa2-cta h2 em{color:#76a612;font-style:normal}
.fa2-page .fa2-section p{line-height:1.75}
.fa2-page .fa2-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}
.fa2-page .fa2-section-head>div{min-width:0;max-width:790px}
.fa2-page .fa2-section-head>p{width:min(100%,360px);margin:0;color:#526759}
/* 01 HERO */
.fa2-hero{min-height:650px;position:relative;isolation:isolate;background:#09241e;color:#fff;overflow:hidden}
.fa2-hero-image{position:absolute;inset:0;z-index:-2}
.fa2-hero-image img{height:100%;width:100%;object-fit:cover;object-position:center}
.fa2-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08211df9 0%,#08211df0 28%,#08211dce 46%,#08211d28 78%),linear-gradient(0deg,#0b251caa 0%,transparent 32%)}
.fa2-hero-layout{min-height:650px;padding:67px 0 59px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.4fr);gap:25px;align-items:center}
.fa2-hero-text{max-width:770px;min-width:0}
.fa2-crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#d2e2d8;font-size:.78rem;margin-bottom:42px;letter-spacing:.025em}
.fa2-crumbs a:hover{text-decoration:underline}
.fa2-crumbs span:nth-of-type(odd){color:#acdc5b}
.fa2-eyebrow{color:#bada6d;font-size:.69rem;letter-spacing:.22em;font-weight:850;text-transform:uppercase}
.fa2-hero h1{color:#fff;font-size:clamp(3.45rem,5.5vw,6.5rem);letter-spacing:-.078em;line-height:1.01;margin:20px 0 28px}
.fa2-hero h1 em{font-style:normal;color:#b6da65}
.fa2-hero-text>p{font-size:clamp(1rem,1.24vw,1.16rem);line-height:1.78;color:#d2e1d8;max-width:61ch;margin-bottom:0}
.fa2-hero-text>p strong{color:#fff}
.fa2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 26px;margin-top:31px}
.fa2-actions .btn{min-width:215px}
.fa2-textlink,.fa2-arrow-link{display:inline-flex;gap:8px;align-items:center;font-weight:780;border-bottom:1px solid currentColor;padding-bottom:4px}
.fa2-textlink{color:#e5f3dc}
.fa2-textlink:hover{color:#b8e16a}
.fa2-textlink .icon,.fa2-arrow-link .icon{width:17px;height:17px}
.fa2-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.fa2-hero-facts span{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:750;border:1px solid #ffffff31;background:#092a23b8;color:#eff9ee;padding:8px 12px;border-radius:30px}
.fa2-hero-facts .icon{color:#b4df67;width:18px;height:18px}
.fa2-hero-aside{align-self:end;justify-self:end;max-width:250px;background:#112f26e5;border:1px solid #b5db706b;border-top:3px solid #add850;border-radius:13px;padding:24px;box-shadow:0 15px 60px #06161050}
.fa2-aside-tag{display:block;font-size:.65rem;letter-spacing:.12em;font-weight:850;color:#cdeba5;margin-bottom:14px}
.fa2-aside-tag b{color:#fff}
.fa2-hero-aside>strong{display:block;font-size:1.36rem;line-height:1.27;letter-spacing:-.035em;margin-bottom:10px}
.fa2-hero-aside>span:last-child{display:block;color:#cfddcf;font-size:.82rem;line-height:1.55}
/* 02 INTRO */
.fa2-intro{background:#fff}
.fa2-intro-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,7vw,115px)}
.fa2-intro h2{max-width:13ch}
.fa2-intro-right>p{font-size:1.04rem;color:#4f6556;margin:7px 0 20px}
.fa2-intro-right .fa2-lead{font-size:1.19rem;color:#213d2d;line-height:1.7}
.fa2-intro-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;border-top:1px solid #dce6d7;padding-top:27px;margin-top:28px}
.fa2-intro-benefits>div{display:grid;align-content:start;gap:5px;min-width:0}
.fa2-intro-benefits .icon{width:29px;height:29px;color:#71a113;margin-bottom:9px}
.fa2-intro-benefits strong{font-size:.91rem;color:#173625}
.fa2-intro-benefits small{line-height:1.5;color:#637365;font-size:.78rem}
/* 03 JOURNEY */
.fa2-journey-section{background:#eef3e8}
.fa2-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.fa2-phase{text-align:left;display:flex;flex-direction:column;gap:5px;padding:22px 21px 20px;background:#fff;border:1px solid #d8e5d0;border-radius:12px;position:relative;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0;color:#173323}
.fa2-phase:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;background:#84b413;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.fa2-phase span{font-weight:850;font-size:.73rem;color:#6d9d16;letter-spacing:.1em}
.fa2-phase strong{font-size:1.18rem;letter-spacing:-.045em;line-height:1.2}
.fa2-phase small{color:#68786b;line-height:1.45}
.fa2-phase:hover{transform:translateY(-2px);border-color:#a7c882}
.fa2-phase.is-active{border-color:#89b74e;box-shadow:0 12px 28px #1838211a;background:#fbfef8}
.fa2-phase.is-active:after{transform:scaleX(1)}
.fa2-dossier{display:grid;grid-template-columns:minmax(235px,.34fr) minmax(0,.66fr);border-radius:18px;overflow:hidden;box-shadow:0 25px 60px #18362025;background:#fff;border:1px solid #cbddc5}
.fa2-dossier-identity{background:#123629;color:#fff;padding:28px;min-width:0;display:flex;flex-direction:column}
.fa2-identity-top{display:flex;justify-content:space-between;gap:10px;color:#b9dc8a;font-size:.62rem;font-weight:850;letter-spacing:.13em}
.fa2-identity-top .icon{width:23px;height:23px;flex:none}
.fa2-car-icon{color:#c9eca3;max-width:270px;margin:28px 0 19px}
.fa2-car-icon svg{display:block;width:100%;height:auto}
.fa2-identity-kicker{font-size:.67rem;letter-spacing:.13em;color:#bed3b8;font-weight:850}
.fa2-dossier-identity>strong{font-size:1.75rem;letter-spacing:-.06em;line-height:1.12;margin:11px 0 18px}
.fa2-identity-details{display:flex;flex-wrap:wrap;gap:8px}
.fa2-identity-details span{font-size:.72rem;padding:7px 10px;border:1px solid #cbe1a735;border-radius:30px;color:#d0e4ca}
.fa2-identity-footer{display:flex;gap:9px;align-items:center;color:#cae7ad;font-size:.72rem;margin-top:auto;padding-top:35px;line-height:1.4}
.fa2-identity-footer .icon{width:20px;height:20px;flex:none}
.fa2-dossier-content{min-width:0;padding:clamp(24px,3.5vw,45px)}
.fa2-dossier-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px}
.fa2-dossier-head>div{min-width:0}
.fa2-dossier-head>div>span{font-weight:850;font-size:.7rem;letter-spacing:.16em;color:#7aa01a}
.fa2-dossier-head h3{font-size:clamp(1.65rem,2.35vw,2.5rem);letter-spacing:-.057em;margin:9px 0 0;line-height:1.1}
.fa2-stage-count{white-space:nowrap;font-size:.77rem;color:#657863}
.fa2-stage-count b{display:block;color:#24432d}
.fa2-tab-panels{min-height:360px}
.fa2-panel>p{color:#5c7061;font-size:.94rem;margin:0 0 21px;max-width:640px}
.fa2-file-list{display:grid;gap:10px}
.fa2-file-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:15px;background:#f9fbf6;border:1px solid #e2eadd;border-radius:10px;padding:16px}
.fa2-file-list .icon{width:24px;height:24px;color:#79a91b}
.fa2-file-list span{min-width:0;display:grid;gap:4px}
.fa2-file-list strong{color:#213b29;font-size:.94rem;line-height:1.25}
.fa2-file-list small{font-size:.77rem;color:#637466;line-height:1.5}
.fa2-file-list b{font-size:.65rem;letter-spacing:.08em;color:#7a9c40;border:1px solid #cfddb9;padding:5px 7px;border-radius:4px}
.fa2-demo-note{border-top:1px solid #e2eadf;margin-top:19px;padding-top:16px;display:flex;gap:9px;align-items:flex-start;color:#788977;font-size:.73rem;line-height:1.55}
.fa2-demo-note .icon{width:18px;height:18px;flex:none;color:#80ab37}
.fa2-panel[hidden]{display:none!important}
/* 04 BENEFITS */
.fa2-benefits{background:#fff}
.fa2-benefit-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px}
.fa2-benefit-large{position:relative;overflow:hidden;padding:clamp(28px,3.7vw,50px);min-height:490px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(155deg,#15362a,#0e241d);color:#fff;border-radius:15px}
.fa2-benefit-icon{width:66px;height:66px;border-radius:13px;background:#b3de5b24;border:1px solid #bbdf7273;display:grid;place-items:center;margin-bottom:38px;color:#c4f081}
.fa2-benefit-icon .icon{width:34px;height:34px}
.fa2-benefit-large>span{font-size:.7rem;font-weight:850;letter-spacing:.2em;color:#c2e28f}
.fa2-benefit-large h3{font-size:clamp(2.2rem,3.25vw,3.6rem);max-width:13ch;line-height:1.08;letter-spacing:-.06em;margin:15px 0 15px;position:relative;z-index:1}
.fa2-benefit-large p{color:#c8dccf;max-width:42ch;margin:0;position:relative;z-index:1}
.fa2-benefit-decor{position:absolute;right:-30px;bottom:-90px;opacity:.09;color:#fff;font-size:20rem;line-height:1;font-weight:900;letter-spacing:-.14em;pointer-events:none}
.fa2-benefit-decor span{color:#b4e375}
.fa2-benefit-side{display:grid;gap:12px}
.fa2-benefit-side article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:19px;align-items:start;border:1px solid #e2e9dd;border-radius:13px;background:#f8faf5;padding:clamp(19px,2.4vw,31px);transition:transform .24s,border-color .24s}
.fa2-benefit-side article:hover{transform:translateY(-3px);border-color:#aacd92}
.fa2-benefit-side .icon{width:38px;height:38px;color:#74a315}
.fa2-benefit-side span{font-weight:850;font-size:.68rem;letter-spacing:.15em;color:#6f9b1a}
.fa2-benefit-side h3{font-size:1.33rem;letter-spacing:-.045em;margin:8px 0}
.fa2-benefit-side p{margin:0;font-size:.92rem;color:#566a5b}
/* 05 INTEGRATIONS */
.fa2-connections{background:#eaf1e4}
.fa2-connections-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(30px,6vw,90px);align-items:center}
.fa2-connection-copy>p{color:#526657;font-size:1.02rem}
.fa2-arrow-link{color:#52750f;margin-top:13px}
.fa2-connect-visual{background:#fff;border:1px solid #d9e5d3;border-radius:17px;padding:clamp(20px,3vw,40px);box-shadow:0 17px 50px #203b1714;min-width:0}
.fa2-source-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fa2-source-row>div{display:grid;place-items:center;text-align:center;gap:10px;padding:22px 8px;border:1px solid #dce7d5;border-radius:11px;background:#f5f8f1;min-width:0}
.fa2-source-row .icon{width:27px;height:27px;color:#76a31a}
.fa2-source-row span{font-size:.78rem;font-weight:800;color:#304a34;line-height:1.3}
.fa2-connector-lines{display:flex;justify-content:space-around;gap:10px;height:70px;overflow:hidden}
.fa2-connector-lines i{display:block;height:100%;width:2px;background:linear-gradient(180deg,#b5cf94,#84b413);position:relative}
.fa2-connector-lines i:after{content:"";position:absolute;bottom:-2px;left:-4px;width:10px;height:10px;border-radius:50%;background:#84b413}
.fa2-destination{display:flex;align-items:center;gap:15px;padding:20px;background:#143628;color:#fff;border-radius:10px}
.fa2-destination>.icon:first-child{width:32px;height:32px;color:#b7e17b;flex:none}
.fa2-destination span{display:grid;gap:4px;min-width:0;flex:1}
.fa2-destination strong{font-size:1.08rem}
.fa2-destination small{color:#c2d7c6;font-size:.79rem;line-height:1.4}
.fa2-dest-check{width:24px;height:24px;color:#b1da70;flex:none}
.fa2-connect-visual>p{font-size:.72rem;color:#6e7e6f;margin:16px 0 0;text-align:center}
/* 06 ECOSYSTEM */
.fa2-ecosystem{background:#fff}
.fa2-product-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fa2-product-links>a{display:grid;grid-template-columns:1fr auto;align-content:start;min-height:240px;gap:10px;background:#f6f9f3;border:1px solid #dbe6d7;border-radius:14px;padding:28px;transition:transform .24s,border-color .24s,box-shadow .24s;min-width:0}
.fa2-product-links>a:hover{transform:translateY(-4px);border-color:#96bd64;box-shadow:0 13px 38px #1d36151a}
.fa2-product-links>a>.icon:first-child{width:34px;height:34px;color:#75a611;grid-column:1/-1;margin-bottom:24px}
.fa2-product-links strong{font-size:1.35rem;line-height:1.1;letter-spacing:-.045em;grid-column:1/-1}
.fa2-product-links span{color:#617363;font-size:.89rem;line-height:1.55}
.fa2-product-links>a>.icon:last-child{color:#70a010;width:21px;height:21px}
/* 07 FAQ */
.fa2-faq{background:#f3f7ed}
.fa2-faq-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(30px,6vw,90px)}
.fa2-faq-list{display:grid;gap:12px;align-content:start}
.fa2-faq details{border:1px solid #dce7d4;background:#fff;border-radius:11px;padding:0 20px}
.fa2-faq summary{display:flex;gap:15px;align-items:center;justify-content:space-between;cursor:pointer;padding:20px 0;color:#253d2e;font-weight:800;list-style:none}
.fa2-faq summary::-webkit-details-marker{display:none}
.fa2-faq summary .icon{width:19px;height:19px;transition:transform .24s;color:#75a20f}
.fa2-faq details[open] summary .icon{transform:rotate(180deg)}
.fa2-faq details p{font-size:.9rem;color:#526a56;margin:0;padding:0 0 23px}
/* 08 CTA */
.fa2-cta{background:#14372b;color:#fff;padding:85px 0;position:relative;overflow:hidden}
.fa2-cta:after{content:"";position:absolute;right:-100px;bottom:-240px;width:550px;height:550px;border:1px solid #a8da5d3b;border-radius:50%;box-shadow:0 0 0 75px #b2da4210,0 0 0 155px #b2da420a;pointer-events:none}
.fa2-cta-layout{display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;z-index:1}
.fa2-cta-layout>div{max-width:830px}
.fa2-cta h2{color:#fff;margin:14px 0 15px}
.fa2-cta h2 em{color:#b5d969}
.fa2-cta p{color:#cadfcd;margin:0;max-width:600px}
.fa2-cta .btn{flex:none}
/* BREAKPOINTS */
@media(max-width:1150px){
 .fa2-benefit-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .fa2-hero-layout{grid-template-columns:minmax(0,1fr) 200px}
 .fa2-dossier{grid-template-columns:minmax(225px,.38fr) minmax(0,.62fr)}
 .fa2-section-head{align-items:start}
}
@media(max-width:880px){
 .fa2-hero-layout{grid-template-columns:1fr;min-height:610px}
 .fa2-hero-aside{display:none}
 .fa2-intro-layout,.fa2-connections-layout,.fa2-faq-layout{grid-template-columns:1fr}
 .fa2-intro h2{max-width:18ch}
 .fa2-intro-benefits{max-width:850px}
 .fa2-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fa2-dossier{grid-template-columns:1fr}
 .fa2-dossier-identity{min-height:0;padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 20px}
 .fa2-identity-top,.fa2-identity-details,.fa2-identity-footer{grid-column:1/-1}
 .fa2-car-icon{display:none}
 .fa2-dossier-identity>strong{margin:0}
 .fa2-dossier-content{padding:25px}
 .fa2-benefit-layout{grid-template-columns:1fr}
 .fa2-benefit-large{min-height:350px}
 .fa2-benefit-side{grid-template-columns:repeat(3,minmax(0,1fr))}
 .fa2-benefit-side article{grid-template-columns:1fr}
 .fa2-page .fa2-section-head{display:block}
 .fa2-page .fa2-section-head>p{width:auto;max-width:720px}
 .fa2-product-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .fa2-hero{min-height:0}
 .fa2-hero-image img{object-position:68% center}
 .fa2-hero:before{background:linear-gradient(90deg,#08211def,#08211de5),linear-gradient(0deg,#0b251cab,transparent)}
 .fa2-hero-layout{min-height:0;padding:40px 0 54px}
 .fa2-crumbs{font-size:.71rem;margin-bottom:33px}
 .fa2-hero h1{font-size:clamp(2.7rem,10vw,3.8rem);margin:18px 0 22px}
 .fa2-actions .btn{min-width:0;width:100%}
 .fa2-textlink{font-size:.89rem}
 .fa2-hero-facts{gap:7px}
 .fa2-hero-facts span{font-size:.67rem;padding:7px 10px}
 .fa2-section-head{margin-bottom:27px}
 .fa2-intro-benefits,.fa2-benefit-side,.fa2-product-links{grid-template-columns:1fr}
 .fa2-intro-benefits{gap:18px}
 .fa2-intro-benefits>div{grid-template-columns:30px 1fr;gap:0 10px}
 .fa2-intro-benefits .icon{grid-row:span 2}
 .fa2-steps{gap:8px}
 .fa2-phase{padding:14px 12px}
 .fa2-phase strong{font-size:1.02rem}
 .fa2-phase small{font-size:.72rem}
 .fa2-dossier-content{padding:18px}
 .fa2-dossier-head{align-items:start}
 .fa2-stage-count{font-size:.68rem}
 .fa2-file-list>div{grid-template-columns:27px minmax(0,1fr) auto;gap:9px;padding:12px}
 .fa2-file-list .icon{width:20px;height:20px}
 .fa2-file-list strong{font-size:.82rem;overflow-wrap:anywhere}
 .fa2-file-list small{font-size:.72rem}
 .fa2-file-list b{font-size:.6rem;padding:4px}
 .fa2-benefit-large{min-height:400px}
 .fa2-source-row{gap:5px}
 .fa2-source-row>div{padding:14px 5px}
 .fa2-source-row span{font-size:.68rem;overflow-wrap:anywhere}
 .fa2-source-row .icon{width:21px;height:21px}
 .fa2-destination{padding:15px;gap:9px}
 .fa2-destination strong{font-size:.91rem}
 .fa2-cta-layout{display:grid;justify-content:stretch}
 .fa2-cta .btn{justify-self:start}
}
@media(max-width:360px){
 .fa2-hero h1{font-size:2.65rem}
 .fa2-hero-facts span{flex:1 0 100%}
 .fa2-dossier-content{padding:14px}
 .fa2-file-list b{display:none}
 .fa2-dossier-head h3{font-size:1.45rem}
 .fa2-stage-count{display:none}
}
@media(prefers-reduced-motion:reduce){
 .fa2-phase,.fa2-phase:after,.fa2-benefit-side article,.fa2-product-links>a,.fa2-faq summary .icon{transition:none!important}
}