/* =====================================================================
   SOCIAL LINK .COM · SHARED SYSTEM
   Content owns the canvas. Interface floats above it.
   Same DNA as the app (tokens from sociallink-app/src/design-system), lower density.
   ===================================================================== */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}

:root{
  /* environments (canvases) */
  --ink:#171717; --char:#1E1E24; --line:#2B2B35; --stone:#F0EDE6; --white:#FFFFFF;
  /* semantic accents
     lime   = action · conversion · active · presence           (Chosen)
     pink   = attention · creative · social · culture             (Seen)
     cyan   = discovery · search · data · visibility              (Found)
     purple = intelligence · AI · Social Link AI · automation     (Intelligence) */
  --lime:#C6FF62; --pink:#F995D5; --cyan:#4FD1FF; --purple:#6A63F0;   /* app purple: one purple across the ecosystem */
  /* the same meanings, deepened for text on light canvases (WCAG AA on #fff / stone) */
  --lime-d:#5B7A00; --pink-d:#171717; --cyan-d:#171717; --purple-d:#4F48D6;   /* 4.1: app text-safe values; pink and cyan are never text on light */
  --mute:rgba(255,255,255,.76); --mute2:rgba(255,255,255,.56); --ink2:#3D3D3D;
  /* one type scale: display · h2 · h3 · body · small · label (mono is seasoning: data, sources, captions only) */
  --t-display:clamp(56px,8.2vw,124px); --t-h2:clamp(34px,4.2vw,58px); --t-h3:clamp(21px,1.9vw,27px); --t-body:17.5px; --t-small:14.5px; --t-label:11.5px;
  --read:60ch;
  --amber:#9A6512; --amberbg:#FDEECF;   /* 4.1: app warning text + wash */
  --sans:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  /* physics (app tokens) */
  --ease:cubic-bezier(.16,1,.3,1); --spring:cubic-bezier(.34,1.56,.64,1); --std:cubic-bezier(.2,0,0,1);
  --fast:120ms; --base:200ms; --slow:320ms;
  --bubble:20px 20px 20px 6px;   /* the logo's speech-bubble corner: every floating object */
  --gut:clamp(16px,3.4vw,48px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{text-wrap:balance}
a{color:inherit;text-decoration:none}
img,video{max-width:100%}
[hidden]{display:none!important}
.mono{font-family:var(--mono)}
.lbl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.eyebrow{font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.005em;text-transform:none;display:inline-flex;align-items:center;gap:8px}
.ar-i{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex:none}

/* ---------- semantic family marks (capability identity) ---------- */
.fam{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.f-seen{background:var(--pink)} .f-found{background:var(--cyan)} .f-chosen{background:var(--lime)} .f-intel{background:var(--purple)}
.light .f-chosen{background:var(--lime);box-shadow:0 0 0 1px rgba(23,23,23,.35)}
.t-seen{color:var(--pink)} .t-found{color:var(--cyan)} .t-chosen{color:var(--lime)} .t-intel{color:var(--purple)}
.light .t-seen{color:var(--pink-d)} .light .t-found{color:var(--cyan-d)} .light .t-chosen{color:var(--lime-d)} .light .t-intel{color:var(--purple-d)}

/* ---------- actions ---------- */
.pill{display:inline-flex;align-items:center;gap:10px;background:var(--lime);color:var(--ink);font-weight:600;font-size:15px;padding:14px 24px;border-radius:999px;white-space:nowrap;border:0;cursor:pointer;font-family:var(--sans);transition:transform var(--base) var(--ease)}
.pill:hover{transform:translateY(-2px)} .pill:active{transform:scale(.97)}
.ghostL{display:inline-flex;align-items:center;gap:10px;border:1.5px solid currentColor;color:inherit;font-weight:500;font-size:15px;padding:13px 22px;border-radius:999px;white-space:nowrap;background:transparent;cursor:pointer;font-family:var(--sans);transition:transform var(--base) var(--ease)}
.ghostL:hover{transform:translateY(-2px)}
.ghostL .cy,.ai-dot{width:8px;height:8px;border-radius:50%;background:var(--purple);animation:pulse 2.5s ease-in-out infinite;flex:none}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}
:focus-visible{outline:2px solid #6A63F0;outline-offset:2px}   /* 4.1: the app focus ring. Purple clears 3:1 on white, ink, charcoal and slate */


/* chips: selected = inverted canvas + lime presence dot (lime = active) */
.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;font-weight:500;line-height:1;padding:10px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.28);background:transparent;color:inherit;cursor:pointer;transition:background var(--base) var(--ease),color var(--base) var(--ease),transform var(--fast) var(--ease),border-color var(--base)}
.chip:hover{transform:translateY(-1px)} .chip:active{transform:scale(.97)}
.chip[aria-pressed="true"]{background:#fff;color:var(--ink);border-color:#fff}
.chip[aria-pressed="true"]::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 1.5px var(--ink)}
.light .chip{border-color:rgba(23,23,23,.25)}
.light .chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.light .chip[aria-pressed="true"]::after{box-shadow:none}
.chip.ctx{border-color:rgba(106,99,240,.6);font-family:var(--mono);font-size:12px;font-weight:400;padding:8px 10px 8px 12px;cursor:default}
.chip.ctx::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--purple)}
.chip.ctx .x{border:0;background:none;color:inherit;opacity:.7;font:inherit;cursor:pointer;padding:0 2px}
.light .chip.ctx{border-color:rgba(79,72,214,.35);background:#fff}

/* seals: filled = verified, dashed = source pending */
.seal{display:inline-grid;place-items:center;flex:none}.seal svg{width:100%;height:100%;display:block;overflow:visible}
.status{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;white-space:nowrap}
.status.ok{background:var(--lime);color:var(--ink)} .status.pend{border:1px dashed currentColor;opacity:.85}

/* =====================================================================
   NAVIGATION ISLAND
   One floating object. Adapts to the canvas under it. Grows into its menus.
   ===================================================================== */
.island{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px));z-index:90;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));
  border-radius:var(--bubble);border:1px solid rgba(255,255,255,.14);background:rgba(16,16,20,.62);color:#fff;
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 10px 30px rgba(0,0,0,.18);
  transition:background var(--slow) var(--ease),color var(--slow) var(--ease),border-color var(--slow) var(--ease),width var(--slow) var(--ease),box-shadow var(--slow);overflow:hidden}
.island.env-light{background:rgba(255,255,255,.78);color:var(--ink);border-color:rgba(23,23,23,.1);box-shadow:0 10px 30px rgba(23,23,23,.08)}
.island.env-media{background:rgba(10,10,12,.55);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border-color:rgba(255,255,255,.18);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.island.compact{width:min(940px,calc(100% - 28px))}
.island.env-cream{background:rgba(242,237,225,.84);color:var(--ink);border-color:rgba(23,23,23,.1);box-shadow:0 10px 30px rgba(23,23,23,.07)}
.island.env-cream .nv-brand .k-dark{display:none} .island.env-cream .nv-brand .k-light{display:block}
.island.static{position:absolute}
/* modes: the same object, fewer exits */
.island .nv-aux{display:none;align-items:center;gap:6px;font:500 14px var(--sans);white-space:nowrap}
.island .nv-aux a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;opacity:.86}
.island .nv-aux a:hover{opacity:1;background:rgba(255,255,255,.1)}
.island.env-light .nv-aux a:hover,.island.env-cream .nv-aux a:hover{background:rgba(23,23,23,.06)}
.island .nv-aux .nv-tel{font-family:var(--mono);font-size:13px}
.island.mode-form,.island.mode-campaign{width:min(820px,calc(100% - 28px))}
.island.mode-form .nv-links,.island.mode-form .ai-link,.island.mode-form .nv-bar>.pill,.island.mode-form .nv-mtoggle,.island.mode-form .nv-mstart{display:none}
.island.mode-form .nv-aux.nv-form{display:flex}
.island.mode-campaign .nv-links,.island.mode-campaign .ai-link,.island.mode-campaign .nv-mtoggle{display:none}
.island.mode-campaign .nv-aux.nv-camp{display:flex}
.nv-bar{height:60px;display:flex;align-items:center;gap:6px;padding:0 8px 0 18px;transition:height var(--slow) var(--ease)}
.island.compact .nv-bar{height:52px}
.nv-brand{display:flex;align-items:center;gap:10px;margin-right:auto;flex:none}
.nv-brand .nv-mk{height:18px;width:auto;display:block}
.nv-brand .nv-wm{height:15px;width:auto;display:block;max-width:120px;object-fit:cover;object-position:left;transition:max-width var(--slow) var(--ease),opacity var(--base)}
.island.compact .nv-brand .nv-wm{max-width:0;opacity:0}
.nv-brand .k-light,.island.env-light .nv-brand .k-dark{display:none}
.island.env-light .nv-brand .k-light{display:block}
.nv-state{width:7px;height:7px;border-radius:50%;background:transparent;transition:background .6s var(--ease),box-shadow .6s;margin-left:-2px}
.island[data-state] .nv-state{box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.island[data-state="seen"] .nv-state{background:var(--pink)} .island[data-state="found"] .nv-state{background:var(--cyan)}
.island[data-state="chosen"] .nv-state{background:var(--lime)} .island[data-state="intel"] .nv-state{background:var(--purple)}
.island[data-state]::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;opacity:.45;transition:background .6s var(--ease)}
.island[data-state="seen"]::after{background:linear-gradient(90deg,transparent,var(--pink),transparent)}
.island[data-state="found"]::after{background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.island[data-state="chosen"]::after{background:linear-gradient(90deg,transparent,var(--lime),transparent)}
.island[data-state="intel"]::after{background:linear-gradient(90deg,transparent,var(--purple),transparent)}
.nv-links{display:flex;align-items:center;gap:2px;position:relative;margin-right:10px}
.nv-links a,.nv-links button{position:relative;z-index:1;font:500 14px var(--sans);color:inherit;background:none;border:0;padding:9px 13px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;opacity:.86;transition:opacity var(--base)}
.nv-links a:hover,.nv-links button:hover,.nv-links [aria-current="page"],.nv-links [aria-expanded="true"]{opacity:1}
.nv-links .nv-caret{width:9px;height:9px;transition:transform var(--slow) var(--ease)}
.nv-links [aria-expanded="true"] .nv-caret{transform:rotate(180deg)}
.nv-glide{position:absolute;top:50%;height:36px;margin-top:-18px;border-radius:999px;background:rgba(255,255,255,.12);z-index:0;opacity:0;transition:transform var(--slow) var(--ease),width var(--slow) var(--ease),opacity var(--base)}
.island.env-light .nv-glide,.island.env-cream .nv-glide{background:rgba(23,23,23,.07)}
.nv-links [aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--lime)}
.island.env-light .nv-links [aria-current="page"]::after,.island.env-cream .nv-links [aria-current="page"]::after{background:var(--ink)}
.ai-link{display:inline-flex;align-items:center;gap:8px;font:500 14px var(--sans);padding:9px 14px;border-radius:999px;color:inherit;border:1px solid rgba(106,99,240,.55);margin-right:6px;white-space:nowrap;transition:background var(--base),border-color var(--base)}
.ai-link:hover{background:rgba(106,99,240,.16);border-color:var(--purple)}
.island.env-light .ai-link,.island.env-cream .ai-link{border-color:rgba(79,72,214,.45)}
.island.env-light .ai-link .ai-dot,.island.env-cream .ai-link .ai-dot{background:var(--purple-d)}
.ai-link .ai-dot{width:7px;height:7px}
.ai-link .nv-ext{opacity:.7;font-size:12px}
.island .pill{font-size:14px;padding:11px 18px}
.island.compact .pill{padding:9px 16px}
.nv-mtoggle,.nv-mstart{display:none}

