/* ============================================================================
   DR SOPHIA AI · HOME · VERSION 3 - "IMMERSIVE / MOTION-NATIVE"  (home-v3.css)
   ----------------------------------------------------------------------------
   Loads LAST, after tokens -> brand -> components -> site. Version-specific
   LAYOUT only: a cinematic, scroll-narrated stack where full-bleed sections
   carry the arc Problem > System > Governance > Integration > CTA, one idea on
   screen at a time, with staged reveals and the constellation woven through
   section dividers + backgrounds. Composes with the shared component kit;
   never overrides the colour contract. Calm Authority, low amplitude.
   UK English. No em dashes. Every value binds a --ds-* token where one exists.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   0 · LOCAL ALIASES  (mirror the other layers so this file is self-sufficient)
   ---------------------------------------------------------------------------- */
.home-v3{
  --ease: var(--ds-ease-authority);
  --hair: 1px solid var(--ds-border-subtle);
  --rule: 1px solid var(--ds-border-strong);
  --elev-1: 0 1px 2px var(--ds-color-ink-a04), 0 8px 24px var(--ds-color-ink-a06);
  --elev-2: 0 1px 2px var(--ds-color-ink-a04), 0 2px 8px var(--ds-color-ink-a06), 0 22px 56px var(--ds-color-ink-a10);
  --elev-3: 0 2px 4px var(--ds-color-ink-a06), 0 10px 24px var(--ds-color-ink-a06), 0 40px 90px var(--ds-color-ink-a12);
}

/* ----------------------------------------------------------------------------
   1 · CINEMATIC SECTION RHYTHM
   Each act fills more of the viewport so one idea sits on screen at a time.
   Full-bleed coloured acts break out of the page padding for breadth.
   ---------------------------------------------------------------------------- */
.home-v3 .section_layout{position:relative;overflow:clip}

/* breathing room between acts: calm-but-not-cavernous. The narrative still
   paces, but no act leaves a full empty screen before its content. */
.home-v3 .v3-act > .padding-global > .container-large > .padding-section-large{
  padding-top:clamp(56px, 7vw, 112px);
  padding-bottom:clamp(56px, 7vw, 112px);
}

/* an act-tag: small numbered chapter marker that anchors each scene */
.home-v3 .v3-chapter{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px}
.home-v3 .v3-chapter__no{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;
  font-size:var(--ds-text-micro);font-weight:600;letter-spacing:.14em;color:var(--ds-color-copper-ink);
  border:1px solid var(--ds-color-ink-a12);border-radius:var(--ds-radius-sm);padding:4px 9px}
.home-v3 .v3-chapter__no.on-dark{color:var(--ds-color-copper-light);border-color:rgba(255,245,233,.24)}
.home-v3 .v3-chapter__t{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ds-text-secondary)}
.home-v3 .v3-chapter__t.on-dark{color:rgba(255,245,233,.7)}

/* a shareable summary line a champion can paste into an internal email */
.home-v3 .v3-takeaway{display:flex;align-items:flex-start;gap:12px;margin-top:clamp(22px,2.4vw,32px);
  padding-top:18px;border-top:var(--rule);max-width:64ch}
.home-v3 .v3-takeaway svg{width:16px;height:16px;flex-shrink:0;color:var(--ds-color-copper);margin-top:3px}
.home-v3 .v3-takeaway p{font-family:var(--ds-font-ui);font-size:var(--ds-text-card);font-weight:600;
  line-height:1.6;color:var(--ds-color-green-deep);margin:0;max-width:none}
.home-v3 .v3-takeaway.on-dark{border-top-color:rgba(255,245,233,.18)}
.home-v3 .v3-takeaway.on-dark p{color:rgba(255,245,233,.86)}
.home-v3 .v3-takeaway.on-dark svg{color:var(--ds-color-copper-light)}

/* ----------------------------------------------------------------------------
   2 · CONSTELLATION SECTION DIVIDERS
   A thin full-bleed seam that carries the brand motif between acts: a hairline
   rule with a single breathing constellation node centred on it. Low amplitude.
   ---------------------------------------------------------------------------- */
.home-v3 .v3-seam{position:relative;height:0;border:none;margin:0}
.home-v3 .v3-seam__rule{position:relative;display:flex;align-items:center;justify-content:center;
  height:clamp(64px,7vw,104px)}
.home-v3 .v3-seam__rule::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,var(--ds-border-subtle) 14%,var(--ds-border-subtle) 86%,transparent)}
.home-v3 .v3-seam__mark{position:relative;width:clamp(40px,4.4vw,58px);height:auto;display:block;
  background:var(--ds-color-bone);padding:0 14px}
.home-v3 .v3-seam.is-on-tint .v3-seam__mark{background:var(--ds-surface-tint)}

/* ----------------------------------------------------------------------------
   3 · HERO - larger, more ambient. Field reads BIG behind a centred statement,
   with a radial scrim so the copy stays AA-legible. Single column, full-height.
   Overrides the shared two-column hero layout for this version only.
   ---------------------------------------------------------------------------- */
.home-v3 .section_hero{min-height:100svh;display:grid;align-items:stretch;border-bottom:none;position:relative}
.home-v3 .section_hero .padding-section-large{padding-top:0;padding-bottom:0}
.home-v3 .hero_layout{grid-template-columns:1fr;min-height:100svh;align-content:center;
  padding-top:clamp(64px,12vh,140px);padding-bottom:clamp(56px,10vh,120px);gap:0}

