@font-face {
  font-family:Manrope;
  src:url('/fonts/manrope.woff2') format('woff2');
  font-weight:400 800;
  font-style:normal;
  font-display:swap
}

:root {
  
 --color-blue-700:#1245ca;
  --color-blue-900:#102d72;
  --color-blue-100:#eaf0fc;
  --color-ink-900:#152038;
  --color-ink-600:#55627a;
  --color-ink-500:#697790;
  --color-white:#fff;
  --color-paper:#f8f9fc;
  --color-rule:#d8e0ed;
  
 --color-text:var(--color-ink-900);
  --color-text-muted:var(--color-ink-600);
  --color-accent:var(--color-blue-700);
  --color-surface:var(--color-white);
  --color-surface-subtle:var(--color-paper);
  --color-surface-accent:var(--color-blue-100);
  --color-border:var(--color-rule);
  --color-on-accent:var(--color-white);
  
 --button-bg:var(--color-accent);
  --button-text:var(--color-on-accent);
  --input-bg:var(--color-surface);
  --input-border:var(--color-border);
  --panel-bg:var(--color-surface-subtle);
  --panel-border:var(--color-border);
  
 --font-body:Manrope,Arial,sans-serif;
  --font-label:'Cascadia Mono',Consolas,monospace;
  --space-1:0.25rem;
  --space-2:0.5rem;
  --space-3:0.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-12:3rem;
  --space-16:4rem;
  --space-24:6rem;
  --radius-small:0.25rem;
  --radius-panel:0.5rem;
  --ease-out:cubic-bezier(.22,1,.36,1)
 --color-detail-1:#15203816;
  
 --color-detail-2:#061d5622;
  
 --color-detail-3:#061d56c4;
  
 --color-detail-4:#d3def6;
  
 --color-detail-5:#6681b7;
  
 --color-detail-6:#bacbf0;
  
 --color-detail-7:#7997d9;
  
 --color-detail-8:#d9e3fb;
  
 --color-detail-9:#b9cbf0;
  
 --color-detail-10:#f0f1f5;
  
 --color-detail-11:#adc2ef;
  
 --color-detail-12:#ccd9f3;
  
 --color-detail-13:#a83131;
  
 --color-detail-14:#6881b4;
  
 --color-detail-15:#8297bf;
  
 --color-detail-16:#1520380d;
  

}

* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:7rem
}
body {
  margin:0;
  color:var(--color-text);
  background:var(--color-surface);
  font:400 1rem/1.75 var(--font-body);
  -webkit-font-smoothing:antialiased
}
h1,h2,h3,p {
  margin:0
}
h1,h2,h3 {
  font-weight:700;
  letter-spacing:-.045em;
  line-height:1.15;
  text-wrap:balance
}
h1 {
  font-size:clamp(2.75rem,5vw,4.5rem)
}
h2 {
  font-size:clamp(2rem,3.4vw,3.25rem)
}
h3 {
  font-size:1.5rem
}
p {
  color:var(--color-text-muted);
  text-wrap:pretty
}
a {
  color:inherit;
  text-decoration:none
}
button,input,select,textarea {
  font-family:var(--font-body);
  font-size:1rem
}
button,summary {
  cursor:pointer
}
button {
  color:inherit
}
img {
  max-width:100%;
  display:block
}
svg {
  width:1.5rem;
  height:1.5rem;
  flex-shrink:0;
  vertical-align:middle
}
em {
  font-style:normal;
  color:var(--color-accent)
}
ul,ol {
  margin:0;
  padding:0
}
li {
  list-style:none
}
a,button,input,textarea,select,summary {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:0.1875rem solid var(--color-accent);
  outline-offset:0.25rem
}
section[id],aside[id] {
  scroll-margin-top:8.125rem
}
[hidden] {
  display:none!important
}

.wrap {
  width:calc(100% - 6rem);
  max-width:80rem;
  margin-inline:auto
}
.section {
  padding-block:6rem
}
.section.first {
  padding-top:1.5rem
}
.eyebrow {
  display:block;
  font:400 0.75rem/1.5 var(--font-label);
  letter-spacing:.065em;
  color:var(--color-accent);
  margin-bottom:1.5rem
}
.caption {
  display:block;
  font-size:0.75rem;
  line-height:1.7;
  color:var(--color-text-muted)
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  min-height:3.5rem;
  padding:1rem 1.5rem;
  font-size:0.875rem;
  font-weight:700;
  line-height:1.6;
  color:var(--button-text);
  background:var(--button-bg);
  border:0.0625rem solid var(--button-bg);
  border-radius:var(--radius-small);
  transition:background .2s var(--ease-out),border-color .2s var(--ease-out)
}
.button>svg {
  width:1.25rem;
  height:1.25rem;
  transition:transform .2s var(--ease-out)
}
.button:hover {
  background:var(--color-blue-900);
  border-color:var(--color-blue-900)
}
.button:hover>svg {
  transform:translateX(0.1875rem)
}
.button.secondary {
  color:var(--color-text);
  background:var(--color-surface);
  border-color:var(--color-border)
}
.button.secondary:hover {
  background:var(--color-surface-accent);
  border-color:var(--color-accent)
}
.button:disabled {
  opacity:.4;
  cursor:default
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:0.75rem;
  min-height:2.75rem;
  font-size:0.875rem;
  font-weight:700;
  color:var(--color-accent);
  border-bottom:0.0625rem solid transparent
}
.text-link:hover {
  border-color:var(--color-accent)
}
.text-link>svg {
  width:1.125rem;
  height:1.125rem
}
.skip {
  position:fixed;
  top:0.5rem;
  left:0.5rem;
  transform:translateY(-150%);
  background:var(--color-surface);
  padding:0.75rem 1.5rem;
  border:0.0625rem solid var(--color-accent);
  z-index:100
}
.skip:focus {
  transform:none
}

.site-header {
  position:sticky;
  top:0;
  background:var(--color-surface);
  border-bottom:0.0625rem solid var(--color-border);
  z-index:30
}
.header-inner {
  height:6rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:0.75rem;
  line-height:1;
  font-size:1.75rem;
  font-weight:800;
  letter-spacing:-.06em
}
.brand-symbol {
  display:grid;
  place-items:center;
  background:var(--color-accent);
  color:var(--color-on-accent);
  width:2.75rem;
  height:2.75rem;
  border-radius:0.5rem
}
.brand-symbol>svg {
  width:2.375rem;
  height:2.375rem
}
.brand-country {
  display:block;
  font:400 0.625rem/1 var(--font-label);
  letter-spacing:.25em;
  color:var(--color-text-muted);
  margin-top:0.5rem
}
.header-inner nav {
  display:flex;
  align-items:center;
  gap:1.5rem;
  font-size:0.8125rem;
  font-weight:700
}
.header-inner nav>a:not(.button) {
  display:inline-flex;
  align-items:center;
  min-height:3rem;
  white-space:nowrap
}
.header-inner nav>a:hover,.header-inner nav>a[aria-current] {
  color:var(--color-accent)
}
.header-inner .button {
  font-size:0.75rem;
  min-height:3rem;
  padding:0.75rem 1rem;
  gap:1rem
}
.menu-toggle {
  display:none
}
.nav-group>summary {
  list-style:none;
  display:flex;
  align-items:center;
  gap:0.375rem;
  min-height:3rem;
  white-space:nowrap
}
.nav-group>summary::-webkit-details-marker {
  display:none
}
.nav-group[open]>summary,.nav-group:hover>summary {
  color:var(--color-accent)
}
.nav-group[open]>summary svg {
  transform:rotate(180deg)
}
.nav-dropdown {
  position:absolute;
  top:5.9375rem;
  right:3rem;
  left:3rem;
  max-width:74rem;
  margin:auto;
  display:grid;
  grid-template-columns:17.5rem 1fr;
  background:var(--color-surface);
  border:0.0625rem solid var(--color-border);
  padding:2rem;
  gap:2.5rem;
  box-shadow:0 1.5rem 3rem var(--color-detail-1);
  animation:menu-in .22s var(--ease-out)
}
.nav-dropdown-intro {
  border-right:0.0625rem solid var(--color-border);
  padding-right:2rem
}
.nav-dropdown-intro .eyebrow {
  margin-bottom:1rem
}
.nav-dropdown-intro p {
  font-weight:400;
  font-size:1rem;
  line-height:1.7
}
.nav-dropdown ul {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0.5rem 1.5rem
}
.nav-dropdown li a {
  display:flex;
  flex-direction:column;
  min-height:3.5rem;
  padding:0.75rem;
  border-radius:0.25rem
}
.nav-dropdown li a:hover {
  background:var(--color-surface-accent)
}
.nav-dropdown strong {
  font-size:0.875rem;
  font-weight:700
}
.nav-dropdown li a>span {
  font-size:0.75rem;
  font-weight:400;
  color:var(--color-text-muted);
  margin-top:0.25rem
}
.nav-dropdown [aria-current] {
  color:var(--color-accent)
}

.breadcrumb {
  margin-top:2rem;
  font-size:0.75rem;
  color:var(--color-text-muted)
}
.breadcrumb ol {
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem 0
}
.breadcrumb li {
  display:flex;
  align-items:center;
  min-width:0
}
.breadcrumb li+li:before {
  content:'/';
  padding-inline:0.75rem;
  color:var(--color-ink-500)
}
.breadcrumb a {
  display:inline-flex;
  align-items:center;
  min-height:2rem
}
.breadcrumb a:hover {
  color:var(--color-accent)
}
.breadcrumb [aria-current] {
  color:var(--color-text)
}

.home-hero {
  padding-block:4rem 4.5rem;
  display:grid;
  grid-template-columns:1.08fr 1fr;
  gap:4rem;
  align-items:center
}
.hero-copy h1 {
  font-size:clamp(3.25rem,5.15vw,5rem);
  line-height:1.04;
  letter-spacing:-.055em;
  margin-bottom:2rem
}
.hero-copy>.eyebrow {
  margin-bottom:2rem
}
.hero-copy>p {
  font-size:1.125rem;
  max-width:32.5rem;
  line-height:1.8
}
.hero-actions {
  display:flex;
  align-items:center;
  gap:1.5rem;
  flex-wrap:wrap;
  margin-top:2rem
}
.hero-note {
  display:flex;
  align-items:flex-start;
  gap:0.5rem;
  font-size:0.75rem;
  color:var(--color-text-muted);
  margin-top:1.5rem
}
.hero-note svg {
  width:1.125rem;
  height:1.125rem;
  color:var(--color-accent);
  margin-top:0.125rem
}
.hero-art {
  height:38.75rem;
  position:relative;
  overflow:hidden;
  border-radius:0.5rem;
  background:var(--color-blue-900)
}
.hero-art>img {
  width:100%;
  height:100%;
  object-fit:cover
}
.hero-art:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,var(--color-detail-2),transparent 40%,transparent 60%,var(--color-detail-3));
  pointer-events:none
}
.art-index {
  position:absolute;
  top:1.5rem;
  left:1.5rem;
  right:1.5rem;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  color:var(--color-on-accent);
  font:400 0.625rem/1.5 var(--font-label);
  letter-spacing:.03em;
  z-index:1
}
.art-index>span:last-child {
  text-align:right
}
.art-caption {
  position:absolute;
  bottom:2rem;
  left:2rem;
  color:var(--color-on-accent);
  z-index:1
}
.art-caption>span {
  display:block;
  font-size:0.875rem;
  margin-bottom:0.5rem
}
.art-caption>strong {
  font-size:2rem;
  letter-spacing:-.03em;
  line-height:1.25;
  font-weight:700;
  display:block
}
.promise-strip {
  display:grid;
  grid-template-columns:.8fr 1fr 1fr 1fr;
  gap:1.5rem;
  padding-block:2rem;
  border-top:0.0625rem solid var(--color-border);
  border-bottom:0.0625rem solid var(--color-border);
  align-items:center
}
.promise-strip>span {
  font-size:0.875rem;
  color:var(--color-text-muted)
}
.promise-strip>div {
  display:flex;
  align-items:center;
  gap:1rem
}
.promise-strip svg {
  color:var(--color-accent);
  width:1.5rem;
  height:1.5rem
}
.promise-strip strong {
  font-size:0.875rem;
  line-height:1.5;
  font-weight:700
}

