:root{--hera-font-inter:'Inter';--hera-public-family-display:'Newsreader', 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;--hera-public-weight-display:300;--hera-colour-canvas:#EFF3FD;--hera-colour-surface:#FFFFFF;--hera-colour-surface-sunken:#E9EDFA;--hera-colour-surface-raised:#F7F9FF;--hera-colour-border:#DCE3F5;--hera-colour-border-strong:#B9BEDF;--hera-colour-text-primary:#13172F;--hera-colour-text-secondary:#3A4066;--hera-colour-text-muted:#5C6280;--hera-colour-text-inverse:#FFFFFF;--hera-colour-accent:#4F46E5;--hera-colour-accent-hover:#4338CA;--hera-colour-accent-subtle:#E0E7FF;--hera-colour-accent-border:#C7D2FE;--hera-colour-accent-text:#4F46E5;--hera-colour-success:#059669;--hera-colour-success-subtle:#D1FAE5;--hera-colour-success-ink:#065F46;--hera-colour-warning:#A0480B;--hera-colour-warning-subtle:#FEF3C7;--hera-colour-warning-ink:#92400E;--hera-colour-danger:#DC2626;--hera-colour-danger-subtle:#FEE2E2;--hera-colour-danger-ink:#991B1B;--hera-colour-focus-ring:#6366F1;--hera-colour-identity-1-bg:#eef2ff;--hera-colour-identity-1-edge:#6366f1;--hera-colour-identity-1-ink:#3730a3;--hera-colour-identity-2-bg:#fdf2f8;--hera-colour-identity-2-edge:#ec4899;--hera-colour-identity-2-ink:#9d174d;--hera-colour-identity-3-bg:#ecfdf5;--hera-colour-identity-3-edge:#10b981;--hera-colour-identity-3-ink:#065f46;--hera-colour-identity-4-bg:#fffbeb;--hera-colour-identity-4-edge:#f59e0b;--hera-colour-identity-4-ink:#92400e;--hera-colour-identity-5-bg:#eff6ff;--hera-colour-identity-5-edge:#3b82f6;--hera-colour-identity-5-ink:#1e40af;--hera-colour-identity-6-bg:#fdf4ff;--hera-colour-identity-6-edge:#d946ef;--hera-colour-identity-6-ink:#86198f;--hera-colour-interaction-hover-surface:#ECF0FF;--hera-colour-interaction-selected-surface:#E4E9FF;--hera-colour-interaction-selected-foreground:#3730A3;--hera-colour-interaction-selected-border:#C7D2FE;--hera-colour-interaction-selected-hover-surface:#DCE3FF;--hera-colour-interaction-pressed-surface:#D4DCFB;--hera-colour-interaction-disabled-surface:#EDEFF7;--hera-colour-interaction-disabled-foreground:#6B7194;--hera-colour-gradient-surface-from:#FFFFFF;--hera-colour-gradient-surface-to:#EFF3FD;--hera-colour-gradient-accent-from:#5B54E8;--hera-colour-gradient-accent-to:#4338CA;--hera-colour-shimmer-base:#CFD9EF;--hera-colour-shimmer-sheen:#FFFFFF;--hera-colour-warning-edge:#F59E0B;--hera-colour-danger-edge:#F87171;--hera-colour-scrim:rgba(20, 24, 40, 0.28);--hera-colour-glass-surface:rgba(255, 255, 255, 0.72);--hera-colour-glass-edge:rgba(255, 255, 255, 0.55);--hera-colour-accent-ink:#312E81;--hera-colour-border-subtle:#EBEEF8;--hera-colour-brand-slate:#1B1C2E;--hera-colour-brand-whatsapp:#25D366;--hera-colour-category-1-bg:#fdf2f8;--hera-colour-category-1-edge:#ec4899;--hera-colour-category-1-ink:#9d174d;--hera-colour-category-2-bg:#eff6ff;--hera-colour-category-2-edge:#3b82f6;--hera-colour-category-2-ink:#1e40af;--hera-colour-category-3-bg:#ecfdf5;--hera-colour-category-3-edge:#10b981;--hera-colour-category-3-ink:#065f46;--hera-colour-category-4-bg:#fffbeb;--hera-colour-category-4-edge:#f59e0b;--hera-colour-category-4-ink:#92400e;--hera-typography-family-sans:var(--hera-font-inter), ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--hera-typography-family-numeric:tabular-nums;--hera-typography-size-display:2rem;--hera-typography-size-heading:1.375rem;--hera-typography-size-body:1rem;--hera-typography-size-small:0.875rem;--hera-typography-size-label:0.75rem;--hera-typography-weight-regular:400;--hera-typography-weight-medium:500;--hera-typography-weight-semibold:600;--hera-typography-weight-bold:700;--hera-typography-label-transform:uppercase;--hera-typography-label-tracking:0.08em;--hera-typography-leading-display:1.15;--hera-typography-leading-heading:1.25;--hera-typography-leading-body:1.55;--hera-typography-leading-small:1.5;--hera-typography-leading-label:1.4;--hera-typography-tracking-display:-0.025em;--hera-typography-tracking-heading:-0.018em;--hera-typography-tracking-body:-0.006em;--hera-typography-tracking-small:0;--hera-typography-size-hero:2.75rem;--hera-typography-leading-hero:1.05;--hera-typography-tracking-hero:-0.03em;--hera-spacing-unit:0.25rem;--hera-spacing-gutter:1.5rem;--hera-spacing-section:2rem;--hera-spacing-card-padding:1.5rem;--hera-spacing-measure-prose:42rem;--hera-spacing-measure-content:72rem;--hera-spacing-measure-wide:96rem;--hera-radius-sm:0.375rem;--hera-radius-md:0.5rem;--hera-radius-lg:0.75rem;--hera-radius-xl:1rem;--hera-radius-pill:9999px;--hera-radius-2xl:1.25rem;--hera-shadow-none:none;--hera-shadow-card:0 1px 2px rgba(49, 46, 129, 0.06), 0 2px 6px -2px rgba(49, 46, 129, 0.10);--hera-shadow-raised:0 2px 4px rgba(49, 46, 129, 0.07), 0 8px 20px -6px rgba(49, 46, 129, 0.16);--hera-shadow-overlay:0 4px 10px rgba(49, 46, 129, 0.10), 0 24px 48px -12px rgba(49, 46, 129, 0.28);--hera-shadow-focus:0 0 0 3px rgba(199, 210, 254, 0.9);--hera-shadow-accent:0 1px 2px rgba(79, 70, 229, 0.20), 0 10px 24px -6px rgba(79, 70, 229, 0.38);--hera-shadow-accent-hover:0 2px 4px rgba(79, 70, 229, 0.24), 0 16px 32px -8px rgba(79, 70, 229, 0.46);--hera-density-default:comfortable;--hera-density-row-height:2.5rem;--hera-density-control-height:2.25rem;--hera-effect-blur-glass:12px;--hera-effect-blur-scrim:2px;--hera-motion-duration-fast:120ms;--hera-motion-duration-base:200ms;--hera-motion-easing:cubic-bezier(0.4, 0, 0.2, 1);--hera-motion-respects-reduced-motion:true;--hera-motion-duration-overlay:200ms;--hera-motion-duration-dialog:220ms;--hera-motion-duration-layout-max:250ms;--hera-motion-easing-entrance:cubic-bezier(0.16, 1, 0.3, 1);--hera-motion-duration-entrance:320ms;--hera-motion-delay-placeholder:150ms}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300 400;font-display:swap;src:url(/fonts/newsreader-latin-normal.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/newsreader-latin-italic.woff2) format('woff2')}
.hera-type-small{font-size:var(--hera-typography-size-small);line-height:var(--hera-typography-leading-small)}
.hera-type-label{font-size:var(--hera-typography-size-label);line-height:var(--hera-typography-leading-label);letter-spacing:var(--hera-typography-label-tracking);text-transform:var(--hera-typography-label-transform);font-weight:var(--hera-typography-weight-semibold)}
.hera-surface{background:var(--hera-colour-surface);border:1px solid var(--hera-colour-border);box-shadow:var(--hera-shadow-card)}
.hera-surface-raised{background:linear-gradient(158deg,var(--hera-colour-gradient-surface-from) 0%,var(--hera-colour-gradient-surface-to) 100%);border:1px solid var(--hera-colour-border);box-shadow:var(--hera-shadow-raised)}
.hera-glass{background:var(--hera-colour-glass-surface);-webkit-backdrop-filter:blur(var(--hera-effect-blur-glass)) saturate(160%);backdrop-filter:blur(var(--hera-effect-blur-glass)) saturate(160%);border-bottom:1px solid var(--hera-colour-glass-edge)}
@supports not (backdrop-filter:blur(1px)){.hera-glass{background:var(--hera-colour-surface)}}
.hera-lift-accent{box-shadow:var(--hera-shadow-accent);transition:box-shadow var(--hera-motion-duration-base) var(--hera-motion-easing),transform var(--hera-motion-duration-base) var(--hera-motion-easing)}
.hera-lift-accent:hover{box-shadow:var(--hera-shadow-accent-hover);transform:translateY(-1px)}
.hera-tab{position:relative;display:inline-flex;align-items:center;padding:0.5rem 0.75rem;font-weight:500;color:var(--hera-colour-text-muted);background:transparent;border:0;text-decoration:none;box-shadow:inset 0 -2px 0 0 transparent;transition:color var(--hera-motion-duration-fast) var(--hera-motion-easing),box-shadow var(--hera-motion-duration-fast) var(--hera-motion-easing)}
.hera-tab:hover{color:var(--hera-colour-text-primary)}
.hera-tab:active:not([aria-current="page"]){color:var(--hera-colour-text-primary);box-shadow:inset 0 -2px 0 0 var(--hera-colour-border-strong);transition-duration:0s}
.hera-tab[aria-current="page"]{color:var(--hera-colour-text-primary);font-weight:600;box-shadow:inset 0 -2px 0 0 var(--hera-colour-accent)}
@keyframes hera-enter{from{opacity:0;transform:translateY(6px) scale(0.995)}to{opacity:1;transform:none}}
.hera-enter{animation:hera-enter var(--hera-motion-duration-entrance) var(--hera-motion-easing-entrance) both}
.hera-delay-1{animation-delay:60ms}
.hera-delay-2{animation-delay:120ms}
.hera-delay-3{animation-delay:190ms}
:focus-visible{outline:2px solid var(--hera-colour-focus-ring);outline-offset:2px}
.act[data-variant="primary"]{background:var(--hera-colour-accent);color:var(--hera-colour-text-inverse);border-color:var(--hera-colour-accent);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}
@media (hover:hover){.act[data-variant="primary"]:hover{background:var(--hera-colour-accent-hover);color:var(--hera-colour-text-inverse);border-color:var(--hera-colour-accent);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}}
.act[data-variant="primary"]:active{background:var(--hera-colour-accent-hover);color:var(--hera-colour-text-inverse);border-color:var(--hera-colour-accent);transition-duration:0s;cursor:pointer}
.act[data-variant="secondary"]{background:var(--hera-colour-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}
@media (hover:hover){.act[data-variant="secondary"]:hover{background:var(--hera-colour-interaction-hover-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border-strong);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}}
.act[data-variant="secondary"]:active{background:var(--hera-colour-interaction-pressed-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border-strong);transition-duration:0s;cursor:pointer}
.act[data-variant="option"]{background:var(--hera-colour-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}
@media (hover:hover){.act[data-variant="option"]:hover{background:var(--hera-colour-interaction-hover-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border-strong);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}}
.act[data-variant="option"]:active{background:var(--hera-colour-interaction-pressed-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border-strong);transition-duration:0s;cursor:pointer}
.mock-act[data-variant="primary"]{background:var(--hera-colour-accent);color:var(--hera-colour-text-inverse);border-color:var(--hera-colour-accent)}
.mock-act[data-variant="secondary"]{background:var(--hera-colour-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border)}
.mock-act[data-variant="destructive"]{background:var(--hera-colour-surface);color:var(--hera-colour-danger-ink);border-color:var(--hera-colour-danger)}
html{-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body,input,button,textarea,select{font-family:var(--hera-typography-family-sans)}
body{margin:0;background:var(--hera-colour-surface);color:var(--hera-colour-text-primary);font-size:var(--hera-typography-size-body);line-height:var(--hera-typography-leading-body);letter-spacing:var(--hera-typography-tracking-body);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,ol,figure{margin:0}
h1,h2,h3,p{overflow-wrap:break-word}
ul,ol{padding:0;list-style:none}
a{color:var(--hera-colour-accent-text)}
[id]{scroll-margin-top:5rem}
.wrap{max-width:var(--hera-spacing-measure-content);margin-inline:auto;padding-inline:var(--hera-spacing-gutter)}
@media (min-width:560px){.wrap{padding-inline:calc(var(--hera-spacing-unit)*8)}}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:var(--hera-spacing-gutter);top:calc(var(--hera-spacing-unit)*2);z-index:30;background:var(--hera-colour-surface);padding:calc(var(--hera-spacing-unit)*2) calc(var(--hera-spacing-unit)*3);border-radius:var(--hera-radius-md)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.act{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--hera-spacing-unit)*2);min-height:44px;padding-inline:calc(var(--hera-spacing-unit)*4);border:1px solid;border-radius:var(--hera-radius-pill);font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-medium);text-decoration:none;white-space:nowrap;transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:var(--hera-motion-easing)}
.act[data-size="lg"]{min-height:calc(var(--hera-spacing-unit)*13);padding-inline:calc(var(--hera-spacing-unit)*6);font-size:var(--hera-typography-size-body);font-weight:var(--hera-typography-weight-semibold)}
.mock-act{display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--hera-spacing-unit)*7);padding-inline:calc(var(--hera-spacing-unit)*3);border:1px solid;border-radius:var(--hera-radius-md);font-size:var(--hera-typography-size-label);font-weight:var(--hera-typography-weight-semibold);white-space:nowrap}
.marker{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--hera-radius-md);background:var(--hera-colour-accent-subtle);color:var(--hera-colour-accent-ink)}
.status{display:inline-flex;align-items:center;min-height:1.5rem;padding-inline:calc(var(--hera-spacing-unit)*2.5);border-radius:var(--hera-radius-pill);font-size:var(--hera-typography-size-label);font-weight:var(--hera-typography-weight-semibold);border:1px solid var(--hera-colour-border);color:var(--hera-colour-text-secondary);background:var(--hera-colour-surface-sunken)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.hera-lift-accent:hover{transform:none}}
.site-header{position:sticky;top:0;z-index:20}
.bar-row{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*3);min-height:64px}
.mark{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.mark img{display:block;height:28px;width:auto}
.tabs{display:none;align-items:stretch;align-self:stretch;gap:calc(var(--hera-spacing-unit)*2);margin-inline:auto}
.bar-acts{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*4)}
.bar-link{display:none;align-items:center;min-height:44px;color:var(--hera-colour-text-secondary);font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-medium);text-decoration:none}
.bar-link:hover{text-decoration:underline}
.site-menu{margin-left:auto}
.site-menu summary{display:flex;align-items:center;min-height:44px;padding-inline:calc(var(--hera-spacing-unit)*3);cursor:pointer;color:var(--hera-colour-text-secondary);font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-medium);list-style:none}
.site-menu summary::-webkit-details-marker{display:none}
.menu-panel{display:none}
.site-menu[open] .menu-panel{position:absolute;left:0;right:0;top:64px;display:flex;flex-direction:column;padding:calc(var(--hera-spacing-unit)*2) var(--hera-spacing-gutter) calc(var(--hera-spacing-unit)*4);background:var(--hera-colour-surface);border-bottom:1px solid var(--hera-colour-border);box-shadow:var(--hera-shadow-raised)}
.menu-panel .hera-tab{min-height:44px;width:100%}
@media (min-width:900px){
  .tabs{display:flex}
  .site-menu{display:none}
  .bar-link{display:inline-flex}
}
.display{font-family:var(--hera-public-family-display);font-weight:var(--hera-typography-weight-regular);
  font-size:clamp(1.625rem,2.6vw,2.25rem);
  line-height:calc(var(--hera-typography-leading-hero)*1.05);
  letter-spacing:calc(var(--hera-typography-tracking-hero)*0.8);text-wrap:balance}
