:root{
    --orange:#ff4605;
    --white:#fff;
    --dark:#111;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.hero{
    position:relative;
    height:580px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.hero-bg{
    position:absolute;
    inset:0;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:1200px;
    width:90%;
    text-align:center;
    color:#fff;
}

.hero h1{
    font-size:58px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:20px;
    color:#fff;
}

.hero h1 span{
    color:var(--orange);
}

.hero p{
    font-size:22px;
    color:#f1f1f1;
    max-width:850px;
    margin:0 auto 45px;
    line-height:1.6;
}

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-bottom:55px;
    flex-wrap:wrap;
}

.btn-main{
    background:var(--orange);
    color:#fff;
    text-decoration:none;
    padding:18px 42px;
    border-radius:8px;
    font-weight:700;
    transition:.3s;
}

.btn-main:hover{
    background:#ff6b35;
}

.btn-second{
    border:2px solid #fff;
    color:#fff;
    text-decoration:none;
    padding:18px 42px;
    border-radius:8px;
    font-weight:700;
    transition:.3s;
}

.btn-second:hover{
    background:#f5f7fa;
    color:#111;
}

.hero-stats{
    display:flex;
    justify-content:center;
    gap:90px;
    flex-wrap:wrap;
}

.hero-stats h2{
    font-size:46px;
    color:var(--orange);
    margin-bottom:8px;
}

.hero-stats span{
    color:#fff;
    font-size:18px;
}



@media(max-width:991px){

.hero{
    height:560px;
}

.hero h1{
    font-size:42px;
}

.hero p{
    font-size:18px;
}

.hero-stats{
    gap:35px;
}

.hero-stats h2{
    font-size:32px;
}

.hero-stats span{
    font-size:15px;
}

}

@media(max-width:767px){

.hero{
    height:480px;
}

.hero-content{
    width:94%;
}

.hero h1{
    font-size:30px;
}

.hero p{
    font-size:16px;
    margin-bottom:30px;
}

.hero-buttons{
    flex-direction:column;
    align-items:center;
    gap:15px;
    margin-bottom:35px;
}

.btn-main,
.btn-second{
    width:260px;
    text-align:center;
}

.hero-stats{
    gap:25px;
}

.hero-stats h2{
    font-size:24px;
}

.hero-stats span{
    font-size:13px;
}


}

.about{
padding:55px 0;
background:#f5f7fa;
}

.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
}

.about-image img{
width:100%;
border-radius:18px;
display:block;
box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.about-content h2{
font-size:42px;
margin-bottom:25px;
}

.about-content p{
font-size:18px;
line-height:1.8;
margin-bottom:25px;
color:#555;
}

.about-content ul{
list-style:none;
margin:0 0 35px;
padding:0;
}

.about-content li{
padding:10px 0;
font-size:18px;
}

@media(max-width:991px){

.about-grid{
grid-template-columns:1fr;
}

.about-content{
text-align:center;
}

}

.container{
max-width:1200px;
width:90%;
margin:auto;
}

.about{
padding:50px 0;
background:#f5f7fa;
}

.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
}

.about-image img{
width:100%;
border-radius:18px;
display:block;
}

.about-content h2{
font-size:44px;
margin-bottom:20px;
}

.about-content p{
font-size:18px;
line-height:1.8;
margin-bottom:30px;
}

.features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-bottom:35px;
font-weight:700;
}

.advantages{
padding:50px 0;
background:#f8f8f8;
}

.advantages h2{
text-align:center;
font-size:42px;
margin-bottom:50px;
}

.adv-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.adv-box{
background:#f5f7fa;
padding:35px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.adv-box:hover{
transform:translateY(-8px);
}

.finance{
padding:50px 0;
text-align:center;
}

.finance h2{
font-size:42px;
margin-bottom:20px;
}

.finance p{
font-size:20px;
margin-bottom:35px;
}

.services{
padding:50px 0;
background:#f7f7f7;
}

.services h2{
text-align:center;
font-size:42px;
margin-bottom:50px;
}

.service-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.service{
background:#f5f7fa;
padding:40px;
border-radius:12px;
text-align:center;
font-size:40px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.service h3{
margin-top:20px;
font-size:22px;
}

.contact-home{
padding:50px 0;
text-align:center;
background:#111;
color:#fff;
}

.contact-home h2{
font-size:42px;
margin-bottom:20px;
}

.contact-home p{
font-size:20px;
margin-bottom:35px;
}

@media(max-width:991px){

.about-grid,
.adv-grid,
.service-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:767px){

.about-grid,
.adv-grid,
.service-grid,
.features{

grid-template-columns:1fr;

}

.about{

text-align:center;

}

}

.hero-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
object-position:75% center;
transform:scale(1.15);
transform-origin:center center;
z-index:1;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,.45);
z-index:2;
}

