:root{
  --black:#040505;
  --dark:#070909;
  --charcoal:#191819;
  --yellow:#F1B71C;
  --blue:#385BA7;
  --white:#fff;
  --text:#f4f5f6;
  --muted:#bfc5ca;
  --line:rgba(255,255,255,.14);
  --blue-line:rgba(56,91,167,.75);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--black);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55;overflow-x:hidden} a{text-decoration:none;color:inherit} img{display:block;max-width:100%} svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1180px,92%);margin-inline:auto}.header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#050606,#080909);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 14px 35px rgba(0,0,0,.22)}.nav{min-height:96px;display:flex;align-items:center;gap:34px}.logo img{width:292px}.links{margin-left:auto;display:flex;align-items:center;gap:34px}.links a{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;position:relative;padding:35px 0}.links a:after{content:"";position:absolute;left:0;bottom:24px;width:0;height:3px;background:var(--yellow);transition:.22s}.links a:hover:after,.links a.active:after{width:100%}.links a.active{color:var(--yellow)}.phone-top{display:flex;align-items:center;gap:10px;background:var(--yellow);color:#080808;font-weight:900;border-radius:5px;padding:16px 24px;font-size:14px;box-shadow:0 15px 35px rgba(241,183,28,.25)}.phone-top svg{width:18px;fill:#080808;stroke:#080808}.menu{display:none;margin-left:auto;background:none;border:0}.menu span{display:block;width:29px;height:3px;border-radius:20px;background:#fff;margin:6px 0}.hero{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(56,91,167,.35),transparent 34%),linear-gradient(115deg,#040505 0%,#050607 50%,#0d1217 100%);border-bottom:1px solid var(--blue-line)}.hero-bg-house{position:absolute;right:-3%;top:82px;width:62%;height:560px;opacity:.68;filter:drop-shadow(0 35px 60px rgba(0,0,0,.75))}.house-roof{position:absolute;right:9%;top:14%;width:72%;height:150px;background:linear-gradient(135deg,#17202a,#384758);clip-path:polygon(0 64%,55% 0,100% 64%,94% 75%,55% 22%,5% 75%)}.house-body{position:absolute;right:7%;top:37%;width:76%;height:240px;background:linear-gradient(180deg,#53616e,#1e2831);clip-path:polygon(4% 0,92% 0,100% 100%,0 100%)}.house-body span{position:absolute;top:36px;width:92px;height:122px;background:linear-gradient(180deg,#ffcc6d,#9d6d24);box-shadow:0 0 30px rgba(241,183,28,.36)}.house-body span:nth-child(1){left:9%}.house-body span:nth-child(2){left:30%}.house-body span:nth-child(3){left:52%}.house-body span:nth-child(4){right:12%;width:120px}.house-driveway{position:absolute;right:-8%;bottom:0;width:88%;height:155px;background:linear-gradient(180deg,rgba(210,217,224,.2),rgba(56,91,167,.11));clip-path:polygon(20% 0,100% 35%,100% 100%,0 100%)}.hero-angle{position:absolute;z-index:2;left:0;top:0;width:58%;height:100%;background:linear-gradient(110deg,rgba(4,5,5,1) 0 75%,rgba(4,5,5,.45) 75.2% 100%)}.hero-angle:after{content:"";position:absolute;right:-32px;top:0;width:4px;height:100%;background:linear-gradient(180deg,transparent 0 8%,var(--yellow) 9% 88%,transparent 89%);transform:skewX(-12deg)}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:.88fr 1.12fr;min-height:650px;align-items:center}.hero-copy{padding-top:25px}.hero h1{font-family:"Barlow Condensed",Inter,sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(4.3rem,8.2vw,7.9rem);line-height:.88;margin:0 0 26px;letter-spacing:.025em;text-shadow:0 5px 0 rgba(255,255,255,.02)}.hero h1 span{color:var(--yellow)}.hero-copy p{max-width:435px;margin:0 0 28px;color:#e3e8ed;font-size:18px}.buttons{display:flex;gap:16px;flex-wrap:wrap}.btn{min-height:55px;padding:0 28px;border-radius:4px;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.btn svg{width:19px}.btn.yellow{background:var(--yellow);color:#070707;border:1px solid var(--yellow);box-shadow:0 18px 38px rgba(241,183,28,.2)}.btn.yellow svg{fill:#050505;stroke:#050505}.btn.dark{background:rgba(7,9,9,.72);border:1px solid rgba(255,255,255,.22);color:#fff}.btn.dark:hover{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.hero-trust{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:780px}.hero-trust div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center}.hero-trust svg{grid-row:1/3;color:var(--yellow);width:34px;height:34px}.hero-trust b{font-size:13px;text-transform:uppercase}.hero-trust small{color:var(--muted);font-size:12px}.hero-vehicle{position:relative;align-self:end;justify-self:end;z-index:4;margin-bottom:12px;transform:translateX(48px)}.hero-vehicle img{width:min(760px,59vw);max-width:none;filter:drop-shadow(0 35px 45px rgba(0,0,0,.65))}.services{padding:72px 0 82px;background:linear-gradient(180deg,#060808,#050606);border-bottom:1px solid var(--blue-line)}.section-title{text-align:center;margin-bottom:34px}.section-title span,.cta span,.about span{display:block;color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin-bottom:8px}.section-title h2,.why h2,.cta h2,.about h2{font-family:"Barlow Condensed",Inter,sans-serif;font-style:italic;font-size:clamp(2.4rem,4vw,3.3rem);line-height:1;text-transform:uppercase;margin:0;letter-spacing:.02em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.cards article{display:grid;grid-template-columns:68px 1fr;gap:18px;min-height:148px;padding:28px 26px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);transition:.22s}.cards article:hover{border-color:rgba(241,183,28,.75);transform:translateY(-4px);box-shadow:0 24px 50px rgba(0,0,0,.25)}.cards i{width:54px;height:54px;color:var(--yellow);display:flex;align-items:center;justify-content:center;font-style:normal}.cards i svg{width:48px;height:48px}.cards h3,.why-row h3{margin:0 0 8px;font-size:16px;text-transform:uppercase;font-weight:900}.cards p{margin:0;color:#c8cdd2;font-size:14px}.why{padding:75px 0 72px;background:radial-gradient(circle at 50% 0,rgba(56,91,167,.12),transparent 40%),linear-gradient(180deg,#070909,#050606);border-bottom:1px solid var(--blue-line)}.why-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;text-align:center}.why-row div{padding:10px 34px;position:relative}.why-row div+div:before{content:"";position:absolute;left:0;top:34px;width:1px;height:72px;background:var(--blue)}.why-row svg{width:45px;height:45px;color:#fff;margin:0 auto 22px}.why-row h3{font-size:14px}.why-row p{font-size:14px;color:#c8cdd2;margin:0}.about{padding:68px 0;background:linear-gradient(90deg,#080909,#0b1118)}.about-inner{display:grid;grid-template-columns:160px 1fr;gap:34px;align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);padding:28px}.about-mark img{border-radius:6px;border:1px solid rgba(255,255,255,.16)}.about h2{font-size:2.8rem;margin-bottom:15px}.about p{max-width:820px;color:#c8cdd2}.cta{position:relative;padding:75px 0;background:linear-gradient(110deg,#07101d 0%,#091421 55%,#060707 100%);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid var(--blue-line);overflow:hidden}.cta:after{content:"";position:absolute;right:2%;top:-20px;width:260px;height:260px;background:linear-gradient(145deg,transparent 0 36%,rgba(241,183,28,.36) 37% 54%,transparent 55%);transform:rotate(-8deg)}.cta-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:clamp(3rem,5.5vw,5rem);max-width:650px}.cta h2 b{color:var(--yellow);font-weight:900}.cta p{font-size:18px;color:#d5dae0;margin-bottom:0;max-width:550px}.footer{background:#030404;padding:26px 0}.footer-inner{display:grid;grid-template-columns:220px 1fr auto;gap:24px;align-items:center}.footer img{width:210px}.footer nav{display:flex;justify-content:center;gap:26px}.footer a{font-size:12px;text-transform:uppercase;font-weight:800;color:#d9dde0}.footer p{color:#8d949a;font-size:13px;margin:0}
