/* Services pages + homepage results / not-leads blocks. Loaded after site.css. */
.foot{grid-template-columns:1.4fr repeat(4,1fr)}
@media (max-width:1020px){.foot{grid-template-columns:1fr 1fr}}

/* What's included grid */
.incl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.incl div{padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--ink-2);display:grid;gap:10px;align-content:start}
.incl .n{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.incl b{font:600 21px/1.2 var(--display);letter-spacing:-.02em;color:#fff}
.incl p{font-size:15.5px;color:#fff;margin:0}

/* Who it's for / what you get */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fit-card{padding:clamp(24px,3vw,36px);border-radius:22px;border:1px solid var(--line);background:var(--ink-2)}
.fit-card h3{font-size:clamp(24px,2.4vw,32px);font-weight:700;margin-bottom:6px;color:#fff}
.fit-card .checks{margin-bottom:0}
.fit-card .checks li{color:#fff}

/* FAQ accordion */
.faq{border-top:1px solid rgba(26,21,18,.14)}
.faq details{border-bottom:1px solid rgba(26,21,18,.14)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font:600 clamp(19px,1.8vw,24px)/1.25 var(--display);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font:400 28px/1 var(--sans);color:var(--berry);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 24px;max-width:760px;font-size:17px;color:#3d342f}

/* Results */
.res{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.res-card{border-radius:22px;border:1px solid var(--line);background:var(--ink-2);padding:clamp(24px,3vw,40px);display:grid;gap:22px;align-content:start}
.res-card .tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.res-big{font:700 clamp(38px,4.6vw,64px)/1 var(--display);letter-spacing:-.045em;color:#fff}
.res-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.res-stats div{padding:16px 12px 0 0}
.res-stats b{display:block;font:600 clamp(22px,2.2vw,30px)/1 var(--display);letter-spacing:-.03em;color:#fff}
.res-stats span{display:block;margin-top:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.res-card p{margin:0;font-size:15.5px;color:#fff}

/* Not-leads list */
.nl{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.nl div{padding:24px;border-radius:18px;background:#fff;border:1px solid rgba(26,21,18,.1);display:grid;gap:10px;align-content:start}
.nl .n{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--berry)}
.nl b{font:600 21px/1.2 var(--display);letter-spacing:-.02em;color:var(--paper-ink)}
.nl p{font-size:15.5px;color:#3d342f;margin:0}

@media (max-width:1020px){
  .incl,.fit,.res{grid-template-columns:1fr}
}
@media (max-width:640px){
  .nl{grid-template-columns:1fr}
  .res-stats{grid-template-columns:1fr 1fr}
}

/* Hero descenders (g, y) clipped by the line reveal */
.hero h1 .line{padding-bottom:.16em;margin-bottom:-.1em}
.hero h1 .line .g{padding-bottom:.2em;margin-bottom:-.2em}

/* Tighter section rhythm: was up to 150px top and bottom */
.sec{padding-block:clamp(56px,7vw,96px)}
.phero{padding-block:clamp(120px,13vw,150px) clamp(32px,4vw,56px)}
.sec-head{margin-bottom:clamp(28px,4vw,48px)}

/* Nav dropdowns */
.nav-links .dd{position:relative}
.nav-links .car{font-size:10px;margin-left:2px;display:inline-block;transition:transform .2s}
.nav-links .dd:hover .car,.nav-links .dd:focus-within .car{transform:rotate(180deg)}
.dd-menu{position:absolute;top:100%;left:0;min-width:250px;padding:8px;margin-top:6px;border-radius:16px;background:rgba(22,18,16,.97);border:1px solid var(--line);box-shadow:0 20px 50px -20px rgba(0,0,0,.8);display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s,visibility .2s}
.dd-menu::before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px}
.nav-links .dd:hover .dd-menu,.nav-links .dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{border-radius:10px!important;padding:10px 12px!important;color:#fff!important;white-space:nowrap}
.dd-menu a:hover,.dd-menu a[aria-current="page"]{background:rgba(244,239,232,.08)!important}
.sheet{overflow-y:auto}
.sheet a.sub{font:400 18px/1.3 var(--sans);letter-spacing:0;padding-left:4px;color:#fff}
.sheet a.sub:last-of-type{margin-bottom:8px}

/* Services hub cards */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.svc{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--ink-2);text-decoration:none;color:#fff;transition:transform .3s var(--ease),border-color .3s}
.svc:hover{transform:translateY(-4px);border-color:rgba(244,239,232,.3)}
.svc img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.svc-in{padding:24px;display:grid;gap:10px;flex:1;align-content:start}
.svc .n{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.svc h3{font-size:clamp(24px,2.2vw,30px);font-weight:700}
.svc p{font-size:15.5px;color:#fff;margin:0}
.svc .more{margin-top:8px;font-weight:500;font-size:15px;color:var(--rose-soft)}
@media (max-width:1020px){.svc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.svc-grid{grid-template-columns:1fr}}