/* Light defaults for the new theme variables */
:root{color-scheme:light;--card:#fff;--nav-bg:rgba(250,250,248,0.92);--hover:rgba(0,0,0,.06);}

/* Dark theme */
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#0E0E0D;--panel:#171715;--ink:#F2F1ED;--muted:#9A9A94;
  --line:#2C2C29;--line-soft:#232321;--accent:#F2F1ED;--blue:#4D74FF;
  --card:#171715;--nav-bg:rgba(14,14,13,0.92);--hover:rgba(255,255,255,.1);
}
[data-theme="dark"] body{background:var(--paper);color:var(--ink);}
[data-theme="dark"] .nav-wrap{background:var(--nav-bg);}
[data-theme="dark"] .brand img{filter:none !important;}
[data-theme="dark"] .tier,[data-theme="dark"] .agency-table{background:var(--card);}
[data-theme="dark"] .tier:hover{box-shadow:0 8px 24px rgba(0,0,0,.5);}
[data-theme="dark"] .addon-note,[data-theme="dark"] .agency-terms li{color:#CFCFC9;}
[data-theme="dark"] .nav-toggle span{background:var(--ink);}

/* Toggle button */
.theme-toggle{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;
  color:var(--ink);cursor:pointer;padding:0;transition:background .2s,transform .15s ease;
}
.theme-toggle:hover{background:var(--hover);transform:scale(1.06);}
.theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
.theme-toggle svg{width:18px;height:18px;fill:currentColor;}
.theme-toggle .icon-sun{display:none;}
[data-theme="dark"] .theme-toggle .icon-sun{display:block;}
[data-theme="dark"] .theme-toggle .icon-moon{display:none;}
@media (max-width:760px){.theme-toggle{align-self:flex-start;margin:6px 0 10px;}}

/* Current page in the nav: blue underline (the opacity-only .active state was barely visible) */
.nav-link.active{opacity:1;text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:8px;}

/* ---------- CLOSING BLOCK: CTA + footer in one dark panel ---------- */
footer.site-close{--c-bg:#0d0d0c;--c-fg:#F2F1ED;--c-mute:rgba(242,241,237,.58);--c-soft:rgba(242,241,237,.76);--c-line:rgba(242,241,237,.16);--c-blue:#4D74FF;--c-btn:#3B5EEB;
  display:block;border:0;gap:0;margin-top:clamp(16px,2vw,28px);padding:clamp(28px,3.2vw,44px) 0 clamp(16px,1.8vw,22px);
  background:var(--c-bg);color:var(--c-fg);text-align:left;}
[data-theme="dark"] footer.site-close{--c-bg:#1a1a19;}
.site-close a{color:var(--c-fg);text-decoration:none;}
.site-close p,.site-close ul{margin:0;padding:0;list-style:none;}
.site-close a:focus-visible{outline:2px solid var(--c-blue);outline-offset:3px;}

/* Headline: second line lightened for contrast */
.site-close .close-title{font-family:'Clash Display',sans-serif;font-weight:600;font-size:clamp(26px,2.8vw,40px);line-height:1.1;letter-spacing:-0.02em;margin:0 0 clamp(18px,2vw,28px);color:var(--c-fg);}
.site-close .close-title span{display:block;color:var(--c-soft);font-size:inherit;}

/* Actions: solid call button + plain email, one shared note underneath */
.site-close .close-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px clamp(24px,4vw,56px);}
.site-close .close-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;background:var(--c-btn);color:#fff;
  font-family:'General Sans',sans-serif;font-weight:600;font-size:clamp(18px,1.6vw,20px);letter-spacing:-0.01em;line-height:1;margin-top:28px;
  transition:background .18s ease,color .18s ease;}
.site-close .close-btn:hover,.site-close .close-btn:focus-visible{background:var(--c-fg);color:var(--c-bg);}
.site-close .close-btn .arr{display:inline-block;color:inherit;font-size:inherit;transition:transform .18s ease;}
.site-close .close-btn:hover .arr,.site-close .close-btn:focus-visible .arr{transform:translateX(4px);}
.site-close .close-label{font-family:'Space Grotesk',sans-serif;font-size:13px;line-height:20px;color:var(--c-mute);margin-bottom:6px;}
.site-close .close-email{display:inline-block;font-family:'General Sans',sans-serif;font-weight:400;font-size:clamp(20px,2vw,28px);letter-spacing:-0.015em;line-height:1.15;padding-bottom:4px;border-bottom:1px solid rgba(242,241,237,.3);transition:color .15s ease,border-color .15s ease;}
.site-close .close-email:hover,.site-close .close-email:focus-visible{color:var(--c-blue);border-bottom-color:currentColor;}
.site-close .close-note{margin-top:10px;font-family:'Space Grotesk',sans-serif;font-size:13px;line-height:1.5;color:var(--c-mute);}

/* Bottom row: brand + year + location | agencies | socials + back to top */
.site-close .close-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:16px clamp(24px,5vw,64px);margin-top:clamp(22px,2.6vw,34px);padding-top:16px;border-top:1px solid var(--c-line);}
.site-close .close-col--brand{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;}
.site-close .close-brand{font-family:'Clash Display',sans-serif;font-weight:500;font-size:15px;letter-spacing:-0.01em;}
.site-close .close-copy{font-family:'Space Grotesk',sans-serif;font-size:13px;color:var(--c-mute);}
.site-close .close-list li{margin:0;}
.site-close .close-list a{font-family:'General Sans',sans-serif;font-size:15px;transition:color .15s ease;}
.site-close .close-list a:hover,.site-close .close-list a:focus-visible{color:var(--c-blue);}
.site-close .close-col--social{display:flex;align-items:center;gap:6px;margin-left:auto;}
.site-close .close-icons{display:flex;gap:6px;}
.site-close .close-icons a,.site-close .close-top{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--c-fg);
  transition:color .15s ease;}
.site-close .close-icons a:hover,.site-close .close-icons a:focus-visible,.site-close .close-top:hover,.site-close .close-top:focus-visible{color:var(--c-blue);}
.site-close .close-icons svg,.site-close .close-top svg{width:24px;height:24px;}

@media (max-width:760px){
  .site-close .close-btn{margin-top:0;}
  .site-close .close-bottom{flex-direction:column;align-items:stretch;gap:18px;}
  .site-close .close-col--social{order:1;margin-left:0;justify-content:space-between;}
  .site-close .close-col--agencies{order:2;}
  .site-close .close-col--brand{order:3;}
}

/* Respect reduced-motion for the Back to top scroll */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto !important;}}
