/* =====================================================================
     RELAY DIGITAL MARKETING v15
     Folder-based deploy. Pure-black cinematic void · warm sand/amber primary
     · restrained teal signal. Signature: a messy online presence rebuilds into
     a clean website + connected essentials, drawn on <canvas> and scrubbed by
     scroll (preloaded JPEG frames, rAF + getBoundingClientRect, no scroll
     listener, no video element).
     ===================================================================== */
  :root {
    --bg:#050506; --bg-2:#08080a; --surface:#0A0A0B; --surface-2:#121317; --surface-3:#181a20;
    --text:#F5F6F8; --text-body:#D7DADE; --text-dim:#888D96;
    --accent:#D9AD73; --accent-hi:#E6C08A; --on-accent:#1a1206;
    --teal:#5FD3C4; --teal-deep:#164943; --olive:#5F6F52; --navy:#09111F;
    --warm:#EFE7D7; --warm-2:#E7DCC6; --warm-ink:#1c1810; --warm-ink-2:#5a5040;
    --border:rgba(255,255,255,0.08); --border-2:rgba(255,255,255,0.14); --border-warm:rgba(217,173,115,0.22);
    --accent-soft:rgba(217,173,115,0.14); --teal-soft:rgba(95,211,196,0.12);
    --card-grad:linear-gradient(160deg, rgba(255,255,255,0.045), rgba(255,255,255,0.012) 42%, rgba(0,0,0,0.12));
    --card-edge:inset 0 1px 0 rgba(255,255,255,0.07);
    --card-shadow:0 1px 0 rgba(255,255,255,0.03), 0 22px 50px -30px rgba(0,0,0,0.85);
    --maxw:1140px; --radius:16px; --radius-sm:11px; --ease:cubic-bezier(0.25,0,0,1);
    --font-space:"Space Grotesk", system-ui, sans-serif;
    --font-inter:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  }
  * { box-sizing:border-box; margin:0; padding:0; }
  html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
  body {
    background:
      radial-gradient(1100px 700px at 88% -6%, rgba(217,173,115,0.06), transparent 58%),
      radial-gradient(1000px 800px at -8% 4%, rgba(95,211,196,0.035), transparent 54%),
      radial-gradient(1200px 1000px at 50% 116%, rgba(9,17,31,0.55), transparent 60%),
      var(--bg);
    color:var(--text); font-family:var(--font-inter); font-weight:400; font-size:16px; line-height:1.6;
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden;
  }
  body::before { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:0.035;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
  main, footer.site { position:relative; z-index:1; }
  a { color:inherit; text-decoration:none; }
  img, svg, canvas { display:block; }
  ::selection { background:var(--accent); color:var(--on-accent); }
  :focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:4px; }

  .wrap { width:100%; max-width:var(--maxw); margin:0 auto; padding:0 24px; }
  section { position:relative; padding:clamp(64px, 9vw, 130px) 0; }
  section > .wrap { position:relative; z-index:1; }
  .section-head { max-width:680px; margin-bottom:clamp(34px, 5vw, 58px); }
  .section-head.center { margin-left:auto; margin-right:auto; text-align:center; }
  .label { display:inline-block; font-family:var(--font-inter); font-weight:500; font-size:0.65rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--accent); margin-bottom:16px; }
  h2.h2 { font-family:var(--font-space); font-weight:500; font-size:clamp(1.9rem, 3.7vw, 3.2rem); line-height:1.06; letter-spacing:-0.025em; color:var(--text); }
  h2.h2 em { font-style:normal; color:var(--text-dim); }
  .section-head p { margin-top:16px; color:var(--text-body); font-weight:300; font-size:clamp(15px,1.5vw,17px); max-width:60ch; }
  .section-head.center p { margin-left:auto; margin-right:auto; }
  .eyebrow-sep::before { content:""; display:block; width:min(1080px,86%); height:1px; margin:0 auto; background:linear-gradient(90deg, transparent, rgba(217,173,115,0.22), transparent); position:absolute; top:0; left:50%; transform:translateX(-50%); }

  /* Buttons */
  .btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; font-family:var(--font-inter); cursor:pointer; white-space:nowrap; border:1px solid transparent; border-radius:999px; transition:transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease); }
  .btn:active { transform:translateY(1px); }
  .btn svg { width:17px; height:17px; }
  .btn-accent { background:var(--accent); color:var(--on-accent); font-weight:500; font-size:0.7rem; letter-spacing:0.18em; text-transform:uppercase; padding:0.95rem 2.1rem; }
  .btn-accent:hover { background:var(--accent-hi); transform:translateY(-2px); box-shadow:0 16px 40px -12px rgba(217,173,115,0.45); }
  .btn-ghost { background:rgba(255,255,255,0.02); color:var(--text); border-color:var(--border-2); font-weight:500; font-size:0.7rem; letter-spacing:0.14em; text-transform:uppercase; padding:0.95rem 1.7rem; }
  .btn-ghost:hover { border-color:var(--text); background:rgba(255,255,255,0.06); transform:translateY(-2px); }
  .btn-sm { padding:0.62rem 1.15rem; font-size:0.62rem; }
  .btn-block { width:100%; }
  .cta-row { display:flex; flex-wrap:wrap; gap:13px; }
  .cta-sub { margin-top:13px; font-size:12.5px; color:var(--text-dim); max-width:54ch; line-height:1.5; }

  /* Nav */
  header.nav { position:sticky; top:0; z-index:100; transition:transform .35s var(--ease), background .3s var(--ease), border-color .3s var(--ease); border-bottom:1px solid transparent; }
  header.nav.scrolled { background:rgba(0,0,0,0.66); backdrop-filter:saturate(150%) blur(16px); -webkit-backdrop-filter:saturate(150%) blur(16px); border-bottom-color:var(--border); }
  header.nav.hide { transform:translateY(-100%); }
  .nav-inner { display:flex; align-items:center; justify-content:space-between; height:64px; }
  .brand { display:inline-flex; align-items:center; gap:12px; }
  .brand-mark { height:24px; width:auto; color:var(--text); flex:none; }
  .brand-mark .dot-accent { fill:var(--accent); }
  .brand-divider { width:1px; align-self:stretch; min-height:20px; background:var(--border-2); }
  .brand-name { font-family:var(--font-space); font-weight:600; font-size:17px; letter-spacing:0.26em; color:var(--text); }
  .nav-links { display:flex; align-items:center; gap:28px; }
  .nav-links a { font-size:14px; color:var(--text-body); transition:color .18s var(--ease); }
  .nav-links a:hover { color:var(--text); }
  .nav-links a.btn-accent, .nav-links a.btn-accent:hover { color:var(--on-accent); }
  .nav-right { display:flex; align-items:center; gap:12px; }
  .nav-mobile-cta { display:none; }
  .nav-toggle { display:none; width:42px; height:42px; align-items:center; justify-content:center; background:transparent; border:1px solid var(--border-2); border-radius:11px; cursor:pointer; }
  .nav-toggle span { position:relative; width:16px; height:1.5px; background:var(--text); }
  .nav-toggle span::before, .nav-toggle span::after { content:""; position:absolute; left:0; width:16px; height:1.5px; background:var(--text); transition:transform .25s var(--ease); }
  .nav-toggle span::before { top:-5px; } .nav-toggle span::after { top:5px; }
  header.nav.open .nav-toggle span { background:transparent; }
  header.nav.open .nav-toggle span::before { transform:translateY(5px) rotate(45deg); }
  header.nav.open .nav-toggle span::after { transform:translateY(-5px) rotate(-45deg); }

  /* Hero */
  .hero { position:relative; min-height:100vh; display:flex; align-items:center; padding:clamp(96px,15vh,164px) 0 clamp(44px,8vh,92px);
    background:
      radial-gradient(900px 640px at 78% 2%, rgba(217,173,115,0.09), transparent 56%),
      radial-gradient(720px 600px at 4% 102%, rgba(9,17,31,0.55), transparent 60%),
      radial-gradient(560px 460px at 98% 94%, rgba(95,211,196,0.04), transparent 60%); }
  .hero-glow { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
  .hero-glow::before { content:""; position:absolute; width:680px; height:680px; left:62%; top:-12%; border-radius:50%; background:radial-gradient(circle, rgba(217,173,115,0.10), transparent 62%); filter:blur(36px); transform:translate(var(--x,0), var(--y,0)); transition:transform .5s var(--ease); }
  .hero-inner { position:relative; z-index:1; max-width:780px; }
  .hero h1 { font-family:var(--font-space); font-weight:500; font-size:clamp(2.2rem,5.4vw,4.1rem); line-height:1.04; letter-spacing:-0.03em; color:var(--text); max-width:18ch; }
  .hero h1 .hl { color:var(--accent); }
  .hero .lead { margin-top:20px; font-weight:300; font-size:clamp(15px,1.6vw,17.5px); line-height:1.55; color:var(--text-body); max-width:62ch; }
  .hero .cta-row { margin-top:28px; }
  .trust-bullets { margin-top:26px; display:flex; flex-wrap:wrap; gap:11px 26px; list-style:none; }
  .trust-bullets li { display:flex; align-items:center; gap:9px; font-size:13.5px; color:var(--text-body); }
  .trust-bullets li svg { flex:none; width:16px; height:16px; color:var(--accent); }

  /* Transformation (v9 procedural cinematic canvas, scroll-scrubbed) */
  .transform-intro { padding-bottom:clamp(12px,2vh,24px); }
  .hero-scroll { position:relative; height:220vh; }
  .hero-sticky { position:sticky; top:0; width:100vw; height:100vh; overflow:hidden; background:#000; }
  #heroCanvas { display:block; width:100%; height:100%; }

  /* Trust strip / marquee */
  .trust-strip { padding:clamp(34px,5vw,52px) 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:linear-gradient(180deg, rgba(255,255,255,0.014), transparent); overflow:hidden; }
  .trust-strip .lead-line { text-align:center; color:var(--text-body); font-weight:300; font-size:clamp(14px,1.6vw,16.5px); max-width:62ch; margin:0 auto clamp(22px,3vw,30px); }
  .trust-strip .lead-line b { color:var(--text); font-weight:500; }
  .marquee { position:relative; display:flex; overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
  .marquee:hover .marquee-track { animation-play-state:paused; }
  .marquee-track { display:flex; align-items:center; gap:0; flex:0 0 auto; animation:marquee 34s linear infinite; will-change:transform; }
  @keyframes marquee { to { transform:translateX(-100%); } }
  .marquee-item { display:inline-flex; align-items:center; gap:11px; padding:0 30px; white-space:nowrap; color:var(--text-body); font-size:14px; }
  .marquee-item svg { width:16px; height:16px; color:var(--accent); flex:none; }
  .marquee-item .dot { width:5px; height:5px; border-radius:50%; background:var(--accent); opacity:.5; }

  /* Problem */
  #problem { background:radial-gradient(820px 460px at 12% -6%, rgba(9,17,31,0.55), transparent 60%); }
  .problem-grid { display:grid; grid-template-columns:1.05fr 0.95fr; gap:clamp(28px,5vw,64px); align-items:center; }
  .problem-grid h2 { font-family:var(--font-space); font-weight:500; font-size:clamp(1.7rem,3.2vw,2.6rem); line-height:1.1; letter-spacing:-0.02em; }
  .problem-grid p { color:var(--text-body); font-weight:300; font-size:clamp(15px,1.5vw,16.5px); }
  .problem-grid p + p { margin-top:16px; }
  .problem-card { border:1px solid var(--border); border-top:1px solid var(--border-warm); border-radius:var(--radius); padding:26px; background:var(--card-grad), var(--surface-2); box-shadow:var(--card-edge), var(--card-shadow); }
  .problem-card h3 { font-family:var(--font-space); font-weight:500; font-size:16px; margin-bottom:14px; color:var(--text); }
  .judge-list { list-style:none; display:flex; flex-direction:column; gap:12px; }
  .judge-list li { display:flex; align-items:flex-start; gap:11px; font-size:14px; color:var(--text-body); }
  .judge-list li svg { flex:none; width:17px; height:17px; color:#e0a3a3; margin-top:2px; }

  /* Solution / Why Relay (dark, consistent with the rest of the site) */
  .solution { background:radial-gradient(820px 460px at 12% -8%, rgba(217,173,115,0.05), transparent 60%), radial-gradient(760px 540px at 100% 108%, rgba(9,17,31,0.5), transparent 62%); }
  .solution .label { color:var(--accent); }
  .solution h2 { font-family:var(--font-space); font-weight:500; font-size:clamp(1.8rem,3.4vw,2.8rem); line-height:1.08; letter-spacing:-0.02em; color:var(--text); max-width:20ch; }
  .solution .sol-body { margin-top:20px; max-width:64ch; }
  .solution .sol-body p { color:var(--text-body); font-weight:300; font-size:clamp(15px,1.55vw,17px); line-height:1.62; }
  .solution .sol-body p + p { margin-top:15px; }
  .solution .sol-body b { color:var(--text); font-weight:500; }
  .sol-points { margin-top:30px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
  .sol-point { background:var(--card-grad), var(--surface-2); border:1px solid var(--border); border-top:1px solid var(--border-warm); border-radius:var(--radius-sm); padding:20px; box-shadow:var(--card-edge), var(--card-shadow); transition:transform .3s var(--ease), border-color .3s var(--ease); }
  .sol-point:hover { transform:translateY(-4px); border-color:var(--border-warm); }
  .sol-point b { display:block; font-family:var(--font-space); font-size:15px; color:var(--text); margin-bottom:5px; }
  .sol-point span { font-size:13.5px; color:var(--text-body); }

  /* The Relay System: interactive feature showcase */
  #services { background:radial-gradient(820px 460px at 10% -8%, rgba(217,173,115,0.05), transparent 60%), radial-gradient(760px 560px at 102% 26%, rgba(95,111,82,0.05), transparent 58%); }
  .rsys { display:grid; grid-template-columns:0.92fr 1.08fr; gap:clamp(18px,2.6vw,38px); align-items:start; margin-top:clamp(26px,4vw,46px); }
  .rsys-cards { display:flex; flex-direction:column; gap:11px; }
  .rsys-card { position:relative; display:flex; gap:13px; align-items:flex-start; text-align:left; width:100%; cursor:pointer; font:inherit; color:inherit;
    background:var(--card-grad), var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-sm); padding:15px 16px; box-shadow:var(--card-edge);
    transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease); }
  .rsys-card:hover { transform:translateY(-3px); border-color:var(--border-warm); box-shadow:var(--card-edge), 0 18px 40px -26px rgba(0,0,0,0.85), 0 0 26px -12px rgba(217,173,115,0.2); }
  .rsys-card:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
  .rsys-card.is-active { border-color:transparent; transform:scale(1.015);
    background:linear-gradient(160deg, rgba(217,173,115,0.12), rgba(217,173,115,0.02) 50%, rgba(0,0,0,0.14)), var(--surface-3);
    box-shadow:var(--card-edge), 0 22px 52px -28px rgba(0,0,0,0.9), 0 0 42px -14px rgba(217,173,115,0.3); }
  .rsys-card.is-active::after { content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none;
    background:linear-gradient(180deg, var(--accent), rgba(217,173,115,0.12) 60%, transparent);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
  .rsys-ic { flex:none; width:38px; height:38px; border-radius:10px; display:grid; place-items:center; color:var(--accent);
    background:linear-gradient(160deg, rgba(217,173,115,0.16), rgba(217,173,115,0.03)); border:1px solid var(--border-warm); box-shadow:inset 0 1px 0 rgba(255,255,255,0.07); transition:box-shadow .3s var(--ease); }
  .rsys-card:hover .rsys-ic, .rsys-card.is-active .rsys-ic { box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 0 22px -6px rgba(217,173,115,0.5); }
  .rsys-ic svg { width:19px; height:19px; }
  .rsys-ct { display:flex; flex-direction:column; gap:3px; min-width:0; }
  .rsys-t { font-family:var(--font-space); font-weight:500; font-size:15px; letter-spacing:-0.01em; color:var(--text); }
  .rsys-d { font-size:12.5px; line-height:1.45; font-weight:300; color:var(--text-dim); transition:color .3s var(--ease); }
  .rsys-card.is-active .rsys-d, .rsys-card:hover .rsys-d { color:var(--text-body); }

  /* stage */
  .rsys-stage { position:relative; border:1px solid var(--border); border-top:1px solid var(--border-warm); border-radius:var(--radius); overflow:hidden;
    height:clamp(440px,42vw,528px); box-shadow:var(--card-edge), var(--card-shadow);
    background:radial-gradient(120% 90% at 50% -8%, rgba(217,173,115,0.07), transparent 54%), linear-gradient(168deg, var(--surface-2), var(--surface)); }
  .rsys-stage::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.6;
    background-image:linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px); background-size:34px 34px;
    -webkit-mask:radial-gradient(82% 72% at 50% 40%, #000, transparent 80%); mask:radial-gradient(82% 72% at 50% 40%, #000, transparent 80%); }
  .rsys-panel { position:absolute; inset:0; display:grid; place-items:center; padding:clamp(20px,3vw,40px); z-index:1;
    opacity:0; transform:translateY(12px) scale(0.98); transition:opacity .42s var(--ease), transform .42s var(--ease); pointer-events:none; }
  .rsys-panel.is-active { opacity:1; transform:none; pointer-events:auto; }

  /* ---- shared mockup pieces ---- */
  .rmk { width:100%; max-width:440px; }
  .rmk-win { width:100%; border-radius:12px; overflow:hidden; border:1px solid var(--border-2); background:linear-gradient(170deg,#15161c,#0e0f13); box-shadow:0 30px 64px -34px rgba(0,0,0,0.92), var(--card-edge); }
  .rmk-bar { height:30px; display:flex; align-items:center; gap:6px; padding:0 12px; background:var(--surface-3); border-bottom:1px solid var(--border); }
  .rmk-bar i { width:8px; height:8px; border-radius:50%; background:#34373d; }
  .rmk-bar i:nth-child(1){ background:#9a5b53; } .rmk-bar i:nth-child(2){ background:#9a8a53; } .rmk-bar i:nth-child(3){ background:#5a7a5a; }
  .rmk-bar .url { margin-left:10px; height:13px; flex:1; max-width:210px; border-radius:7px; background:rgba(255,255,255,0.06); }
  .rmk-body { padding:20px; }
  .rmk-kick { display:block; width:74px; height:9px; border-radius:5px; background:var(--accent); box-shadow:0 0 14px -3px var(--accent); margin-bottom:14px; }
  .rmk-h { display:block; height:15px; border-radius:6px; background:rgba(245,246,248,0.92); margin-bottom:9px; }
  .rmk-h.s2 { width:66%; background:rgba(245,246,248,0.5); height:12px; }
  .rmk-ctarow { display:flex; gap:10px; margin:16px 0 0; }
  .rmk-cta { height:30px; width:118px; border-radius:99px; background:linear-gradient(135deg,var(--accent-hi),var(--accent)); box-shadow:0 0 18px -5px var(--accent); }
  .rmk-cta.ghost { background:transparent; border:1px solid var(--border-2); width:94px; box-shadow:none; }
  .rmk-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:18px; }
  .rmk-cards span { height:56px; border-radius:9px; border:1px solid var(--border); }
  .rmk-cards span:nth-child(1){ background:linear-gradient(150deg,#3a2c1d,#5a4327); }
  .rmk-cards span:nth-child(2){ background:linear-gradient(150deg,#202a2a,#2c4340); }
  .rmk-cards span:nth-child(3){ background:linear-gradient(150deg,#262329,#3a3140); }

  /* 1 · build (+ phone) */
  .rmk-build { position:relative; }
  .rmk-phone { position:absolute; right:-4px; bottom:-18px; width:96px; border-radius:18px; border:1px solid var(--border-2); background:#0b0c0e; padding:6px; box-shadow:0 26px 50px -24px rgba(0,0,0,0.92); }
  .rmk-phone .scr { border-radius:13px; overflow:hidden; background:var(--surface-2); padding:10px; }
  .rmk-phone .pk { width:32px; height:5px; border-radius:3px; background:var(--accent); margin-bottom:8px; }
  .rmk-phone .pl { height:6px; border-radius:3px; background:rgba(245,246,248,0.82); margin-bottom:5px; }
  .rmk-phone .pl.s { width:58%; background:rgba(245,246,248,0.38); }
  .rmk-phone .pb { margin-top:9px; height:16px; width:62%; border-radius:99px; background:linear-gradient(135deg,var(--accent-hi),var(--accent)); }

  /* 2 · redesign (before / after) */
  .rmk-redesign { display:flex; align-items:center; gap:10px; width:100%; max-width:470px; }
  .rmk-mini { flex:1; border-radius:10px; overflow:hidden; border:1px solid var(--border-2); background:var(--surface-2); box-shadow:0 22px 46px -30px rgba(0,0,0,0.9); }
  .rmk-mini .rmk-bar { height:22px; } .rmk-mini .rmk-bar i { width:6px; height:6px; }
  .rmk-mini-body { position:relative; height:152px; padding:13px; }
  .rmk-tag { position:absolute; top:9px; right:9px; z-index:2; font-size:9px; letter-spacing:.12em; text-transform:uppercase; padding:3px 8px; border-radius:99px; }
  .rmk-before .rmk-tag { color:#e0a3a3; background:rgba(224,163,163,0.1); border:1px solid rgba(224,163,163,0.25); }
  .rmk-after .rmk-tag { color:var(--teal); background:rgba(95,211,196,0.1); border:1px solid rgba(95,211,196,0.3); }
  .rmk-before .b { position:absolute; background:rgba(255,255,255,0.13); border-radius:3px; }
  .rmk-after .ak { position:absolute; top:36px; left:13px; width:42px; height:7px; border-radius:4px; background:var(--accent); box-shadow:0 0 12px -3px var(--accent); }
  .rmk-after .ah { position:absolute; left:13px; height:9px; border-radius:4px; background:rgba(245,246,248,0.9); top:50px; width:76%; }
  .rmk-after .ah.s { top:64px; width:54%; height:7px; background:rgba(245,246,248,0.45); }
  .rmk-after .acta { position:absolute; top:96px; left:13px; width:66px; height:21px; border-radius:99px; background:linear-gradient(135deg,var(--accent-hi),var(--accent)); box-shadow:0 0 16px -5px var(--accent); }
  .rmk-after .acard { position:absolute; top:96px; left:90px; right:13px; height:21px; border-radius:7px; background:linear-gradient(150deg,#202a2a,#2c4340); }
  .rmk-arrow { flex:none; color:var(--accent); display:grid; place-items:center; }
  .rmk-arrow svg { width:22px; height:22px; }

  /* 3 · landing */
  .rmk-landing .rmk-win { max-width:330px; margin:0 auto; }
  .rmk-landing .rmk-body { padding:24px 24px 22px; display:flex; flex-direction:column; align-items:center; text-align:center; }
  .rmk-badge { font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); border:1px solid var(--border-warm); background:rgba(217,173,115,0.08); padding:4px 11px; border-radius:99px; margin-bottom:14px; }
  .rmk-landing .rmk-h { height:16px; width:84%; } .rmk-landing .rmk-h.s2 { width:60%; }
  .rmk-benefits { width:100%; display:flex; flex-direction:column; gap:9px; margin:16px 0; }
  .rmk-benefit { display:flex; align-items:center; gap:9px; }
  .rmk-benefit .dot { width:15px; height:15px; border-radius:50%; flex:none; background:rgba(95,211,196,0.16); border:1px solid rgba(95,211,196,0.42); }
  .rmk-benefit .ln { flex:1; height:8px; border-radius:4px; background:rgba(245,246,248,0.14); }
  .rmk-quote { font-size:11px; font-style:italic; color:var(--text-dim); margin:2px 0 16px; }
  .rmk-cta-full { width:100%; height:38px; border-radius:99px; background:linear-gradient(135deg,var(--accent-hi),var(--accent)); box-shadow:0 0 22px -6px var(--accent); }

  /* 4 · Google profile */
  .rmk-google { width:min(366px,100%); border-radius:14px; border:1px solid var(--border-2); background:linear-gradient(170deg,#16171d,#0f1013); padding:18px 19px; box-shadow:0 28px 56px -32px rgba(0,0,0,0.92); }
  .rmk-g-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
  .rmk-g-name { font-family:var(--font-space); font-weight:500; font-size:16px; color:var(--text); }
  .rmk-g-cat { font-size:11px; color:var(--text-dim); margin-top:4px; }
  .rmk-g-logo { width:34px; height:34px; border-radius:9px; flex:none; background:linear-gradient(140deg,var(--accent),#7a5a2c); }
  .rmk-g-rating { display:flex; align-items:center; gap:7px; margin-top:11px; }
  .rmk-g-rating b { font-size:13px; color:var(--accent); font-family:var(--font-space); }
  .rmk-stars { color:var(--accent); font-size:12px; letter-spacing:1.5px; }
  .rmk-g-rating em { font-style:normal; font-size:11px; color:var(--text-dim); }
  .rmk-g-photos { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:14px 0; }
  .rmk-g-photos i { height:48px; border-radius:8px; }
  .rmk-g-photos i:nth-child(1){ background:linear-gradient(150deg,#3a2c1d,#5a4327); }
  .rmk-g-photos i:nth-child(2){ background:linear-gradient(150deg,#202a2a,#2c4340); }
  .rmk-g-photos i:nth-child(3){ background:linear-gradient(150deg,#26222b,#3a3140); }
  .rmk-g-open { display:flex; align-items:center; gap:7px; font-size:11.5px; color:var(--text-body); }
  .rmk-g-open .gdot { width:7px; height:7px; border-radius:50%; background:#69c878; box-shadow:0 0 8px 1px rgba(105,200,120,0.7); }
  .rmk-g-open b { color:#69c878; font-weight:500; }
  .rmk-g-btns { display:flex; gap:8px; margin:14px 0; }
  .rmk-g-btn { flex:1; height:31px; border-radius:9px; display:grid; place-items:center; font-size:10px; letter-spacing:.02em; color:var(--text-body); border:1px solid var(--border-2); background:rgba(255,255,255,0.03); }
  .rmk-g-btn.pri { color:var(--on-accent); background:var(--accent); border-color:transparent; font-weight:600; }
  .rmk-g-review { display:flex; gap:10px; padding-top:13px; border-top:1px solid var(--border); }
  .rmk-g-av { width:27px; height:27px; border-radius:50%; flex:none; background:linear-gradient(140deg,var(--accent),#2f6f67); }
  .rmk-g-rv { flex:1; }
  .rmk-g-rv .rs { color:var(--accent); font-size:10px; letter-spacing:1px; }
  .rmk-g-rv .rl { height:6px; border-radius:3px; background:rgba(245,246,248,0.13); margin-top:6px; }
  .rmk-g-rv .rl.s { width:72%; margin-top:5px; }

  /* 5 · Instagram profile */
  .rmk-ig { width:min(344px,100%); border-radius:14px; border:1px solid var(--border-2); background:linear-gradient(170deg,#16171d,#0f1013); padding:18px 19px; box-shadow:0 28px 56px -32px rgba(0,0,0,0.92); }
  .rmk-ig-top { display:flex; align-items:center; gap:18px; }
  .rmk-ig-av { width:58px; height:58px; border-radius:50%; flex:none; padding:2px; background:linear-gradient(135deg,var(--accent),var(--teal)); }
  .rmk-ig-av span { display:block; width:100%; height:100%; border-radius:50%; background:var(--surface-3); border:2px solid #0f1013; }
  .rmk-ig-stats { display:flex; gap:18px; }
  .rmk-ig-stat b { font-family:var(--font-space); font-size:14px; color:var(--text); display:block; }
  .rmk-ig-stat span { font-size:10px; color:var(--text-dim); }
  .rmk-ig-handle { font-family:var(--font-space); font-size:13px; color:var(--text); margin-top:13px; }
  .rmk-ig-bio { height:7px; border-radius:3px; background:rgba(245,246,248,0.14); margin-top:8px; } .rmk-ig-bio.s { width:68%; margin-top:6px; }
  .rmk-ig-hl { display:flex; gap:13px; margin:15px 0; }
  .rmk-ig-hl i { width:42px; height:42px; border-radius:50%; border:1px solid var(--border-2); background:radial-gradient(circle at 40% 35%, var(--surface-3), var(--surface)); }
  .rmk-ig-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; }
  .rmk-ig-grid i { aspect-ratio:1; border-radius:4px; }
  .rmk-ig-grid i:nth-child(3n+1){ background:linear-gradient(150deg,#3a2c1d,#5a4327); }
  .rmk-ig-grid i:nth-child(3n+2){ background:linear-gradient(150deg,#202a2a,#2c4340); }
  .rmk-ig-grid i:nth-child(3n+3){ background:linear-gradient(150deg,#26222b,#3a3140); }

  /* 6 · WhatsApp & review flow */
  .rmk-flow { width:100%; max-width:452px; display:flex; flex-direction:column; gap:20px; }
  .rmk-flow-row { display:flex; align-items:center; justify-content:center; gap:6px; }
  .rmk-node { display:flex; flex-direction:column; align-items:center; gap:8px; width:74px; }
  .rmk-node .nic { width:46px; height:46px; border-radius:13px; display:grid; place-items:center; color:var(--accent);
    background:linear-gradient(160deg, rgba(217,173,115,0.15), rgba(217,173,115,0.03)); border:1px solid var(--border-warm); box-shadow:inset 0 1px 0 rgba(255,255,255,0.07); }
  .rmk-node.teal .nic { color:var(--teal); background:linear-gradient(160deg, rgba(95,211,196,0.14), rgba(95,211,196,0.03)); border-color:rgba(95,211,196,0.32); }
  .rmk-node .nic svg { width:21px; height:21px; }
  .rmk-node small { font-size:10px; line-height:1.25; color:var(--text-body); text-align:center; }
  .rmk-conn { flex:none; width:20px; height:2px; border-radius:2px; position:relative; background:linear-gradient(90deg, rgba(95,211,196,0.7), rgba(95,211,196,0.2)); }
  .rmk-conn::after { content:""; position:absolute; right:-2px; top:50%; width:4px; height:4px; border-radius:50%; transform:translateY(-50%); background:var(--teal); box-shadow:0 0 6px 1px rgba(95,211,196,0.6); }
  .rmk-chat { display:flex; flex-direction:column; gap:8px; padding-top:4px; }
  .rmk-bubble { max-width:76%; padding:9px 13px; border-radius:14px; font-size:11px; line-height:1.4; }
  .rmk-bubble.them { align-self:flex-start; background:var(--surface-3); border:1px solid var(--border); border-bottom-left-radius:4px; color:var(--text-body); }
  .rmk-bubble.you { align-self:flex-end; background:rgba(95,211,196,0.12); border:1px solid rgba(95,211,196,0.26); border-bottom-right-radius:4px; color:var(--text); }
  .rmk-stars-row { align-self:flex-end; color:var(--accent); font-size:13px; letter-spacing:1.5px; }

  @media (max-width:860px){
    .rsys { grid-template-columns:1fr; gap:22px; }
    .rsys-stage { order:1; height:clamp(370px,84vw,460px); }
    .rsys-cards { order:2; flex-direction:row; overflow-x:auto; gap:11px; padding:2px 2px 8px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
    .rsys-card { flex:0 0 80%; scroll-snap-align:start; }
    .rsys-cards::-webkit-scrollbar { height:0; }
    .rsys-card.is-active { transform:none; }
  }
  @media (prefers-reduced-motion: reduce){
    .rsys-panel { transition:opacity .22s linear; transform:none; }
    .rsys-panel:not(.is-active){ transform:none; }
    .rsys-card, .rsys-card.is-active { transition:border-color .2s linear, background .2s linear; transform:none; }
  }

  /* Before vs After */
  .ba-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
  .ba-card { border-radius:var(--radius); padding:30px; border:1px solid var(--border); background:var(--surface-2); box-shadow:var(--card-edge), var(--card-shadow); }
  .ba-card.before { background:linear-gradient(165deg, rgba(224,163,163,0.05), var(--surface-2)); border-top:1px solid rgba(224,163,163,0.22); }
  .ba-card.after { background:linear-gradient(165deg, rgba(95,211,196,0.06), var(--surface-2)); border-top:1px solid rgba(95,211,196,0.26); }
  .ba-tag { display:inline-block; font-size:0.6rem; letter-spacing:0.16em; text-transform:uppercase; padding:5px 12px; border-radius:999px; margin-bottom:18px; }
  .ba-card.before .ba-tag { color:#e0a3a3; background:rgba(224,163,163,0.10); border:1px solid rgba(224,163,163,0.22); }
  .ba-card.after .ba-tag { color:var(--teal); background:rgba(95,211,196,0.10); border:1px solid rgba(95,211,196,0.26); }
  .ba-list { list-style:none; display:flex; flex-direction:column; gap:13px; }
  .ba-list li { display:flex; align-items:flex-start; gap:11px; font-size:14.5px; color:var(--text-body); }
  .ba-list li svg { flex:none; width:17px; height:17px; margin-top:2px; }
  .ba-card.before .ba-list li svg { color:#e0a3a3; }
  .ba-card.after .ba-list li svg { color:var(--teal); }

  /* Example transformations (concepts) */
  #work { background:radial-gradient(900px 560px at 96% -6%, rgba(9,17,31,0.6), transparent 62%); }
  .work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .work-card { position:relative; background:var(--card-grad), var(--surface-2); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; box-shadow:var(--card-edge), var(--card-shadow); transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease); }
  .work-card:hover { transform:translateY(-8px); border-color:var(--border-warm); box-shadow:var(--card-edge), 0 38px 72px -30px rgba(0,0,0,0.92), 0 0 50px -14px rgba(217,173,115,0.2); }
  .work-shot { position:relative; aspect-ratio:4/3; overflow:hidden; border-bottom:1px solid var(--border); background:radial-gradient(120% 90% at 50% -8%, rgba(217,173,115,0.10), transparent 46%), radial-gradient(130% 100% at 50% 0%, #16171d, #060708); display:grid; place-items:center; padding:20px; transition:background .4s var(--ease); }
  .work-card:hover .work-shot { background:radial-gradient(120% 90% at 50% -8%, rgba(217,173,115,0.16), transparent 50%), radial-gradient(130% 100% at 50% 0%, #181922, #070809); }
  .work-card:hover .shell, .work-card:hover .phone { transform:translateY(-3px); }
  .shell, .phone { transition:transform .4s var(--ease); }
  .sample-tag { position:absolute; top:12px; left:12px; z-index:3; font-size:0.6rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--accent); background:rgba(217,173,115,0.10); border:1px solid var(--border-warm); padding:5px 10px; border-radius:999px; backdrop-filter:blur(6px); }
  .work-meta { padding:22px 22px 26px; }
  .work-meta h3 { font-family:var(--font-space); font-weight:500; font-size:18px; color:var(--text); margin-bottom:8px; }
  .work-meta p { color:var(--text-body); font-weight:300; font-size:14px; }
  .concept-note { margin-top:26px; text-align:center; font-size:13px; color:var(--text-dim); }
  .shell { width:90%; border-radius:12px; overflow:hidden; border:1px solid var(--border-2); background:var(--surface-2); box-shadow:0 22px 50px -28px rgba(0,0,0,0.85); }
  .shell-bar { height:26px; display:flex; align-items:center; gap:5px; padding:0 11px; background:var(--surface-3); border-bottom:1px solid var(--border); }
  .shell-bar i { width:7px; height:7px; border-radius:50%; background:#34373d; }
  .shell-body { padding:16px; }
  .cafe .shell-body { background:linear-gradient(160deg, #1a1613, #0c0b0a); }
  .cafe-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
  .cafe-logo { font-family:var(--font-space); font-size:11px; letter-spacing:.26em; color:#e8d9c4; }
  .cafe-top .dots { display:flex; gap:6px; } .cafe-top .dots i { width:16px; height:4px; border-radius:3px; background:rgba(232,217,196,0.25); }
  .cafe h4 { font-family:var(--font-space); font-weight:500; color:#f0e6d6; font-size:17px; line-height:1.1; letter-spacing:-0.01em; }
  .cafe small { display:block; color:#b6a890; font-size:10.5px; margin-top:8px; }
  .cafe-btn { margin-top:14px; display:inline-block; font-size:10px; font-weight:600; color:#1c140d; background:#e8d3ad; padding:7px 12px; border-radius:7px; }
  .cafe-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:14px; }
  .cafe-strip span { aspect-ratio:1; border-radius:7px; }
  .cafe-strip span:nth-child(1){ background:linear-gradient(150deg,#3a2c1d,#5a4327); }
  .cafe-strip span:nth-child(2){ background:linear-gradient(150deg,#2e2a22,#4a3f2c); }
  .cafe-strip span:nth-child(3){ background:linear-gradient(150deg,#332823,#52382e); }
  .clinic .shell-body { background:linear-gradient(160deg, #0e1216, #060809); }
  .clinic-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
  .clinic-logo { font-family:var(--font-space); font-size:11px; letter-spacing:.2em; color:#cfe0ea; }
  .clinic-top .dots { display:flex; gap:6px; } .clinic-top .dots i { width:16px; height:4px; border-radius:3px; background:rgba(207,224,234,0.22); }
  .clinic h4 { font-family:var(--font-space); font-weight:500; color:#eaf2f6; font-size:16px; line-height:1.15; }
  .clinic small { display:block; color:#9fb4c0; font-size:10.5px; margin-top:8px; }
  .clinic-row { display:flex; gap:7px; margin-top:14px; }
  .clinic-row span { flex:1; height:28px; border-radius:7px; background:rgba(255,255,255,0.05); border:1px solid var(--border); }
  .clinic-cta { margin-top:13px; display:flex; gap:8px; align-items:center; }
  .clinic-cta b { font-size:10px; font-weight:600; color:var(--on-accent); background:var(--accent); padding:7px 11px; border-radius:7px; }
  .clinic-cta em { font-style:normal; font-size:10px; color:#9fb4c0; }
  .gym-shot { display:grid; place-items:center; }
  .phone { width:150px; border-radius:22px; border:1px solid var(--border-2); background:#0b0c0e; padding:9px; box-shadow:0 26px 56px -28px rgba(0,0,0,0.9); }
  .phone-screen { border-radius:15px; overflow:hidden; background:var(--surface-2); }
  .gym-hd { padding:12px; display:flex; gap:10px; align-items:center; background:linear-gradient(160deg,#15191b,#0d0f10); }
  .gym-av { width:30px; height:30px; border-radius:50%; background:linear-gradient(140deg, var(--accent), #2f6f67); }
  .gym-hd .meta b { display:block; font-size:9px; color:var(--text); font-family:var(--font-space); letter-spacing:.08em; }
  .gym-hd .meta span { font-size:8px; color:var(--text-dim); }
  .gym-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; padding:3px; }
  .gym-grid span { aspect-ratio:1; }
  .gym-grid span:nth-child(3n+1){ background:linear-gradient(150deg,#1f2937,#11202b); }
  .gym-grid span:nth-child(3n+2){ background:linear-gradient(150deg,#202a2a,#16322e); }
  .gym-grid span:nth-child(3n+3){ background:linear-gradient(150deg,#26222b,#181a22); }
  .gym-cal { padding:9px; border-top:1px solid var(--border); display:flex; gap:5px; }
  .gym-cal i { flex:1; height:16px; border-radius:4px; background:rgba(255,255,255,0.05); border:1px solid var(--border); }
  .gym-cal i:nth-child(2){ background:var(--accent-soft); border-color:var(--border-warm); }

  /* Founders */
  #founders { background:radial-gradient(760px 460px at 0% 50%, rgba(95,111,82,0.05), transparent 60%), radial-gradient(700px 460px at 100% 50%, rgba(217,173,115,0.04), transparent 60%); }
  .founders-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:30px; }
  .founder { position:relative; border:1px solid var(--border); border-top:1px solid var(--border-warm); border-radius:var(--radius); padding:28px; background:var(--card-grad), var(--surface-2); box-shadow:var(--card-edge); }
  .founder-top { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
  .founder-avatar { width:50px; height:50px; border-radius:50%; display:grid; place-items:center; font-family:var(--font-space); font-weight:600; font-size:18px; color:var(--on-accent); background:linear-gradient(140deg, var(--accent-hi), var(--accent)); box-shadow:0 0 22px -6px rgba(217,173,115,0.5); flex:none; }
  .founder.v .founder-avatar { color:#04201d; background:linear-gradient(140deg, #8fe6da, var(--teal)); box-shadow:0 0 22px -6px rgba(95,211,196,0.5); }
  .founder-top b { font-family:var(--font-space); font-weight:500; font-size:17px; color:var(--text); display:block; }
  .founder-top span { font-size:12.5px; color:var(--text-dim); }
  .founder p { color:var(--text-body); font-weight:300; font-size:14.5px; }

  /* Process */
  .process-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; counter-reset:step; }
  .step { position:relative; border:1px solid var(--border); border-radius:var(--radius-sm); padding:22px 18px; background:var(--surface-2); transition:transform .3s var(--ease), border-color .3s var(--ease); }
  .step:hover { transform:translateY(-4px); border-color:var(--border-warm); }
  .step .num { font-family:var(--font-space); font-weight:600; font-size:13px; color:var(--accent); letter-spacing:.08em; }
  .step h3 { font-family:var(--font-space); font-weight:500; font-size:15.5px; color:var(--text); margin:10px 0 8px; }
  .step p { font-size:13px; color:var(--text-body); font-weight:300; }

  /* What you get */
  .get-wrap { border:1px solid var(--border); border-top:1px solid var(--border-warm); border-radius:var(--radius); padding:clamp(26px,4vw,40px); background:linear-gradient(180deg, rgba(255,255,255,0.014), transparent), var(--surface-2); box-shadow:var(--card-edge), var(--card-shadow); }
  .get-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px 32px; }
  .get-grid li { display:flex; align-items:flex-start; gap:11px; font-size:14.5px; color:var(--text-body); list-style:none; }
  .get-grid li svg { flex:none; width:17px; height:17px; margin-top:2px; color:var(--accent); }

  /* Packages */
  #packages { background:linear-gradient(180deg, rgba(255,255,255,0.012), transparent 30%), radial-gradient(820px 520px at 50% 8%, rgba(217,173,115,0.06), transparent 60%); }
  .pkg-group + .pkg-group { margin-top:48px; }
  .pkg-group-head { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin-bottom:24px; padding-top:26px; border-top:1px solid var(--border); }
  .pkg-group-head h3 { font-family:var(--font-space); font-weight:500; font-size:clamp(18px,2.4vw,24px); color:var(--text); letter-spacing:-0.01em; }
  .pkg-group-head .gh-tag { font-size:0.6rem; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); border:1px solid var(--border-warm); border-radius:999px; padding:4px 11px; }
  .pkg-group-head p { color:var(--text-dim); font-size:13.5px; margin-left:auto; }
  .pkg-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
  .pkg { position:relative; display:flex; flex-direction:column; background:var(--card-grad), var(--surface-2); border:1px solid var(--border); border-radius:var(--radius); padding:28px; box-shadow:var(--card-edge), var(--card-shadow); transition:transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease); }
  .pkg:hover { transform:translateY(-6px); box-shadow:var(--card-edge), 0 30px 64px -30px rgba(0,0,0,0.85), 0 0 36px -14px rgba(217,173,115,0.16); border-color:var(--border-warm); }
  .pkg.featured { background:linear-gradient(172deg, rgba(217,173,115,0.12), rgba(217,173,115,0.025) 42%, rgba(0,0,0,0.18)), var(--surface-3); border-color:transparent; box-shadow:var(--card-edge), 0 32px 72px -28px rgba(0,0,0,0.9), 0 0 64px -16px rgba(217,173,115,0.30); }
  .pkg.featured::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(180deg, var(--accent), rgba(217,173,115,0.12) 55%, transparent); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
  .pkg-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; }
  .pkg h4 { font-family:var(--font-space); font-weight:500; font-size:20px; color:var(--text); letter-spacing:-0.01em; }
  .pkg .rec { font-size:0.58rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--on-accent); background:linear-gradient(135deg, var(--accent-hi), var(--accent)); padding:5px 11px; border-radius:999px; box-shadow:0 0 18px -4px rgba(217,173,115,0.6); }
  .pkg .bestfor { font-size:12.5px; color:var(--text-dim); margin-bottom:12px; }
  .pkg .bestfor b { color:var(--accent); font-weight:500; }
  .pkg .desc { color:var(--text-body); font-weight:300; font-size:14px; }
  .pkg .plus { color:var(--text-dim); font-size:11px; letter-spacing:.06em; text-transform:uppercase; margin:18px 0 0; }
  .pkg ul { list-style:none; margin:18px 0 24px; display:flex; flex-direction:column; gap:10px; }
  .pkg ul.deltas { margin-top:12px; }
  .pkg li { display:flex; gap:11px; align-items:flex-start; font-size:13.5px; color:var(--text-body); }
  .pkg li svg { flex:none; width:16px; height:16px; margin-top:2px; color:var(--accent); }
  .pkg .btn { margin-top:auto; }

  /* Pricing anchor */
  .pricing { border:1px solid var(--border-warm); border-radius:var(--radius); padding:clamp(26px,4vw,40px); background:linear-gradient(160deg, rgba(217,173,115,0.07), var(--surface-2)); box-shadow:var(--card-edge), inset 0 0 80px -50px rgba(217,173,115,0.4); }
  .pricing .start { font-family:var(--font-space); font-weight:500; font-size:clamp(18px,2.4vw,24px); color:var(--text); letter-spacing:-0.01em; }
  .pricing .start b { color:var(--accent); }
  .pricing .sub { margin-top:10px; color:var(--text-body); font-weight:300; font-size:15px; max-width:70ch; }
  .price-rows { margin-top:24px; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
  .price-row { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:15px 18px; border:1px solid var(--border); border-radius:var(--radius-sm); background:rgba(255,255,255,0.02); }
  .price-row span { font-size:14px; color:var(--text-body); }
  .price-row b { font-family:var(--font-space); font-weight:500; font-size:14.5px; color:var(--accent); white-space:nowrap; }
  .price-note { margin-top:16px; font-size:12.5px; color:var(--text-dim); }

  /* Founding */
  .founding { position:relative; overflow:hidden; background:linear-gradient(150deg, rgba(217,173,115,0.07), var(--surface-3) 32%, var(--surface)); border:1px solid var(--border-warm); border-radius:var(--radius); padding:clamp(30px,5vw,56px); display:grid; grid-template-columns:1.15fr 0.85fr; gap:42px; align-items:center; box-shadow:var(--card-edge), 0 34px 90px -42px rgba(0,0,0,0.9); }
  .founding-glow { position:absolute; width:420px; height:420px; right:-130px; bottom:-180px; border-radius:50%; background:radial-gradient(circle, var(--accent) 0%, transparent 70%); filter:blur(80px); opacity:.26; pointer-events:none; }
  .founding h2 { font-family:var(--font-space); font-weight:500; font-size:clamp(24px,3.6vw,38px); line-height:1.06; letter-spacing:-0.02em; }
  .founding p { margin-top:16px; color:var(--text-body); font-weight:300; font-size:15.5px; max-width:54ch; }
  .founding-cta { margin-top:26px; }
  .founding-aside { position:relative; z-index:1; }
  .spots-card { position:relative; overflow:hidden; border:1px solid var(--border-warm); border-radius:var(--radius); padding:30px; background:linear-gradient(165deg, rgba(217,173,115,0.12), rgba(0,0,0,0.25)), var(--bg); text-align:center; box-shadow:var(--card-edge), inset 0 0 70px -34px rgba(217,173,115,0.5); }
  .spots-card .num { font-family:var(--font-space); font-weight:600; font-size:76px; line-height:1; color:var(--accent); letter-spacing:-0.04em; text-shadow:0 0 34px rgba(217,173,115,0.55); }
  .spots-card .lbl { color:var(--text-dim); font-size:12.5px; margin-top:10px; letter-spacing:.06em; text-transform:uppercase; }
  .spots-sub { color:var(--text-dim); font-size:13px; text-align:center; margin-top:14px; }

  /* FAQ */
  .faq-list { max-width:840px; margin:0 auto; }
  details.faq { border-top:1px solid var(--border); }
  details.faq:last-child { border-bottom:1px solid var(--border); }
  details.faq summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; font-family:var(--font-space); font-weight:500; font-size:clamp(15.5px,2vw,18px); color:var(--text); transition:color .2s var(--ease); }
  details.faq summary:hover { color:var(--accent); }
  details.faq summary::-webkit-details-marker { display:none; }
  details.faq .icon { flex:none; position:relative; width:16px; height:16px; }
  details.faq .icon::before, details.faq .icon::after { content:""; position:absolute; background:var(--accent); transition:transform .25s var(--ease), opacity .25s var(--ease); }
  details.faq .icon::before { top:7.25px; left:0; width:16px; height:1.5px; }
  details.faq .icon::after { left:7.25px; top:0; width:1.5px; height:16px; }
  details.faq[open] .icon::after { transform:rotate(90deg); opacity:0; }
  details.faq .answer { padding:0 0 22px; color:var(--text-body); font-weight:300; font-size:14.5px; max-width:74ch; }

  /* Contact */
  #contact { text-align:center; background:radial-gradient(820px 500px at 50% 18%, rgba(217,173,115,0.11), transparent 58%), radial-gradient(900px 620px at 50% 118%, rgba(217,173,115,0.10), transparent 60%), radial-gradient(700px 520px at 50% -12%, rgba(9,17,31,0.5), transparent 62%); }
  .close-head { max-width:700px; margin:0 auto clamp(30px,4vw,46px); }
  .close-head h2 { font-family:var(--font-space); font-weight:500; font-size:clamp(2rem,4.6vw,3.4rem); line-height:1.05; letter-spacing:-0.03em; color:var(--text); }
  .close-head h2 .muted { display:block; color:var(--text-dim); font-style:italic; }
  .close-head p { margin-top:18px; color:var(--text-body); font-weight:300; font-size:clamp(15px,1.6vw,17px); }
  .close-actions { display:flex; flex-wrap:wrap; gap:13px; justify-content:center; margin-top:26px; }
  .alt-links { max-width:560px; margin:30px auto 0; display:flex; flex-direction:column; gap:0; text-align:left; }
  .alt-links a { display:flex; align-items:center; gap:13px; padding:15px 2px; border-top:1px solid var(--border); color:var(--text-body); font-size:14.5px; transition:color .18s var(--ease); }
  .alt-links a:last-child { border-bottom:1px solid var(--border); }
  .alt-links a:hover { color:var(--text); }
  .alt-links a svg { width:18px; height:18px; flex:none; color:var(--text-dim); transition:color .18s var(--ease); }
  .alt-links a:hover svg { color:var(--accent); }
  .alt-links a span.lbl { color:var(--text-dim); margin-left:auto; font-size:13px; }
  .form-cell { position:relative; max-width:620px; margin:clamp(34px,5vw,50px) auto 0; background:var(--card-grad), var(--surface-2); border:1px solid var(--border); border-top:1px solid var(--border-warm); border-radius:var(--radius); padding:clamp(24px,3vw,34px); text-align:left; box-shadow:var(--card-edge), 0 30px 70px -34px rgba(0,0,0,0.9), 0 0 60px -22px rgba(217,173,115,0.16); }
  form.inquiry { display:flex; flex-direction:column; gap:16px; }
  .field { display:flex; flex-direction:column; gap:7px; }
  .field label { font-size:12.5px; color:var(--text-dim); letter-spacing:.02em; }
  .field input, .field textarea, .field select { width:100%; background:var(--bg); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--text); font-family:var(--font-inter); font-size:15px; padding:13px 14px; min-height:47px; transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease); }
  .field textarea { resize:vertical; min-height:104px; line-height:1.5; }
  .field select { appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:38px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888d96' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 13px center; background-size:16px; }
  .field input::placeholder, .field textarea::placeholder { color:#5e636b; }
  .field input:focus, .field textarea:focus, .field select:focus { outline:none; border-color:var(--border-warm); box-shadow:0 0 0 3px var(--accent-soft); background-color:var(--surface); }
  .field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  .form-steps { margin-bottom:20px; padding:16px 18px; border-radius:var(--radius-sm); background:linear-gradient(160deg, rgba(217,173,115,0.07), rgba(255,255,255,0.01)); border:1px solid var(--border-warm); }
  .form-steps-h { display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); margin-bottom:10px; }
  .form-steps ol { margin:0; padding-left:20px; display:grid; gap:6px; }
  .form-steps li { font-size:13.5px; color:var(--text-body); }
  .hp { position:absolute; left:-9999px; opacity:0; height:0; overflow:hidden; }
  .form-note { font-size:12.5px; color:var(--text-dim); margin-top:-2px; }
  .form-note a { color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
  .form-msg { font-size:13px; margin-top:2px; } .form-msg:empty { display:none; } .form-msg.error { color:#e6a5a5; }
  .thanks { max-width:620px; margin:clamp(34px,5vw,50px) auto 0; border:1px solid var(--border-warm); background:linear-gradient(180deg, rgba(217,173,115,0.06), var(--surface-2)); border-radius:var(--radius); padding:clamp(28px,4vw,40px); text-align:left; }
  .thanks:focus { outline:none; }
  .thanks .check-circle { width:46px; height:46px; border-radius:50%; border:1px solid var(--border-warm); background:var(--bg); display:grid; place-items:center; margin-bottom:20px; box-shadow:0 0 0 5px var(--accent-soft); }
  .thanks .check-circle svg { width:22px; height:22px; color:var(--accent); }
  .thanks h3 { font-family:var(--font-space); font-weight:500; font-size:clamp(20px,2.6vw,26px); color:var(--text); letter-spacing:-0.01em; margin-bottom:10px; }
  .thanks p { color:var(--text-body); font-weight:300; font-size:15px; max-width:46ch; margin-bottom:22px; }
  .thanks-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
  .restart { background:none; border:0; padding:0; font:inherit; font-size:14px; color:var(--text-dim); cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
  .restart:hover { color:var(--text); }

  /* Floating WhatsApp + mobile sticky CTA */
  .wa-fab { position:fixed; right:22px; bottom:22px; z-index:90; display:inline-flex; align-items:center; gap:9px; height:54px; padding:0 20px 0 15px; border-radius:999px; font-family:var(--font-inter); font-weight:600; font-size:14px; background:var(--accent); color:var(--on-accent); box-shadow:0 14px 32px -8px rgba(217,173,115,0.5); border:0; cursor:pointer; opacity:0; transform:translateY(16px) scale(0.96); pointer-events:none; transition:opacity .3s var(--ease), transform .3s var(--ease); }
  .wa-fab.show { opacity:1; transform:none; pointer-events:auto; }
  .wa-fab:hover { transform:translateY(-2px); background:var(--accent-hi); }
  .wa-fab svg { width:26px; height:26px; flex:none; }
  .mobile-cta { display:none; }

  /* Footer */
  footer.site { border-top:1px solid var(--border); padding:54px 0 42px; }
  .footer-top { display:flex; flex-wrap:wrap; gap:26px; justify-content:space-between; align-items:center; }
  footer .brand-mark { height:28px; }
  footer .brand-divider { min-height:26px; }
  .footer-links { display:flex; flex-wrap:wrap; gap:22px; }
  .footer-links a { color:var(--text-body); font-size:14px; transition:color .18s var(--ease); }
  .footer-links a:hover { color:var(--accent); }
  .footer-bottom { margin-top:32px; padding-top:24px; border-top:1px solid var(--border); display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; color:var(--text-dim); font-size:13px; }
  .slogan { font-family:var(--font-space); font-weight:500; letter-spacing:0.2em; text-transform:uppercase; font-size:12px; color:var(--accent); }

  /* Scroll reveal */
  .reveal { opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
  .reveal.in { opacity:1; transform:none; }
  .stagger > * { transition-delay:0s; }
  .stagger > *:nth-child(2){ transition-delay:.08s; } .stagger > *:nth-child(3){ transition-delay:.16s; }
  .stagger > *:nth-child(4){ transition-delay:.24s; } .stagger > *:nth-child(5){ transition-delay:.32s; } .stagger > *:nth-child(6){ transition-delay:.4s; }

  /* Responsive */
  @media (max-width:980px){
    .problem-grid { grid-template-columns:1fr; }
    .sol-points { grid-template-columns:1fr; }
    .founding { grid-template-columns:1fr; gap:28px; }
    .process-grid { grid-template-columns:repeat(2,1fr); }
    .founders-grid { grid-template-columns:1fr; }
  }
  @media (max-width:768px){
    section { padding:clamp(48px,11vw,84px) 0; }
    .nav-links { position:fixed; inset:64px 0 auto 0; flex-direction:column; align-items:stretch; gap:0; background:rgba(0,0,0,0.96); backdrop-filter:blur(16px); border-bottom:1px solid var(--border); padding:8px 24px 20px; transform:translateY(-12px); opacity:0; pointer-events:none; transition:opacity .25s var(--ease), transform .25s var(--ease); }
    header.nav.open .nav-links { opacity:1; transform:none; pointer-events:auto; }
    .nav-links a { padding:15px 0; border-bottom:1px solid var(--border); font-size:16px; }
    .nav-links a.nav-mobile-cta { display:inline-flex; margin-top:14px; border-bottom:0; }
    .nav-desktop-cta { display:none; }
    .nav-toggle { display:inline-flex; }
    .hero { min-height:auto; padding:clamp(92px,16vh,120px) 0 44px; }
    .hero h1 { font-size:clamp(2rem,8.6vw,2.7rem); }
    .hero .cta-row .btn { flex:1 1 100%; }
    .trust-bullets { flex-direction:column; gap:10px; }
    .work-grid, .pkg-grid, .ba-grid, .get-grid, .price-rows { grid-template-columns:1fr; }
    .process-grid { grid-template-columns:1fr; }
    .field-row { grid-template-columns:1fr; }
    .pkg-group-head p { margin-left:0; width:100%; }
    .close-actions .btn { flex:1 1 100%; }
    .wa-fab { display:none; }
    .mobile-cta { display:flex; position:fixed; left:0; right:0; bottom:0; z-index:95; gap:8px; padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px)); background:rgba(8,8,10,0.93); backdrop-filter:blur(12px); border-top:1px solid var(--border); }
    .mcta-btn { flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px; height:48px; border-radius:12px; font-weight:600; font-size:14px; }
    .mcta-audit { background:var(--accent); color:var(--on-accent); }
    .mcta-wa { background:rgba(255,255,255,0.06); color:var(--text); border:1px solid var(--border-2); }
    .mcta-wa svg { width:18px; height:18px; }
    body { padding-bottom:67px; }
  }

  @media (prefers-reduced-motion: reduce){
    html { scroll-behavior:auto; }
    .reveal { opacity:1; transform:none; transition:none; }
    .marquee-track { animation:none; }
    header.nav.hide { transform:none; }
  }

  /* =====================================================================
     V18 MULTI-PAGE ADDITIONS
     Shared header with Services dropdown, page heroes, service cards,
     concept cards, CTA band, and privacy prose. Same tokens as above.
     ===================================================================== */
  html { scroll-padding-top:78px; }

  /* Header: always dark translucent with a subtle border */
  header.nav { background:rgba(5,5,6,0.72); backdrop-filter:saturate(150%) blur(16px); -webkit-backdrop-filter:saturate(150%) blur(16px); border-bottom-color:var(--border); }
  header.nav.scrolled { background:rgba(0,0,0,0.7); }

  /* Services dropdown */
  .nav-item { position:relative; display:flex; align-items:center; }
  .drop-trigger { display:inline-flex; align-items:center; gap:6px; }
  .drop-trigger .caret { width:13px; height:13px; flex:none; color:var(--text-dim); transition:transform .25s var(--ease); }
  .nav-item.open .drop-trigger .caret { transform:rotate(180deg); }
  .drop { position:absolute; top:100%; left:50%; width:min(500px, calc(100vw - 32px)); padding-top:14px; z-index:200;
    opacity:0; visibility:hidden; transform:translateX(-50%) translateY(8px);
    transition:opacity .25s var(--ease), transform .25s var(--ease), visibility 0s linear .25s; }
  .nav-item.open > .drop { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); transition-delay:0s; }
  .drop-panel { background:linear-gradient(180deg, rgba(255,255,255,0.03), transparent 40%), #0b0c0f;
    border:1px solid var(--border-2); border-radius:14px; padding:10px;
    box-shadow:0 30px 70px -28px rgba(0,0,0,0.9), var(--card-edge); }
  .drop-link { display:flex; gap:13px; align-items:flex-start; padding:11px 12px; border-radius:10px; transition:background .2s var(--ease); }
  .drop-link:hover { background:rgba(255,255,255,0.045); }
  .drop-link .di { flex:none; width:34px; height:34px; border-radius:9px; display:grid; place-items:center; color:var(--accent);
    background:linear-gradient(160deg, rgba(217,173,115,0.15), rgba(217,173,115,0.03)); border:1px solid var(--border-warm); }
  .drop-link .di svg { width:17px; height:17px; }
  .drop-link b { display:block; font-family:var(--font-space); font-weight:500; font-size:14px; color:var(--text); margin-bottom:2px; }
  .drop-link span { display:block; font-size:12px; line-height:1.45; font-weight:300; color:var(--text-dim); }
  .drop-cta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:8px; padding:13px 12px 6px; border-top:1px solid var(--border); font-size:12.5px; color:var(--text-dim); }
  .drop-cta a { display:inline-flex; align-items:center; gap:6px; color:var(--accent); font-weight:500; transition:color .18s var(--ease); }
  .drop-cta a:hover { color:var(--accent-hi); }
  .drop-cta a svg { width:14px; height:14px; }

  @media (max-width:768px){
    .nav-links { max-height:calc(100vh - 64px); overflow-y:auto; }
    .nav-item { flex-direction:column; align-items:stretch; }
    .nav-links .drop-trigger { display:flex; justify-content:space-between; width:100%; }
    .drop { position:static; width:100%; padding-top:0; opacity:1; visibility:visible; transform:none; transition:none; display:none; }
    .nav-item.open > .drop { display:block; transform:none; }
    .drop-panel { border:0; background:transparent; box-shadow:none; padding:2px 0 10px 6px; }
    .nav-links .drop-link { padding:11px 8px; border-bottom:0; font-size:15px; }
    .drop-cta { padding:13px 8px 4px; }
  }

  /* Page hero (subpages) */
  .page-hero { padding:clamp(76px,12vh,120px) 0 clamp(36px,6vw,64px);
    background:radial-gradient(820px 480px at 82% -12%, rgba(217,173,115,0.09), transparent 58%),
               radial-gradient(700px 520px at -4% 108%, rgba(9,17,31,0.5), transparent 62%); }
  .page-hero h1 { font-family:var(--font-space); font-weight:500; font-size:clamp(2rem,4.8vw,3.4rem); line-height:1.05; letter-spacing:-0.03em; color:var(--text); max-width:22ch; }
  .page-hero .lead { margin-top:18px; font-weight:300; font-size:clamp(15px,1.6vw,17.5px); line-height:1.6; color:var(--text-body); max-width:64ch; }
  .page-hero .cta-row { margin-top:26px; }
  .crumbs { display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:12.5px; color:var(--text-dim); margin-bottom:18px; }
  .crumbs a { color:var(--text-dim); transition:color .18s var(--ease); }
  .crumbs a:hover { color:var(--accent); }
  .crumbs svg { width:12px; height:12px; opacity:.6; }

  /* Service cards */
  .svc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  .svc-grid.cols2 { grid-template-columns:repeat(2,1fr); max-width:820px; margin-left:auto; margin-right:auto; }
  .svc-card { position:relative; display:flex; flex-direction:column; gap:11px; background:var(--card-grad), var(--surface-2);
    border:1px solid var(--border); border-radius:var(--radius); padding:24px; box-shadow:var(--card-edge), var(--card-shadow);
    transition:transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease); }
  .svc-card:hover { transform:translateY(-5px); border-color:var(--border-warm); box-shadow:var(--card-edge), 0 26px 56px -28px rgba(0,0,0,0.9), 0 0 36px -14px rgba(217,173,115,0.18); }
  .svc-card .rsys-ic { width:40px; height:40px; }
  .svc-card h3 { font-family:var(--font-space); font-weight:500; font-size:17px; color:var(--text); letter-spacing:-0.01em; }
  .svc-card h3 a { transition:color .2s var(--ease); }
  .svc-card h3 a::after { content:""; position:absolute; inset:0; }
  .svc-card:hover h3 a { color:var(--accent-hi); }
  .svc-card p { font-size:13.5px; font-weight:300; color:var(--text-body); line-height:1.55; }
  .svc-card .who { font-size:12px; color:var(--text-dim); }
  .svc-card .who b { color:var(--text-dim); font-weight:500; letter-spacing:.06em; text-transform:uppercase; font-size:10.5px; display:block; margin-bottom:3px; }
  .svc-more { margin-top:auto; padding-top:6px; display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:500; color:var(--accent); }
  .svc-more svg { width:14px; height:14px; transition:transform .25s var(--ease); }
  .svc-card:hover .svc-more svg { transform:translateX(3px); }

  /* Split layout + chips + checklists */
  .split { display:grid; grid-template-columns:1fr 1fr; gap:clamp(26px,5vw,60px); align-items:start; }
  .chip-list { display:flex; flex-wrap:wrap; gap:9px; list-style:none; }
  .chip-list li { font-size:13px; color:var(--text-body); border:1px solid var(--border-2); border-radius:999px; padding:8px 15px; background:rgba(255,255,255,0.02); }
  .get-grid.single { grid-template-columns:1fr; }

  /* CTA band */
  .cta-band { position:relative; overflow:hidden; border:1px solid var(--border-warm); border-radius:var(--radius); padding:clamp(30px,5vw,54px); text-align:center;
    background:linear-gradient(160deg, rgba(217,173,115,0.08), var(--surface-2) 55%); box-shadow:var(--card-edge), inset 0 0 90px -50px rgba(217,173,115,0.35); }
  .cta-band h2 { font-family:var(--font-space); font-weight:500; font-size:clamp(1.6rem,3.4vw,2.5rem); line-height:1.08; letter-spacing:-0.02em; color:var(--text); }
  .cta-band p { margin:14px auto 0; color:var(--text-body); font-weight:300; font-size:15.5px; max-width:56ch; }
  .cta-band .cta-row { justify-content:center; margin-top:26px; }
  .cta-band .cta-sub { margin-left:auto; margin-right:auto; }

  /* Work / concept cards */
  .concept { display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3.5vw,44px); align-items:center;
    border:1px solid var(--border); border-radius:var(--radius); padding:clamp(18px,3vw,32px);
    background:var(--card-grad), var(--surface-2); box-shadow:var(--card-edge), var(--card-shadow); }
  .concept + .concept { margin-top:22px; }
  .concept .work-shot { border:1px solid var(--border); border-radius:12px; aspect-ratio:4/3; }
  .concept-meta h3 { font-family:var(--font-space); font-weight:500; font-size:clamp(18px,2.4vw,23px); color:var(--text); letter-spacing:-0.01em; }
  .concept-meta > p { margin-top:10px; font-size:14.5px; font-weight:300; color:var(--text-body); }
  .spec-rows { display:flex; flex-direction:column; gap:0; margin-top:18px; }
  .spec-row { display:grid; grid-template-columns:96px 1fr; gap:14px; font-size:13.5px; padding:10px 0; border-top:1px solid var(--border); }
  .spec-row b { color:var(--text-dim); font-weight:500; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; padding-top:3px; }
  .spec-row span { color:var(--text-body); font-weight:300; }
  .spec-row.fix span { color:var(--text-body); }
  .concept-cta { margin-top:20px; display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:500; color:var(--accent); transition:color .18s var(--ease); }
  .concept-cta:hover { color:var(--accent-hi); }
  .concept-cta svg { width:15px; height:15px; transition:transform .25s var(--ease); }
  .concept-cta:hover svg { transform:translateX(3px); }
  .ba-visual { display:grid; place-items:center; }
  .ba-visual .rmk-redesign { max-width:560px; }

  /* Real estate concept mockup */
  .estate .shell-body { background:linear-gradient(160deg, #10141a, #07080a); }
  .estate-logo { font-family:var(--font-space); font-size:11px; letter-spacing:.24em; color:#d5dfe9; }
  .estate h4 { font-family:var(--font-space); font-weight:500; color:#edf2f7; font-size:17px; line-height:1.1; letter-spacing:-0.01em; }
  .estate small { display:block; color:#93a3b4; font-size:10.5px; margin-top:8px; }
  .estate-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:14px; }
  .estate-cards span { height:40px; border-radius:8px; border:1px solid var(--border); }
  .estate-cards span:nth-child(1){ background:linear-gradient(150deg,#1f2937,#11202b); }
  .estate-cards span:nth-child(2){ background:linear-gradient(150deg,#3a2c1d,#5a4327); }
  .estate-btn { margin-top:14px; display:inline-block; font-size:10px; font-weight:600; color:var(--on-accent); background:var(--accent); padding:7px 12px; border-radius:7px; }

  /* Values / advantage points (about) */
  .adv-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }

  /* FAQ page + mini FAQ link */
  .faq-more { text-align:center; margin-top:28px; }
  .faq-more a { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:500; color:var(--accent); transition:color .18s var(--ease); }
  .faq-more a:hover { color:var(--accent-hi); }
  .faq-more a svg { width:15px; height:15px; }

  /* Privacy prose */
  .prose { max-width:720px; }
  .prose h2 { font-family:var(--font-space); font-weight:500; font-size:20px; color:var(--text); margin:34px 0 10px; }
  .prose p { color:var(--text-body); font-weight:300; font-size:15px; line-height:1.7; margin-bottom:14px; }
  .prose ul { margin:0 0 14px 22px; }
  .prose li { color:var(--text-body); font-weight:300; font-size:14.5px; margin-bottom:6px; }
  .prose a { color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
  .prose a:hover { color:var(--accent-hi); }
  .prose .updated { color:var(--text-dim); font-size:13.5px; }

  /* Responsive for v18 components */
  @media (max-width:980px){
    .svc-grid, .adv-grid { grid-template-columns:repeat(2,1fr); }
    .split { grid-template-columns:1fr; }
    .concept { grid-template-columns:1fr; }
  }
  @media (max-width:640px){
    .svc-grid, .svc-grid.cols2, .adv-grid { grid-template-columns:1fr; }
    .cta-band .cta-row .btn { flex:1 1 100%; }
    .page-hero .cta-row .btn { flex:1 1 100%; }
  }
  @media (prefers-reduced-motion: reduce){
    .drop { transition:opacity .15s linear; transform:translateX(-50%); }
    .nav-item.open > .drop { transform:translateX(-50%); }
    .drop-trigger .caret, .svc-card, .svc-more svg, .concept-cta svg { transition:none; }
  }
  .process-grid.cols4 { grid-template-columns:repeat(4,1fr); }
  .nav-links a[aria-current="page"], .nav-links .drop-trigger[aria-current="page"] { color:var(--text); }