/* ============================================================
   WAO Landing — Redesign 2026 (front page only)
   Ported from the WAO Design System (desgin/) into the theme.
   Loaded ONLY on the front page (see functions.php); the inner
   pages (WaterOS, profile) keep the original style.css.

   Layers, in order:
     1. Design tokens  (colors / typography / spacing)
     2. Base resets
     3. Components      (.wao-btn / .wao-badge / .wao-sh)
     4. Redesign layout (.rd-*)
     5. Contact block   (WP lead form, restyled)
     6. Motion / responsive
   ============================================================ */

/* ====== 1. TOKENS ====== */
:root {
  /* neutrals */
  --white:#ffffff;
  --slate-50:#f6f8fb; --slate-100:#eef2f7; --slate-200:#e2e8f0; --slate-300:#cbd5e1;
  --slate-400:#94a3b8; --slate-500:#64748b; --slate-600:#475569; --slate-700:#334155;
  --slate-800:#1e293b; --slate-900:#0f172a;
  /* midnight navy */
  --navy-950:#070b16; --navy-900:#0a0e1a; --navy-850:#0e1424; --navy-800:#131a2e;
  --navy-700:#1b2540; --navy-600:#283353; --navy-500:#3b466b;
  /* primary azure */
  --blue-50:#ecf2ff; --blue-100:#d6e2ff; --blue-200:#adc4ff; --blue-300:#7d9fff;
  --blue-400:#4f7bff; --blue-500:#2f63ff; --blue-600:#1e4ff0; --blue-700:#173dc4;
  --blue-800:#15349b; --blue-900:#152e7a;
  /* secondary teal */
  --teal-50:#e6fbf7; --teal-100:#c2f4ec; --teal-300:#5fded0; --teal-500:#12b5a5;
  --teal-600:#0c9488; --teal-700:#0c766e;
  /* accent amber */
  --amber-50:#fff6e6; --amber-300:#ffce6b; --amber-400:#ffb838; --amber-500:#f59e0b; --amber-600:#d97f06;
  /* status */
  --green-50:#e9f8ee; --green-500:#16a34a; --green-600:#128a3e;
  --red-50:#fdecec; --red-500:#e5484d; --red-600:#c93c40;

  /* semantic aliases */
  --brand:var(--blue-600); --brand-hover:var(--blue-700); --brand-active:var(--blue-800);
  --brand-subtle:var(--blue-50); --brand-on:var(--white); --brand-ink:var(--navy-900);
  --surface-page:var(--slate-50); --surface-card:var(--white); --surface-sunken:var(--slate-100);
  --surface-inverse:var(--navy-900); --surface-inverse-2:var(--navy-800);
  --text-strong:var(--navy-900); --text-body:var(--slate-700); --text-muted:var(--slate-500);
  --text-faint:var(--slate-400); --text-on-inverse:#eef2fb; --text-on-inverse-muted:#9aa6c4;
  --text-brand:var(--blue-600);
  --border:var(--slate-200); --border-strong:var(--slate-300); --border-inverse:rgba(255,255,255,0.10);
  --ring:rgba(30,79,240,0.35);
  --success:var(--green-500); --success-subtle:var(--green-50);
  --danger:var(--red-500); --danger-subtle:var(--red-50);
  --accent:var(--amber-500); --accent-2:var(--teal-500);

  /* type */
  --font-sans:'Be Vietnam Pro',-apple-system,'Segoe UI',Roboto,system-ui,sans-serif;
  --font-display:var(--font-sans);
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extra:800;
  --fs-display-xl:4.25rem; --fs-display-l:3.25rem; --fs-display-m:2.5rem;
  --fs-h1:2rem; --fs-h2:1.5rem; --fs-h3:1.25rem; --fs-lead:1.25rem;
  --fs-body:1rem; --fs-sm:0.875rem; --fs-xs:0.75rem;
  --lh-tight:1.08; --lh-snug:1.25; --lh-normal:1.5; --lh-relaxed:1.65;
  --ls-tight:-0.02em; --ls-snug:-0.01em; --ls-normal:0; --ls-wide:0.04em; --ls-eyebrow:0.14em;

  /* spacing / radius / shadow / motion */
  --radius-xs:4px; --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-xl:24px;
  --radius-2xl:32px; --radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(10,14,26,0.06);
  --shadow-sm:0 1px 3px rgba(10,14,26,0.08),0 1px 2px rgba(10,14,26,0.04);
  --shadow-md:0 6px 16px rgba(10,14,26,0.08),0 2px 4px rgba(10,14,26,0.05);
  --shadow-lg:0 16px 40px rgba(10,14,26,0.12),0 4px 10px rgba(10,14,26,0.06);
  --shadow-xl:0 32px 64px rgba(10,14,26,0.18);
  --shadow-brand:0 8px 28px rgba(30,79,240,0.35);
  --ease-out:cubic-bezier(0.22,1,0.36,1); --ease-in-out:cubic-bezier(0.65,0,0.35,1);
  --dur-fast:140ms; --dur-base:220ms; --dur-slow:420ms;
  --container:1200px; --container-wide:1320px; --gutter:24px; --header-h:72px;
}

