:root{
--green:#353b2c;--green-dark:#1e2419;--olive:#697050;--khaki:#b7ad87;--sand:#eee8d6;--panel:#f6f3e8;--ink:#131710;--muted:#d7d0b6;--line:rgba(183,173,135,.28);
}

*{box-sizing:border-box}
html{width:100%;overflow-x:hidden}
body{margin:0;padding:0;width:100%;min-width:0;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(183,173,135,.14),transparent 30rem),linear-gradient(180deg,var(--green) 0%,var(--green-dark) 48%,#10140d 100%);color:var(--sand);line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit}

.site-header{width:100%;background:rgba(12,16,11,.94);border-bottom:1px solid var(--line)}
.nav{width:100%;max-width:1220px;margin:0 auto;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.brand{display:block;flex:0 0 auto}
.brand-logo{width:185px;max-width:185px;border-radius:12px;border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.nav-links{display:flex;align-items:center;gap:18px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.nav-links a{text-decoration:none;color:var(--sand)}
.nav-button{background:var(--khaki);color:var(--ink)!important;padding:10px 15px;border-radius:999px}

.hero{width:100%;max-width:1220px;margin:0 auto;padding:78px 22px 72px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:42px;align-items:center}
.hero-copy{min-width:0}
.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.18em;color:var(--khaki);font-weight:900;font-size:.76rem}
h1,h2{margin:0;line-height:.95;letter-spacing:-.05em}
h1{font-size:clamp(3.4rem,7vw,7rem);max-width:800px}
h2{font-size:clamp(2.2rem,4.5vw,4.6rem);color:var(--sand)}
.lead{margin-top:24px;max-width:720px;font-size:1.2rem;color:#e4deca}
.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.center{justify-content:center}
.button{display:inline-block;text-decoration:none;padding:14px 20px;border-radius:999px;font-weight:900;letter-spacing:.02em}
.primary{background:var(--khaki);color:var(--ink)}
.secondary{border:2px solid var(--khaki);color:var(--sand)}
.service-area{margin-top:22px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}

.hero-card{width:100%;min-width:0;background:rgba(246,243,232,.96);color:var(--ink);border-radius:28px;padding:18px;border:1px solid var(--line);box-shadow:0 28px 70px rgba(0,0,0,.35)}
.hero-logo{width:100%;max-width:520px;margin:0 auto;border-radius:16px}
.hero-note{margin-top:16px;padding-top:14px;border-top:1px solid rgba(19,23,16,.14)}
.hero-note strong,.hero-note span{display:block}
.hero-note strong{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}
.hero-note span{margin-top:5px;color:#4f5541}

.proof-bar{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(10,13,9,.44)}
.proof-bar div{padding:26px 24px;border-right:1px solid var(--line)}
.proof-bar strong,.proof-bar span{display:block}
.proof-bar span{margin-top:5px;color:var(--muted);font-size:.92rem}

.section,.why-section,.about-section,.included-section{width:100%;max-width:1220px;margin:0 auto;padding:86px 22px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.card{background:rgba(246,243,232,.96);color:var(--ink);border-radius:22px;padding:28px;border:1px solid var(--line);box-shadow:0 14px 35px rgba(0,0,0,.18)}
.card h3{margin-top:0;color:#1f241a;font-size:1.3rem}
.card p{color:#4f5541}
.dark-card{background:linear-gradient(135deg,rgba(53,59,44,.95),rgba(30,36,25,.98))}
.dark-card h3,.dark-card p{color:var(--sand)}

.why-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.why-copy p:not(.eyebrow){font-size:1.08rem;color:#e4deca}
.why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.why-box{background:rgba(246,243,232,.96);color:var(--ink);border-radius:18px;padding:22px;border:1px solid var(--line)}
.why-box strong,.why-box span{display:block}
.why-box span{margin-top:5px;color:#4f5541}

.about-panel{background:rgba(14,18,12,.5);border:1px solid var(--line);border-radius:28px;padding:42px}
.about-panel p:not(.eyebrow){font-size:1.08rem;color:#e4deca}
.included-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}
.included-grid span{display:block;background:rgba(246,243,232,.96);color:var(--ink);padding:18px;border-radius:16px;border:1px solid var(--line);font-weight:900;text-align:center}

.cta{width:calc(100% - 44px);max-width:1050px;margin:20px auto 90px;padding:60px 24px;text-align:center;background:linear-gradient(135deg,rgba(13,17,11,.94),rgba(53,59,44,.92));border-radius:32px;border:1px solid var(--line);box-shadow:0 28px 70px rgba(0,0,0,.3)}
.cta p:not(.eyebrow){color:#e4deca}
footer{background:#0a0d08;border-top:1px solid var(--line);padding:32px 20px;text-align:center;color:var(--muted)}
footer p{margin:5px 0}

@media(max-width:920px){
  .nav{padding:10px 14px;align-items:flex-start;gap:10px}
  .brand-logo{width:118px!important;max-width:118px!important;border-radius:9px}
  .nav-links{gap:8px;flex-wrap:wrap;justify-content:flex-end;font-size:.68rem;line-height:1.2}
  .nav-button{padding:8px 10px}
  .hero{display:flex!important;flex-direction:column!important;padding:28px 14px 44px!important;gap:22px!important}
  .hero-card{order:-1!important;padding:10px!important;border-radius:18px!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
  .hero-logo{width:100%!important;max-width:330px!important;margin:0 auto!important;border-radius:12px!important}
  .hero-note{font-size:.88rem}
  .mission-card,.hero-card,.hero-copy,.section,.why-section,.about-section,.included-section,.cta{max-width:100%!important}
  h1{font-size:clamp(2.65rem,13vw,3.5rem)!important;letter-spacing:-.06em}
  h2{font-size:clamp(2rem,10vw,3rem)!important}
  .lead{font-size:1.02rem}
  .hero-buttons{gap:10px}
  .button{width:100%;text-align:center;padding:13px 14px}
  .service-area{font-size:.74rem;line-height:1.5}
  .proof-bar,.cards,.why-section,.why-grid,.included-grid{display:grid!important;grid-template-columns:1fr!important}
  .proof-bar div{border-right:0;border-bottom:1px solid var(--line);padding:20px 18px}
  .section,.why-section,.about-section,.included-section{padding:52px 14px!important}
  .card,.why-box{padding:22px}
  .about-panel{padding:24px;border-radius:22px}
  .cta{width:calc(100% - 28px);margin:16px auto 52px;padding:42px 18px;border-radius:24px}
}

@media(max-width:420px){
  .brand-logo{width:96px!important;max-width:96px!important}
  .nav-links{font-size:.62rem;gap:6px}
  .hero-logo{max-width:300px!important}
}


/* ===== FINALV4 LOGO CUTOFF FIX ===== */
/* No cropping. No max-height clipping. No object-cover. Extra breathing room. */

.brand,
.brand a,
.hero-card,
.hero-card * {
  overflow: visible !important;
}

.brand-logo,
.brand img {
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 6px !important;
  background: #11170f !important;
}

.hero-card {
  padding: 22px !important;
}

.hero-logo,
.hero-card img {
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 10px !important;
  background: #11170f !important;
  border-radius: 18px !important;
}

@media (max-width: 920px) {
  .brand-logo,
  .brand img {
    width: 112px !important;
    max-width: 112px !important;
    padding: 5px !important;
  }

  .hero-card {
    padding: 18px !important;
  }

  .hero-logo,
  .hero-card img {
    max-width: 330px !important;
    width: 100% !important;
    padding: 12px !important;
  }
}

@media (max-width: 420px) {
  .brand-logo,
  .brand img {
    width: 104px !important;
    max-width: 104px !important;
  }

  .hero-logo,
  .hero-card img {
    max-width: 315px !important;
  }
}