:root{--navy:#14213d;--char:#1f2933;--amber:#f5a524;--amber2:#ffbf47;--ink:#1b1f24;--muted:#5b6673;--bg:#f6f7f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.sec{padding:64px 20px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--navy)}
.top{position:sticky;top:0;z-index:10;background:var(--navy);color:#fff}
.nav{display:flex;align-items:center;gap:20px;height:64px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:1.2rem;font-weight:700}.brand b{color:var(--amber)}
nav{display:flex;gap:22px;margin-left:auto}nav a{text-decoration:none;opacity:.85}nav a:hover{opacity:1;color:var(--amber)}
.btn{display:inline-block;background:var(--amber);color:var(--navy);font-weight:700;text-decoration:none;padding:14px 22px;border-radius:10px;border:0;cursor:pointer;font-size:1rem}.btn:hover{background:var(--amber2)}
.btn-sm{padding:9px 14px}.btn-ghost{background:transparent;color:#fff;border:2px solid #fff}.btn-ghost:hover{background:#fff;color:var(--navy)}
.hero{background:radial-gradient(circle at 80% 20%,#24365e 0,var(--navy) 45%,var(--char) 100%);color:#fff;padding:72px 0}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2rem,4.5vw,3.2rem)}.eyebrow{color:var(--amber);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}
.lead{font-size:1.15rem;opacity:.9;max-width:36em}.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.lic{opacity:.85}.lic strong{color:var(--amber)}
.hero-photo{margin:0;justify-self:center;border:4px solid var(--amber);border-radius:16px;overflow:hidden;max-width:480px;box-shadow:0 20px 50px #0008}.hero-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 60%}
.licbar{background:var(--amber);color:var(--navy);font-weight:700;text-align:center;padding:10px 0;font-size:.95rem}.licbar a{text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:var(--bg);border-radius:14px;padding:24px;border-top:4px solid var(--navy)}.card.hl{border-top-color:var(--amber)}.card h3{color:var(--navy)}.card p{margin:0;color:var(--muted)}
.work{background:var(--char);color:#fff}.work h2{color:#fff}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);max-width:1040px;margin:0 auto;gap:14px}.gallery img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:12px}.gallery img:nth-child(1){object-position:60% center}.gallery img:nth-child(2){object-position:30% center}
.why{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.why li{padding:20px;border-left:4px solid var(--amber);background:var(--bg);border-radius:8px}.why b{display:block;color:var(--navy);font-size:1.1rem}.why span{color:var(--muted)}
.areas{background:var(--bg)}.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.chips li{background:#fff;border:1px solid #dde1e6;padding:8px 14px;border-radius:999px;font-weight:600;color:var(--navy)}
.about{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}
.badge{background:var(--navy);color:#fff;border-radius:16px;padding:28px;text-align:center}.badge span{display:block;opacity:.8}.badge strong{display:block;font-size:2.4rem;color:var(--amber)}.badge a{color:#fff;font-size:.9rem}
.contact{background:var(--navy);color:#fff}.contact h2{color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
.big a{font-size:1.8rem;font-weight:800;color:var(--amber);text-decoration:none}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;color:var(--ink);padding:24px;border-radius:16px}
label{font-weight:600;font-size:.9rem;display:flex;flex-direction:column;gap:4px}input,textarea{font:inherit;padding:11px;border:1px solid #c9ced6;border-radius:8px}
input:focus,textarea:focus{outline:2px solid var(--amber);border-color:transparent}.full{grid-column:1/-1}.note{margin:0;font-size:.85rem;color:var(--muted)}
footer{background:#0d1629;color:#cbd2dc;text-align:center;padding:24px 0 90px;font-size:.9rem}
.callfab{display:none}
@media(max-width:820px){nav{display:none}.hero{padding:44px 0}.hero-grid,.about,.contact-grid{grid-template-columns:1fr}.hero-photo{max-width:100%}.gallery{grid-template-columns:repeat(2,1fr);gap:8px}form{grid-template-columns:1fr}.sec{padding:48px 20px}
.callfab{display:block;position:fixed;bottom:16px;left:16px;right:16px;text-align:center;background:var(--amber);color:var(--navy);font-weight:800;padding:15px;border-radius:12px;text-decoration:none;box-shadow:0 8px 24px #0006;z-index:20}}
.card.new{border-top-color:#3aa76d}.tag{background:#3aa76d;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:999px;vertical-align:middle;margin-right:4px}
.brand span{white-space:nowrap}
@media(max-width:820px){.top .btn-sm{display:none}.licbar{font-size:.85rem;padding:10px 12px}}
.battery{background:#fff8ea;border-top:4px solid var(--amber)}.battery-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.lead-dark{font-size:1.1rem;color:var(--ink)}.ticks{list-style:none;padding:0;margin:0 0 8px}.ticks li{padding:6px 0 6px 30px;position:relative;color:var(--muted)}.ticks li b{color:var(--navy)}.ticks li:before{content:"✓";position:absolute;left:0;top:5px;width:22px;height:22px;border-radius:50%;background:#3aa76d;color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.btn-outline{background:transparent;color:var(--navy);border:2px solid var(--navy)}.btn-outline:hover{background:var(--navy);color:#fff}
.battery-photo{margin:0;justify-self:center;max-width:340px;border:4px solid var(--amber);border-radius:16px;overflow:hidden;background:#efede8;box-shadow:0 14px 34px #0002}.battery-photo img{width:100%;height:auto}.battery-photo figcaption{font-size:.75rem;color:var(--muted);text-align:center;padding:6px;background:#fff}
.card a{color:var(--navy);font-weight:700}
@media(max-width:820px){.battery-grid{grid-template-columns:1fr}.battery-photo{max-width:260px}}

.about-side{display:grid;gap:18px;justify-items:center}.about-photo{margin:0;max-width:340px;width:100%;border:4px solid var(--amber);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 14px 34px #0002}.about-photo img{width:100%;height:auto}.about-photo figcaption{font-size:.8rem;color:var(--muted);text-align:center;padding:6px}.about-side .badge{width:100%;max-width:340px;box-sizing:border-box}
@media(max-width:820px){.about-photo{max-width:360px}}