/* the field now spans the WHOLE hero, behind the centred copy */
.home-v3 .hero_field{position:absolute;inset:0;order:0;min-height:0;width:100%;height:100%;
  z-index:0;pointer-events:none}
.home-v3 .hero_field-fallback svg{max-width:clamp(420px,62vw,860px)}

/* radial + vertical scrim so the centred statement holds AA over the field */
.home-v3 .hero_scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(60% 52% at 50% 46%, color-mix(in srgb,var(--ds-color-bone) 78%,transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in srgb,var(--ds-color-bone) 30%,transparent) 0%, transparent 24%, transparent 70%, color-mix(in srgb,var(--ds-color-bone) 52%,transparent) 100%)}

/* centred hero copy, sitting OVER the field + scrim */
.home-v3 .hero_content{order:1;z-index:2;text-align:center;max-width:30ch;margin:0 auto;
  display:flex;flex-direction:column;align-items:center}
.home-v3 .hero_eyebrow{justify-content:center;margin-bottom:24px}
.home-v3 .hero_title{max-width:18ch;font-size:var(--ds-text-display);margin-bottom:24px;text-align:center}
.home-v3 .hero_subhead{max-width:60ch;text-align:center;margin-left:auto;margin-right:auto;
  font-size:var(--ds-text-body-lg)}
.home-v3 .hero_trust{justify-content:center;margin-top:26px}
.home-v3 .hero_actions{justify-content:center;margin-top:34px}

/* a quiet scroll cue at the foot of the hero */
.home-v3 .hero_scrollcue{position:absolute;left:50%;bottom:clamp(20px,4vh,40px);transform:translateX(-50%);
  z-index:2;display:inline-flex;flex-direction:column;align-items:center;gap:9px;
  font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ds-text-secondary)}
.home-v3 .hero_scrollcue svg{width:14px;height:20px;color:var(--ds-color-copper)}
@media(prefers-reduced-motion:no-preference){
  .home-v3 .hero_scrollcue svg .cue-dot{animation:v3cue 2.4s var(--ease) infinite}
}
@keyframes v3cue{0%{transform:translateY(0);opacity:0}20%{opacity:1}60%{transform:translateY(7px);opacity:0}100%{opacity:0}}
@media(max-width:680px){.home-v3 .hero_scrollcue{display:none}}

/* ----------------------------------------------------------------------------
   4 · PROBLEM ACT (H2) - full-bleed deep field, 8 severity cards
   A dark act: "doing nothing" framed as the competitor. Constellation in bg.
   ---------------------------------------------------------------------------- */
.home-v3 .section_problem{position:relative;background:var(--ds-color-green-deep);
  color:var(--ds-color-bone);overflow:clip}
.home-v3 .section_problem .heading-style-h2,.home-v3 .section_problem h2{color:var(--ds-color-bone);max-width:22ch}
.home-v3 .section_problem .section-head>p{color:rgba(255,245,233,.74)}
.home-v3 .v3-bgfield{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.home-v3 .v3-bgfield svg{position:absolute;width:min(120%,1400px);height:auto;opacity:.5}
.home-v3 .v3-bgfield--tr{top:-14%;right:-10%}
.home-v3 .v3-bgfield--bl{bottom:-18%;left:-12%;opacity:.32}
.home-v3 .section_problem .padding-section-large{position:relative;z-index:1}

/* reassurance panel: TOP copper accent rule (never a decorative left bar) */
.home-v3 .v3-reassure{margin:clamp(26px,3vw,40px) 0 0;padding:18px 22px;
  border-top:2px solid var(--ds-color-copper);background:rgba(255,245,233,.05);
  border-radius:var(--ds-radius-base);max-width:62ch}
.home-v3 .v3-reassure p{color:rgba(255,245,233,.86);font-size:var(--ds-text-body-lg);margin:0;line-height:1.55}

.home-v3 .v3-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(14px,1.6vw,20px);margin-top:clamp(34px,4vw,56px)}
@media(max-width:1080px){.home-v3 .v3-problem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.home-v3 .v3-problem-grid{grid-template-columns:1fr}}
.home-v3 .v3-pcard{position:relative;background:rgba(255,245,233,.04);
  border:1px solid rgba(255,245,233,.14);border-radius:var(--ds-radius-lg);
  padding:clamp(20px,2vw,26px);display:flex;flex-direction:column;gap:12px;overflow:hidden;
  transition:transform var(--ds-dur) var(--ease),background var(--ds-dur) var(--ease),border-color var(--ds-dur) var(--ease)}
.home-v3 .v3-pcard:hover{transform:translateY(-3px);background:rgba(255,245,233,.07);border-color:rgba(233,166,107,.4)}
.home-v3 .v3-pcard__sev{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,245,233,.7);background:rgba(255,245,233,.06);border:1px solid rgba(255,245,233,.16);
  border-radius:var(--ds-radius-sm);padding:4px 9px}
