:root {
  /* Approved brand palette */
  --emerald: #00C896;
  --teal: #00E0D1;
  --deep-purple: #7B2CFF;
  --electric-violet: #B26CFF;
  --gold: #FFB84D;
  --charcoal: #0F1115;
  --slate: #1C212B;
  --soft-white: #F8FAFC;

  /* Supporting UI colours */
  --ink: #151923;
  --body: #454D5A;
  --muted: #697383;
  --line: #DCE2EA;
  --surface: #FFFFFF;
  --surface-soft: #F2F5F8;
  --success: #008D69;
  --danger: #C83C4D;
  --warning: #A86500;

  /* Typography: production should self-host licensed WOFF2 files */
  --font-heading: 'Sora', 'Aptos Display', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Aptos', 'Segoe UI', sans-serif;

  /* Type scale */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.875rem;    /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-md: 1.125rem;    /* 18px */
  --text-lg: 1.25rem;     /* 20px */
  --text-xl: 1.5rem;      /* 24px */
  --text-2xl: 1.875rem;   /* 30px */
  --text-3xl: 2.375rem;   /* 38px */
  --text-4xl: 3rem;       /* 48px */
  --text-5xl: 4rem;       /* 64px */

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;
  --shadow-sm: 0 8px 24px rgba(15, 17, 21, 0.07);
  --shadow-lg: 0 28px 80px rgba(15, 17, 21, 0.14);
  --container: 75rem;
}


*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--body); background: var(--soft-white); font-family: var(--font-body); font-size: var(--text-base); line-height: 1.7; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4 { margin: 0 0 var(--space-4); color: var(--ink); font-family: var(--font-heading); line-height: 1.15; letter-spacing: -0.035em; }
h1 { font-size: clamp(2.65rem, 6vw, var(--text-5xl)); }
h2 { font-size: clamp(2rem, 4.2vw, var(--text-3xl)); }
h3 { font-size: clamp(1.25rem, 2vw, var(--text-xl)); }
p { margin: 0 0 var(--space-4); }
ul, ol { margin: 0; padding: 0; }
::selection { background: rgba(123, 44, 255, 0.22); color: var(--charcoal); }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 1rem; top: -6rem; z-index: 1000; padding: .75rem 1rem; background: var(--gold); color: var(--charcoal); border-radius: var(--radius-sm); font-weight: 700; }
.skip-link:focus { top: 1rem; }