.hero-content{
position:relative;
z-index:3;
}


.about{

padding:60px 0;

background:#f5f7fa;

}

.about-grid{

background:#ffffff;

border-radius:24px;

padding:70px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

align-items:center;

}

.about-image img{

border-radius:22px;

box-shadow:0 25px 70px rgba(0,0,0,.18);

transition:.4s;

}

.about-image img:hover{

transform:scale(1.02);

}

.about-content h2{

font-size:48px;

font-weight:800;

line-height:1.2;

margin-bottom:30px;

color:#111;

}

.about-content p{

font-size:20px;

line-height:1.9;

color:#555;

margin-bottom:35px;

max-width:700px;

}

.features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin-bottom:40px;

}

.features div{

background:#fff8f4;

padding:18px 22px;

border-left:5px solid #ff4605;

border-radius:12px;

font-size:18px;

font-weight:600;

transition:.3s;

}

.features div:hover{

background:#ff4605;

color:#fff;

transform:translateX(8px);

}

@media(max-width:991px){

.about{

padding:70px 20px;

}

.about-grid{

padding:35px;

}

.about-content{

text-align:center;

}

.about-content h2{

font-size:34px;

}

.about-content p{

font-size:18px;

}

.features{

grid-template-columns:1fr;

}

}


/*==========================
 PREMIUM FOOTER
==========================*/

.premium-footer{

background:#141922;
color:#fff;
margin-top:40px;
position:relative;
overflow:hidden;

}

.premium-footer:before{

content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#ff4605,#ff8a00,#ff4605);

}

.footer-container{

max-width:1400px;
margin:auto;
padding:80px 30px;
display:grid;
grid-template-columns:1.2fr 1fr 1.2fr 1.2fr;
gap:60px;

}

.footer-logo{

max-width:220px;
margin-bottom:30px;

}

.footer-col h3{

font-size:24px;
margin-bottom:30px;
color:#fff;
font-weight:700;

}

.footer-col p{

font-size:17px;
line-height:1.8;
color:#cfcfcf;
margin-bottom:18px;

}

.footer-col ul{

margin:0;
padding:0;
list-style:none;

}

.footer-col li{

margin-bottom:16px;

}

.footer-col li a{

color:#ddd;
text-decoration:none;
transition:.3s;

}

.footer-col li a:hover{

color:#ff4605;
padding-left:8px;

}

.footer-phone{

display:block;
font-size:34px;
font-weight:800;
color:#ff4605;
text-decoration:none;
margin-bottom:12px;
transition:.3s;

}

.footer-phone:hover{

color:#fff;

}

.footer-social{

display:flex;
gap:16px;
margin-top:30px;

}

.footer-social a{

width:52px;
height:52px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
background:#1f2633;
color:#fff;
font-size:22px;
transition:.3s;
text-decoration:none;

}

.footer-social a:hover{

background:#ff4605;
transform:translateY(-5px);

}

.footer-col iframe{

width:100%;
height:240px;
border:none;
border-radius:18px;
box-shadow:0 15px 40px rgba(0,0,0,.35);

}

.footer-copy{

border-top:1px solid rgba(255,255,255,.08);
padding:28px;
text-align:center;
font-size:15px;
color:#bbb;

}