.home-v3 .v3-pcard__sev .d{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--ds-color-copper-light)}
.home-v3 .v3-pcard__sev.is-high .d{background:var(--ds-color-copper)}
.home-v3 .v3-pcard__sev.is-med .d{background:var(--ds-color-copper-light)}
.home-v3 .v3-pcard__sev.is-struct .d{background:#A9C3B6}
.home-v3 .v3-pcard h3{font-family:var(--ds-font-display);font-size:var(--ds-text-card-title);font-weight:600;
  color:var(--ds-color-bone);line-height:1.2;letter-spacing:-.01em;margin:0}
.home-v3 .v3-pcard p{font-size:var(--ds-text-card);line-height:1.55;color:rgba(255,245,233,.72);margin:0}
.home-v3 .v3-pcard__cite{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-style:italic;
  color:rgba(255,245,233,.72);margin-top:auto;padding-top:6px}

/* ----------------------------------------------------------------------------
   5 · PLATFORM ACT (H3) - 4 module cards, the family on one row
   ---------------------------------------------------------------------------- */
.home-v3 .v3-oneliner{font-family:var(--ds-font-display);font-size:clamp(1.2rem,1rem+.9vw,1.6rem);
  font-weight:500;color:var(--ds-color-green-deep);line-height:1.4;max-width:34ch;
  letter-spacing:-.01em;margin:0}
.home-v3 .v3-oneliner b{font-weight:600;color:var(--ds-color-green)}
.home-v3 .v3-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,22px);
  margin-top:clamp(34px,4vw,56px)}
@media(max-width:980px){.home-v3 .v3-modules{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.home-v3 .v3-modules{grid-template-columns:1fr}}
.home-v3 .v3-module{position:relative;display:flex;flex-direction:column;gap:14px;
  background:var(--ds-surface-raised);border:var(--hair);border-radius:var(--ds-radius-lg);
  box-shadow:var(--elev-1);padding:clamp(24px,2.4vw,32px);text-decoration:none;overflow:hidden;
  transition:transform var(--ds-dur) var(--ease),box-shadow var(--ds-dur) var(--ease),border-color var(--ds-dur) var(--ease)}
.home-v3 .v3-module:hover{transform:translateY(-4px);box-shadow:var(--elev-2);border-color:var(--ds-color-green-100)}
.home-v3 .v3-module__ico{width:46px;height:46px;display:block}
.home-v3 .v3-module__role{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ds-color-copper-ink)}
.home-v3 .v3-module h3{font-family:var(--ds-font-display);font-size:var(--ds-text-h4);font-weight:600;
  color:var(--ds-color-green-deep);letter-spacing:-.012em;margin:0;line-height:1.15}
.home-v3 .v3-module h3 .v3-live{display:inline-flex;align-items:center;gap:6px;margin-left:8px;
  font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ds-color-green-deep);background:var(--ds-color-green-50);border:1px solid var(--ds-color-green-100);
  border-radius:var(--ds-radius-pill);padding:3px 8px;vertical-align:middle}
.home-v3 .v3-module h3 .v3-live .d{width:6px;height:6px;border-radius:50%;background:var(--ds-color-green)}
.home-v3 .v3-module p{font-size:var(--ds-text-card);line-height:1.55;color:var(--ds-text-secondary);margin:0;flex:1}
.home-v3 .v3-module__lk{display:inline-flex;align-items:center;gap:7px;
  font-family:var(--ds-font-ui);font-size:var(--ds-text-card);font-weight:700;color:var(--ds-color-green);
  border-bottom:2px solid transparent;width:fit-content;
  transition:border-color var(--ds-dur-fast) var(--ease),color var(--ds-dur-fast) var(--ease)}
.home-v3 .v3-module__lk svg{width:14px;height:9px;transition:transform var(--ds-dur-fast) var(--ease)}
.home-v3 .v3-module:hover .v3-module__lk{color:var(--ds-color-copper-ink);border-bottom-color:var(--ds-color-copper)}
.home-v3 .v3-module:hover .v3-module__lk svg{transform:translateX(3px)}
.home-v3 .v3-future{display:flex;align-items:center;gap:10px;margin-top:clamp(22px,2.4vw,30px);
  font-size:var(--ds-text-card);color:var(--ds-text-secondary)}
.home-v3 .v3-future svg{width:15px;height:15px;color:var(--ds-color-copper);flex-shrink:0}

/* ----------------------------------------------------------------------------
   6 · GOVERNANCE ACT (H4, signature) - full-bleed deep field, audit-trail mock
   The expressive centrepiece: the audit-pack UI sits big, lit against the dark.
   ---------------------------------------------------------------------------- */
.home-v3 .section_govern{position:relative;background:var(--ds-color-green-deep);
  color:var(--ds-color-bone);overflow:clip}
.home-v3 .section_govern .heading-style-h2,.home-v3 .section_govern h2{color:var(--ds-color-bone);max-width:20ch}
.home-v3 .section_govern .section-head>p{color:rgba(255,245,233,.74)}
.home-v3 .section_govern .padding-section-large{position:relative;z-index:1}
.home-v3 .v3-govern-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,4vw,64px);
  align-items:center;margin-top:clamp(30px,3.5vw,48px)}
@media(max-width:980px){.home-v3 .v3-govern-grid{grid-template-columns:1fr;gap:36px}}

