/* =====================================================================
   BLINKI v4 — BRAND OVERRIDE BLOCK (May 2026)
   Updates the shared design system to the new brand identity.
   All older styles below are kept as fallback but get re-skinned by these
   overrides via inheritance + the redefined :root tokens.
   New brand: Plus Jakarta Sans display + body, multi-colour palette
   (yellow leads, coral + lime as the second and third voices), tilted
   black highlight pill, soft drop-shadow pill buttons.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root{
  --paper:#F8F4EC;
  --paper-2:#F0E9DB;
  --paper-3:#FFFDF7;
  --bg:#F8F4EC;      /* alias: home.html chrome uses --bg / --bg-2 */
  --bg-2:#F0E9DB;
  --card:#FFFFFF;
  --ink:#161410;
  --ink-2:#403A2F;
  --ink-3:#6B6353;
  --muted:#8E8674;
  --line:#E5DCC6;
  --line-2:#D4C9AE;
  --yellow:#FFD64A;
  --yellow-soft:#FFF0BD;
  --coral:#E8714C;
  --coral-soft:#FBE2D7;
  --lime:#CBF24E;
  --lime-deep:#B8E13D;
  --lime-soft:#E5F3A0;
  --blink:#CBF24E;   /* alias: legacy name keeps working */
  --clay:#E8714C;    /* alias: legacy name keeps working */
  --accent:#1F8A4C;
  --tp:#00B67A;
  --fd:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --fb:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --fm:'Inter','Plus Jakarta Sans',system-ui,sans-serif;
}

body{font-family:var(--fb);font-size:16.5px;background:var(--paper);color:var(--ink)}
/* Kill the noise overlay from v3 — too gritty for the new register */
body::before{display:none}

h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;letter-spacing:-.025em;color:var(--ink);line-height:1.05}

::selection{background:var(--yellow);color:var(--ink)}

/* Tilted black highlight pill — the v4 signature */
.hl{display:inline-block;background:var(--ink);color:var(--yellow);padding:.04em .25em .08em;border-radius:.18em;transform:rotate(-2deg);line-height:1;white-space:nowrap;font-weight:inherit}
.hl::before{display:none}
.hl.coral{color:var(--coral)}
.hl.lime{color:var(--lime)}
.hl.yellow{color:var(--yellow)}

/* Pill buttons with soft shadows */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:15.5px;padding:14px 24px;border-radius:999px;transition:all .18s ease;justify-content:center;border:0;white-space:nowrap;line-height:1}
.btn-ink, .btn-fill{background:var(--ink);color:var(--card);box-shadow:0 2px 4px rgba(22,20,16,.08), 0 8px 18px rgba(22,20,16,.10);border:0}
.btn-ink:hover, .btn-fill:hover{transform:translateY(-1px);background:#241F18;box-shadow:0 4px 8px rgba(22,20,16,.12), 0 14px 28px rgba(22,20,16,.14)}
.btn-blink{background:var(--yellow);color:var(--ink);box-shadow:0 2px 4px rgba(255,214,74,.25), 0 8px 18px rgba(255,214,74,.20);border:0}
.btn-blink:hover{transform:translateY(-1px);background:#FFC91F;box-shadow:0 4px 8px rgba(255,214,74,.30), 0 14px 28px rgba(255,214,74,.22)}
.btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--line-2);box-shadow:0 1px 2px rgba(22,20,16,.03)}
.btn-ghost:hover{border-color:var(--ink);background:var(--paper);box-shadow:0 2px 4px rgba(22,20,16,.06)}
/* Chunky brutalist primary — for hero CTAs + featured pricing only */
.btn-hero{background:var(--ink);color:var(--card);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--yellow);font-weight:700}
.btn-hero:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--yellow);background:var(--ink)}
.btn-sm{padding:9px 16px;font-size:14px}

/* Common section heading style upgraded */
.sec-h{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.025em;color:var(--ink)}

/* Cursor blink — re-tint for the new palette */
.cur{background:var(--yellow)}

/* Wrap stays the same width — works for v4 too */

/* ============== v4 UTILITY BAR + ANNOUNCEMENT + NAV  ============== */
.util-bar{background:var(--ink);color:rgba(248,244,236,.85);font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.06)}
.ub-in{max-width:1240px;margin:0 auto;padding:8px 32px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;letter-spacing:.01em}
.ub-link{color:rgba(248,244,236,.85);display:inline-flex;align-items:center;gap:6px;transition:color .14s;font-weight:500}
.ub-link:hover{color:var(--yellow)}
.ub-link svg{color:var(--yellow)}
.ub-sep{color:rgba(248,244,236,.25);font-weight:300}
.ub-hours{color:rgba(248,244,236,.55);font-family:'Inter',sans-serif;font-size:12px}
.ub-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.ub-login{font-weight:700;color:var(--yellow)}
@media (max-width:780px){.ub-hours, .ub-right .ub-link:not(.ub-login), .ub-right .ub-sep{display:none}.ub-in{justify-content:space-between}}