@media(max-width:1100px){

.footer-container{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-container{

grid-template-columns:1fr;
text-align:center;

}

.footer-logo{

margin:auto auto 30px;

}

.footer-social{

justify-content:center;

}

.footer-phone{

font-size:28px;

}

}


.footer-phone{

display:flex;
align-items:center;
gap:14px;
font-size:38px;
font-weight:900;
line-height:1.2;
color:#ff4605!important;
text-decoration:none;
margin-bottom:18px;
transition:.3s;

}

.footer-phone:hover{

color:#ffffff!important;
transform:translateX(8px);

}

.footer-phone i{

font-size:28px;
color:#ff4605;

}

.footer-col p{

font-size:18px;

}

.footer-col{

display:flex;
flex-direction:column;

}


.footer-col iframe{

height:200px!important;
border-radius:16px;

}


.footer-phone{
display:flex;
align-items:center;
gap:15px;
font-size:40px!important;
font-weight:900;
color:#ff4605!important;
text-decoration:none!important;
margin-bottom:18px;
line-height:1.15;
transition:.3s;
}

.footer-phone:hover{
color:#fff!important;
transform:translateX(6px);
}

.footer-phone i{
font-size:30px;
min-width:32px;
}

.footer-col p{
font-size:18px;
line-height:1.8;
}

.footer-col h3{
font-size:28px;
margin-bottom:25px;
}


.footer-col iframe{
width:100%!important;
height:210px!important;
border-radius:18px;
}


.footer-phone{
display:flex;
align-items:center;
gap:12px;
font-size:26px!important;
font-weight:800;
white-space:nowrap;
color:#ff4605!important;
text-decoration:none!important;
margin-bottom:15px;
transition:.3s;
}

.footer-phone:hover{
color:#fff!important;
transform:translateX(5px);
}

.footer-phone i{
font-size:22px;
min-width:24px;
}



/* ===== MOBILE HERO BUTTONS FIX ===== */

@media (max-width:768px){

.hero-buttons{

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:15px;
margin-top:30px;
margin-bottom:40px;

}

.hero-buttons .btn-main,
.hero-buttons .btn-second{

width:280px;
max-width:90%;
padding:16px 20px;
font-size:17px;
text-align:center;

}

.hero p{

padding:0 15px;

}

}


/* FIX BUTON ABOUT MOBILE */

@media (max-width:768px){

.about .btn-main{

display:block;
position:relative;
transform:none!important;
margin:40px auto 0!important;
width:260px;
max-width:90%;
z-index:20;

}

.about-content{

display:flex;
flex-direction:column;
align-items:center;

}

.features{

margin-bottom:20px;

}

}


/* ===========================
   PREMIUM MOBILE - ABOUT
=========================== */

@media (max-width:768px){

.about{

padding:60px 20px!important;

}

.about-grid{

display:flex!important;
flex-direction:column;
gap:35px!important;

}

.about-image{

order:1;

}

.about-content{

order:2;
text-align:center!important;

}

.about-content h2{

font-size:36px!important;
margin-bottom:20px;

}

.about-content p{

font-size:19px!important;
line-height:1.8;
color:#d6d6d6;

}

.features{

display:flex;
flex-direction:column;
gap:18px;
margin:35px 0;

}

.features div{

width:100%;
background:#221b19;
border-left:6px solid #ff4605;
border-radius:18px;
padding:20px;
font-size:22px;
font-weight:600;
color:#fff;
box-sizing:border-box;

}

.features div::before{

content:"✔ ";
color:#ff4605;
font-weight:bold;

}

.about .btn-main{

display:block;
width:100%;
max-width:320px;
margin:30px auto 0!important;
padding:18px 20px;
font-size:19px;
border-radius:14px;
transform:none!important;
position:relative;
z-index:5;

}

}


/* PREMIUM SECTION BACKGROUNDS */

.about{
background:#f5f7fa!important;
}

.advantages{
background:#ffffff!important;
}

.finance{
background:#f5f7fa!important;
}

.services{
background:#ffffff!important;
}

.about,
.advantages,
.finance,
.services{

position:relative;

}

.about:before,
.finance:before{

content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:
radial-gradient(circle at top right,rgba(255,70,5,.05),transparent 45%),
radial-gradient(circle at bottom left,rgba(255,70,5,.04),transparent 40%);
pointer-events:none;

}


/* ===== PREMIUM BACKGROUND ===== */

.about,
.finance,
.services,
.advantages{

background:linear-gradient(-45deg,
#1a1b21,
#22242d,
#2a211d,
#1a1b21);

background-size:400% 400%;
animation:premiumFlow 18s ease infinite;
position:relative;

}

@keyframes premiumFlow{

0%{
background-position:0% 50%;
}

50%{
background-position:100% 50%;
}

100%{
background-position:0% 50%;
}

}

.about::before,
.finance::before,
.services::before,
.advantages::before{

content:"";
position:absolute;
inset:0;

background:
radial-gradient(circle at 20% 20%,rgba(255,70,5,.08),transparent 35%),
radial-gradient(circle at 80% 80%,rgba(255,255,255,.03),transparent 40%);

pointer-events:none;

}

.about h2,
.finance h2,
.services h2,
.advantages h2,
.about p,
.finance p,
.services p,
.advantages p{

color:#ffffff;

}


.about{
padding:70px 20px;
background:#f6f7f9;
}

.about-grid{
display:block;
max-width:1200px;
margin:auto;
}

.about-content{
max-width:1200px;
margin:auto;
text-align:center;
}

.about-content h2{
font-size:44px;
margin-bottom:15px;
font-weight:800;
}

.about-content p{
max-width:900px;
margin:0 auto 45px;
font-size:19px;
line-height:1.8;
color:#666;
}

.features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
margin:50px auto;
}

.feature-card{
background:#fff;
border-radius:22px;
padding:35px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
transition:.35s;
text-align:left;
}

.feature-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,.16);
}