.display-2{font-family:var(--hera-public-family-display);font-weight:var(--hera-typography-weight-regular);
  font-size:clamp(1.375rem,2vw,1.625rem);line-height:var(--hera-typography-leading-heading);
  letter-spacing:calc(var(--hera-typography-tracking-hero)*0.5);margin-top:calc(var(--hera-spacing-unit)*5)}
.support{margin-top:calc(var(--hera-spacing-unit)*2);font-size:clamp(1rem,1.4vw,1.125rem);color:var(--hera-colour-text-secondary)}
.ico{flex:none}
@media (min-width:560px){.lines span{display:block}}
.go-link{display:inline-flex;align-items:center;gap:calc(var(--hera-spacing-unit)*1.5);min-height:44px;
  color:var(--hera-colour-accent-text);font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-medium);text-decoration:none}
.go-link:hover{text-decoration:underline}
.note{flex-basis:100%;font-family:var(--hera-public-family-display);font-style:italic;font-weight:var(--hera-public-weight-display);
  font-size:1.5rem;line-height:1.15;color:var(--hera-colour-accent-ink)}
.note-rule{display:none;width:4rem;height:8px;margin-top:calc(var(--hera-spacing-unit)*2);color:var(--hera-colour-accent-border);opacity:0.6}
@media (min-width:1280px){
  .note{flex-basis:auto;transform:rotate(-4deg);max-width:13rem;font-size:1.625rem}
  .note span{display:block}
  .note-rule{display:block}
}
.example-tag{color:var(--hera-colour-text-muted)}
.mock-link{display:inline-flex;align-items:center;gap:calc(var(--hera-spacing-unit)*1.5);
  font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-semibold);color:var(--hera-colour-text-secondary)}