.announce-bar{background:var(--ink);color:var(--paper);position:relative;z-index:61;border-bottom:1px solid var(--ink);overflow:hidden}
.announce-bar::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(255,214,74,.10) 40%, rgba(232,113,76,.10) 70%, transparent 100%);pointer-events:none}
.ab-in{max-width:1240px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;gap:12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:13.5px;font-weight:500;letter-spacing:.01em;position:relative}
.ab-pulse{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 0 rgba(255,214,74,.7);animation:abPulse 1.8s infinite;flex:none}
@keyframes abPulse{0%{box-shadow:0 0 0 0 rgba(255,214,74,.7)}70%{box-shadow:0 0 0 9px rgba(255,214,74,0)}100%{box-shadow:0 0 0 0 rgba(255,214,74,0)}}
.ab-txt{flex:1;color:rgba(248,244,236,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ab-txt b{color:var(--yellow);font-weight:700}
.ab-cta{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;color:var(--ink);background:var(--yellow);padding:5px 13px;border-radius:999px;transition:.14s;white-space:nowrap;border:1.5px solid var(--yellow)}
.ab-cta:hover{background:var(--paper);border-color:var(--paper);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--coral)}
@media (max-width:680px){.ab-in{padding:8px 16px;font-size:12.5px}.ab-txt{white-space:normal;line-height:1.35}}

/* ============== v4 HOME-STYLE CHROME (.announce, .nav, .mega, .foot) ==============
   These rules mirror home.html's inline chrome so that drawChrome (in site.js)
   produces an identical visual on every other page. */
.announce{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;border-bottom:1px solid var(--ink)}
.announce::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,214,74,.10) 40%,rgba(232,113,76,.10) 70%,transparent 100%);pointer-events:none}
.announce-in{max-width:1200px;margin:0 auto;padding:10px 28px;display:flex;align-items:center;gap:14px;font-family:'Plus Jakarta Sans',sans-serif;font-size:13.5px;font-weight:500;position:relative}
.announce .pulse{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 0 rgba(255,214,74,.7);animation:apulse 1.8s infinite;flex:none}
@keyframes apulse{0%{box-shadow:0 0 0 0 rgba(255,214,74,.7)}70%{box-shadow:0 0 0 9px rgba(255,214,74,0)}100%{box-shadow:0 0 0 0 rgba(255,214,74,0)}}
.announce-txt{flex:1;color:rgba(248,244,236,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.announce-txt b{color:var(--yellow);font-weight:700}
.announce-cta{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;color:var(--ink);background:var(--yellow);padding:5px 13px;border-radius:999px;transition:.14s;white-space:nowrap;border:1.5px solid var(--yellow)}
.announce-cta:hover{background:var(--paper);border-color:var(--paper);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--coral)}
@media (max-width:680px){.announce-in{padding:8px 16px;font-size:12.5px}.announce-txt{white-space:normal;line-height:1.35}}

.nav{background:var(--paper);position:sticky;top:0;z-index:50;border-bottom:1.5px solid var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-in{max-width:1200px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;gap:22px}
.brand-logo{display:inline-flex;align-items:center;height:32px}
.brand-logo img{display:block;height:28px;width:auto;max-width:120px}
.nav-links{display:flex;gap:2px;margin-left:18px;flex:1;align-items:center}
.nav-links > a, .nav-links > .has-mega > button{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:14.5px;color:var(--ink-2);padding:9px 14px;border-radius:999px;transition:all .14s;background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.nav-links > a:hover, .nav-links > .has-mega > button:hover, .nav-links > .has-mega.open > button, .nav-links > a.on{background:var(--paper-2);color:var(--ink)}
.nav-links .caret{font-size:9px;opacity:.55;transition:transform .18s}
.nav-links .has-mega.open .caret{transform:rotate(180deg);opacity:1}
.nav-right{display:flex;gap:14px;align-items:center}
.nav-login{font-family:'Plus Jakarta Sans',sans-serif;font-size:14.5px;font-weight:600;color:var(--ink);padding:8px 12px;border-radius:999px;transition:.14s;text-decoration:none}
.nav-login:hover{background:var(--paper-2);color:var(--coral)}
@media (max-width:680px){.nav-login{display:none}}
.nav-burger{display:none;background:transparent;border:0;padding:8px;cursor:pointer;color:var(--ink)}
@media (max-width:980px){.nav-links{display:none}.nav-burger{display:inline-flex}}

.has-mega{position:static}
.mega-wrap{position:absolute;top:100%;left:0;right:0;display:none;z-index:65;background:#fff;border-top:1px solid var(--line);border-bottom:2px solid var(--ink);box-shadow:0 30px 60px -22px rgba(22,20,16,.3)}
.has-mega.open .mega-wrap{display:block;animation:megaIn .18s cubic-bezier(.2,.7,.2,1)}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.mega{max-width:1200px;margin:0 auto;padding:30px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.mega-col h6{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.mega-link{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:14.5px;font-weight:500;color:var(--ink);transition:transform .12s,color .12s;text-decoration:none}
.mega-link:hover{color:var(--coral);transform:translateX(3px)}
.mega-link .tag{display:inline-block;background:var(--yellow);color:var(--ink);font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;margin-left:4px;border:0}
.mega-feat{background:var(--ink);color:#fff;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;box-shadow:5px 5px 0 var(--yellow);border:0;overflow:visible}
.mega-feat::before, .mega-feat::after{display:none}
.mega-feat .eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);margin-bottom:10px;font-family:'Plus Jakarta Sans',sans-serif}
.mega-feat h5{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.015em;margin:0 0 8px;line-height:1.2;color:#fff}
.mega-feat h5 b{color:var(--yellow);font-weight:700;background:transparent;transform:none;padding:0}
.mega-feat p{font-size:13px;color:rgba(248,244,236,.78);margin:0 0 12px;line-height:1.45}
.mega-feat a{align-self:flex-start;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:700;padding:7px 13px;border-radius:999px;transition:.14s;text-decoration:none;border:0}
.mega-feat a:hover{background:#fff;color:var(--ink)}

/* Footer mirrors home.html */
.foot{background:var(--ink);color:rgba(248,244,236,.85);padding:60px 0 26px}
.foot .wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;margin-bottom:42px}
@media (max-width:980px){.foot-grid{grid-template-columns:2fr 1fr 1fr}}
@media (max-width:680px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot .brand-logo{height:28px}
.foot .brand-logo img{height:24px;filter:brightness(0) invert(1)}
.foot-tag{margin-top:14px;color:rgba(248,244,236,.55);font-size:14px;max-width:32ch;line-height:1.5}
.foot h6{font-size:12.5px;font-weight:700;color:rgba(248,244,236,.5);text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}
.foot a{display:block;color:rgba(248,244,236,.78);font-size:14.5px;margin:7px 0;transition:.12s;text-decoration:none}
.foot a:hover{color:var(--yellow)}
.foot-bot{border-top:1px solid rgba(248,244,236,.1);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12.5px;color:rgba(248,244,236,.42)}

/* keep old legacy classes around so older pages that still use them don't fall to bare */
.logo-svg{display:inline-flex;align-items:center;height:32px}
.logo-svg img{display:block;height:28px;width:auto;max-width:120px}

/* =====================================================================
   BLINKI — shared marketing-site styles
   Used by /privacy, /terms, /cookies, /contact, /about, /pricing,
   /case-studies, /templates, /blog, /help, /thanks, /404, the new
   industry + feature pages. Original pages (home/estimate/flex/partners)
   keep their inlined styles so they remain visually identical.
   v4 NOTE — old :root, body::before noise overlay, .hl::before, .btn family
   removed because the v4 brand block at the top of this file already defines
   them. Keeping the second :root broke colour tokens on inherited pages.
   ===================================================================== */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);font-size:16.5px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px;position:relative;z-index:1}
.wrap-sm{max-width:780px;margin:0 auto;padding:0 32px;position:relative;z-index:1}
@keyframes bl{50%{opacity:0}}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.logo{font-family:var(--fd);font-weight:600;font-size:25px;letter-spacing:-.03em;display:inline-flex;align-items:center}
.logo .cur{width:.14em;height:.6em}
.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}
/* legacy shadow token (was --sh:6px 6px 0 var(--ink); some pages still ref it) */
:root{--sh:5px 5px 0 var(--ink); --sh-soft:0 2px 6px rgba(22,20,16,.06), 0 12px 28px rgba(22,20,16,.08)}

/* =====================================================================
   v4 SHARED PAGE COMPONENTS — drop these into any sub-page so it feels
   like part of the same site as /home. Use class names directly in HTML.
   ===================================================================== */

/* Page hero (use on every sub-page for consistent rhythm) */
.page-hero{padding:88px 0 56px;text-align:center;position:relative}
.page-hero .eyebrow{font-family:var(--fb);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);font-weight:700;margin-bottom:18px}
.page-hero h1{font-family:var(--fd);font-weight:700;font-size:clamp(44px,7vw,76px);line-height:.98;letter-spacing:-.035em;margin:0 0 18px;color:var(--ink)}
.page-hero p.lead{font-size:19px;line-height:1.55;color:var(--ink-2);max-width:660px;margin:0 auto 28px}
.page-hero .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.page-hero .micro{font-family:var(--fm);font-size:12.5px;color:var(--ink-2);opacity:.75;margin:16px auto 0;letter-spacing:.02em;max-width:520px}

/* Trust strip — drop directly after .page-hero on every page */
.trust-row{padding:22px 0;background:var(--paper-2);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.trust-row .wrap{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.trust-row .badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:13.5px;color:var(--ink-2);font-weight:600;letter-spacing:-.005em;white-space:nowrap}
.trust-row .badge svg{width:20px;height:20px;flex:none;color:var(--ink)}
.trust-row .badge b{color:var(--ink);font-weight:700}
.trust-row .stars-small{display:inline-flex;gap:1px;color:#00B67A;font-size:14px;letter-spacing:1px;margin-right:2px}

/* Generous section spacing — use .v4-sec to wrap any major section */
.v4-sec{padding:88px 0}
.v4-sec.alt{background:var(--paper-2);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.v4-sec.dark{background:var(--ink);color:var(--paper)}
.v4-sec .sec-head{text-align:center;max-width:680px;margin:0 auto 48px}
.v4-sec .sec-head .eyebrow{font-family:var(--fb);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);font-weight:700;margin-bottom:16px}
.v4-sec.dark .sec-head .eyebrow{color:var(--yellow)}
.v4-sec .sec-head h2{font-family:var(--fd);font-weight:700;font-size:clamp(36px,5.4vw,56px);line-height:1.02;letter-spacing:-.03em;margin:0 0 14px;color:var(--ink)}
.v4-sec.dark .sec-head h2{color:var(--paper)}
.v4-sec .sec-head p.sub{font-size:17px;color:var(--ink-2);line-height:1.55;margin:0}
.v4-sec.dark .sec-head p.sub{color:rgba(248,244,236,.78)}

/* Final CTA band that closes every page consistently */
.v4-cta{padding:96px 24px;text-align:center;background:var(--yellow);border-top:1.5px solid var(--ink)}
.v4-cta h2{font-family:var(--fd);font-weight:700;font-size:clamp(38px,5.6vw,62px);letter-spacing:-.03em;margin:0 0 14px;color:var(--ink);line-height:1}
.v4-cta p{font-size:18px;color:var(--ink);opacity:.78;margin:0 0 28px;max-width:480px;margin-left:auto;margin-right:auto}
.v4-cta .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Customer logo strip — for credibility under hero or before final CTA */
.logo-strip{padding:36px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.logo-strip .wrap{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;opacity:.6}
.logo-strip .lbl{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:800}
.logo-strip .logo-item{font-family:var(--fd);font-weight:700;font-size:17px;color:var(--ink);letter-spacing:-.01em;opacity:.85}

.nav{position:sticky;top:0;z-index:60;background:rgba(247,243,234,.92);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--line)}
.nav-in{max-width:1240px;margin:0 auto;padding:13px 32px;display:flex;align-items:center;gap:18px}
.nav-links{display:flex;gap:2px;flex:1;align-items:center}
.nav-links > a, .nav-links > button{padding:8px 12px;border-radius:8px;font-weight:500;font-size:15px;color:var(--ink-2);transition:.14s;background:transparent;border:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px}
.nav-links > a:hover, .nav-links > button:hover{background:var(--paper-2);color:var(--ink)}
.nav-links > a.on, .nav-links > button.on{background:var(--ink);color:var(--paper)}
/* =====================  MEGA MENU  =====================
   .has-mega is NOT positioned — the .mega-wrap below sizes itself against the
   sticky .nav so it can span full viewport width. Open/close is JS-driven
   (mouseenter to open, mouseleave with 250ms grace) so crossing the gap from
   trigger to panel doesn't lose state. */
.nav-links .has-mega .caret{font-size:10px;opacity:.6;transition:transform .18s}
.nav-links .has-mega.open .caret{transform:rotate(180deg);opacity:1}
.nav-links .has-mega.open > button{background:var(--paper-2);color:var(--ink)}

.mega-wrap{position:absolute;top:100%;left:0;right:0;display:none;z-index:65;background:var(--card);border-top:1px solid var(--line);border-bottom:2px solid var(--ink);box-shadow:0 30px 60px -22px rgba(22,20,14,.3)}
.nav-links .has-mega.open .mega-wrap{display:block;animation:megaIn .18s cubic-bezier(.2,.7,.2,1)}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

.mega{max-width:1240px;margin:0 auto;padding:36px 32px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:36px 28px}
.mega[data-cols="5"]{grid-template-columns:repeat(5,1fr)}
.mega[data-cols="3"]{grid-template-columns:repeat(3,1fr)}

.mega-col h6{display:flex;align-items:center;gap:8px;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-weight:700;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.mega-col h6 .mli{width:14px;height:14px;color:var(--clay);flex:none}
.mega-col h6 .mli svg{width:100%;height:100%}

/* Rich link card with icon + label + description + arrow */
.mega-link{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:11px;padding:9px 10px;margin:0 -10px;border-radius:9px;color:var(--ink);font-weight:500;font-size:14.5px;line-height:1.3;text-decoration:none;transition:background .12s, transform .12s;position:relative}
.mega-link:hover{background:var(--paper-2)}
.mega-link .mli{width:18px;height:18px;color:var(--ink);opacity:.75;flex:none;margin-top:1px;transition:.14s}
.mega-link .mli svg{width:100%;height:100%}
.mega-link:hover .mli{color:var(--clay);opacity:1;transform:scale(1.08)}
.mega-link .ml-body{min-width:0}
.mega-link .ml-row{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.mega-link .ml-label{font-weight:500}
.mega-link:hover .ml-label{color:var(--clay)}
.mega-link small{display:block;color:var(--muted);font-size:12.5px;font-weight:400;margin-top:3px;line-height:1.4}
.mega-link .ml-arrow{font-family:var(--fm);font-weight:700;color:var(--clay);opacity:0;transform:translateX(-4px);transition:.14s;align-self:center;font-size:13px}
.mega-link:hover .ml-arrow{opacity:1;transform:translateX(0)}
.mega-link.has-desc{align-items:flex-start;padding:10px;margin:0 -10px 2px}

/* Tag pills inline beside link labels — v4 yellow */
.mega-link .tag, .mega-col a .tag{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--yellow);color:var(--ink);font-family:'Plus Jakarta Sans',sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--ink);line-height:1.2;vertical-align:middle}
.mega-link .tag.coral{background:var(--clay);color:var(--paper);border-color:var(--clay)}
.mega-link .tag.ink{background:var(--ink);color:var(--paper)}
.mega-link .tag.paper{background:var(--paper);color:var(--ink)}

/* =====================  FEATURE CARD (v4 yellow)  ===================== */
.mega-feat{grid-column:span 1;background:var(--ink);color:var(--paper);border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--yellow);position:relative;overflow:hidden;min-height:260px}
.mega-feat::before{content:"";position:absolute;top:-50px;right:-50px;width:160px;height:160px;background:var(--yellow);opacity:.18;border-radius:50%;pointer-events:none}
.mega-feat::after{content:"";position:absolute;bottom:-60px;left:-50px;width:140px;height:140px;background:var(--coral);opacity:.20;border-radius:50%;pointer-events:none}
.mega-feat > *{position:relative}
.mega-feat .eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-weight:800;margin:0 0 12px;display:inline-flex;align-items:center;gap:8px}
.mega-feat .eyebrow .pulse{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 0 rgba(255,214,74,.7);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,214,74,.7)}70%{box-shadow:0 0 0 10px rgba(255,214,74,0)}100%{box-shadow:0 0 0 0 rgba(255,214,74,0)}}
.mega-feat h5{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:24px;line-height:1.12;letter-spacing:-.02em;margin:0 0 12px;color:var(--paper)}
.mega-feat h5 b, .mega-feat h5 .hl{color:var(--yellow);font-weight:800;background:transparent;transform:none;padding:0}
.mega-feat p{margin:0 0 18px;color:rgba(248,244,236,.82);font-size:13.5px;line-height:1.55}
.mega-feat .feat-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--yellow);color:var(--ink);padding:10px 18px;border-radius:999px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:14px;border:1.5px solid var(--yellow);text-decoration:none;transition:.16s}
.mega-feat .feat-btn:hover{background:var(--paper);border-color:var(--paper);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--coral)}
.mega-feat .fineprint{display:block;margin-top:12px;font-size:11px;color:rgba(248,244,236,.55);letter-spacing:.01em}
.mega-feat.coral{box-shadow:5px 5px 0 var(--coral)}
.mega-feat.coral .eyebrow{color:var(--coral)}
.mega-feat.coral .eyebrow .pulse{background:var(--coral);box-shadow:0 0 0 0 rgba(232,113,76,.7);animation-name:pulseCoral}
.mega-feat.coral h5 b, .mega-feat.coral h5 .hl{color:var(--coral)}
.mega-feat.coral .feat-btn{background:var(--coral);border-color:var(--coral);color:var(--paper)}
.mega-feat.coral .feat-btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper);box-shadow:4px 4px 0 var(--yellow)}
@keyframes pulseCoral{0%{box-shadow:0 0 0 0 rgba(232,113,76,.7)}70%{box-shadow:0 0 0 10px rgba(232,113,76,0)}100%{box-shadow:0 0 0 0 rgba(232,113,76,0)}}