.feature-card h3{
font-size:24px;
margin-bottom:15px;
}

.feature-card p{
margin:0;
font-size:16px;
line-height:1.7;
color:#666;
}

.about .btn-main{
margin-top:15px;
display:inline-block;
}

@media(max-width:768px){

.about{
padding:45px 20px;
}

.about-content h2{
font-size:32px;
}

.features{
grid-template-columns:1fr;
gap:18px;
}

.feature-card{
padding:25px;
}

}


.about-image-full{
margin:0 auto 50px;
max-width:1200px;
border-radius:24px;
overflow:hidden;
box-shadow:0 20px 60px rgba(0,0,0,.18);
}

.about-image-full img{
display:block;
width:100%;
height:auto;
}

@media(max-width:768px){

.about-image-full{
margin-bottom:30px;
border-radius:18px;
}

}


/* Auto BRN - imagine showroom full screen sub video */
body.home .about {
    overflow: hidden;
}

body.home .about > .container {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

body.home .about-image-full {
    display: block;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    border-radius: 0;
}

body.home .about-image-full img {
    display: block;
    width: 100%;
    max-width: none;
    height: 85vh;
    min-height: 650px;
    object-fit: cover;
    object-position: center center;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

body.home .about-content {
    width: min(1200px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    body.home .about-image-full img {
        height: 65vh;
        min-height: 430px;
    }

    body.home .about-content {
        width: calc(100% - 30px);
    }
}


/* =========================================================
   Auto BRN - Secțiune finanțare premium
   ========================================================= */

.autobrn-finance,
.autobrn-finance * {
    box-sizing: border-box;
}

.autobrn-finance {
    --brn-orange: #ff5a00;
    --brn-orange-dark: #e94e00;
    --brn-black: #101010;
    --brn-gray: #6f7177;
    --brn-light: #f5f5f6;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 105px 0 80px;
    background:
        radial-gradient(circle at 95% 5%, rgba(255,90,0,.10), transparent 28%),
        radial-gradient(circle at 0 65%, rgba(255,90,0,.07), transparent 23%),
        #fff;
    color: var(--brn-black);
}

.autobrn-finance__container {
    position: relative;
    z-index: 2;
}

.autobrn-finance__glow {
    position: absolute;
    z-index: -1;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(4px);
}

.autobrn-finance__glow--one {
    top: -180px;
    right: -180px;
    width: 430px;
    height: 430px;
    border: 70px solid rgba(255,90,0,.08);
}

.autobrn-finance__glow--two {
    bottom: -170px;
    left: -190px;
    width: 390px;
    height: 390px;
    border: 65px solid rgba(255,90,0,.06);
}

.autobrn-finance__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(440px, .9fr);
    gap: 80px;
    align-items: center;
}

.autobrn-finance__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 19px;
    color: var(--brn-orange);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.autobrn-finance__eyebrow span {
    width: 42px;
    height: 3px;
    border-radius: 99px;
    background: var(--brn-orange);
}

.autobrn-finance__intro h2 {
    max-width: 690px;
    margin: 0;
    color: var(--brn-black);
    font-size: clamp(43px, 5vw, 72px);
    font-weight: 900;
    line-height: .99;
    letter-spacing: -.045em;
}

.autobrn-finance__intro h2 strong {
    display: block;
    color: var(--brn-orange);
    font: inherit;
}

.autobrn-finance__lead {
    max-width: 640px;
    margin: 30px 0 22px;
    color: #3f4146;
    font-size: 18px;
    line-height: 1.7;
}

.autobrn-finance__notice {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    max-width: 640px;
    color: #575960;
    font-size: 14px;
    line-height: 1.6;
}

.autobrn-finance__notice svg {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    fill: none;
    stroke: var(--brn-orange);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.autobrn-finance__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.autobrn-finance__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
    padding: 0 23px;
    border: 2px solid var(--brn-black);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .025em;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.autobrn-finance__button svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.autobrn-finance__button span {
    margin-left: 5px;
    font-size: 20px;
    line-height: 1;
}

.autobrn-finance__button--primary {
    border-color: var(--brn-orange);
    background: linear-gradient(135deg, var(--brn-orange), #ff7a00);
    color: #fff !important;
    box-shadow: 0 15px 35px rgba(255,90,0,.22);
}

.autobrn-finance__button--secondary {
    background: #fff;
    color: var(--brn-black) !important;
}

.autobrn-finance__button:hover {
    transform: translateY(-3px);
}

.autobrn-finance__button--primary:hover {
    background: var(--brn-orange-dark);
    box-shadow: 0 20px 40px rgba(255,90,0,.30);
}

.autobrn-finance__button--secondary:hover {
    background: var(--brn-black);
    color: #fff !important;
}

.autobrn-finance__benefits {
    position: relative;
    display: grid;
    gap: 4px;
    padding: 29px 32px;
    border: 1px solid rgba(16,16,16,.07);
    border-radius: 24px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 30px 70px rgba(20,20,20,.11);
    backdrop-filter: blur(10px);
}

.autobrn-finance__benefits::before {
    position: absolute;
    top: 0;
    right: 34px;
    width: 85px;
    height: 7px;
    border-radius: 0 0 9px 9px;
    background: var(--brn-orange);
    content: "";
}

.autobrn-finance__benefit {
    display: grid;
    grid-template-columns: 61px 1fr;
    gap: 19px;
    align-items: center;
    padding: 20px 8px;
}

.autobrn-finance__benefit + .autobrn-finance__benefit {
    border-top: 1px solid #eeeeef;
}

.autobrn-finance__benefit-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 8px 25px rgba(255,90,0,.14);
}

.autobrn-finance__benefit-icon svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: var(--brn-orange);
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.autobrn-finance__benefit h3 {
    margin: 0 0 5px;
    color: var(--brn-black);
    font-size: 17px;
    font-weight: 900;
}

.autobrn-finance__benefit p {
    margin: 0;
    color: #73757c;
    font-size: 13px;
    line-height: 1.5;
}

.autobrn-finance__partners {
    margin-top: 85px;
}

.autobrn-finance__partners-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 27px;
}

.autobrn-finance__partners-title span {
    width: 70px;
    height: 2px;
    background: var(--brn-orange);
}

.autobrn-finance__partners-title h3 {
    margin: 0;
    color: var(--brn-black);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase;
}

.autobrn-finance__partner-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.autobrn-finance__partner {
    min-height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 17px 13px;
    border: 1px solid #ededee;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(20,20,20,.07);
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.autobrn-finance__partner:hover {
    transform: translateY(-6px);
    border-color: rgba(255,90,0,.32);
    box-shadow: 0 20px 35px rgba(20,20,20,.11);
}

.autobrn-finance__partner--tbi strong {
    color: #f26b21;
    font-size: 37px;
    letter-spacing: -.07em;
}

.autobrn-finance__partner--tbi span {
    color: #242424;
    font-size: 23px;
}

.autobrn-finance__partner--bt {
    flex-direction: column;
}

.autobrn-finance__bt-shield {
    display: grid;
    place-items: center;
    width: 47px;
    height: 49px;
    border: 4px solid #e8b527;
    border-radius: 11px 11px 20px 20px;
    color: #1267a8;
    font-size: 18px;
    font-weight: 900;
    box-shadow: inset 5px 0 #1687b6, inset -5px 0 #d8332d;
}

.autobrn-finance__partner--bt span {
    color: #1b1b1b;
    font-family: Georgia, serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.autobrn-finance__partner--unicredit {
    flex-direction: column;
}

.autobrn-finance__partner--unicredit strong {
    color: #191919;
    font-size: 21px;
}

.autobrn-finance__partner--unicredit strong::first-letter {
    color: #e3222b;
}

.autobrn-finance__partner--unicredit small {
    color: #e3222b;
    font-size: 11px;
}

.autobrn-finance__partner--happy strong {
    color: #00a845;
    font-size: 23px;
    font-weight: 1000;
    line-height: .83;
    transform: skew(-7deg);
}

.autobrn-finance__partner--creditfix {
    flex-direction: column;
}

.autobrn-finance__partner--creditfix strong {
    font-size: 19px;
}

.autobrn-finance__partner--creditfix strong span {
    color: #ed1c24;
}

.autobrn-finance__partner--creditfix small {
    color: #353535;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.autobrn-finance__partner--patria strong {
    color: #1f3f8b;
    font-size: 16px;
    line-height: .95;
    text-align: left;
}

.autobrn-finance__patria-mark {
    display: grid;
    gap: 3px;
}

.autobrn-finance__patria-mark i {
    display: block;
    width: 29px;
    height: 7px;
    transform: skew(-25deg);
}

.autobrn-finance__patria-mark i:nth-child(1) {
    background: #f0a500;
}

.autobrn-finance__patria-mark i:nth-child(2) {
    background: #e3313b;
}

.autobrn-finance__patria-mark i:nth-child(3) {
    background: #275eb2;
}

.autobrn-finance__services {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 46px;
    padding: 41px 25px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 15% 0, rgba(255,90,0,.12), transparent 30%),
        linear-gradient(135deg, #080808, #191919);
    box-shadow: 0 25px 55px rgba(0,0,0,.18);
}

.autobrn-finance__service {
    position: relative;
    padding: 5px 31px;
    color: #fff;
    text-align: center;
}

.autobrn-finance__service + .autobrn-finance__service {
    border-left: 1px solid rgba(255,255,255,.23);
}

.autobrn-finance__service svg {
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
    fill: none;
    stroke: var(--brn-orange);
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.autobrn-finance__service h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}

.autobrn-finance__service p {
    margin: 0;
    color: #c5c5c7;
    font-size: 12px;
    line-height: 1.65;
}

@media (max-width: 1100px) {
    .autobrn-finance__top {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .autobrn-finance__partner-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 850px) {
    .autobrn-finance {
        padding: 75px 0 55px;
    }

    .autobrn-finance__top {
        grid-template-columns: 1fr;
    }

    .autobrn-finance__intro h2 {
        font-size: clamp(42px, 10vw, 64px);
    }

    .autobrn-finance__services {
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }

    .autobrn-finance__service {
        padding: 28px 22px;
    }

    .autobrn-finance__service + .autobrn-finance__service {
        border-left: 0;
    }

    .autobrn-finance__service:nth-child(even) {
        border-left: 1px solid rgba(255,255,255,.23);
    }

    .autobrn-finance__service:nth-child(n+3) {
        border-top: 1px solid rgba(255,255,255,.23);
    }
}

@media (max-width: 600px) {
    .autobrn-finance {
        padding-top: 60px;
    }

    .autobrn-finance__intro h2 {
        font-size: 41px;
    }

    .autobrn-finance__lead {
        font-size: 16px;
    }

    .autobrn-finance__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .autobrn-finance__button {
        width: 100%;
    }

    .autobrn-finance__benefits {
        padding: 23px 18px;
        border-radius: 18px;
    }

    .autobrn-finance__benefit {
        grid-template-columns: 51px 1fr;
        gap: 13px;
        padding: 17px 0;
    }

    .autobrn-finance__benefit-icon {
        width: 49px;
        height: 49px;
    }

    .autobrn-finance__partner-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 9px;
    }

    .autobrn-finance__partner {
        min-height: 100px;
    }

    .autobrn-finance__partners-title span {
        width: 25px;
    }

    .autobrn-finance__services {
        grid-template-columns: 1fr;
        padding: 15px 20px;
    }

    .autobrn-finance__service {
        padding: 29px 12px;
    }

    .autobrn-finance__service + .autobrn-finance__service,
    .autobrn-finance__service:nth-child(even),
    .autobrn-finance__service:nth-child(n+3) {
        border-top: 1px solid rgba(255,255,255,.20);
        border-left: 0;
    }
}