:root{--bg:#070b12;--panel:#111923;--panel2:#0b111b;--text:#fff;--muted:#cfd7df;--blue:#67b8e8;--red:#d91f2f;--border:rgba(255,255,255,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.site{background:var(--bg)}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.hero{min-height:100svh;position:relative;display:grid;place-items:center;text-align:center;background:url('assets/hero.webp') center/cover no-repeat;overflow:hidden}.hero__overlay{position:absolute;inset:0;background:linear-gradient(rgba(4,8,15,.45),rgba(4,8,15,.88))}.hero__content{position:relative;z-index:1;padding-block:72px}.logo{width:min(260px,72vw);margin-bottom:28px}.kicker{color:var(--blue);letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:800;margin:0 0 18px}.hero h1,h2{font-weight:800;letter-spacing:-.04em}h1{font-size:clamp(48px,7vw,92px);line-height:.95;margin:0 0 18px}h2{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 22px}p{font-size:19px;line-height:1.7;color:var(--muted)}.hero__text,.lead{max-width:820px}.hero__text{margin:0 auto 36px;color:#edf3f8;font-size:clamp(18px,2vw,23px)}.lead{margin:0 0 30px}.buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{padding:15px 28px;border-radius:999px;text-decoration:none;color:#fff;font-weight:800;display:inline-block}.btn--primary{background:var(--red)}.btn--ghost{border:1px solid rgba(255,255,255,.65)}.section{padding:95px 0}.section--alt{background:var(--panel2)}.badges,.cards,.industries{display:grid;gap:18px}.badges{grid-template-columns:repeat(4,1fr);margin:40px 0 80px}.badges span,.card,.industries span{background:var(--panel);border:1px solid var(--border);border-radius:20px}.badges span,.industries span{padding:20px;text-align:center;font-weight:800}.spacing-top{margin-top:0}.cards{grid-template-columns:repeat(3,1fr)}.card{padding:30px;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-6px);border-color:var(--blue)}.card h3{font-size:24px;margin:0 0 12px}.card p{font-size:16px;margin:0}.featured{display:block;width:100%;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.35);margin-top:32px}.industries{grid-template-columns:repeat(4,1fr);margin-top:28px}.contact{background:linear-gradient(135deg,#08111d,#111827);text-align:center}.contact .lead{margin-inline:auto;margin-bottom:30px}.footer{background:#05080d;color:#8d99a8;text-align:center;padding:30px 20px;font-size:14px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.badges,.cards,.industries{grid-template-columns:1fr 1fr}.wrap{width:min(100% - 40px,1180px)}}
@media(max-width:600px){.section{padding:72px 0}.hero{background-position:center top}.hero__content{padding-block:48px}.logo{width:185px}.kicker{font-size:11px;letter-spacing:2px;line-height:1.8}h1{font-size:46px}h2{font-size:36px}p{font-size:17px}.badges,.cards,.industries{grid-template-columns:1fr}.btn{width:100%;max-width:275px;text-align:center}.featured{border-radius:16px}}
<footer class="footer">
    <div>© 2026 US Drone. All Rights Reserved.</div>
    <div class="footer-company">US Drone is a company of GR Trade LLC.</div>
</footer>