.choices{display:flex;flex-wrap:wrap;gap:calc(var(--hera-spacing-unit)*2)}
.initial{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--hera-radius-pill);
  font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-semibold)}
.initial[data-n="1"]{background:var(--hera-colour-identity-1-bg);color:var(--hera-colour-identity-1-ink)}
.initial[data-n="2"]{background:var(--hera-colour-identity-2-bg);color:var(--hera-colour-identity-2-ink)}
.initial[data-n="3"]{background:var(--hera-colour-identity-3-bg);color:var(--hera-colour-identity-3-ink)}
.band{padding-block:calc(var(--hera-spacing-unit)*14);background:var(--band-ground)}
.band-surface{--band-ground:var(--hera-colour-surface)}
.band-canvas{--band-ground:var(--hera-colour-canvas)}
.band-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:calc(var(--hera-spacing-unit)*3) calc(var(--hera-spacing-unit)*8)}
@media (min-width:900px){.band{padding-block:calc(var(--hera-spacing-unit)*22)}}
.wash{position:relative;isolation:isolate}
.wash::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(60% 80% at 0% 100%,var(--hera-colour-accent-subtle) 0%,transparent 70%),
  linear-gradient(180deg,var(--hera-colour-gradient-surface-from) 0%,var(--hera-colour-gradient-surface-to) 100%)}