.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:4rem;
  margin-bottom:3rem
}
.section-heading h2 {
  max-width:49.375rem
}
.section-heading>p {
  max-width:21.25rem;
  font-size:1rem;
  line-height:1.85
}
.home-solutions {
  border-top:0.0625rem solid var(--color-border)
}
.solution-feature {
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:5rem;
  align-items:center;
  padding-block:3rem;
  border-bottom:0.0625rem solid var(--color-border)
}
.solution-feature:nth-child(even) .feature-copy {
  order:2
}
.feature-number {
  display:block;
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent);
  margin-bottom:1rem
}
.feature-copy h3 {
  font-size:2rem;
  margin-bottom:1.25rem
}
.feature-copy p {
  font-size:1rem;
  line-height:1.8;
  max-width:34.375rem
}
.feature-copy ul {
  margin-top:1.5rem
}
.feature-copy li {
  display:flex;
  gap:0.75rem;
  font-size:0.875rem;
  color:var(--color-text-muted);
  margin-block:0.5rem
}
.feature-copy li svg {
  width:1.125rem;
  height:1.125rem;
  color:var(--color-accent);
  margin-top:0.25rem
}
.feature-copy .text-link {
  margin-top:1.25rem
}
.section-end {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  margin-top:2rem
}
.section-end p {
  font-size:0.875rem
}
.method-section {
  background:var(--color-blue-900);
  color:var(--color-on-accent);
  padding-block:6rem
}
.method-section .eyebrow {
  color:var(--color-on-accent)
}
.method-section p {
  color:var(--color-detail-4)
}
.method-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem
}
.method-grid li {
  border-top:0.0625rem solid var(--color-detail-5);
  padding-top:1.5rem
}
.method-index {
  display:block;
  font:400 2rem/1.2 var(--font-label);
  color:var(--color-detail-6);
  margin-bottom:1.5rem
}
.method-grid h3 {
  font-size:1.5rem;
  margin-bottom:1rem
}
.method-grid p {
  font-size:0.875rem;
  line-height:1.85
}
.sector-editorial>a {
  display:grid;
  grid-template-columns:3rem 18.75rem 1fr 1.5rem;
  align-items:center;
  gap:2rem;
  border-top:0.0625rem solid var(--color-border);
  padding-block:1.75rem
}
.sector-editorial>a:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.sector-editorial>a>span {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-text-muted)
}
.sector-editorial h3 {
  font-size:1.75rem
}
.sector-editorial p {
  font-size:0.875rem;
  max-width:35rem
}
.sector-editorial>a>svg {
  color:var(--color-accent)
}
.sector-editorial>a:hover h3 {
  color:var(--color-accent)
}

.diagnostic-banner {
  background:var(--color-surface-accent);
  border-radius:0.5rem;
  padding:4rem;
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:4rem;
  align-items:center
}
.diagnostic-banner p {
  font-size:1rem;
  margin-block:1.5rem
}
.diagnostic-visual {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2rem;
  color:var(--color-accent);
  font:400 0.75rem/1.5 var(--font-label)
}
.diagnostic-rings {
  width:14rem;
  height:14rem;
  display:grid;
  place-items:center;
  border:0.0625rem solid var(--color-detail-7);
  border-radius:50%;
  box-shadow:0 0 0 1.25rem var(--color-detail-8),0 0 0 1.3125rem var(--color-detail-9)
}
.diagnostic-rings>span {
  text-align:center;
  color:var(--color-text-muted);
  font:400 1rem/1.6 var(--font-body)
}
.diagnostic-rings strong {
  display:block;
  color:var(--color-accent);
  font-size:1.5rem;
  font-weight:700
}
.guide-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem
}
.guide-card {
  min-width:0
}
.guide-cover {
  display:grid;
  grid-template-columns:1fr auto;
  background:var(--color-surface-accent);
  color:var(--color-accent);
  padding:1.5rem;
  min-height:16.25rem;
  border:0.0625rem solid var(--color-border);
  position:relative;
  overflow:hidden
}
.guide-cover>span {
  font:400 0.625rem/1.5 var(--font-label);
  letter-spacing:.04em;
  grid-column:1/-1
}
.guide-cover strong {
  font-size:6.25rem;
  font-weight:700;
  letter-spacing:-.06em;
  line-height:1.2;
  align-self:center
}
.guide-cover>svg {
  width:3.5rem;
  height:3.5rem;
  stroke-width:1;
  align-self:center
}
.guide-cover>span:last-child {
  align-self:end;
  margin-top:0.5rem
}
.cover-1 {
  background:var(--color-detail-10);
  color:var(--color-ink-600)
}
.cover-2 {
  background:var(--color-blue-900);
  color:var(--color-on-accent);
  border-color:var(--color-blue-900)
}
.guide-caption {
  padding-top:1.5rem
}
.guide-caption>.eyebrow {
  font-size:0.625rem;
  margin-bottom:0.75rem
}
.guide-caption h3 {
  font-size:1.625rem;
  line-height:1.25;
  max-width:21.875rem
}
.guide-caption p {
  font-size:0.875rem;
  margin-top:1rem;
  line-height:1.8
}
.guide-caption .text-link {
  margin-top:1rem
}
.guide-card:hover h3 {
  color:var(--color-accent)
}
.faq-preview {
  display:grid;
  grid-template-columns:.8fr 1.4fr;
  gap:6rem;
  padding-top:0
}
.faq-preview .text-link {
  margin-top:1.5rem
}
.faq-list details {
  border-top:0.0625rem solid var(--color-border)
}
.faq-list details:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.faq-list summary {
  list-style:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1.5rem;
  padding-block:1.5rem;
  min-height:4rem;
  font-size:1rem;
  font-weight:700;
  line-height:1.7
}
.faq-list summary::-webkit-details-marker {
  display:none
}
.faq-list summary>span {
  font-size:1.5rem;
  line-height:1.1;
  font-weight:400;
  color:var(--color-accent)
}
.faq-list details[open] summary>span {
  transform:rotate(45deg)
}
.faq-list details p {
  padding-bottom:1.5rem;
  font-size:1rem;
  line-height:1.8;
  max-width:47.5rem
}

.cta {
  border-top:0.0625rem solid var(--color-border);
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:6rem;
  padding-block:4rem 6rem
}
.cta p {
  font-size:1rem;
  max-width:33.75rem;
  line-height:1.85
}
.cta .button {
  margin-top:1.5rem
}
.cta-note {
  display:block;
  font-size:0.75rem;
  color:var(--color-text-muted);
  margin-top:1rem
}
.site-footer {
  background:var(--color-surface-subtle);
  border-top:0.0625rem solid var(--color-border);
  padding-top:3rem
}
.footer-lead {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding-bottom:2.5rem;
  border-bottom:0.0625rem solid var(--color-border)
}
.footer-lead p {
  font-size:1rem
}
.footer-contact {
  display:inline-flex;
  align-items:center;
  gap:1.5rem;
  font-size:1rem;
  font-weight:700;
  color:var(--color-accent);
  min-height:3rem
}
.footer-grid {
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1.1fr;
  gap:3rem;
  padding-block:3rem
}
.footer-grid h2 {
  font-size:0.875rem;
  letter-spacing:0;
  margin-bottom:1.25rem
}
.footer-grid a {
  font-size:0.8125rem;
  color:var(--color-text-muted);
  min-height:2.75rem;
  display:flex;
  align-items:center
}
.footer-grid a:hover {
  color:var(--color-accent)
}
.footer-statement>.eyebrow {
  font-size:0.625rem;
  margin-bottom:1rem
}
.footer-statement h2 {
  font-size:2rem;
  letter-spacing:-.035em;
  line-height:1.15
}
.footer-statement p {
  font-size:0.875rem;
  line-height:1.8;
  margin-top:1.25rem
}
.footer-bottom {
  border-top:0.0625rem solid var(--color-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding-block:1.25rem;
  font-size:0.75rem;
  color:var(--color-text-muted)
}
.footer-bottom>div {
  display:flex;
  gap:1.5rem;
  flex-wrap:wrap
}
.footer-bottom a {
  display:inline-flex;
  align-items:center;
  min-height:2.75rem;
  gap:0.75rem
}
.footer-bottom>a svg {
  transform:rotate(-90deg);
  width:1rem;
  height:1rem
}

.page-hero {
  padding-block:3rem 4rem;
  border-bottom:0.0625rem solid var(--color-border);
  margin-bottom:1.5rem
}
.page-hero h1 {
  max-width:63.75rem;
  margin-bottom:1.75rem
}
.page-hero p {
  font-size:1.125rem;
  line-height:1.85;
  max-width:51.25rem
}
.page-hero.with-aside {
  display:grid;
  grid-template-columns:1.5fr .7fr;
  gap:5rem;
  align-items:center
}
.intro-aside {
  border-left:0.0625rem solid var(--color-border);
  padding-left:2rem
}
.intro-aside>svg {
  color:var(--color-accent);
  width:2.25rem;
  height:2.25rem;
  margin-bottom:1.5rem
}
.intro-aside strong {
  font-size:1.5rem;
  line-height:1.3;
  display:block;
  letter-spacing:-.035em
}
.intro-aside p {
  font-size:0.875rem;
  line-height:1.8;
  margin-top:1rem
}
.service-directory>a {
  display:grid;
  grid-template-columns:3rem 1.1fr 1fr 1.5rem;
  gap:2rem;
  align-items:center;
  padding:2rem 0;
  border-top:0.0625rem solid var(--color-border)
}
.service-directory>a:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.directory-index {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-text-muted)
}
.service-directory>a>div {
  display:flex;
  align-items:center;
  gap:1.25rem
}
.service-directory h3 {
  font-size:1.75rem
}
.service-directory>a>div svg,.service-directory>a>svg {
  color:var(--color-accent)
}
.service-directory p {
  font-size:0.875rem
}
.service-directory>a:hover h3 {
  color:var(--color-accent)
}
.scope-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2.5rem 5rem;
  padding:4rem;
  background:var(--color-surface-subtle);
  margin-bottom:6rem
}
.scope-section>.eyebrow {
  grid-column:1/-1;
  margin:0
}
.scope-list p {
  border-top:0.0625rem solid var(--color-border);
  padding-block:1.25rem;
  font-size:1rem
}
.scope-list strong {
  display:block;
  color:var(--color-text);
  margin-bottom:0.5rem
}