/* =====================  LATEST POSTS PANEL  ===================== */
.mega-posts{grid-column:span 1;background:var(--paper-2);border-radius:14px;padding:20px 20px 16px;border:1px solid var(--line);display:flex;flex-direction:column}
.mega-posts h6{display:block;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--clay);font-weight:700;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.mega-posts .mp-item{display:block;padding:10px 0;border-bottom:1px dashed var(--line);text-decoration:none;color:var(--ink);transition:.14s}
.mega-posts .mp-item:last-of-type{border-bottom:0}
.mega-posts .mp-item:hover{transform:translateX(2px)}
.mega-posts .mp-meta{font-family:var(--fm);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.mega-posts .mp-tag{color:var(--clay);font-weight:700}
.mega-posts .mp-title{font-family:var(--fd);font-weight:500;font-size:14.5px;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.mega-posts .mp-item:hover .mp-title{color:var(--clay)}
.mega-posts .mp-cta{margin-top:auto;padding-top:12px;font-family:var(--fb);font-weight:600;font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--clay)}
.mega-posts .mp-cta:hover{color:var(--clay)}

/* =====================  CUSTOMER QUOTE PANEL  ===================== */
.mega-quote{grid-column:span 1;background:var(--paper);border-radius:14px;padding:22px;border:1.5px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:4px 4px 0 var(--paper-2)}
.mega-quote .mq-stars{display:flex;gap:1px;margin-bottom:10px;color:var(--clay)}
.mega-quote .mq-stars .mli{width:14px;height:14px}
.mega-quote .mq-stars .mli svg{width:100%;height:100%;fill:var(--clay);stroke:var(--clay)}
.mega-quote p{margin:0 0 12px;font-family:var(--fd);font-weight:500;font-size:15.5px;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}
.mega-quote .mq-author{font-family:var(--fm);font-size:11.5px;letter-spacing:.04em;color:var(--muted);margin-bottom:14px}
.mega-quote .mq-cta{align-self:flex-start;font-family:var(--fb);font-weight:600;font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--clay)}
.mega-quote .mq-cta:hover{color:var(--clay)}

/* =====================  PROMO STRIP (panel footer) — v4  ===================== */
.mega-strip{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:14px;padding:16px 20px;border-radius:14px;background:linear-gradient(90deg, var(--paper-2) 0%, rgba(255,214,74,.45) 100%);border:1.5px solid var(--ink);position:relative;overflow:hidden}
.mega-strip::before{content:"";position:absolute;top:0;right:0;bottom:0;width:120px;background:linear-gradient(90deg, transparent 0%, rgba(255,214,74,.55) 100%);pointer-events:none}
.mega-strip > *{position:relative}
.mega-strip .ms-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mega-strip .ms-tag{font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--ink);background:var(--yellow);padding:5px 10px;border-radius:999px;border:1.5px solid var(--ink)}
.mega-strip .ms-text{font-family:var(--fd);font-weight:500;font-size:15px;letter-spacing:-.01em;color:var(--ink)}
.mega-strip .ms-text b{font-weight:600}
.mega-strip .ms-links{display:flex;gap:18px;align-items:center;font-size:13.5px;font-weight:500}
.mega-strip .ms-links a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;text-decoration-color:var(--clay);transition:.12s}
.mega-strip .ms-links a:hover{color:var(--clay);text-decoration-color:var(--ink)}

.nav-cta{display:flex;align-items:center;gap:11px;margin-left:8px}
.nav-phone{font-family:var(--fm);font-size:12px;color:var(--ink-2);border:1px solid var(--line);padding:8px 13px;border-radius:999px;display:flex;align-items:center;gap:7px}
.nav-phone .d{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.nav-login{font-size:15px;font-weight:600}.nav-login:hover{color:var(--clay)}

/* Mobile hamburger + drawer */
.nav-burger{display:none;background:transparent;border:0;padding:8px;cursor:pointer;color:var(--ink)}
.nav-burger svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-drawer{display:none;position:fixed;inset:0;z-index:70;background:var(--paper);overflow-y:auto;padding:80px 24px 32px}
.nav-drawer.show{display:block;animation:fade .18s ease}
.nav-drawer .close{position:absolute;top:14px;right:18px;background:transparent;border:0;padding:8px;cursor:pointer;color:var(--ink)}
.nav-drawer .close svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-drawer .section{border-bottom:1px solid var(--line);padding:14px 0}
.nav-drawer .section summary{font-family:var(--fd);font-weight:600;font-size:18px;letter-spacing:-.02em;cursor:pointer;list-style:none;padding:8px 0;display:flex;justify-content:space-between;align-items:center}
.nav-drawer .section summary::-webkit-details-marker{display:none}
.nav-drawer .section summary::after{content:"+";font-family:var(--fd);font-weight:400;font-size:24px;color:var(--clay)}
.nav-drawer .section[open] summary::after{content:"−"}
.nav-drawer .section .links a{display:block;padding:9px 0;color:var(--ink-2);font-size:15.5px}
.nav-drawer .section .links a:hover{color:var(--clay)}
.nav-drawer .section .links h6{font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:12px 0 6px}
.nav-drawer .cta-row{display:flex;gap:10px;margin-top:24px}
.nav-drawer .cta-row .btn{flex:1;justify-content:center}

@media (max-width:980px){
  .nav-links, .nav-cta .nav-phone, .nav-cta .nav-login{display:none}
  .nav-burger{display:inline-flex;margin-left:auto}
  .nav-cta{margin-left:0;gap:6px}
}
@media (max-width:580px){
  .nav-cta .btn{display:none}
}

.phero{padding:54px 0 18px}
.kick{font-family:var(--fm);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);font-weight:700;display:inline-flex;align-items:center;gap:9px}
.kick::before{content:"";width:24px;height:2px;background:var(--clay)}
.ph-h{font-family:var(--fd);font-weight:600;font-size:clamp(34px,4.6vw,60px);line-height:.99;letter-spacing:-.04em;margin:16px 0 0;max-width:20ch}
.ph-sub{font-size:clamp(17px,1.4vw,20px);color:var(--ink-2);max-width:640px;margin:18px 0 0;line-height:1.5}
.ph-micro{font-family:var(--fm);font-size:12px;color:var(--muted);margin:16px 0 0}
.pheroline{margin:24px 0 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}

.sec{padding:64px 0}
.sec-sm{padding:40px 0}
.sec-h{font-family:var(--fd);font-weight:600;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em;line-height:1.04;margin:14px 0 0;max-width:22ch}
.sec-sub{font-size:clamp(16px,1.25vw,18px);color:var(--ink-2);max-width:640px;margin:14px 0 0;line-height:1.5}
.sec-head{margin-bottom:32px}

/* Long-form prose styling for legals / blog / help */
.prose{font-size:16px;line-height:1.7;color:var(--ink-2);max-width:760px}
.prose h2{font-family:var(--fd);font-weight:600;font-size:24px;letter-spacing:-.02em;color:var(--ink);margin:38px 0 10px;line-height:1.18}
.prose h3{font-family:var(--fd);font-weight:600;font-size:18px;letter-spacing:-.01em;color:var(--ink);margin:24px 0 8px}
.prose p,.prose li{margin:0 0 12px}
.prose ul,.prose ol{padding-left:20px;margin:0 0 18px}
.prose a{color:var(--clay);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.prose code{font-family:var(--fm);font-size:14px;background:var(--paper-2);border:1px solid var(--line);padding:1px 6px;border-radius:4px;color:var(--ink)}
.prose .note{background:var(--paper-2);border:1.5px solid var(--line);border-radius:11px;padding:14px 16px;color:var(--ink);font-size:14.5px;line-height:1.6;margin:18px 0}
.prose .note b{color:var(--ink);font-weight:600}
.prose .updated{font-family:var(--fm);font-size:12px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:700;margin:0 0 18px}

/* Reusable card patterns */
.incl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1000px){ .incl-grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .incl-grid{grid-template-columns:1fr} }
.incl{background:var(--card);border:2px solid var(--ink);border-radius:13px;padding:22px 22px 20px;box-shadow:3px 3px 0 var(--ink);display:flex;flex-direction:column}
.incl .ic-c{width:26px;height:26px;border-radius:50%;background:var(--blink);border:1.5px solid var(--ink);margin:0 0 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316140E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5 9 17 20 6'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}
.incl h4{font-family:var(--fd);font-weight:600;font-size:17.5px;letter-spacing:-.02em;margin:0 0 6px;line-height:1.18}
.incl p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.5}