.side-media{position:relative;margin:calc(var(--hera-spacing-unit)*10) var(--hera-spacing-gutter) 0;aspect-ratio:16/10;border-radius:var(--hera-radius-xl);overflow:clip;background:var(--hera-colour-surface-sunken)}
.side-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.veil{display:none}
@media (min-width:560px){.side-media{margin-inline:calc(var(--hera-spacing-unit)*8)}}
.hero{--hero-words:36rem;padding-bottom:calc(var(--hera-spacing-unit)*10)}
.hero-inner{position:relative;min-width:0;width:100%;padding-block:calc(var(--hera-spacing-unit)*10) calc(var(--hera-spacing-unit)*9)}
.hero-words{min-width:0;max-width:var(--hero-words)}
.hero h1{font-family:var(--hera-public-family-display);font-weight:var(--hera-public-weight-display);
  font-size:clamp(2.375rem,10.4vw,3.5rem);
  line-height:calc(var(--hera-typography-leading-hero)*0.95);
  letter-spacing:calc(var(--hera-typography-tracking-hero)*1.15)}
.hero h1 span{display:block;color:var(--hera-colour-accent-text)}
.lede{margin-top:calc(var(--hera-spacing-unit)*5);font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.45;color:var(--hera-colour-text-secondary)}
.reassure{margin-top:calc(var(--hera-spacing-unit)*5);font-size:var(--hera-typography-size-small);color:var(--hera-colour-text-muted)}
.ask{margin-top:calc(var(--hera-spacing-unit)*7)}
.ask-row{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--hera-spacing-unit)*2);
  padding:calc(var(--hera-spacing-unit)*2);
  background:var(--hera-colour-surface);border:1px solid var(--hera-colour-border);
  border-radius:var(--hera-radius-2xl);box-shadow:var(--hera-shadow-raised);
  transition:border-color var(--hera-motion-duration-base) var(--hera-motion-easing)}
