*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#0b1422;line-height:1.55;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;z-index:20;background:rgba(8,17,29,.96);border-bottom:1px solid rgba(242,196,0,.65);backdrop-filter:blur(10px)}
.nav-wrap{max-width:1240px;margin:auto;padding:10px 24px;display:flex;align-items:center;gap:28px;min-width:0}
.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:170px;height:auto;display:block}
.nav-wrap nav{margin-left:auto;display:flex;align-items:center;gap:24px;font-weight:700;font-size:15px;white-space:nowrap}.nav-wrap nav a:hover{color:#f2c400}
.phone{border:1px solid #f2c400;border-radius:7px;padding:9px 13px;color:#f2c400;font-weight:800;white-space:nowrap;font-size:14px}
.hero{min-height:650px;display:flex;align-items:center;background:radial-gradient(circle at 75% 45%,#294661 0,#15273b 38%,#0b1422 78%);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:70%;height:3px;background:#f2c400;right:-18%;bottom:80px;transform:rotate(-20deg);box-shadow:0 0 20px rgba(242,196,0,.22)}
.hero-inner{max-width:1240px;width:100%;margin:auto;padding:82px 24px;position:relative;z-index:2}
.eyebrow{color:#f2c400;letter-spacing:4px;font-size:12px;font-weight:900;margin-bottom:16px}
.hero h1{font-size:clamp(48px,6.4vw,82px);line-height:.98;margin:0 0 24px;font-weight:900;letter-spacing:-2px;max-width:950px;overflow-wrap:break-word}.hero h1 span,h2 span{color:#f2c400}
.hero p{font-size:20px;max-width:760px;color:#e2e8ed;margin:0}.actions{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 22px;border-radius:6px;font-weight:800;border:2px solid #f2c400;cursor:pointer}.primary{background:#f2c400;color:#111}.secondary{background:transparent;color:#fff}.secondary:hover{background:#f2c400;color:#111}
.highlights{display:flex;gap:0;margin-top:42px;max-width:700px}.highlights div{padding:0 28px;border-right:1px solid rgba(242,196,0,.7);min-width:0}.highlights div:first-child{padding-left:0}.highlights div:last-child{border:0}.highlights strong,.highlights span{display:block}.highlights span{font-size:11px;letter-spacing:1px;color:#cdd6de;margin-top:2px}
.section{padding:88px 24px}.dark{background:#0e1a2a}.section-head,.two-col{max-width:1240px;margin:auto}.section-head{margin-bottom:42px}.section-head h2,h2{font-size:clamp(34px,4.6vw,56px);line-height:1.06;margin:0 0 18px;overflow-wrap:anywhere}.section-head p{max-width:780px;color:#c8d0d8;font-size:18px;margin:0}
.cards{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cards article{background:#17283b;border:1px solid #30465b;border-radius:5px;padding:26px;min-width:0}.cards h3{font-size:21px;margin:0 0 9px}.cards p{color:#cbd3da;margin:0;font-size:15px}
.material{background:#f6f7f8;color:#192432}.material .eyebrow,.quote .eyebrow{color:#bd9800}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}.material h2{color:#192432}.material p{color:#66717d;font-size:18px;max-width:620px}.text-btn{display:inline-flex;align-items:center;gap:10px;margin-top:14px;color:#9a7900;font-weight:900}.text-btn span{font-size:22px}.vehicle-list{border-top:1px solid #d7dce0}.vehicle-list div{padding:16px 0;border-bottom:1px solid #d7dce0}.vehicle-list b,.vehicle-list span{display:block}.vehicle-list b{font-size:16px}.vehicle-list span{color:#707a83;font-size:14px}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.about-points span{border-left:3px solid #f2c400;padding:8px 12px}.quote{background:#f6f7f8;color:#192432}.quote-form{max-width:1240px;margin:auto;background:#fff;padding:32px;border-radius:8px;box-shadow:0 12px 40px rgba(9,19,33,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:24px}label{font-weight:700;color:#293645;min-width:0}input,textarea,select{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #ccd3da;border-radius:5px;font:inherit;background:#fff;color:#1f2b38}textarea{resize:vertical}.full{grid-column:1/-1}.form-note{color:#65717c}.form-note a{color:#9c7e00;font-weight:700}
.contact{padding:70px 24px;max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font-size:clamp(34px,4.4vw,48px);max-width:760px}.contact p{color:#c4ccd5;max-width:720px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
footer{background:#070e18;border-top:1px solid #263648;padding:42px 24px 24px}.footer-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;align-items:center;color:#b9c2ca}.footer-brand img{width:185px;height:auto;display:block}.footer-inner strong{color:#f2c400}.footer-contact a:hover{color:#f2c400}.copyright{max-width:1240px;margin:30px auto 0;padding-top:17px;border-top:1px solid #253243;color:#7f8992;font-size:13px}
.floating-wa{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:12px}.wa-icon{position:relative;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;box-shadow:0 8px 25px rgba(0,0,0,.35);border:4px solid #fff}.wa-label{order:-1;background:#fff;color:#1d2a37;border-radius:13px;padding:10px 16px;box-shadow:0 8px 25px rgba(0,0,0,.18);line-height:1.2}.wa-label b,.wa-label small{display:block}.wa-label b{font-size:15px}.wa-label small{font-size:12px;color:#61707c;margin-top:3px}.wa-pulse{position:absolute;right:3px;width:68px;height:68px;border-radius:50%;border:2px solid rgba(37,211,102,.25);animation:pulse 2s infinite;pointer-events:none}.floating-wa:hover .wa-icon{transform:scale(1.05)}
@keyframes pulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.nav-wrap{gap:16px}.nav-wrap nav{gap:16px}}
@media(max-width:850px){.nav-wrap{flex-wrap:wrap;gap:10px;padding:9px 17px}.brand img{width:155px}.nav-wrap nav{order:3;width:100%;justify-content:space-between;gap:7px;font-size:13px}.phone{margin-left:auto;font-size:13px;padding:8px 10px}.hero{min-height:620px}.hero-inner{padding:68px 20px}.hero h1{font-size:clamp(42px,12vw,58px);letter-spacing:-1.5px}.hero p{font-size:17px}.hero:after{display:none}.highlights{margin-top:30px;flex-wrap:wrap;row-gap:18px}.highlights div{padding:0 14px}.highlights div:first-child{padding-left:0}.section{padding:65px 20px}.two-col{grid-template-columns:1fr;gap:38px}.cards{grid-template-columns:1fr;gap:12px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.contact{padding:55px 20px;display:block}.contact-actions{margin-top:25px}.footer-inner{grid-template-columns:1fr;gap:22px}.footer-brand img{width:180px}.floating-wa{right:16px;bottom:16px}.wa-label{display:none}}
@media(max-width:480px){.brand img{width:145px}.phone{font-size:12px}.nav-wrap nav{font-size:12px}.hero-inner{padding-top:58px}.hero h1{font-size:43px}.highlights div{font-size:14px}.highlights span{font-size:9px}.quote-form{padding:20px}.btn{padding:12px 17px}.floating-wa{right:14px;bottom:14px}.wa-icon{width:58px;height:58px}.wa-pulse{width:64px;height:64px}}