.service-hero {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:4.5rem;
  align-items:center;
  padding-block:3rem 4rem
}
.service-hero h1 {
  font-size:clamp(2.75rem,4.5vw,4rem);
  margin-bottom:1.75rem
}
.service-hero p {
  font-size:1.0625rem;
  line-height:1.85;
  max-width:38.75rem
}
.service-hero .button {
  margin-top:1.75rem
}
.service-visual {
  background:var(--color-surface-subtle);
  border:0.0625rem solid var(--color-border);
  padding:1.5rem;
  border-radius:0.5rem;
  overflow:hidden;
  min-width:0
}
.visual-caption {
  display:flex;
  justify-content:space-between;
  gap:1.5rem;
  font:400 0.625rem/1.5 var(--font-label);
  color:var(--color-text-muted);
  margin-bottom:2rem
}
.visual-caption>span:last-child {
  text-align:right
}
.visual-footer {
  font-size:0.75rem;
  line-height:1.7;
  padding-top:1.5rem;
  margin-top:1.5rem;
  border-top:0.0625rem solid var(--color-border);
  color:var(--color-text-muted)
}
.priority-map {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.5rem;
  position:relative;
  padding:0 0 1.5rem 1.5rem
}
.map-cell {
  height:6.5rem;
  border:0.0625rem solid var(--color-border);
  padding:0.75rem;
  display:flex;
  align-items:flex-end;
  font-size:0.75rem;
  color:var(--color-text-muted);
  background:var(--color-surface)
}
.cell-a {
  background:var(--color-surface-accent);
  border-color:var(--color-detail-11)
}
.map-y {
  position:absolute;
  top:4.625rem;
  left:-0.5rem;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font:400 0.625rem/1 var(--font-label);
  color:var(--color-text-muted)
}
.map-x {
  position:absolute;
  bottom:0;
  left:46%;
  font:400 0.625rem/1 var(--font-label);
  color:var(--color-text-muted)
}
.priority-dot {
  position:absolute;
  left:3rem;
  top:1.75rem;
  display:flex;
  align-items:center;
  gap:0.5rem;
  font-size:0.75rem;
  color:var(--color-accent);
  padding:0.5rem 0.75rem;
  border:0.0625rem solid var(--color-detail-11);
  border-radius:0.25rem;
  background:var(--color-surface)
}
.priority-dot svg {
  width:1rem;
  height:1rem
}
.learning-stack {
  display:grid;
  gap:0.75rem
}
.learning-stack>div {
  display:flex;
  align-items:center;
  gap:1rem;
  border:0.0625rem solid var(--color-border);
  background:var(--color-surface);
  padding:1rem
}
.learning-stack>div>span {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent)
}
.learning-stack strong {
  font-size:0.875rem;
  font-weight:700
}
.learning-stack svg {
  width:1.125rem;
  height:1.125rem;
  margin-left:auto;
  color:var(--color-accent)
}
.agent-preview {
  display:flex;
  flex-direction:column;
  gap:1.25rem;
  padding-block:1rem
}
.message {
  font-size:0.875rem;
  line-height:1.8;
  padding:1.25rem;
  border:0.0625rem solid var(--color-border);
  border-radius:0.375rem
}
.message.question {
  background:var(--color-blue-900);
  border-color:var(--color-blue-900);
  color:var(--color-on-accent);
  align-self:flex-end;
  max-width:90%
}
.message.answer {
  background:var(--color-surface);
  color:var(--color-text)
}
.message.answer>span {
  display:flex;
  align-items:center;
  gap:0.5rem;
  font-size:0.75rem;
  color:var(--color-accent);
  border-top:0.0625rem solid var(--color-border);
  margin-top:1rem;
  padding-top:0.75rem
}
.message svg {
  width:1rem;
  height:1rem
}
.agent-rule {
  display:flex;
  align-items:flex-start;
  gap:0.5rem;
  font-size:0.75rem;
  color:var(--color-text-muted)
}
.agent-rule svg {
  width:1rem;
  height:1rem;
  margin-top:0.1875rem
}
.roadmap-preview {
  display:grid;
  gap:0.75rem
}
.roadmap-preview>div {
  display:grid;
  grid-template-columns:2.75rem 1fr;
  background:var(--color-surface);
  border:0.0625rem solid var(--color-border);
  padding:1.25rem;
  gap:0.25rem 1rem
}
.roadmap-preview>div>span {
  grid-row:1/3;
  color:var(--color-accent);
  font:400 1.5rem/1.5 var(--font-label)
}
.roadmap-preview strong {
  font-size:1.125rem;
  line-height:1.4
}
.roadmap-preview small {
  font-size:0.75rem;
  color:var(--color-text-muted)
}
.process-preview {
  display:flex;
  flex-direction:column;
  gap:1.25rem;
  padding-block:0.5rem
}
.process-node {
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1.25rem;
  border:0.0625rem solid var(--color-border);
  background:var(--color-surface);
  position:relative
}
.process-node+.process-node:before {
  content:'';
  width:0.0625rem;
  height:1.25rem;
  background:var(--color-border);
  position:absolute;
  top:-1.3125rem;
  left:2.625rem
}
.process-node>span {
  display:grid;
  place-items:center;
  width:2.25rem;
  height:2.25rem;
  background:var(--color-surface-accent);
  color:var(--color-accent);
  flex-shrink:0
}
.process-node svg {
  width:1.375rem;
  height:1.375rem
}
.process-node>div {
  flex:1;
  min-width:0
}
.process-node small {
  font:400 0.625rem/1.5 var(--font-label);
  color:var(--color-text-muted);
  display:block;
  margin-bottom:0.25rem
}
.process-node strong {
  font-size:0.875rem;
  line-height:1.5;
  display:block
}
.process-node b {
  font:400 0.625rem/1.5 var(--font-label);
  color:var(--color-accent);
  max-width:4rem;
  text-align:right
}
.anchor-nav {
  display:flex;
  gap:2.5rem;
  border-top:0.0625rem solid var(--color-border);
  border-bottom:0.0625rem solid var(--color-border);
  padding-block:0.5rem;
  font-size:0.875rem;
  color:var(--color-text-muted)
}
.anchor-nav a {
  min-height:2.75rem;
  display:inline-flex;
  align-items:center
}
.anchor-nav a:hover {
  color:var(--color-accent)
}
.detail-grid {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:5rem;
  align-items:start
}
.detail-grid h2 {
  font-size:2.5rem
}
.steps {
  margin-top:2.5rem
}
.steps li {
  display:flex;
  align-items:flex-start;
  gap:1.5rem;
  border-top:0.0625rem solid var(--color-border);
  padding-block:1.5rem
}
.steps li:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.steps li>span {
  font:400 0.875rem/1.5 var(--font-label);
  color:var(--color-accent);
  padding-top:0.25rem
}
.steps p {
  font-size:1rem;
  line-height:1.85
}
.deliverables {
  background:var(--color-surface-accent);
  padding:2.5rem;
  border:0.0625rem solid var(--color-detail-12)
}
.deliverables h2 {
  font-size:2rem;
  line-height:1.2
}
.deliverables ul {
  margin-block:1.75rem
}
.deliverables li {
  display:flex;
  gap:0.75rem;
  font-size:0.875rem;
  padding-block:1rem;
  border-top:0.0625rem solid var(--color-detail-12)
}
.deliverables li:last-child {
  border-bottom:0.0625rem solid var(--color-detail-12)
}
.deliverables li svg {
  color:var(--color-accent);
  width:1.125rem;
  height:1.125rem;
  margin-top:0.25rem
}
.deliverables p {
  font-size:0.875rem;
  line-height:1.85
}
.deliverables .button {
  margin-top:1.5rem;
  width:100%
}
.case-study {
  padding:3rem;
  background:var(--color-surface-subtle);
  border-left:0.125rem solid var(--color-accent);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  align-items:start
}
.case-study h2 {
  font-size:2.5rem
}
.case-study p {
  font-size:1.125rem;
  line-height:1.85
}
.case-study .caption {
  margin-top:1.5rem
}
.case-study .button {
  margin-top:1.5rem
}
.related-links {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem
}
.related-links>a {
  display:flex;
  align-items:center;
  gap:1rem;
  font-size:0.875rem;
  font-weight:700;
  border-top:0.0625rem solid var(--color-border);
  padding-block:1.5rem
}
.related-links>a>svg {
  color:var(--color-accent)
}
.related-links>a>svg:last-child {
  width:1.125rem;
  height:1.125rem;
  margin-left:auto
}
.curriculum {
  padding-top:0
}
.curriculum-list {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem
}
.curriculum-list>div {
  border-top:0.0625rem solid var(--color-border);
  padding-top:1.5rem
}
.curriculum-list>div>span {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent)
}
.curriculum-list h3 {
  font-size:1.5rem;
  margin-block:1.25rem 1rem
}
.curriculum-list p {
  font-size:0.875rem;
  line-height:1.85
}

.approach-story {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5rem;
  align-items:center;
  padding-top:2.5rem
}
.approach-art {
  position:relative;
  height:28.75rem;
  overflow:hidden;
  background:var(--color-blue-900)
}
.approach-art>img {
  width:100%;
  height:100%;
  object-fit:cover
}
.approach-art>span {
  position:absolute;
  bottom:1.5rem;
  left:1.5rem;
  right:1.5rem;
  color:var(--color-on-accent);
  font:400 0.75rem/1.6 var(--font-label)
}
.approach-story h2 {
  font-size:2.5rem;
  margin-bottom:1.5rem
}
.approach-story p {
  font-size:1rem;
  margin-top:1.25rem;
  line-height:1.9
}
.principles>ol>li {
  display:flex;
  align-items:center;
  gap:3rem;
  border-top:0.0625rem solid var(--color-border);
  padding-block:1.75rem
}
.principles>ol>li:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.principles li>span {
  font:400 0.875rem/1.5 var(--font-label);
  color:var(--color-accent)
}
.principles h3 {
  font-size:1.75rem
}
.sector-directory {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2rem
}
.sector-directory>a {
  padding:2.5rem;
  border:0.0625rem solid var(--color-border);
  background:var(--color-surface-subtle);
  min-height:18.75rem
}
.sector-directory>a:first-child {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.5rem 4rem;
  min-height:0;
  background:var(--color-surface-accent)
}
.sector-directory h2 {
  font-size:2rem;
  margin-block:1.25rem
}
.sector-directory p {
  font-size:1rem;
  line-height:1.85;
  max-width:35rem
}
.sector-directory>a:first-child>p {
  grid-column:2;
  grid-row:2/4
}
.sector-directory .text-link {
  margin-top:1.25rem
}
.sector-tasks>li {
  display:grid;
  grid-template-columns:3rem 1fr 3rem;
  gap:2rem;
  align-items:center;
  border-top:0.0625rem solid var(--color-border);
  padding-block:1.75rem
}
.sector-tasks>li:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.sector-tasks>li>span {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent)
}
.sector-tasks h3 {
  font-size:1.75rem
}
.sector-tasks a {
  display:grid;
  place-items:center;
  min-height:3rem;
  color:var(--color-accent)
}
.sector-pilot {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:5rem;
  background:var(--color-surface-subtle);
  padding:3rem
}
.sector-pilot h2 {
  font-size:2.5rem
}
.sector-pilot p {
  font-size:1rem;
  line-height:1.9;
  margin-top:1.5rem
}
.sector-pilot .button {
  margin-top:1.5rem
}
.sector-pilot aside {
  border-left:0.0625rem solid var(--color-border);
  padding-left:2.5rem
}
.sector-pilot aside>svg {
  color:var(--color-accent);
  margin-bottom:1.5rem
}
.sector-pilot h3 {
  font-size:1.5rem
}
.learning-links>a {
  display:grid;
  grid-template-columns:3rem 1fr 1.5rem;
  gap:2rem;
  align-items:center;
  border-top:0.0625rem solid var(--color-border);
  padding-block:2rem
}
.learning-links>a:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.learning-links>a>span {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent)
}
.learning-links h3 {
  font-size:1.75rem
}
.learning-links p {
  font-size:1rem;
  margin-top:0.75rem
}
.learning-links svg {
  color:var(--color-accent)
}

.article-layout {
  display:grid;
  grid-template-columns:16.25rem 1fr;
  gap:6rem;
  padding-block:3rem 6rem
}
.article-toc {
  position:sticky;
  top:8.125rem;
  align-self:start
}
.article-toc>.eyebrow {
  margin-bottom:1rem
}
.reading-progress {
  height:0.125rem;
  background:var(--color-border);
  margin-bottom:1.5rem
}
.reading-progress>span {
  display:block;
  height:100%;
  width:0;
  background:var(--color-accent)
}
.article-toc ol {
  list-style:decimal;
  padding-left:1.25rem
}
.article-toc li {
  list-style:decimal;
  font-size:0.8125rem;
  line-height:1.7;
  border-bottom:0.0625rem solid var(--color-border)
}
.article-toc li a {
  display:block;
  padding-block:1rem
}
.article-toc li a:hover {
  color:var(--color-accent)
}
.article-toc .text-link {
  margin-top:1.5rem
}
.prose {
  max-width:48.75rem
}
.prose h2 {
  font-size:2rem;
  line-height:1.25;
  margin-block:2rem 1.25rem
}
.prose p {
  font-size:1.0625rem;
  line-height:1.95;
  margin-top:1rem
}
.prose>section {
  padding-block:2rem;
  border-bottom:0.0625rem solid var(--color-border)
}
.prose>section:first-child {
  padding-top:0
}
.prose>section h2 {
  margin-top:1rem
}
.article-number {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent)
}
.source-box {
  background:var(--color-surface-accent);
  border:0.0625rem solid var(--color-detail-12);
  padding:2rem;
  margin-top:2.5rem
}
.source-box>svg {
  color:var(--color-accent)
}
.source-box h2 {
  font-size:1.5rem;
  margin-top:1rem
}
.source-box a {
  text-decoration:underline;
  text-underline-offset:0.25rem;
  color:var(--color-accent);
  font-size:1rem;
  overflow-wrap:anywhere
}
.source-box p {
  font-size:0.875rem;
  line-height:1.9
}
.faq-layout {
  display:grid;
  grid-template-columns:21.25rem 1fr;
  gap:5rem
}
.faq-aside {
  position:sticky;
  top:8.125rem;
  align-self:start
}
.search-field {
  font-size:0.875rem;
  font-weight:700;
  display:block
}
.search-field>span {
  display:flex;
  align-items:center;
  border:0.0625rem solid var(--input-border);
  background:var(--input-bg);
  margin-top:0.75rem;
  padding-left:1rem
}
.search-field svg {
  color:var(--color-text-muted);
  width:1.25rem;
  height:1.25rem
}
.search-field input {
  border:0!important;
  background:transparent!important;
  min-width:0;
  margin:0!important;
  padding:1rem!important
}
.search-status {
  font-size:0.75rem;
  line-height:1.7;
  min-height:1.5rem;
  margin-top:0.75rem
}
.aside-contact {
  margin-top:2.5rem;
  border-top:0.0625rem solid var(--color-border);
  padding-top:2rem
}
.aside-contact h2 {
  font-size:1.5rem
}
.aside-contact p {
  font-size:0.875rem;
  margin-top:1rem
}
.aside-contact .button {
  margin-top:1.5rem
}