/* audit-trail mock (16:9 styled HTML / inline-SVG) */
.home-v3 .v3-audit{position:relative;background:var(--ds-surface-raised);border:1px solid rgba(255,245,233,.16);
  border-radius:var(--ds-radius-lg);box-shadow:var(--elev-3);overflow:hidden;aspect-ratio:16/9;
  display:flex;flex-direction:column;min-width:0}
@media(max-width:560px){.home-v3 .v3-audit{aspect-ratio:auto}}
.home-v3 .v3-audit__bar{display:flex;align-items:center;gap:11px;padding:13px 18px;
  background:var(--ds-color-green-deep);border-bottom:1px solid rgba(255,245,233,.12)}
.home-v3 .v3-audit__bar .v3-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,245,233,.22)}
.home-v3 .v3-audit__bar .v3-dot:nth-child(2){background:rgba(255,245,233,.16)}
.home-v3 .v3-audit__bar .v3-dot:nth-child(3){background:rgba(255,245,233,.12)}
.home-v3 .v3-audit__title{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.04em;
  color:rgba(255,245,233,.78);margin-left:6px}
.home-v3 .v3-audit__live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ds-color-copper-light)}
.home-v3 .v3-audit__live .d{width:6px;height:6px;border-radius:50%;background:var(--ds-color-copper-light)}
@media(prefers-reduced-motion:no-preference){.home-v3 .v3-audit__live .d{animation:v3blink 2.6s var(--ease) infinite}}
@keyframes v3blink{0%,100%{opacity:1}50%{opacity:.35}}
.home-v3 .v3-audit__body{flex:1;display:grid;grid-template-columns:1fr;gap:0;overflow:hidden}
.home-v3 .v3-audit__hd{padding:14px 18px 12px;border-bottom:var(--hair)}
.home-v3 .v3-audit__clin{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ds-text-secondary);margin-bottom:5px}
.home-v3 .v3-audit__clin b{color:var(--ds-color-green-deep);font-weight:700}
.home-v3 .v3-audit__rec{font-family:var(--ds-font-display);font-size:clamp(.95rem,.85rem+.4vw,1.18rem);
  font-weight:600;color:var(--ds-color-green-deep);line-height:1.25;margin:0 0 6px}
.home-v3 .v3-audit__src{display:inline-flex;align-items:center;gap:6px;font-family:var(--ds-font-ui);
  font-size:var(--ds-text-micro);font-weight:700;color:var(--ds-color-green);background:var(--ds-color-green-50);
  border:1px solid var(--ds-color-green-100);border-radius:var(--ds-radius-pill);padding:3px 10px}
.home-v3 .v3-audit__steps{padding:12px 18px;display:flex;flex-direction:column;overflow:hidden}
.home-v3 .v3-step{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:7px 0;position:relative}
.home-v3 .v3-step:not(:last-child)::before{content:"";position:absolute;left:8px;top:24px;bottom:-7px;
  width:2px;background:var(--ds-color-green);opacity:.3}
.home-v3 .v3-step__node{width:18px;height:18px;border-radius:50%;border:2px solid var(--ds-color-green);
  background:var(--ds-color-bone);flex-shrink:0;display:grid;place-items:center;margin-top:1px}
.home-v3 .v3-step__node i{width:6px;height:6px;border-radius:50%;background:var(--ds-color-green)}
.home-v3 .v3-step.is-now .v3-step__node{border-color:var(--ds-color-copper)}
.home-v3 .v3-step.is-now .v3-step__node i{background:var(--ds-color-copper)}
.home-v3 .v3-step__k{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ds-text-secondary);display:block;margin-bottom:1px}
.home-v3 .v3-step__v{font-size:var(--ds-text-meta);color:var(--ds-text-primary);line-height:1.4}
.home-v3 .v3-step__v b{color:var(--ds-color-green-deep);font-weight:700}
.home-v3 .v3-audit__anchor{display:flex;align-items:center;gap:11px;padding:12px 18px;
  background:var(--ds-color-sage);border-top:var(--hair)}
.home-v3 .v3-audit__anchor svg{width:22px;height:22px;flex-shrink:0;color:var(--ds-color-copper)}
.home-v3 .v3-audit__anchor .meta{font-size:var(--ds-text-micro);color:var(--ds-text-secondary);line-height:1.4;min-width:0}
.home-v3 .v3-audit__anchor .meta b{display:block;font-family:var(--ds-font-ui);font-size:9px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ds-color-green-deep);font-weight:700}
.home-v3 .v3-audit__anchor code{font-family:ui-monospace,monospace;font-size:var(--ds-text-micro);color:var(--ds-color-green-deep);
  overflow-wrap:anywhere}
.home-v3 .v3-audit__export{margin-left:auto;display:inline-flex;align-items:center;gap:7px;flex-shrink:0;
  font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;color:var(--ds-color-green-deep);
  background:var(--ds-color-bone);border:1.5px solid var(--ds-color-green);border-radius:var(--ds-radius-sm);
  padding:7px 12px;text-decoration:none;transition:background var(--ds-dur-fast) var(--ease),color var(--ds-dur-fast) var(--ease)}
.home-v3 .v3-audit__export svg{width:13px;height:13px;color:currentColor}
.home-v3 .v3-audit__export:hover{background:var(--ds-color-green);color:var(--ds-color-bone)}

