/* Adam’s Services — styles */
:root{
  --bg: #0b0b0c;
  --surface: #121214;
  --card: #17171a;
  --text: #e9eaee;
  --muted: #b7bcc7;
  --accent: #e02d2d; /* red from logo */
  --accent-2: #2bb673; /* lawn green */
  --ring: rgba(224,45,45,.35);
  --max: 1100px;
  --radius: 14px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif;line-height:1.55}
img{max-width:100%;height:auto;display:block}

.container{width:100%;max-width:var(--max);padding:0 20px;margin:0 auto}

.nav{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.8);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid #1f1f23}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:68px}
.nav img{height:44px;filter:drop-shadow(0 2px 0 #0006)}
.nav nav{display:flex;gap:18px;align-items:center}
.nav a{color:var(--text);text-decoration:none}
.nav .btn.call{padding:.55rem .9rem;border:1px solid #2b2b30;border-radius:999px}
.menu{display:none;background:none;border:none;font-size:28px;color:var(--text)}

.brand{display:flex;align-items:center;gap:10px}

.hero{padding:64px 0;background:linear-gradient(180deg,#151517,transparent 60%), radial-gradient(60% 40% at 20% 10%, rgba(224,45,45,.18), transparent 60%), radial-gradient(60% 40% at 80% 0%, rgba(43,182,115,.18), transparent 60%)}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.hero h1{font-family:Outfit,Inter,system-ui,sans-serif;font-size:clamp(32px,5vw,48px);line-height:1.1;margin:0 0 10px}
.hero p{color:var(--muted);margin:0 0 16px}
.cta{display:flex;gap:12px;margin:6px 0 14px}
.btn{display:inline-block;padding:.8rem 1.1rem;border-radius:12px;border:1px solid #2a2a2f;text-decoration:none;color:var(--text);font-weight:600}
.btn.primary{background:var(--accent);border-color:transparent;color:white;box-shadow:0 6px 20px var(--ring)}
.btn.outline{background:transparent}
.btn.block{display:block;text-align:center;width:100%}

.card{background:var(--card);border:1px solid #23232a;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card h3{margin-top:0}
.card.lean{padding:14px}

label{display:block;font-size:.9rem;margin:10px 0}
input,select,textarea{width:100%;padding:.7rem .8rem;border-radius:10px;border:1px solid #2a2a30;background:#101013;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}

.ticks{list-style:none;padding:0;margin:8px 0 0}
.ticks li{padding-left:28px;position:relative;margin:8px 0;color:var(--text)}
.ticks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--accent-2);font-weight:800}

.services{padding:56px 0}
.services h2,.pricing h2,.about h2,.faq h2,.quote h2{font-family:Outfit,Inter,system-ui,sans-serif;font-size:clamp(26px,3.5vw,36px);margin:0 0 16px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{background:var(--card);border:1px solid #24242a;border-radius:16px;padding:18px}
.svc .icon{font-size:28px;margin-bottom:6px}

.pricing{padding:56px 0;background:linear-gradient(180deg,#131316,#0b0b0c)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-card{background:var(--card);border:1px solid #26262c;border-radius:16px;padding:18px}
.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}
.price{color:var(--muted)}

.about{padding:56px 0}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}

.faq{padding:56px 0}
details{background:#101012;border:1px solid #212128;border-radius:14px;padding:12px 14px;margin:10px 0}
summary{cursor:pointer;font-weight:600}

.quote{padding:56px 0}
.quote .wide .row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.footer{padding:26px 0;border-top:1px solid #1e1e23;background:#0a0a0b}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px;align-items:flex-start}
.footer img{height:44px}
.copyright{border-top:1px solid #1a1a1e;margin-top:14px;padding-top:14px;color:#9aa2b1}
.fineprint{color:#9aa2b1;font-size:.85rem}

@media (max-width:950px){
  .hero-inner,.about-grid{grid-template-columns:1fr}
  .cards,.grid{grid-template-columns:1fr}
  .quote .wide .row{grid-template-columns:1fr}
  .nav nav{display:none}
  .menu{display:block}
  body.open .nav nav{display:flex;position:absolute;top:68px;left:0;right:0;background:#0f0f12;border-bottom:1px solid #1f1f25;padding:12px 20px;flex-direction:column}
}


/* --- Prominent transparent logo treatment --- */
.logo-img{height:56px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35)) drop-shadow(0 0 0 #fff);}
.hero-logo{
  width:min(680px, 92%);
  margin:4px 0 10px;
  filter:
    drop-shadow(0 0 0 #ffffff)               /* crisp white outline */
    drop-shadow(0 2px 0 #ffffff)
    drop-shadow(0 -2px 0 #ffffff)
    drop-shadow(2px 0 0 #ffffff)
    drop-shadow(-2px 0 0 #ffffff)
    drop-shadow(0 18px 30px rgba(0,0,0,.45)) /* depth */
    drop-shadow(0 0 24px rgba(224,45,45,.35)); /* subtle red glow */
}
@media (max-width:700px){
  .hero-logo{width:94%}
}