.contact-grid {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:6rem;
  align-items:start;
  padding-bottom:6rem
}
.contact-context h2 {
  font-size:2.25rem
}
.contact-context>p {
  font-size:1rem;
  margin-top:1.5rem;
  line-height:1.85
}
.contact-context ol {
  margin-top:2.5rem
}
.contact-context li {
  display:flex;
  align-items:flex-start;
  gap:1.5rem;
  border-top:0.0625rem solid var(--color-border);
  padding-block:1.5rem
}
.contact-context li>span {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent);
  padding-top:0.25rem
}
.contact-context h3 {
  font-size:1.25rem
}
.contact-context li p {
  font-size:0.875rem;
  margin-top:0.75rem;
  line-height:1.8
}
.contact-assurance {
  display:flex;
  align-items:flex-start;
  gap:1rem;
  background:var(--color-surface-subtle);
  padding:1.5rem;
  font-size:0.875rem;
  color:var(--color-text-muted);
  line-height:1.7;
  margin-top:1.5rem
}
.contact-assurance svg {
  color:var(--color-accent);
  width:1.25rem;
  height:1.25rem;
  margin-top:0.1875rem
}
.contact-form {
  background:var(--color-surface-subtle);
  border:0.0625rem solid var(--color-border);
  padding:2.5rem;
  min-width:0
}
.form-heading {
  margin-bottom:2rem
}
.form-heading .eyebrow {
  margin-bottom:1rem
}
.form-heading h2 {
  font-size:1.75rem
}
.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem
}
label {
  display:block;
  font-size:0.875rem;
  font-weight:700;
  line-height:1.7;
  color:var(--color-text);
  margin-bottom:1.5rem
}
input:not([type=checkbox]):not([type=range]),select,textarea {
  display:block;
  width:100%;
  min-height:3.25rem;
  margin-top:0.5rem;
  padding:0.75rem 1rem;
  border:0.0625rem solid var(--input-border);
  border-radius:0.25rem;
  background:var(--input-bg);
  color:var(--color-text);
  font-weight:400;
  font-size:0.875rem;
  line-height:1.7
}
input::placeholder,textarea::placeholder {
  color:var(--color-text-muted);
  opacity:1
}
textarea {
  resize:vertical
}
input:user-invalid,textarea:user-invalid {
  border-color:var(--color-detail-13)
}
.form-help {
  font-size:0.75rem;
  line-height:1.8;
  margin-top:1rem;
  color:var(--color-text-muted)
}
.checkbox {
  display:flex;
  align-items:flex-start;
  gap:0.75rem;
  font-size:0.75rem;
  font-weight:400;
  line-height:1.8;
  margin-top:1.5rem
}
.checkbox input {
  width:1.25rem;
  height:1.25rem;
  min-width:1.25rem;
  accent-color:var(--color-accent);
  margin-top:0.125rem
}
.checkbox a {
  text-decoration:underline;
  text-underline-offset:0.1875rem
}
.contact-form>.button {
  width:100%
}
.form-status {
  font-size:0.875rem;
  line-height:1.8;
  margin-top:1.5rem;
  color:var(--color-accent)
}
.form-status:empty {
  display:none
}
.booking-layout {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:4rem;
  align-items:start;
  padding-bottom:6rem
}
.booking-pending {
  background:var(--color-blue-900);
  color:var(--color-on-accent);
  padding:2.5rem
}
.booking-pending>svg {
  width:2rem;
  height:2rem;
  margin-bottom:2rem
}
.booking-pending .eyebrow {
  color:var(--color-on-accent)
}
.booking-pending h2 {
  font-size:2.25rem
}
.booking-pending p {
  color:var(--color-detail-4);
  font-size:1rem;
  margin-top:1.5rem;
  line-height:1.85
}
.booking-pending ol {
  list-style:decimal;
  padding-left:1.25rem;
  margin-top:2rem
}
.booking-pending li {
  list-style:decimal;
  font-size:0.875rem;
  line-height:1.8;
  margin-bottom:0.75rem;
  color:var(--color-detail-4)
}
.status-label {
  display:block;
  font-size:0.75rem;
  margin-top:2rem;
  border-top:0.0625rem solid var(--color-detail-14);
  padding-top:1.5rem
}
.booking h2 {
  font-size:2rem;
  margin-bottom:1.5rem
}
.booking iframe {
  width:100%;
  min-height:53.125rem;
  border:0
}
.booking p {
  font-size:0.875rem
}
.booking a {
  text-decoration:underline;
  color:var(--color-accent)
}

.family-tool .page-hero h1,.family-calculator .page-hero h1 {
  font-size:3.5rem
}
.family-tool .page-hero>div>p {
  font-size:1rem
}
.tool-layout {
  display:grid;
  grid-template-columns:1.7fr .8fr;
  gap:4rem;
  align-items:start;
  padding-bottom:6rem
}
.quiz-shell {
  background:var(--color-surface-subtle);
  border:0.0625rem solid var(--color-border);
  padding:2.5rem;
  border-radius:0.5rem;
  min-width:0
}
.quiz-progress {
  display:flex;
  align-items:center;
  gap:2rem;
  font-size:0.75rem;
  color:var(--color-text-muted)
}
.quiz-progress>div {
  height:0.25rem;
  background:var(--color-border);
  flex:1;
  min-width:2.5rem
}
.quiz-bar {
  height:100%;
  display:block;
  background:var(--color-accent);
  transition:width .3s var(--ease-out)
}
.quiz-body {
  margin-top:2rem;
  min-height:20.625rem
}
.quiz-body h2 {
  font-size:1.75rem;
  line-height:1.3;
  margin-bottom:1.75rem
}
.quiz-body h2:focus {
  outline-offset:0.5rem
}
.quiz-options {
  display:flex;
  flex-direction:column;
  gap:0.75rem
}
.quiz-options>button {
  border:0.0625rem solid var(--color-border);
  background:var(--color-surface);
  text-align:left;
  font-size:0.9375rem;
  padding:1rem 1.25rem;
  min-height:3.5rem;
  line-height:1.7;
  border-radius:0.25rem;
  transition:background .2s,border-color .2s
}
.quiz-options>button:hover,.quiz-options>button.selected {
  background:var(--color-surface-accent);
  border-color:var(--color-accent)
}
.quiz-actions {
  display:flex;
  align-items:center;
  gap:1.5rem;
  margin-top:1.5rem
}
.quiz-hint {
  font-size:0.75rem;
  color:var(--color-text-muted)
}
.quiz-score {
  font-size:4rem;
  letter-spacing:-.05em;
  font-weight:700;
  color:var(--color-accent);
  display:block;
  margin-bottom:1.5rem;
  line-height:1.2
}
.quiz-result p {
  font-size:1rem;
  line-height:1.85
}
.quiz-result .button {
  margin:2rem 0.75rem 0 0
}
.quiz-review {
  margin-top:2rem
}
.quiz-review details {
  padding-block:1rem;
  border-top:0.0625rem solid var(--color-border)
}
.quiz-review summary {
  font-size:0.875rem;
  line-height:1.7
}
.quiz-review p {
  font-size:0.875rem;
  margin-top:1rem
}
.tool-aside {
  border-top:0.0625rem solid var(--color-border);
  padding-top:2rem
}
.tool-aside>svg {
  width:1.75rem;
  height:1.75rem;
  color:var(--color-accent);
  margin-bottom:1.5rem
}
.tool-aside h2 {
  font-size:1.75rem;
  line-height:1.25
}
.tool-aside p {
  font-size:0.875rem;
  line-height:1.9;
  margin-top:1.25rem
}
.tool-aside ul,.tool-aside ol {
  margin-top:1.5rem
}
.tool-aside li {
  font-size:0.875rem;
  color:var(--color-text-muted);
  border-bottom:0.0625rem solid var(--color-border);
  padding-block:0.75rem
}
.tool-aside .text-link {
  margin-top:1.5rem
}
.tool-categories {
  display:flex;
  flex-direction:column
}
.tool-categories>article {
  display:grid;
  grid-template-columns:2.5rem 2.5rem 1fr .85fr;
  gap:1.5rem;
  align-items:start;
  padding-block:2rem;
  border-top:0.0625rem solid var(--color-border)
}
.tool-categories>article:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.tool-categories>article>svg {
  color:var(--color-accent);
  width:1.875rem;
  height:1.875rem
}
.tool-categories h2 {
  font-size:1.625rem;
  margin-bottom:1rem
}
.tool-categories p {
  font-size:0.875rem;
  line-height:1.8
}
.tool-check {
  display:flex;
  align-items:flex-start;
  gap:0.75rem;
  font-size:0.875rem;
  color:var(--color-text-muted)
}
.tool-check>svg {
  width:1.125rem;
  height:1.125rem;
  color:var(--color-accent);
  margin-top:0.25rem
}
.calculator-section {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:5rem;
  background:var(--color-surface-subtle);
  padding:3rem;
  margin-bottom:6rem
}
.calculator-section h2 {
  font-size:2.5rem
}
.calculator-section p {
  font-size:1rem;
  line-height:1.9;
  margin-top:1.5rem
}
.calculator-section .text-link {
  margin-top:1.5rem
}
.calculator-section form {
  border:0.0625rem solid var(--color-border);
  background:var(--color-surface);
  padding:2rem
}
input[type=range] {
  display:block;
  width:100%;
  accent-color:var(--color-accent);
  margin-top:1.25rem
}
output {
  font-size:0.875rem;
  color:var(--color-text-muted);
  font-weight:400;
  display:block;
  margin-top:0.75rem
}
.calc-result {
  background:var(--color-blue-900);
  color:var(--color-on-accent);
  padding:1.5rem
}
.calc-result>span {
  font-size:0.75rem;
  line-height:1.8;
  color:var(--color-detail-4);
  display:block
}
.calc-result strong {
  display:block;
  font-size:3rem;
  line-height:1.25;
  letter-spacing:-.05em;
  font-weight:700;
  margin-block:0.75rem
}
.calculator-section .form-help {
  font-size:0.75rem;
  line-height:1.8;
  margin-top:1rem
}
.exercise-directory {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2.5rem
}
.exercise-directory>a {
  border:0.0625rem solid var(--color-border);
  background:var(--color-surface-subtle);
  padding:2.5rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
.exercise-directory>a>span:first-child {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent);
  margin-bottom:2rem
}
.exercise-directory>a>svg {
  width:2.5rem;
  height:2.5rem;
  color:var(--color-accent);
  margin-bottom:2rem
}
.exercise-directory h2 {
  font-size:2.25rem;
  margin-bottom:1.5rem
}
.exercise-directory p {
  font-size:1rem;
  line-height:1.8;
  max-width:35rem
}
.exercise-directory .text-link {
  margin-top:1.75rem
}
.exercise {
  background:var(--color-surface-subtle);
  border:0.0625rem solid var(--color-border);
  padding:2.5rem;
  min-width:0
}
.exercise-result {
  margin-top:2rem
}
.exercise-result:empty {
  display:none
}
.exercise-result h2 {
  font-size:1.5rem;
  margin-bottom:1.5rem
}
.exercise-result li {
  font-size:0.875rem;
  line-height:1.9;
  margin-bottom:0.5rem
}
.exercise-result p {
  font-size:0.875rem;
  line-height:1.8;
  margin-top:1.25rem
}
.exercise>details {
  border-top:0.0625rem solid var(--color-border);
  margin-top:2rem;
  padding-top:1.5rem
}
.exercise summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1.25rem;
  min-height:2.75rem;
  font-size:0.875rem;
  font-weight:700;
  list-style:none
}
.exercise summary::-webkit-details-marker {
  display:none
}
.exercise details p {
  font-size:0.875rem;
  line-height:1.9;
  margin-top:1rem
}