.container { width: min(calc(100% - 2.5rem), var(--container)); margin-inline: auto; }
.section { padding-block: clamp(4.5rem, 9vw, 8rem); background: var(--surface); }
.section--soft { background: var(--surface-soft); }
.section--dark { background: var(--charcoal); color: #C9D0DB; }
.section--dark h2, .section--dark h3, .section--dark .section-intro { color: var(--soft-white); }
.two-column { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .9fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.two-column--balanced { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card-grid { display: grid; gap: var(--space-5); margin-top: var(--space-7); }
.card-grid--1 { grid-template-columns: 1fr; }
.card-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.button-row { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; margin-top: var(--space-6); }
.centre-action { text-align: center; margin-top: var(--space-7); }
.legal-width { max-width: 52rem; }


.site-header { position: sticky; top: 0; z-index: 100; min-height: 5rem; display: flex; align-items: center; background: rgba(248, 250, 252, .92); border-bottom: 1px solid rgba(220, 226, 234, .8); backdrop-filter: blur(14px); }
.header-inner { display: flex; justify-content: space-between; align-items: center; gap: var(--space-5); }
.brand-link { flex: 0 0 auto; }
.brand-lockup { display: inline-flex; align-items: center; gap: .75rem; }
.brand-mark { flex: 0 0 auto; border-radius: .8rem; box-shadow: 0 8px 18px rgba(15, 17, 21, .12); }
.brand-wordmark { color: var(--charcoal); font-family: var(--font-heading); font-size: .96rem; font-weight: 700; letter-spacing: .11em; }
.brand-wordmark--inverse { color: var(--soft-white); }
.primary-nav { display: flex; align-items: center; gap: .35rem; }
.nav-link { display: inline-flex; align-items: center; gap: .3rem; padding: .65rem .7rem; border-radius: .55rem; color: var(--ink); font-size: .86rem; font-weight: 600; }
.nav-link:hover, .nav-link.active { background: rgba(123, 44, 255, .08); color: #5420C6; }
.nav-dropdown { position: relative; }
.nav-dropdown__toggle { border: 0; background: transparent; }
.nav-dropdown__menu { position: absolute; top: calc(100% + .7rem); left: 0; min-width: 20rem; display: none; padding: .65rem; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); }
.nav-dropdown__menu.is-open { display: grid; }
.nav-dropdown__menu a { padding: .8rem .85rem; border-radius: .55rem; color: var(--ink); font-weight: 600; }
.nav-dropdown__menu a:hover { background: var(--surface-soft); color: #5420C6; }
.nav-cta { margin-left: .55rem; }
.menu-toggle { display: none; width: 2.75rem; height: 2.75rem; padding: .65rem; border: 1px solid var(--line); border-radius: .65rem; background: var(--surface); }
.menu-toggle span:not(.sr-only) { display: block; height: 2px; margin: 4px 0; background: var(--charcoal); }
.button { display: inline-flex; justify-content: center; align-items: center; min-height: 3.2rem; padding: .78rem 1.25rem; border: 1px solid transparent; border-radius: .72rem; font-weight: 700; line-height: 1.2; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--primary { background: linear-gradient(110deg, var(--teal), var(--emerald)); color: var(--charcoal); box-shadow: 0 12px 28px rgba(0, 200, 150, .2); }
.button--secondary { background: var(--surface); border-color: var(--line); color: var(--ink); box-shadow: var(--shadow-sm); }
.button--light { background: var(--soft-white); color: var(--charcoal); }
.button--outline-light { border-color: rgba(248, 250, 252, .62); color: var(--soft-white); background: transparent; }
.text-link { color: #5925D6; font-weight: 700; }
.eyebrow { margin-bottom: var(--space-3); color: #5B23D2; font-size: var(--text-xs); font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow--light, .section--dark .eyebrow, .page-hero--dark .eyebrow { color: var(--teal); }
.section-heading { max-width: 46rem; }
.section-heading--centre { margin-inline: auto; text-align: center; }
.section-intro { color: var(--muted); font-size: var(--text-md); line-height: 1.75; }
.content-card { position: relative; min-height: 14rem; padding: var(--space-6); overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.content-card::after { content: ''; position: absolute; right: -3rem; bottom: -3rem; width: 8rem; height: 8rem; border: 1px solid rgba(123, 44, 255, .2); border-radius: 50%; }
.content-card h3 { margin-top: var(--space-5); }
.content-card p { color: var(--muted); }
.card-index { color: var(--deep-purple); font-family: var(--font-heading); font-size: var(--text-xs); font-weight: 800; letter-spacing: .1em; }
.card-grid--dark .content-card { background: var(--slate); border-color: #303744; box-shadow: none; }
.card-grid--dark .content-card h3 { color: var(--soft-white); }
.card-grid--dark .content-card p { color: #B9C1CC; }
.list-grid { display: grid; gap: .8rem 1.25rem; list-style: none; }
.list-grid--1 { grid-template-columns: 1fr; }
.list-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.list-grid li, .check-list li { position: relative; padding-left: 1.55rem; color: var(--body); }
.list-grid li::before, .check-list li::before { content: ''; position: absolute; left: 0; top: .68em; width: .55rem; height: .55rem; background: linear-gradient(135deg, var(--teal), var(--deep-purple)); border-radius: 50%; }
.check-list { display: grid; gap: .7rem; list-style: none; }
.section--dark .check-list li, .section--dark .list-grid li { color: #CBD1DA; }
.graphic-placeholder { position: relative; min-height: 24rem; display: grid; place-items: center; padding: 1rem; overflow: hidden; background: radial-gradient(circle at 70% 20%, rgba(123, 44, 255, .13), transparent 45%), var(--charcoal); border: 1px solid #303744; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.graphic-placeholder__img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; position: absolute; inset: 0; }
.graphic-placeholder--portrait { min-height: 35rem; }
.graphic-placeholder svg { width: 100%; height: auto; }
.graphic-placeholder > span { position: absolute; bottom: 1rem; left: 1rem; right: 1rem; padding: .55rem .75rem; background: rgba(15, 17, 21, .78); border: 1px solid rgba(248, 250, 252, .16); border-radius: .55rem; color: #C9D0DB; font-size: var(--text-xs); letter-spacing: .04em; text-align: center; }
.testimonial-card { margin: 0; padding: var(--space-6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.testimonial-card blockquote { margin: 0 0 var(--space-5); color: var(--ink); font-family: var(--font-heading); font-size: var(--text-lg); line-height: 1.55; }
.testimonial-card figcaption { display: grid; gap: .1rem; color: var(--muted); font-size: var(--text-sm); }
.testimonial-card figcaption strong { color: var(--ink); }
.testimonial-card.is-placeholder { border-style: dashed; }
.cta-section { padding-block: clamp(4rem, 8vw, 7rem); color: var(--soft-white); background: linear-gradient(120deg, #5521C9, var(--deep-purple) 45%, #007C6D); }
.cta-section h2 { color: var(--soft-white); max-width: 48rem; }
.cta-section p { max-width: 46rem; color: #E5E8EE; font-size: var(--text-md); }
.cta-section__inner { display: flex; justify-content: space-between; align-items: center; gap: var(--space-7); }
.site-footer { padding-top: var(--space-8); background: var(--charcoal); color: #B9C1CC; }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: var(--space-7); padding-bottom: var(--space-7); }
.footer-tagline { margin: var(--space-5) 0 var(--space-2); color: var(--soft-white); font-family: var(--font-heading); font-size: var(--text-lg); font-weight: 600; }
.footer-copy { max-width: 28rem; }
.footer-heading { color: var(--soft-white); font-size: var(--text-sm); letter-spacing: .12em; text-transform: uppercase; }
.footer-links { display: grid; gap: .45rem; list-style: none; }
.footer-links a:hover { color: var(--teal); }
.footer-legal { display: flex; justify-content: space-between; gap: var(--space-6); padding-block: var(--space-5); border-top: 1px solid #303744; font-size: var(--text-sm); }
.footer-legal p { margin: 0; }


.home-hero, .page-hero--dark { color: #DCE2EA; background: radial-gradient(circle at 82% 18%, rgba(123, 44, 255, .24), transparent 33%), radial-gradient(circle at 72% 68%, rgba(0, 224, 209, .12), transparent 28%), var(--charcoal); }
.home-hero { min-height: min(52rem, calc(100vh - 5rem)); display: grid; align-items: center; padding-block: clamp(5rem, 10vw, 9rem); }
.home-hero__grid, .page-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .85fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.home-hero h1, .page-hero--dark h1 { color: var(--soft-white); }
.home-hero h1 span { display: block; background: linear-gradient(100deg, var(--teal), var(--emerald), var(--electric-violet)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-summary { max-width: 48rem; color: var(--muted); font-size: clamp(1.125rem, 2vw, 1.35rem); line-height: 1.65; }
.home-hero .hero-summary, .page-hero--dark .hero-summary { color: #D7DCE4; }
.hero-foundation { max-width: 47rem; margin-top: var(--space-5); color: var(--electric-violet); font-weight: 600; }
.page-hero { padding-block: clamp(5rem, 10vw, 8rem); }
.page-hero--light { background: radial-gradient(circle at 85% 10%, rgba(0, 224, 209, .14), transparent 30%), var(--soft-white); }
.page-hero--compact { padding-block: clamp(4rem, 8vw, 6rem); }
.page-hero--compact .container { max-width: 58rem; }
.service-link-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.service-link-card { min-height: 19rem; display: flex; flex-direction: column; padding: var(--space-6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); transition: transform .2s ease, border-color .2s ease; }
.service-link-card:hover { transform: translateY(-4px); border-color: rgba(123, 44, 255, .45); }
.service-link-card > span { color: var(--deep-purple); font-family: var(--font-heading); font-size: var(--text-sm); font-weight: 800; }
.service-link-card h3 { margin-top: auto; font-size: var(--text-2xl); }
.service-link-card p { color: var(--muted); }
.service-link-card strong { margin-top: var(--space-3); color: #5724C8; }
.inline-pill-row { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: var(--space-6); }
.inline-pill-row span { padding: .45rem .75rem; color: var(--soft-white); background: var(--slate); border: 1px solid #37404D; border-radius: var(--radius-pill); font-size: var(--text-sm); }
.testimonial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.value-card { min-height: 15rem; padding: var(--space-6); background: var(--slate); border: 1px solid #303744; border-top: 4px solid var(--teal); border-radius: var(--radius-md); }
.value-card h3 { color: var(--soft-white); }
.value-card p { color: #BBC3CE; }
.value-card--emerald { border-top-color: var(--emerald); }
.value-card--teal { border-top-color: var(--teal); }
.value-card--purple { border-top-color: var(--deep-purple); }
.value-card--violet { border-top-color: var(--electric-violet); }
.value-card--gold { border-top-color: var(--gold); }
.confidence-panel, .foundation-panel { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--space-7); align-items: start; padding: clamp(2rem, 5vw, 4rem); border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(0, 224, 209, .08), rgba(123, 44, 255, .05)); }
.foundation-panel { background: var(--surface-soft); }
.section--dark + .section .foundation-panel { background: var(--surface-soft); }
.testimonial-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--space-7); align-items: center; }
.process-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; margin-top: var(--space-7); list-style: none; }
.process-steps li { position: relative; min-height: 8.5rem; display: flex; flex-direction: column; justify-content: space-between; padding: 1.25rem; background: var(--surface-soft); border: 1px solid var(--line); border-radius: var(--radius-md); }
.process-steps li:not(:last-child)::after { content: '→'; position: absolute; right: -1.1rem; top: 50%; z-index: 2; color: var(--deep-purple); font-weight: 800; }
.process-steps span { color: var(--deep-purple); font-family: var(--font-heading); font-size: var(--text-xs); font-weight: 800; }
.product-stack, .case-stack { display: grid; gap: var(--space-8); }
.product-panel, .case-study { display: grid; grid-template-columns: minmax(0, 1fr) minmax(22rem, .95fr); gap: clamp(3rem, 7vw, 6rem); align-items: center; padding-bottom: var(--space-8); border-bottom: 1px solid var(--line); }
.product-panel:nth-child(even), .case-study:nth-child(even) { direction: rtl; }
.product-panel:nth-child(even) > *, .case-study:nth-child(even) > * { direction: ltr; }
.status-badge { display: inline-flex; margin-bottom: var(--space-4); padding: .35rem .7rem; color: #5521C9; background: rgba(123, 44, 255, .1); border-radius: var(--radius-pill); font-size: var(--text-xs); font-weight: 800; letter-spacing: .08em; }
.principle-list { display: grid; gap: var(--space-4); }
.principle-list div { display: grid; gap: .25rem; padding: 1.2rem; background: var(--slate); border: 1px solid #303744; border-radius: var(--radius-md); }
.principle-list strong { color: var(--soft-white); }
.case-study h3 { margin-top: var(--space-5); font-size: var(--text-lg); }
.case-study__services { margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.quote-panel { padding: var(--space-7); background: linear-gradient(135deg, var(--charcoal), var(--slate)); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.quote-panel p { margin: 0; color: var(--soft-white); font-family: var(--font-heading); font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.5; }
.mentor-panel { display: grid; grid-template-columns: 17rem 1fr; gap: var(--space-7); align-items: center; max-width: 62rem; }
.mentor-panel__portrait { aspect-ratio: 4 / 5; display: grid; place-items: center; padding: 1rem; color: var(--muted); background: repeating-linear-gradient(135deg, var(--surface-soft), var(--surface-soft) 12px, #E7EBF0 12px, #E7EBF0 24px); border: 1px dashed #AEB7C3; border-radius: var(--radius-lg); text-align: center; }
.mentor-title { color: #5B23D2; font-weight: 700; }
.office-card { padding: var(--space-6); background: var(--slate); border: 1px solid #303744; border-radius: var(--radius-md); }
.office-card span { color: var(--teal); font-size: var(--text-xs); font-weight: 800; letter-spacing: .14em; }
.office-card strong { display: block; margin-top: .75rem; color: var(--soft-white); font-family: var(--font-heading); font-size: var(--text-lg); }
.office-card small { color: #9FA8B5; }
.insight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.insight-card { padding: var(--space-5); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.insight-card > span { color: #5B23D2; font-size: var(--text-xs); font-weight: 800; letter-spacing: .08em; }
.insight-card h2 { margin-top: var(--space-5); font-size: var(--text-xl); }

.insight-meta { margin: var(--space-4) 0; color: var(--muted); font-size: var(--text-sm); }
.insight-card a { color: #5B23D2; font-weight: 700; }
.editorial-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.editorial-grid p { margin: 0; padding: var(--space-5); background: var(--slate); border: 1px solid #303744; border-radius: var(--radius-md); color: #C3CAD4; }
.contact-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(3rem, 7vw, 7rem); align-items: start; }
.contact-info { display: grid; gap: var(--space-4); margin-top: var(--space-6); }
.contact-info div { display: grid; gap: .2rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.contact-info span { color: var(--muted); font-size: var(--text-sm); }
.contact-info strong { color: var(--ink); }
.contact-form { display: grid; gap: var(--space-4); padding: clamp(1.5rem, 4vw, 2.5rem); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.contact-form label:not(.checkbox-label) { display: grid; gap: .4rem; color: var(--ink); font-weight: 600; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; padding: .85rem 1rem; color: var(--ink); background: var(--soft-white); border: 1px solid #B9C2CE; border-radius: .6rem; }
.contact-form textarea { resize: vertical; }
.checkbox-label { display: grid; grid-template-columns: auto 1fr; gap: .7rem; align-items: start; color: var(--muted); font-size: var(--text-sm); }
.checkbox-label input { margin-top: .35rem; }
.form-success { padding: var(--space-7); background: rgba(0, 200, 150, .08); border: 1px solid rgba(0, 141, 105, .35); border-radius: var(--radius-lg); }
.form-success > span { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; margin-bottom: var(--space-5); color: var(--charcoal); background: var(--emerald); border-radius: 50%; font-size: 1.5rem; font-weight: 800; }
.legal-placeholder { padding: var(--space-7); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.not-found { min-height: 70vh; display: grid; align-items: center; padding-block: var(--space-9); background: radial-gradient(circle at 70% 30%, rgba(123, 44, 255, .16), transparent 33%), var(--soft-white); }


@media (max-width: 1100px) {
  .brand-wordmark { display: none; }
  .primary-nav { gap: .05rem; }
  .nav-link { padding-inline: .55rem; font-size: .8rem; }
  .nav-cta { padding-inline: .8rem; }
  .card-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .editorial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .menu-toggle { display: block; }
  .primary-nav { position: absolute; top: calc(100% + 1px); left: 0; right: 0; display: none; align-items: stretch; padding: 1rem 1.25rem 1.5rem; background: var(--soft-white); border-bottom: 1px solid var(--line); box-shadow: var(--shadow-lg); }
  .primary-nav.is-open { display: grid; }
  .nav-link, .nav-dropdown__toggle { width: 100%; justify-content: space-between; padding: .85rem; }
  .nav-dropdown__menu { position: static; min-width: 0; margin: .25rem 0 .75rem; box-shadow: none; }
  .nav-cta { margin: .75rem 0 0; }
  .home-hero__grid, .page-hero__grid, .two-column, .two-column--balanced, .contact-layout, .product-panel, .case-study, .testimonial-layout, .confidence-panel, .foundation-panel { grid-template-columns: 1fr; }
  .home-hero__grid, .page-hero__grid { gap: var(--space-7); }
  .graphic-placeholder { min-height: 20rem; }
  .graphic-placeholder--portrait { min-height: 25rem; }
  .card-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-link-grid, .testimonial-grid, .value-grid, .insight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .process-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .process-steps li::after { display: none; }
  .product-panel:nth-child(even), .case-study:nth-child(even) { direction: ltr; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cta-section__inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 620px) {
  :root { --space-9: 4.5rem; --space-10: 5.5rem; }
  .container { width: min(calc(100% - 1.5rem), var(--container)); }
  h1 { font-size: clamp(2.35rem, 12vw, 3.2rem); }
  h2 { font-size: clamp(1.8rem, 9vw, 2.45rem); }
  .site-header { min-height: 4.4rem; }
  .brand-mark { width: 38px; height: 38px; }
  .button-row, .button-row .button { width: 100%; }
  .card-grid--2, .card-grid--3, .card-grid--4, .service-link-grid, .testimonial-grid, .value-grid, .insight-grid, .editorial-grid, .list-grid--2 { grid-template-columns: 1fr; }
  .process-steps { grid-template-columns: 1fr; }
  .graphic-placeholder { min-height: 16rem; }
  .mentor-panel { grid-template-columns: 1fr; }
  .mentor-panel__portrait { max-width: 15rem; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-legal { flex-direction: column; }
  .content-card, .service-link-card { min-height: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Static HTML package additions */
[hidden] { display: none !important; }
.nav-link.active { background: rgba(123,44,255,.08); color: #5420C6; }
.contact-form-status { margin-top: 1rem; }
.html-note { padding: .75rem 1rem; background: rgba(255,184,77,.14); border: 1px solid rgba(168,101,0,.28); border-radius: .65rem; color: #704700; font-size: .875rem; }
.palette-strip { display:grid; grid-template-columns:repeat(8,1fr); min-height:12px; }
.palette-strip span:nth-child(1){background:#00C896}.palette-strip span:nth-child(2){background:#00E0D1}.palette-strip span:nth-child(3){background:#7B2CFF}.palette-strip span:nth-child(4){background:#B26CFF}.palette-strip span:nth-child(5){background:#FFB84D}.palette-strip span:nth-child(6){background:#0F1115}.palette-strip span:nth-child(7){background:#1C212B}.palette-strip span:nth-child(8){background:#F8FAFC;border-left:1px solid #DCE2EA}
@media print { .site-header,.site-footer,.cta-section,.menu-toggle{display:none!important} body{background:#fff}.section,.page-hero,.home-hero{padding-block:2rem}.graphic-placeholder{break-inside:avoid} }
/* --- homepage revision overrides --- */
.card-grid{align-items:stretch}.service-link-grid{align-items:stretch;grid-auto-rows:1fr}.inline-pill-row{flex-wrap:nowrap;gap:.5rem}.confidence-panel{padding-block:var(--space-5)}.foundation-panel{grid-template-columns:1fr;padding:clamp(1.25rem,2.5vw,2rem)}.foundation-panel h2{max-width:none}.product-stack,.case-stack{gap:var(--space-6)}.product-panel,.case-study{padding-bottom:var(--space-6)}.quote-panel{padding:var(--space-6)}.content-card{min-height:0;align-self:stretch;display:flex;flex-direction:column}.content-card h3{margin-top:var(--space-2)}.content-card p{margin-bottom:0}.service-link-card{min-height:0;display:grid;grid-template-rows:auto auto 1fr auto;row-gap:var(--space-3)}.service-link-card h3{min-height:0;margin:0;display:block}.service-link-card p{margin:0}.service-link-card strong{align-self:end;margin-top:0}.value-card{min-height:0}.process-steps li{min-height:0;gap:var(--space-3)}.graphic-placeholder{min-height:16rem}.graphic-placeholder--portrait{min-height:24rem}.section--dark .section-heading{margin-top:0}.section--dark .eyebrow{margin-top:0}.section-heading--left h2{max-width:22ch}.section-heading h2{margin-bottom:var(--space-3)}.two-column{align-items:start;gap:clamp(1.5rem,3vw,3rem)}.testimonial-layout{gap:clamp(1.5rem,3vw,3rem)}.text-link{font-size:var(--text-md)}.products-cta{display:inline-flex;width:auto;margin-top:var(--space-5)}.calendly-cta{display:inline-flex;width:auto;margin-top:var(--space-5)}.product-cta{display:inline-flex;width:auto;margin-top:var(--space-5)}.contact-layout{align-items:start}.inline-pill-row span{white-space:nowrap;padding:.4rem .6rem;font-size:var(--text-xs)}.footer-grid{align-items:start;gap:var(--space-5);padding-bottom:var(--space-5)}.footer-links a{white-space:nowrap}.footer-legal{padding-block:var(--space-4);gap:var(--space-3)}.footer-legal p{margin:0}.article-width{max-width:46rem}.article-body{font-size:var(--text-md);line-height:1.8;color:var(--ink)}.article-body h2{margin:var(--space-5) 0 var(--space-3);font-size:var(--text-xl);line-height:1.3}.article-body p{margin:0 0 var(--space-4)}.article-list{margin:0 0 var(--space-4);padding-left:1.35rem;display:grid;gap:.4rem}.article-list li{color:var(--ink)}.article-pullquote{margin:var(--space-4) 0;padding-left:var(--space-4);border-left:3px solid var(--teal);font-size:var(--text-lg);font-weight:600;line-height:1.5}.article-question{margin:var(--space-4) 0;font-weight:700;color:var(--ink);font-size:var(--text-lg)}.article-back{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line)}.insight-card a{font-weight:700}
/* --- eyebrow ratio overrides --- */
.eyebrow{font-size:1.5rem;letter-spacing:.1em;line-height:1.25;margin-bottom:var(--space-3);font-weight:800;text-transform:uppercase}.home-hero .eyebrow,.page-hero .eyebrow{font-size:1.5rem;letter-spacing:.1em}.card-index{font-size:1.5rem;letter-spacing:.06em;line-height:1.25}@media (max-width:640px){.eyebrow,.home-hero .eyebrow,.page-hero .eyebrow{font-size:1.25rem;letter-spacing:.06em}.card-index{font-size:1.25rem}}
/* --- image blending --- */
.graphic-placeholder{background:none;border:0;box-shadow:none;padding:0;min-height:0;overflow:visible;border-radius:0}.graphic-placeholder__img{position:static;inset:auto;width:100%;height:auto;object-fit:contain;border-radius:0;display:block}.graphic-placeholder--landscape,.graphic-placeholder--portrait{min-height:0;height:auto;aspect-ratio:auto}.section:not(.section--dark) .graphic-placeholder__img,.page-hero--light .graphic-placeholder__img{mix-blend-mode:multiply}.section--dark .graphic-placeholder__img,.page-hero--dark .graphic-placeholder__img,.home-hero .graphic-placeholder__img{mix-blend-mode:normal}.graphic-placeholder > span{position:static;inset:auto;margin-top:var(--space-3);display:block;background:none;border:0;border-radius:0;padding:0;text-align:left}.mentor-panel__portrait{background:none;border:0;box-shadow:none;padding:0}.home-hero .graphic-placeholder--landscape{aspect-ratio:auto;min-height:0;height:auto;background:none;border:0;box-shadow:none;padding:0}.home-hero .graphic-placeholder__img{object-fit:contain;position:static;inset:auto;height:auto}
/* --- footer alignment --- */
.palette-strip{width:100%;min-height:10px}.footer-grid{align-items:start}.footer-brand{display:grid;align-content:start;row-gap:var(--space-3)}.footer-brand .brand-lockup{margin:0;min-height:42px;align-items:center}.footer-heading{margin:0;min-height:42px;display:flex;align-items:center}.footer-tagline{margin:0}.footer-copy{margin:0;max-width:28rem}.footer-links{margin:0;padding:0}@media (max-width:900px){.footer-brand .brand-lockup,.footer-heading{min-height:0}.footer-brand{row-gap:var(--space-2)}}
/* --- two-column image sync --- */
.two-column:has(.graphic-placeholder){align-items:center}.two-column > .graphic-placeholder{align-self:center}.two-column > .graphic-placeholder{max-width:100%}.two-column > .graphic-placeholder .graphic-placeholder__img{width:100%;height:auto}
/* --- client success section --- */
.client-success .section-heading{max-width:none}.client-success .section-intro{max-width:none;text-wrap:pretty}@media (min-width:1100px){.client-success .section-intro{white-space:nowrap}}.testimonial-card blockquote{font-family:var(--font-body);font-size:var(--text-md);line-height:1.7;color:var(--ink);letter-spacing:-.005em}.testimonial-card figcaption strong{color:var(--ink);font-size:var(--text-sm)}
/* --- list line fitting --- */
.two-column:has(> .list-grid),.two-column:has(> .check-list){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.list-grid li,.check-list li{line-height:1.18;text-wrap:pretty}.list-grid{gap:.85rem 1.25rem}.check-list{gap:.85rem}.list-grid li::before,.check-list li::before{top:.38em}.list-grid--1{grid-template-columns:1fr}@media (max-width:900px){.two-column:has(> .list-grid),.two-column:has(> .check-list){grid-template-columns:1fr}}
/* --- capability cta --- */
.capability-cta{display:inline-flex;width:auto;align-self:start;margin-top:var(--space-5)}
/* --- office card --- */
.two-column:has(> .office-card) > .section-heading{padding-top:var(--space-6)}.two-column:has(> .office-card){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.office-address{margin:.75rem 0 0;font-size:var(--text-sm);line-height:1.5}@media (min-width:1200px){.office-address{white-space:nowrap}}.office-email{margin:.35rem 0 0}.office-email a{color:var(--teal);font-weight:600}.office-email a:hover{text-decoration:underline}.office-card p{margin-bottom:0}.office-card p + p{margin-top:var(--space-4)}.office-address + .office-email{margin-top:.35rem}@media (max-width:900px){.two-column:has(> .office-card) > .section-heading{padding-top:0}.two-column:has(> .office-card){grid-template-columns:1fr}}
/* --- image feathered edges --- */
.graphic-placeholder__img,.section:not(.section--dark) .graphic-placeholder__img,.page-hero--light .graphic-placeholder__img{mix-blend-mode:normal}.graphic-placeholder__img{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
/* --- hero image scale --- */
.home-hero__grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.22fr);gap:clamp(1.5rem,3vw,3rem);align-items:center}.home-hero{padding-block:clamp(2.5rem,5vw,4.5rem)}.home-hero .graphic-placeholder{width:100%;display:flex;align-items:center;justify-content:center}.home-hero .graphic-placeholder picture{display:block;width:100%}.home-hero .graphic-placeholder__img{width:100%;height:auto;max-width:none}@media (max-width:900px){.home-hero__grid{grid-template-columns:1fr;align-items:center}.home-hero{padding-block:clamp(2rem,4vw,3rem)}.home-hero .graphic-placeholder{height:auto}.home-hero .graphic-placeholder picture{height:auto}.home-hero .graphic-placeholder__img{width:100%;height:auto}}
/* --- product visuals stack --- */
.two-column:has(> .product-visuals){align-items:start}.product-visuals{display:grid;gap:var(--space-5);align-content:start}.product-visuals .graphic-placeholder{width:100%}.product-visuals .graphic-placeholder__img{width:100%;height:auto}.product-visuals .products-cta{display:flex;width:100%;margin-top:var(--space-2)}@media (max-width:900px){.product-visuals{gap:var(--space-4)}.product-visuals .products-cta{width:auto;justify-self:start}}
/* --- hero headline --- */
.home-hero h1{font-size:clamp(2.2rem,3.6vw,3.5rem);line-height:1.1}.home-hero h1 span{white-space:nowrap}@media (max-width:900px){.home-hero h1{font-size:clamp(2rem,7vw,2.8rem)}.home-hero h1 span{white-space:normal}}
/* --- page hero match homepage --- */
.page-hero__grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.22fr);gap:clamp(1.5rem,3vw,3rem);align-items:center}.page-hero h1{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.12}.page-hero .hero-summary,.page-hero .section-intro{font-size:var(--text-md)}@media (max-width:900px){.page-hero__grid{grid-template-columns:1fr}.page-hero h1{font-size:clamp(1.9rem,6.5vw,2.6rem)}}
/* --- blur only on dark backgrounds --- */
.page-hero--light .graphic-placeholder__img,.section:not(.section--dark) .graphic-placeholder__img{-webkit-mask-image:none;mask-image:none}
/* --- legal document --- */.legal-doc h2{margin-top:var(--space-7);margin-bottom:var(--space-3)}.legal-doc h2:first-child{margin-top:0}.legal-doc p{margin-bottom:var(--space-4);color:var(--ink)}.legal-doc a{color:inherit;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}.legal-doc a:hover{text-decoration-thickness:2px}.legal-table-wrap{margin:var(--space-5) 0 var(--space-6);overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg)}.legal-table{width:100%;border-collapse:collapse;background:var(--surface);font-size:var(--text-sm)}.legal-table th,.legal-table td{padding:.85rem 1.1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.45}.legal-table tr:last-child th,.legal-table tr:last-child td{border-bottom:0}.legal-table th{width:34%;font-weight:700;color:var(--muted);white-space:nowrap}.legal-table td{color:var(--ink)}.legal-links{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:.6rem}.legal-links a{color:inherit}.legal-updated{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm)}@media (max-width:560px){.legal-table th{white-space:normal}.legal-table th,.legal-table td{display:block;width:auto}.legal-table th{border-bottom:0;padding-bottom:.2rem}.legal-table td{padding-top:0}}
/* --- legal grid table --- */.legal-table--grid thead th{background:#F6F8FB;color:var(--ink);font-weight:700;font-size:.9375rem;white-space:normal;width:auto;border-bottom:1px solid var(--line)}.legal-table--grid td{width:auto;vertical-align:top}.legal-table--grid tbody td:first-child{font-weight:600;color:var(--ink)}.legal-table--grid{min-width:34rem}@media (max-width:560px){.legal-table--grid th,.legal-table--grid td{display:table-cell;width:auto}.legal-table--grid th{padding-bottom:1rem}.legal-table--grid td{padding-top:1rem}}.legal-signoff{margin-top:var(--space-5);color:var(--muted);line-height:1.7}
/* --- legal width alignment --- */.legal-width{max-width:none}.page-hero--compact .container.legal-width{max-width:none}.legal-width > *{max-width:68rem;margin-inline:0}.legal-width > .legal-table-wrap{max-width:68rem}.legal-table--grid{min-width:0}
/* --- legal typography --- */.legal-doc p,.legal-doc li{font-size:1.15rem;line-height:1.75}.legal-doc h2{font-size:2rem;line-height:1.2}.legal-doc h3{font-size:1.4rem;margin-top:var(--space-5);margin-bottom:var(--space-3)}.page-hero--compact h1{font-size:clamp(2.4rem,4vw,3.4rem)}.page-hero--compact .hero-summary{font-size:1.25rem;line-height:1.65;max-width:60rem}.legal-table{font-size:1.0625rem}.legal-table th,.legal-table td{padding:1.05rem 1.2rem;line-height:1.6}.legal-doc ul{margin:0 0 var(--space-4);padding-left:1.4rem}.legal-doc ul li{margin-bottom:.55rem}.legal-links{font-size:1.15rem}.legal-updated,.legal-signoff{font-size:1.0625rem}
/* --- legal wide table --- */.legal-table--grid th,.legal-table--grid td{font-size:1rem;padding:.95rem 1.05rem}.legal-table-wrap{scrollbar-width:thin}.legal-note{margin:var(--space-4) 0 var(--space-6);padding:1.1rem 1.25rem;background:#F6F8FB;border-left:3px solid var(--line);border-radius:.5rem;color:var(--muted);font-size:1.0625rem;line-height:1.7}@media (max-width:900px){.legal-table--grid{min-width:40rem}}
/* --- footer polish --- */.site-footer{position:relative;padding-top:var(--space-8);background:linear-gradient(180deg,#20262F 0%,#1A1F28 100%);color:#B9C1CC}.site-footer::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#00E0D1 0%,#00C896 34%,#7B2CFF 68%,#B26CFF 100%);opacity:.9}.footer-tagline{margin:var(--space-5) 0 var(--space-2);color:#F8FAFC;font-family:var(--font-heading);font-size:1.35rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;max-width:20ch}.footer-copy{max-width:30rem;color:#9AA4B2;font-size:1rem;line-height:1.7}.footer-heading{position:relative;margin:0 0 var(--space-4);color:#F8FAFC;font-family:var(--font-heading);font-size:.8125rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding-bottom:.7rem}.footer-heading::after{content:'';position:absolute;left:0;bottom:0;width:1.75rem;height:2px;border-radius:2px;background:#00E0D1;opacity:.85}.footer-links{display:grid;gap:.7rem;list-style:none;margin:0;padding:0}.footer-links a{display:inline-block;color:#D5DBE4;font-size:1rem;line-height:1.45;text-decoration:none;transition:color .18s ease,transform .18s ease}.footer-links a:hover{color:#00E0D1;transform:translateX(3px)}.footer-links a:focus-visible{outline:2px solid #00E0D1;outline-offset:3px;border-radius:3px}.footer-legal{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-5);border-top:1px solid rgba(255,255,255,.09);color:#9AA4B2;font-size:.9375rem;line-height:1.7}.footer-legal p{margin:0}.footer-legal strong{color:#C6CDD8;font-weight:600}@media (max-width:900px){.footer-heading{margin-bottom:var(--space-3)}.footer-legal{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}
/* --- hero image fits text --- */.page-hero--fit-text .page-hero__grid{align-items:center}.page-hero--fit-text .graphic-placeholder{height:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.page-hero--fit-text .graphic-placeholder__img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}.page-hero--fit-text .page-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:900px){.page-hero--fit-text .page-hero__grid{grid-template-columns:1fr}.page-hero--fit-text .graphic-placeholder{height:auto}.page-hero--fit-text .graphic-placeholder__img{height:auto}}
/* --- contact form gating --- */.contact-form button[type=submit]:disabled{background:#C9CFD8;background-image:none;color:#6B7280;cursor:not-allowed;box-shadow:none;opacity:1;filter:none}.contact-form button[type=submit]:disabled:hover{background:#C9CFD8;transform:none;box-shadow:none}.contact-form button[type=submit]{transition:background .15s ease,color .15s ease}.contact-form .field-label{display:inline}.required-mark{color:#C0392B;margin-left:.15rem;font-weight:700}.office-address{line-height:1.65;white-space:normal}.contact-details strong{line-height:1.65;display:block}
/* --- contact form api --- */.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-error{margin:0 0 .75rem;padding:.8rem 1rem;background:#FDECEA;border:1px solid #F5C6C2;border-radius:.5rem;color:#8E2A21;font-size:1rem;line-height:1.5}.contact-form button[type=submit].is-sending{opacity:.75;cursor:progress}
/* --- legal page spacing --- */.page-hero--compact{padding-block:clamp(3rem,5vw,4rem)}.page-hero--compact + .section{padding-top:clamp(2rem,3vw,2.75rem)}.legal-doc > h2:first-child{margin-top:0}.legal-doc h2 + .legal-table-wrap{margin-top:var(--space-4)}
/* --- legal hero meta --- */.hero-meta{margin:0 0 var(--space-4);color:var(--muted);font-size:1rem;font-weight:500}.hero-meta time{font-weight:600;color:var(--ink)}.page-hero--compact h1{margin-bottom:var(--space-3)}
/* --- legal intro --- */.legal-intro{font-size:1.2rem;line-height:1.7;color:var(--muted);margin:0 0 var(--space-6)}.legal-intro a{color:inherit}.legal-doc > .legal-intro + h2{margin-top:0}
/* --- field validation --- */.field-error{display:block;margin-top:.4rem;color:#C0392B;font-size:.95rem;font-weight:500;line-height:1.4}.contact-form input.is-invalid,.contact-form select.is-invalid{border-color:#C0392B;background:#FDF6F5}.contact-form input.is-invalid:focus{outline-color:#C0392B}
/* --- consent checkbox --- */.contact-form input[type=checkbox]{width:auto;padding:0;background:none;border:0}.checkbox-label input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:1.25rem;height:1.25rem;margin:.15rem 0 0;border:2px solid #8A94A3;border-radius:.3rem;background:#fff;cursor:pointer;display:inline-block;position:relative;transition:background .15s ease,border-color .15s ease}.checkbox-label input[type=checkbox]:hover{border-color:#00A88C}.checkbox-label input[type=checkbox]:checked{background:#00A88C;border-color:#00A88C}.checkbox-label input[type=checkbox]:checked::after{content:'';position:absolute;left:.34rem;top:.1rem;width:.3rem;height:.62rem;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:focus-visible{outline:3px solid #00A88C;outline-offset:2px}.checkbox-label{cursor:pointer}.field-optional{color:var(--muted);font-weight:500;font-size:.95rem}
/* --- contact layout balance --- */.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:stretch}.contact-form{gap:var(--space-3);padding:clamp(1.25rem,2.5vw,1.75rem);align-self:start}.contact-form label:not(.checkbox-label){gap:.3rem}.contact-form input,.contact-form select{padding:.65rem .85rem}.contact-form textarea{padding:.65rem .85rem}.contact-form textarea{min-height:0}@media (max-width:900px){.contact-layout{grid-template-columns:1fr}}
/* --- focus ring --- */:focus-visible{outline:3px solid #00A88C;outline-offset:3px}.section--dark :focus-visible,.site-footer :focus-visible,.page-hero--dark :focus-visible{outline-color:var(--teal)}.contact-form input.is-invalid:focus,.contact-form input.is-invalid:focus-visible{outline-color:#C0392B}
/* --- email typo hint --- */.field-hint{display:block;margin-top:.4rem;padding:.6rem .7rem;background:#FDECEA;border:1px solid #F2B8B0;border-radius:.4rem;color:#A32B1C;font-size:.95rem;font-weight:600;line-height:1.45}.field-hint__actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}.field-hint button{padding:.28rem .7rem;border:0;border-radius:.3rem;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:filter .15s ease,background .15s ease}.field-hint button[data-accept]{background:#A32B1C;color:#fff}.field-hint button[data-accept]:hover{filter:brightness(1.12)}.field-hint button[data-keep]{background:#fff;color:#A32B1C;box-shadow:inset 0 0 0 1.5px #D98A80}.field-hint button[data-keep]:hover{background:#FCE3E0}.field-hint button:focus-visible{outline:3px solid #A32B1C;outline-offset:2px}.field-hint--resolved{background:#EAFBF8;border-color:#9EE3D8;color:#0A6B5E}