/* the 3-line evidence block beside the mock */
.home-v3 .v3-evidence{display:flex;flex-direction:column;gap:0;margin:clamp(22px,2.4vw,30px) 0 0}
.home-v3 .v3-evidence .e{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px 0;
  border-top:1px solid rgba(255,245,233,.16)}
.home-v3 .v3-evidence .e:first-child{border-top:none}
.home-v3 .v3-evidence .e__ck{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  background:rgba(233,166,107,.16);color:var(--ds-color-copper-light)}
.home-v3 .v3-evidence .e__ck svg{width:14px;height:14px}
.home-v3 .v3-evidence .e b{display:block;font-family:var(--ds-font-ui);font-size:var(--ds-text-card);font-weight:700;
  color:var(--ds-color-bone);margin-bottom:3px}
/* semantic h4 variant (governance-entry / provenance redesign, 2026-07-06): a real
   heading tag at the h4 scale, styled like the other card/segment h3s (Gantari 600) */
.home-v3 .v3-evidence .e h4{display:block;font-family:var(--ds-font-display);font-size:var(--ds-text-h4);
  font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--ds-color-bone);margin:0 0 6px}
.home-v3 .v3-evidence .e span{font-size:var(--ds-text-card);color:rgba(255,245,233,.74);line-height:1.5}
.home-v3 .section_govern .v3-takeaway{border-top:none;padding-top:0;margin-top:clamp(26px,3vw,36px)}

/* ----------------------------------------------------------------------------
   7 · INDUSTRIES ACT (H5) - 3 segment cards, each in its own language
   ---------------------------------------------------------------------------- */
.home-v3 .v3-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px);
  margin-top:clamp(34px,4vw,56px)}
@media(max-width:900px){.home-v3 .v3-segments{grid-template-columns:1fr}}
.home-v3 .v3-seg{position:relative;display:flex;flex-direction:column;gap:14px;overflow:hidden;
  background:var(--ds-surface-raised);border:var(--hair);border-radius:var(--ds-radius-lg);
  box-shadow:var(--elev-1);padding:clamp(26px,2.6vw,36px);text-decoration:none;
  transition:transform var(--ds-dur) var(--ease),box-shadow var(--ds-dur) var(--ease),border-color var(--ds-dur) var(--ease)}
.home-v3 .v3-seg:hover{transform:translateY(-4px);box-shadow:var(--elev-2);border-color:var(--ds-color-green-100)}
.home-v3 .v3-seg__wm{position:absolute;right:-34px;top:-30px;width:150px;opacity:.1;pointer-events:none}
.home-v3 .v3-seg__ico{width:48px;height:48px;display:block;position:relative}
.home-v3 .v3-seg__tag{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ds-color-copper-ink);position:relative}
.home-v3 .v3-seg h3{font-family:var(--ds-font-display);font-size:var(--ds-text-h4);font-weight:600;
  color:var(--ds-color-green-deep);letter-spacing:-.012em;line-height:1.15;margin:0;position:relative}
.home-v3 .v3-seg p{font-size:var(--ds-text-card);line-height:1.55;color:var(--ds-text-secondary);margin:0;flex:1;position:relative}
.home-v3 .v3-seg__vocab{font-family:var(--ds-font-ui);font-size:var(--ds-text-meta);font-weight:700;
  color:var(--ds-color-green-deep);border-top:var(--hair);padding-top:14px;position:relative;line-height:1.5}
.home-v3 .v3-seg__lk{display:inline-flex;align-items:center;gap:7px;font-family:var(--ds-font-ui);
  font-size:var(--ds-text-card);font-weight:700;color:var(--ds-color-green);border-bottom:2px solid transparent;
  width:fit-content;position:relative;transition:border-color var(--ds-dur-fast) var(--ease),color var(--ds-dur-fast) var(--ease)}
.home-v3 .v3-seg__lk svg{width:14px;height:9px;transition:transform var(--ds-dur-fast) var(--ease)}
.home-v3 .v3-seg:hover .v3-seg__lk{color:var(--ds-color-copper-ink);border-bottom-color:var(--ds-color-copper)}
.home-v3 .v3-seg:hover .v3-seg__lk svg{transform:translateX(3px)}
.home-v3 .v3-doorway{display:flex;align-items:center;gap:10px;justify-content:center;
  margin-top:clamp(28px,3vw,40px);text-align:center}

/* ----------------------------------------------------------------------------
   8 · SOCIAL PROOF ACT (H6) - Botaniqal case study + honesty panel
   ---------------------------------------------------------------------------- */
.home-v3 .section_proof{background:var(--ds-surface-tint);border-top:var(--hair);border-bottom:var(--hair)}
.home-v3 .v3-proof-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,4vw,60px);
  align-items:center;margin-top:clamp(30px,3.5vw,48px)}
@media(max-width:980px){.home-v3 .v3-proof-grid{grid-template-columns:1fr;gap:34px}}