.reading-list>a {
  display:grid;
  grid-template-columns:3rem 1fr 2.5rem;
  gap:2rem;
  border-top:0.0625rem solid var(--color-border);
  padding-block:2.5rem
}
.reading-list>a:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.reading-list>a>span:first-child {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent);
  padding-top:0.25rem
}
.reading-list .eyebrow {
  margin-bottom:1rem
}
.reading-list h2 {
  font-size:2rem;
  line-height:1.25;
  max-width:55rem
}
.reading-list p {
  font-size:1rem;
  line-height:1.85;
  max-width:52.5rem;
  margin-top:1.25rem
}
.reading-arrow {
  font-size:1.5rem;
  color:var(--color-accent)
}
.workshop-list>article {
  display:grid;
  grid-template-columns:3rem 1fr auto;
  gap:2.5rem;
  align-items:center;
  padding-block:2.5rem;
  border-top:0.0625rem solid var(--color-border)
}
.workshop-list>article:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.workshop-list>article>span {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent)
}
.workshop-list h2 {
  font-size:2rem;
  margin-bottom:1rem
}
.workshop-list p {
  font-size:1rem;
  line-height:1.8;
  max-width:38.75rem
}
.workshop-list .caption {
  margin-top:1rem
}
.ecosystem {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6rem
}
.ecosystem h2 {
  font-size:2.5rem
}
.ecosystem p {
  font-size:1rem;
  line-height:1.9;
  margin-top:1.5rem
}
.ecosystem li {
  display:flex;
  gap:1.5rem;
  border-top:0.0625rem solid var(--color-border);
  padding-block:1.5rem;
  font-size:1rem;
  line-height:1.7
}
.ecosystem li:last-child {
  border-bottom:0.0625rem solid var(--color-border)
}
.ecosystem li>span {
  font:400 0.75rem/1.5 var(--font-label);
  color:var(--color-accent);
  padding-top:0.25rem
}
.measurement {
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:5rem
}
.measurement h2 {
  font-size:2.5rem
}
.measurement p {
  font-size:1rem;
  margin-top:1.5rem;
  line-height:1.9
}
.table-wrap {
  overflow-x:auto
}
table {
  width:100%;
  border-collapse:collapse;
  text-align:left
}
caption {
  text-align:left;
  font-size:0.875rem;
  font-weight:700;
  padding-bottom:1.5rem
}
th,td {
  border-bottom:0.0625rem solid var(--color-border);
  padding:1.25rem;
  font-size:0.875rem;
  line-height:1.8
}
thead {
  background:var(--color-surface-accent)
}
tbody th {
  font-weight:700
}
td {
  color:var(--color-text-muted)
}
.newsletter-panel {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:5rem;
  background:var(--color-surface-subtle);
  padding:3.5rem;
  margin-top:2.5rem
}
.newsletter-panel h2 {
  font-size:2.5rem
}
.newsletter-panel p {
  font-size:1rem;
  line-height:1.9;
  max-width:41.25rem;
  margin-top:1.5rem
}
.newsletter-panel .button {
  margin-top:1.5rem
}
.letter-preview {
  background:var(--color-blue-900);
  color:var(--color-on-accent);
  padding:2rem;
  display:flex;
  flex-direction:column;
  gap:2rem;
  transform:rotate(3deg);
  margin-inline:1rem
}
.letter-preview>span {
  font:400 0.75rem/1.8 var(--font-label)
}
.letter-preview strong {
  font-size:3rem;
  letter-spacing:-.04em;
  line-height:1.15;
  font-weight:700
}
.letter-rule {
  height:0.0625rem;
  background:var(--color-detail-15);
  width:100%
}
.family-legal .page-hero h1 {
  font-size:3rem
}
.family-legal .page-hero p {
  font-size:1rem
}
.legal-layout {
  display:grid;
  grid-template-columns:16.25rem 1fr;
  gap:6rem;
  padding-block:2.5rem 6rem
}
.legal-nav {
  position:sticky;
  top:8.125rem;
  align-self:start;
  display:flex;
  flex-direction:column
}
.legal-nav>a {
  font-size:0.875rem;
  padding-block:1rem;
  border-bottom:0.0625rem solid var(--color-border)
}
.legal-nav>a:hover {
  color:var(--color-accent)
}
.legal-notice {
  padding:1.25rem 1.5rem;
  background:var(--color-surface-accent);
  border-left:0.125rem solid var(--color-accent);
  font-size:0.875rem;
  line-height:1.8;
  color:var(--color-text-muted);
  margin-bottom:2.5rem
}
.legal-layout .prose p {
  font-size:1rem
}
.sitemap-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:4rem
}
.sitemap-grid h2 {
  font-size:1.75rem;
  margin-bottom:1.5rem
}
.sitemap-grid li {
  border-top:0.0625rem solid var(--color-border)
}
.sitemap-grid a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  min-height:3.25rem;
  font-size:0.875rem;
  padding-block:0.75rem
}
.sitemap-grid a svg {
  width:1rem;
  height:1rem;
  color:var(--color-accent)
}
.error-page {
  padding-block:4.5rem 6rem;
  position:relative
}
.error-number {
  font-size:11.25rem;
  font-weight:700;
  letter-spacing:-.08em;
  color:var(--color-surface-accent);
  line-height:1.1;
  display:block;
  margin-bottom:2rem
}
.error-page h1 {
  margin-bottom:1.5rem
}
.error-page p {
  font-size:1.125rem
}
.error-page>div {
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:2rem
}

@keyframes menu-in {
  from {
  opacity:0;
  transform:translateY(-0.5rem)
}
to {
  opacity:1;
  transform:none
}

}
@keyframes quiet-entrance {
  from {
  opacity:0;
  transform:translateY(0.75rem)
}
to {
  opacity:1;
  transform:none
}

}
.home-hero h1 {
  animation:quiet-entrance .7s var(--ease-out)
}

@media(min-width:1600px) {
  .home-hero {
  gap:5rem
}
.hero-copy h1 {
  font-size:5.125rem
}
.hero-art {
  height:41.875rem
}

}

@media(max-width:1180px) {
  .wrap {
  width:calc(100% - 4rem)
}
.header-inner nav {
  gap:1rem;
  font-size:0.75rem
}
.header-inner .button {
  font-size:0.6875rem;
  padding-inline:0.75rem;
  gap:0.75rem
}
.header-inner {
  gap:1.5rem
}
.home-hero {
  gap:2.5rem
}
.hero-copy h1 {
  font-size:3.75rem
}
.hero-copy>p {
  font-size:1rem
}
.hero-art {
  height:36.875rem
}
.hero-actions {
  gap:1rem
}
.hero-actions .text-link {
  font-size:0.8125rem
}
.promise-strip {
  gap:1.25rem
}
.promise-strip strong {
  font-size:0.8125rem
}
.promise-strip>div {
  gap:0.75rem
}
.nav-dropdown {
  left:2rem;
  right:2rem;
  grid-template-columns:14.375rem 1fr
}
.section-heading {
  gap:2.5rem
}
.section-heading>p {
  max-width:18.75rem;
  font-size:0.9375rem
}
.solution-feature {
  gap:3.5rem
}
.service-hero {
  gap:2.5rem
}
.service-hero h1 {
  font-size:3.25rem
}
.service-hero p {
  font-size:1rem
}
.service-visual {
  padding:1.25rem
}
.visual-caption {
  gap:1rem;
  font-size:0.5625rem
}
.process-node {
  padding:1rem;
  gap:0.75rem
}
.process-node strong {
  font-size:0.8125rem
}
.sector-editorial>a {
  grid-template-columns:2.25rem 15rem 1fr 1.5rem;
  gap:1.5rem
}
.sector-editorial h3 {
  font-size:1.5625rem
}
.diagnostic-banner {
  padding:3rem
}
.guide-grid {
  gap:1.5rem
}
.guide-cover {
  padding:1.25rem;
  min-height:14.375rem
}
.guide-cover strong {
  font-size:5.5rem
}
.guide-cover svg {
  width:3rem;
  height:3rem
}
.guide-caption h3 {
  font-size:1.5rem
}
.faq-preview {
  gap:4rem
}
.detail-grid,.contact-grid,.article-layout,.ecosystem,.legal-layout {
  gap:4rem
}
.deliverables {
  padding:2rem
}
.deliverables h2 {
  font-size:1.75rem
}
.case-study {
  gap:2.5rem;
  padding:2.5rem
}
.case-study h2 {
  font-size:2.25rem
}
.footer-grid {
  gap:2rem
}
.footer-bottom {
  font-size:0.6875rem;
  gap:1rem
}
.footer-bottom>div {
  gap:1rem
}
.scope-section {
  padding:3rem
}
.page-hero.with-aside {
  gap:3rem
}
.tool-layout {
  gap:2.5rem;
  grid-template-columns:1.7fr .8fr
}
.quiz-shell,.exercise,.contact-form {
  padding:2rem
}
.faq-layout {
  gap:3rem;
  grid-template-columns:18.75rem 1fr
}
.calculator-section {
  gap:3rem;
  padding:2.5rem
}
.workshop-list>article {
  gap:1.5rem
}
.workshop-list .button {
  font-size:0.75rem;
  padding:1rem
}
.newsletter-panel {
  gap:3rem;
  padding:3rem
}
.measurement {
  gap:3rem
}
.family-tool .page-hero h1,.family-calculator .page-hero h1 {
  font-size:3rem
}

}