/* ====== 2. BASE ====== */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px;}
body{
  margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);
  color:var(--text-body);background:var(--surface-page);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
}
img{max-width:100%;display:block;}
h1,h2,h3,h4,h5,h6{
  margin:0;font-family:var(--font-display);color:var(--text-strong);
  line-height:var(--lh-snug);font-weight:var(--fw-bold);letter-spacing:var(--ls-snug);text-wrap:balance;
}
p{margin:0;text-wrap:pretty;}
a{color:var(--text-brand);text-decoration:none;}
::selection{background:var(--blue-200);color:var(--navy-900);}

/* ====== 3. COMPONENTS ====== */
.wao-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-sans);font-weight:600;line-height:1;white-space:nowrap;
  border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;
  transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),
    border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),
    transform var(--dur-fast) var(--ease-out);
}
.wao-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);}
.wao-btn:active{transform:translateY(1px);}
.wao-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;}
.wao-btn--sm{font-size:13px;padding:8px 16px;}
.wao-btn--md{font-size:14px;padding:12px 22px;}
.wao-btn--lg{font-size:16px;padding:15px 28px;}
.wao-btn--full{width:100%;}
.wao-btn--primary{background:var(--brand);color:var(--brand-on);box-shadow:var(--shadow-brand);}
.wao-btn--primary:hover{background:var(--brand-hover);}
.wao-btn--primary:active{background:var(--brand-active);}
.wao-btn--secondary{background:transparent;color:var(--text-strong);border-color:var(--border-strong);}
.wao-btn--secondary:hover{background:var(--surface-sunken);border-color:var(--slate-400);}
.wao-btn--ghost{background:transparent;color:var(--text-brand);}
.wao-btn--ghost:hover{background:var(--brand-subtle);}
.wao-btn--inverse{background:rgba(255,255,255,0.10);color:#fff;border-color:rgba(255,255,255,0.22);}
.wao-btn--inverse:hover{background:rgba(255,255,255,0.18);}
.wao-btn svg{width:1.1em;height:1.1em;}

.wao-badge{
  display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);
  font-weight:600;font-size:12px;line-height:1;letter-spacing:0.01em;
  padding:5px 10px;border-radius:var(--radius-pill);border:1px solid transparent;white-space:nowrap;
}
.wao-badge--solid{background:var(--brand);color:#fff;}
.wao-badge--brand{background:var(--brand-subtle);color:var(--blue-700);}
.wao-badge--neutral{background:var(--surface-sunken);color:var(--text-body);}
.wao-badge--teal{background:var(--teal-50);color:var(--teal-700);}
.wao-badge--inverse{background:rgba(255,255,255,0.10);color:#eef2fb;border-color:rgba(255,255,255,0.18);}

/* Section heading (eyebrow + title + lead) */
.rd-head{font-family:var(--font-sans);max-width:680px;}
.rd-head--center{margin:0 auto;text-align:center;}
.rd-head__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--brand-subtle);color:var(--brand);margin-bottom:18px;}
.rd-head__ic svg{width:26px;height:26px;}
.rd-head--center .rd-head__ic{margin-left:auto;margin-right:auto;}
.rd-section--dark .rd-head__ic{background:rgba(255,255,255,.08);color:var(--teal-300);}
.rd-head__eyebrow{font-size:12px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-brand);margin-bottom:14px;}
.rd-head__title{font-size:var(--fs-display-m);font-weight:800;letter-spacing:-0.02em;line-height:1.1;color:var(--text-strong);margin:0;}
.rd-head__lead{font-size:var(--fs-lead);color:var(--text-muted);line-height:1.55;margin:16px 0 0;}
.rd-section--dark .rd-head__eyebrow{color:var(--teal-300);}
.rd-section--dark .rd-head__title{color:#fff;}
.rd-section--dark .rd-head__lead{color:var(--text-on-inverse-muted);}
.rd-section-2 { padding-top: 42px; }
/* ====== 4. REDESIGN LAYOUT ====== */
.rd-wrap{max-width:var(--container);margin:0 auto;padding-inline:24px;}
.rd-wrap--wide{max-width:var(--container-wide);}

/* Nav */
.rd-nav{position:fixed;top:0;left:0;right:0;z-index:60;height:110px;display:flex;align-items:center;
  transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),backdrop-filter var(--dur-base);}