/* clinical-grade case-study visual (styled HTML, not stock) */
.home-v3 .v3-case{position:relative;background:var(--ds-color-green-deep);border:var(--hair);
  border-radius:var(--ds-radius-lg);box-shadow:var(--elev-2);overflow:hidden;padding:clamp(26px,3vw,40px);
  min-height:clamp(300px,34vw,420px);display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.home-v3 .v3-case__wm{position:absolute;right:-50px;bottom:-50px;width:280px;opacity:.42;pointer-events:none}
.home-v3 .v3-case__top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px}
.home-v3 .v3-case__badge{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ds-color-copper-light)}
.home-v3 .v3-case__live{display:inline-flex;align-items:center;gap:7px;font-family:var(--ds-font-ui);
  font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-color-bone);
  background:rgba(255,245,233,.08);border:1px solid rgba(255,245,233,.2);border-radius:var(--ds-radius-pill);padding:5px 11px}
.home-v3 .v3-case__live .d{width:7px;height:7px;border-radius:50%;background:#7FD0A6}
@media(prefers-reduced-motion:no-preference){.home-v3 .v3-case__live .d{animation:v3blink 2.6s var(--ease) infinite}}
.home-v3 .v3-case__name{position:relative}
.home-v3 .v3-case__name b{font-family:var(--ds-font-display);font-size:clamp(1.5rem,1.2rem+1.4vw,2.2rem);
  font-weight:600;color:var(--ds-color-bone);letter-spacing:-.014em;line-height:1.1;display:block}
.home-v3 .v3-case__name span{font-family:var(--ds-font-ui);font-size:var(--ds-text-card);color:rgba(255,245,233,.72);
  display:block;margin-top:8px;line-height:1.5;max-width:34ch}
.home-v3 .v3-case__meta{position:relative;display:flex;gap:22px;flex-wrap:wrap;padding-top:18px;
  border-top:1px solid rgba(255,245,233,.16)}
.home-v3 .v3-case__meta .m b{font-family:var(--ds-font-display);font-size:1.3rem;font-weight:700;
  color:var(--ds-color-copper-light);display:block;line-height:1;font-variant-numeric:tabular-nums}
.home-v3 .v3-case__meta .m span{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(255,245,233,.66);display:block;margin-top:7px}

/* 3 illustrative outcome tiles */
.home-v3 .v3-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px);
  margin-top:clamp(22px,2.4vw,30px)}
@media(max-width:560px){.home-v3 .v3-tiles{grid-template-columns:1fr}}
.home-v3 .v3-tile{background:var(--ds-surface-raised);border:var(--hair);border-radius:var(--ds-radius-base);
  box-shadow:var(--elev-1);padding:clamp(16px,1.8vw,22px)}
.home-v3 .v3-tile .n{font-family:var(--ds-font-display);font-weight:700;font-size:clamp(1.6rem,1.2rem+1.2vw,2.1rem);
  color:var(--ds-color-green);line-height:1;font-variant-numeric:tabular-nums}
.home-v3 .v3-tile .n .suf{color:var(--ds-color-copper)}
.home-v3 .v3-tile .l{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.04em;
  color:var(--ds-text-secondary);margin-top:10px;line-height:1.4}
.home-v3 .v3-tile .l sup{color:var(--ds-color-copper);font-weight:700}

/* honesty panel: three states */
.home-v3 .v3-honesty{margin-top:clamp(26px,3vw,40px);background:var(--ds-surface-raised);
  border:var(--hair);border-radius:var(--ds-radius-lg);box-shadow:var(--elev-1);overflow:hidden}
.home-v3 .v3-honesty__hd{padding:16px 20px;border-bottom:var(--hair);display:flex;align-items:baseline;
  gap:12px;flex-wrap:wrap}
.home-v3 .v3-honesty__hd b{font-family:var(--ds-font-display);font-size:1.05rem;font-weight:600;color:var(--ds-color-green-deep)}
.home-v3 .v3-honesty__hd span{font-size:var(--ds-text-meta);color:var(--ds-text-secondary)}
.home-v3 .v3-honesty__row{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
@media(max-width:680px){.home-v3 .v3-honesty__row{grid-template-columns:1fr}}
.home-v3 .v3-state{padding:18px 20px;border-left:var(--hair)}
.home-v3 .v3-state:first-child{border-left:none}
@media(max-width:680px){.home-v3 .v3-state{border-left:none;border-top:var(--hair)}}
.home-v3 .v3-state__k{display:inline-flex;align-items:center;gap:7px;font-family:var(--ds-font-ui);
  font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
.home-v3 .v3-state__k .d{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.home-v3 .v3-state.is-live .v3-state__k{color:var(--ds-color-green-deep)}
.home-v3 .v3-state.is-live .v3-state__k .d{background:var(--ds-color-green)}
.home-v3 .v3-state.is-verif .v3-state__k{color:var(--ds-color-copper-ink)}
.home-v3 .v3-state.is-verif .v3-state__k .d{background:var(--ds-color-copper)}
.home-v3 .v3-state.is-disc .v3-state__k{color:var(--ds-text-secondary)}
.home-v3 .v3-state.is-disc .v3-state__k .d{background:var(--ds-color-ink-a20)}
.home-v3 .v3-state p{font-size:var(--ds-text-card);color:var(--ds-text-secondary);line-height:1.5;margin:0}

/* ----------------------------------------------------------------------------
   9 · POSTURE ACT (H7) - qualifier note + posture table
   ---------------------------------------------------------------------------- */
.home-v3 .v3-qualifier{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px);
  margin:clamp(26px,3vw,40px) 0 clamp(22px,2.4vw,30px)}
@media(max-width:760px){.home-v3 .v3-qualifier{grid-template-columns:1fr}}
/* qualifier card: TOP copper accent rule (never a decorative left bar) */
.home-v3 .v3-qual{background:var(--ds-surface-raised);border:var(--hair);border-top:2px solid var(--ds-color-copper);
  border-radius:var(--ds-radius-base);padding:16px 18px}
.home-v3 .v3-qual b{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ds-color-green-deep);display:block;margin-bottom:6px}
.home-v3 .v3-qual span{font-size:var(--ds-text-card);color:var(--ds-text-secondary);line-height:1.5}
.home-v3 .v3-posture{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--ds-text-card);
  background:var(--ds-surface-raised);border:var(--hair);border-radius:var(--ds-radius-base);
  overflow:hidden;box-shadow:var(--elev-1)}