@media(max-width:980px) {
  .menu-toggle {
  display:inline-flex;
  align-items:center;
  gap:0.75rem;
  min-height:2.75rem;
  padding:0.625rem 0.75rem;
  border:0.0625rem solid var(--color-border);
  border-radius:0.25rem;
  background:var(--color-surface);
  font-size:0.875rem
}
.menu-toggle svg {
  width:1.25rem;
  height:1.25rem
}
.header-inner {
  height:5rem
}
.header-inner nav {
  display:none;
  position:absolute;
  top:4.9375rem;
  left:0;
  right:0;
  background:var(--color-surface);
  padding:1.5rem 2rem;
  border-bottom:0.0625rem solid var(--color-border);
  flex-direction:column;
  align-items:stretch;
  gap:0.25rem;
  max-height:calc(100dvh - 5rem);
  overflow-y:auto;
  font-size:0.875rem;
  box-shadow:0 1rem 2rem var(--color-detail-16)
}
.header-inner nav.open {
  display:flex
}
.header-inner nav>a:not(.button) {
  padding-block:0.5rem;
  min-height:3rem
}
.header-inner nav>.button {
  margin-top:1rem;
  font-size:0.875rem;
  min-height:3.25rem
}
.nav-group {
  border-bottom:0.0625rem solid var(--color-border)
}
.nav-group summary {
  justify-content:space-between;
  padding-block:0.5rem
}
.nav-dropdown {
  position:static;
  display:block;
  margin:0;
  padding:0 0 1rem;
  box-shadow:none;
  border:0;
  background:var(--color-surface-subtle);
  animation:none
}
.nav-dropdown-intro {
  display:none
}
.nav-dropdown ul {
  padding:0.75rem;
  grid-template-columns:1fr 1fr;
  gap:0.5rem
}
.nav-dropdown li a {
  padding:0.75rem;
  min-height:3rem
}
.nav-dropdown strong {
  font-size:0.8125rem
}
.nav-dropdown li a>span {
  font-size:0.6875rem
}
.breadcrumb {
  margin-top:1.5rem
}
.home-hero {
  gap:2rem;
  padding-block:3rem 3.5rem
}
.hero-copy h1 {
  font-size:3.25rem
}
.hero-copy>.eyebrow {
  font-size:0.625rem;
  margin-bottom:1.5rem
}
.hero-art {
  height:36.25rem
}
.hero-actions {
  flex-direction:column;
  align-items:flex-start
}
.hero-copy>p {
  font-size:1rem
}
.art-caption strong {
  font-size:1.75rem
}
.promise-strip {
  grid-template-columns:1fr 1fr;
  padding-block:1.5rem;
  gap:1.5rem
}
.promise-strip>span {
  grid-column:1/-1
}
.promise-strip>span br {
  display:none
}
.promise-strip strong {
  font-size:0.8125rem
}
.section {
  padding-block:4.5rem
}
.section-heading {
  display:block;
  margin-bottom:2.5rem
}
.section-heading>p {
  max-width:40.625rem;
  font-size:1rem;
  margin-top:1.5rem
}
.section-heading h2 {
  font-size:2.75rem
}
.solution-feature {
  gap:2rem
}
.feature-copy h3 {
  font-size:1.75rem
}
.feature-copy p {
  font-size:0.9375rem
}
.feature-copy li {
  font-size:0.8125rem
}
.visual-caption {
  font-size:0.5625rem;
  margin-bottom:1.5rem;
  gap:0.75rem
}
.visual-caption>span:last-child {
  display:none
}
.priority-dot {
  font-size:0.6875rem;
  left:2.25rem;
  top:1.25rem;
  padding:0.5rem
}
.map-cell {
  height:6.25rem
}
.service-visual {
  padding:1.25rem
}
.visual-footer {
  font-size:0.6875rem
}
.learning-stack>div {
  padding:0.75rem;
  gap:0.75rem
}
.learning-stack strong {
  font-size:0.75rem
}
.message {
  font-size:0.8125rem;
  padding:1rem
}
.message.answer>span {
  font-size:0.6875rem
}
.process-node {
  padding:1rem;
  gap:0.75rem;
  flex-wrap:wrap
}
.process-node b {
  max-width:none;
  margin-left:3rem
}
.process-node strong {
  font-size:0.8125rem
}
.method-section {
  padding-block:4.5rem
}
.method-grid {
  grid-template-columns:1fr 1fr;
  gap:2.5rem
}
.method-grid p {
  font-size:0.9375rem
}
.sector-editorial>a {
  grid-template-columns:2.25rem 1fr 1.5rem;
  gap:1rem
}
.sector-editorial p {
  grid-column:2;
  grid-row:2;
  max-width:100%;
  font-size:0.875rem
}
.sector-editorial>a>svg {
  grid-column:3;
  grid-row:1
}
.sector-editorial h3 {
  font-size:1.75rem
}
.diagnostic-banner {
  gap:2rem;
  grid-template-columns:1.3fr 1fr;
  padding:2.5rem
}
.diagnostic-banner h2 {
  font-size:2.375rem
}
.diagnostic-rings {
  width:10rem;
  height:10rem;
  box-shadow:0 0 0 0.875rem var(--color-detail-8),0 0 0 0.9375rem var(--color-detail-9)
}
.diagnostic-rings strong {
  font-size:1.25rem
}
.diagnostic-visual {
  gap:1.75rem;
  font-size:0.625rem
}
.guide-grid {
  gap:1.25rem
}
.guide-cover {
  min-height:12.5rem;
  padding:1rem
}
.guide-cover>span {
  font-size:0.5625rem
}
.guide-cover strong {
  font-size:4.375rem
}
.guide-cover svg {
  width:2.25rem;
  height:2.25rem
}
.guide-caption h3 {
  font-size:1.4375rem
}
.guide-caption p {
  font-size:0.8125rem
}
.guide-caption>.eyebrow {
  font-size:0.5625rem
}
.faq-preview {
  grid-template-columns:.7fr 1fr;
  gap:3rem
}
.faq-preview h2 {
  font-size:2.375rem
}
.faq-list summary {
  font-size:0.9375rem
}
.faq-list details p {
  font-size:0.9375rem
}
.cta {
  gap:3rem;
  padding-block:3rem 4.5rem
}
.cta h2 {
  font-size:2.375rem
}
.cta p {
  font-size:0.9375rem
}
.footer-lead {
  flex-wrap:wrap;
  gap:1.5rem
}
.footer-lead p {
  font-size:0.875rem
}
.footer-contact {
  font-size:0.875rem
}
.footer-grid {
  grid-template-columns:repeat(3,1fr);
  gap:2rem
}
.footer-statement {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.5rem
}
.footer-statement .eyebrow {
  grid-column:1/-1;
  margin-bottom:0
}
.footer-statement p {
  margin-top:0;
  max-width:25rem
}
.footer-bottom {
  flex-wrap:wrap
}
.page-hero {
  padding-block:2.5rem 3rem
}
.page-hero h1 {
  font-size:3.5rem
}
.page-hero p {
  font-size:1rem
}
.page-hero.with-aside {
  grid-template-columns:1.4fr .7fr;
  gap:2.5rem
}
.intro-aside {
  padding-left:1.5rem
}
.intro-aside strong {
  font-size:1.25rem
}
.intro-aside p {
  font-size:0.8125rem
}
.service-directory>a {
  gap:1.5rem;
  grid-template-columns:2rem 1.3fr 1fr 1.5rem
}
.service-directory h3 {
  font-size:1.5rem
}
.service-directory p {
  font-size:0.8125rem
}
.service-directory>a>div {
  gap:1rem
}
.scope-section {
  padding:2.5rem;
  gap:1.5rem 2.5rem;
  margin-bottom:4.5rem
}
.scope-section h2 {
  font-size:2.375rem
}
.service-hero {
  gap:2rem;
  padding-block:2.5rem 3rem
}
.service-hero h1 {
  font-size:2.75rem
}
.service-hero p {
  font-size:0.9375rem
}
.service-hero .button {
  font-size:0.8125rem;
  padding:1rem 1.25rem
}
.detail-grid {
  gap:2.5rem
}
.detail-grid h2 {
  font-size:2.125rem
}
.steps p {
  font-size:0.9375rem
}
.deliverables {
  padding:1.75rem
}
.deliverables h2 {
  font-size:1.625rem
}
.deliverables p {
  font-size:0.8125rem
}
.case-study {
  gap:2rem;
  padding:2rem
}
.case-study h2 {
  font-size:2rem
}
.case-study p {
  font-size:1rem
}
.related-links {
  gap:1.25rem
}
.related-links>a {
  gap:0.75rem;
  font-size:0.75rem
}
.related-links>a>svg:first-child {
  display:none
}
.curriculum-list {
  gap:1.5rem;
  grid-template-columns:1fr 1fr
}
.curriculum-list p {
  font-size:0.9375rem
}
.approach-story {
  gap:2.5rem
}
.approach-art {
  height:26.875rem
}
.approach-story h2 {
  font-size:2.125rem
}
.approach-story p {
  font-size:0.9375rem
}
.principles h3 {
  font-size:1.5625rem
}
.sector-directory {
  gap:1.5rem
}
.sector-directory>a {
  padding:2rem
}
.sector-directory>a:first-child {
  gap:0.75rem 2.5rem
}
.sector-directory h2 {
  font-size:1.75rem
}
.sector-directory p {
  font-size:0.9375rem
}
.sector-tasks h3 {
  font-size:1.5625rem
}
.sector-pilot {
  gap:2.5rem;
  padding:2rem
}
.sector-pilot h2 {
  font-size:2.125rem
}
.sector-pilot p {
  font-size:0.9375rem
}
.sector-pilot aside {
  padding-left:1.75rem
}
.article-layout,.legal-layout {
  grid-template-columns:13.75rem 1fr;
  gap:3rem;
  padding-block:2.5rem 4.5rem
}
.article-toc,.faq-aside,.legal-nav {
  top:7rem
}
.prose h2 {
  font-size:1.75rem
}
.prose p {
  font-size:1rem
}
.faq-layout {
  grid-template-columns:16.25rem 1fr;
  gap:2.5rem
}
.contact-grid {
  gap:2.5rem;
  grid-template-columns:1fr 1fr;
  padding-bottom:4.5rem
}
.contact-context h2 {
  font-size:1.875rem
}
.contact-form,.exercise,.quiz-shell {
  padding:1.75rem
}
.form-heading h2 {
  font-size:1.5625rem
}
.form-grid {
  grid-template-columns:1fr;
  gap:0
}
.contact-context li {
  gap:1rem
}
.booking-layout {
  gap:2.5rem;
  grid-template-columns:1fr 1fr;
  padding-bottom:4.5rem
}
.booking-pending {
  padding:2rem
}
.booking-pending h2 {
  font-size:1.875rem
}
.booking-pending p {
  font-size:0.9375rem
}
.tool-layout {
  grid-template-columns:1.7fr .8fr;
  gap:2rem;
  padding-bottom:4.5rem
}
.quiz-body h2 {
  font-size:1.625rem
}
.quiz-options>button {
  font-size:0.875rem
}
.quiz-progress {
  gap:1.25rem
}
.quiz-actions {
  gap:1rem
}
.quiz-hint {
  font-size:0.6875rem
}
.tool-aside h2 {
  font-size:1.5rem
}
.tool-aside p,.tool-aside li {
  font-size:0.8125rem
}
.tool-categories>article {
  grid-template-columns:2rem 2rem 1fr;
  gap:1.25rem
}
.tool-check {
  grid-column:3;
  margin-top:0.5rem
}
.calculator-section {
  gap:2.5rem;
  padding:2rem;
  margin-bottom:4.5rem
}
.calculator-section h2 {
  font-size:2.125rem
}
.calculator-section p {
  font-size:0.9375rem
}
.calculator-section form {
  padding:1.5rem
}
.calc-result strong {
  font-size:2.375rem
}
.exercise-directory {
  gap:1.5rem
}
.exercise-directory>a {
  padding:2rem
}
.exercise-directory h2 {
  font-size:1.875rem
}
.exercise-directory p {
  font-size:0.9375rem
}
.reading-list h2 {
  font-size:1.75rem
}
.workshop-list>article {
  grid-template-columns:2rem 1fr;
  gap:1.5rem
}
.workshop-list .button {
  grid-column:2;
  justify-self:start
}
.ecosystem,.measurement {
  gap:3rem
}
.ecosystem h2,.measurement h2 {
  font-size:2.125rem
}
.newsletter-panel {
  gap:2.5rem;
  padding:2.5rem
}
.newsletter-panel h2 {
  font-size:2.125rem
}
.letter-preview {
  padding:1.5rem;
  gap:1.5rem;
  margin-inline:0.5rem
}
.letter-preview strong {
  font-size:2.375rem
}
.letter-preview>span {
  font-size:0.6875rem
}
.sitemap-grid {
  gap:3rem
}
.sitemap-grid h2 {
  font-size:1.5625rem
}

}