@media (max-width:1050px){.phone-top{display:none}.logo img{width:245px}.links{gap:20px}.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-angle{width:100%;background:linear-gradient(180deg,rgba(4,5,5,.97),rgba(4,5,5,.76))}.hero-angle:after{display:none}.hero-bg-house{width:100%;right:0;opacity:.32}.hero-copy{padding:70px 0 20px}.hero-vehicle{justify-self:center;transform:none;margin-bottom:20px}.hero-vehicle img{width:min(760px,96vw)}.cards{grid-template-columns:repeat(2,1fr)}.why-row{grid-template-columns:repeat(2,1fr);gap:34px}.why-row div+div:before{display:none}.cta-inner{flex-direction:column;align-items:flex-start}.footer-inner{grid-template-columns:1fr;text-align:center}.footer img{margin:auto}.footer nav{flex-wrap:wrap}}
@media (max-width:760px){.nav{min-height:80px}.logo img{width:205px}.menu{display:block}.links{display:none;position:absolute;top:80px;left:0;right:0;background:#050606;border-bottom:1px solid var(--line);padding:18px 5%;flex-direction:column;align-items:flex-start;gap:0}.links.open{display:flex}.links a{padding:14px 0}.links a:after{bottom:8px}.hero h1{font-size:4.35rem}.hero-trust{grid-template-columns:1fr;gap:18px}.buttons,.btn{width:100%}.btn{justify-content:center}.cards{grid-template-columns:1fr}.cards article{grid-template-columns:58px 1fr;padding:24px 20px}.why-row{grid-template-columns:1fr}.about-inner{grid-template-columns:1fr}.about-mark img{width:135px}.section-title h2{font-size:2.35rem}.cta h2{font-size:3rem}}

/* =========================
   HERO SECTION
========================= */

.hero {
    position: relative;
    min-height: 760px;
    background: #040505;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(4,5,5,.95) 0%,
            rgba(4,5,5,.88) 30%,
            rgba(4,5,5,.45) 55%,
            rgba(4,5,5,.10) 100%
        );
    z-index: 2;
}

.hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero .container {
    position: relative;
    z-index: 3;
    min-height: 760px;
    display: flex;
    align-items: center;
}

.hero-content {
    max-width: 620px;
    padding: 120px 0;
}

/* =========================
   EYEBROW
========================= */

.hero-eyebrow {
    color: #F1B71C;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

/* =========================
   H1
========================= */

.hero h1 {
    margin: 0 0 25px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    line-height: 0.92;

    /* Reduced size */
    font-size: clamp(3.2rem, 5vw, 5.3rem);

    letter-spacing: -2px;
}

.hero h1 .accent {
    display: block;
    color: #F1B71C;
}

/* =========================
   SUBTITLE
========================= */

.hero-subtitle {
    max-width: 520px;
    color: rgba(255,255,255,.82);
    font-size: 1.15rem;
    line-height: 1.8;
    margin-bottom: 35px;
}

/* =========================
   FEATURE LIST
========================= */

.hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    margin-bottom: 40px;
}

.hero-features span {
    color: #ffffff;
    font-weight: 600;
    font-size: .95rem;
}

.hero-features i {
    color: #F1B71C;
    margin-right: 8px;
}

/* =========================
   BUTTONS
========================= */

.hero-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.btn-primary {
    background: #F1B71C;
    color: #040505;
    padding: 16px 34px;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none;
    transition: .3s;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(241,183,28,.35);
}

.btn-secondary {
    border: 1px solid rgba(255,255,255,.2);
    color: #ffffff;
    padding: 16px 34px;
    border-radius: 6px;
    text-decoration: none;
    transition: .3s;
}

.btn-secondary:hover {
    background: rgba(255,255,255,.08);
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

    .hero {
        min-height: auto;
    }

    .hero .container {
        min-height: auto;
    }

    .hero-content {
        padding: 90px 0 70px;
    }

    .hero h1 {
        font-size: clamp(2.8rem, 10vw, 4rem);
    }

    .hero-subtitle {
        font-size: 1rem;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .btn-primary,
    .btn-secondary {
        width: 100%;
        text-align: center;
    }
}