.rd-nav--top{background:transparent;border-bottom:1px solid transparent;}
.rd-nav--stuck{background:rgba(10,14,26,0.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-inverse);}
.rd-nav .rd-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;}
.rd-brand{display:flex;align-items:center;gap:11px;cursor:pointer;}
.rd-glyph{width:34px;height:34px;border-radius:9px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;letter-spacing:-0.04em;box-shadow:var(--shadow-brand);}
.rd-wm{font-size:21px;font-weight:800;letter-spacing:-0.03em;color:#fff;}
.rd-wm .dot{color:var(--blue-400);}
.rd-navlinks{display:flex;align-items:center;gap:2px;}
.rd-nav-item{position:relative;}
.rd-nav-link{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500;color:#c2cbe4;
  background:none;border:0;cursor:pointer;font-family:inherit;padding:9px 13px;border-radius:10px;
  text-decoration:none;white-space:nowrap;transition:color var(--dur-fast),background var(--dur-fast);}
.rd-nav-link:hover,.rd-nav-link.active{color:#fff;}
.rd-has-sub:hover>.rd-nav-link{color:#fff;background:rgba(255,255,255,.06);}
.rd-nav-link .caret{width:14px;height:14px;opacity:.65;transition:transform var(--dur-fast);}
.rd-has-sub:hover>.rd-nav-link .caret,.rd-nav-item--open>.rd-nav-link .caret{transform:rotate(180deg);}

/* dropdown panel */
.rd-sub{position:absolute;top:calc(100% + 10px);left:0;min-width:300px;background:#0e1424;
  border:1px solid var(--border-inverse);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:2px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility var(--dur-base);z-index:80;}
.rd-sub::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;}
.rd-has-sub:hover>.rd-sub,.rd-has-sub:focus-within>.rd-sub{opacity:1;visibility:visible;transform:none;}
.rd-sub a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background var(--dur-fast);}
.rd-sub a:hover{background:rgba(255,255,255,.06);}
.rd-sub__t{font-size:14px;font-weight:600;color:#fff;}
.rd-sub__s{font-size:12px;color:#93a0c0;}

.rd-nav-right{display:flex;align-items:center;gap:16px;}
.rd-nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:6px;}
.rd-nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:.25s;}
@media (max-width:960px){
  .rd-navlinks{display:none;}
  .rd-nav-right>.wao-btn{display:none;}
  .rd-nav-toggle{display:block;}
  .rd-nav--mobileopen{background:rgba(10,14,26,0.96);backdrop-filter:blur(16px);}
  .rd-navlinks.rd-navlinks--open{display:flex;position:absolute;top:110px;left:0;right:0;flex-direction:column;
    align-items:stretch;gap:0;background:rgba(10,14,26,0.98);backdrop-filter:blur(16px);padding:8px 24px 22px;
    border-bottom:1px solid var(--border-inverse);max-height:calc(100vh - 110px);overflow-y:auto;}
  .rd-navlinks--open .rd-nav-item{width:100%;}
  .rd-navlinks--open .rd-nav-link{width:100%;justify-content:space-between;padding:14px 0;border-radius:0;border-bottom:1px solid var(--border-inverse);}
  /* sub-menus become inline accordions */
  .rd-navlinks--open .rd-sub{position:static;display:none;opacity:1;visibility:visible;transform:none;min-width:0;
    background:transparent;border:0;box-shadow:none;padding:4px 0 10px 12px;}
  .rd-navlinks--open .rd-sub::before{display:none;}
  .rd-navlinks--open .rd-nav-item--open>.rd-sub{display:flex;}
  .rd-navlinks--open .rd-sub a{padding:9px 8px;}
  .rd-navlinks--open .rd-nav-cta-m{display:inline-flex;margin-top:14px;justify-content:center;}
}
.rd-nav-cta-m{display:none;}

/* sticky scroll CTA */
.rd-stickycta{position:fixed;right:22px;bottom:22px;z-index:70;transform:translateY(140%);opacity:0;
  transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow);}
.rd-stickycta--show{transform:translateY(0);opacity:1;}

/* Hero */
.rd-hero{position:relative;background:var(--surface-inverse);color:var(--text-on-inverse);
  padding:152px 0 96px;overflow:hidden;
  background-image:
    radial-gradient(1100px 520px at 12% -12%,rgba(30,79,240,0.40),transparent 58%),
    radial-gradient(900px 460px at 96% 4%,rgba(18,181,165,0.18),transparent 56%);}
.rd-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);
  background-size:60px 60px;-webkit-mask-image:radial-gradient(820px 520px at 25% 10%,#000,transparent 78%);
  mask-image:radial-gradient(820px 520px at 25% 10%,#000,transparent 78%);}
.rd-hero .rd-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;}
.rd-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#cdd6ef;
  background:rgba(255,255,255,0.07);border:1px solid var(--border-inverse);padding:7px 14px;border-radius:var(--radius-pill);}