@media(max-width:640px) {
  .wrap {
  width:calc(100% - 2.5rem)
}
.header-inner {
  height:4.75rem
}
.header-inner nav {
  top:4.6875rem;
  padding:1.25rem;
  max-height:calc(100dvh - 4.75rem)
}
.brand {
  font-size:1.5625rem;
  gap:0.625rem
}
.brand-symbol {
  width:2.375rem;
  height:2.375rem
}
.brand-symbol>svg {
  width:2rem;
  height:2rem
}
.brand-country {
  font-size:0.625rem;
  letter-spacing:.18em;
  margin-top:0.4375rem
}
.menu-toggle {
  font-size:0.8125rem
}
.nav-dropdown ul {
  grid-template-columns:1fr
}
.nav-dropdown li a>span {
  font-size:0.75rem
}
.nav-dropdown li a {
  min-height:3rem
}
.breadcrumb {
  margin-top:1.25rem;
  font-size:0.6875rem
}
.breadcrumb li+li:before {
  padding-inline:0.5rem
}
.breadcrumb li[aria-current] {
  max-width:100%;
  overflow-wrap:anywhere
}
.home-hero {
  grid-template-columns:1fr;
  padding-block:2.5rem;
  gap:2.5rem
}
.hero-copy>.eyebrow {
  font-size:0.625rem;
  margin-bottom:1.5rem;
  letter-spacing:.02em
}
.hero-copy h1 {
  font-size:clamp(2.5rem,10.6vw,3.8rem);
  line-height:1.08;
  margin-bottom:1.75rem
}
.hero-copy>p {
  font-size:1rem;
  line-height:1.85;
  max-width:100%
}
.hero-actions {
  flex-direction:column;
  align-items:flex-start;
  gap:1rem;
  margin-top:1.75rem
}
.hero-actions .button {
  font-size:0.875rem;
  min-height:3.5rem
}
.hero-actions .text-link {
  font-size:0.875rem
}
.hero-note {
  font-size:0.75rem;
  margin-top:1.25rem;
  line-height:1.7
}
.hero-art {
  height:28.125rem
}
.art-index {
  font-size:0.625rem;
  left:1.25rem;
  right:1.25rem;
  top:1.25rem;
  gap:0.75rem
}
.art-index>span:last-child {
  max-width:7.625rem
}
.art-caption {
  left:1.5rem;
  bottom:1.75rem
}
.art-caption>span {
  font-size:0.875rem
}
.art-caption>strong {
  font-size:1.875rem
}
.promise-strip {
  grid-template-columns:1fr;
  gap:1.25rem;
  padding-block:1.75rem
}
.promise-strip>span {
  font-size:0.875rem
}
.promise-strip>span br {
  display:inline
}
.promise-strip strong {
  font-size:0.875rem
}
.promise-strip>div {
  gap:1rem
}
.section {
  padding-block:3.5rem
}
.section.first {
  padding-top:1rem
}
.section-heading {
  margin-bottom:2rem
}
.section-heading h2 {
  font-size:2.0625rem;
  line-height:1.2
}
.section-heading>p {
  font-size:1rem;
  margin-top:1.25rem;
  line-height:1.85
}
.eyebrow {
  font-size:0.6875rem;
  letter-spacing:.045em;
  margin-bottom:1.25rem
}
.solution-feature {
  grid-template-columns:1fr;
  gap:1.75rem;
  padding-block:2rem
}
.solution-feature:nth-child(even) .feature-copy {
  order:initial
}
.feature-copy h3 {
  font-size:1.875rem;
  margin-bottom:1.25rem
}
.feature-copy p {
  font-size:1rem;
  line-height:1.85
}
.feature-copy li {
  font-size:0.875rem
}
.feature-copy .text-link {
  font-size:0.875rem
}
.service-visual {
  padding:1.5rem
}
.visual-caption {
  font-size:0.625rem;
  gap:0.75rem;
  margin-bottom:1.75rem
}
.visual-caption>span:last-child {
  display:none
}
.visual-footer {
  font-size:0.75rem;
  padding-top:1.25rem;
  margin-top:1.25rem;
  line-height:1.8
}
.map-cell {
  height:6.5rem;
  font-size:0.75rem
}
.priority-dot {
  font-size:0.75rem;
  left:2.5rem;
  top:1.5rem;
  padding:0.5rem
}
.map-y,.map-x {
  font-size:0.625rem
}
.learning-stack>div {
  padding:1rem;
  gap:0.75rem
}
.learning-stack strong {
  font-size:0.875rem
}
.message {
  font-size:0.875rem;
  padding:1.25rem
}
.message.answer>span {
  font-size:0.75rem;
  align-items:flex-start
}
.agent-rule {
  font-size:0.75rem
}
.process-node {
  padding:1.25rem;
  gap:1rem
}
.process-node strong {
  font-size:0.875rem
}
.process-node b {
  margin-left:3.25rem;
  font-size:0.625rem
}
.process-node small {
  font-size:0.625rem
}
.roadmap-preview strong {
  font-size:1.125rem
}
.roadmap-preview small {
  font-size:0.75rem
}
.section-end {
  flex-direction:column;
  align-items:flex-start;
  gap:1.5rem;
  margin-top:1.75rem
}
.section-end p {
  font-size:0.875rem
}
.method-section {
  padding-block:3.5rem
}
.method-grid {
  grid-template-columns:1fr;
  gap:2rem
}
.method-grid li {
  padding-top:1.5rem
}
.method-index {
  font-size:1.75rem;
  margin-bottom:1rem
}
.method-grid h3 {
  font-size:1.625rem;
  margin-bottom:1rem
}
.method-grid p {
  font-size:1rem;
  line-height:1.8
}
.sector-editorial>a {
  grid-template-columns:1.75rem 1fr 1.5rem;
  gap:0.75rem;
  padding-block:1.5rem
}
.sector-editorial h3 {
  font-size:1.5625rem
}
.sector-editorial p {
  font-size:0.875rem;
  line-height:1.85
}
.sector-editorial>a>span {
  font-size:0.6875rem
}
.diagnostic-banner {
  grid-template-columns:1fr;
  padding:2rem 1.5rem;
  gap:3rem
}
.diagnostic-banner h2 {
  font-size:2rem
}
.diagnostic-banner p {
  font-size:0.9375rem;
  line-height:1.85;
  margin-block:1.5rem
}
.diagnostic-visual {
  padding-block:0.5rem;
  gap:2rem;
  font-size:0.6875rem
}
.diagnostic-rings {
  width:10.625rem;
  height:10.625rem
}
.diagnostic-rings>span {
  font-size:1rem
}
.diagnostic-rings strong {
  font-size:1.375rem
}
.guide-grid {
  grid-template-columns:1fr;
  gap:2.5rem
}
.guide-cover {
  min-height:16.25rem;
  padding:1.5rem
}
.guide-cover>span {
  font-size:0.625rem
}
.guide-cover strong {
  font-size:6.625rem
}
.guide-cover svg {
  width:3.75rem;
  height:3.75rem
}
.guide-caption {
  padding-top:1.5rem
}
.guide-caption>.eyebrow {
  font-size:0.6875rem;
  margin-bottom:0.75rem
}
.guide-caption h3 {
  font-size:1.75rem;
  max-width:none
}
.guide-caption p {
  font-size:1rem;
  line-height:1.8
}
.faq-preview {
  grid-template-columns:1fr;
  gap:2rem;
  padding-top:0
}
.faq-preview h2 {
  font-size:2.125rem
}
.faq-list summary {
  font-size:0.9375rem;
  padding-block:1.5rem;
  gap:1.25rem
}
.faq-list details p {
  font-size:0.9375rem;
  line-height:1.85
}
.cta {
  grid-template-columns:1fr;
  gap:2rem;
  padding-block:3rem 3.5rem
}
.cta h2 {
  font-size:2.125rem;
  line-height:1.2
}
.cta p {
  font-size:1rem;
  line-height:1.85
}
.cta-note {
  font-size:0.75rem;
  line-height:1.8
}
.site-footer {
  padding-top:2.5rem
}
.footer-lead {
  align-items:flex-start;
  flex-direction:column;
  gap:1.75rem;
  padding-bottom:2rem
}
.footer-lead p {
  font-size:1rem
}
.footer-contact {
  font-size:0.875rem
}
.footer-grid {
  grid-template-columns:1fr 1fr;
  gap:2rem 1.25rem;
  padding-block:2.5rem
}
.footer-grid h2 {
  font-size:0.875rem;
  margin-bottom:1rem
}
.footer-grid a {
  font-size:0.75rem;
  min-height:2.75rem;
  line-height:1.7
}
.footer-statement {
  display:block;
  grid-column:1/-1;
  border-top:0.0625rem solid var(--color-border);
  padding-top:2rem
}
.footer-statement .eyebrow {
  font-size:0.625rem;
  margin-bottom:1.25rem
}
.footer-statement h2 {
  font-size:2rem
}
.footer-statement p {
  font-size:0.875rem;
  margin-top:1.25rem;
  max-width:100%
}
.footer-bottom {
  font-size:0.6875rem;
  gap:1rem;
  padding-block:1.25rem;
  align-items:flex-start
}
.footer-bottom>div {
  order:3;
  width:100%;
  gap:0 1.25rem
}
.footer-bottom a {
  min-height:2.75rem
}
.page-hero {
  padding-block:1.75rem 2.5rem;
  margin-bottom:1.5rem
}
.page-hero h1 {
  font-size:clamp(2.25rem,9.5vw,3rem);
  line-height:1.17;
  margin-bottom:1.5rem;
  overflow-wrap:break-word
}
.page-hero p {
  font-size:1rem;
  line-height:1.9
}
.page-hero.with-aside {
  grid-template-columns:1fr;
  gap:2rem
}
.intro-aside {
  border-left:0;
  border-top:0.0625rem solid var(--color-border);
  padding:1.75rem 0 0
}
.intro-aside>svg {
  width:1.75rem;
  height:1.75rem;
  margin-bottom:1rem
}
.intro-aside strong {
  font-size:1.5rem
}
.intro-aside p {
  font-size:0.875rem;
  line-height:1.8;
  margin-top:1rem
}
.service-directory>a {
  grid-template-columns:1.75rem 1fr 1.5rem;
  gap:1rem;
  padding-block:1.5rem
}
.service-directory>a>div {
  gap:0.75rem
}
.service-directory>a>div svg {
  width:1.375rem;
  height:1.375rem
}
.service-directory h3 {
  font-size:1.5rem
}
.service-directory p {
  grid-column:2;
  grid-row:2;
  font-size:0.875rem
}
.service-directory>a>svg {
  grid-column:3;
  grid-row:1
}
.scope-section {
  grid-template-columns:1fr;
  padding:2rem 1.5rem;
  gap:1.5rem;
  margin-bottom:3.5rem
}
.scope-section h2 {
  font-size:2rem
}
.scope-list p {
  font-size:0.9375rem;
  line-height:1.85
}
.service-hero {
  grid-template-columns:1fr;
  gap:2.5rem;
  padding-block:1.75rem 2.5rem
}
.service-hero h1 {
  font-size:clamp(2.25rem,10vw,3rem);
  line-height:1.14;
  margin-bottom:1.5rem
}
.service-hero p {
  font-size:1rem;
  line-height:1.9
}
.service-hero .button {
  font-size:0.875rem;
  padding:1rem 1.5rem
}
.anchor-nav {
  gap:1.5rem;
  padding-block:0.5rem;
  font-size:0.75rem;
  overflow-x:auto
}
.anchor-nav a {
  white-space:nowrap;
  flex-shrink:0;
  min-height:2.75rem
}
.detail-grid {
  grid-template-columns:1fr;
  gap:2.5rem
}
.detail-grid h2 {
  font-size:2rem
}
.steps {
  margin-top:2rem
}
.steps li {
  gap:1.25rem;
  padding-block:1.5rem
}
.steps li>span {
  font-size:0.75rem
}
.steps p {
  font-size:1rem;
  line-height:1.9
}
.deliverables {
  padding:1.75rem 1.5rem
}
.deliverables h2 {
  font-size:1.75rem
}
.deliverables li {
  font-size:0.875rem;
  line-height:1.8;
  padding-block:1rem
}
.deliverables p {
  font-size:0.875rem;
  line-height:1.9
}
.case-study {
  grid-template-columns:1fr;
  padding:2rem 1.5rem;
  gap:1.75rem
}
.case-study h2 {
  font-size:2rem
}
.case-study p {
  font-size:1rem;
  line-height:1.9
}
.related-links {
  grid-template-columns:1fr;
  gap:0
}
.related-links>a {
  font-size:0.875rem;
  padding-block:1.5rem;
  gap:1rem
}
.related-links>a>svg:first-child {
  display:block;
  width:1.375rem;
  height:1.375rem
}
.curriculum {
  padding-top:0
}
.curriculum-list {
  grid-template-columns:1fr;
  gap:1.75rem
}
.curriculum-list p {
  font-size:1rem;
  line-height:1.85
}
.approach-story {
  grid-template-columns:1fr;
  gap:2rem;
  padding-top:1rem
}
.approach-art {
  height:22.5rem
}
.approach-art>span {
  font-size:0.625rem;
  line-height:1.8
}
.approach-story h2 {
  font-size:2rem
}
.approach-story p {
  font-size:1rem;
  line-height:1.9
}
.principles>ol>li {
  gap:1.5rem;
  padding-block:1.5rem;
  align-items:flex-start
}
.principles h3 {
  font-size:1.5rem;
  line-height:1.3
}
.principles li>span {
  font-size:0.75rem;
  padding-top:0.25rem
}
.sector-directory {
  grid-template-columns:1fr;
  gap:1.5rem
}
.sector-directory>a,.sector-directory>a:first-child {
  display:block;
  min-height:0;
  padding:1.75rem 1.5rem
}
.sector-directory h2 {
  font-size:1.75rem;
  margin-block:1.25rem
}
.sector-directory p {
  font-size:1rem;
  line-height:1.85
}
.sector-directory .text-link {
  font-size:0.875rem
}
.sector-tasks>li {
  grid-template-columns:1.75rem 1fr 2.5rem;
  gap:1rem;
  padding-block:1.5rem
}
.sector-tasks h3 {
  font-size:1.5rem;
  line-height:1.3
}
.sector-tasks a {
  min-height:2.75rem
}
.sector-pilot {
  grid-template-columns:1fr;
  gap:2rem;
  padding:2rem 1.5rem
}
.sector-pilot h2 {
  font-size:2rem
}
.sector-pilot p {
  font-size:1rem;
  line-height:1.9
}
.sector-pilot aside {
  border-left:0;
  border-top:0.0625rem solid var(--color-border);
  padding:2rem 0 0
}
.sector-pilot h3 {
  font-size:1.5rem
}
.learning-links>a {
  grid-template-columns:1.75rem 1fr 1.5rem;
  gap:1rem;
  padding-block:1.75rem
}
.learning-links h3 {
  font-size:1.5rem;
  line-height:1.3
}
.learning-links p {
  font-size:0.9375rem;
  line-height:1.8
}
.article-layout {
  grid-template-columns:1fr;
  gap:2rem;
  padding-block:1rem 3.5rem
}
.article-toc {
  position:static;
  border-bottom:0.0625rem solid var(--color-border);
  padding-bottom:1.5rem
}
.article-toc li {
  font-size:0.875rem
}
.article-toc li a {
  padding-block:0.75rem
}
.prose h2 {
  font-size:1.75rem;
  line-height:1.3
}
.prose p {
  font-size:1rem;
  line-height:1.95
}
.prose>section {
  padding-block:2rem
}
.source-box {
  padding:1.75rem 1.5rem;
  margin-top:2rem
}
.source-box h2 {
  font-size:1.5rem
}
.source-box a {
  font-size:0.875rem;
  line-height:1.9
}
.source-box p {
  font-size:0.875rem;
  line-height:1.9
}
.faq-layout {
  grid-template-columns:1fr;
  gap:2.5rem
}
.faq-aside {
  position:static
}
.aside-contact {
  margin-top:1.5rem;
  padding-top:1.5rem
}
.aside-contact p {
  font-size:0.9375rem
}
.contact-grid,.booking-layout {
  grid-template-columns:1fr;
  gap:2.5rem;
  padding-bottom:3.5rem
}
.contact-context h2 {
  font-size:2rem
}
.contact-context>p {
  font-size:1rem;
  line-height:1.9
}
.contact-context ol {
  margin-top:1.75rem
}
.contact-context h3 {
  font-size:1.375rem
}
.contact-context li p {
  font-size:0.875rem;
  line-height:1.9
}
.contact-form {
  padding:1.75rem 1.5rem
}
.form-heading h2 {
  font-size:1.6875rem
}
.form-heading .eyebrow {
  font-size:0.6875rem
}
label {
  font-size:0.875rem;
  line-height:1.8
}
input:not([type=checkbox]):not([type=range]),select,textarea {
  font-size:1rem;
  padding:0.75rem 1rem
}
.checkbox {
  font-size:0.75rem;
  line-height:1.9
}
.form-help {
  font-size:0.75rem;
  line-height:1.9
}
.form-status {
  font-size:0.875rem
}
.booking-pending {
  padding:2rem 1.5rem
}
.booking-pending h2 {
  font-size:2rem
}
.booking-pending p {
  font-size:1rem;
  line-height:1.9
}
.booking iframe {
  min-height:65.625rem
}
.family-tool .page-hero h1,.family-calculator .page-hero h1 {
  font-size:2.25rem;
  line-height:1.2
}
.tool-layout {
  grid-template-columns:1fr;
  gap:2.5rem;
  padding-bottom:3.5rem
}
.quiz-shell,.exercise {
  padding:1.75rem 1.5rem
}
.quiz-progress {
  font-size:0.6875rem;
  gap:1rem;
  line-height:1.5;
  align-items:center
}
.quiz-progress>span {
  max-width:10.3125rem
}
.quiz-body {
  margin-top:1.75rem;
  min-height:20rem
}
.quiz-body h2 {
  font-size:1.625rem;
  line-height:1.35
}
.quiz-options>button {
  font-size:0.875rem;
  line-height:1.8;
  padding:1rem;
  min-height:3.5rem
}
.quiz-actions {
  gap:1rem;
  align-items:flex-start
}
.quiz-actions .button {
  font-size:0.75rem;
  padding:0.75rem 1rem;
  min-height:3rem
}
.quiz-hint {
  font-size:0.6875rem;
  line-height:1.8;
  max-width:9.0625rem
}
.quiz-score {
  font-size:3.25rem;
  margin-bottom:1.5rem
}
.quiz-result p {
  font-size:1rem;
  line-height:1.9
}
.quiz-result .button {
  width:100%;
  margin:1.5rem 0 0;
  font-size:0.8125rem
}
.quiz-result .button+.button {
  margin-top:0.75rem
}
.tool-aside h2 {
  font-size:1.75rem
}
.tool-aside p,.tool-aside li {
  font-size:0.875rem;
  line-height:1.9
}
.tool-categories>article {
  grid-template-columns:1.75rem 2rem 1fr;
  gap:0.75rem 1rem;
  padding-block:1.75rem
}
.tool-categories>article>div {
  grid-column:1/-1;
  grid-row:2;
  margin-top:0.75rem
}
.tool-categories>article>.tool-check {
  grid-column:1/-1;
  margin-top:0.75rem
}
.tool-categories h2 {
  font-size:1.6875rem
}
.tool-categories p {
  font-size:1rem;
  line-height:1.9
}
.tool-categories .tool-check {
  font-size:0.875rem
}
.calculator-section {
  grid-template-columns:1fr;
  padding:2rem 1.5rem;
  gap:2rem;
  margin-bottom:3.5rem
}
.calculator-section h2 {
  font-size:2rem
}
.calculator-section p {
  font-size:1rem;
  line-height:1.9
}
.calculator-section form {
  padding:1.5rem 1.25rem
}
.calc-result {
  padding:1.5rem 1.25rem
}
.calc-result strong {
  font-size:2.5rem
}
.calc-result>span {
  font-size:0.75rem
}
.exercise-directory {
  grid-template-columns:1fr;
  gap:1.5rem
}
.exercise-directory>a {
  padding:2rem 1.5rem
}
.exercise-directory h2 {
  font-size:2rem
}
.exercise-directory p {
  font-size:1rem;
  line-height:1.9
}
.exercise-result h2 {
  font-size:1.5rem
}
.exercise-result li,.exercise-result p,.exercise details p {
  font-size:0.875rem;
  line-height:1.9
}
.reading-list>a {
  grid-template-columns:1.75rem 1fr 1.5rem;
  gap:1rem;
  padding-block:1.75rem
}
.reading-list h2 {
  font-size:1.625rem;
  line-height:1.3
}
.reading-list p {
  font-size:1rem;
  line-height:1.9
}
.reading-list .eyebrow {
  font-size:0.625rem
}
.reading-arrow {
  font-size:1.375rem
}
.workshop-list>article {
  grid-template-columns:1.75rem 1fr;
  gap:1.5rem 1rem;
  padding-block:1.75rem
}
.workshop-list h2 {
  font-size:1.75rem
}
.workshop-list p {
  font-size:1rem;
  line-height:1.9
}
.workshop-list .button {
  font-size:0.8125rem
}
.ecosystem,.measurement {
  grid-template-columns:1fr;
  gap:2rem
}
.ecosystem h2,.measurement h2 {
  font-size:2rem
}
.ecosystem p,.measurement p {
  font-size:1rem;
  line-height:1.9
}
.ecosystem li {
  gap:1.25rem;
  font-size:0.9375rem;
  line-height:1.8
}
.table-wrap th,.table-wrap td {
  font-size:0.8125rem;
  padding:1rem 0.75rem
}
.newsletter-panel {
  grid-template-columns:1fr;
  padding:2rem 1.5rem;
  gap:2.5rem;
  margin-top:1rem
}
.newsletter-panel h2 {
  font-size:2rem
}
.newsletter-panel p {
  font-size:1rem;
  line-height:1.9
}
.letter-preview {
  padding:1.75rem;
  margin-inline:0.75rem;
  gap:1.5rem;
  transform:rotate(2deg)
}
.letter-preview strong {
  font-size:2.5rem
}
.letter-preview>span {
  font-size:0.6875rem
}
.family-legal .page-hero h1 {
  font-size:2.25rem
}
.legal-layout {
  grid-template-columns:1fr;
  gap:2rem;
  padding-block:1rem 3.5rem
}
.legal-nav {
  position:static
}
.legal-nav>a {
  font-size:0.875rem;
  min-height:3rem
}
.legal-notice {
  font-size:0.8125rem;
  line-height:1.9;
  padding:1.25rem;
  margin-bottom:2rem
}
.sitemap-grid {
  grid-template-columns:1fr;
  gap:2.5rem
}
.sitemap-grid h2 {
  font-size:1.625rem
}
.sitemap-grid a {
  font-size:0.875rem
}
.error-page {
  padding-block:2.5rem 3.5rem
}
.error-number {
  font-size:7.5rem;
  margin-bottom:1.5rem
}
.error-page h1 {
  font-size:2.5rem
}
.error-page p {
  font-size:1rem
}
.error-page>div {
  gap:0.75rem;
  flex-direction:column;
  align-items:flex-start
}
.error-page .button {
  font-size:0.875rem
}

}