.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:920px){ .steps4{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .steps4{grid-template-columns:1fr} }
.stepcard{background:var(--card);border:2px solid var(--ink);border-radius:13px;box-shadow:var(--sh);padding:22px 22px 24px;position:relative}
.stepcard .n{font-family:var(--fd);font-weight:700;font-size:42px;line-height:1;color:var(--clay);letter-spacing:-.04em}
.stepcard h3{font-family:var(--fd);font-weight:600;font-size:20px;letter-spacing:-.02em;margin:10px 0 6px}
.stepcard p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.55}

.faqs{display:grid;grid-template-columns:1fr;gap:12px;max-width:820px;margin:0 auto}
.faq{background:var(--card);border:1.5px solid var(--line);border-radius:11px;padding:0;overflow:hidden;transition:border-color .15s}
.faq[open]{border-color:var(--ink);box-shadow:3px 3px 0 var(--blink)}
.faq summary{padding:18px 22px;cursor:pointer;font-family:var(--fd);font-weight:600;font-size:17px;letter-spacing:-.01em;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--fd);font-weight:400;font-size:24px;color:var(--clay);transition:transform .2s}
.faq[open] summary::after{content:"−"}
.faq .body{padding:0 22px 18px;color:var(--ink-2);font-size:15px;line-height:1.6}

.cta-band{background:var(--ink);color:var(--paper);border-radius:17px;padding:38px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:6px 6px 0 var(--blink);flex-wrap:wrap}
.cta-band h3{font-family:var(--fd);font-weight:600;font-size:clamp(26px,2.8vw,34px);letter-spacing:-.03em;margin:0;max-width:20ch;line-height:1.05}
.cta-band h3 .hl::before{background:var(--blink)}
.cta-band p{margin:8px 0 0;color:rgba(247,243,234,.78);font-size:15px;max-width:50ch}

.foot{border-top:1px solid var(--line);background:var(--paper-2);margin-top:60px;padding:48px 0 36px}
.foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px}
@media (max-width:1080px){ .foot-cols{grid-template-columns:2fr 1fr 1fr;row-gap:32px} }
@media (max-width:760px){ .foot-cols{grid-template-columns:1fr 1fr} }
.foot h6{font-family:var(--fd);font-weight:600;font-size:14px;letter-spacing:-.01em;margin:0 0 10px;color:var(--ink)}
.foot a,.foot button{display:block;color:var(--ink-2);font-size:14px;margin:5px 0;font-weight:500}
.foot a:hover,.foot button:hover{color:var(--clay)}
.foot-bot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;border-top:1px solid var(--line);margin-top:32px;padding-top:18px;font-family:var(--fm);font-size:11.5px;color:var(--muted);letter-spacing:.03em}

/* Forms (used by /contact, /help) */
.applyform{background:var(--card);border:2px solid var(--ink);border-radius:15px;box-shadow:var(--sh);padding:32px;max-width:780px;margin:0 auto}
.applyform h3{font-family:var(--fd);font-weight:600;font-size:24px;letter-spacing:-.02em;margin:0 0 6px}
.applyform .lead{color:var(--muted);font-size:15px;margin:0 0 24px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media (max-width:560px){ .f-row{grid-template-columns:1fr} }
.field{margin-bottom:15px}
.field label{font-family:var(--fm);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:block;margin-bottom:7px}
.field label .req{color:var(--clay)}
.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);background:var(--card);border-radius:9px;padding:13px 15px;font-family:var(--fb);font-size:15px;color:var(--ink);outline:none}
.field textarea{resize:vertical;min-height:90px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--blink)}
.field input.bad,.field select.bad{border-color:var(--danger)}
.field .err{font-size:13px;color:var(--danger);margin-top:6px;min-height:14px}
.submit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;flex-wrap:wrap}
.submit-row .note{font-family:var(--fm);font-size:11px;color:var(--muted);letter-spacing:.04em}

.ok{display:none;text-align:center;padding:8px 0}
.ok.show{display:block;animation:fade .25s ease}
.ok .tick{width:64px;height:64px;border-radius:50%;background:var(--blink);border:2px solid var(--ink);display:grid;place-items:center;margin:6px auto 14px;box-shadow:3px 3px 0 var(--ink)}
.ok .tick svg{width:32px;height:32px;stroke:var(--ink);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ok h3{font-family:var(--fd);font-weight:600;font-size:28px;letter-spacing:-.02em;margin:0 0 6px}
.ok p{color:var(--ink-2);font-size:16px;margin:0 auto 12px;max-width:50ch}


/* =====================  TRUST STRIP & SOCIAL PROOF TICKER  ===================== */
.trust-strip{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:0 0 4px}
.trust-strip .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
@media (max-width:780px){.trust-strip .wrap{grid-template-columns:1fr;text-align:center;gap:14px}}
.trust-strip .ts-lead{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--clay);font-weight:700;max-width:120px;line-height:1.4}
.trust-strip .ts-badges{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center}
.trust-strip .ts-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--fd);font-weight:500;font-size:14.5px;letter-spacing:-.01em;color:var(--ink-2)}
.trust-strip .ts-badge svg{width:22px;height:22px;color:var(--ink)}
.trust-strip .ts-badge b{color:var(--ink);font-weight:600}
.trust-strip .ts-stars{display:inline-flex;align-items:center;gap:2px;color:var(--clay)}
.trust-strip .ts-stars svg{width:14px;height:14px;fill:var(--clay);stroke:var(--clay)}
.trust-strip .ts-rating{font-family:var(--fd);font-weight:500;font-size:14px;color:var(--ink-2);margin-left:6px}
.trust-strip .ts-rating b{color:var(--ink);font-weight:600}
.trust-strip .ts-ticker{font-family:var(--fm);font-size:11px;letter-spacing:.06em;color:var(--ink-2);display:flex;align-items:center;gap:6px;white-space:nowrap}
.trust-strip .ts-ticker .dot{width:7px;height:7px;border-radius:50%;background:#1F8A4C;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,138,76,.6)}70%{box-shadow:0 0 0 6px rgba(31,138,76,0)}100%{box-shadow:0 0 0 0 rgba(31,138,76,0)}}

/* =====================  ANNOUNCEMENT BAR  ===================== */
.announce-bar{background:var(--ink);color:var(--paper);position:relative;z-index:61;border-bottom:1px solid var(--ink);overflow:hidden}
.announce-bar::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(203,242,78,.10) 40%, rgba(232,113,76,.10) 70%, transparent 100%);pointer-events:none}
.ab-in{max-width:1240px;margin:0 auto;padding:9px 32px;display:flex;align-items:center;gap:12px;font-family:var(--fb);font-size:13.5px;font-weight:500;letter-spacing:.01em;position:relative}
.ab-pulse{width:8px;height:8px;border-radius:50%;background:var(--blink);box-shadow:0 0 0 0 rgba(203,242,78,.7);animation:abPulse 1.8s infinite;flex:none}
@keyframes abPulse{0%{box-shadow:0 0 0 0 rgba(203,242,78,.7)}70%{box-shadow:0 0 0 9px rgba(203,242,78,0)}100%{box-shadow:0 0 0 0 rgba(203,242,78,0)}}
.ab-txt{flex:1;color:rgba(247,243,234,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ab-txt b{color:var(--blink);font-weight:700}
.ab-cta{font-family:var(--fb);font-size:13px;font-weight:700;color:var(--ink);background:var(--blink);padding:5px 12px;border-radius:999px;transition:.14s;white-space:nowrap;border:1.5px solid var(--blink)}
.ab-cta:hover{background:var(--paper);border-color:var(--paper);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--clay)}
@media (max-width:680px){.ab-in{padding:8px 16px;font-size:12.5px}.ab-txt{white-space:normal;line-height:1.35}}

/* =====================  REAL LOGO  ===================== */
.logo-svg{display:inline-flex;align-items:center;height:36px}
.logo-svg img{display:block;height:30px;width:auto;max-width:110px}
@media (max-width:560px){.logo-svg img{height:26px;max-width:90px}}
.nav .logo-svg img{filter:none}

/* Make the nav itself feel more present — heavier border, stickier feel */
.nav{border-bottom:1.5px solid var(--ink)}
.nav-in{padding:14px 32px}
.nav-cta .btn-ink{box-shadow:4px 4px 0 var(--blink);border:1.5px solid var(--ink)}
.nav-cta .btn-ink:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--blink)}

/* =====================  BENTO HERO  =====================
   Big-type left, 4-card slanted bento right. Cards rotate slightly so the
   composition feels hand-laid rather than gridded. Hard 6px shadows for
   brutalist character. Each card represents a real product surface. */
.bento-hero{padding:36px 0 56px;position:relative}
.bento-hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media (max-width:1080px){.bento-hero .wrap{grid-template-columns:1fr;gap:36px}}

.bh-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--fm);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);font-weight:700;margin-bottom:18px}
.bh-eyebrow::before{content:"";width:24px;height:2px;background:var(--clay)}
.bh-h1{font-family:var(--fd);font-weight:600;font-size:clamp(42px,4.6vw,68px);letter-spacing:-.042em;line-height:1;margin:0 0 20px;max-width:14ch}
.bh-h1 .hl{position:relative;white-space:nowrap;z-index:0}
.bh-h1 .hl::before{content:"";position:absolute;left:-.08em;right:-.08em;top:14%;bottom:6%;background:var(--blink);transform:rotate(-1.6deg) skewX(-6deg);z-index:-1;border-radius:2px}
.bh-sub{font-size:clamp(16px,1.25vw,18.5px);color:var(--ink-2);max-width:44ch;margin:0 0 26px;line-height:1.5}

.bh-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.bh-ctas .btn-blink{font-size:16.5px;padding:15px 26px;box-shadow:5px 5px 0 var(--ink);border:1.5px solid var(--ink)}
.bh-ctas .btn-blink:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.bh-ctas .btn-ghost{font-size:16.5px;padding:15px 26px;border-width:2px;background:var(--card)}