.ask-row:focus-within{border-color:var(--hera-colour-focus-ring)}
.ask-row:has(.ask-field:focus-visible){outline:2px solid var(--hera-colour-focus-ring);outline-offset:2px}
.ask-mark{display:flex;padding-inline-start:calc(var(--hera-spacing-unit)*2);color:var(--hera-colour-accent-text)}
.ask-field{flex:1 1 60%;min-width:0;border:0;background:transparent;
  font-size:var(--hera-typography-size-body);color:var(--hera-colour-text-primary);
  padding-block:calc(var(--hera-spacing-unit)*3)}
.ask-field::placeholder{color:var(--hera-colour-text-muted);opacity:1}
.ask-field:focus{outline:none}
.ask-row .act{flex:1 1 100%;border-radius:calc(var(--hera-radius-2xl) - var(--hera-spacing-unit)*2)}
@media (min-width:560px){
  .ask-row{flex-wrap:nowrap;padding:calc(var(--hera-spacing-unit)*1.5);padding-inline-start:calc(var(--hera-spacing-unit)*3);border-radius:var(--hera-radius-pill)}
  .ask-field{flex:1 1 auto}
  .ask-row .act{flex:0 0 auto;border-radius:var(--hera-radius-pill)}
}
.intents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--hera-spacing-unit)*2.5);margin-top:calc(var(--hera-spacing-unit)*5)}
.intents .act{width:100%}
@media (min-width:560px){.intents{display:flex;flex-wrap:wrap}.intents .act{width:auto}}
.hero-media{position:relative;margin-inline:var(--hera-spacing-gutter);aspect-ratio:16/11;border-radius:var(--hera-radius-xl);overflow:clip;background:var(--hera-colour-surface-sunken)}
.hero-fade{position:absolute;inset:0}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:16% 30%}
.hero-cards{position:absolute;inset:0}
.float{position:absolute;display:flex;align-items:flex-start;gap:calc(var(--hera-spacing-unit)*3);
  max-width:15.5rem;padding:calc(var(--hera-spacing-unit)*3.5);
  background:var(--hera-colour-surface);border-radius:var(--hera-radius-xl);box-shadow:var(--hera-shadow-raised)}
.float-thumb{flex:none;width:2.75rem;height:2.75rem;border-radius:var(--hera-radius-md);object-fit:cover}
.float .marker{width:2.75rem;height:2.75rem}
.float-text{display:flex;flex-direction:column;min-width:0}
.float-title{margin-top:calc(var(--hera-spacing-unit)*0.5);font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-semibold);line-height:1.3;color:var(--hera-colour-text-primary)}
.float-line{font-size:var(--hera-typography-size-label);line-height:var(--hera-typography-leading-small);color:var(--hera-colour-text-muted)}
.float .mock-link{margin-top:calc(var(--hera-spacing-unit)*2)}
.hero-cards li:nth-child(1) .float{left:calc(var(--hera-spacing-unit)*3);bottom:calc(var(--hera-spacing-unit)*3)}
.hero-cards li:nth-child(2) .float{display:none}
@media (min-width:560px){
  .hero-media{margin-inline:calc(var(--hera-spacing-unit)*8)}
  .hero-photo{object-position:32% 30%}
  .hero-cards li:nth-child(1) .float{left:calc(var(--hera-spacing-unit)*5);bottom:calc(var(--hera-spacing-unit)*5)}
}
@media (min-width:900px){
  .hero{--hero-words:31rem;display:grid;align-items:center;min-height:36rem;padding-bottom:0;overflow:clip}
  .hero-inner{padding-block:calc(var(--hera-spacing-unit)*18) calc(var(--hera-spacing-unit)*16)}
  .hero h1{font-size:clamp(2.75rem,4.7vw,4.5rem)}
  .hero-media{position:absolute;inset:0 0 0 calc(max(0px,(100% - var(--hera-spacing-measure-content))/2) + var(--hero-words) + var(--hera-spacing-unit)*8);z-index:-1;margin:0;aspect-ratio:auto;border-radius:0;background:none}
  .hero-fade{-webkit-mask-image:linear-gradient(180deg,var(--hera-colour-surface) 0%,var(--hera-colour-surface) 76%,transparent 100%);mask-image:linear-gradient(180deg,var(--hera-colour-surface) 0%,var(--hera-colour-surface) 76%,transparent 100%)}
  .hero-photo{object-position:58% 30%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,var(--hera-colour-surface) 30%);mask-image:linear-gradient(90deg,transparent 0%,var(--hera-colour-surface) 30%)}
  .hero-cards li:nth-child(1) .float{left:auto;right:5%;bottom:9%}
}
@media (min-width:1280px){
  .hero{--hero-words:36rem;min-height:41rem}
  .hero-photo{object-position:62% 30%}
  .hero-cards li:nth-child(1) .float{right:auto;left:4%;bottom:auto;top:12%}
  .hero-cards li:nth-child(2) .float{display:flex;right:3%;top:56%}
}
.stream-frame{margin-top:calc(var(--hera-spacing-unit)*6);margin-inline:calc(var(--hera-spacing-gutter)*-1);border-radius:var(--hera-radius-lg)}
.stream{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,18rem);gap:calc(var(--hera-spacing-unit)*4);
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hera-spacing-gutter);
  padding:calc(var(--hera-spacing-unit)*2) var(--hera-spacing-gutter) calc(var(--hera-spacing-unit)*4);
  scrollbar-width:thin;scrollbar-color:var(--hera-colour-border-strong) transparent}