.rd-hero__eyebrow .pulse{width:7px;height:7px;border-radius:50%;background:var(--teal-300);box-shadow:0 0 0 0 rgba(95,222,208,0.6);animation:rd-pulse 2.4s infinite;}
@keyframes rd-pulse{0%{box-shadow:0 0 0 0 rgba(95,222,208,0.55);}70%{box-shadow:0 0 0 9px rgba(95,222,208,0);}100%{box-shadow:0 0 0 0 rgba(95,222,208,0);}}
.rd-hero h1{font-size:60px;line-height:1.04;letter-spacing:-0.028em;color:#fff;font-weight:800;margin:22px 0 0;}
.rd-hero h1 .accent{background:linear-gradient(120deg,var(--blue-300),var(--teal-300));-webkit-background-clip:text;background-clip:text;color:transparent;}
.rd-hero__lead{font-size:18.5px;line-height:1.62;color:var(--text-on-inverse-muted);max-width:50ch;margin:22px 0 0;}
.rd-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;}
.rd-hero__trust{display:flex;align-items:center;gap:18px;margin-top:30px;color:#9aa6c4;font-size:13.5px;flex-wrap:wrap;}
.rd-hero__trust strong{color:#fff;font-weight:700;}
.rd-hero__trust .sep{width:4px;height:4px;border-radius:50%;background:#475569;}
@media (max-width:900px){.rd-hero .rd-wrap{grid-template-columns:1fr;gap:40px;}.rd-hero h1{font-size:42px;}}

.rd-orbit{position:relative;}
.rd-glass{background:linear-gradient(180deg,rgba(255,255,255,0.10),rgba(255,255,255,0.04));
  border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-xl);padding:22px;backdrop-filter:blur(10px);box-shadow:0 24px 60px rgba(0,0,0,0.35);}
.rd-glass__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.rd-glass__dot{display:flex;gap:6px;}
.rd-glass__dot span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.25);}
.rd-glass__tag{font-family:var(--font-mono);font-size:11px;color:var(--teal-300);letter-spacing:0.06em;}
.rd-caplist{display:flex;flex-direction:column;gap:10px;}
.rd-capitem{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:var(--radius-md);
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);transition:all var(--dur-base) var(--ease-out);}
.rd-capitem:hover{background:rgba(255,255,255,0.10);transform:translateX(4px);border-color:rgba(255,255,255,0.18);}
.rd-capitem__ic{width:38px;height:38px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:15px;}
.rd-capitem__t{font-weight:600;color:#fff;font-size:14.5px;}
.rd-capitem__s{font-size:12px;color:#93a0c0;margin-top:1px;}
.rd-capitem__go{margin-left:auto;color:#6b7794;font-size:16px;transition:transform var(--dur-fast);}
.rd-capitem:hover .rd-capitem__go{transform:translateX(3px);color:#fff;}

/* Trust bar */
.rd-trust{background:var(--surface-page);border-bottom:1px solid var(--border);padding:30px 0;}
.rd-trust__label{text-align:center;font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:18px;}
.rd-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.rd-marquee__track{display:flex;gap:14px;width:max-content;animation:rd-marq 40s linear infinite;}
.rd-marquee:hover .rd-marquee__track{animation-play-state:paused;}
.rd-client{flex:none;display:flex;align-items:center;height:48px;padding:0 22px;border-radius:var(--radius-md);
  background:var(--surface-card);border:1px solid var(--border);color:var(--text-muted);font-weight:600;font-size:14px;white-space:nowrap;}
@keyframes rd-marq{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* generic section */
.rd-section{padding:92px 0;}
.rd-section--sunken{background:var(--surface-sunken);}
.rd-section--dark{background:var(--surface-inverse);color:var(--text-on-inverse);}

/* Solutions bento */
.rd-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:46px;}
.rd-tile{position:relative;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface-card);
  padding:26px;cursor:pointer;transition:all var(--dur-base) var(--ease-out);overflow:hidden;display:flex;flex-direction:column;color:inherit;}
.rd-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;}
.rd-tile:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);}
.rd-tile--lg{grid-column:span 4;}
.rd-tile--sm{grid-column:span 2;}
.rd-tile--wide{grid-column:span 2;}
.rd-tile__badge{align-self:flex-start;}
.rd-tile__ic{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;color:#fff;margin-bottom:16px;}
.rd-tile__ic svg{width:24px;height:24px;}
.rd-tile__name{font-size:21px;font-weight:700;color:var(--text-strong);letter-spacing:-0.01em;}
.rd-tile__desc{font-size:14px;color:var(--text-muted);line-height:1.6;margin-top:8px;}
.rd-tile__list{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.rd-tile__list li{font-size:12.5px;font-weight:600;color:var(--text-body);background:var(--surface-sunken);padding:5px 11px;border-radius:var(--radius-pill);}
.rd-tile__foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:8px;color:var(--text-brand);font-weight:600;font-size:13.5px;}
.rd-tile--dark{background:var(--surface-inverse-2);border-color:var(--border-inverse);color:#fff;
  background-image:radial-gradient(420px 220px at 100% -20%,rgba(30,79,240,0.4),transparent 60%);}
.rd-tile--dark .rd-tile__name{color:#fff;}
.rd-tile--dark .rd-tile__desc{color:var(--text-on-inverse-muted);}
.rd-tile--dark .rd-tile__list li{background:rgba(255,255,255,0.08);color:#dbe2f2;}
.rd-tile--teal{background-image:radial-gradient(420px 220px at 100% -20%,rgba(18,181,165,0.4),transparent 60%);}
.rd-tile__metric{font-family:var(--font-mono);font-size:40px;font-weight:600;color:#fff;letter-spacing:-0.02em;margin-top:16px;}
.rd-tile__metric-l{font-size:13px;color:var(--text-on-inverse-muted);margin-top:2px;}
.rd-tile__stat{display:flex;gap:28px;align-items:center;height:100%;}
.rd-tile__stat .n{font-family:var(--font-mono);font-size:40px;font-weight:600;letter-spacing:-0.02em;}
.rd-tile__stat .l{font-size:13px;color:var(--text-muted);}
.rd-tile__stat .div{width:1px;height:56px;background:var(--border);}
@media (max-width:900px){
  .rd-bento{grid-template-columns:1fr 1fr;}
  .rd-tile--lg,.rd-tile--sm,.rd-tile--wide{grid-column:span 2;grid-row:auto;}
}

/* How it works */
.rd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;position:relative;}
.rd-step{padding:0 26px;position:relative;}
.rd-step:not(:last-child)::after{content:"";position:absolute;top:26px;right:-2px;width:4px;height:4px;border-radius:50%;
  background:var(--border-strong);box-shadow:14px 0 0 var(--border-strong),28px 0 0 var(--border-strong),-14px 0 0 var(--border-strong);}
.rd-step__n{width:54px;height:54px;border-radius:var(--radius-lg);background:var(--brand-subtle);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:20px;}
.rd-step__t{font-size:19px;font-weight:700;color:var(--text-strong);margin:20px 0 8px;}
.rd-step__d{font-size:14.5px;color:var(--text-muted);line-height:1.62;}
.rd-head--center+.rd-steps .rd-step__n{margin-inline:auto;}
@media (max-width:760px){.rd-steps{grid-template-columns:1fr;gap:28px;}.rd-step::after{display:none;}.rd-step{padding:0;}}

/* Spotlight */
.rd-spot{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius-2xl);overflow:hidden;margin-top:48px;border:1px solid var(--border-inverse);}
.rd-spot__media{background:var(--surface-inverse);padding:50px;position:relative;overflow:hidden;
  background-image:radial-gradient(600px 300px at 80% 120%,rgba(18,181,165,0.30),transparent 60%),radial-gradient(500px 280px at 10% -10%,rgba(30,79,240,0.34),transparent 60%);}
.rd-spot__copy{background:var(--surface-inverse-2);padding:50px;display:flex;flex-direction:column;justify-content:center;}
.rd-spot__name{font-size:40px;font-weight:800;color:#fff;letter-spacing:-0.02em;}
.rd-spot__tag{font-family:var(--font-mono);font-size:12px;color:var(--teal-300);letter-spacing:0.08em;}
.rd-spot__desc{font-size:15.5px;color:var(--text-on-inverse-muted);line-height:1.65;margin:16px 0 0;}
.rd-spot__feats{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;}
.rd-spot__feats li{display:flex;gap:11px;align-items:flex-start;color:#dbe2f2;font-size:14.5px;}
.rd-spot__feats .tick{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(18,181,165,0.2);color:var(--teal-300);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:1px;}
.rd-life{display:flex;flex-direction:column;gap:12px;}
.rd-life__row{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);border-radius:var(--radius-md);padding:16px;}
.rd-life__n{font-family:var(--font-mono);color:var(--blue-300);font-size:13px;}
.rd-life__t{color:#fff;font-weight:600;font-size:14.5px;}
.rd-life__s{color:#93a0c0;font-size:12.5px;}
.rd-spot__switch{display:inline-flex;background:rgba(255,255,255,0.08);border:1px solid var(--border-inverse);border-radius:var(--radius-pill);padding:4px;margin-bottom:26px;align-self:flex-start;}
.rd-spot__switch button{border:none;background:transparent;color:#aeb9d6;font-family:inherit;font-weight:600;font-size:13px;padding:8px 18px;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--dur-fast);}
.rd-spot__switch button[aria-pressed="true"]{background:var(--brand);color:#fff;}
.rd-spot__pane[hidden]{display:none;}
@media (max-width:860px){.rd-spot{grid-template-columns:1fr;}.rd-spot__media,.rd-spot__copy{padding:34px;}}

/* Why + stats */
.rd-why{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;background:var(--border-inverse);border:1px solid var(--border-inverse);border-radius:var(--radius-xl);overflow:hidden;}
.rd-why__cell{background:var(--surface-inverse);padding:30px;}
.rd-why__n{font-family:var(--font-mono);font-size:13px;color:var(--blue-400);}
.rd-why__t{font-size:17.5px;font-weight:700;color:#fff;margin:12px 0 8px;}
.rd-why__d{font-size:14px;color:var(--text-on-inverse-muted);line-height:1.6;}
.rd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;}
.rd-stat{background:rgba(255,255,255,0.04);border:1px solid var(--border-inverse);border-radius:var(--radius-lg);padding:26px;text-align:center;}
.rd-stat__v{font-family:var(--font-mono);font-size:34px;font-weight:600;color:#fff;letter-spacing:-0.02em;line-height:1;}
.rd-stat__l{font-size:13px;color:var(--text-on-inverse-muted);margin-top:8px;font-weight:600;}
@media (max-width:860px){.rd-why{grid-template-columns:1fr;}.rd-stats{grid-template-columns:1fr 1fr;}}

/* Final CTA */
.rd-final{position:relative;background:var(--surface-inverse);color:#fff;border-radius:var(--radius-2xl);padding:64px;overflow:hidden;
  background-image:radial-gradient(700px 360px at 50% -30%,rgba(30,79,240,0.42),transparent 62%);text-align:center;margin:0 auto;}
.rd-final h2{font-size:40px;font-weight:800;letter-spacing:-0.02em;color:#fff;max-width:18ch;margin:0 auto;}
.rd-final p{font-size:17px;color:var(--text-on-inverse-muted);max-width:52ch;margin:16px auto 0;line-height:1.6;}
.rd-final__actions{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap;}
.rd-final__note{font-size:13px;color:#93a0c0;margin-top:18px;}
@media (max-width:760px){.rd-final{padding:40px 24px;}.rd-final h2{font-size:30px;}}

/* ====== 5. CONTACT (WP lead form) ====== */
.rd-contact{padding:92px 0;background:var(--surface-page);}
.rd-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.rd-contact__left .rd-head{margin-bottom:24px;}
.rd-contact__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;}
.rd-info{display:flex;flex-direction:column;gap:16px;margin-top:30px;}
.rd-info__row{display:flex;gap:14px;align-items:flex-start;}
.rd-info__ic{flex:none;width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-subtle);color:var(--brand);}
.rd-info__ic svg{width:20px;height:20px;}
.rd-info__lab{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700;}
.rd-info__val{font-size:15px;color:var(--text-strong);font-weight:600;}
.rd-info__val:hover{color:var(--brand);}
.rd-formcard{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-md);}
.rd-formcard h3{font-size:22px;}
.rd-formcard .sub{color:var(--text-muted);font-size:15px;margin:8px 0 24px;}
.rd-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.rd-form .field{display:block;margin-bottom:16px;}
.rd-form .field>span{display:block;font-size:13px;font-weight:700;color:var(--text-strong);margin-bottom:7px;}
.rd-form input,.rd-form textarea{width:100%;padding:13px 15px;border:1px solid var(--border-strong);border-radius:var(--radius-md);
  font-family:inherit;font-size:15px;color:var(--text-strong);background:var(--surface-page);
  transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background var(--dur-fast);}
.rd-form input::placeholder,.rd-form textarea::placeholder{color:var(--text-faint);}
.rd-form input:focus,.rd-form textarea:focus{outline:0;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px var(--ring);}
.rd-form textarea{resize:vertical;min-height:110px;}
.rd-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.rd-form .wao-btn{width:100%;margin-top:6px;}
.rd-form .note{margin-top:14px;font-size:12.5px;color:var(--text-faint);text-align:center;}
.rd-form input.invalid,.rd-form textarea.invalid{border-color:var(--red-500);background:#fdf3f2;}
.rd-form input.invalid:focus,.rd-form textarea.invalid:focus{box-shadow:0 0 0 4px rgba(229,72,77,.14);}
.rd-form .field-error{display:block;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--red-600);}
.wao-btn.is-loading{pointer-events:none;}
.wao-btn.is-loading .spinner{width:16px;height:16px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:rd-spin .7s linear infinite;}
@keyframes rd-spin{to{transform:rotate(360deg);}}
.rd-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-md);margin-bottom:28px;font-weight:600;font-size:15px;box-shadow:var(--shadow-sm);}
.rd-alert svg{width:22px;height:22px;flex:none;}
.rd-alert--ok{background:var(--success-subtle);color:var(--green-600);border:1px solid #bce6cc;}
.rd-alert--bad{background:var(--danger-subtle);color:var(--red-600);border:1px solid #f3c7c4;}
.rd-map{margin-top:20px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;min-height:240px;position:relative;background:var(--surface-sunken);}
.rd-map iframe{display:block;width:100%;height:100%;min-height:240px;border:0;}
.rd-map__link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:700;font-size:14px;color:var(--brand);}
.rd-map__link svg{width:17px;height:17px;}
@media (max-width:860px){.rd-contact__grid{grid-template-columns:1fr;gap:32px;}.rd-form .row{grid-template-columns:1fr;gap:0;}.rd-formcard{padding:26px;}}

/* Footer */
.rd-footer{background:var(--navy-950);color:var(--text-on-inverse-muted);padding:60px 0 36px;}
.rd-footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;}
.rd-footer__tag{font-size:13.5px;color:#6b7794;max-width:34ch;margin-top:16px;line-height:1.6;}
.rd-footer__col h4{font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:0.08em;margin:0 0 14px;}
.rd-footer__col a{display:block;color:#aeb9d6;font-size:14px;text-decoration:none;padding:5px 0;}
.rd-footer__col a:hover{color:#fff;}
.rd-footer__social{display:flex;gap:10px;margin-top:16px;}
.rd-footer__social a{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,0.06);border:1px solid var(--border-inverse);color:#aeb9d6;}
.rd-footer__social a:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
.rd-footer__social svg{width:18px;height:18px;}
.rd-footer__bottom{border-top:1px solid var(--border-inverse);margin-top:40px;padding-top:22px;font-size:13px;color:#58647e;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.rd-footer__bottom a{color:#aeb9d6;}
@media (max-width:760px){.rd-footer__top{grid-template-columns:1fr 1fr;}}

/* Back to top */
.rd-totop{position:fixed;right:22px;bottom:78px;width:46px;height:46px;border-radius:13px;background:var(--brand);color:#fff;border:0;cursor:pointer;z-index:65;display:grid;place-items:center;box-shadow:var(--shadow-brand);opacity:0;visibility:hidden;transform:translateY(14px);transition:.3s var(--ease-out);}
.rd-totop svg{width:20px;height:20px;}
.rd-totop.show{opacity:1;visibility:visible;transform:none;}

/* ====== 5b. RESTORED CONTENT SECTIONS ====== */
/* About — value props (4 cards) */
.rd-features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px;}
.rd-feature{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);}
.rd-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;}
.rd-feature__ic{width:48px;height:48px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-subtle);color:var(--brand);margin-bottom:16px;}
.rd-feature__ic svg{width:24px;height:24px;}
.rd-feature h3{font-size:17px;margin-bottom:8px;}
.rd-feature p{font-size:14px;color:var(--text-muted);line-height:1.6;}
@media (max-width:900px){.rd-features{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.rd-features{grid-template-columns:1fr;}}

/* Philosophy band (dark, centered) */
.rd-philo{position:relative;background:var(--surface-inverse);border-radius:var(--radius-2xl);padding:72px 48px;text-align:center;overflow:hidden;color:#fff;
  background-image:radial-gradient(600px 300px at 85% 8%,rgba(30,79,240,.35),transparent 60%),radial-gradient(520px 300px at 8% 100%,rgba(18,181,165,.22),transparent 60%);box-shadow:var(--shadow-lg);}
.rd-philo__eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-300);}
.rd-philo h2{font-size:clamp(26px,4vw,40px);color:#fff;max-width:22ch;margin:16px auto 0;line-height:1.2;}
.rd-philo .strike{color:#6f86ad;text-decoration:line-through;text-decoration-color:rgba(111,134,173,.55);text-decoration-thickness:2px;}
.rd-philo .hl{background:linear-gradient(120deg,var(--blue-300),var(--teal-300));-webkit-background-clip:text;background-clip:text;color:transparent;}
.rd-philo__chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px;}
.rd-philo__chips span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#eaf2ff;background:rgba(255,255,255,.08);border:1px solid var(--border-inverse);padding:9px 16px;border-radius:var(--radius-pill);}
.rd-philo__chips svg{width:16px;height:16px;color:var(--teal-300);}
.rd-philo__flow{margin-top:28px;display:inline-flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;color:#bcd4ff;font-weight:600;font-size:14.5px;}
.rd-philo__flow .arrow{color:var(--teal-300);}
@media (max-width:600px){.rd-philo{padding:48px 24px;}}

/* Vision & Mission (2 cards) */
.rd-vm{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px;}
.rd-vm__card{position:relative;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;overflow:hidden;box-shadow:var(--shadow-sm);}
.rd-vm__card::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--blue-500),var(--teal-500));}
.rd-vm__tag{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-brand);}
.rd-vm__card h3{font-size:22px;margin:10px 0 12px;}
.rd-vm__card p{color:var(--text-muted);font-size:15px;line-height:1.62;}
@media (max-width:760px){.rd-vm{grid-template-columns:1fr;}}

/* Core values W·A·O (3 cards) */
.rd-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px;}
.rd-value{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:34px 30px;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);}
.rd-value:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.rd-value__letter{font-size:64px;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,var(--blue-600),var(--teal-500));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px;}
.rd-value h3{font-size:19px;margin-bottom:8px;}
.rd-value p{color:var(--text-muted);font-size:14.5px;line-height:1.6;}
.rd-value__tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;}
.rd-value__tags span{font-size:12px;font-weight:600;color:var(--text-brand);background:var(--brand-subtle);padding:5px 11px;border-radius:var(--radius-pill);}
@media (max-width:760px){.rd-values{grid-template-columns:1fr;}}