.bh-micro{font-family:var(--fm);font-size:12.5px;color:var(--muted);letter-spacing:.02em;margin:0 0 22px}
.bh-trust{font-family:var(--fm);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-weight:700;display:inline-flex;align-items:center;gap:10px}
.bh-trust::before{content:"🇬🇧";font-size:18px}
.bh-trust b{color:var(--clay)}

/* The right-side bento canvas */
.bh-canvas{position:relative;aspect-ratio:1.1/1;min-height:420px;max-height:540px}
@media (max-width:1080px){.bh-canvas{max-height:none}}
@media (max-width:680px){.bh-canvas{aspect-ratio:auto;min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}}

.bh-card{position:absolute;background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:18px;box-shadow:6px 6px 0 var(--ink);transition:transform .25s cubic-bezier(.2,.7,.3,1.2)}
.bh-card:hover{transform:translate(-3px,-3px) rotate(0) !important;box-shadow:9px 9px 0 var(--ink);z-index:10}
@media (max-width:680px){.bh-card{position:static;transform:none !important;aspect-ratio:1;padding:14px;font-size:.92em}}

/* Card positions on desktop */
.bh-c1{top:0;left:0;width:54%;transform:rotate(-1.8deg);z-index:3}
.bh-c2{top:8%;right:0;width:42%;background:var(--clay);color:var(--paper);border-color:var(--ink);transform:rotate(1.4deg);z-index:2;box-shadow:6px 6px 0 var(--ink)}
.bh-c3{bottom:6%;left:8%;width:42%;background:var(--ink);color:var(--paper);transform:rotate(-1deg);z-index:2;box-shadow:6px 6px 0 var(--blink)}
.bh-c4{bottom:0;right:4%;width:50%;background:var(--blink);transform:rotate(2deg);z-index:3;box-shadow:6px 6px 0 var(--ink)}

.bh-card .tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.bh-card .tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:abPulse 1.8s infinite}
.bh-c2 .tag, .bh-c3 .tag{color:rgba(255,255,255,.85)}
.bh-c1 .tag, .bh-c4 .tag{color:var(--clay)}
.bh-c3 .tag{color:var(--blink)}

.bh-card h4{font-family:var(--fd);font-weight:600;font-size:16px;letter-spacing:-.015em;margin:0 0 4px;line-height:1.2}
.bh-card p{font-family:var(--fb);font-size:13.5px;line-height:1.4;margin:0;color:var(--ink-2)}
.bh-c2 p, .bh-c3 p{color:rgba(247,243,234,.82)}

/* Card-1 — Today dashboard fragment */
.bh-c1 .stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}
.bh-c1 .stat{background:var(--paper-2);border-radius:9px;padding:10px}
.bh-c1 .stat b{display:block;font-family:var(--fd);font-weight:600;font-size:20px;letter-spacing:-.02em;line-height:1;color:var(--ink)}
.bh-c1 .stat small{display:block;font-family:var(--fm);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}

/* Card-2 — AI phone call */
.bh-c2 .quote{font-family:var(--fd);font-weight:500;font-size:14.5px;line-height:1.3;letter-spacing:-.01em;margin:8px 0 0;color:var(--paper)}
.bh-c2 .meta{font-family:var(--fm);font-size:10.5px;letter-spacing:.06em;color:rgba(247,243,234,.7);margin-top:8px;display:flex;justify-content:space-between}

/* Card-3 — Product sold */
.bh-c3 .price-row{display:flex;align-items:center;gap:10px;margin-top:10px}
.bh-c3 .price{font-family:var(--fd);font-weight:600;font-size:22px;letter-spacing:-.02em;color:var(--blink)}
.bh-c3 .sold{font-family:var(--fm);font-size:10.5px;letter-spacing:.06em;color:rgba(247,243,234,.7)}
.bh-c3 .bar{margin-top:10px;height:5px;background:rgba(247,243,234,.15);border-radius:3px;overflow:hidden}
.bh-c3 .bar span{display:block;height:100%;width:62%;background:var(--blink);border-radius:3px}

/* Card-4 — SMS booking reminder */
.bh-c4 .sms{background:var(--card);border-radius:11px;padding:11px 13px;margin-top:8px;border:1.5px solid var(--ink);font-family:var(--fb);font-size:13.5px;line-height:1.35;color:var(--ink);position:relative}
.bh-c4 .sms::after{content:"";position:absolute;bottom:-7px;left:14px;width:14px;height:14px;background:var(--card);border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg)}
.bh-c4 .time{font-family:var(--fm);font-size:10px;letter-spacing:.08em;color:var(--ink-2);margin-top:16px;font-weight:700}


/* =====================  HERO EDITOR MOCKUP — supersedes bento cards  ===================== */
.bh-editor{position:relative;background:var(--card);border:2.5px solid var(--ink);border-radius:18px;box-shadow:10px 10px 0 var(--blink);overflow:visible;aspect-ratio:1.08/1;max-width:640px;margin:0 auto;transform:rotate(-.6deg)}
@media (max-width:680px){.bh-editor{transform:none;aspect-ratio:1.05/1}}

/* App chrome — top bar */
.ed-chrome{display:flex;align-items:center;gap:14px;padding:11px 16px;background:var(--paper-2);border-bottom:1.5px solid var(--ink);border-radius:16px 16px 0 0;font-family:var(--fb);font-size:13px}
.ed-traffic{display:flex;gap:6px;flex:none}
.ed-traffic span{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ink)}
.ed-traffic span:nth-child(1){background:#FF5F57}
.ed-traffic span:nth-child(2){background:#FEBC2E}
.ed-traffic span:nth-child(3){background:#28C840}
.ed-url{flex:1;display:flex;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--ink);border-radius:8px;padding:6px 12px;font-family:var(--fm);font-size:12.5px;letter-spacing:.02em;color:var(--ink);max-width:280px;margin:0 auto;justify-content:center}
.ed-url .ed-pad{color:var(--ok);font-size:10px}
.ed-devices{display:flex;gap:4px;flex:none}
.ed-devices button{width:26px;height:26px;border-radius:6px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:14px;line-height:1;display:grid;place-items:center;cursor:default}
.ed-devices button.on{background:var(--ink);color:var(--paper)}
.ed-publish{font-family:var(--fb);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:7px 13px;border-radius:7px;background:var(--blink);color:var(--ink);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:default}

.ed-body{display:grid;grid-template-columns:64px 1fr;min-height:0;height:calc(100% - 56px);border-radius:0 0 16px 16px;overflow:hidden}

/* Editor left rail */
.ed-rail{background:var(--ink);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;color:rgba(247,243,234,.65)}
.ed-rail button{width:48px;padding:10px 0;border-radius:9px;background:transparent;color:inherit;display:grid;place-items:center;gap:2px;font-family:var(--fm);font-size:9px;letter-spacing:.06em;text-transform:uppercase;line-height:1;cursor:default}
.ed-rail svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:3px}
.ed-rail button.on{background:var(--blink);color:var(--ink)}
.ed-rail button.ai{color:var(--blink)}
.ed-rail button.ai:hover, .ed-rail button:hover{color:var(--paper)}

/* Canvas */
.ed-canvas{position:relative;background:linear-gradient(180deg, var(--paper) 0%, var(--card) 100%);padding:30px 28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;background-image:radial-gradient(circle at 1px 1px, rgba(22,20,14,.06) 1px, transparent 0);background-size:14px 14px}

/* The "page" being edited */
.ed-hero-block{position:relative;width:100%;max-width:340px;padding:6px 0 0}
.ed-tag-line{font-family:var(--fm);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--clay);font-weight:700;margin-bottom:6px}
.ed-page-h{font-family:var(--fd);font-weight:600;font-size:32px;line-height:1;letter-spacing:-.025em;color:var(--ink);margin:0 0 8px;max-width:9ch}
.ed-page-h .ed-hl{position:relative;z-index:0;white-space:nowrap}
.ed-page-h .ed-hl::before{content:"";position:absolute;left:-.08em;right:-.08em;top:18%;bottom:8%;background:var(--blink);transform:rotate(-1.5deg) skewX(-6deg);z-index:-1;border-radius:2px}
.ed-page-sub{font-family:var(--fb);font-size:12.5px;color:var(--ink-2);max-width:30ch;margin:0 0 10px;line-height:1.4}
.ed-page-cta{display:flex;gap:6px}
.ed-pill-fill{font-family:var(--fb);font-weight:700;font-size:11px;background:var(--ink);color:var(--paper);padding:7px 12px;border-radius:999px}
.ed-pill-out{font-family:var(--fb);font-weight:600;font-size:11px;border:1.5px solid var(--ink);padding:7px 12px;border-radius:999px;color:var(--ink)}

/* The active "selection" frame around the heading */
.ed-selection{position:absolute;top:14px;left:-12px;right:-12px;bottom:10px;border:1.8px dashed var(--clay);border-radius:6px;pointer-events:none}
.ed-handle{position:absolute;width:8px;height:8px;background:var(--clay);border:1.5px solid var(--ink);border-radius:2px}
.ed-handle.tl{top:-5px;left:-5px} .ed-handle.tr{top:-5px;right:-5px}
.ed-handle.bl{bottom:-5px;left:-5px} .ed-handle.br{bottom:-5px;right:-5px}
.ed-tool{position:absolute;top:-32px;left:-2px;background:var(--ink);border:1.5px solid var(--ink);border-radius:7px;padding:4px 5px;display:flex;align-items:center;gap:3px;box-shadow:3px 3px 0 var(--clay)}
.ed-tool button{font-family:var(--fm);font-size:10px;color:var(--paper);background:transparent;padding:2px 5px;border-radius:4px;line-height:1.2;cursor:default}
.ed-tool .ed-sep{width:1px;height:11px;background:rgba(247,243,234,.22)}
.ed-tool .ai-btn{background:var(--blink);color:var(--ink);font-weight:700}