@media(max-width:360px) {
  .hero-copy h1 {
  font-size:2.1875rem
}
.hero-copy>.eyebrow {
  font-size:0.625rem;
  max-width:16.25rem
}
.hero-art {
  height:25rem
}
.art-index {
  font-size:0.625rem;
  gap:0.5rem
}
.art-index>span:last-child {
  max-width:6.25rem
}
.art-caption strong {
  font-size:1.625rem
}
.hero-actions .button {
  padding:1rem 1.25rem;
  font-size:0.8125rem
}
.guide-cover strong {
  font-size:5.625rem
}
.service-visual {
  padding:1.25rem
}
.priority-dot {
  left:2.25rem;
  font-size:0.6875rem;
  padding:0.5rem
}
.process-node {
  padding:1rem;
  gap:0.75rem
}
.learning-stack>div {
  padding:0.75rem;
  gap:0.75rem
}
.learning-stack strong {
  font-size:0.8125rem
}
.service-directory h3 {
  font-size:1.375rem
}
.service-directory>a>div svg {
  display:none
}
.quiz-shell,.exercise,.contact-form {
  padding:1.5rem 1.25rem
}
.quiz-body h2 {
  font-size:1.5rem
}
.quiz-options>button {
  font-size:0.8125rem;
  padding:0.875rem
}
.newsletter-panel .button {
  padding:1rem;
  font-size:0.8125rem
}

}

.visually-hidden {
  position:absolute;
  width:0.0625rem;
  height:0.0625rem;
  padding:0;
  margin:-0.0625rem;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

@keyframes quiet-entrance {
  from {
  transform:translateY(0.75rem)
}
to {
  transform:none
}

}

.error-number {
  color:var(--color-accent)
}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
*,*:before,*:after {
  animation:none!important;
  transition:none!important
}

}


/* Reading and orientation refinements from Better Design. */
.prose {max-width:66ch;}
.prose p {line-height:1.65;}
.calc-result strong,.quiz-score,.table-wrap {font-variant-numeric:tabular-nums;}
.nav-group.is-current>summary {color:var(--color-accent);text-decoration:underline;text-underline-offset:.5rem;text-decoration-thickness:.125rem;}

.audience-consent[hidden]{display:none}.audience-consent{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:1000;max-width:64rem;margin:auto;background:#fff;color:#17243c;border:1px solid #ccd4e1;box-shadow:0 12px 50px #17243c33;padding:1.5rem;display:flex;gap:1.5rem;align-items:center;border-radius:1rem;max-height:80vh;overflow:auto}.audience-consent h2{font-size:1.2rem;margin:0 0 .5rem}.audience-consent p{font-size:1rem;line-height:1.5;margin:0 0 .5rem}.audience-actions{display:flex;gap:.75rem;flex-wrap:wrap;flex-shrink:0}.audience-settings{font:inherit;color:inherit;background:none;border:0;text-decoration:underline;cursor:pointer;min-height:44px;padding:.25rem}.audience-settings:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:700px){.audience-consent{flex-direction:column;align-items:stretch;padding:1rem}.audience-actions .button{flex:1;justify-content:center}}