/* Leadership (3 cards) */
.rd-leaders{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px;}
.rd-leader{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;text-align:center;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);}
.rd-leader:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.rd-leader__photo{width:120px;height:120px;border-radius:50%;margin:0 auto 18px;overflow:hidden;border:3px solid #fff;box-shadow:0 10px 30px rgba(10,14,26,.14),0 0 0 1px var(--border);}
.rd-leader__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;}
.rd-leader h3{font-size:19px;}
.rd-leader__role{color:var(--text-brand);font-weight:600;font-size:14px;margin-top:4px;}
.rd-leader__bio{color:var(--text-muted);font-size:13.5px;line-height:1.55;margin-top:12px;}
@media (max-width:760px){.rd-leaders{grid-template-columns:1fr;max-width:420px;margin-inline:auto;}}

/* Clients (grouped cards) */
.rd-clients{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px;}
.rd-cgroup{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:26px;}
.rd-cgroup--wide{grid-column:1/-1;}
.rd-cgroup--dark{background:var(--surface-inverse);color:#fff;border-color:var(--border-inverse);background-image:radial-gradient(540px 240px at 92% -10%,rgba(30,79,240,.34),transparent 60%);}
.rd-cgroup__head{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.rd-cgroup__ic{flex:none;width:42px;height:42px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-subtle);color:var(--brand);}
.rd-cgroup__ic svg{width:20px;height:20px;}
.rd-cgroup--dark .rd-cgroup__ic{background:rgba(255,255,255,.1);color:var(--teal-300);}
.rd-cgroup__head h4{font-size:16px;}
.rd-cgroup--dark .rd-cgroup__head h4{color:#fff;}
.rd-chips{display:flex;flex-wrap:wrap;gap:10px;}
.rd-chips span{font-size:13.5px;font-weight:600;color:var(--text-body);background:var(--surface-sunken);border:1px solid var(--border);padding:7px 13px;border-radius:var(--radius-pill);transition:border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast);}
.rd-chips span:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);}
.rd-cgroup--dark .rd-chips span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#dbe2f2;}
.rd-cgroup--dark .rd-chips span:hover{border-color:var(--teal-300);color:#fff;}
@media (max-width:860px){.rd-clients{grid-template-columns:1fr;}}

/* Real logo mark in nav / footer brand */
.rd-mark{width:auto;height:88px;display:block;flex:none;}
.rd-footer .rd-mark{width:auto;height:72px;}

/* Workshop / training promo (uses the event poster) */
.rd-workshop{display:grid;grid-template-columns:0.82fr 1.18fr;gap:44px;align-items:center;
  background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:30px;box-shadow:var(--shadow-md);}
.rd-workshop__media{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--surface-sunken);}
.rd-workshop__media img{width:100%;height:auto;display:block;}
.rd-workshop__eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-brand);margin-bottom:12px;}
.rd-workshop__body h2{font-size:clamp(24px,3.2vw,34px);letter-spacing:-0.02em;line-height:1.15;}
.rd-workshop__body .lead{margin-top:14px;color:var(--text-muted);font-size:16px;line-height:1.6;}
.rd-workshop__list{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:13px;}
.rd-workshop__list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--text-body);line-height:1.55;}
.rd-workshop__list .ck{flex:none;width:22px;height:22px;border-radius:50%;background:var(--brand-subtle);color:var(--brand);display:grid;place-items:center;margin-top:1px;}
.rd-workshop__list .ck svg{width:13px;height:13px;}
.rd-workshop__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.rd-workshop__meta{margin-top:16px;font-size:14px;color:var(--text-muted);}
.rd-workshop__meta strong{color:var(--text-strong);font-family:var(--font-mono);}
@media (max-width:860px){
  .rd-workshop{grid-template-columns:1fr;gap:26px;padding:22px;}
  .rd-workshop__media{max-width:380px;margin-inline:auto;}
}

/* ====== 6. MOTION ====== */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);will-change:opacity,transform;}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
  .reveal{opacity:1;transform:none;}
  .rd-marquee__track,.rd-hero__eyebrow .pulse{animation:none !important;}
}