.stream>li{scroll-snap-align:start}
.listing{display:flex;flex-direction:column;height:100%;border-radius:var(--hera-radius-xl);overflow:clip}
.listing-media{position:relative;aspect-ratio:16/10;background:var(--hera-colour-surface-sunken)}
.listing-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cat{position:absolute;left:calc(var(--hera-spacing-unit)*4);bottom:calc(var(--hera-spacing-unit)*-3);
  display:inline-flex;align-items:center;min-height:1.625rem;padding-inline:calc(var(--hera-spacing-unit)*3);
  border-radius:var(--hera-radius-pill);
  font-size:var(--hera-typography-size-label);font-weight:var(--hera-typography-weight-semibold)}
.cat[data-n="1"]{background:var(--hera-colour-category-1-bg);color:var(--hera-colour-category-1-ink);box-shadow:inset 0 0 0 1px var(--hera-colour-category-1-edge)}
.cat[data-n="2"]{background:var(--hera-colour-category-2-bg);color:var(--hera-colour-category-2-ink);box-shadow:inset 0 0 0 1px var(--hera-colour-category-2-edge)}
.cat[data-n="3"]{background:var(--hera-colour-category-3-bg);color:var(--hera-colour-category-3-ink);box-shadow:inset 0 0 0 1px var(--hera-colour-category-3-edge)}
.cat[data-n="4"]{background:var(--hera-colour-category-4-bg);color:var(--hera-colour-category-4-ink);box-shadow:inset 0 0 0 1px var(--hera-colour-category-4-edge)}
.listing-body{display:flex;flex-direction:column;flex:1 1 auto;gap:calc(var(--hera-spacing-unit)*1);
  padding:calc(var(--hera-spacing-unit)*6) calc(var(--hera-spacing-unit)*4) calc(var(--hera-spacing-unit)*4)}
.listing .example-tag{margin-bottom:calc(var(--hera-spacing-unit)*1)}
.listing h3{font-size:var(--hera-typography-size-body);font-weight:var(--hera-typography-weight-semibold);line-height:1.3}
.listing .meta{font-size:var(--hera-typography-size-small);color:var(--hera-colour-text-muted)}
.listing .mock-link{margin-top:auto;padding-top:calc(var(--hera-spacing-unit)*4)}
.example-note{margin-top:calc(var(--hera-spacing-unit)*3);font-size:var(--hera-typography-size-small);color:var(--hera-colour-text-muted)}
@media (min-width:560px){
  .stream-frame{margin-inline:calc(var(--hera-spacing-unit)*-8)}
  .stream{padding-inline:calc(var(--hera-spacing-unit)*8);scroll-padding-inline:calc(var(--hera-spacing-unit)*8)}
}
@media (min-width:1280px){
  .stream-frame{margin-inline:0}
  .stream{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--hera-spacing-unit)*5);overflow:visible;padding-inline:0}
}
.steps{display:grid;gap:calc(var(--hera-spacing-unit)*2);margin-block:calc(var(--hera-spacing-unit)*8) calc(var(--hera-spacing-unit)*4)}
.step{border-radius:var(--hera-radius-xl);padding:calc(var(--hera-spacing-unit)*5)}
.step-name{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*2.5);font-weight:var(--hera-typography-weight-semibold)}
.step-n{display:inline-flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;border-radius:var(--hera-radius-pill);
  background:var(--hera-colour-accent-subtle);color:var(--hera-colour-accent-ink);
  font-size:var(--hera-typography-size-label);font-weight:var(--hera-typography-weight-bold)}
.step-body{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*3.5);margin-top:calc(var(--hera-spacing-unit)*4)}
.step-thumb{flex:none;width:3.5rem;height:3.5rem;border-radius:var(--hera-radius-lg);object-fit:cover}
.step h3{font-size:var(--hera-typography-size-body);font-weight:var(--hera-typography-weight-semibold);line-height:1.3}
.step p{font-size:var(--hera-typography-size-small);color:var(--hera-colour-text-muted)}
.step .step-choices{margin-top:calc(var(--hera-spacing-unit)*3)}
.done-disc{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;
  border-radius:var(--hera-radius-pill);background:var(--hera-colour-success-subtle);color:var(--hera-colour-success-ink)}
.step-arrow{display:flex;align-items:center;justify-content:center;min-height:1.5rem;color:var(--hera-colour-text-muted)}
.step-arrow .ico{transform:rotate(90deg)}
@media (min-width:900px){
  .steps{grid-template-columns:minmax(0,1fr) auto minmax(0,1.1fr) auto minmax(0,1fr);gap:calc(var(--hera-spacing-unit)*3)}
  .step-arrow .ico{transform:none}
}
.open{position:relative;isolation:isolate;overflow:clip}
.open-grid{display:grid;gap:calc(var(--hera-spacing-unit)*9)}
.points{display:grid;align-content:center;gap:calc(var(--hera-spacing-unit)*4)}
.points li{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*3.5);font-size:var(--hera-typography-size-small);color:var(--hera-colour-text-secondary)}
.phones-block{display:grid;justify-items:center;gap:calc(var(--hera-spacing-unit)*4)}
.phones{display:flex;flex-direction:column;align-items:center;gap:calc(var(--hera-spacing-unit)*3);width:100%}
.phone{display:block;width:min(100%,15rem);padding:calc(var(--hera-spacing-unit)*1.5);
  background:var(--hera-colour-brand-slate);border-radius:calc(var(--hera-radius-2xl)*1.6);box-shadow:var(--hera-shadow-raised)}
