:root{--b-blue:#003c71;--b-blue-d:#002549;--b-yellow:#ffd100;--b-gray:#48505a;--b-light:#f4f6f9;--b-text:#1a1f2c;--b-muted:#5d6472;--b-border:#d6dae0;}
*{box-sizing:border-box;}
body{margin:0;font-family:'Inter',sans-serif;color:var(--b-text);background:#fff;font-size:16px;line-height:1.6;}
h1,h2,h3,h4{font-family:'Rubik',sans-serif;font-weight:700;color:var(--b-blue-d);line-height:1.2;margin:0 0 0.5em;}
h1{font-size:clamp(2rem,4.5vw,3rem);}
h2{font-size:clamp(1.6rem,3vw,2.2rem);}
a{color:var(--b-blue);text-decoration:none;}
a:hover{color:var(--b-yellow);}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
.bf-top{background:var(--b-blue-d);color:#fff;padding:8px 0;font-size:0.85rem;}
.bf-top .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.bf-top a{color:var(--b-yellow);}
header.bf-head{background:#fff;border-bottom:4px solid var(--b-yellow);padding:18px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.bf-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.bf-logo img{height:54px;}
.bf-nav{display:flex;gap:0;}
.bf-nav a{color:var(--b-text);padding:10px 16px;font-weight:500;font-size:0.95rem;border-bottom:3px solid transparent;}
.bf-nav a:hover,.bf-nav a.on{color:var(--b-blue);border-bottom-color:var(--b-yellow);text-decoration:none;}
.bf-nav .cta{background:var(--b-yellow);color:var(--b-blue-d);padding:11px 22px;border-radius:6px;font-weight:700;border-bottom:0;}
.bf-nav .cta:hover{background:var(--b-blue);color:#fff;}
.bf-burger{display:none;background:none;border:0;color:var(--b-blue);font-size:28px;cursor:pointer;}
.bf-hero{padding:100px 0;background:linear-gradient(135deg,rgba(0,60,113,0.9),rgba(0,37,73,0.75)),url('../images/hero-garage.jpg') center/cover;color:#fff;}
.bf-hero h1{color:#fff;max-width:760px;}
.bf-hero .eye{display:inline-block;background:var(--b-yellow);color:var(--b-blue-d);padding:4px 14px;font-weight:700;font-size:0.78rem;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:16px;border-radius:3px;}
.bf-hero p{max-width:620px;font-size:1.1rem;opacity:0.95;margin-bottom:28px;}
.btn{display:inline-block;padding:13px 28px;background:var(--b-yellow);color:var(--b-blue-d);border:2px solid var(--b-yellow);font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;font-size:0.9rem;border-radius:4px;cursor:pointer;}
.btn:hover{background:transparent;color:#fff;text-decoration:none;}
.btn-b{background:var(--b-blue);border-color:var(--b-blue);color:#fff;}
.btn-b:hover{background:var(--b-blue-d);border-color:var(--b-blue-d);color:#fff;}
.bf-page{background:var(--b-blue-d);color:#fff;padding:60px 0;}
.bf-page h1{color:#fff;}
.bf-page p{opacity:0.92;max-width:640px;}
section{padding:70px 0;}
.bf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.bf-card{background:#fff;border:1px solid var(--b-border);border-radius:8px;overflow:hidden;transition:0.3s;}
.bf-card:hover{box-shadow:0 10px 30px rgba(0,60,113,0.1);transform:translateY(-3px);}
.bf-card img{aspect-ratio:16/10;object-fit:cover;width:100%;}
.bf-card .body{padding:24px;}
.bf-card h3{font-size:1.2rem;margin-bottom:10px;}
.bf-card p{color:var(--b-muted);font-size:0.94rem;}
.bf-card .more{color:var(--b-blue);font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;}
.eye{display:inline-block;color:var(--b-blue);font-size:0.78rem;letter-spacing:0.25em;text-transform:uppercase;font-weight:700;}
.bf-alt{background:var(--b-light);}
.bf-reco{background:#fff;border:1px solid var(--b-border);border-left:4px solid var(--b-yellow);padding:36px;}
.bf-reco p:last-child{margin-bottom:0;}
.bf-2col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.bf-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;background:var(--b-blue);color:#fff;padding:40px;border-radius:8px;}
.bf-num{text-align:center;}
.bf-num .big{font-family:'Rubik',sans-serif;font-size:2.3rem;font-weight:700;color:var(--b-yellow);}
.bf-num .lbl{font-size:0.88rem;opacity:0.9;}
.article{max-width:800px;margin:0 auto;}
.article .lead{width:100%;max-height:420px;object-fit:cover;border-radius:8px;margin-bottom:30px;}
.article h2{margin-top:36px;}
.article h3{color:var(--b-blue);margin-top:22px;}
.article blockquote{border-left:4px solid var(--b-yellow);padding:6px 24px;margin:24px 0;font-style:italic;color:var(--b-muted);}
.info-box{background:var(--b-light);border-radius:8px;padding:30px;border-left:4px solid var(--b-yellow);}
.info-box h3{font-size:0.95rem;text-transform:uppercase;letter-spacing:0.1em;margin-top:20px;color:var(--b-blue);}
.info-box h3:first-child{margin-top:0;}
form{display:flex;flex-direction:column;gap:14px;}
label{font-size:0.88rem;font-weight:600;color:var(--b-blue-d);}
input,textarea,select{padding:12px;border:1px solid var(--b-border);border-radius:4px;font-family:inherit;font-size:1rem;width:100%;background:#fff;}
input:focus,textarea:focus{outline:none;border-color:var(--b-blue);}
footer.bf-foot{background:var(--b-blue-d);color:#b4c0d1;padding:50px 0 20px;font-size:0.92rem;}
.bf-foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px;}
.bf-foot h4{color:#fff;font-family:'Rubik',sans-serif;text-transform:uppercase;letter-spacing:0.12em;font-size:0.85rem;margin-bottom:14px;}
.bf-foot ul{list-style:none;padding:0;margin:0;}
.bf-foot li{margin-bottom:6px;}
.bf-foot a{color:#b4c0d1;}
.bf-foot a:hover{color:var(--b-yellow);}
.bf-foot-bot{border-top:1px solid #1a3660;padding-top:18px;text-align:center;font-size:0.82rem;opacity:0.75;}
.legal{max-width:780px;margin:0 auto;}
.legal h2{margin-top:32px;}
.err{text-align:center;padding:100px 24px;}
.err .big{font-family:'Rubik',sans-serif;font-size:10rem;color:var(--b-yellow);font-weight:900;}
@media(max-width:900px){.bf-2col{grid-template-columns:1fr;}.bf-foot-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:700px){.bf-nav{display:none;position:absolute;right:24px;top:88px;flex-direction:column;background:#fff;padding:20px;border:1px solid var(--b-border);border-radius:4px;z-index:200;}.bf-nav.open{display:flex;}.bf-burger{display:block;}.bf-foot-grid{grid-template-columns:1fr;}}