/* trays: the island grows into its menus (one object, no separate mega-rectangle) */
.nv-trays{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--ease)}
.island.open .nv-trays{grid-template-rows:1fr}
.nv-trays>div{overflow:hidden;min-height:0}
.nv-tray{display:none;padding:6px 18px 20px;border-top:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(-6px);transition:opacity var(--slow) var(--ease),transform var(--slow) var(--ease)}
.island.env-light .nv-tray{border-top-color:rgba(23,23,23,.08)}
.nv-tray.on{display:grid;opacity:1;transform:none}
.island.open{background:rgba(14,14,18,.9)}
.island.open.env-light{background:rgba(255,255,255,.95)} .island.open.env-cream{background:rgba(242,237,225,.97)}
.island.env-light .nv-tray,.island.env-cream .nv-tray{border-top-color:rgba(23,23,23,.08)}
.island.env-light .nv-fam:hover,.island.env-cream .nv-fam:hover{background:rgba(23,23,23,.045)}
.island.env-light .nv-inds a:hover,.island.env-cream .nv-inds a:hover{background:rgba(23,23,23,.05)}
.island.env-light .nv-prev .nv-all,.island.env-cream .nv-prev .nv-all{border-color:rgba(23,23,23,.15)}
.island.env-light .f-chosen,.island.env-cream .f-chosen{box-shadow:0 0 0 1px rgba(23,23,23,.35)}
.nv-tray.nv-svc{grid-template-columns:minmax(0,1fr) 260px;gap:22px}
.nv-fams{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 16px;padding-top:16px;align-content:start}
.nv-fam{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px;border-radius:14px;transition:background var(--base)}
.nv-fam:hover,.nv-fam:focus-within{background:rgba(255,255,255,.06)}
.island.env-light .nv-fam:hover{background:rgba(23,23,23,.04)}
.nv-fam h4{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;letter-spacing:-.01em;margin-bottom:2px}
.nv-fam a{font-size:13.5px;opacity:.78;line-height:1.35;padding:2px 0}
.nv-fam a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.nv-prev{display:flex;flex-direction:column;gap:10px;padding-top:16px}
.nv-prev .nv-pm{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#2A2A2A}
.nv-prev .nv-pm img,.nv-prev .nv-pm video{width:100%;height:100%;object-fit:cover;display:block}
.nv-prev .nv-pc{font-family:var(--mono);font-size:11px;opacity:.75;line-height:1.5}
.nv-prev .nv-all{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);transition:background var(--base)}
.nv-prev .nv-all:hover{background:rgba(255,255,255,.08)}
.nv-prev .nv-sub{font-size:13px;opacity:.7;padding:0 14px} .nv-prev .nv-sub:hover{opacity:1}
.nv-prev .nv-pm img,.nv-prev .nv-pm video{transition:opacity var(--slow) var(--ease)}
.nv-prev .nv-pm .nv-fade{opacity:0}
.nv-fam .nv-new{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-left:4px}
.nv-inds .nv-pr img{width:22px;height:22px;border-radius:7px 7px 7px 2px;object-fit:cover;display:block;box-shadow:0 0 0 1.5px rgba(255,255,255,.2)}
.nv-inds a .nv-nm{display:flex;flex-direction:column;gap:2px} .nv-inds a small{font-family:var(--mono);font-size:10.5px;opacity:.55;font-weight:400}
.island.env-light .nv-prev .nv-all{border-color:rgba(23,23,23,.15)}
.nv-tray.nv-ind{grid-template-columns:minmax(0,1fr) 260px;gap:22px}
.nv-inds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 18px;padding-top:16px;align-content:start}
.nv-inds a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:12px;font-size:15px;font-weight:500;transition:background var(--base)}
.nv-inds a:hover,.nv-inds a:focus-visible{background:rgba(255,255,255,.07)}
.island.env-light .nv-inds a:hover{background:rgba(23,23,23,.05)}
.nv-inds .nv-pr{display:flex;gap:4px}
.nv-inds .nv-note{grid-column:1/-1;font-size:13px;padding:12px 12px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nv-inds .nv-note>span{opacity:.7}
.nv-inds .nv-note a{display:inline-flex;padding:0;font-size:13px;font-weight:600;gap:6px;background:none!important;text-decoration:underline;text-underline-offset:3px}
.scrim{position:fixed;inset:0;z-index:80;background:rgba(10,10,12,.38);opacity:0;pointer-events:none;transition:opacity var(--slow) var(--ease)}
.scrim.on{opacity:1;pointer-events:auto}

/* ---------- mobile island ---------- */
@media (max-width:900px){
  .island{top:calc(10px + env(safe-area-inset-top,0px));width:calc(100% - 20px)}
  .island.compact{width:calc(100% - 20px)}
  .nv-bar{height:54px;padding:0 6px 0 14px;gap:6px}
  .island.compact .nv-bar{height:50px}
  .nv-links,.ai-link,.nv-bar>.pill{display:none}
  .nv-brand .nv-wm{max-width:100px;height:13px}
  .nv-brand{gap:8px}
  .nv-mstart{display:inline-flex;align-items:center;gap:6px;background:var(--lime);color:var(--ink);font:600 13.5px var(--sans);padding:9px 14px;border-radius:999px;border:0;white-space:nowrap;gap:0}
  .island.mode-campaign .nv-mstart{display:inline-flex} .island.mode-campaign .nv-bar>.pill{display:none}
  .island .nv-aux.nv-form .nv-tel{font-size:12px}
  .island.mode-form .nv-aux.nv-form .nv-tel{display:none}
  .nv-mtoggle{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;background:rgba(255,255,255,.1);color:inherit;border:0;border-radius:14px 14px 14px 4px;cursor:pointer;transition:background var(--base)}
  .island.env-light .nv-mtoggle,.island.env-cream .nv-mtoggle{background:rgba(23,23,23,.07)}
  .island.mopen .nv-mtoggle{background:#fff;color:var(--ink)}
  .island.mopen.env-light .nv-mtoggle,.island.mopen.env-cream .nv-mtoggle{background:var(--ink);color:#fff}
  .nv-mtoggle i{display:block;width:14px;height:8px;position:relative}
  .nv-mtoggle i::before,.nv-mtoggle i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;border-radius:2px;transition:transform var(--slow) var(--ease),top var(--slow) var(--ease)}
  .nv-mtoggle i::before{top:0}.nv-mtoggle i::after{top:6.5px}
  .island.mopen .nv-mtoggle i::before{top:3.25px;transform:rotate(45deg)} .island.mopen .nv-mtoggle i::after{top:3.25px;transform:rotate(-45deg)}
  .nv-tray{display:none!important}
  .nv-msheet{display:block}
}
@media (max-width:379px){ .nv-mstart .nv-lg{display:none} .nv-brand .nv-wm{display:none!important} }
.nv-msheet{display:none}
.island .nv-msheet{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.island.mopen .nv-msheet{max-height:calc(100svh - 90px);overflow:auto}
.island.mopen{background:rgba(14,14,18,.94)}
.island.mopen.env-light{background:rgba(255,255,255,.97)} .island.mopen.env-cream{background:rgba(242,237,225,.98)}
.nv-msheet .nv-seg{display:flex;gap:6px;padding:8px 14px 4px;position:sticky;top:0;background:inherit}
.nv-msheet .nv-seg .chip{font-size:13px;padding:8px 12px}
.nv-msheet .nv-grp{padding:6px 14px}
.nv-msheet .nv-mf{border-top:1px solid rgba(255,255,255,.1);padding:12px 2px}
.island.env-light .nv-msheet .nv-mf,.island.env-cream .nv-msheet .nv-mf{border-top-color:rgba(23,23,23,.08)}
.nv-msheet .nv-mf h4{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin-bottom:6px}
.nv-msheet .nv-mf div{display:flex;flex-wrap:wrap;gap:4px 14px}
.nv-msheet .nv-mf a{font-size:14px;opacity:.8;padding:4px 0}
.nv-msheet .nv-mi a{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-top:1px solid rgba(255,255,255,.1);font-size:16px;font-weight:500}
.island.env-light .nv-msheet .nv-mi a,.island.env-cream .nv-msheet .nv-mi a{border-top-color:rgba(23,23,23,.08)}
.nv-msheet .nv-mi a small{font-family:var(--mono);font-size:11px;opacity:.55;font-weight:400}
.nv-msheet .nv-mtel{display:block;font-family:var(--mono);font-size:13px;opacity:.75;padding:14px 2px 6px}
.nv-msheet .nv-mfoot{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 14px 14px;background:inherit;border-top:1px solid rgba(255,255,255,.1)}
.nv-msheet .nv-mfoot .pill{flex:1;justify-content:center;font-size:14px;padding:12px}
.nv-msheet .nv-mfoot .ai-link{display:inline-flex;margin:0}

/* ---------- Honeybell (intelligence = purple) ---------- */
.honeybell{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;transform:translate(-50%,160%);transition:transform .6s var(--ease)}
.honeybell.show{transform:translate(-50%,0)}
.tPill{display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border:1px solid #3D3D3D;border-radius:var(--bubble);padding:10px 12px 10px 16px;box-shadow:0 10px 30px rgba(0,0,0,.35);cursor:pointer;max-width:min(560px,calc(100vw - 24px));transition:transform var(--base) var(--ease)}
.tPill:hover{transform:translateY(-2px)} .tPill:active{transform:scale(.97)}
.tDot{width:9px;height:9px;border-radius:50%;background:var(--purple);flex:none;animation:pulse 2.5s ease-in-out infinite}
.honeybell .tDot,.tPanel .tDot{background:var(--pink)}
.honeybell.ready .tDot{background:var(--pink);box-shadow:0 0 0 4px rgba(249,149,213,.28)}
.tName{font-weight:600;font-size:14px}
.tSay{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;opacity:0;transition:max-width .5s var(--ease),opacity .3s var(--ease)}
.honeybell.ctxOn .tSay{max-width:380px;opacity:1}
.tGo{font-size:12px;font-weight:600;background:var(--pink);color:#171717;border-radius:999px;padding:6px 10px;white-space:nowrap}
.tPanel{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:85;width:min(460px,calc(100vw - 24px));max-height:min(620px,calc(100svh - 110px));background:var(--ink);color:#fff;border:1px solid #3D3D3D;border-radius:var(--bubble);box-shadow:0 24px 60px rgba(0,0,0,.45);transform-origin:50% 100%;transform:translate(-50%,0) scale(.3,.1);opacity:0;pointer-events:none;transition:transform .42s var(--spring),opacity .2s var(--ease);display:flex;flex-direction:column;overflow:hidden}
.tPanel.open{transform:translate(-50%,0) scale(1);opacity:1;pointer-events:auto}
.tTop{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.tTop .src{font-family:var(--mono);font-size:11px;color:var(--mute2)}
.tTop button{margin-left:auto;background:none;border:0;color:#fff;font-size:20px;cursor:pointer;line-height:1}
.tBody{padding:14px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.tMsg{background:#1E1E24;border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:14.5px;line-height:1.55}
.tMsg.me{background:var(--purple);border-radius:16px 16px 4px 16px;align-self:flex-end;max-width:85%}
.tMsg a{text-decoration:underline;text-decoration-color:var(--purple);text-underline-offset:3px}
.tMsg .srcs{display:block;margin-top:8px;font-family:var(--mono);font-size:11px;color:var(--mute2)}
.tPanel .chip{font-size:13px;padding:8px 11px;border-color:#3D3D3D}
.tAsk button{background:var(--pink);color:#171717}
@media (max-width:640px){
  .honeybell{left:auto;right:12px;transform:translateY(160%)} .honeybell.show{transform:none}
  .honeybell .tSay{max-width:0} .honeybell.ctxOn .tSay{max-width:52vw}
  .honeybell.ctxOn .tName{display:none} .tGo{display:none}
  .tPanel{left:0;right:0;bottom:0;width:100%;max-height:86svh;border-radius:22px 22px 0 0;transform:translateY(100%)}
  .tPanel.open{transform:none}
}

/* ---------- footer ---------- */
.foot{background:var(--ink);border-top:1px solid var(--line);padding:56px var(--gut) calc(110px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:28px;font-size:13.5px;color:var(--mute)}
.foot h3{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:#fff;margin:0 0 12px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.foot a:hover{color:#fff}
.foot .nap{display:flex;flex-direction:column;gap:10px}
.foot .nap img{height:20px;width:auto;align-self:flex-start}
.foot .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px}
@media (max-width:980px){.foot{grid-template-columns:repeat(2,minmax(0,1fr))}.foot .nap{grid-column:1/-1}}

/* ---------- prototype review tools ---------- */
.toast{position:fixed;left:50%;bottom:90px;z-index:120;transform:translate(-50%,20px);opacity:0;background:#fff;color:var(--ink);font-size:14px;padding:12px 16px;border-radius:var(--bubble);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:all var(--slow) var(--ease);pointer-events:none;max-width:calc(100vw - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.rn{display:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;background:var(--amberbg);color:var(--amber);padding:3px 8px;border-radius:3px;line-height:1.5;width:max-content;max-width:100%}
body.notes .rn{display:inline-block}
.notesBtn{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:62;font-family:var(--mono);font-size:11px;letter-spacing:.06em;background:#fff;color:var(--ink);border:1px solid var(--ink);padding:9px 12px;border-radius:999px;cursor:pointer}
body.notes .notesBtn{background:var(--amberbg);color:var(--amber)}
.evlog{position:fixed;right:16px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:61;width:min(340px,calc(100vw - 32px));max-height:220px;overflow:auto;background:#0E0E0E;color:#E2E2E2;border:1px solid #2b2b35;border-radius:10px;padding:10px;font-family:var(--mono);font-size:11px;line-height:1.5;display:none}
body.notes .evlog{display:block}
.evlog b{color:var(--purple);font-weight:500}
@media (max-width:640px){.notesBtn{bottom:calc(80px + env(safe-area-inset-bottom,0px))}.evlog{bottom:calc(124px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important;scroll-behavior:auto!important}
}
.island .nv-msheet .nv-seg,.island .nv-msheet .nv-mfoot{background:#0E0E0E}
.island.env-light .nv-msheet .nv-seg,.island.env-light .nv-msheet .nv-mfoot{background:#fff}
.island.env-cream .nv-msheet .nv-seg,.island.env-cream .nv-msheet .nv-mfoot{background:#F0EDE6}
.island.env-light .nv-msheet .nv-mfoot,.island.env-cream .nv-msheet .nv-mfoot{border-top-color:rgba(23,23,23,.08)}
.nv-msheet [data-mpanel]{display:none} .nv-msheet [data-mpanel].on{display:block}
/* Honeybell on light canvases keeps its own dark object: intelligence always looks the same */
.tPill .tSay b{color:#fff;font-weight:500}
/* skip link */
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--lime);color:var(--ink);font-weight:600;padding:10px 14px;border-radius:999px;transition:top var(--base) var(--ease)}
.skip:focus{top:16px}
/* answer-first block (AEO): the first sentence answers the query */
.answer strong{font-weight:600}
/* shared section rhythm */
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut)}
.light{background:#fff;color:var(--ink);color-scheme:light}
.stone{background:var(--stone);color:var(--ink);color-scheme:light}
.cream{background:#F0EDE6;color:var(--ink);color-scheme:light}
.light .rn,.stone .rn,.cream .rn{}
.h2{font-size:clamp(34px,4.6vw,64px);line-height:1;font-weight:600;letter-spacing:-.035em}
.h3{font-size:clamp(22px,2.2vw,30px);line-height:1.1;font-weight:600;letter-spacing:-.02em}
.lede{font-size:clamp(17px,1.4vw,20px);line-height:1.55}
.src{font-family:var(--mono);font-size:11px;letter-spacing:.02em}
/* FAQ (shared AEO component) */
.faqList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.faqList details{border-top:1px solid rgba(23,23,23,.14);padding:20px 0}
.faqList summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:18px;line-height:1.3}
.faqList summary::-webkit-details-marker{display:none}
.faqList summary i{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-style:normal;font-size:15px;line-height:1;transition:transform var(--slow) var(--ease)}
.faqList details[open] summary i{transform:rotate(45deg)}
.faqList p{margin-top:10px;font-size:15.5px;line-height:1.6;color:#3D3D3D;max-width:60ch}
.faqList a{text-decoration:underline;text-decoration-color:rgba(23,23,23,.35);text-underline-offset:3px}
.faqList a:hover{text-decoration-color:currentColor}
@media (max-width:900px){.faqList{grid-template-columns:1fr}}
/* start band (shared end-of-page conversion component) */
.startBand{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:clamp(72px,10vw,140px) var(--gut)}
.startBand .in{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:end}
.startBand h2{font-size:clamp(44px,7vw,108px);line-height:.92;font-weight:600;letter-spacing:-.045em}
.startBand h2 b{color:var(--lime);font-weight:600}
.startBand .q{display:flex;flex-direction:column;gap:14px}
.startBand .chips{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:900px){.startBand .in{grid-template-columns:1fr}}

@media (max-width:900px){ .island .nv-msheet{display:block} }

.nv-camp .nv-tel .m{display:none}
@media (max-width:900px){
  .nv-camp .nv-tel .d{display:none} .nv-camp .nv-tel .m{display:inline}
  .island.mode-campaign .nv-wm{display:none!important}
  .island.mode-campaign .nv-aux.nv-camp a{padding:9px 12px;border:1.5px solid currentColor;border-radius:999px;font-family:var(--sans);font-weight:500}
}
/* tablet: same island, tighter type */
@media (min-width:901px) and (max-width:1080px){
  .nv-links a,.nv-links button{padding:9px 9px}
  .nv-brand .nv-wm{display:none!important}
  .ai-link{padding:9px 12px}
  .island .pill{padding:11px 15px}
  .nv-fams{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* =====================================================================
   ROUND 3.2 · THE WORK IS ALIVE
   Borrow the behavior of social media, not its furniture.
   ===================================================================== */
/* readability: media wide, reading tight */
.answer,.lede{font-size:var(--t-body);line-height:1.62;max-width:var(--read)}
.light .answer,.light .lede{color:var(--ink2)}
.h2{font-size:var(--t-h2)}
.h3{font-size:var(--t-h3)}

/* ---------- identity line: who made / who it's for, restrained ---------- */
.idl{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;text-align:left}
.idl .av{width:30px;height:30px;flex:none;border-radius:11px 11px 11px 3px;overflow:hidden;background:#2B2B35;box-shadow:0 0 0 1.5px rgba(255,255,255,.18)}
.idl .av img{width:100%;height:100%;object-fit:cover;display:block}
.idl .av.cat{display:grid;place-items:center;font:600 12px var(--sans);color:#fff;background:#2B2B35}
.idl .tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.idl b{font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.idl .s{font-size:12.5px;opacity:.72;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.idl.lg .av{width:40px;height:40px;border-radius:14px 14px 14px 4px}.idl.lg b{font-size:16px}.idl.lg .s{font-size:13.5px}
.light .idl .av{box-shadow:0 0 0 1.5px rgba(23,23,23,.12)}

/* ---------- signals: small, factual, never social-proof theater ---------- */
.sigs{display:inline-flex;flex-wrap:wrap;gap:5px;align-items:center}
.sig{display:inline-flex;align-items:center;gap:6px;font:600 11px var(--sans);letter-spacing:.02em;padding:4px 8px;border-radius:7px 7px 7px 2px;background:rgba(255,255,255,.12);color:#fff;white-space:nowrap}
.sig.new{background:var(--lime);color:var(--ink)}
.sig.mt{background:rgba(79,209,255,.16);color:var(--cyan)}
.sig.mt.pend{background:transparent;box-shadow:inset 0 0 0 1px rgba(79,209,255,.55)}
.sig .d{width:6px;height:6px;border-radius:50%;background:currentColor}
.light .sig{background:rgba(23,23,23,.07);color:var(--ink)}
.light .sig.mt{background:rgba(79,209,255,.16);color:var(--cyan-d)}
.light .sig.mt.pend{background:transparent;box-shadow:inset 0 0 0 1px rgba(6,115,154,.45)}

/* ---------- openable media: anything that opens says so on hover ---------- */
[data-case],[data-reel]{cursor:pointer}
.openable{position:relative;display:block;overflow:hidden}
.openable::after{content:"Open";position:absolute;right:10px;top:10px;font:600 12px var(--sans);color:var(--ink);background:#fff;padding:6px 10px;border-radius:12px 12px 12px 3px;opacity:0;transform:translateY(-4px) scale(.96);transition:opacity var(--base) var(--ease),transform var(--slow) var(--spring);pointer-events:none;z-index:3}
.openable[data-reel]::after{content:"Watch"}
.openable:hover::after,.openable:focus-visible::after{opacity:1;transform:none}
@media (hover:none){.openable::after{display:none}}

/* ---------- discovery rail: drag on desktop, swipe on touch ---------- */
.drl{position:relative}
.drlT{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px var(--gut) 10px;scroll-padding-left:var(--gut);cursor:grab}
.drlT::-webkit-scrollbar{display:none}
.drlT.drag{cursor:grabbing;scroll-snap-type:none}
.drlT.drag *{pointer-events:none}
.drlT>*{scroll-snap-align:start;flex:none}
.drlB{position:absolute;top:calc(50% - 26px);z-index:4;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity var(--base) var(--ease),transform var(--base) var(--ease);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.drlB.p{left:12px}.drlB.n{right:12px}
.drl:hover .drlB:not([disabled]){opacity:1}
.drlB:hover{transform:scale(1.06)}
.drlB[disabled]{opacity:0!important;pointer-events:none}
.drlP{height:2px;margin:6px var(--gut) 0;background:rgba(255,255,255,.14);border-radius:2px;overflow:hidden}
.drlP i{display:block;height:100%;width:20%;background:#fff;border-radius:2px;transform-origin:left;transition:transform .2s linear}
.light .drlP{background:rgba(23,23,23,.1)}.light .drlP i{background:var(--ink)}
@media (hover:none){.drlB{display:none}.drlT{cursor:auto}}
.reelC{width:clamp(180px,17vw,250px);display:flex;flex-direction:column;gap:10px}
.reelC .m{aspect-ratio:9/16;border-radius:22px 22px 22px 6px;overflow:hidden;background:#2A2A2A}
.reelC .m img,.reelC .m video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.reelC:hover .m img,.reelC:hover .m video{transform:scale(1.03)}
.reelC .sigs{margin-top:-2px}

/* ---------- media states (manager) ---------- */
video.mm-on{outline:0}
.mm-ring{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--lime);opacity:0;transition:opacity var(--slow)}

/* ---------- the case: the work becomes the page (shared on every page) ---------- */
.fly{position:fixed;z-index:88;overflow:hidden;background:#171717;pointer-events:none;display:none;will-change:left,top,width,height}
.fly img,.fly video{width:100%;height:100%;object-fit:cover;display:block}
.case{position:fixed;inset:0;z-index:84;background:var(--ink);color:#fff;overflow-y:auto;overscroll-behavior:contain;visibility:hidden}
.case.on{visibility:visible}
.cHero{position:relative;height:min(74vh,760px);min-height:420px;background:#171717;overflow:hidden}
.cMedia{position:absolute;inset:0}
.cMedia img,.cMedia video{width:100%;height:100%;object-fit:cover;display:block}
.cHeroGrad{position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(23,23,23,.9))}
.cClose{position:fixed;right:max(20px,calc((100vw - 1180px)/2));top:88px;z-index:89;display:inline-flex;gap:8px;align-items:center;background:#fff;color:var(--ink);border:0;font:600 14px var(--sans);padding:11px 16px;border-radius:var(--bubble);cursor:pointer;opacity:0;transform:translateY(-8px);transition:opacity var(--slow) var(--ease),transform var(--slow) var(--ease);visibility:hidden}
.case.on .cClose{opacity:1;transform:none;visibility:visible}
.case .cBody{max-width:1320px;margin:-128px auto 0;padding:0 var(--gut) 100px;position:relative;z-index:2;display:flex;flex-direction:column;gap:40px}
.case .cBody>*{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.case.ready .cBody>*{opacity:1;transform:none}
.case.ready .cBody>*:nth-child(2){transition-delay:.06s}.case.ready .cBody>*:nth-child(3){transition-delay:.12s}.case.ready .cBody>*:nth-child(4){transition-delay:.18s}.case.ready .cBody>*:nth-child(5){transition-delay:.24s}
.cHead{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:end}
.cHead h2{font-size:clamp(46px,6.6vw,98px);line-height:.9;font-weight:600;letter-spacing:-.05em;margin:14px 0 16px}
.cHead .lede{color:rgba(255,255,255,.84)}
.cRes{background:#1E1E24;border:1px solid var(--line);border-radius:var(--bubble);padding:22px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.cRes b{display:block;font-size:clamp(38px,4.2vw,60px);line-height:1;font-weight:600;color:var(--cyan);letter-spacing:-.04em}
.cRes .what{font-size:15px;color:rgba(255,255,255,.84)}
.cRes .src{color:var(--mute2)}
.cRes.none b{font-size:21px;color:#fff;letter-spacing:-.01em}
.cSvc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:22px;border-top:1px solid var(--line)}
.cSvc .k2{font-size:14px;color:var(--mute2);margin-right:8px}
.cSvc a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.22);font-size:14px;font-weight:500;transition:border-color var(--base),transform var(--fast) var(--ease)}
.cSvc a:hover{border-color:#fff;transform:translateY(-1px)}
.cReel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gut) * -1);padding:0 var(--gut) 8px;scrollbar-width:none}
.cReel::-webkit-scrollbar{display:none}
.cReel figure{margin:0;flex:none;height:min(58vh,560px);aspect-ratio:var(--ar);max-width:86vw;border-radius:18px;overflow:hidden;position:relative;scroll-snap-align:start;background:#2A2A2A}
.cReel figure.k-reel{border-radius:22px 22px 22px 6px}
.cReel img,.cReel video{width:100%;height:100%;object-fit:cover;display:block}
.cReel figure.top img{object-position:top}
img[src$="/m/wd-ambest.jpg"],img[src$="/m/ptg-fold.jpg"]{object-position:center top}
.cReel figcaption{position:absolute;left:12px;bottom:12px;font-size:12px;font-weight:500;background:rgba(16,16,20,.75);padding:6px 9px;border-radius:10px 10px 10px 3px}
.snd{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;gap:8px;align-items:center;background:#fff;color:var(--ink);border:0;font:600 14px var(--sans);padding:12px 18px;border-radius:999px;cursor:pointer;z-index:2}
.cRel h3{font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}
.cRel .drlT{padding-left:0;padding-right:0;margin:0}
.relC{width:clamp(200px,20vw,260px);display:flex;flex-direction:column;gap:10px}
.relC .m{aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#2A2A2A}
.relC .m img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.relC:hover .m img{transform:scale(1.04)}
.cCta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px;border-radius:var(--bubble);background:#1E1E24;border:1px solid var(--line)}
.cCta p{font-size:clamp(22px,2.4vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.15;max-width:22ch}
.cCta .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media (max-width:900px){.cHead{grid-template-columns:1fr;gap:18px}.case .cBody{margin-top:-84px}.cClose{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px}.cReel figure{height:52vh}}

/* ---------- the reel viewer: Social Link's way of watching (no hearts, no counts) ---------- */
.viewer{position:fixed;inset:0;z-index:95;background:rgba(10,10,12,.96);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s .35s}
.viewer.on{opacity:1;visibility:visible;transition:opacity .35s var(--ease)}
.vStage{grid-column:2;position:relative;height:min(86svh,900px);aspect-ratio:9/16;border-radius:26px 26px 26px 8px;overflow:hidden;background:#0E0E0E;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.vStage video,.vStage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s var(--ease),opacity .35s var(--ease)}
.vStage .out-up{transform:translateY(-12%);opacity:0}.vStage .in-down{transform:translateY(12%);opacity:0}
.vBar{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:4px;z-index:3}
.vBar i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}.vBar i b{display:block;height:100%;width:0;background:#fff}
.vBar i.done b{width:100%}
.vSide{grid-column:3;align-self:end;justify-self:start;padding:0 0 max(40px,7svh) 32px;display:flex;flex-direction:column;gap:14px;max-width:340px;color:#fff}
.vSide .what{font-size:16px;line-height:1.5;color:rgba(255,255,255,.84)}
.vSide a.go{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.vNav{grid-column:1;justify-self:end;align-self:center;display:flex;flex-direction:column;gap:10px;padding-right:28px}
.vNav button,.vClose,.vSnd{width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background var(--base)}
.vNav button:hover,.vClose:hover,.vSnd:hover{background:rgba(255,255,255,.22)}
.vClose{position:fixed;right:20px;top:20px;width:auto;padding:0 16px;border-radius:999px;font:600 14px var(--sans);gap:8px;display:inline-flex;align-items:center;height:44px;background:#fff;color:var(--ink)}
.vClose:hover{background:#fff}
.vSnd{position:absolute;right:12px;bottom:12px;z-index:3;width:42px;height:42px;background:rgba(16,16,20,.6)}
.vCount{font-size:13px;color:var(--mute2)}
@media (max-width:900px){
  .viewer{grid-template-columns:1fr;background:#0E0E0E}
  .vStage{grid-column:1;height:100svh;width:100vw;aspect-ratio:auto;border-radius:0}
  .vSide{position:absolute;left:0;right:0;bottom:0;padding:80px 16px calc(22px + env(safe-area-inset-bottom,0px));max-width:none;width:100%;justify-self:stretch;background:linear-gradient(transparent,rgba(0,0,0,.82));grid-column:1;align-self:end}
  .vNav{display:none}
  .vClose{top:calc(14px + env(safe-area-inset-top,0px));right:14px}
  .vSnd{bottom:auto;top:calc(26px + env(safe-area-inset-top,0px));left:14px;right:auto}
}

/* ---------- footer, redesigned: readable, alive, complete ---------- */
.foot2{background:var(--ink);color:#fff;border-top:1px solid var(--line);padding:56px var(--gut) calc(40px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:44px}
.foot2 .in{max-width:1320px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:44px}
.fTop{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.fTop .who{display:flex;align-items:center;gap:16px}.fTop .who img{height:22px;width:auto}
.fTop .who span{font-size:15px;color:var(--mute)}
.fTop .acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fTop .tel{font-size:15px;font-weight:500;padding:12px 6px}
.fWork{display:flex;flex-direction:column;gap:14px}
.fWork .hd{display:flex;justify-content:space-between;align-items:baseline}
.fWork .hd b{font-size:16px;font-weight:600}.fWork .hd a{font-size:14px;color:var(--mute);text-decoration:underline;text-underline-offset:3px}
.fWork .row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.fW{display:flex;flex-direction:column;gap:10px;min-width:0}
.fW .m{aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#2A2A2A}
.fW .m img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.fW:hover .m img{transform:scale(1.04)}
.fCols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;padding-top:32px;border-top:1px solid var(--line)}
.fCols h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin-bottom:12px}
.fCols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.fCols a{font-size:14.5px;color:var(--mute);transition:color var(--base)}
.fCols a:hover{color:#fff}
.fCreator{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:var(--bubble);background:#1E1E24;border:1px solid var(--line)}
.fCreator span{font-size:15px;color:var(--mute)}.fCreator a{font-weight:600;font-size:15px;display:inline-flex;gap:8px;align-items:center}
.fLegal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--mute2);padding-top:18px;border-top:1px solid var(--line)}
.fLegal a:hover{color:#fff}
@media (max-width:980px){.fWork .row{grid-template-columns:repeat(3,minmax(0,1fr))}.fWork .row>*:nth-child(n+4){display:none}.fCols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.fWork .row{grid-template-columns:repeat(2,minmax(0,1fr))}.fWork .row>*:nth-child(n+3){display:none}}

/* ---------- review: live media budget meter (shown with review notes) ---------- */
.mmeter{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:62;display:none;font:500 11px var(--mono);background:#fff;color:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:8px 12px}
body.notes .mmeter{display:block}
body.notes .mmeter.hide{display:none}

/* =====================================================================
   ROUND 4 · SMALLER, SMARTER, EASIER TO SCAN, MORE CONNECTED
   ===================================================================== */
:root{
  --measure:62ch;         /* body copy */
  --measure-lead:44ch;    /* leads + answers */
  --measure-faq:68ch;     /* FAQ answers */
  --form-w:560px;         /* form column */
  --isl-w:1000px; --isl-wc:880px; --isl-h:52px; --isl-hc:46px;   /* island: rest 1000×52 · compact 880×46 (was 1180×60 · 940×52) */
  --cnav-h:38px;
}

/* ---------- A · island: tighter footprint, earlier + scroll-linked compression ---------- */
.island{--k:0;width:min(calc(var(--isl-w) - (var(--isl-w) - var(--isl-wc)) * var(--k)),calc(100% - 28px));transition:background var(--slow) var(--ease),color var(--slow) var(--ease),border-color var(--slow) var(--ease),width 90ms linear,box-shadow var(--slow);border-color:rgba(255,255,255,.12)}
.island.compact{width:min(calc(var(--isl-w) - (var(--isl-w) - var(--isl-wc)) * var(--k)),calc(100% - 28px))}
.island.open{width:min(1180px,calc(100% - 28px))}            /* trays still get room when opened */
.nv-bar{height:calc(var(--isl-h) - (var(--isl-h) - var(--isl-hc)) * var(--k));padding:0 6px 0 16px;gap:4px;transition:none}
.island.compact .nv-bar{height:calc(var(--isl-h) - (var(--isl-h) - var(--isl-hc)) * var(--k))}
.nv-brand{gap:9px}
.nv-brand .nv-mk{height:16px}
.nv-brand .nv-wm{height:14px;max-width:110px}
.nv-links{gap:0;margin-right:6px}
.nv-links a,.nv-links button{padding:8px 12px;font-size:14px}          /* 37px tall: above the 24px WCAG 2.2 AA target minimum */
.ai-link{padding:8px 12px;font-size:14px;margin-right:4px}
.island .pill{font-size:14px;padding:10px 16px}
.island.compact .pill{padding:9px 15px}
.island.mode-form,.island.mode-campaign{width:min(760px,calc(100% - 28px))}
@media (max-width:900px){
  .island{width:calc(100% - 24px)!important}
  .nv-bar,.island.compact .nv-bar{height:48px;padding:0 4px 0 14px}
  .nv-mtoggle{position:relative;width:40px;height:40px}
  .nv-mtoggle::before{content:"";position:absolute;inset:-2px}       /* 44px hit area inside a 48px bar */
  .nv-mstart{padding:9px 14px}
}

/* ---------- B · context nav: where am I on this page (global island = where can I go) ---------- */
.cnav{position:relative;z-index:40;--fc:var(--lime)}
.cnav[data-fam="seen"]{--fc:var(--pink)} .cnav[data-fam="found"]{--fc:var(--cyan)} .cnav[data-fam="intel"]{--fc:var(--purple)}
.cnav-slot{height:calc(var(--cnav-h) + 36px)}
.cnav-in{display:flex;align-items:center;gap:6px;max-width:1320px;margin:0 auto;padding:18px var(--gut);height:calc(var(--cnav-h) + 36px)}
.cnav-pg{display:none}
.cnav-l{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.cnav-l::-webkit-scrollbar{display:none}
.cnav-l a,.cnav-l button{position:relative;display:inline-flex;align-items:center;gap:7px;font:500 14px var(--sans);color:inherit;opacity:.66;background:none;border:0;cursor:pointer;padding:8px 12px;border-radius:999px;white-space:nowrap;transition:opacity var(--base),background var(--base)}
.cnav-l a:hover,.cnav-l button:hover{opacity:1}
.cnav-l a::before,.cnav-l button::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fc);transform:scale(0);transition:transform var(--slow) var(--ease)}
.cnav-l [aria-current="location"],.cnav-l [aria-pressed="true"]{opacity:1}
.cnav-l [aria-current="location"]::before,.cnav-l [aria-pressed="true"]::before{transform:none}
.cnav-l .n{font-family:var(--mono);font-size:11px;opacity:.6}
.cnav-lead{font:600 13px var(--sans);opacity:.56;margin-right:6px;white-space:nowrap}
.cnav-bar{display:none}
.cnav-m{display:none}
/* docked: a satellite of the island, same material, half the presence */
.cnav.dock .cnav-in{position:fixed;left:50%;top:calc(14px + var(--isl-hc) + 8px + env(safe-area-inset-top,0px));transform:translateX(-50%);height:var(--cnav-h);padding:0 6px 0 14px;width:auto;max-width:calc(100% - 28px);
  border-radius:14px 14px 14px 4px;border:1px solid rgba(255,255,255,.12);background:rgba(16,16,20,.66);color:#fff;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 8px 24px rgba(0,0,0,.18);animation:cnIn .42s var(--ease) both}
.cnav.dock.env-light .cnav-in{background:rgba(255,255,255,.82);color:var(--ink);border-color:rgba(23,23,23,.1);box-shadow:0 8px 24px rgba(23,23,23,.08)}
.cnav.dock .cnav-pg{display:inline-flex;align-items:center;gap:7px;font:600 13px var(--sans);padding-right:10px;margin-right:4px;border-right:1px solid currentColor;border-color:rgba(127,127,127,.3);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.cnav.dock .cnav-pg .fam{flex:none}
.cnav.dock .cnav-l a,.cnav.dock .cnav-l button{padding:6px 10px;font-size:13.5px}
.cnav.dock .cnav-lead{display:none}
.cnav.dock .cnav-bar{display:block;position:absolute;left:14px;right:14px;bottom:0;height:1px;background:rgba(127,127,127,.18);overflow:hidden;border-radius:1px}
.cnav.dock .cnav-bar i{display:block;height:100%;width:calc(var(--prog,0) * 100%);background:var(--fc)}
.cnav.dock.away .cnav-in{opacity:0;transform:translate(-50%,-8px);pointer-events:none;transition:opacity var(--base),transform var(--base)}
@keyframes cnIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
@media (max-width:900px){
  .cnav-in{padding:12px var(--gut);height:calc(var(--cnav-h) + 24px)}
  .cnav-slot{height:calc(var(--cnav-h) + 24px)}
  .cnav-l{mask-image:linear-gradient(90deg,#0E0E0E 85%,transparent);-webkit-mask-image:linear-gradient(90deg,#0E0E0E 85%,transparent)}
  .cnav.dock .cnav-in{left:12px;transform:none;max-width:calc(100% - 24px);top:calc(10px + 48px + 8px + env(safe-area-inset-top,0px));padding:0;animation:none}
  .cnav.dock .cnav-pg,.cnav.dock .cnav-l,.cnav.dock .cnav-bar{display:none}
  .cnav.dock .cnav-m{display:inline-flex;align-items:center;gap:8px;height:var(--cnav-h);padding:0 14px;font:600 13.5px var(--sans);color:inherit;background:none;border:0;cursor:pointer}
  .cnav.dock .cnav-m .fam{background:var(--fc)}
  .cnav.dock .cnav-m .pos{font:500 11.5px var(--mono);opacity:.6}
  .cnav.dock .cnav-m .chev{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--slow) var(--ease)}
  .cnav.dock.mopen .cnav-m .chev{transform:rotate(-135deg) translateY(-2px)}
  .cnav.dock.mopen .cnav-l{display:flex;flex-direction:column;align-items:stretch;padding:4px 6px 8px;mask-image:none;-webkit-mask-image:none}
  .cnav.dock.mopen .cnav-in{flex-direction:column;align-items:stretch;height:auto;border-radius:16px 16px 16px 4px}
  .cnav.dock.mopen .cnav-l a,.cnav.dock.mopen .cnav-l button{justify-content:flex-start;padding:11px 12px;font-size:15px}
  .cnav.dock.away .cnav-in{transform:translateY(-8px)}
}
body.trayOpen .cnav.dock .cnav-in,body.tOpen .cnav.dock .cnav-in{opacity:0;pointer-events:none}

/* ---------- E · one act grammar: same row, same hover, same click, same focus. Only the peek tells the act's story ---------- */
.arow{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
.light .arow,.arow.on-light{border-top-color:rgba(23,23,23,.14)}
.arow li{border-bottom:1px solid rgba(255,255,255,.14)}
.light .arow li,.arow.on-light li{border-bottom-color:rgba(23,23,23,.14)}
.arow a{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:20px;min-height:68px;padding:12px 10px 12px 0;color:inherit;position:relative;transition:padding var(--slow) var(--ease),background var(--base)}
.arow .t{display:flex;flex-direction:column;gap:4px;min-width:0}
.arow .nm{font-size:clamp(18px,1.55vw,21px);font-weight:600;letter-spacing:-.015em;line-height:1.2}
.arow .ds{font-size:14.5px;line-height:1.45;opacity:.66;max-width:46ch}
.arow .ar{display:grid;place-items:center;width:28px;height:28px;color:var(--fc,currentColor);transition:transform var(--slow) var(--ease)}
.arow .apk{width:84px;height:56px;border-radius:12px 12px 12px 4px;overflow:hidden;flex:none;position:relative;opacity:.9;transition:width var(--slow) var(--ease),opacity var(--base)}
.arow .apk img,.arow .apk video{width:100%;height:100%;object-fit:cover;display:block}
.arow .apk.apq,.arow .apk.apt,.arow .apk.apn{width:auto;min-width:84px;max-width:250px;height:auto;min-height:32px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;font-size:12.5px;line-height:1.25;white-space:nowrap;border:1px solid rgba(255,255,255,.22)}
.light .arow .apk.apq,.light .arow .apk.apt,.light .arow .apk.apn{border-color:rgba(23,23,23,.2)}
.arow .apk.apq{border-color:rgba(79,209,255,.45)}
.arow .apk.apq b{font-family:var(--mono);font-weight:500;font-size:12px;color:var(--cyan)}
.light .arow .apk.apq b{color:var(--cyan-d)}
.arow .apk.apq .qq{opacity:.82}
.arow .apk.apq .qq::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border:1.5px solid currentColor;border-radius:50%;vertical-align:-1px;opacity:.7}
.arow .apk.apn{border-style:dashed;opacity:.5}
.arow .src{font:500 10.5px var(--mono);opacity:.5;display:block;margin-top:2px}
.arow a:hover,.arow a:focus-visible{padding-left:10px;background:rgba(255,255,255,.05)}
.light .arow a:hover,.light .arow a:focus-visible{background:rgba(23,23,23,.04)}
.arow a:hover .ar,.arow a:focus-visible .ar{transform:translateX(4px)}
.arow a:hover .apk,.arow a:focus-visible .apk{opacity:1}
.arow a:hover .apk:not(.apq):not(.apt):not(.apn),.arow a:focus-visible .apk:not(.apq):not(.apt):not(.apn){width:112px}
.arow[data-act="seen"]{--fc:var(--pink)} .arow[data-act="found"]{--fc:var(--cyan)} .arow[data-act="chosen"]{--fc:var(--lime-d)} .arow[data-act="intel"]{--fc:var(--purple)}
.dark .arow[data-act="chosen"],.arow[data-act="chosen"].on-dark{--fc:var(--lime)}
.arow .kid{font-size:12px;font-weight:500;opacity:.5;margin-left:8px;white-space:nowrap}
@media (max-width:700px){
  .arow a{grid-template-columns:minmax(0,1fr) 28px;min-height:60px;gap:12px}
  .arow .apk{display:none}
  .arow .ds{font-size:13.5px}
}

/* ---------- H · names become doors into the work ---------- */
.doors{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}
.doors .dh{display:flex;flex-direction:column;gap:8px}
.doors .dh b{font-size:15px;font-weight:600}
.doors .dh span{font-size:13.5px;opacity:.62;line-height:1.45}
.doors .dh a{font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.doors ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:clamp(22px,2.4vw,36px);font-weight:600;letter-spacing:-.025em;line-height:1.18}
.doors li{display:inline-flex;align-items:baseline}
.doors li:not(:last-child)::after{content:"·";opacity:.25;margin:0 .32em}
.door{color:inherit;background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;cursor:pointer;text-align:left;transition:opacity var(--base),color var(--base)}
.doors.hov .door{opacity:.28} .doors.hov .door.on{opacity:1}
.door.on{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--fc,var(--lime))}
.doors.sm ul{font-size:clamp(18px,1.6vw,23px);letter-spacing:-.015em}
.dpeek{position:fixed;z-index:80;width:220px;pointer-events:none;opacity:0;transform:translateY(6px) scale(.97);transition:opacity var(--base),transform var(--slow) var(--ease);border-radius:var(--bubble);overflow:hidden;background:#171717;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.dpeek.on{opacity:1;transform:none;pointer-events:auto;cursor:pointer}.dpeek.on.thru{pointer-events:none;cursor:default}
.dpeek .m{aspect-ratio:4/5;background:#2A2A2A}.dpeek .m img,.dpeek .m video{width:100%;height:100%;object-fit:cover;display:block}
.dpeek .tx{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}
.dpeek .tx b{font-size:14px;font-weight:600}.dpeek .tx span{font-size:12px;opacity:.7}
.dpeek .tx .go{font-size:12px;font-weight:600;opacity:1;color:var(--lime);margin-top:3px}
@media (hover:none){.dpeek{display:none}}
@media (max-width:700px){.doors{grid-template-columns:1fr;gap:12px}}

/* ---------- I · FAQ: compact, accessible, crawlable ---------- */
.faq4{padding:clamp(64px,8vw,112px) var(--gut)}
.faq4-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq4-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:120px}
.faq4-side h2{font-size:clamp(30px,3.2vw,44px);line-height:1.04;font-weight:600;letter-spacing:-.035em}
.faq4-side p{font-size:15.5px;line-height:1.55;opacity:.7;max-width:34ch}
.faq4-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.faq4-list{max-width:calc(var(--measure-faq) + 4ch);border-top:1px solid rgba(23,23,23,.16)}
.dark .faq4-list{border-top-color:rgba(255,255,255,.16)}
.fq{border-bottom:1px solid rgba(23,23,23,.16)}
.dark .fq{border-bottom-color:rgba(255,255,255,.16)}
.fq-h{margin:0;font-size:inherit}
.fq-b{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;font:600 clamp(17px,1.35vw,19px)/1.32 var(--sans);letter-spacing:-.01em;color:inherit;background:none;border:0;padding:20px 0;cursor:pointer}
.fq-i{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid currentColor;position:relative;opacity:.7;transition:transform var(--slow) var(--ease),opacity var(--base),background var(--base)}
.fq-i::before,.fq-i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.fq-i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform var(--slow) var(--ease)}
.fq-b[aria-expanded="true"] .fq-i{opacity:1}
.fq-b[aria-expanded="true"] .fq-i::after{transform:translate(-50%,-50%) rotate(0)}
.fq-b:hover .fq-i{opacity:1}
.fq-p{padding:0 0 22px;max-width:var(--measure-faq)}
.fq-p[hidden="until-found"]{display:block!important;content-visibility:hidden;padding:0;height:0;overflow:hidden}
.fq-p p{font-size:16px;line-height:1.62;opacity:.86}
.fq-p p+p{margin-top:10px}
.fq-p strong{font-weight:600;opacity:1}
.fq-p a{text-decoration:underline;text-decoration-color:rgba(127,127,127,.55);text-underline-offset:3px;font-weight:500}
.fq-p a:hover{text-decoration-color:currentColor}
.fq-all{margin-top:16px;font:600 13.5px var(--sans);color:inherit;background:none;border:0;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;opacity:.7}
.fq-all:hover{opacity:1}
@media (max-width:900px){.faq4-in{grid-template-columns:1fr;gap:20px}.faq4-side{position:static}}

/* ---------- K · footer: one composed object, not five sitemap columns ---------- */
.foot4{background:var(--ink);color:#fff;padding:0 var(--gut) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.foot4 .in{max-width:1320px;margin:0 auto}
.f4close{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;padding:clamp(56px,7vw,96px) 0 clamp(36px,4vw,56px);border-bottom:1px solid var(--line)}
.f4close h2{grid-column:1/span 8;font-size:clamp(44px,6.4vw,104px);line-height:.92;font-weight:600;letter-spacing:-.05em}
.f4close h2 i{font-style:normal;color:var(--lime)}
.f4close .acts{grid-column:9/span 4;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.f4close .acts .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.f4close .tel{font-size:15px;font-weight:500;padding:12px 4px}
.f4close .fq4q{font-size:14px;line-height:1.5;opacity:.78;max-width:40ch}
.f4close .fq4q q::before{content:"\201C"}.f4close .fq4q q::after{content:"\201D"}
.f4close .fq4q cite{display:block;font-style:normal;font-size:12.5px;opacity:.7;margin-top:6px}
.f4grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:40px 0 36px}
.f4col h3{font:600 12.5px var(--sans);letter-spacing:.02em;opacity:.5;margin-bottom:14px}
.f4col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.f4col a,.f4col summary{font-size:14.5px;color:rgba(255,255,255,.78);transition:color var(--base)}
.f4col a:hover,.f4col summary:hover{color:#fff}
.f4sl{grid-column:1/span 3;display:flex;flex-direction:column;gap:12px}
.f4sl img{height:20px;width:auto;align-self:flex-start}
.f4sl .ln{font-size:14px;line-height:1.55;color:rgba(255,255,255,.7)}
.f4sl .ln b{color:#fff;font-weight:600}
.f4sl .f4mk{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:rgba(255,255,255,.6)}
.f4sl .f4mk a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:3px}
.f4sl .f4lat{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:13px;color:rgba(255,255,255,.72)}
.f4sl .f4lat img{width:34px;height:42px;object-fit:cover;border-radius:8px 8px 8px 2px}
.f4sl .f4lat b{color:#fff;font-weight:600;display:block}
.f4ex{grid-column:4/span 2}
.f4cap{grid-column:6/span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}
.f4cap h3{grid-column:1/-1;margin-bottom:-6px}
.f4g h4{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;margin:0 0 9px}
.f4g h4 .c{font:500 11px var(--mono);opacity:.45}
.f4g details{margin-top:9px}
.f4g details ul{margin-top:9px}
.f4g summary,.f4ex summary{list-style:none;cursor:pointer;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.6)}
.f4g summary::-webkit-details-marker,.f4ex summary::-webkit-details-marker{display:none}
.f4g summary::after,.f4ex summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--slow) var(--ease)}
.f4g details[open] summary::after,.f4ex details[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.f4g details[open] summary .more,.f4ex details[open] summary .more{display:none}
.f4g summary .less,.f4ex summary .less{display:none}
.f4g details[open] summary .less,.f4ex details[open] summary .less{display:inline}
.f4eco{grid-column:11/span 2}
.f4eco li{display:flex;flex-direction:column;gap:3px}
.f4eco .sub{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.4}
.f4eco a{display:inline-flex;align-items:center;gap:7px}
.f4eco .d{width:7px;height:7px;border-radius:50%;flex:none}
.f4legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.5);padding-top:18px;border-top:1px solid var(--line)}
.f4legal a:hover{color:#fff}
@media (max-width:1080px){
  .f4grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .f4sl{grid-column:1/span 3}.f4ex{grid-column:4/span 3}.f4cap{grid-column:1/span 4}.f4eco{grid-column:5/span 2}
}
@media (max-width:700px){
  .f4close{grid-template-columns:1fr;gap:20px;align-items:start}
  .f4close h2,.f4close .acts{grid-column:1}
  .f4grid{display:flex;flex-direction:column;gap:0;padding:24px 0}
  .f4sl{padding-bottom:22px}
  .f4col:not(.f4sl){border-top:1px solid var(--line)}
  .f4col:not(.f4sl)>h3{margin:0;padding:16px 0;opacity:.85;font-size:15px;letter-spacing:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
  .f4col:not(.f4sl)>h3::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--slow) var(--ease)}
  .f4col.mopen:not(.f4sl)>h3::after{transform:rotate(-135deg) translateY(-1px)}
  .f4col:not(.f4sl)>:not(h3){display:none}
  .f4col.mopen:not(.f4sl)>:not(h3){display:flex}
  .f4cap{display:grid}.f4cap>:not(h3){display:none}.f4cap.mopen>:not(h3){display:block}
  .f4cap.mopen{grid-template-columns:1fr;gap:16px;padding-bottom:18px}
  .f4ex.mopen ul,.f4eco.mopen ul{padding-bottom:18px}
}

/* ---------- L · reading stays tight; mono only for data ---------- */
.answer{max-width:var(--measure-lead)}
.lede{max-width:var(--measure-lead)}
.f4close .f4line{font-size:16px;line-height:1.5;color:rgba(255,255,255,.78);max-width:36ch}
.f4close .ctxRow{display:flex;flex-wrap:wrap;gap:6px}
.f4close .ctxRow:empty{display:none}

/* ---------- shared · verified quote (proof near the claim) ---------- */
.q4{margin:0;display:flex;flex-direction:column;gap:10px;max-width:46ch}
.q4 .g{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;opacity:.8}
.q4 .g .st{letter-spacing:.08em;font-size:11px}
.q4 blockquote{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.38;font-weight:500;letter-spacing:-.01em}
.q4 blockquote::before{content:"\201C"}.q4 blockquote::after{content:"\201D"}
.q4 figcaption{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:14px}
.q4 figcaption b{font-weight:600}.q4 figcaption span{opacity:.62}
.q4 .q4go{font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
/* ---------- shared · goal tiles (Home + Start + Intelligence speak one vocabulary) ---------- */
.gtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.gt{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;font-family:var(--sans);color:var(--ink);background:#F7F7F7;border:1.5px solid transparent;border-radius:var(--bubble);padding:14px 14px 15px;cursor:pointer;min-height:92px;transition:background var(--base),border-color var(--base),transform var(--fast) var(--ease)}
.gt:hover{border-color:rgba(23,23,23,.25);transform:translateY(-1px)} .gt:active{transform:scale(.98)}
.gt .gh{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15.5px;letter-spacing:-.01em;line-height:1.25}
.gt .gs{font-size:12.5px;line-height:1.38;color:#555555}
.gt .fam.q{width:8px;height:8px;border-radius:50%;background:none;box-shadow:inset 0 0 0 1.5px #757575}
.gt .f-chosen{box-shadow:0 0 0 1px rgba(23,23,23,.35)}
.gt[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.gt[aria-pressed="true"] .gs{color:rgba(255,255,255,.66)}
.gt[aria-pressed="true"] .fam.q{box-shadow:inset 0 0 0 1.5px #fff}
.gt.ctx{border-color:rgba(79,72,214,.45)}
@media (max-width:900px){.gtiles{grid-template-columns:repeat(2,minmax(0,1fr))}.gt{min-height:0}}
.arow .pkm{display:none;font:500 11.5px var(--mono);color:var(--cyan);opacity:.9}
.light .arow .pkm{color:var(--cyan-d)}
@media (max-width:700px){.arow .apk{display:none!important}.arow .pkm{display:block}}
@media (max-width:700px){.foot4 .f4cap.mopen:not(.f4sl)>.f4g{display:block}.foot4 .f4cap.mopen:not(.f4sl)>.f4g+.f4g{margin-top:8px}}

/* ===== ROUND 4 · render pass 1 fixes ===== */
/* context nav: in-flow it is a page index anchored by a hairline; docked it hides once the closing is on screen */
.cnav:not(.dock) .cnav-in{position:relative}
.cnav:not(.dock) .cnav-in::before{content:"";position:absolute;left:var(--gut);right:var(--gut);top:0;height:1px;background:currentColor;opacity:.14}
.cnav.dock.away .cnav-in{animation:none}
@media (max-width:900px){
  .cnav.dock.mopen .cnav-m{order:-1;border-bottom:1px solid rgba(127,127,127,.18)}
  .cnav.dock.mopen .cnav-in{background:rgba(16,16,20,.95)}
  .cnav.dock.mopen.env-light .cnav-in{background:rgba(255,255,255,.97)}
}
/* client doors band on service and industry pages */
.cl4{padding:clamp(48px,6vw,80px) 0 clamp(8px,2vw,24px)}
.cl4-in{max-width:1320px;margin:0 auto;padding:0 var(--gut);box-sizing:border-box}
@media (max-width:700px){ .doors{grid-template-columns:1fr;gap:14px} }
/* footer closing: the page's own line reads as a statement, the question as a prompt */
.f4close .f4line{font:600 clamp(18px,1.5vw,21px)/1.35 var(--sans);color:#fff;max-width:30ch;margin:0 0 6px}
.f4close .lede{font-size:15px;margin:0 0 12px}
/* the floating Honeybell bar never covers the legal row */
.foot4{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
/* one content grid: FAQ, doors and the context nav share the 1320 + gutter edge */
.faq4{padding:clamp(64px,8vw,112px) 0}
.faq4-in{max-width:1320px;padding:0 var(--gut);box-sizing:border-box}
.f4close .f4line{text-wrap:balance}

/* ===== ROUND 4 · L · TYPE SYSTEM ==========================================================
   DISPLAY → SECTION HEADLINE → LEAD → BODY → LABEL/METADATA. One sans family does the talking.
   Mono is reserved for sourced data (search volumes, codes, the Intelligence read-out). Decorative mono is cut.
   MEDIA CAN BE WIDE. READING SHOULD BE TIGHT. ========================================================= */
:root{--t-display:clamp(44px,6vw,96px);--t-section:clamp(30px,3.4vw,52px);--t-lead:clamp(17px,1.35vw,20px);--t-body:16px;--t-label:13px}
/* labels that were mono, uppercase, letter-spaced: now sans, sentence case, weight does the work */
body .lbl,body .kicker,body[data-page="home"] .k,body .stepLbl,body .status,body .cue,body[data-page="home"] .l,body[data-page="home"] .f:not(.pd),body .cred{font-family:var(--sans);text-transform:none;letter-spacing:.005em;font-weight:600}
body .lbl,body[data-page="home"] .k,body .stepLbl,body[data-page="home"] .l,body[data-page="home"] .f:not(.pd){font-size:12.5px}
body .kicker{font-size:15px}
body .status{font-size:11.5px}
body .cap{font-family:var(--sans);text-transform:none;letter-spacing:0;font-weight:600;font-size:12px}
body .cue{font-size:12.5px}
body .cred{font-size:12.5px;font-weight:500}
body .start{font-family:var(--sans);letter-spacing:0;font-weight:600;font-size:11px}
body .yr{font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.04em}
/* functional text set in mono for flavour: phone numbers, Honeybell, island previews, counts */
body .tel,body .island .nv-aux .nv-tel,body .nv-msheet .nv-mtel{font-family:var(--sans);font-variant-numeric:tabular-nums;font-weight:500}
body .tSay{font-family:var(--sans);font-size:13px}
body .tTop .src,body .tMsg .srcs{font-family:var(--sans);font-size:11.5px}
body .chip.ctx{font-family:var(--sans);font-size:12.5px}
body .nv-prev .nv-pc,body .nv-inds a small,body .nv-msheet .nv-mi a small{font-family:var(--sans);font-size:11.5px}
body .nv-fam .nv-new{font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:10.5px;font-weight:600}
body .cnav-l .n,body .cnav.dock .cnav-m .pos,body .f4g h4 .c{font-family:var(--sans);font-variant-numeric:tabular-nums;font-weight:500}
/* reading measure: paragraphs never run the width of the media around them */
main p{max-width:var(--measure)}
main .lede,main .wwLead{max-width:var(--measure-lead)}
body .browser .bar span{font-family:var(--sans);letter-spacing:0;font-weight:500}
/* review tools: a way from any prototype page back to the review boards (never ships) */
.boardsBtn{position:fixed;right:142px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:62;font-family:var(--mono);font-size:11px;letter-spacing:.06em;background:#fff;color:var(--ink);border:1px solid var(--ink);padding:9px 12px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.boardsBtn:hover{background:var(--lime)}
body[data-page^="board"] .boardsBtn,body[data-page="system"] .boardsBtn,body[data-page="proof"] .boardsBtn,body[data-page="lets-talk"] .boardsBtn{display:none}
@media (max-width:640px){.boardsBtn{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:auto;left:16px}}

/* ===== ROUND 4.1 START (generated by build/r41css.py) ===== */
:root{--sl-lime:#C6FF62;--sl-pink:#F995D5;--sl-cyan:#4FD1FF;--sl-purple:#6A63F0;--sl-danger:#E5484D;--sl-warning:#F0A02B;--sl-success:#2FAE6B;--sl-lime-600:#B6E23F;--sl-lime-100:#EEFBC3;--sl-purple-700:#4F48D6;--sl-purple-100:#E4E2FD;--sl-pink-600:#F06FC3;--sl-pink-100:#FDE4F4;--sl-danger-700:#B42026;--sl-danger-100:#FBDCDD;--sl-warning-700:#9A6512;--sl-warning-100:#FDEECF;--sl-success-700:#1C7D4D;--sl-success-100:#D7F2E3;--sl-ink-900:#171717;--sl-ink-800:#2A2A2A;--sl-ink-700:#3D3D3D;--sl-ink-600:#555555;--sl-ink-500:#757575;--sl-ink-400:#9B9B9B;--sl-ink-300:#C4C4C4;--sl-ink-200:#E2E2E2;--sl-ink-100:#EFEFEF;--sl-ink-50:#F7F7F7;--sl-white:#FFFFFF;--sl-stone:#F0EDE6;--sl-charcoal:#1E1E24;--sl-slate:#2B2B35;--sl-sunken:#0E0E0E;--sl-info:var(--sl-purple);--sl-focus:var(--sl-purple);--sl-disabled-opacity:.45;}
/* ---------- semantic markers on light: pink and cyan are never text on light; ink text carries a marker ---------- */
.light .t-seen,.light .t-found,.light .t-chosen,.light .t-intel{color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;background-size:100% .34em;background-position:0 88%}
.light .t-seen{background-image:linear-gradient(rgba(249,149,213,.55),rgba(249,149,213,.55))}
.light .t-found{background-image:linear-gradient(rgba(79,209,255,.45),rgba(79,209,255,.45))}
.light .t-chosen{background-image:linear-gradient(rgba(198,255,98,.9),rgba(198,255,98,.9))}
.light .t-intel{color:var(--sl-purple-700);background:none}
.light .sig.mt{background:rgba(79,209,255,.16);color:var(--ink)}
.light .arow .apk.apq b,.light .arow .pkm{color:var(--ink)}
/* errors use the shared app red, never pink */
.err{color:var(--sl-danger-700)!important}
.err::before{background:var(--sl-danger)!important}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--sl-danger)!important}
/* disabled = the app rule */
button:disabled,.pill[aria-disabled="true"]{opacity:var(--sl-disabled-opacity);cursor:not-allowed}

/* ---------- review tools move bottom-left so Honeybell owns bottom-right ---------- */
.notesBtn{right:auto;left:16px}
.boardsBtn{right:auto;left:150px}
.evlog{right:auto;left:16px}
body[data-page="lets-talk"] .notesBtn{bottom:calc(64px + env(safe-area-inset-bottom,0px))}

/* ---------- A · island 4.1: rest 944 × 52 · compact 840 × 46. Insights moves into About ---------- */
:root{--isl-w:944px;--isl-wc:840px}
.nv-tray.nv-co{grid-template-columns:minmax(0,1fr) 300px;gap:22px}
.nv-tray.nv-co.on{display:grid}
.nv-co .nv-cos{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;align-content:start;padding-top:6px}
.nv-co .nv-cos a{display:grid;gap:3px;padding:12px 14px;border-radius:14px;color:inherit;text-decoration:none;transition:background var(--base) var(--ease)}
.nv-co .nv-cos a:hover,.nv-co .nv-cos a:focus-visible{background:rgba(255,255,255,.07)}
.island.env-light .nv-co .nv-cos a:hover,.island.env-cream .nv-co .nv-cos a:hover{background:rgba(23,23,23,.05)}
.nv-co .nv-cos b{font-weight:600;font-size:15px}
.nv-co .nv-cos span{font-size:13px;opacity:.66;line-height:1.4}
.nv-co .nv-coa{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);align-self:start;margin-top:6px}
.island.env-light .nv-co .nv-coa,.island.env-cream .nv-co .nv-coa{background:rgba(23,23,23,.04)}
.nv-co .nv-coa b{font-size:15px;font-weight:600}
.nv-co .nv-coa address{font-style:normal;font-size:13.5px;line-height:1.5;opacity:.8}
.nv-co .nv-coa .nv-tel{font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- B · context nav docks at the island's compact width: one stacked object, quieter ---------- */
.cnav.dock .cnav-in{width:min(var(--isl-wc),calc(100% - 28px));box-sizing:border-box;justify-content:flex-start}
.cnav.dock .cnav-l{flex:1;justify-content:flex-start}

/* ---------- Honeybell: bottom-right dock, presence = pink dot, context = purple, never covers copy, nav or footer ---------- */
body .honeybell{left:auto;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(calc(100% + 64px));transition:transform .6s var(--ease),opacity .3s var(--ease),visibility 0s linear 0s}
body .honeybell.show{transform:none}
body .honeybell.hbAway,body .honeybell.show.hbAway{opacity:0;visibility:hidden;transform:translateY(18px);transition:transform .3s var(--ease),opacity .25s var(--ease),visibility 0s linear .3s}
body .honeybell .tPill{max-width:min(440px,calc(100vw - 48px));padding:9px 10px 9px 14px;gap:10px}
body .honeybell .tName{font-size:14px;letter-spacing:-.005em}
body .honeybell .tSay{color:rgba(255,255,255,.86)}
body .honeybell.ctxOn .tSay,body .honeybell .tPill:hover .tSay,body .honeybell .tPill:focus-visible .tSay{max-width:300px;opacity:1}
body .honeybell .tGo{background:rgba(255,255,255,.12);color:#fff;font-weight:600}
body .honeybell .tPill:hover .tGo,body .honeybell .tPill:focus-visible .tGo{background:#fff;color:var(--ink)}
body .tPanel{left:auto;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform-origin:100% 100%;transform:scale(.3,.1)}
body .tPanel.open{transform:none}
.tPanel .hbCtxL{color:var(--sl-purple-100)!important;display:inline-flex;align-items:center;gap:7px}
.tPanel .hbCtxL::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sl-purple)}
.tPanel .chip.hbStart{border-color:rgba(249,149,213,.6)}
@media (max-width:640px){
  body .honeybell{left:auto!important;right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  body .honeybell.ctxOn .tSay{max-width:58vw}
  body .tPanel{right:0;left:0;bottom:0;transform:translateY(100%)}
  body .tPanel.open{transform:none}
}
/* docked context nav reads as a solid object, never text-over-text */
.cnav.dock .cnav-in{background:rgba(23,23,23,.9);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}
.cnav.dock.env-light .cnav-in{background:rgba(255,255,255,.92)}

/* ---------- K · creator strip: a deliberate band above the footer (pink = creator community) ---------- */
.crStrip{background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.crStrip .cr-in{max-width:1320px;margin:0 auto;padding:30px var(--gut);box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.crStrip .cr-mk{width:46px;height:46px;border-radius:var(--bubble);background:var(--pink);display:grid;place-items:center}
.crStrip .cr-mk svg{width:22px;height:22px}
.crStrip .cr-t{display:grid;gap:4px}
.crStrip .cr-h{margin:0;font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.crStrip .cr-s{margin:0;font-size:14.5px;color:var(--mute)}
.crStrip .cr-go{display:inline-flex;align-items:center;gap:8px;background:var(--pink);color:var(--ink);font-weight:600;font-size:15px;padding:13px 20px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform var(--base) var(--ease),background var(--base)}
.crStrip .cr-go:hover{transform:translateY(-2px);background:var(--sl-pink-600)}
.crStrip .cr-go:active{transform:scale(.97)}
@media (max-width:760px){
  .crStrip .cr-in{grid-template-columns:1fr;gap:14px;padding:26px var(--gut)}
  .crStrip .cr-mk{display:none}
  .crStrip .cr-go{justify-content:center}
}

/* ---------- K · footer 4.1: identity | explore | get seen | get found | get chosen | ecosystem + an Intelligence band ---------- */
.foot41 .f41{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(5,minmax(0,1fr));gap:28px 26px;padding:clamp(44px,5vw,64px) 0 34px;border-top:1px solid rgba(255,255,255,.1)}
.foot41 .f41id{display:flex;flex-direction:column;gap:14px;padding-right:12px}
.foot41 .f41id img{width:140px;height:auto}
.foot41 .f41def{margin:0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.88);max-width:30ch}
.foot41 .f41loc{margin:0;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}
.foot41 .f41loc::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
.foot41 address{font-style:normal;font-size:13.5px;line-height:1.6;color:var(--mute)}
.foot41 address a{color:#fff;font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none}
.foot41 .f41mk a{font-size:13.5px;color:var(--mute);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.3)}
.foot41 .f41c{min-width:0}
.foot41 .f41c>summary{list-style:none;cursor:default;display:block}
.foot41 .f41c>summary::-webkit-details-marker{display:none}
.foot41 .f41c h3{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.01em;color:#fff;display:flex;align-items:center;gap:8px}
.foot41 .f41c h3 .c{font-weight:500;opacity:.5;font-variant-numeric:tabular-nums}
.foot41 .f41c ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot41 .f41c li a{color:rgba(255,255,255,.72);font-size:14px;text-decoration:none;line-height:1.35;display:inline-flex;align-items:center;gap:7px}
.foot41 .f41c li a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--fc,var(--lime))}
.foot41 .f41c[data-act="seen"]{--fc:var(--pink)} .foot41 .f41c[data-act="found"]{--fc:var(--cyan)} .foot41 .f41c[data-act="chosen"]{--fc:var(--lime)}
.foot41 .f41c details{margin-top:2px} .foot41 .f41c details summary{cursor:pointer;list-style:none;font-size:13.5px;color:rgba(255,255,255,.56);font-weight:500}
.foot41 .f41c details summary::-webkit-details-marker{display:none}
.foot41 .f41c details[open] summary .more,.foot41 .f41c details:not([open]) summary .less{display:none}
.foot41 .f41c details ul{margin-top:9px}
.foot41 .f41c .sub{display:block;font-size:12.5px;color:rgba(255,255,255,.5);margin-top:3px;line-height:1.4}
.foot41 .d{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}
.foot41 .f41intel{display:grid;grid-template-columns:auto 1fr auto;gap:18px 26px;align-items:center;padding:20px 22px;margin:0 0 30px;border-radius:var(--bubble);background:linear-gradient(90deg,rgba(106,99,240,.16),rgba(106,99,240,.04) 70%);border:1px solid rgba(106,99,240,.32)}
.foot41 .f41intel .ik{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px}
.foot41 .f41intel .ik .d{background:var(--purple);width:8px;height:8px}
.foot41 .f41intel .is{margin:0;font-size:14px;color:rgba(255,255,255,.76);max-width:62ch}
.foot41 .f41intel .ia{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.foot41 .f41intel .ia a,.foot41 .f41intel .ia button{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--sans);color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:10px 15px;border-radius:999px;cursor:pointer;text-decoration:none;transition:background var(--base)}
.foot41 .f41intel .ia a:hover,.foot41 .f41intel .ia button:hover{background:rgba(255,255,255,.16)}
.foot41 .f41intel .ia .hb .d{background:var(--pink)}
@media (max-width:1100px){ .foot41 .f41{grid-template-columns:1fr 1fr 1fr} .foot41 .f41id{grid-column:1/-1} }
@media (max-width:760px){
  .foot41 .f41{grid-template-columns:1fr;gap:0}
  .foot41 .f41id{padding:0 0 22px}
  .foot41 .f41c{border-top:1px solid rgba(255,255,255,.1)}
  .foot41 .f41c>summary{cursor:pointer;padding:16px 0;display:flex;align-items:center;justify-content:space-between}
  .foot41 .f41c>summary h3{margin:0;font-size:15px}
  .foot41 .f41c>summary::after{content:"";width:9px;height:9px;border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--slow) var(--ease)}
  .foot41 .f41c[open]>summary::after{transform:rotate(225deg) translate(-2px,-2px)}
  .foot41 .f41c>ul,.foot41 .f41c>details{padding-bottom:16px}
  .foot41 .f41intel{grid-template-columns:1fr;gap:10px;margin-top:22px}
  .foot41 .f41intel .ia{justify-content:flex-start}
}

/* ---------- C · Start 4.1: one connected decision. The plan assembles under the answers ---------- */
body[data-page="lets-talk"] .s4-grid{grid-template-columns:1fr;max-width:1120px;margin:0 auto;gap:0}
body[data-page="lets-talk"] .s4-head{max-width:1120px;margin-left:auto;margin-right:auto}
.s41stage{border:1px solid var(--sl-ink-200);border-radius:28px 28px 28px 8px;background:#fff;box-shadow:0 30px 80px -40px rgba(23,23,23,.28);overflow:clip}
.s41stage .s4-form{padding:clamp(22px,3vw,36px) clamp(20px,3vw,40px) 0}
.s41stage .stNav{padding:18px 0 22px;margin:0}
.lp41{position:relative;background:var(--ink);color:#fff;padding:22px clamp(20px,3vw,40px) 26px;border-radius:0;--wire:rgba(255,255,255,.14)}
.lp41::before{content:"";position:absolute;left:clamp(20px,3vw,40px);right:clamp(20px,3vw,40px);top:0;height:1px;background:linear-gradient(90deg,var(--lime),rgba(198,255,98,0))}
.lp41 .lpTop{display:flex;align-items:center;gap:12px;background:none;border:0;color:inherit;padding:0;width:100%;text-align:left;cursor:default}
.lp41 .lpDot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(198,255,98,.16)}
.lp41 .lpT{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.lp41 .lpT b{font-size:17px;font-weight:600}
.lp41 .lpS{font-size:13px;color:var(--mute2)}
.lp41 .chev{display:none}
.lp41 .lpBody{display:grid;grid-template-columns:1fr;gap:16px;margin-top:14px}
.lp41 .lpGoal{margin:0;font-size:clamp(16px,1.4vw,19px);line-height:1.45;color:rgba(255,255,255,.92);max-width:70ch}
.lp41 .lpGoal em{font-style:normal;color:var(--lime)}
.lp41 .lpGoal .ph{color:var(--mute2)}
.lp41 .lpChg{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sl-purple-100);margin:0 0 0 auto;max-width:52%;opacity:0;transform:translateY(4px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.lp41 .lpChg.on{opacity:1;transform:none}
.lp41 .lpChg::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--purple);flex:none}
.lp41 .lpSec h3{margin:0 0 10px;font-size:12.5px;font-weight:600;color:var(--mute2);letter-spacing:.01em}
.lp41 .lpCards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:10px}
.lp41 .lpCards>.ph{grid-column:1/-1;font-size:14px;color:var(--mute2);padding:16px;border:1px dashed var(--wire);border-radius:18px 18px 18px 6px}
.lpCard{position:relative;display:grid;grid-template-rows:auto auto auto 1fr;gap:7px;padding:14px 14px 12px;border-radius:18px 18px 18px 6px;background:#1E1E24;border:1px solid #2B2B35;min-width:0}
.lpCard.first{border-color:rgba(198,255,98,.45)}
.lpCard .lcN{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15.5px;line-height:1.25;color:#fff;text-decoration:none;padding-right:26px}
.lpCard .lcN:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--lime)}
.lpCard .lcO{position:absolute;right:12px;top:13px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:rgba(255,255,255,.1);color:#fff}
.lpCard.first .lcO{background:var(--lime);color:var(--ink)}
.lpCard .lcW{font-size:13px;line-height:1.45;color:var(--sl-purple-100);display:flex;gap:7px;align-items:flex-start}
.lpCard .lcW::before{content:"";width:6px;height:6px;margin-top:6px;border-radius:50%;background:var(--purple);flex:none}
.lpCard .lcD{font-size:13px;line-height:1.45;color:rgba(255,255,255,.66)}
.lpCard .lcG{color:var(--mute2)}
.lpCard .lcJ{align-self:end;display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;padding:8px;margin-top:2px;border-radius:12px;background:rgba(255,255,255,.04);color:inherit;text-decoration:none;align-self:end;transition:background var(--base)}
.lpCard .lcJ:hover{background:rgba(255,255,255,.09)}
.lpCard .lcJ img{width:64px;height:44px;object-fit:cover;border-radius:8px;display:block}
.lpCard .lcJ b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lpCard .lcJ span span{display:block;font-size:12px;color:var(--mute2)}
.lpCard .rm{position:absolute;right:38px;top:12px;width:22px;height:22px;border-radius:50%;border:0;background:none;color:rgba(255,255,255,.5);font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--base)}
.lpCard:hover .rm,.lpCard:focus-within .rm{opacity:1}
.lpCard .rm:hover{color:#fff;background:rgba(255,255,255,.1)}
/* assembly: the capability enters, then its reason, then the real work. Motion explains, never decorates */
.lpCard.enter{animation:lcIn .42s var(--ease) both}
.lpCard.enter .lcD{animation:lcFade .36s var(--ease) .12s both}
.lpCard.enter .lcW{animation:lcFade .36s var(--ease) .22s both}
.lpCard.enter .lcJ{animation:lcWipe .5s var(--ease) .34s both}
.lpCard.leave{animation:lcOut .26s var(--ease) both}
.lpCard.moved .lcO{animation:lcPop .4s var(--spring) both}
@keyframes lcIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes lcFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes lcWipe{from{opacity:0;clip-path:inset(0 100% 0 0 round 12px)}to{opacity:1;clip-path:inset(0 0 0 0 round 12px)}}
@keyframes lcOut{to{opacity:0;transform:scale(.96)}}
@keyframes lcPop{0%{transform:scale(.6)}100%{transform:none}}
/* the tie between an answer and the plan: hover a card, its goal lights; hover a goal, its cards light */
.gt.tie{outline:2px solid rgba(198,255,98,.9);outline-offset:2px}
.lpCard.tie{border-color:rgba(198,255,98,.75);background:#2B2B35}
.lp41 .lpRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}
.lp41 .lpRev{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lp41 .lpRev li{font-size:13px;padding:6px 11px;border-radius:999px;border:1px dashed var(--wire);color:var(--mute2)}
.lp41 .lpRev li.ok{border-style:solid;border-color:rgba(198,255,98,.35);color:#fff}
.lp41 .lpRev li.ok::before{content:"✓ ";color:var(--lime)}
.lp41 .lpRev li.just{animation:lcPop .5s var(--spring) both}
.lp41 .lpNext{margin:0;font-size:13.5px;color:var(--mute2);max-width:46ch;text-align:right}
.lp41 .lpNeeds{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.lp41 .lpNeeds li{font-size:13px;padding:6px 11px;border-radius:999px;background:rgba(106,99,240,.18);color:var(--sl-purple-100)}
.lp41 .hbWhyB{display:inline-flex;align-items:center;gap:6px;font:600 12.5px var(--sans);color:#fff;background:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;cursor:pointer;margin-left:12px;white-space:nowrap;flex:none}
.lp41 .lpChg:not(.on)+.hbWhyB{margin-left:auto}
.lp41 .hbWhyB .d{width:7px;height:7px;border-radius:50%;background:var(--pink)}
.lp41 .hbWhy{display:none;margin:0;padding:12px 14px;border-radius:16px 16px 16px 4px;background:#1E1E24;border:1px solid rgba(106,99,240,.35);font-size:14px;line-height:1.5;color:rgba(255,255,255,.9)}
.lp41 .hbWhy.on{display:block;animation:lcFade .3s var(--ease) both}
.lp41 .hbWhy b{color:#fff}
.lp41 .hbWhy .k{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--sl-purple-100);margin-bottom:6px}
.lp41 .hbWhy .k::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pink)}
.lp41.sent .rm,.lp41.sent .hbWhyB{display:none}
.lp41.sent{background:#1E1E24}
.s41stage[data-step="2"] .lpCard .lcJ,.s41stage[data-step="3"] .lpCard .lcJ,.s41stage[data-step="2"] .lpCard .lcD,.s41stage[data-step="3"] .lpCard .lcD{display:none}
.s41stage[data-step="2"] .lpCards,.s41stage[data-step="3"] .lpCards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (prefers-reduced-motion:reduce){ .lpCard.enter,.lpCard.enter *,.lpCard.leave,.lp41 .lpRev li.just{animation:none!important} }
@media (max-width:900px){
  .s41stage{border-radius:22px 22px 22px 6px}
  .lp41 .lpCards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin:0 -4px;scrollbar-width:none}
  .lp41 .lpCards::-webkit-scrollbar{display:none}
  .lpCard{scroll-snap-align:start}
  .lp41 .lpRow{grid-template-columns:1fr}
  .lp41 .lpNext{text-align:left}
  .s41stage[data-step="2"] .lpCards,.s41stage[data-step="3"] .lpCards{grid-auto-columns:62%}
}
body[data-page="lets-talk"] .lp41{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;max-height:none!important;border-radius:0!important;display:block!important;overflow:visible!important;z-index:auto!important}
body[data-page="lets-talk"] .lp41 .lpBody{display:grid!important;overflow:visible!important;padding:0!important}
.stMini{display:none}
@media (max-width:900px){
  body[data-page="lets-talk"] .stNav{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--sl-ink-200);margin:0;padding:10px 16px;z-index:6}
  .stMini{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink);margin-right:auto;min-width:0}
  .stMini .d{width:8px;height:8px;border-radius:50%;background:var(--sl-lime-600);flex:none}
  .stMini.pulse .d{animation:lcPop .5s var(--spring)}
  body[data-page="lets-talk"] .stNav .err{position:absolute;left:16px;right:16px;bottom:100%;background:#fff;padding:8px 0}
}


/* Start 4.1 desktop rhythm: H1, a one-line promise row, goals in one 4 × 2 block, so the plan assembles above the fold */
@media (min-width:901px){
  body[data-page="lets-talk"] .s4{padding:100px 0 72px}
  body[data-page="lets-talk"] .s4-head,body[data-page="lets-talk"] .s4-grid{max-width:1200px}
  body[data-page="lets-talk"] .s4-head{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
  body[data-page="lets-talk"] .s4-head h1{font-size:clamp(36px,3.5vw,52px)}
  body[data-page="lets-talk"] .s4-steps .sts{display:none}
  body[data-page="lets-talk"] .s4-steps li{align-items:center;padding-top:10px}
  body[data-page="lets-talk"] .s4 .gtiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  body[data-page="lets-talk"] .s4 .gt{min-height:0;padding:13px 38px 13px 14px;gap:4px}
  body[data-page="lets-talk"] .s4 .gt .gs{font-size:13px;line-height:1.35}
  body[data-page="lets-talk"] .s41stage .s4-form .q{font-size:clamp(26px,2.2vw,34px)}
  body[data-page="lets-talk"] .s41stage .hint{margin-bottom:16px}
}
body[data-page="lets-talk"] .lp41{margin:24px calc(-1 * clamp(20px,3vw,40px)) 0!important}
body[data-page="lets-talk"] .lp41 .lpT{flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:12px}
body[data-page="lets-talk"] .lp41 .lpTop{padding:0}
body[data-page="lets-talk"] .lp41 .lpGoal{border-top:0;padding:0;font-size:clamp(16px,1.25vw,18px)}
body[data-page="lets-talk"] .lp41 .lpBody{gap:12px!important;margin-top:12px}
@media (min-width:901px){
  body[data-page="lets-talk"] .s4 .gt .gs{display:none}
  body[data-page="lets-talk"] .s4 .gt{padding:15px 40px 15px 15px;align-content:center;min-height:62px}
  body[data-page="lets-talk"] .s4 .gt .gh{font-size:15px}
  body[data-page="lets-talk"] .s41stage #h1{max-width:none;min-height:1.4em}
  body[data-page="lets-talk"] .s41stage .s4-form #q1{float:left;margin:0 14px 0 0}
  body[data-page="lets-talk"] .s41stage .s4-form #h1{margin:0 0 18px;padding-top:10px}
  body[data-page="lets-talk"] .s41stage .gtiles{clear:both}
}
.spec41{margin:0;padding:18px clamp(20px,3vw,40px) 6px;border-top:0}

.s41stage fieldset{min-width:0;min-inline-size:0}
@media (max-width:900px){
  body[data-page="lets-talk"] .lp41 .lpTop{flex-wrap:wrap;row-gap:8px}
  body[data-page="lets-talk"] .lp41 .lpChg{display:none}
  body[data-page="lets-talk"] .lp41 .hbWhyB{margin-left:0}
  body[data-page="lets-talk"] .lp41 .lpT{flex-wrap:wrap}
}

/* ---------- L · typography 4.1: one section scale; mono only beside a source ---------- */
:root{--t-h2:clamp(32px,3.8vw,56px);--t-section:clamp(32px,3.8vw,56px)}
body .n,body .mono.n,body .n.mono,body .ct,body .pf,body .yr,body .cnav-l .n,body a.mono[href^="tel:"],body .mono[data-tel],body .ctxRow .src,body #wkCtx .src{font-family:var(--sans)!important;font-variant-numeric:tabular-nums;letter-spacing:0}
/* the brand link gets a real target (WCAG 2.2: 24px minimum, we give 40) */
.island .nv-brand{min-height:40px;display:inline-flex;align-items:center}


/* ---------- G · parent/child: a child row under its parent hangs off it (consolidation stays on HOLD) ---------- */
.arow li.kidOf>a{padding-left:34px;position:relative}
.arow li.kidOf>a:hover,.arow li.kidOf>a:focus-visible{padding-left:42px}
.arow li.kidOf>a::before{content:"";position:absolute;left:12px;top:0;height:50%;width:12px;border-left:1.5px solid var(--fc,currentColor);border-bottom:1.5px solid var(--fc,currentColor);border-bottom-left-radius:9px;opacity:.6}
.arow[data-act="seen"]{--fc:var(--pink)} .arow[data-act="found"]{--fc:var(--cyan)} .arow[data-act="chosen"]{--fc:var(--sl-lime-600)}
.arow .kid{font-weight:500}

/* form fields: the app's focus (purple border + soft ring); errors in the app red with the message in danger text */
body[data-page="lets-talk"] .f input:focus,body[data-page="lets-talk"] .f select:focus,body[data-page="lets-talk"] .f textarea:focus{border-color:var(--sl-purple)!important;box-shadow:0 0 0 3px rgba(106,99,240,.18)!important;outline:none}
body[data-page="lets-talk"] .f input[aria-invalid="true"]{box-shadow:0 0 0 3px rgba(229,72,77,.14)!important}
.tPanel .hbCtxL,.tPanel .tMsg .src{font-family:var(--sans)!important;letter-spacing:0;text-transform:none}
.hbAsk{display:inline-flex;align-items:center;gap:9px;background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px rgba(23,23,23,.24)}
.hbAsk::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pink)}
[data-env="dark"] .hbAsk{color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
/* ---------- H · client doors: permission state is visible in review notes only ---------- */
.permB{display:none;font:600 11px var(--sans);padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle;background:var(--sl-warning-100);color:var(--sl-warning-700)}
body.notes .permB{display:inline-block}
.permB.ok{background:var(--sl-success-100);color:var(--sl-success-700)}

/* ===== ROUND 4.1 END ===== */
/* R42 FIX · brand dot */
.nv-brand .nv-state{flex:none}
.island.compact .nv-brand .nv-wm{margin-right:-10px}
/* Honeybell presence is purple (Round 4.2); pink is never part of Honeybell */
.honeybell .tDot,.tPanel .tDot{background:#6A63F0}
.honeybell.ready .tDot{background:#6A63F0;box-shadow:0 0 0 4px rgba(106,99,240,.28)}
@media (prefers-reduced-motion:no-preference){.nv-brand .nv-wm{transition:max-width var(--slow) var(--ease),opacity var(--base),margin-right var(--slow) var(--ease)}}
/* /R42 FIX */
/* R42 LIVEMEDIA */
.lm-rel{position:relative}
.lm-p{position:absolute!important;display:block!important;object-fit:cover!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none;z-index:0;opacity:1}
.lm-p.lm-off{opacity:0}
video.lm-v{object-fit:cover;padding:0!important}   /* no page class (e.g. Home's section .act) can inset a video: always full bleed */
video[poster]:not(.lm-v),video[data-src]:not(.lm-v){opacity:0!important}   /* until the poster layer exists: never the browser's own letterboxed poster */
@media (prefers-reduced-motion:reduce){.lm-p,video.lm-v{transition:none!important}}
/* /R42 LIVEMEDIA */
/* R42E-BRAND · official Social Link logo only: Full Logo at rest, Chat Bubble Icon when compact; never a redrawn or split lockup */
.nv-brand .nv-mk,.nv-brand .nv-wm{display:none!important}
.nv-brand{gap:12px}
.nv-brand .nv-full{height:19px;width:auto;flex:none}
.nv-brand .nv-full.k-dark{display:block}.nv-brand .nv-full.k-light{display:none}
.island.env-light .nv-brand .nv-full.k-dark,.island.env-cream .nv-brand .nv-full.k-dark{display:none}
.island.env-light .nv-brand .nv-full.k-light,.island.env-cream .nv-brand .nv-full.k-light{display:block}
.nv-brand .nv-icon{height:19px;width:auto;flex:none;display:none!important}
.island.compact .nv-brand .nv-full{display:none!important}
.island.compact .nv-brand .nv-icon.k-dark{display:block!important}
.island.compact.env-light .nv-brand .nv-icon.k-dark,.island.compact.env-cream .nv-brand .nv-icon.k-dark{display:none!important}
.island.compact.env-light .nv-brand .nv-icon.k-light,.island.compact.env-cream .nv-brand .nv-icon.k-light{display:block!important}
@media (max-width:379px),(min-width:901px) and (max-width:1080px){
.island .nv-brand .nv-full{display:none!important}
.island .nv-brand .nv-icon.k-dark{display:block!important}
.island.env-light .nv-brand .nv-icon.k-dark,.island.env-cream .nv-brand .nv-icon.k-dark{display:none!important}
.island.env-light .nv-brand .nv-icon.k-light,.island.env-cream .nv-brand .nv-icon.k-light{display:block!important}
}
@media (max-width:900px){
.nv-brand .nv-full,.nv-brand .nv-icon{height:17px}
.island.mode-campaign .nv-brand .nv-full{display:none!important}
.island.mode-campaign .nv-brand .nv-icon.k-dark{display:block!important}
.island.mode-campaign.env-light .nv-brand .nv-icon.k-dark,.island.mode-campaign.env-cream .nv-brand .nv-icon.k-dark{display:none!important}
.island.mode-campaign.env-light .nv-brand .nv-icon.k-light,.island.mode-campaign.env-cream .nv-brand .nv-icon.k-light{display:block!important}
}
.foot41 img[src$="sl-logo-white.png"],footer img[src$="sl-logo-white.png"]{height:20px;width:auto}
/* Honeybell: bottom-center on every screen; her panel opens from the center on desktop, as a sheet on phones */
body .honeybell,body .honeybell.show{left:50%!important;right:auto!important}
body .honeybell{transform:translate(-50%,calc(100% + 64px))}
body .honeybell.show{transform:translate(-50%,0)}
body .honeybell.hbAway,body .honeybell.show.hbAway{transform:translate(-50%,18px)}
body .tPanel{left:50%;right:auto;transform-origin:50% 100%;transform:translateX(-50%) scale(.3,.1)}
body .tPanel.open{transform:translateX(-50%)}
@media (max-width:640px){
 body .honeybell{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 body .honeybell .tPill{max-width:calc(100vw - 32px)}
 body .tPanel{left:0;right:0;transform:translateY(100%)}
 body .tPanel.open{transform:none}
}
/* /R42E-BRAND */
/* R42E-PALETTE · black / smoke / white + semantic accents. Stone is no longer a canvas */
:root{--sl-black:#0B0B0D;--sl-near-black:#141414;--sl-smoke:#1E1E24;--sl-near-white:#FAFAFA;--sl-surface:#F4F4F5;--sl-rule:rgba(17,17,17,.08)}
.stone,.cream{background:#FFFFFF!important;color:var(--ink)}
.island.env-cream{background:rgba(255,255,255,.86)!important;color:var(--ink);border-color:rgba(23,23,23,.1);box-shadow:0 10px 30px rgba(23,23,23,.07)}
.island.open.env-cream,.island.mopen.env-cream{background:rgba(255,255,255,.97)!important}
.island.env-cream .nv-msheet .nv-seg,.island.env-cream .nv-msheet .nv-mfoot{background:#F4F4F5!important}
@media (max-width:760px){.island.env-light,.island.env-cream{background:rgba(255,255,255,.92)!important}}
/* /R42E-PALETTE */
/* R42F-FOOT · footer recedes: no counts, flat lists, quiet creator line */
@media (min-width:1101px){.foot41 .f41{grid-template-columns:minmax(230px,1.3fr) repeat(5,minmax(0,1fr));gap:30px 28px;align-items:start}}
.foot41 .f41id img,.foot41 img[src$="sl-logo-white.png"]{align-self:flex-start;flex:none;width:auto!important;height:20px!important;max-width:none;object-fit:contain}
.foot41 .f41def{color:rgba(255,255,255,.66);font-size:14.5px}
.foot41 .f41loc{color:rgba(255,255,255,.8);font-weight:500}
.foot41 address{color:rgba(255,255,255,.5)}
.foot41 address a{color:rgba(255,255,255,.82)}
.foot41 .f41mk a{color:rgba(255,255,255,.5)}
.foot41 .f41c h3{color:rgba(255,255,255,.92);font-size:12.5px;letter-spacing:.02em;margin-bottom:16px}
.foot41 .f41c h3 .c{display:none}
.foot41 .f41c li a{color:rgba(255,255,255,.58);font-size:13.5px}
.foot41 .f41c li a:hover{color:#fff}
.foot41 .f41c .sub{color:rgba(255,255,255,.4)}
.foot41 .f41c li>details{margin:0}
.foot41 .f41c li>details>summary{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.58);font-size:13.5px;font-weight:400}
.foot41 .f41c li>details>summary:hover{color:#fff}
.foot41 .f41c li>details>summary::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--base) var(--ease)}
.foot41 .f41c li>details[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.foot41 .f41c li>details>ul{margin:10px 0 2px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1);gap:8px}
.foot41 .f41intel{opacity:.92}
.foot41 .f4legal{color:rgba(255,255,255,.42)}
.foot41 .f4legal a{color:rgba(255,255,255,.55)}
/* the creator strip is a quiet line, not a band */
.crStrip{background:var(--sl-black,#0B0B0D);border-top:1px solid rgba(255,255,255,.06)}
.crStrip .cr-in{grid-template-columns:1fr auto;gap:16px;padding:15px var(--gut)}
.crStrip .cr-mk{display:none}
.crStrip .cr-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.crStrip .cr-h{font-size:14.5px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.82)}
.crStrip .cr-s{font-size:13.5px;color:rgba(255,255,255,.46)}
.crStrip .cr-go{background:none;color:rgba(255,255,255,.82);font-weight:500;font-size:14px;padding:4px 0;border-radius:0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--pink)}
.crStrip .cr-go:hover{background:none;color:#fff;transform:none}
.crStrip .cr-go .ar-i{width:13px;height:13px}
@media (max-width:760px){
  .crStrip .cr-in{grid-template-columns:1fr;gap:6px;padding:16px var(--gut)}
  .crStrip .cr-go{justify-content:flex-start}
  .foot41 .f41c li a,.foot41 .f41c li>details>summary{font-size:14.5px}
}
/* /R42F-FOOT */
/* R44-NAV · global chrome, final system pass (supersedes R43-NAV). Tokens: tray 1040 · rows 34 · Stage 300–330 · focus 2px #6A63F0 */
/* ---- bar: one primary signal (lime dot = current page) + one quiet secondary (act hairline). The official logo stands alone ---- */
.nv-brand .nv-state{display:none!important}
.island.open .nv-links [aria-current="page"]::after,.island.mopen .nv-links [aria-current="page"]::after{opacity:0}
.island.open[data-state]::after,.island.mopen[data-state]::after{opacity:0}
.nv-links a:focus-visible,.nv-links button:focus-visible,.island .pill:focus-visible,.island .ai-link:focus-visible,.nv-brand:focus-visible,.nv-mtoggle:focus-visible,.nv-mstart:focus-visible{outline:2px solid #6A63F0;outline-offset:2px}
.island.open{width:min(1080px,calc(100% - 28px))}
.island.open .nv-bar{width:var(--barw,100%);margin-left:auto;margin-right:auto}
.nv-tray .sv-gl i,.svm .sv-gl i{background:var(--ac)}
.nv-tray [data-act="seen"],.svm [data-act="seen"]{--ac:var(--pink)} .nv-tray [data-act="found"],.svm [data-act="found"]{--ac:var(--cyan)}
.nv-tray [data-act="chosen"],.svm [data-act="chosen"]{--ac:var(--lime)} .nv-tray [data-act="intel"],.svm [data-act="intel"]{--ac:var(--purple)}

/* ---- Services: LEFT where am I · CENTER what can we buy · RIGHT why care ---- */
.nv-tray.nv-sv2{grid-template-columns:300px 290px minmax(0,1fr);column-gap:22px;padding:10px 18px 0;align-items:start}
.nv-tray.nv-sv2.on{display:grid}
.sv-acts{display:flex;flex-direction:column;gap:10px;padding:6px 14px 14px 0;border-right:1px solid rgba(255,255,255,.08);align-self:stretch}
.sv-grp{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:4px;align-items:start}
.sv-gl{display:flex;align-items:center;gap:7px;height:34px;margin:0;padding:0;font-size:11.5px;font-weight:600;letter-spacing:.005em;color:rgba(255,255,255,.44);white-space:nowrap}
.sv-gl i{width:6px;height:6px;border-radius:50%;flex:none}
.sv-fams{display:flex;flex-direction:column;min-width:0}
.sv-fam{position:relative;display:flex;align-items:center;width:100%;height:34px;padding:0 10px 0 12px;border:0;border-radius:8px;background:none;
  font:500 15px/1.2 var(--sans);letter-spacing:-.005em;color:rgba(255,255,255,.66);text-align:left;cursor:pointer;white-space:nowrap;transition:background-color .12s,color .12s}
.sv-fam:hover{color:#fff}
.sv-fam.on{background:rgba(255,255,255,.08);color:#fff}
.sv-fam.on::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--ac)}
.sv-fam:focus-visible{outline:2px solid #6A63F0;outline-offset:-2px}
.sv-svcs{padding:6px 0 14px;min-width:0}
.sv-p{display:none}
.sv-p.on{display:flex;flex-direction:column;animation:svIn .14s ease both}
@keyframes svIn{from{opacity:0}to{opacity:1}}
.sv-sg{margin:8px 0 2px;padding:0 12px;font-size:12px;font-weight:600;color:rgba(255,255,255,.44)}
.sv-sg:first-child{margin-top:2px}
.sv-s{position:relative;display:flex;flex-direction:column;gap:1px;padding:8px 32px 8px 12px;border-radius:10px;color:#fff;text-decoration:none;transition:background-color .12s}
.sv-s b{font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.005em}
.sv-s span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv-s i{position:absolute;right:10px;top:50%;width:14px;height:14px;margin-top:-7px;display:grid;place-items:center;opacity:0;transform:translateX(-4px);transition:opacity .12s,transform .12s;color:var(--ac)}
.sv-s i .ar-i{width:13px;height:13px}
.sv-s:hover,.sv-s:focus-visible{background:rgba(255,255,255,.06)}
.sv-s:hover i,.sv-s:focus-visible i{opacity:1;transform:none}
.sv-s:focus-visible{outline:2px solid #6A63F0;outline-offset:-2px}
.sv-s[aria-current="page"] b::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:8px;vertical-align:3px}

/* ---- the Stage: one object, two crossfading layers, a grammar per capability ---- */
.sv-stage{display:flex;flex-direction:column;gap:10px;padding:6px 0 14px;min-width:0}
.sv-m{position:relative;height:330px;border-radius:12px;overflow:hidden;background:#141418}
.sv-l{position:absolute;inset:0;opacity:0;transition:opacity .16s ease}
.sv-l.on{opacity:1}
.sv-l>img,.sv-l>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sv-ts{position:absolute;inset:0;background:#0E0E11}
.sv-ts .sv-bd{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(26px) saturate(1.15) brightness(.42)}
.sv-ts .sv-fg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.sv-l .sv-sc{position:absolute;inset:0;overflow:hidden;background:#fff}
.sv-l .sv-sc img{display:block;width:100%;height:auto;animation:svScroll var(--dur,36s) cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes svScroll{0%,6%{transform:translateY(0)}94%,100%{transform:translateY(calc(-100% + var(--bh,330px)))}}
.sv-cap{display:flex;align-items:baseline;justify-content:space-between;gap:14px;min-width:0}
.sv-id{display:flex;align-items:baseline;gap:8px;margin:0;min-width:0;font-size:13px;line-height:1.35;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv-id b{color:#fff;font-weight:600}
.sv-open{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;text-decoration:none}
.sv-open .ar-i{width:13px;height:13px}
.sv-open:hover{text-decoration:underline;text-underline-offset:4px}
.sv-open:focus-visible{outline:2px solid #6A63F0;outline-offset:3px;border-radius:4px}
/* shared panel type */
.sv-cl,.sv-d,.sv-x,.sv-fl,.sv-ai,.in-st{position:absolute;inset:0;display:flex;flex-direction:column;padding:20px 22px 18px;background:#111115;color:#fff}
.sv-dk{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.6)}
.sv-src{margin:auto 0 0;padding-top:10px;font-family:var(--mono);font-size:10.5px;line-height:1.5;color:rgba(255,255,255,.44)}
.sv-dl{margin:12px 0 0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.66)}
/* SEO: the climb. One query, one position, a log rail from where it started */
.sv-cl .sv-q{display:flex;flex-direction:column;gap:2px;margin:14px 0 0;font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.sv-cl .sv-q q{quotes:"“" "”"}
.sv-cl .sv-q span{font-size:12.5px;font-weight:400;color:rgba(255,255,255,.55)}
.sv-cl .sv-pos{display:flex;align-items:baseline;gap:12px;margin:8px 0 0}
.sv-cl .sv-pos b{font-size:80px;font-weight:600;line-height:.95;letter-spacing:-.045em;color:var(--cyan)}
.sv-cl .sv-pos span{font-size:15px;color:rgba(255,255,255,.62)}
.sv-rl{position:relative;height:36px;margin:16px 0 4px}
.sv-rl::before{content:"";position:absolute;left:0;right:0;top:8px;height:1px;background:rgba(255,255,255,.16)}
.sv-rl .seg{position:absolute;top:7px;height:3px;left:var(--a);width:calc(var(--b) - var(--a));border-radius:2px;background:var(--cyan)}
.sv-rl .st{position:absolute;top:3px;left:var(--a);width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#111115;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.72)}
.sv-rl .nw{position:absolute;top:2px;left:var(--b);width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(79,209,255,.18)}
.sv-rl .tk{position:absolute;top:18px;font-family:var(--mono);font-size:10.5px;color:rgba(255,255,255,.4);transform:translateX(-50%)}
.sv-rl .tk:first-of-type{transform:none}.sv-rl .tk:last-of-type{transform:translateX(-100%)}
.sv-l.on .sv-rl .seg{animation:svDraw .9s cubic-bezier(.16,1,.3,1) .12s both}
.sv-l.on .sv-rl .nw{animation:svMove .9s cubic-bezier(.16,1,.3,1) .12s both}
@keyframes svDraw{from{width:0}to{width:calc(var(--b) - var(--a))}}
@keyframes svMove{from{left:var(--a)}to{left:var(--b)}}
.sv-more{list-style:none;margin:10px 0 0;padding:0}
.sv-more li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.72)}
.sv-more q{quotes:"“" "”"}
.sv-more s{text-decoration:none;color:rgba(255,255,255,.5)}
.sv-more b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.sv-cl>*,.sv-d>*,.sv-x>*,.sv-fl>*,.sv-ai>*,.in-st>*{flex-shrink:0}
.sv-cl.more .sv-pos b{font-size:64px}
.sv-cl.more .sv-q{margin-top:10px}
.sv-cl.more .sv-more li{padding:4px 0;font-size:12.5px}
@media (max-width:1100px),(max-height:800px){ .sv-cl.more .sv-more{display:none} }
/* data rows (Google Ads, AEO) */
.sv-d ol{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column}
.sv-cpc li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08)}
.sv-cpc q{quotes:"“" "”";font-size:14px;font-weight:500}
.sv-cpc b{font-size:20px;font-weight:600;letter-spacing:-.02em;color:#C9F2FF;font-variant-numeric:tabular-nums}
.sv-big{display:flex;flex-direction:column;gap:4px;margin:12px 0 14px}.sv-big b{font-size:52px;font-weight:600;letter-spacing:-.03em;line-height:1;color:#C9F2FF}.sv-big span{font-size:14px;color:rgba(255,255,255,.72);max-width:28ch}
.sv-spark{display:flex;align-items:flex-end;gap:5px;height:64px}.sv-spark i{flex:1;border-radius:3px 3px 0 0;background:rgba(79,209,255,.32)}.sv-spark i:last-child{background:var(--cyan)}
/* text panels: how it runs, what was scoped */
.sv-xt{margin:10px 0 14px;font-size:21px;font-weight:600;line-height:1.2;letter-spacing:-.02em;max-width:22ch}
.sv-x ol{list-style:none;margin:0;padding:0}
.sv-x li{padding:9px 0;border-top:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:500}
.sv-x li b{display:inline-block;width:26px;font-family:var(--mono);font-size:11px;font-weight:500;color:rgba(255,255,255,.5)}
/* Strategy & Growth: one system, three pieces, beside the real inquiry screen */
.sv-fl .fl-b{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;margin:16px 0 0;align-items:start}
.sv-fl .fl-b img{width:132px;height:196px;object-fit:cover;object-position:top;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.sv-fl .fl{position:relative;list-style:none;margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:14px}
.sv-fl .fl::before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(var(--lime),rgba(198,255,98,.25))}
.sv-fl .fl li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:baseline}
.sv-fl .fl li::before{content:"";position:absolute;left:-19px;top:5px;width:8px;height:8px;border-radius:50%;background:#111115;box-shadow:inset 0 0 0 2px var(--lime)}
.sv-fl .fl li:nth-child(2)::before{background:var(--lime)}
.sv-fl .fl .k{font-family:var(--mono);font-size:10.5px;color:rgba(255,255,255,.45)}
.sv-fl .fl b{font-size:15px;font-weight:600}
.sv-fl .fl span:last-child{grid-column:2;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.62)}
.sv-fl .sv-dl{margin-top:auto}
/* AI & Automation: Signal → Intelligence → Action, in Intelligence purple. No metrics */
.sv-ai{background:#0F0F15}
.sv-ai .sv-dk{color:#E4E2FD}
.sv-ai .sv-dk i{width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px rgba(106,99,240,.22)}
.sv-ai .sys{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:auto 0;padding-top:30px}
.sv-ai .ln{position:absolute;left:6px;right:6px;top:5px;height:1px;background:linear-gradient(90deg,rgba(106,99,240,.35),#6A63F0 50%,rgba(106,99,240,.35))}
.sv-ai .pulse{position:absolute;top:2px;left:6px;width:7px;height:7px;border-radius:50%;background:#B9B4FF;box-shadow:0 0 12px 2px rgba(106,99,240,.8);animation:svPulse 3.2s cubic-bezier(.45,0,.55,1) infinite}
@keyframes svPulse{0%{left:6px;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 13px);opacity:0}}
.sv-ai .c{position:relative;min-width:0}
.sv-ai .c::before{content:"";position:absolute;left:0;top:-30px;width:11px;height:11px;border-radius:50%;background:#0F0F15;box-shadow:inset 0 0 0 1.5px #8C86FF}
.sv-ai .c.mid::before{background:#6A63F0;box-shadow:0 0 0 5px rgba(106,99,240,.22)}
.sv-ai .k{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:#E4E2FD}
.sv-ai .c.mid .k{color:#fff}
.sv-ai ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.8)}
.sv-ai .sv-dl{margin-top:auto;color:rgba(228,226,253,.8)}

/* ---- footer: discovery · context · conversion (never competes with the lime Start) ---- */
.sv-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin:0 -18px;padding:12px 18px 14px 30px;border-top:1px solid rgba(255,255,255,.08);font-size:14px}
.sv-foot a{display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.sv-foot .ar-i{width:13px;height:13px}
.sv-foot .sv-all{color:#fff;font-weight:600}
.sv-foot .sv-ctx{color:rgba(255,255,255,.62)}
.sv-foot .sv-all:hover,.sv-foot .sv-ctx:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.sv-foot .sv-goal{margin-left:auto;display:inline-flex;align-items:center;gap:12px;color:rgba(255,255,255,.62)}
.sv-foot .sv-goal a{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:600;font-size:13.5px;transition:border-color .12s,background-color .12s}
.sv-foot .sv-goal a:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.sv-foot a:focus-visible{outline:2px solid #6A63F0;outline-offset:2px;border-radius:999px}

/* ---- Industries: names A to Z, one Stage ---- */
.nv-tray.nv-in2{grid-template-columns:minmax(0,1fr) minmax(0,470px);column-gap:26px;padding:10px 18px 0;align-items:start}
.nv-tray.nv-in2.on{display:grid}
.in-names{list-style:none;margin:0;padding:6px 0 14px;columns:2;column-gap:12px}
.in-names li{break-inside:avoid}
.in-n{position:relative;display:flex;align-items:center;height:36px;padding:0 12px;border-radius:8px;font-size:15px;font-weight:500;color:rgba(255,255,255,.72);text-decoration:none;transition:background-color .12s,color .12s}
.in-n:hover{color:#fff}
.in-n.on{background:rgba(255,255,255,.08);color:#fff}
.in-n[aria-current="page"]::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:8px}
.in-n:focus-visible{outline:2px solid #6A63F0;outline-offset:-2px}
.in-stage .sv-m{height:258px}
.in-st .in-nm{margin:6px 0 10px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.in-st ol{list-style:none;margin:0;padding:0;counter-reset:s}
.in-st li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:500;color:#fff;text-decoration:none}
.in-st li a::before{counter-increment:s;content:"0" counter(s);font-family:var(--mono);font-size:10.5px;color:rgba(255,255,255,.45);width:24px;flex:none}
.in-st li a span{flex:1}
.in-st li a .ar-i{width:12px;height:12px;opacity:.5}
.in-st li a:hover .ar-i{opacity:1}
.in-dm{margin:12px 0 0;font-size:13px;color:rgba(255,255,255,.78)}
.in-dm q{quotes:"“" "”";color:#fff;font-weight:500}

/* ---- About: same width, no nested card ---- */
.nv-tray.nv-co2{grid-template-columns:minmax(0,1fr) 280px;column-gap:26px;padding:10px 18px 18px}
.nv-tray.nv-co2.on{display:grid}
.co-links{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;align-content:start;padding-top:4px}
.co-links a{display:grid;gap:3px;padding:12px 14px;border-radius:12px;color:inherit;text-decoration:none;transition:background-color .12s}
.co-links a:hover{background:rgba(255,255,255,.06)}
.co-links a:focus-visible{outline:2px solid #6A63F0;outline-offset:-2px}
.co-links b{font-size:15px;font-weight:600}
.co-links span{font-size:13px;line-height:1.4;opacity:.62}
.co-visit{display:flex;flex-direction:column;gap:8px;padding:12px 0 6px 22px;border-left:1px solid rgba(255,255,255,.08)}
.co-visit b{font-size:15px;font-weight:600}
.co-visit address{font-style:normal;font-size:13.5px;line-height:1.5;opacity:.78}
.co-visit .nv-tel{font-weight:600;font-variant-numeric:tabular-nums}

/* ---- light canvas under the island ---- */
.island.env-light .sv-acts,.island.env-cream .sv-acts,.island.env-light .co-visit{border-color:rgba(17,17,17,.08)}
.island.env-light .sv-gl,.island.env-light .sv-sg,.island.env-cream .sv-gl,.island.env-cream .sv-sg{color:rgba(17,17,17,.48)}
.island.env-light .sv-fam,.island.env-cream .sv-fam,.island.env-light .in-n,.island.env-cream .in-n{color:rgba(17,17,17,.7)}
.island.env-light .sv-fam:hover,.island.env-light .sv-fam.on,.island.env-light .in-n:hover,.island.env-light .in-n.on{color:#111}
.island.env-light .sv-fam.on,.island.env-light .in-n.on,.island.env-cream .sv-fam.on,.island.env-cream .in-n.on{background:#F1F1F3}
.island.env-light .sv-s,.island.env-cream .sv-s{color:#111}
.island.env-light .sv-s span,.island.env-cream .sv-s span{color:rgba(17,17,17,.58)}
.island.env-light .sv-s:hover,.island.env-light .sv-s:focus-visible,.island.env-light .co-links a:hover{background:#F4F4F5}
.island.env-light .sv-p[data-act="chosen"] .sv-s i{color:#4D6B00}
.island.env-light .sv-id,.island.env-cream .sv-id{color:rgba(17,17,17,.6)} .island.env-light .sv-id b{color:#111}
.island.env-light .sv-open,.island.env-cream .sv-open{color:#111}
.island.env-light .sv-foot,.island.env-cream .sv-foot{border-top-color:rgba(17,17,17,.08)}
.island.env-light .sv-foot .sv-all{color:#111} .island.env-light .sv-foot .sv-ctx,.island.env-light .sv-foot .sv-goal{color:rgba(17,17,17,.62)}
.island.env-light .sv-foot .sv-goal a{color:#111;border-color:rgba(17,17,17,.3)}

@media (max-width:1100px){
  .nv-tray.nv-sv2{grid-template-columns:280px 266px minmax(0,1fr);column-gap:16px}
  .sv-grp{grid-template-columns:80px minmax(0,1fr)}
  .sv-gl{font-size:11px;gap:6px}
  .sv-fam{font-size:14px;padding:0 8px 0 11px}
  .sv-s{padding-right:24px}
  .sv-s i{right:6px}
  .sv-m{height:300px}
  .sv-cl .sv-pos b{font-size:62px}
  .sv-fl .fl-b{grid-template-columns:108px minmax(0,1fr);gap:14px}.sv-fl .fl-b img{width:108px;height:170px}
  .nv-tray.nv-in2{grid-template-columns:minmax(0,1fr) minmax(0,400px)}
}
@media (max-height:800px) and (min-width:901px){ .sv-m{height:290px} .in-stage .sv-m{height:240px} }
@media (prefers-reduced-motion:reduce){ .sv-l .sv-sc img,.sv-p.on,.sv-l.on .sv-rl .seg,.sv-l.on .sv-rl .nw{animation:none} .sv-l{transition:none} .sv-ai .pulse{display:none} }

/* ---- phone sheet: one Start (pinned bottom), one tab signal, industries by name ---- */
.island.mopen .nv-bar .nv-mstart{display:none}
.nv-msheet .nv-seg .chip::after,.nv-msheet .nv-seg .chip::before{display:none!important}
.nv-msheet .nv-seg .chip[aria-pressed="true"]{background:#fff;color:#111;border-color:#fff}
.island.env-light .nv-msheet .nv-seg .chip[aria-pressed="true"]{background:#111;color:#fff;border-color:#111}
.nv-msheet .nv-mi a small{display:none}
.nv-msheet .nv-mi a[aria-current="page"] span::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:8px;vertical-align:2px}
.svm{padding:2px 0 8px}
.svm-g{padding:10px 0 4px}
.svm-g .sv-gl{height:auto;padding:0 2px;margin-bottom:4px}
.svm-f{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 4px 0 2px;font-size:16.5px;font-weight:500;color:inherit;text-decoration:none;list-style:none;cursor:pointer;border-top:1px solid rgba(255,255,255,.08)}
.svm-f::-webkit-details-marker{display:none}
.svm-f .sv-ch,.svm-f .ar-i{width:13px;height:13px;opacity:.55;transition:transform .2s}
.svm-d[open]>.svm-f .sv-ch{transform:rotate(90deg);opacity:1;color:var(--ac)}
.svm-d[open]>.svm-f{font-weight:600}
.svm-c{display:flex;flex-direction:column;padding:0 0 8px 14px;border-left:2px solid var(--ac);margin:0 0 8px 2px}
.svm-c a{display:flex;align-items:center;min-height:44px;padding:0 10px;font-size:15.5px;color:inherit;opacity:.82;text-decoration:none}
.svm-c a[aria-current="page"],.svm-go[aria-current="page"]{opacity:1;font-weight:600}
.svm-c a[aria-current="page"]::after,.svm-go[aria-current="page"] span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:8px;display:inline-block}
.svm-all{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin-top:6px;padding:0 4px 0 2px;border-top:1px solid rgba(255,255,255,.08);font-weight:600;font-size:15.5px;color:inherit;text-decoration:none}
.svm-all .ar-i{width:13px;height:13px}
.svm a:focus-visible,.svm summary:focus-visible,.nv-msheet .nv-mi a:focus-visible,.nv-msheet .chip:focus-visible{outline:2px solid #6A63F0;outline-offset:2px;border-radius:8px}
.island.env-light .svm-f,.island.env-light .svm-all,.island.env-cream .svm-f,.island.env-cream .svm-all{border-top-color:rgba(17,17,17,.08)}

/* ---- Honeybell steps aside: nav, overlays, forms and primary CTAs win ---- */
body .honeybell.hbAside,body .honeybell.show.hbAside{opacity:0;visibility:hidden;transform:translate(-50%,18px);transition:transform .3s var(--ease),opacity .2s var(--ease),visibility 0s linear .3s}
/* R59 (founder decision 1): on phones Honeybell rests as a compact tab on the right edge, inside the page gutter;
   she steps off while scrolling down and opens her message only where it covers nothing */
@media (max-width:700px){
  body .honeybell,body .honeybell.show{left:auto!important;right:0!important;bottom:calc(var(--hbY,120px) + env(safe-area-inset-bottom,0px))!important}
  body .honeybell{transform:translateX(115%)!important;transition:transform .32s var(--ease),opacity .22s var(--ease),visibility 0s linear 0s}
  body .honeybell.show{transform:none!important}
  body .honeybell.show.hbMove,body .honeybell.hbAway,body .honeybell.show.hbAway,body .honeybell.hbAside,body .honeybell.show.hbAside{transform:translateX(115%)!important;opacity:0;visibility:hidden;transition:transform .28s var(--ease),opacity .18s var(--ease),visibility 0s linear .28s}
  body .honeybell .tPill{width:24px;min-width:0;max-width:none;height:52px;padding:0;gap:0;justify-content:center;border-radius:14px 0 0 14px;box-shadow:-6px 10px 24px rgba(0,0,0,.24)}
  body .honeybell .tName,body .honeybell .tSay,body .honeybell .tGo{display:none}
  body .honeybell .tDot{margin:0}
  body .honeybell.hbMsg .tDot{animation:hbR59 1.8s ease-in-out infinite}
  body .honeybell.ctxOn .tPill{width:auto;max-width:min(340px,86vw);padding:0 12px 0 14px;gap:10px;border-radius:999px 0 0 999px}
  body .honeybell.ctxOn .tSay{display:block;max-width:none;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body .honeybell.ctxOn .tGo{display:inline-flex}
  body .honeybell .tPill:focus-visible{outline:2px solid #6A63F0;outline-offset:2px}
}
@keyframes hbR59{0%,100%{box-shadow:0 0 0 0 rgba(106,99,240,.55)}50%{box-shadow:0 0 0 6px rgba(106,99,240,0)}}
@media (max-width:700px) and (prefers-reduced-motion:reduce){body .honeybell.hbMsg .tDot{animation:none;box-shadow:0 0 0 3px rgba(106,99,240,.45)}body .honeybell,body .honeybell.show{transition:opacity .2s linear,visibility 0s linear 0s!important}}
/* R60 (founder directive §4; the desktop freeze is lifted to fix obstruction): on wider screens Honeybell rests on the
   right edge as a named tab, only where nothing readable or tappable is under her, or as the compact tab; she steps
   off while scrolling down and opens her message only where the whole line is clear. Phones are unchanged. */
@media (min-width:701px){
  body .honeybell,body .honeybell.show{left:auto!important;right:0!important;bottom:calc(var(--hbY,96px) + env(safe-area-inset-bottom,0px))!important}
  body .honeybell{transform:translateX(115%)!important;transition:transform .36s var(--ease),opacity .22s var(--ease),visibility 0s linear 0s}
  body .honeybell.show{transform:none!important}
  body .honeybell.show.hbMove,body .honeybell.hbAway,body .honeybell.show.hbAway,body .honeybell.hbAside,body .honeybell.show.hbAside{transform:translateX(115%)!important;opacity:0;visibility:hidden;transition:transform .3s var(--ease),opacity .18s var(--ease),visibility 0s linear .3s}
  body .honeybell .tPill{width:136px;height:46px;max-width:none;padding:0 14px 0 16px;gap:10px;justify-content:flex-start;border-radius:999px 0 0 999px;box-shadow:-8px 12px 28px rgba(0,0,0,.26)}
  body .honeybell .tSay,body .honeybell .tGo{display:none}
  body .honeybell.hbDot .tPill{width:30px;height:54px;padding:0;gap:0;justify-content:center;border-radius:16px 0 0 16px}
  body .honeybell.hbDot .tName{display:none}
  body .honeybell .tDot{margin:0;flex:none}
  body .honeybell.hbMsg .tDot{animation:hbR59 1.8s ease-in-out infinite}
  body .honeybell.ctxOn .tPill,body .honeybell .tPill:hover,body .honeybell .tPill:focus-visible{width:auto;max-width:400px;padding:0 12px 0 16px;gap:10px;justify-content:flex-start}
  body .honeybell.ctxOn .tName,body .honeybell .tPill:hover .tName,body .honeybell .tPill:focus-visible .tName{display:inline}
  body .honeybell.ctxOn .tSay,body .honeybell .tPill:hover .tSay,body .honeybell .tPill:focus-visible .tSay{display:block;max-width:230px;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body .honeybell.ctxOn .tGo,body .honeybell .tPill:hover .tGo,body .honeybell .tPill:focus-visible .tGo{display:inline-flex}
  body .honeybell .tPill:focus-visible{outline:2px solid #6A63F0;outline-offset:2px}
}
@media (min-width:701px) and (prefers-reduced-motion:reduce){body .honeybell.hbMsg .tDot{animation:none;box-shadow:0 0 0 3px rgba(106,99,240,.45)}body .honeybell,body .honeybell.show{transition:opacity .2s linear,visibility 0s linear 0s!important}}
/* ---- R44 responsive + target fixes found in the system sweep ---- */
@media (max-width:900px){ .f4close{grid-template-columns:1fr;gap:20px;align-items:start} .f4close h2,.f4close .acts{grid-column:1/-1} .f4close .acts{min-width:0} }
.p43 .crumb a{display:inline-flex;align-items:center;min-height:24px}
.p43 .cl-pg{gap:2px;margin-top:12px}
.p43 .cl-pg button{position:relative;width:32px;height:24px;border:0;padding:0;background:none;cursor:pointer}
.p43 .cl-pg button::before{content:"";position:absolute;left:2px;right:2px;top:10px;height:4px;border-radius:2px;background:rgba(255,255,255,.22)}
.p43 .cl-pg button[aria-pressed="true"]::before{background:var(--cyan)}
.p43 .cl-pg button:focus-visible{outline:2px solid #6A63F0;outline-offset:1px;border-radius:6px}
.doors .dh a{display:inline-flex;align-items:center;min-height:24px}
/* /R44-NAV */

/* R81 (full-site audit, 390 px): footer links and the Industries toggle were 18 to 21 px tall; on touch screens every footer target is at least 24 px (WCAG 2.2 target size), desktop unchanged */
@media (pointer:coarse){.foot41 li a,.foot41 summary,.foot41 address a,.foot41 .f41mk a{min-height:24px;display:inline-flex;align-items:center}}
/* R81 (re-audit at 390 px): the legal links under the footer (17 px), blog category links (18 px), the service list and
   "Open the work" links (20 to 23 px) and the Honeybell close button (22 px) reach 24 px on touch screens */
@media (pointer:coarse){.f4legal a,a.ic-k,a.q-open,a.sv-open,.cCrumb a,.bd-h a,.svm-c a,.ia-chips a,a.door,a.go,.mk-ex button{display:inline-flex;align-items:center;min-height:24px}a.sv-s,button.ix-more{min-height:24px}#tClose{min-width:24px;min-height:24px}}
/* R82 (R81-W4): the film client chips on /video/ (22 px; the page's own all:unset reset outranked the rule above) and the
   two linked service names in the /seo/ definitions (23 px) reach 24 px on touch screens */
@media (pointer:coarse){html .mk-ex button{display:inline-flex;align-items:center;min-height:24px}.defs dt a{display:inline-flex;align-items:center;min-height:24px}html a.rs-open{display:inline-flex;align-items:center;min-height:24px}}
/* R82 BugHerd #11: the Email Marketing stage pairs the lifecycle track with a real email Social Link designed (the Safe
   Step offer email, a published case); the email sits beside the track on wide stages and is left out on narrow ones */
.r42 .x-estage .x-in{gap:40px}
.r42 .x-estage .x-life{width:min(480px,58%)}
.r42 .x-estage .x-eshot{position:relative;flex:none;width:200px;height:400px;margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 90px -30px rgba(0,0,0,.85)}
.r42 .x-estage .x-eshot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
@media (max-width:1100px){.r42 .x-estage .x-eshot{width:160px;height:320px}}
@media (max-width:900px){.r42 .x-estage .x-in{flex-direction:column;justify-content:center;gap:26px}.r42 .x-estage .x-life{width:100%}.r42 .x-estage .x-eshot{width:100%;max-width:440px;height:150px}}
/* R82 BugHerd #5: on phones and tablets (where the positions card would cover the name) the Local SEO stage shows its
   headline position instead; #1/#3 and #11 at tablet width: the loop note leaves the influencer rail (it ran into the
   caption) and the five lifecycle labels get a size that fits */
.r42 .x-fseo .x-r82m{display:none}
@media (max-width:900px){.r42 .x-floc .x-fmv{display:none}.r42 .x-floc .x-r82m{display:block}.r42 .x-fseo .x-r82m .x-kw{font-size:13px;line-height:1.35;margin-top:6px}.r42 .x-finf .x-loop{display:none}.r42 .x-estage .x-trk li{font-size:10.5px}}
@media (min-width:641px) and (max-width:900px){.r42 .x-floc .x-r82m{left:16px;top:96px;width:220px;padding:14px 16px}}
/* R82 BugHerd #6: the Google Ads stage sets one of H2O Plumbing's 2023 water heater ads as a search ad (labeled mockup) */
.r42 .x-admk{display:flex;flex-direction:column;gap:12px}
.r42 .x-admk .x-sad{background:#fff;color:#1f1f1f;border-radius:16px;padding:18px 20px;box-shadow:0 30px 70px -30px rgba(0,0,0,.85);font-family:Arial,Helvetica,sans-serif;max-width:360px}
.r42 .x-admk .x-sad-l{font-size:12.5px;color:#4d5156}
.r42 .x-admk .x-sad-l b{font-weight:700;color:#202124}
.r42 .x-admk .x-sad-h{font-size:19px;line-height:1.3;color:#1a0dab;margin-top:6px}
.r42 .x-admk .x-sad-d{font-size:13.5px;line-height:1.5;color:#4d5156;margin-top:6px}
@media (max-width:640px){.r42 .x-admk .x-sad{padding:14px 16px}.r42 .x-admk .x-sad-h{font-size:16px}.r42 .x-admk .x-sad-d{font-size:12.5px}}
/* the mockup label stays visible on every screen (the stage hides other figure captions on phones) */
.r42 .x-gscr.x-admk figcaption{display:block}
/* R82 homepage stages on tablets and narrow laptops (641 to 1180 px: iPad portrait and landscape). The service stages
   were laid out for an 820 px stage; at 433 to 680 px cards ran into titles and captions (measured element by element
   with tests/review/out/r82-overlap.mjs). No redesign: the stage caption keeps its name and link and drops its subline
   (as it already does on phones), cards move clear of titles and captions, and the narrowest stages (641 to 960 px)
   use their approved phone arrangement. The html prefix outranks the page's own stage rules. */
@media (min-width:641px) and (max-width:1180px){
html .r42 .x-c2 .x-cap>span{display:none}
html .r42 .x-finf .x-prail{bottom:100px}
html .r42 .x-fseo .x-fmv{top:auto;bottom:88px}
html .r42 .x-flead .x-flw2{right:28px;bottom:124px}
html .r42 .x-fgad .x-gad{width:calc(100% - 80px)}
html .r42 .x-fgad .x-gscr{left:40px;right:auto;top:auto;bottom:88px;width:min(380px,calc(100% - 80px))}
html .r42 .q-instr{grid-template-columns:minmax(0,1fr) 210px!important;column-gap:24px!important}
html .r42 .q-instr .q-q .q-typed{font-size:30px!important}
html .r42 .q-instr svg{max-width:100%;height:auto}
html .r42 .x-estage .x-trk li{font-size:11.5px}
}
@media (min-width:641px) and (max-width:960px){
html .r42 .x-fgad .x-gad .x-sub{display:none}
html .r42 .x-fdev .x-sites{bottom:100px}
html .r42 .x-fapp .x-sys{left:16px;right:16px;width:auto;bottom:88px}
html .r42 .x-pdef{grid-template-columns:minmax(0,1fr);grid-template-areas:"site" "asks" "proof";grid-template-rows:auto auto auto;align-content:start}
html .r42 .x-pdef .x-lvph{display:none}
html .r42 .x-asks2{grid-template-columns:minmax(0,1fr);gap:8px}
html .r42 .x-pfoot{grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start}
html .r42 .x-pfilm{aspect-ratio:4/5;align-self:start}
html .r42 .x-pfilm img{height:128%;object-position:62% 0}
html .r42 .x-fdev .x-lvph-fb{width:150px;height:300px}
html .r42 .q-instr{display:block!important;padding:28px!important}
html .r42 .q-instr .q-q{position:static!important}
html .r42 .q-instr .q-rk{display:none!important}
html .r42 .q-instr .q-q .q-typed{font-size:34px!important}
html .r42 .q-instr .q-q .q-vol b{font-size:48px}
html .r42 .q-instr>div:nth-child(3){position:absolute;left:28px;right:28px;top:250px}
html .r42 .q-instr>div:nth-child(3) svg{width:100%;height:auto}
html .r42 .q-caseband{position:absolute!important;left:20px;right:20px;bottom:20px;margin:0!important}
html .r42 .x-estage .x-life{width:100%}
html .r42 .x-estage .x-trk li{font-size:10.5px}
html .r42 .x-bstage .x-in{inset:22px 0 118px 0}
html .r42 .x-bstage .x-tile{height:228px}
}
@media (max-width:640px){
html .r42 .x-fgad .x-gad{width:calc(100% - 36px)}
html .r42 .x-fgad .x-gad .x-sub{display:none}
html .r42 .x-fgad .x-gscr{left:18px;right:18px;width:auto;top:auto;bottom:62px}
html .r42 .x-flead .x-flw2{bottom:96px}
html .r42 .x-flead .x-ownz{bottom:182px}
}
/* R82 (R63 §4): a one-line name label that carries the related-business note wraps instead of ending in an ellipsis,
   so "(a related business)" is never cut off (Our Work tiles, Influencer Management program cards) */
.idl b:has(.rel){white-space:normal;overflow:visible;text-overflow:clip}
/* ---- R84 (founder, 2026-10-27: "she should be bottom right corner always"): Honeybell rests in the bottom-right corner
   from the first screen on every width and stays there while the visitor scrolls. Phones: her face. Wider screens: her
   face and name, or her face alone where something readable or tappable sits under the name. She steps aside only for
   the open nav, an overlay, her panel and a phone keyboard (sys44.js); on wider screens she also hands off to the footer
   (sl.js). Supersedes the R59/R60 edge tab and the R83 slim tab. ---- */
body .honeybell,body .honeybell.show{left:auto!important;right:calc(24px + env(safe-area-inset-right,0px))!important;bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
body .honeybell{transform:translateY(calc(100% + 40px))!important;opacity:0;visibility:hidden;transition:transform .5s var(--ease),opacity .3s var(--ease),visibility 0s linear .5s!important}
body .honeybell.show,body .honeybell.show.hbMove{transform:none!important;opacity:1;visibility:visible;transition:transform .5s var(--ease),opacity .3s var(--ease),visibility 0s linear 0s!important}
body .honeybell.hbAway,body .honeybell.show.hbAway,body .honeybell.hbAside,body .honeybell.show.hbAside{transform:translateY(16px)!important;opacity:0;visibility:hidden!important;pointer-events:none;transition:transform .28s var(--ease),opacity .2s var(--ease),visibility 0s linear .28s!important}
body .honeybell .tPill{flex-direction:row-reverse;align-items:center;width:auto!important;height:56px!important;min-width:0!important;max-width:min(440px,calc(100vw - 48px))!important;padding:0 6px 0 18px!important;gap:12px!important;justify-content:flex-start!important;border-radius:999px!important;background:#17171B;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.18)!important;transition:transform .2s var(--ease)}
body .honeybell .tPill:hover{transform:translateY(-2px)}
body .honeybell .tPill:focus-visible{outline:2px solid #6A63F0;outline-offset:3px}
body .honeybell .tDot{width:44px!important;height:44px!important;margin:0!important;flex:none;border-radius:50%!important;background:#26262b url(/m/honeybell/hb-neutral-96.webp) center/cover no-repeat!important;box-shadow:0 0 0 2px #6A63F0!important;animation:none!important}
body .honeybell .tName{display:flex!important;flex-direction:column;line-height:1.2;font-size:14px;font-weight:600;white-space:nowrap}
body .honeybell .tName::after{content:"AI marketing strategist";font-size:11.5px;font-weight:500;color:rgba(255,255,255,.66)}
body .honeybell .tSay,body .honeybell .tGo{display:none!important}
body .honeybell:is(.hbDot,.hbQuiet):not(.ctxOn) .tPill:not(:hover):not(:focus-visible){padding:0 6px!important;gap:0!important}
body .honeybell:is(.hbDot,.hbQuiet):not(.ctxOn) .tPill:not(:hover):not(:focus-visible) .tName,body .honeybell.ctxOn .tName{display:none!important}
body .honeybell.ctxOn .tSay{display:block!important;max-width:300px!important;opacity:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px;color:#fff}
body .honeybell.hbMsg .tDot{animation:hbR84 1.8s ease-in-out infinite!important}
@keyframes hbR84{0%,100%{box-shadow:0 0 0 2px #6A63F0,0 0 0 2px rgba(106,99,240,.55)}50%{box-shadow:0 0 0 2px #6A63F0,0 0 0 10px rgba(106,99,240,0)}}
@media (max-width:700px){
  body .honeybell,body .honeybell.show{right:calc(12px + env(safe-area-inset-right,0px))!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
  body .honeybell .tPill{padding:0 6px!important;gap:0!important;max-width:calc(100vw - 24px)!important}
  body .honeybell .tName{display:none!important}
  body .honeybell.ctxOn .tPill{padding:0 6px 0 16px!important;gap:10px!important}
  body .honeybell.ctxOn .tSay{max-width:min(240px,62vw)!important}
}
/* Start a project: on phones and tablets the form's Continue bar is pinned to the bottom, so she rests just above it */
@media (max-width:900px){body .honeybell.hbQuiet,body .honeybell.hbQuiet.show{bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}}
@media (prefers-reduced-motion:reduce){
  body .honeybell,body .honeybell.show,body .honeybell.hbAside,body .honeybell.hbAway{transform:none!important;transition:opacity .2s linear,visibility 0s linear 0s!important}
  body .honeybell.hbMsg .tDot{animation:none!important;box-shadow:0 0 0 3px rgba(106,99,240,.5)!important}
}