.home-v3 .v3-posture th{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;text-align:left;background:var(--ds-color-green-deep);color:var(--ds-color-bone);padding:13px 16px}
.home-v3 .v3-posture td{padding:13px 16px;border-bottom:var(--hair);vertical-align:top}
.home-v3 .v3-posture tr:last-child td{border-bottom:none}
.home-v3 .v3-posture tbody tr{transition:background var(--ds-dur-fast) var(--ease)}
.home-v3 .v3-posture tbody tr:hover{background:var(--ds-color-green-50)}
.home-v3 .v3-posture td:first-child{font-weight:700;font-family:var(--ds-font-ui);color:var(--ds-color-green-deep)}
.home-v3 .v3-posture td .note{font-size:var(--ds-text-meta);color:var(--ds-text-secondary);line-height:1.45}

/* ----------------------------------------------------------------------------
   10 · GROUP NARRATIVE ACT (H8) - 3 locked paragraphs + trust spine
   ---------------------------------------------------------------------------- */
.home-v3 .section_group{background:var(--ds-color-sage)}
.home-v3 .v3-group-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,4vw,64px);
  align-items:center;margin-top:clamp(30px,3.5vw,48px)}
@media(max-width:980px){.home-v3 .v3-group-grid{grid-template-columns:1fr;gap:36px}}
.home-v3 .v3-arc{display:flex;flex-direction:column;gap:0}
.home-v3 .v3-arc__p{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:18px 0;position:relative}
.home-v3 .v3-arc__p:not(:last-child)::before{content:"";position:absolute;left:13px;top:38px;bottom:-10px;
  width:2px;background:var(--ds-color-green);opacity:.3}
.home-v3 .v3-arc__n{width:28px;height:28px;border-radius:50%;border:2px solid var(--ds-color-green);
  background:var(--ds-color-bone);display:grid;place-items:center;flex-shrink:0;
  font-family:var(--ds-font-ui);font-size:var(--ds-text-meta);font-weight:700;color:var(--ds-color-green)}
.home-v3 .v3-arc__p.is-now .v3-arc__n{background:var(--ds-color-copper);border-color:var(--ds-color-copper);color:var(--ds-color-bone)}
.home-v3 .v3-arc__p p{font-size:var(--ds-text-body-lg);line-height:1.55;color:var(--ds-color-green-deep);
  margin:0;font-weight:500;max-width:48ch}
.home-v3 .v3-spine{display:flex;flex-direction:column;gap:14px;background:var(--ds-surface-raised);
  border:var(--hair);border-radius:var(--ds-radius-lg);box-shadow:var(--elev-1);padding:clamp(26px,2.8vw,36px)}
.home-v3 .v3-spine__k{font-family:var(--ds-font-ui);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ds-text-secondary);margin-bottom:4px}
.home-v3 .v3-spine .s{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:flex-start;
  padding:13px 0;border-top:var(--hair)}
.home-v3 .v3-spine .s:first-of-type{border-top:none}
.home-v3 .v3-spine .s svg{width:22px;height:22px;flex-shrink:0;color:var(--ds-color-green);margin-top:1px}
.home-v3 .v3-spine .s b{display:block;font-family:var(--ds-font-ui);font-size:var(--ds-text-card);font-weight:700;
  color:var(--ds-color-green-deep);margin-bottom:2px}
.home-v3 .v3-spine .s span{font-size:var(--ds-text-meta);color:var(--ds-text-secondary);line-height:1.45}

/* ----------------------------------------------------------------------------
   11 · CTA BAND ACT (H9) - full-bleed deep clinical green, ambient field
   ---------------------------------------------------------------------------- */
.home-v3 .section_cta{position:relative;background:linear-gradient(160deg,var(--ds-color-green-deep),var(--ds-color-green) 160%);
  color:var(--ds-color-bone);overflow:clip;border-top:2px solid var(--ds-color-copper)}