/* AI suggestion balloon — main hero moment */
.ed-ai-pop{position:absolute;right:18px;bottom:18px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:13px 14px;width:240px;box-shadow:5px 5px 0 var(--blink);animation:aiPop .6s cubic-bezier(.2,1.3,.4,1) .8s backwards;z-index:5}
@keyframes aiPop{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}
.ed-ai-head{display:flex;align-items:center;gap:8px;font-family:var(--fm);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--blink);font-weight:700;margin-bottom:7px}
.ed-ai-dot{width:7px;height:7px;border-radius:50%;background:var(--blink);box-shadow:0 0 0 0 rgba(203,242,78,.6);animation:abPulse 1.8s infinite}
.ed-ai-body{font-family:var(--fb);font-size:12.5px;line-height:1.4;color:rgba(247,243,234,.85);margin-bottom:10px}
.ed-ai-body b{color:var(--blink);font-weight:600}
.ed-ai-actions{display:flex;gap:6px}
.ed-ai-yes{font-family:var(--fb);font-weight:700;font-size:11px;background:var(--blink);color:var(--ink);border:1.5px solid var(--blink);padding:5px 10px;border-radius:6px;cursor:default}
.ed-ai-no{font-family:var(--fb);font-weight:600;font-size:11px;background:transparent;color:rgba(247,243,234,.85);border:1.5px solid rgba(247,243,234,.35);padding:5px 10px;border-radius:6px;cursor:default}

/* Saving indicator (top-right of canvas) */
.ed-saving{position:absolute;top:14px;right:16px;font-family:var(--fm);font-size:10px;letter-spacing:.06em;color:var(--ink-2);background:var(--card);border:1px solid var(--line);padding:4px 9px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}
.ed-tick{color:var(--ok);font-weight:700}

/* Floating "and more" chips — outside the editor frame */
.ed-chip{position:absolute;background:var(--card);border:2px solid var(--ink);border-radius:13px;padding:10px 13px;display:flex;align-items:center;gap:10px;box-shadow:5px 5px 0 var(--ink);font-family:var(--fb);font-size:12px;color:var(--ink);max-width:230px;z-index:6}
.ed-chip-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--paper);flex:none;border:1.5px solid var(--ink)}
.ed-chip-ic svg{width:16px;height:16px}
.ed-chip-t{font-family:var(--fd);font-weight:600;font-size:13px;letter-spacing:-.01em;line-height:1.15}
.ed-chip-s{font-family:var(--fm);font-size:10px;color:var(--muted);letter-spacing:.04em;margin-top:2px}
.ed-chip-bookings{top:18%;right:-32px;transform:rotate(2.5deg)}
.ed-chip-call{bottom:14%;left:-44px;transform:rotate(-3deg)}
@media (max-width:1180px){.ed-chip-bookings{right:-12px}.ed-chip-call{left:-12px}}
@media (max-width:680px){.ed-chip{display:none}}

/* Kill the old bento card positioning — keeps things tidy */
.bh-canvas{display:none !important}


/* =====================  HERO — HOT-CORAL OBJECT  =====================
   Single tactile clay artefact, chunky shadow, lives on its own. No chrome,
   no chips, no AI panel — earns the brutalist shadow language by being ONE
   heavy thing not a collage. (Hides previous editor mockup styles below.) */

/* Kill the old editor mockup if it's lingering in the DOM */
.bh-editor{display:none !important}
.ed-chip{display:none !important}

.bh-object{position:relative;max-width:520px;margin:0 auto;padding:24px 0;display:flex;align-items:center;justify-content:center;aspect-ratio:1.05/1}
@media (max-width:1080px){.bh-object{aspect-ratio:auto;padding:32px 0 16px}}

.bo-card{
  position:relative;width:100%;
  background:var(--clay);color:var(--paper);
  border:2.5px solid var(--ink);
  border-radius:22px;
  padding:28px 30px 24px;
  box-shadow:10px 10px 0 var(--ink);
  transform:rotate(-2.4deg);
  transition:transform .35s cubic-bezier(.2,.7,.3,1.2), box-shadow .35s ease;
  display:flex;flex-direction:column;gap:18px;
  /* Subtle paper-grain so it reads as an object, not a flat rectangle */
  background-image:
    radial-gradient(circle at 22% 18%, rgba(247,243,234,.08) 0%, transparent 36%),
    radial-gradient(circle at 78% 82%, rgba(22,20,14,.10) 0%, transparent 40%),
    linear-gradient(180deg, var(--clay) 0%, #DC6543 100%);
}
.bo-card:hover{transform:rotate(0) translate(-3px,-3px);box-shadow:14px 14px 0 var(--ink)}

/* Top brand + LIVE row */
.bo-top{display:flex;align-items:center;justify-content:space-between}
.bo-brand{font-family:var(--fd);font-weight:600;font-size:21px;letter-spacing:-.03em;color:var(--paper);display:inline-flex;align-items:center;line-height:1}
.bo-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--blink);margin-left:5px;box-shadow:0 0 0 1.5px var(--paper)}
.bo-live{font-family:var(--fm);font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--paper);display:inline-flex;align-items:center;gap:7px;background:rgba(22,20,14,.28);padding:5px 10px;border-radius:999px;border:1px solid rgba(247,243,234,.18)}
.bo-pulse{width:7px;height:7px;border-radius:50%;background:var(--blink);box-shadow:0 0 0 0 rgba(203,242,78,.7);animation:abPulse 1.8s infinite}

.bo-eyebrow{font-family:var(--fm);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,243,234,.85)}

/* The big number — Clash Display, generous */
.bo-amount{font-family:var(--fd);font-weight:600;font-size:clamp(54px,5.6vw,76px);letter-spacing:-.045em;line-height:.92;color:var(--paper);margin-top:-4px}
.bo-amount-sub{font-family:var(--fb);font-size:13.5px;color:rgba(247,243,234,.78);margin-top:-6px;font-weight:500}

/* Bar chart — paper-cream bars sitting on coral, last one is lime */
.bo-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:112px;padding:0 2px;background:rgba(22,20,14,.18);border-radius:11px;padding:14px 12px}
.bo-bar{position:relative;background:var(--paper);border-radius:5px 5px 3px 3px;border:1.5px solid var(--ink);display:flex;flex-direction:column;justify-content:flex-end;min-height:14px}
.bo-bar .bo-day{position:absolute;left:0;right:0;bottom:-18px;text-align:center;font-family:var(--fm);font-size:9.5px;font-weight:700;letter-spacing:.06em;color:rgba(247,243,234,.7);text-transform:uppercase}
.bo-bar-today{background:var(--blink);box-shadow:0 0 0 2px var(--ink), 0 -2px 0 var(--ink)}
.bo-bar-today .bo-label{position:absolute;top:-26px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--blink);font-family:var(--fm);font-size:9px;font-weight:700;letter-spacing:.08em;padding:3px 7px;border-radius:5px;white-space:nowrap;text-transform:uppercase}
.bo-bar-today .bo-label::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--ink)}
.bo-bar-ghost{background:rgba(247,243,234,.4);border-color:rgba(22,20,14,.6);border-style:dashed}

/* Stat row */
.bo-stats{display:flex;align-items:center;gap:0;background:rgba(22,20,14,.22);border:1.5px solid rgba(22,20,14,.35);border-radius:13px;padding:12px 16px;margin-top:18px}
.bo-stat{flex:1;text-align:left}
.bo-stat-n{font-family:var(--fd);font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1;color:var(--paper)}
.bo-stat-l{font-family:var(--fm);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(247,243,234,.65);font-weight:700;margin-top:4px}
.bo-divider{width:1.5px;align-self:stretch;background:rgba(247,243,234,.18);margin:0 14px}

/* "AI · always on" sticker — diagonal, tucked at top-right corner */
.bo-sticker{
  position:absolute;
  top:-14px;right:-14px;
  background:var(--ink);color:var(--paper);
  font-family:var(--fm);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 11px;border-radius:8px;
  border:2px solid var(--ink);
  box-shadow:3px 3px 0 var(--blink);
  display:inline-flex;align-items:center;gap:7px;
  transform:rotate(6deg);
  z-index:3
}
.bo-sticker-dot{width:6px;height:6px;border-radius:50%;background:var(--blink);box-shadow:0 0 0 0 rgba(203,242,78,.7);animation:abPulse 1.8s infinite}


/* =====================  v3 — UTILITY BAR + STRUCTURED PAGE  =====================
   Calmer, more deliberate. Utility bar at top (phone/hours/login), main nav
   underneath. Centered hero, big two-bento split, real structure. */

/* v4 NOTE: announce-bar was hidden in v3, but in v4 it's back — let it render.
   The other legacy hero elements (bento, bh-object, etc.) stay hidden. */
.bh-object, .bh-editor, .ed-chip, .bento-hero{display:none !important}

/* UTILITY BAR — dark thin strip with phone + login */
.util-bar{background:var(--ink);color:var(--paper);font-family:var(--fb);font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.08)}
.ub-in{max-width:1240px;margin:0 auto;padding:7px 32px;display:flex;align-items:center;gap:10px;letter-spacing:.01em;flex-wrap:wrap}
.ub-link{color:rgba(247,243,234,.85);display:inline-flex;align-items:center;gap:6px;transition:color .12s;font-weight:500}
.ub-link:hover{color:var(--blink)}
.ub-link svg{color:var(--blink)}
.ub-sep{color:rgba(247,243,234,.3);font-weight:300}
.ub-hours{color:rgba(247,243,234,.55);font-family:var(--fm);font-size:11.5px;letter-spacing:.04em}
.ub-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.ub-login{font-weight:600;color:var(--paper)}
.ub-login:hover{color:var(--blink)}
@media (max-width:780px){.ub-hours, .ub-right .ub-link:not(.ub-login), .ub-right .ub-sep{display:none}.ub-in{justify-content:space-between}}

/* Re-tune the main nav so it pairs with the new utility bar */
.nav{border-bottom:1px solid var(--line)}
.nav-cta .btn-ink{padding:11px 18px;font-size:14px;font-weight:600;letter-spacing:-.005em}

