/* Page-specific layouts, craft tokens from site.css */
/* Generated by scripts/build-pages-css.py, do not hand-edit inline duplicates */

/* --- business.html --- */
.page-business .hero{position:relative;display:grid;align-items:end;min-height:clamp(620px,78vh,820px)!important;padding:clamp(8rem,17vh,12rem) 0 clamp(3rem,7vw,6rem)!important;overflow:hidden;background-image: url("assets/how-we-help_wide_1.png")!important;background-position:center!important;background-size:cover!important;border-bottom:1px solid var(--border)}.page-business .hero::before,.page-business .hero::after{display:none!important}
    .page-business .hero .wrap{position:relative;z-index:1}.hero-copy{max-width:660px}.page-business .hero-kicker{margin:0 0 1rem;color:var(--accent);font:600 .68rem/1.4 var(--font-mono);letter-spacing:.22em;text-transform:uppercase}.page-business .hero h1{max-width:10ch;font-size:clamp(3.5rem,8vw,6.8rem)}.page-business .hero .lead{color:var(--fg-2);font-size:clamp(1.05rem,1.8vw,1.3rem)}.hero-note{max-width:56ch;margin:1rem 0 0;color:var(--muted)}
    .help-showcase{padding:clamp(4rem,9vw,8rem) 0}.help-showcase__head{display:grid;grid-template-columns:1fr minmax(260px,.65fr);gap:2rem;align-items:end;margin-bottom:clamp(2rem,5vw,4rem);padding-bottom:1.2rem;border-bottom:1px solid var(--border)}.help-showcase__head p{margin:0;color:var(--muted)}
    .page-business .carousel-shell{position:relative;display:block;width:100%;max-width:none;margin:0 auto;padding:0 0 3.5rem;overflow:hidden}.page-business .carousel-viewport{width:100%;min-height:0;margin:0 auto;overflow:hidden}.page-business .carousel-track{gap:0;width:100%}.page-business .carousel-slide{flex:0 0 100%;width:100%;min-width:100%;padding:0;opacity:1;transform:none}.help-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:clamp(2.5rem,7vw,7rem);align-items:center;width:100%;max-width:1000px;margin-inline:auto}.help-pair--legacy>strong{display:none}.help-pair__copy{padding:clamp(1rem,3vw,2rem) 0}.help-pair__index{display:block;margin-bottom:1.4rem;color:var(--accent);font:500 .73rem/1 var(--font-mono);letter-spacing:.16em}.help-pair h3{margin:0 0 1rem;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.98;letter-spacing:-.04em}.help-pair__lead{max-width:39ch;margin:0 0 2rem;color:var(--fg-2);font-size:clamp(1.05rem,1.7vw,1.25rem)}.help-pair__notes{border-top:1px solid var(--border-soft)}.help-pair__notes p{display:grid;grid-template-columns:2.2rem 1fr;gap:.65rem;margin:0;padding:.72rem 0;color:var(--muted);border-bottom:1px solid var(--border-soft)}.help-pair__notes span{color:var(--accent-dim);font:500 .68rem/1.7 var(--font-mono)}.help-pair__media{margin:0;aspect-ratio:3/4;overflow:hidden}.help-pair__media img{width:100%;height:100%;object-fit:cover}
    .page-business .carousel-btn{position:absolute;top:auto;bottom:0;width:2.5rem;height:2.5rem;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--fg-2);font:600 1.25rem/1 var(--font-mono);transform:none}.page-business .carousel-btn:hover{background:none;color:var(--accent)}.page-business .carousel-btn.prev{left:0}.page-business .carousel-btn.next{right:0}.page-business .carousel-dots{align-items:center;width:calc(100% - 7rem);margin:2rem auto 0;gap:.35rem}.page-business .carousel-dot{width:100%;height:2px;border-radius:0;background:var(--border)}.page-business .carousel-dot.active{background:var(--accent);transform:none}
    .engagement-path{padding:clamp(3rem,7vw,6rem) 0;border-top:1px solid var(--border-soft)}.engagement-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,3vw,3rem);margin-top:2.5rem}.engagement-step{padding-top:1rem;border-top:1px solid var(--border)}.engagement-step span{color:var(--accent-dim);font:500 .7rem/1 var(--font-mono)}.engagement-step h3{margin-top:1.1rem}.why-strip{display:grid;grid-template-columns:minmax(0,.7fr) 1fr;gap:clamp(2rem,6vw,6rem);padding:clamp(3rem,7vw,6rem) 0;border-block:1px solid var(--border-soft)}.why-strip p{margin-top:0}.page-business #contact{margin-top:clamp(3rem,7vw,6rem)}.page-business #contact .intake-intro{grid-template-columns:1.2fr .8fr;padding-bottom:2rem;border-bottom:1px solid var(--border-soft)}.intake-aside{padding-top:.2rem}
    @media(max-width:900px){.help-showcase__head,.help-pair,.why-strip{grid-template-columns:1fr}.help-pair__media{grid-row:1;width:min(100%,520px);margin-inline:auto}.engagement-steps{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:640px){.page-business .hero{min-height:690px;background-position:62% center}.page-business .hero h1{font-size:clamp(3rem,17vw,4.7rem)}.help-showcase{padding-top:3.5rem}.help-pair{gap:1.7rem}.help-pair__media{width:100%}.engagement-steps{grid-template-columns:1fr}.carousel-controls{gap:.8rem}.page-business #contact .intake-intro{grid-template-columns:1fr}}
    @media(prefers-reduced-motion:reduce){.page-business .carousel-track{transition:none}}

/* --- about.html --- */
.page-about .hero{position:relative;display:grid;align-items:end;min-height:clamp(620px,78vh,820px)!important;padding:clamp(8rem,17vh,12rem) 0 clamp(3rem,7vw,6rem)!important;background-image: url("assets/about-wide_1.png")!important;background-position:center!important;background-size:cover!important}.page-about .hero::before,.page-about .hero::after{display:none!important}.page-about .hero .wrap{max-width:680px;margin-left:max(1rem,calc((100vw, var(--max))/2))}.page-about .hero .pill{display:none!important}.page-about .hero h1{max-width:9ch;font-size:clamp(3.5rem,8vw,6.8rem)}.page-about .hero .lead{color:var(--fg-2);font-size:clamp(1.08rem,1.8vw,1.32rem)}.page-about .hero .quote{max-width:55ch;color:var(--muted)}.about-legacy{display:none!important}
    .about-main{padding-bottom:clamp(4rem,8vw,7rem)}.about-section{padding:clamp(4rem,9vw,8rem) 0;border-bottom:1px solid var(--border-soft)}.about-eyebrow{margin:0 0 1rem;color:var(--accent);font:600 .72rem/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.about-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,8vw,8rem);align-items:start}.about-intro h2,.about-mission h2,.about-cta h2{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1;letter-spacing:-.04em}.about-intro__copy{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--fg-2)}.about-intro__copy p:first-child{margin-top:0}.about-declaration{margin-top:2.5rem;padding:clamp(1.5rem,3vw,2.5rem);border-left:2px solid var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent);font-size:clamp(1.2rem,2vw,1.6rem);color:var(--fg)}
    .about-documentary{width:min(calc(100vw - 2rem),1440px);margin:0 0 0 50%;transform:translateX(-50%);overflow:hidden}.about-documentary img{display:block;width:100%;height:clamp(340px,58vw,760px);object-fit:cover;object-position:center 48%}
    .belief-head{display:grid;grid-template-columns:1fr minmax(280px,.65fr);gap:2rem;align-items:end;margin-bottom:clamp(2rem,5vw,4rem)}.belief-head p:last-child{margin:0;color:var(--muted)}.belief-list{counter-reset:belief}.belief{display:grid;grid-template-columns:5.5rem minmax(220px,.7fr) 1fr;gap:clamp(1rem,4vw,4rem);padding:clamp(1.6rem,3vw,2.5rem) 0;border-top:1px solid var(--border-soft);align-items:center}.belief__icon{display:grid;place-items:center;width:5rem;aspect-ratio:1}.belief__icon img{display:block;width:100%;height:100%;padding:.25rem;object-fit:contain}.belief h3{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.15}.belief p{max-width:50ch;margin:0;color:var(--muted)}
    .about-mission{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:clamp(2rem,7vw,7rem);align-items:center}.mission-statement{padding:clamp(2rem,4vw,3.5rem);border:1px solid var(--border-soft);border-radius:0;background:var(--surface)}.mission-statement strong{display:block;margin-bottom:.8rem;color:var(--fg);font-size:clamp(1.4rem,3vw,2.2rem)}.mission-statement p{margin:0;color:var(--muted)}
    .identity-split{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,8vw,8rem)}.identity-block{position:relative;padding-top:1.25rem;border-top:1px solid var(--border)}.identity-block::before{content:"";position:absolute;inset:-1px auto auto 0;width:5rem;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.identity-block:last-child::before{background:linear-gradient(90deg,var(--purple),transparent)}.identity-name{display:block;margin-bottom:1rem;color:var(--accent);font:600 .72rem/1.4 var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.identity-block:last-child .identity-name{color:var(--purple)}.identity-block h3{font-size:clamp(1.7rem,3vw,2.6rem)}.identity-block p{color:var(--muted)}.identity-visual{display:block;width:min(calc(100vw - 2rem),1400px);margin:clamp(2.5rem,6vw,5rem) 0 0 50%;transform:translateX(-50%);border:0;background:none;cursor:zoom-in}.identity-visual img{display:block;width:100%;height:auto}
    .approach-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:3rem}.approach-head p{margin:0;color:var(--muted)}.approach-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,3vw,3rem)}.approach-step{padding-top:1.1rem;border-top:1px solid var(--border)}.approach-step span{color:var(--accent-dim);font:500 .7rem/1 var(--font-mono)}.approach-step h3{margin-top:1.2rem}.approach-step p{color:var(--muted)}
    .about-cta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.55fr);gap:clamp(2rem,6vw,6rem);align-items:end;padding:clamp(4rem,8vw,7rem) 0}.about-cta aside{padding-top:1rem;border-top:1px solid var(--border);color:var(--muted)}.about-cta aside strong{display:block;margin-bottom:.6rem;color:var(--fg)}
    @media(max-width:900px){.about-intro,.belief-head,.about-mission,.identity-split,.approach-head,.about-cta{grid-template-columns:1fr}.belief{grid-template-columns:5rem 1fr}.belief p{grid-column:2}.approach-rail{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:640px){.page-about .hero{min-height:680px!important;background-position:58% center!important}.page-about .hero h1{font-size:clamp(3rem,17vw,4.7rem)}.about-documentary{width:100%;margin-left:0;transform:none}.about-documentary img{height:72vw;min-height:280px}.belief{grid-template-columns:4.5rem 1fr}.belief__icon{width:4rem}.identity-visual{width:100%;margin-left:0;transform:none}.approach-rail{grid-template-columns:1fr}.mission-statement{border-radius:.8rem}}

/* --- solutions.html --- */
.section-head .eyebrow {
      font-size: .84rem;
      letter-spacing: .18em;
    }

    .editorial-intro {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(2.5rem, 7vw, 7rem);
    }

    .editorial-block {
      position: relative;
      padding-top: 1.25rem;
      border-top: 1px solid var(--border);
    }

    .editorial-block::before {
      content: "";
      position: absolute;
      inset: -1px auto auto 0;
      width: 5rem;
      height: 2px;
      background: linear-gradient(90deg, var(--accent), transparent);
    }

    .editorial-block:last-child::before {
      background: linear-gradient(90deg, var(--purple), transparent);
    }

    .brand-key {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: .55rem 1rem;
      margin-top: 1.5rem;
    }

    .brand-key dt {
      color: var(--fg);
      font: 600 .72rem/1.6 var(--font-mono);
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .brand-key dd {
      margin: 0;
      color: var(--muted);
    }

    .breakout-visual {
      width: min(calc(100vw - 2rem), 1440px);
      margin: clamp(2rem, 5vw, 4.5rem) 0 0 50%;
      transform: translateX(-50%);
    }

    .zoomable-trigger {
      width: 100%;
      padding: 0;
      border: 0;
      background: none;
      cursor: zoom-in;
    }

    .zoomable-trigger img {
      display: block;
      width: 100%;
      height: auto;
    }

    .solution-gallery {
      position: relative;
      isolation: isolate;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(1rem, 2vw, 1.75rem);
    }

    .solution-visual {
      margin: 0;
    }

    .solution-visual .zoomable-trigger {
      display: block;
      border-radius: 0;
    }

    .solution-visual img {
      display: block;
      width: 100%;
      height: auto;
    }

    .media-lightbox {
      position: fixed;
      inset: 0;
      z-index: 80;
      display: block;
      overflow: auto;
      padding: 0;
      background: color-mix(in srgb, var(--bg) 82%, transparent);
      opacity: 0;
      pointer-events: none;
      transition: opacity .24s ease;
      
      overscroll-behavior: contain;
      touch-action: pan-x pan-y pinch-zoom;
      -webkit-overflow-scrolling: touch;
    }

    .media-lightbox.is-open {
      opacity: 1;
      pointer-events: auto;
    }

    .media-lightbox__panel {
      width: min(94vw, 1120px);
      margin: clamp(4.5rem, 10vh, 6rem) auto 2rem;
    }

    .media-lightbox__image {
      display: block;
      width: 100%;
      max-width: none;
      max-height: none;
      height: auto;
      border-radius: 0;
      
    }

    .media-lightbox__close {
      position: sticky;
      top: clamp(.75rem, 2vw, 1.25rem);
      z-index: 2;
      display: grid;
      place-items: center;
      width: 2.8rem;
      height: 2.8rem;
      margin: 0 0 -2.8rem auto;
      padding: 0;
      border: 1px solid var(--border);
      background: color-mix(in srgb, var(--surface) 82%, transparent);
      color: var(--fg);
      border-radius: 50%;
      font: 300 1.7rem/1 Arial, sans-serif;
      cursor: pointer;
      
    }

    .starting-points {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(1.5rem, 4vw, 4rem);
    }

    .starting-point {
      padding-top: 1.1rem;
      border-top: 1px solid var(--border);
    }

    .starting-point .number {
      display: block;
      margin-bottom: 1.2rem;
      color: var(--accent);
      font: 500 .72rem/1 var(--font-mono);
      letter-spacing: .12em;
    }

    .cta-band {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(260px, .55fr);
      gap: clamp(2rem, 6vw, 6rem);
      align-items: end;
      padding: clamp(2rem, 5vw, 4rem) 0;
      border-block: 1px solid var(--border-soft);
    }

    .cta-aside {
      color: var(--muted);
    }

    .cta-aside strong {
      display: block;
      margin-bottom: .6rem;
      color: var(--fg);
    }

    @media (max-width: 900px) {
      .editorial-intro,
      .cta-band,
      .starting-points {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 720px) {
      .solution-gallery {
        grid-template-columns: 1fr;
      }

      .breakout-visual {
        width: calc(100vw - 1rem);
      }

      .media-lightbox__panel {
        width: 96vw;
        margin-top: 4.5rem;
      }
    }

    .page-solutions .hero {
      display: grid;
      align-items: end;
      min-height: clamp(620px, 78vh, 820px) !important;
      padding: clamp(8rem, 17vh, 12rem) 0 clamp(3rem, 7vw, 6rem) !important;
      background-image: url("assets/solutions-wide_1.png") !important;
      background-position: center !important;
      background-size: cover !important;
    }

    .page-solutions .hero::before,
    .page-solutions .hero::after { display: none !important; }

    @media (max-width: 640px) {
      .page-solutions .hero { min-height: 680px !important; background-position: 58% center !important; }
    }

/* --- licensing.html --- */
.page-licensing .hero {
      position: relative;
      display: grid;
      align-items: end;
      min-height: clamp(560px, 70vh, 760px) !important;
      padding: clamp(5.75rem, 11vh, 8rem) 0 clamp(2.5rem, 5vw, 4.5rem) !important;
      background-image: url("assets/about-wide_1.png") !important;
      background-position: center !important;
      background-size: cover !important;
      border-bottom: 1px solid var(--border);
    }

    .page-licensing .hero::before,
    .page-licensing .hero::after {
      display: none !important;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(320px, .62fr);
      gap: clamp(2rem, 6vw, 6rem);
      align-items: end;
    }

    .hero-copy {
      max-width: 690px;
    }

    .page-licensing .hero .hero-kicker {
      margin: 0 0 .55rem;
      max-width: 58ch;
      font-size: clamp(.66rem, .8vw, .74rem);
      line-height: 1.25;
      letter-spacing: .12em;
    }

    .page-licensing .hero h1 {
      max-width: 10ch;
      margin-bottom: .65rem;
      font-size: clamp(3.15rem, 7vw, 6rem);
      line-height: .92;
    }

    .page-licensing .hero .lead {
      color: var(--fg-2);
      font-size: clamp(1.05rem, 1.8vw, 1.3rem);
    }

    .hero-note {
      max-width: 57ch;
      margin: 1rem 0 0;
      color: var(--muted);
    }

    .hero-tags {
      display: flex;
      flex-wrap: wrap;
      gap: .45rem;
      margin-top: 1rem;
    }

    .tag {
      display: inline-flex;
      align-items: center;
      padding: .35rem .7rem;
      border: 1px solid var(--border);
      border-radius: 999px;
      background: var(--surface);
      color: var(--fg-2);
      font-size: .82rem;
    }

    .hero-panel {
      padding: clamp(1.5rem, 3vw, 2.25rem);
      border: 1px solid var(--border-soft);
      border-radius: 0;
      background: var(--surface);

    }

    .panel-kicker,
    .section-kicker {
      margin: 0 0 1rem;
      color: var(--accent);
      font: 600 .72rem/1.4 var(--font-mono);
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .hero-panel h2 {
      font-size: clamp(1.5rem, 2.8vw, 2.3rem);
      margin-bottom: .6rem;
    }

    .hero-panel p {
      margin: 0;
      color: var(--muted);
    }

    .signal-list {
      display: grid;
      gap: .8rem;
      margin-top: 1.2rem;
      padding-top: 1rem;
      border-top: 1px solid var(--border-soft);
    }

    .signal-row {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: .8rem;
      align-items: start;
    }

    .signal-row strong {
      display: block;
      margin-bottom: .15rem;
      color: var(--fg);
      font-size: .98rem;
    }

    .signal-row span {
      display: block;
      color: var(--muted);
      font-size: .92rem;
    }

    .signal-mark {
      display: grid;
      place-items: center;
      width: 2.3rem;
      aspect-ratio: 1;
      border-radius: .75rem;
      color: var(--fg-2);
      background: color-mix(in srgb, var(--accent) 18%, transparent);
      border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--border));
      font: 600 .82rem/1 var(--font-mono);
    }

    .licensing-main {
      padding-bottom: clamp(4rem, 8vw, 7rem);
    }

    .licensing-section {
      padding: clamp(4rem, 8vw, 7rem) 0;
      border-bottom: 1px solid var(--border-soft);
    }

    .editorial-intro,
    .support-split,
    .cta-band {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(2.5rem, 7vw, 7rem);
    }

    .editorial-block,
    .support-block,
    .document-group {
      position: relative;
      padding-top: 1.2rem;
      border-top: 1px solid var(--border);
    }

    .editorial-block::before,
    .support-block::before,
    .document-group::before {
      content: "";
      position: absolute;
      inset: -1px auto auto 0;
      width: 5rem;
      height: 2px;
      background: linear-gradient(90deg, var(--accent), transparent);
    }

    .editorial-block:last-child::before,
    .support-block:last-child::before,
    .document-group:nth-child(2n)::before {
      background: linear-gradient(90deg, var(--purple), transparent);
    }

    .editorial-block p:last-child,
    .support-block p:last-child {
      margin-bottom: 0;
    }

    .brand-key {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: .55rem 1rem;
      margin-top: 1.6rem;
    }

    .brand-key dt {
      color: var(--fg);
      font: 600 .72rem/1.6 var(--font-mono);
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .brand-key dd {
      margin: 0;
      color: var(--muted);
    }

    .breakout-visual {
      width: min(calc(100vw - 2rem), 1440px);
      margin: 0 0 0 50%;
      transform: translateX(-50%);
    }

    .breakout-visual figcaption {
      width: min(calc(100% - 2rem), var(--max));
      margin: 1rem auto 0;
      color: var(--muted);
      font-size: .95rem;
    }

    .section-head {
      margin-bottom: clamp(2rem, 5vw, 4rem);
    }

    .license-paths {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(1.4rem, 3vw, 3rem);
    }

    .license-path {
      padding-top: 1rem;
      border-top: 1px solid var(--border-soft);
    }

    .license-path span {
      display: block;
      margin-bottom: 1.1rem;
      color: var(--accent);
      font: 500 .72rem/1 var(--font-mono);
      letter-spacing: .13em;
    }

    .license-path p:last-child {
      margin-bottom: 0;
    }

    .document-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(1.5rem, 4vw, 4rem);
    }

    .document-list {
      display: grid;
      gap: .9rem;
      margin-top: 1.4rem;
    }

    .doc-link {
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: .9rem;
      align-items: center;
      padding: .95rem 1rem;
      border: 1px solid var(--border-soft);
      border-radius: 0;
      background: var(--surface);
      color: var(--fg-2);
      transition: background .18s ease, border-color .18s ease, transform .18s ease;
    }

    .doc-link:hover {
      border-color: color-mix(in srgb, var(--accent) 36%, var(--border));
      background: color-mix(in srgb, var(--surface) 82%, var(--accent) 8%);
      transform: translateY(-1px);
    }

    .doc-link strong {
      display: block;
      margin-bottom: .12rem;
      color: var(--fg);
    }

    .doc-link span {
      color: var(--muted);
      font-size: .92rem;
    }

    .doc-link b {
      color: var(--accent);
      font: 600 .8rem/1 var(--font-mono);
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .doc-mark {
      display: grid;
      place-items: center;
      width: 2.3rem;
      aspect-ratio: 1;
      border-radius: .72rem;
      color: var(--fg-2);
      background: color-mix(in srgb, var(--accent) 12%, transparent);
      border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--border));
      font: 600 .8rem/1 var(--font-mono);
    }

    .support-split {
      align-items: start;
    }

    .cta-band {
      align-items: end;
      padding: clamp(2rem, 5vw, 4rem) 0;
      border-block: 1px solid var(--border-soft);
    }

    .cta-band aside {
      padding-top: 1rem;
      border-top: 1px solid var(--border-soft);
      color: var(--muted);
    }

    .cta-band aside strong {
      display: block;
      margin-bottom: .6rem;
      color: var(--fg);
    }

    .footer-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: .75rem 1.5rem;
    }

    @media (max-width: 960px) {
      .hero-grid,
      .editorial-intro,
      .support-split,
      .cta-band,
      .document-grid,
      .license-paths {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 720px) {
      .breakout-visual {
        width: calc(100vw - 1rem);
      }

      .doc-link {
        grid-template-columns: 1fr;
      }

      .doc-link b {
        justify-self: start;
      }
    }

    @media (max-width: 640px) {
      .page-licensing .hero {
        min-height: auto !important;
        padding-top: 5.25rem !important;
        padding-bottom: 3rem !important;
        background-position: 58% center !important;
      }

      .page-licensing .hero .hero-kicker {
        margin-bottom: .45rem;
        font-size: .64rem;
        letter-spacing: .1em;
      }

      .page-licensing .hero h1 {
        font-size: clamp(2.65rem, 14vw, 4.15rem);
      }
    }