@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{--blue:#0757a8;--dark:#062a52;--yellow:#ffd21f;--light:#f4f8fc;--text:#14263a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--text);background:#fff}
.container{width:min(1120px,92%);margin:auto}.top{background:var(--dark);color:#fff;border-bottom:4px solid var(--yellow)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.5px}.logo span{color:var(--yellow)}
.phone{color:var(--yellow);font-weight:800;text-decoration:none}.gallery-link{color:#fff;text-decoration:none;font-weight:700;margin-left:auto;margin-right:24px}.gallery-link:hover{text-decoration:underline}
.hero{background:linear-gradient(135deg,#062a52 0%,#0757a8 70%,#0871d4 100%);color:#fff;padding:78px 0 88px;overflow:hidden}
.hero-content{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center}.badge{display:inline-block;background:rgba(255,210,31,.14);border:1px solid rgba(255,210,31,.6);color:var(--yellow);padding:9px 13px;border-radius:30px;font-weight:700;font-size:13px}
h1{font-size:clamp(42px,7vw,76px);line-height:1.02;margin:20px 0 18px;letter-spacing:-2px}h1 span{color:var(--yellow)}.lead{font-size:20px;line-height:1.6;max-width:650px;color:#e8f2ff}.buttons{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0 18px}.btn{display:inline-block;text-decoration:none;font-weight:800;padding:15px 22px;border-radius:10px;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--yellow);color:#10243b}.secondary{border:2px solid #fff;color:#fff}.address{color:#d9eaff;font-size:14px}
.hero-card{background:#fff;color:var(--dark);padding:30px;border-radius:24px;box-shadow:0 20px 55px rgba(0,0,0,.2);text-align:center}.wheel{width:130px;height:130px;border-radius:50%;border:22px solid #1b2d42;display:grid;place-items:center;margin:0 auto 20px;font-size:55px;color:var(--yellow)}.hero-card h2{margin:0;font-size:25px;line-height:1.25}.hero-card h2 span{color:var(--blue)}.hero-card p{color:#5e7185}
.section{padding:82px 0}.section-title{text-align:center;margin-bottom:42px}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:2px;font-size:12px;margin:0 0 8px}.section h2{font-size:36px;margin:0}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{background:var(--light);padding:27px;border-radius:17px;border-top:5px solid var(--yellow)}.icon{width:48px;height:48px;border-radius:12px;background:var(--blue);color:var(--yellow);display:grid;place-items:center;font-size:25px;font-weight:800}.service h3{font-size:18px;margin:20px 0 10px}.service p{font-size:14px;line-height:1.65;color:#607386;margin:0}
.gallery-intro{color:#607386;max-width:650px;margin:12px auto 0;line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:16px}.gallery-item{display:block;overflow:hidden;border-radius:18px;background:#e9f1f8;box-shadow:0 8px 25px rgba(6,42,82,.10);transition:.25s}.gallery-item:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(6,42,82,.18)}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover}.gallery-feature{grid-column:span 2;grid-row:span 2}
.hours{background:var(--dark);color:#fff;padding:45px 0}.hours-box{display:flex;justify-content:space-between;align-items:center;gap:30px}.hours h2{margin:0 0 5px;font-size:29px}.time{color:var(--yellow);font-size:28px;font-weight:800;margin:0}
.contact{background:#f8fafc}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.contact h2{margin:0 0 35px;font-size:40px}.contact-item{padding:16px 0;border-bottom:1px solid #dce5ee;display:flex;flex-direction:column;gap:6px}.contact-item strong{font-size:13px;color:#607386}.contact-item a{color:var(--blue);font-size:20px;font-weight:800;text-decoration:none}.contact-item span{font-weight:600}.contact .btn{margin-top:28px}
.map-card{min-height:330px;background:#e9f1f8;border-radius:22px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:2px dashed #b8cde1}.map-pin{font-size:45px}.map-card h3{font-size:24px;margin:15px 0 8px}.map-card p{line-height:1.7;color:#607386}.map-card a{color:var(--blue);font-weight:800;text-decoration:none}
footer{background:#031d39;color:#fff;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner span{color:#9fb5cc;font-size:13px}.footer-inner a{color:var(--yellow);font-weight:800;text-decoration:none}
.floating-call{display:none}
@media(max-width:800px){.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.gallery-feature{grid-column:span 2;grid-row:span 1}.gallery-link{display:none}.hero{padding:55px 0 65px}.hero-content,.contact-grid{grid-template-columns:1fr}.hero-card{max-width:430px;margin:auto}.services{grid-template-columns:1fr 1fr}.hours-box{align-items:flex-start;flex-direction:column}.contact h2{font-size:32px}}
@media(max-width:520px){.gallery{grid-template-columns:1fr;grid-auto-rows:300px}.gallery-feature{grid-column:span 1}.nav{height:62px}.phone{font-size:14px}h1{font-size:46px}.lead{font-size:17px}.services{grid-template-columns:1fr}.section{padding:60px 0}.floating-call{display:block;position:fixed;left:14px;right:14px;bottom:14px;background:var(--yellow);color:#10243b;text-align:center;padding:15px;border-radius:12px;text-decoration:none;font-weight:800;box-shadow:0 7px 25px rgba(0,0,0,.25);z-index:10}.footer-inner{padding-bottom:48px}}

.video-section{background:#fff}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.video-card{background:#031d39;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(6,42,82,.14);border:3px solid #e9f1f8}
.video-card video{display:block;width:100%;height:420px;object-fit:cover;background:#000}
@media(max-width:800px){.video-grid{grid-template-columns:1fr 1fr}.video-card video{height:360px}}
@media(max-width:520px){.video-grid{grid-template-columns:1fr}.video-card video{height:auto;max-height:560px}}