.home-v3 .section_cta .padding-section-large{position:relative;z-index:1}
.home-v3 .v3-cta{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,4vw,64px);align-items:center}
@media(max-width:880px){.home-v3 .v3-cta{grid-template-columns:1fr;gap:34px;text-align:center}}
.home-v3 .section_cta .heading-style-h2,.home-v3 .section_cta h2{color:var(--ds-color-bone);max-width:18ch;margin-bottom:16px}
@media(max-width:880px){.home-v3 .section_cta h2{margin-inline:auto}}
.home-v3 .v3-cta__sub{color:rgba(255,245,233,.82);font-size:var(--ds-text-body-lg);max-width:48ch;margin:0 0 30px;line-height:1.55}
@media(max-width:880px){.home-v3 .v3-cta__sub{margin-inline:auto}}
.home-v3 .v3-cta .hero_actions,.home-v3 .v3-cta__actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
@media(max-width:880px){.home-v3 .v3-cta__actions{justify-content:center}}
.home-v3 .v3-cta__reassure{display:flex;align-items:center;gap:9px;margin-top:26px;
  font-family:var(--ds-font-ui);font-size:var(--ds-text-card);font-weight:600;color:rgba(255,245,233,.82)}
@media(max-width:880px){.home-v3 .v3-cta__reassure{justify-content:center}}
.home-v3 .v3-cta__reassure svg{width:16px;height:16px;color:var(--ds-color-copper-light);flex-shrink:0}
.home-v3 .v3-cta__aside{display:flex;flex-direction:column;gap:12px}
.home-v3 .v3-cta__meta{display:flex;flex-direction:column;gap:14px;background:rgba(255,245,233,.05);
  border:1px solid rgba(255,245,233,.18);border-radius:var(--ds-radius-lg);padding:clamp(22px,2.4vw,30px)}
.home-v3 .v3-cta__meta .row{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:flex-start}
.home-v3 .v3-cta__meta .row svg{width:18px;height:18px;color:var(--ds-color-copper-light);flex-shrink:0;margin-top:2px}
.home-v3 .v3-cta__meta .row b{display:block;font-family:var(--ds-font-ui);font-size:var(--ds-text-card);font-weight:700;
  color:var(--ds-color-bone);margin-bottom:2px}
.home-v3 .v3-cta__meta .row span{font-size:var(--ds-text-meta);color:rgba(255,245,233,.7);line-height:1.45}

/* ----------------------------------------------------------------------------
   12 · SHARED REVEAL EXTENSIONS - scale-style cinematic entrances
   reveal.js adds .in; site.css owns the base. We add a softer, larger-travel
   variant for the big acts. Reduced motion is already neutralised upstream.
   ---------------------------------------------------------------------------- */
.home-v3 .reveal.is-deep{transform:translateY(34px)}
.home-v3 .reveal.is-deep.in{transform:none}
@media(prefers-reduced-motion:reduce){.home-v3 .reveal.is-deep{transform:none!important}}

/* tasteful: card grids stagger their own children when the wrapper reveals */
.home-v3 .v3-problem-grid.reveal .v3-pcard,
.home-v3 .v3-modules.reveal .v3-module,
.home-v3 .v3-segments.reveal .v3-seg,
.home-v3 .v3-tiles.reveal .v3-tile{opacity:0;transform:translateY(16px)}
.home-v3 .v3-problem-grid.reveal.in .v3-pcard,
.home-v3 .v3-modules.reveal.in .v3-module,
.home-v3 .v3-segments.reveal.in .v3-seg,
.home-v3 .v3-tiles.reveal.in .v3-tile{opacity:1;transform:none;
  transition:opacity var(--ds-dur-slow) var(--ease),transform var(--ds-dur-slow) var(--ease)}
.home-v3 .reveal.in .v3-pcard:nth-child(1),.home-v3 .reveal.in .v3-module:nth-child(1),
.home-v3 .reveal.in .v3-seg:nth-child(1),.home-v3 .reveal.in .v3-tile:nth-child(1){transition-delay:.04s}
.home-v3 .reveal.in .v3-pcard:nth-child(2),.home-v3 .reveal.in .v3-module:nth-child(2),
.home-v3 .reveal.in .v3-seg:nth-child(2),.home-v3 .reveal.in .v3-tile:nth-child(2){transition-delay:.10s}
.home-v3 .reveal.in .v3-pcard:nth-child(3),.home-v3 .reveal.in .v3-module:nth-child(3),
.home-v3 .reveal.in .v3-seg:nth-child(3),.home-v3 .reveal.in .v3-tile:nth-child(3){transition-delay:.16s}
.home-v3 .reveal.in .v3-pcard:nth-child(4),.home-v3 .reveal.in .v3-module:nth-child(4){transition-delay:.22s}
.home-v3 .reveal.in .v3-pcard:nth-child(5){transition-delay:.28s}
.home-v3 .reveal.in .v3-pcard:nth-child(6){transition-delay:.34s}
.home-v3 .reveal.in .v3-pcard:nth-child(7){transition-delay:.40s}
.home-v3 .reveal.in .v3-pcard:nth-child(8){transition-delay:.46s}
@media(prefers-reduced-motion:reduce){
  .home-v3 .v3-problem-grid.reveal .v3-pcard,.home-v3 .v3-modules.reveal .v3-module,
  .home-v3 .v3-segments.reveal .v3-seg,.home-v3 .v3-tiles.reveal .v3-tile{opacity:1!important;transform:none!important}
}

/* ----------------------------------------------------------------------------
   13 · RESPONSIVE FINE-TUNING
   ---------------------------------------------------------------------------- */
@media(max-width:680px){
  .home-v3 .hero_actions .button{width:100%;justify-content:center}
  .home-v3 .v3-cta__actions .button{width:100%;justify-content:center}
}