/* =====================  v3 HERO — centered + calm  ===================== */
.v3-hero{padding:72px 0 64px;background:var(--paper);position:relative;overflow:hidden}
.v3-hero::before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:90%;height:140%;background:radial-gradient(ellipse at center top, rgba(203,242,78,.25) 0%, transparent 60%);pointer-events:none;z-index:0}
.v3-hero > .wrap{position:relative;z-index:1;text-align:center}
.v3-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--fm);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-weight:700;background:var(--card);border:1.5px solid var(--ink);padding:6px 14px;border-radius:999px;margin-bottom:30px}
.v3-eyebrow .d{width:7px;height:7px;border-radius:50%;background:#1F8A4C;box-shadow:0 0 0 0 rgba(31,138,76,.6);animation:abPulse 1.8s infinite}
.v3-h1{font-family:var(--fd);font-weight:600;font-size:clamp(44px,5.6vw,84px);letter-spacing:-.045em;line-height:.96;margin:0 0 20px;max-width:18ch;margin-left:auto;margin-right:auto;color:var(--ink)}
.v3-sub{font-size:clamp(17px,1.4vw,20px);color:var(--ink-2);max-width:60ch;margin:0 auto 36px;line-height:1.5}

/* AI prompt input — Durable-style "Tell us your business" */
.v3-prompt{max-width:640px;margin:0 auto;background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:6px;display:flex;align-items:center;gap:6px;box-shadow:6px 6px 0 var(--ink);transition:transform .14s, box-shadow .14s}
.v3-prompt:focus-within{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.v3-prompt .v3-ai-tag{font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;font-weight:700;color:var(--ink);background:var(--blink);padding:9px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:5px;flex:none;border:1.5px solid var(--ink);text-transform:uppercase}
.v3-prompt input{flex:1;font-family:var(--fb);font-size:16px;padding:13px 14px;border:0;background:transparent;outline:none;color:var(--ink);min-width:0}
.v3-prompt input::placeholder{color:var(--muted)}
.v3-prompt .v3-go{font-family:var(--fb);font-weight:600;font-size:15px;padding:13px 24px;border-radius:9px;background:var(--ink);color:var(--paper);border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;flex:none}
.v3-prompt .v3-go:hover{background:var(--clay)}
@media (max-width:620px){.v3-prompt{flex-wrap:wrap}.v3-prompt input{width:100%}.v3-prompt .v3-go{width:100%;justify-content:center}}

.v3-or{font-family:var(--fm);font-size:13px;color:var(--muted);letter-spacing:.02em;margin:16px 0 0}
.v3-or a{color:var(--clay);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.v3-or a:hover{color:var(--ink)}

/* Trustpilot strip */
.v3-trust{margin-top:38px;display:inline-flex;align-items:center;gap:14px;font-family:var(--fb);font-size:14px;color:var(--ink-2);flex-wrap:wrap;justify-content:center;padding:12px 22px;background:var(--card);border-radius:11px;border:1px solid var(--line)}
.v3-trust b{color:var(--ink);font-weight:700}
.v3-trust .tp-stars{display:inline-flex;gap:2px}
.v3-trust .tp-stars span{width:20px;height:20px;background:#00B67A;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;color:#fff;font-size:14px}
.v3-trust .tp-label{font-family:var(--fd);font-weight:600;font-size:15px;color:var(--ink)}
.v3-trust .tp-pilot{font-family:var(--fd);font-weight:600;color:#00B67A}

/* =====================  v3 BIG TWO-BENTO  ===================== */
.v3-two{padding:64px 0;background:var(--paper-2)}
.v3-two .grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:920px){.v3-two .grid2{grid-template-columns:1fr}}
.v3-bento{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:36px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:480px}
.v3-bento.lime{background:linear-gradient(160deg, var(--blink) 0%, #B8E13D 100%);box-shadow:8px 8px 0 var(--ink)}
.v3-bento.ink{background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--clay)}
.v3-bento .b-eyebrow{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:700;margin-bottom:14px;display:inline-flex;align-items:center;gap:8px}
.v3-bento.ink .b-eyebrow{color:var(--blink)}
.v3-bento .b-eyebrow::before{content:"";width:18px;height:2px;background:var(--ink)}
.v3-bento.ink .b-eyebrow::before{background:var(--blink)}
.v3-bento h2{font-family:var(--fd);font-weight:600;font-size:clamp(28px,2.6vw,38px);letter-spacing:-.025em;line-height:1.04;margin:0 0 14px;color:inherit}
.v3-bento p{font-size:16px;line-height:1.5;color:var(--ink-2);margin:0 0 22px;max-width:38ch}
.v3-bento.ink p{color:rgba(247,243,234,.78)}
.v3-bento ul{list-style:none;padding:0;margin:0 0 28px;font-size:15px;line-height:1.6}
.v3-bento ul li{padding:8px 0 8px 28px;position:relative;color:inherit}
.v3-bento ul li::before{content:"✓";position:absolute;left:0;top:8px;width:18px;height:18px;background:var(--ink);color:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}
.v3-bento.ink ul li::before{background:var(--blink);color:var(--ink)}
.v3-bento .b-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:auto}
.v3-bento .b-btn{font-family:var(--fb);font-weight:700;font-size:15.5px;padding:14px 24px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;transition:transform .14s, box-shadow .14s}
.v3-bento.lime .b-btn{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 rgba(22,20,14,.18)}
.v3-bento.ink .b-btn{background:var(--blink);color:var(--ink);box-shadow:4px 4px 0 rgba(203,242,78,.3)}
.v3-bento .b-btn:hover{transform:translate(-2px,-2px)}
.v3-bento .b-price{font-family:var(--fm);font-size:12.5px;letter-spacing:.04em;color:var(--ink-2);font-weight:700}
.v3-bento.ink .b-price{color:rgba(247,243,234,.65)}

/* Decorative corner on each bento */
.v3-bento::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:rgba(22,20,14,.06);pointer-events:none}
.v3-bento.ink::before{background:rgba(203,242,78,.10)}

/* =====================  v3 6-TOOL GRID  ===================== */
.v3-toolkit{padding:80px 0}
.v3-toolkit .sec-head{text-align:center;margin-bottom:42px;max-width:760px;margin-left:auto;margin-right:auto}
.v3-toolkit .sec-head .kick{justify-content:center;display:inline-flex}
.v3-toolkit .sec-head h2{margin:14px 0 14px}
.v3-toolkit .sec-head p{color:var(--ink-2);font-size:17px;line-height:1.5;margin:0}
.v3-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:980px){.v3-tools{grid-template-columns:repeat(2,1fr)}}
@media (max-width:580px){.v3-tools{grid-template-columns:1fr}}
.v3-tool{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;transition:.16s;color:var(--ink);text-decoration:none;position:relative}
.v3-tool:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:4px 4px 0 var(--ink)}
.v3-tool .ic{width:46px;height:46px;border-radius:11px;background:var(--paper-2);border:1.5px solid var(--ink);display:grid;place-items:center;margin-bottom:18px;color:var(--ink);transition:.14s}
.v3-tool:hover .ic{background:var(--blink)}
.v3-tool .ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v3-tool h3{font-family:var(--fd);font-weight:600;font-size:19px;letter-spacing:-.02em;margin:0 0 6px;line-height:1.2}
.v3-tool p{margin:0 0 16px;font-size:14.5px;line-height:1.5;color:var(--ink-2);flex:1}
.v3-tool .more{font-family:var(--fb);font-weight:600;font-size:13.5px;color:var(--clay);display:inline-flex;align-items:center;gap:4px}
.v3-tool .more::after{content:"→";transition:.14s}
.v3-tool:hover .more::after{transform:translateX(3px)}

/* =====================  v3 HOW IT WORKS  ===================== */
.v3-how{padding:80px 0;background:var(--paper-2)}
.v3-how .sec-head{text-align:center;margin-bottom:48px}
.v3-how .sec-head .kick{justify-content:center;display:inline-flex}
.v3-how .sec-head h2{margin:14px 0 0}
.v3-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
@media (max-width:880px){.v3-steps{grid-template-columns:1fr}}
.v3-step{background:var(--card);border-radius:14px;padding:30px 28px;border:1.5px solid var(--line);position:relative}
.v3-step .v3-num{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.v3-step .v3-num b{font-family:var(--fd);font-weight:600;font-size:38px;letter-spacing:-.02em;color:var(--ink);line-height:1}
.v3-step h3{font-family:var(--fd);font-weight:600;font-size:22px;letter-spacing:-.02em;margin:0 0 10px;line-height:1.2}
.v3-step p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.5}

/* =====================  v3 PROOF / CASE STUDIES  ===================== */
.v3-proof{padding:80px 0}
.v3-proof .sec-head{text-align:center;margin-bottom:48px}
.v3-proof .sec-head .kick{justify-content:center;display:inline-flex}
.v3-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:980px){.v3-cases{grid-template-columns:1fr}}
.v3-case{background:var(--card);border:1.5px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.16s}
.v3-case:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:5px 5px 0 var(--ink)}
.v3-case .img{aspect-ratio:16/10;background-size:cover;background-position:center}
.v3-case .body{padding:22px;display:flex;flex-direction:column;gap:12px}
.v3-case .stars{color:#00B67A;font-size:15px;letter-spacing:1px}
.v3-case blockquote{margin:0;font-family:var(--fd);font-weight:500;font-size:17px;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}
.v3-case .who{font-family:var(--fm);font-size:11.5px;color:var(--muted);letter-spacing:.04em}
.v3-case .who b{color:var(--ink);font-weight:700}

/* =====================  v3 PRICING TEASER  ===================== */
.v3-pricing{padding:80px 0;background:var(--paper-2)}
.v3-pricing .sec-head{text-align:center;margin-bottom:48px}
.v3-pricing .sec-head .kick{justify-content:center;display:inline-flex}
.v3-pricing .sec-head h2{margin:14px 0 14px}
.v3-pricing .sec-head p{font-size:17px;color:var(--ink-2);max-width:600px;margin:0 auto}
.v3-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto 32px}
@media (max-width:880px){.v3-plans{grid-template-columns:1fr}}
.v3-plan{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column}
.v3-plan.featured{background:var(--blink);border-color:var(--ink);border-width:2px;box-shadow:6px 6px 0 var(--ink);transform:scale(1.02)}
.v3-plan .v3-tag{font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--clay);margin-bottom:10px}
.v3-plan.featured .v3-tag{color:var(--ink)}
.v3-plan h3{font-family:var(--fd);font-weight:600;font-size:18px;letter-spacing:-.01em;margin:0 0 14px}
.v3-plan .price{font-family:var(--fd);font-weight:600;font-size:46px;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.v3-plan .price small{font-family:var(--fb);font-size:15px;font-weight:500;color:var(--ink-2)}
.v3-plan p{font-size:14.5px;color:var(--ink-2);margin:14px 0 22px;line-height:1.5;flex:1}
.v3-plan .v3-cta{font-family:var(--fb);font-weight:600;font-size:14.5px;padding:11px 18px;border-radius:9px;text-align:center;display:block;transition:.14s}
.v3-plan .v3-cta.ghost{border:1.5px solid var(--ink);color:var(--ink)}
.v3-plan .v3-cta.ghost:hover{background:var(--ink);color:var(--paper)}
.v3-plan .v3-cta.fill{background:var(--ink);color:var(--paper)}
.v3-plan .v3-cta.fill:hover{background:var(--clay)}
.v3-pricing-foot{text-align:center;font-family:var(--fm);font-size:13px;color:var(--muted);letter-spacing:.02em}
.v3-pricing-foot a{color:var(--clay);text-decoration:underline;text-underline-offset:3px;font-weight:700}

/* =====================  v3 FAQ  ===================== */
.v3-faq{padding:80px 0}
.v3-faq .sec-head{text-align:center;margin-bottom:36px}
.v3-faq .sec-head .kick{justify-content:center;display:inline-flex}
.v3-faqs{max-width:780px;margin:0 auto}
.v3-faq-item{border-top:1.5px solid var(--line);padding:22px 0}
.v3-faq-item:last-child{border-bottom:1.5px solid var(--line)}
.v3-faq-item summary{font-family:var(--fd);font-weight:500;font-size:19px;letter-spacing:-.01em;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--ink)}
.v3-faq-item summary::-webkit-details-marker{display:none}
.v3-faq-item summary::after{content:"+";font-family:var(--fd);font-weight:400;font-size:28px;color:var(--clay);transition:.18s;line-height:1}
.v3-faq-item[open] summary::after{transform:rotate(45deg)}
.v3-faq-item p{margin:14px 0 0;color:var(--ink-2);font-size:15.5px;line-height:1.6}
.v3-faq-item p a{color:var(--clay);text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* =====================  v3 FINAL CTA  ===================== */
.v3-final{padding:80px 0 100px;background:var(--paper)}
.v3-final-band{background:var(--ink);color:var(--paper);border-radius:20px;padding:54px 48px;display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center;position:relative;overflow:hidden;box-shadow:8px 8px 0 var(--blink)}
@media (max-width:880px){.v3-final-band{grid-template-columns:1fr;padding:36px 32px}}
.v3-final-band::before{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:var(--blink);opacity:.16;border-radius:50%;pointer-events:none}
.v3-final-band::after{content:"";position:absolute;bottom:-100px;left:-60px;width:200px;height:200px;background:var(--clay);opacity:.16;border-radius:50%;pointer-events:none}
.v3-final-band > *{position:relative}
.v3-final-band h2{font-family:var(--fd);font-weight:600;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em;line-height:1.05;margin:0 0 12px;color:var(--paper)}
.v3-final-band .hl{background:transparent;color:var(--blink)}
.v3-final-band .hl::before{display:none}
.v3-final-band p{font-size:16px;color:rgba(247,243,234,.78);margin:0;line-height:1.5}
.v3-final-band .ctas{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:880px){.v3-final-band .ctas{justify-content:flex-start}}


/* =====================================================================
   CANONICAL CHROME (Jul 2026) — single source of truth for header,
   announcement bar, mega menu and footer. Copied verbatim from
   home.html's inline styles and appended LAST so it overrides the
   older templated chrome block above. Every shared-chrome page now
   renders an identical header + footer to the homepage.
   ===================================================================== */
  .announce{background:var(--ink);color:var(--card);position:relative;overflow:hidden;border-bottom:2px solid var(--ink)}
  .announce::before{content:"";position:absolute;top:0;bottom:0;left:-35%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,214,74,.14),transparent);transform:skewX(-18deg);pointer-events:none;animation:sheen 7s ease-in-out infinite}
  @keyframes sheen{0%{left:-35%}50%{left:135%}100%{left:135%}}
  .announce-in{max-width:1200px;margin:0 auto;padding:13px 28px;display:flex;align-items:center;gap:16px;position:relative;font-family:'Plus Jakarta Sans',sans-serif}
  .announce-tag{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--yellow);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:99px;transform:rotate(-2deg)}
  .announce-copy{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
  .announce-h{font-weight:800;font-size:15.5px;color:var(--card);letter-spacing:-.01em}
  .announce-sub{font-size:12.5px;color:rgba(248,244,236,.72);font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .announce-cta{flex:none;display:inline-flex;align-items:center;gap:7px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:800;padding:9px 17px;border-radius:99px;border:2px solid var(--ink);box-shadow:3px 3px 0 rgba(0,0,0,.35);transition:.14s;white-space:nowrap}
  .announce-cta:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 rgba(0,0,0,.45)}
  @media (max-width:680px){.announce-sub{display:none}.announce-in{gap:10px;padding:11px 16px}.announce-h{font-size:14px}}
  @media (prefers-reduced-motion:reduce){.announce::before{animation:none}}
  @media (max-width:680px){.announce-in{padding:8px 16px;font-size:12.5px}.announce-txt{white-space:normal;line-height:1.35}}

  /* ==================  MAIN NAV with MEGA MENU  ================== */
  .nav{background:var(--bg);position:sticky;top:0;z-index:50;border-bottom:1.5px solid var(--ink)}
  .nav-in{max-width:1200px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;gap:22px}
  .brand-logo{display:inline-flex;align-items:center;height:58px}
  .brand-logo img{display:block;height:52px;width:auto;max-width:200px}
  .nav-links{display:flex;gap:2px;margin-left:18px;flex:1}
  .nav-links > a,.nav-links > .has-mega > button{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:14.5px;color:var(--ink-2);padding:9px 14px;border-radius:999px;transition:all .14s;background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
  .nav-links > a:hover,.nav-links > .has-mega > button:hover,.nav-links > .has-mega.open > button{background:var(--bg-2);color:var(--ink)}
  .nav-links .caret{font-size:9px;opacity:.55;transition:transform .18s}
  .nav-links .has-mega.open .caret{transform:rotate(180deg);opacity:1}
  .nav-right{display:flex;gap:14px;align-items:center}
  .nav-login{font-family:'Plus Jakarta Sans',sans-serif;font-size:14.5px;font-weight:600;color:var(--ink);padding:8px 12px;border-radius:999px;transition:.14s;text-decoration:none}
  .nav-login:hover{background:var(--bg-2);color:var(--coral)}
  @media (max-width:680px){.nav-login{display:none}}
  @media (max-width:980px){.nav-links{display:none}}

  .has-mega{position:static}
  .mega-wrap{position:absolute;top:100%;left:0;right:0;display:none;z-index:65;background:var(--card);border-top:1px solid var(--line);border-bottom:2px solid var(--ink);box-shadow:0 30px 60px -22px rgba(22,20,16,.3)}
  .has-mega.open .mega-wrap{display:block;animation:megaIn .18s cubic-bezier(.2,.7,.2,1)}
  @keyframes megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
  .mega{max-width:1200px;margin:0 auto;padding:30px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
  .mega-col h6{font-family:'Plus Jakarta Sans',sans-serif;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;padding-bottom:8px;border-bottom:1.5px solid var(--ink)}
  .mega-link{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:14.5px;font-weight:600;color:var(--ink);transition:transform .12s,color .12s}
  .mega-link:hover{color:var(--coral);transform:translateX(3px)}
  .mega-link:hover svg{color:var(--coral)}
  .mega-link .tag{display:inline-block;background:var(--yellow);color:var(--ink);font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;margin-left:4px}
  .mega-link svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;color:var(--ink)}
  .mega-feat{position:relative;overflow:hidden;background:var(--ink);color:var(--card);border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:210px;box-shadow:5px 5px 0 var(--yellow);border:2px solid var(--ink)}
  .mega-feat .mf-orb{position:absolute;right:-34px;bottom:-34px;width:140px;height:140px;border-radius:50%;background:rgba(255,214,74,.12);pointer-events:none}
  .mega-feat .mf-tag{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--yellow);color:var(--ink);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:99px;transform:rotate(-2deg);margin-bottom:14px}
  .mega-feat h5{position:relative;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:21px;letter-spacing:-.02em;margin:0;line-height:1.1;color:var(--card)}
  .mega-feat h5 b{color:var(--yellow);font-weight:800}
  .mega-feat p{position:relative;font-size:12.5px;color:rgba(248,244,236,.72);margin:8px 0 0;line-height:1.45}
  .mega-feat a{position:relative;align-self:flex-start;background:var(--yellow);color:var(--ink);font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:800;padding:9px 16px;border-radius:999px;margin-top:14px;box-shadow:3px 3px 0 rgba(0,0,0,.3);transition:.14s}
  .mega-feat a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 rgba(0,0,0,.4)}
  .foot{background:var(--ink);color:rgba(248,244,236,.85);padding:60px 0 26px}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;margin-bottom:42px}
  @media (max-width:980px){.foot-grid{grid-template-columns:2fr 1fr 1fr}}
  @media (max-width:680px){.foot-grid{grid-template-columns:1fr 1fr}}
  .foot .brand-logo{height:28px}
  .foot .brand-logo img{height:24px;filter:brightness(0) invert(1)}
  .foot-tag{margin-top:14px;color:rgba(248,244,236,.55);font-size:14px;max-width:32ch;line-height:1.5}
  .foot-trust{display:inline-flex !important;align-items:center;gap:8px;margin:16px 0 0 !important;padding:6px 12px;background:rgba(248,244,236,.06);border:1px solid rgba(248,244,236,.12);border-radius:99px;font-size:13px;color:rgba(248,244,236,.85) !important;text-decoration:none}
  .foot-trust:hover{background:rgba(248,244,236,.10);color:#fff !important}
  .foot-trust .stars-inline{color:var(--tp);letter-spacing:.5px}
  .foot-trust b{color:#fff;font-weight:700}
  .foot h6{font-size:12.5px;font-weight:700;color:rgba(248,244,236,.5);text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}
  .foot a{display:block;color:rgba(248,244,236,.78);font-size:14.5px;margin:7px 0;transition:.12s}
  .foot a:hover{color:var(--yellow)}
  .foot-bot{border-top:1px solid rgba(248,244,236,.1);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12.5px;color:rgba(248,244,236,.42)}
/* --- overrides to defeat the legacy templated chrome --- */
.nav{backdrop-filter:none;-webkit-backdrop-filter:none}
.mega-feat::before,.mega-feat::after{display:none}
.nav-links .has-mega .caret{font-size:9px;opacity:.55}
.foot .wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.nav-burger{display:none;background:transparent;border:0;padding:8px;cursor:pointer;color:var(--ink)}
.nav-burger svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:980px){.nav-links{display:none}.nav-burger{display:inline-flex}}