.phone-screen{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--hera-spacing-unit)*3);
  min-height:13rem;padding:calc(var(--hera-spacing-unit)*5) calc(var(--hera-spacing-unit)*4);
  background:var(--hera-colour-surface);border-radius:calc(var(--hera-radius-2xl)*1.6 - var(--hera-spacing-unit)*1.5)}
.phone-screen{align-items:flex-start;text-align:left}
.phone-screen>.mock-act{align-self:stretch}
.phone-ask{font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-medium);line-height:1.35}
.phone-from{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*2.5);font-size:var(--hera-typography-size-label);line-height:1.4;color:var(--hera-colour-text-muted)}
.phone-from b{display:block;font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-semibold);color:var(--hera-colour-text-primary)}
.phone-detail{font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-medium)}
.phone .choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--hera-spacing-unit)*1.5);align-self:stretch}
.phone .mock-act{padding-inline:0}
.phones-arrow{flex:none;display:flex;color:var(--hera-colour-text-muted);transform:rotate(90deg)}
.open-media img{object-position:60% 30%}
@media (min-width:560px){
  .phones{flex-direction:row;justify-content:center;gap:calc(var(--hera-spacing-unit)*4);width:auto}
  .phone{flex:0 1 11rem;min-width:0}
  .phone-b{flex-basis:15rem}
  .phones-arrow{transform:none}
}
@media (min-width:900px){.open-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:calc(var(--hera-spacing-unit)*12)}.open-head{grid-column:1 / -1}}
@media (min-width:1280px){
  .open-grid{padding-right:27%}
  .open-media{position:absolute;inset:0 0 0 74%;z-index:-1;margin:0;aspect-ratio:auto;border-radius:0;background:none}
  .open-media img{object-position:66% 30%}
  .open-media .veil{display:block;position:absolute;inset:0;background:linear-gradient(90deg,var(--band-ground) 0%,transparent 48%)}
}
.story-grid{display:grid;gap:calc(var(--hera-spacing-unit)*14)}
.story{display:grid;gap:calc(var(--hera-spacing-unit)*7)}
.story-media{position:relative;aspect-ratio:16/11;border-radius:var(--hera-radius-xl);overflow:clip;background:var(--hera-colour-surface-sunken)}
.story-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:32% 30%}
.ones{display:grid;gap:calc(var(--hera-spacing-unit)*0.5);margin-top:calc(var(--hera-spacing-unit)*5);font-size:var(--hera-typography-size-body);color:var(--hera-colour-text-secondary)}
.then{margin-top:calc(var(--hera-spacing-unit)*0.5);font-size:var(--hera-typography-size-body);color:var(--hera-colour-text-secondary)}
.history-grid{display:grid;gap:calc(var(--hera-spacing-unit)*7);margin-top:calc(var(--hera-spacing-unit)*7)}
.activity{display:flex;flex-direction:column;container-type:inline-size;border-radius:var(--hera-radius-xl);padding:var(--hera-spacing-card-padding)}
.activity-top{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--hera-spacing-unit)*3)}
.activity-greet{font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-semibold)}
.activity-day{margin-top:calc(var(--hera-spacing-unit)*4);color:var(--hera-colour-text-muted)}
.activity-rows{display:flex;flex-direction:column;margin-top:calc(var(--hera-spacing-unit)*2)}
.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:calc(var(--hera-spacing-unit)*3);align-items:center;
  padding-block:calc(var(--hera-spacing-unit)*2.5);border-top:1px solid var(--hera-colour-border-subtle);font-size:var(--hera-typography-size-small)}
.activity-row .tick{color:var(--hera-colour-success)}
.activity-row .who{font-weight:var(--hera-typography-weight-semibold)}
.activity-row .what{grid-column:2;color:var(--hera-colour-text-secondary)}
.activity-row .when{grid-column:3;grid-row:1;color:var(--hera-colour-text-muted);font-variant-numeric:var(--hera-typography-family-numeric)}
@container (min-width:24rem){
  .activity-row{grid-template-columns:auto minmax(0,7.5rem) minmax(0,1fr) auto}
  .activity-row .what{grid-column:3}
  .activity-row .when{grid-column:4}
}
.activity-status{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*2.5);margin-top:calc(var(--hera-spacing-unit)*3);
  padding:calc(var(--hera-spacing-unit)*3) calc(var(--hera-spacing-unit)*4);border-radius:var(--hera-radius-md);
  background:var(--hera-colour-success-subtle);color:var(--hera-colour-success-ink);
  font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-medium)}
.yours{display:grid;gap:calc(var(--hera-spacing-unit)*2);font-size:var(--hera-typography-size-body);color:var(--hera-colour-text-secondary)}
.yours li:last-child{margin-top:calc(var(--hera-spacing-unit)*2);color:var(--hera-colour-text-primary);font-weight:var(--hera-typography-weight-medium)}
@media (min-width:560px){
  .story{grid-template-columns:minmax(0,0.9fr) minmax(0,1fr);align-items:center}
  .story-media{aspect-ratio:auto;height:100%;min-height:20rem}
  .history-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center}
}
@media (min-width:1280px){
  .story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:calc(var(--hera-spacing-unit)*12)}
}
.more{position:relative;isolation:isolate;overflow:clip}
.caps-row{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--hera-spacing-unit)*7) calc(var(--hera-spacing-unit)*10);margin-top:calc(var(--hera-spacing-unit)*9)}
.caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--hera-spacing-unit)*6);flex:1 1 100%}
.caps li{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--hera-spacing-unit)*2.5);
  font-size:var(--hera-typography-size-small);color:var(--hera-colour-text-secondary)}
.decide{margin-top:calc(var(--hera-spacing-unit)*9);font-family:var(--hera-public-family-display);font-weight:var(--hera-typography-weight-regular);
  font-size:clamp(1.375rem,2vw,1.625rem);line-height:var(--hera-typography-leading-heading)}
.more .act{margin-top:calc(var(--hera-spacing-unit)*5)}
.more-media img{object-position:60% 25%}
@media (min-width:560px){.caps{grid-template-columns:repeat(4,auto);justify-content:start;gap:calc(var(--hera-spacing-unit)*12)}}
@media (min-width:1280px){.caps{flex:0 1 auto}}
@media (min-width:900px){
  .more-inner{padding-right:38%}
  .more-media{position:absolute;inset:0 0 0 62%;z-index:-1;margin:0;aspect-ratio:auto;border-radius:0;background:none}
  .more-media .veil{display:block;position:absolute;inset:0;background:linear-gradient(90deg,var(--band-ground) 0%,transparent 54%)}
}
.close-grid{display:grid;gap:calc(var(--hera-spacing-unit)*10)}
.questions{font-family:var(--hera-public-family-display);font-weight:var(--hera-public-weight-display);
  font-size:clamp(1.75rem,3.6vw,2.75rem);
  line-height:calc(var(--hera-typography-leading-hero)*1.08);
  letter-spacing:calc(var(--hera-typography-tracking-hero)*1.05)}
.questions span{display:block}
.close-ask .ask{margin-top:0}
.quiet-intents{display:flex;flex-wrap:wrap;justify-content:center;gap:0 calc(var(--hera-spacing-unit)*6);margin-top:calc(var(--hera-spacing-unit)*3)}
.close-ask .reassure{margin-top:calc(var(--hera-spacing-unit)*1);text-align:center}
.device{display:grid;justify-items:center;gap:calc(var(--hera-spacing-unit)*3);margin-top:calc(var(--hera-spacing-unit)*20);text-align:center}
.device-go{display:inline-flex;align-items:center;gap:0.18em;color:var(--hera-colour-accent-text);
  font-family:var(--hera-public-family-display);font-weight:var(--hera-public-weight-display);
  font-size:clamp(2.375rem,10.4vw,3.5rem);
  line-height:calc(var(--hera-typography-leading-hero)*0.95);
  letter-spacing:calc(var(--hera-typography-tracking-hero)*1.15)}
.device-mark{width:0.4em;height:0.4em}
.device-line{font-family:var(--hera-public-family-display);font-style:italic;font-weight:var(--hera-public-weight-display);
  font-size:clamp(1.5rem,3vw,2.25rem);line-height:var(--hera-typography-leading-display)}
.signature{margin-top:calc(var(--hera-spacing-unit)*10);color:var(--hera-colour-text-muted)}
@media (min-width:900px){
  .close-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:calc(var(--hera-spacing-unit)*16)}
  .questions span:nth-child(2){padding-left:calc(var(--hera-spacing-unit)*5)}
  .questions span:nth-child(3){padding-left:calc(var(--hera-spacing-unit)*10)}
  .questions span:nth-child(4){padding-left:calc(var(--hera-spacing-unit)*15)}
  .device{margin-top:calc(var(--hera-spacing-unit)*28)}
  .device-go{font-size:clamp(2.75rem,4.7vw,4.5rem)}
}
.foot{background:var(--hera-colour-surface);border-top:1px solid var(--hera-colour-border)}
.foot-row{display:grid;gap:calc(var(--hera-spacing-unit)*8);padding-block:calc(var(--hera-spacing-unit)*12)}
.ceiling img{display:block;height:24px;width:auto}
.ceiling h2{margin-top:calc(var(--hera-spacing-unit)*5);font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-semibold)}
.ceiling p{margin-top:calc(var(--hera-spacing-unit)*2);max-width:54ch;font-size:var(--hera-typography-size-small);line-height:var(--hera-typography-leading-body);color:var(--hera-colour-text-secondary)}
.foot nav{display:flex;flex-wrap:wrap;gap:0 calc(var(--hera-spacing-unit)*5)}
.foot nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--hera-colour-text-secondary);text-decoration:none}
.foot nav a:hover{color:var(--hera-colour-text-primary);text-decoration:underline}
.legal{margin-top:calc(var(--hera-spacing-unit)*2);font-size:var(--hera-typography-size-small);color:var(--hera-colour-text-muted)}
@media (min-width:900px){
  .foot-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end}
  .foot-side{justify-self:end;text-align:right}
  .foot nav{justify-content:flex-end}
}
@media print{
  .site-header,.site-menu,.skip,.hero-media,.side-media,.story-media,.veil,.note-rule,.ask-row,.intents,.quiet-intents{display:none!important}
  .wash::before{display:none!important}
  .band,.hero,.hera-surface,.hera-surface-raised,.phone,.phone-screen{background:none!important;box-shadow:none!important}
  .sr{position:static;width:auto;height:auto;margin:0;clip-path:none;white-space:normal}
  .stream{grid-auto-flow:row;overflow:visible}
  .note{transform:none}
  .mock-act[data-variant="primary"],.act[data-variant="primary"]{background:none!important;color:var(--hera-colour-text-primary)!important;border-color:var(--hera-colour-text-primary)!important}
  .hera-enter{animation:none!important}
  section,article,li,figure{break-inside:avoid}
}
