@font-face {
  font-family: "Archivo"; font-style: normal; font-weight: 400 600; font-stretch: 100% 125%; font-display: swap;
  src: url("fonts/archivo-latin-wdth100-125-wght400-600.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: block;
  src: url("fonts/instrument-serif-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Space Grotesk"; font-style: normal; font-weight: 700; font-display: block;
  src: url("fonts/space-grotesk-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --signal:       #2F55F5;
  --signal-deep:  #1C3FBF;
  --sapphire:     #1A3790;
  --navy:         #0C1B4D;
  --mist:         #E8ECF7;
  --white:        #FFFFFF;
  --stage:        #EEF1F5;
  --stage-2:      #E3E7EE;
  --ink:          #0F1424;
  --slate:        #4A5163;
  --rule:         #D6DAE1;
  --line-strong:  #7A8194;
  --on-navy-2:    #B3BDDA;
  --on-navy-rule: #2A3A72;
  --sky:          #A9B9EA;
  --bg:          var(--white);
  --surface:     var(--stage);
  --surface-2:   var(--stage-2);
  --fg:          var(--ink);
  --fg-read:     var(--ink);
  --fg-2:        var(--slate);
  --fg-3:        #9AA1B1;
  --hair:        var(--rule);
  --line:        var(--ink);
  --label:       var(--sapphire);
  --link:        var(--sapphire);
  --link-hover:  var(--navy);
  --act:         var(--signal);
  --live:        var(--signal);
  --focus:       var(--signal);
  --underline:   var(--line-strong);
  --dot-off:     var(--line-strong);
  --bezel:       var(--ink);
  --header-bg:   var(--white);
  --footer-bg:   var(--navy);
  --foot-rule:   var(--on-navy-rule);
  --foot-ul:     var(--on-navy-rule);
  --select-bg:   var(--mist);
  --select-fg:   var(--ink);
  --btn-hover:   var(--signal-deep);
  --btn-active:  var(--sapphire);
  --btn2-line:   var(--ink);
  --btn2-press-bg: var(--mist);
  --btn2-press-fg: var(--sapphire);
  --floor:       rgba(15, 20, 36, .16);
  --shadow-device-sm: 0 1px 1px rgba(15, 20, 36, .05), 0 10px 22px -12px rgba(15, 20, 36, .24);
  --font: "Archivo", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --w-voice: 125%;
  --w-state: 106%;
  --w-read:  100%;
  --fs-display:   clamp(2.125rem, 1.15rem + 3.7vw, 4.5rem);
  --fs-h2:        clamp(1.625rem, 1.15rem + 1.55vw, 2.5rem);
  --fs-statement: clamp(1.1875rem, 1.02rem + .62vw, 1.5625rem);
  --fs-lead:      clamp(1.125rem, 1.02rem + .45vw, 1.3125rem);
  --fs-body:      1.0625rem;
  --fs-small:     .875rem;
  --fs-label:     .71875rem;
  --fs-caps:      .78125rem;
  --fs-ui:        .9375rem;
  --fs-button:    1rem;
  --fs-field:     .8125rem;
  --track-display: -.018em;
  --track-h2:      -.014em;
  --track-caps:    .14em;
  --track-label:   .16em;
  --track-ui:      .005em;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px;
  --section: clamp(64px, 6.6vw, 104px);
  --margin:  clamp(16px, 4.6vw, 72px);
  --gutter:  clamp(16px, 2vw, 24px);
  --max:     1200px;
  --r-ctl:  4px;
  --shadow-device:
    0 1px 1px rgba(15, 20, 36, .05),
    0 8px 16px -6px rgba(15, 20, 36, .10),
    0 28px 56px -20px rgba(15, 20, 36, .20),
    0 56px 96px -48px rgba(15, 20, 36, .22);
  --shadow-device-front:
    0 1px 1px rgba(15, 20, 36, .06),
    0 12px 22px -8px rgba(15, 20, 36, .14),
    0 40px 72px -24px rgba(15, 20, 36, .26),
    0 72px 120px -56px rgba(15, 20, 36, .26);
  --ease:       cubic-bezier(.2, 0, 0, 1);
  --ease-out:   cubic-bezier(.16, 1, .3, 1);
  --dur-1:      140ms;
  --dur-2:      220ms;
  --dur-reveal: 760ms;
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 0ms; --dur-2: 0ms; --dur-reveal: 0ms; }
}
.cs-navy {
  color-scheme: dark;
  --navy-raised: #14275F;
  --navy-inset:  #1B3170;
  --navy-floor:  #07112F;
  --sky:         #A9B9EA;
  --signal-lit:  #7D96FF;
  --bg:          var(--navy);
  --surface:     var(--navy-raised);
  --surface-2:   var(--navy-inset);
  --fg:          #FFFFFF;
  --fg-read:     #E6EAF4;
  --fg-2:        var(--on-navy-2);
  --fg-3:        #5D6C9C;
  --hair:        rgba(255, 255, 255, .14);
  --line:        rgba(255, 255, 255, .26);
  --label:       var(--sky);
  --link:        var(--sky);
  --link-hover:  #FFFFFF;
  --act:         var(--sky);
  --live:        var(--signal-lit);
  --focus:       var(--sky);
  --underline:   rgba(255, 255, 255, .38);
  --dot-off:     rgba(255, 255, 255, .40);
  --bezel:       #04081A;
  --header-bg:   var(--navy);
  --footer-bg:   var(--navy-floor);
  --foot-rule:   rgba(255, 255, 255, .12);
  --foot-ul:     rgba(255, 255, 255, .34);
  --select-bg:   var(--signal);
  --select-fg:   #FFFFFF;
  --btn-hover:   var(--signal-deep);
  --btn-active:  var(--sapphire);
  --btn2-line:   rgba(255, 255, 255, .56);
  --btn2-press-bg: rgba(255, 255, 255, .08);
  --btn2-press-fg: #FFFFFF;
  --floor:       rgba(1, 4, 16, .55);
  --shadow-device:
    0 0 0 1px rgba(255, 255, 255, .15),
    0 2px 2px rgba(1, 4, 16, .25),
    0 14px 28px -10px rgba(1, 4, 16, .50),
    0 40px 72px -28px rgba(1, 4, 16, .60);
  --shadow-device-front:
    0 0 0 1px rgba(255, 255, 255, .18),
    0 2px 2px rgba(1, 4, 16, .28),
    0 18px 34px -12px rgba(1, 4, 16, .55),
    0 56px 96px -36px rgba(1, 4, 16, .70);
  --shadow-device-sm: 0 0 0 1px rgba(255, 255, 255, .15), 0 12px 24px -12px rgba(1, 4, 16, .60);
}
html:has(> body.cs) { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html:has(> body.cs) { scroll-behavior: smooth; } }
html:has(> body.cs-navy) { background: #0C1B4D; }
body.cs-navy > .site-footer { box-shadow: 0 600px 0 600px var(--footer-bg); }
.cs-vh { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.es-wm { display: inline-flex; align-items: baseline; line-height: 1; white-space: nowrap; letter-spacing: 0; -webkit-font-smoothing: antialiased; }
.es-wm__elo   { font-family: "Instrument Serif", Georgia, serif; font-style: italic; font-weight: 400; color: #8A7E66; }
.es-wm__speak { font-family: "Space Grotesk", "Helvetica Neue", Arial, sans-serif; font-weight: 700; letter-spacing: -.035em; color: #000000; }
.es-wm--dark .es-wm__elo   { color: #E9E3D5; }
.es-wm--dark .es-wm__speak { color: #FFFFFF; }
.cs-label {
  font-family: var(--font); font-stretch: var(--w-voice); font-weight: 600;
  font-size: var(--fs-label); line-height: 1.3; letter-spacing: var(--track-label);
  text-transform: uppercase; font-variant-numeric: tabular-nums lining-nums;
}
.cs-field {
  font-family: var(--font); font-stretch: 100%; font-weight: 600;
  font-size: var(--fs-field); line-height: 1.35; letter-spacing: .01em;
  text-transform: none; font-variant-numeric: tabular-nums lining-nums;
}
.cs-nw { white-space: nowrap; }
.cs, .cs *, .cs *::before, .cs *::after { box-sizing: border-box; }
body.cs { margin: 0; background: var(--bg); overflow-x: clip; }
.cs {
  color: var(--fg);
  font-family: var(--font); font-stretch: 100%;
  font-size: var(--fs-body); line-height: 1.6;
  font-kerning: normal; font-synthesis: none;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.cs img { display: block; max-width: 100%; height: auto; }
.cs :where(h1, h2, h3, p, ol, ul, dl, dd, figure, blockquote, address) { margin: 0; }
.cs :where(ol, ul) { padding: 0; list-style: none; }
.cs :where(address) { font-style: normal; }
.cs ::selection { background: var(--select-bg); color: var(--select-fg); }
.cs a {
  color: var(--link);
  text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: .24em;
  transition: text-underline-offset var(--dur-1) var(--ease), color var(--dur-1) var(--ease), text-decoration-color var(--dur-1) var(--ease);
}
.cs a:hover { color: var(--link-hover); text-underline-offset: .14em; }
.cs :focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; border-radius: 2px; }
.cs .wrap { width: 100%; max-width: calc(var(--max) + 2 * var(--margin)); margin-inline: auto; padding-inline: var(--margin); }
.cs .skip {
  position: absolute; left: max(var(--margin), calc((100% - var(--max)) / 2)); top: -100px; z-index: 60;
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
  background: var(--fg); color: var(--bg); border-radius: var(--r-ctl);
  font-stretch: 112%; font-weight: 600; font-size: var(--fs-ui); letter-spacing: var(--track-ui); text-decoration: none;
}
.cs .skip:focus { top: 18px; color: var(--bg); }
@media (max-width: 760px) { .cs .skip:focus { top: 10px; } }
.cs [id] { scroll-margin-top: 96px; }
.cs .site-header { position: sticky; top: 0; z-index: 40; background: var(--header-bg); border-bottom: 1px solid var(--hair); container: hdr / inline-size; }
.cs .site-header .wrap { --wm-hdr: 36px; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 80px; padding-inline: clamp(16px, 4.6cqi, 72px); }
.cs .brand { display: inline-flex; align-items: center; min-height: 48px; margin-left: -2px; padding: 0 2px; text-decoration: none; }
.cs .brand .wm {
  display: block; flex: none; max-width: none;
  width: calc(var(--wm-hdr) * var(--wm-w, 4.5916)); height: calc(var(--wm-hdr) * var(--wm-h, .854));
  translate: 0 calc(var(--wm-hdr) * (var(--wm-h, .854) / 2 - .39));
}
.cs .nav ul { display: flex; gap: clamp(20px, 2.6vw, 40px); translate: 0 calc((var(--wm-hdr) - var(--fs-ui)) * .334); }
.cs .nav a {
  display: inline-flex; align-items: center; min-height: 44px;
  font-stretch: 112%; font-weight: 500; font-size: var(--fs-ui); letter-spacing: var(--track-ui);
  color: var(--fg); text-decoration-color: transparent; text-underline-offset: .8em;
}
.cs .nav a:hover { color: var(--act); text-decoration-color: currentColor; text-underline-offset: .45em; }
.cs .nav a[aria-current] { color: var(--act); text-decoration-color: currentColor; text-underline-offset: .45em; }
.cs .menu-btn { display: none; }
@container hdr (max-width: 760px) {
  .cs .site-header .wrap { --wm-hdr: 30px; min-height: 64px; }
  .cs .menu-btn {
    display: inline-flex; align-items: center; gap: 10px; min-height: 44px; min-width: 44px; padding: 0 4px 0 12px; margin-right: -4px;
    translate: 0 calc((var(--wm-hdr) - var(--fs-ui)) * .334);
    background: none; border: 0; border-radius: var(--r-ctl); color: var(--fg); cursor: pointer;
    font: 500 var(--fs-ui)/1 var(--font); font-stretch: 112%; letter-spacing: var(--track-ui);
  }
  .cs .menu-btn .bars { position: relative; width: 18px; height: 9px; }
  .cs .menu-btn .bars::before, .cs .menu-btn .bars::after {
    content: ""; position: absolute; left: 0; right: 0; height: 1.5px; background: currentColor;
    transition: transform var(--dur-2) var(--ease), top var(--dur-2) var(--ease);
  }
  .cs .menu-btn .bars::before { top: 0; }
  .cs .menu-btn .bars::after { top: 7.5px; }
  .cs .menu-btn[aria-expanded="true"] .bars::before { top: 3.75px; transform: rotate(45deg); }
  .cs .menu-btn[aria-expanded="true"] .bars::after { top: 3.75px; transform: rotate(-45deg); }
  .js .cs .nav, .cs.js .nav { position: absolute; left: 0; right: 0; top: calc(100% + 1px); background: var(--header-bg); border-bottom: 1px solid var(--line); display: none; }
  .js .cs .menu-btn[aria-expanded="true"] + .nav, .cs.js .menu-btn[aria-expanded="true"] + .nav { display: block; }
  .cs .nav ul { flex-direction: column; gap: 0; padding: 4px clamp(16px, 4.6cqi, 72px) 20px; translate: none; }
  .cs .nav li + li { border-top: 1px solid var(--hair); }
  .cs .nav a { display: flex; min-height: 56px; margin-inline: -12px; padding-inline: 12px; font-size: 1.0625rem; text-decoration: none; }
  .cs .nav a:focus-visible { outline-offset: -2px; }
  .cs .nav a[aria-current] { text-decoration-line: underline; text-underline-offset: .45em; }
  .no-js .cs .site-header .wrap { flex-wrap: wrap; row-gap: 0; }
  .no-js .cs .menu-btn { display: none; }
  .no-js .cs .nav { flex-basis: 100%; }
  .no-js .cs .nav ul { flex-direction: row; flex-wrap: wrap; gap: 0 24px; padding: 0 0 8px; }
  .no-js .cs .nav li + li { border-top: 0; }
  .no-js .cs .nav a { min-height: 44px; margin-inline: 0; padding-inline: 0; font-size: var(--fs-ui); }
}
@media (max-width: 760px) { .no-js .cs .site-header { position: static; } }
@container hdr (max-width: 300px) {
  .cs .menu-btn .label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .cs .menu-btn { padding-inline: 12px; translate: none; }
}
.cs .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 28px;
  font-family: var(--font); font-stretch: 112%; font-weight: 600; font-size: var(--fs-button); letter-spacing: var(--track-ui);
  text-decoration: none; line-height: 1; text-align: center; white-space: nowrap;
  border: 1px solid transparent; border-radius: var(--r-ctl); cursor: pointer;
  transition: background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
}
.cs .btn svg { width: 12px; height: 12px; flex: none; }
.cs .btn--primary { background: var(--signal); color: #FFFFFF; }
.cs .btn--primary:hover { background: var(--btn-hover); color: #FFFFFF; }
.cs .btn--primary:active { background: var(--btn-active); color: #FFFFFF; }
.cs .btn--secondary { background: transparent; color: var(--fg); border-color: var(--btn2-line); }
.cs .btn--secondary:hover { color: var(--act); border-color: var(--act); }
.cs .btn--secondary:active { background: var(--btn2-press-bg); color: var(--btn2-press-fg); border-color: var(--btn2-press-fg); }
.cs .btn--sm { min-height: 44px; padding: 0 16px 0 14px; }
.cs .btn--secondary:focus-visible { border-color: var(--focus); }
.cs .textlink {
  display: inline-flex; align-items: center; min-height: 52px; padding-inline: 4px;
  font-stretch: 112%; font-weight: 600; font-size: var(--fs-button); letter-spacing: var(--track-ui); line-height: 1;
  color: var(--fg); text-decoration-color: var(--fg); text-underline-offset: .5em;
}
.cs .textlink:hover { color: var(--act); text-decoration-color: currentColor; text-underline-offset: .32em; }
.cs .caprule { display: flex; align-items: center; gap: clamp(14px, 1.6vw, 20px); color: var(--label); white-space: nowrap; }
.cs .caprule::before, .cs .caprule::after { content: ""; flex: 1 1 0; min-width: 12px; height: 1px; background: var(--line); }
.cs .caprule .sep { display: inline-block; margin-inline: .3em; color: var(--fg-2); }
.cs .hero { padding-top: clamp(28px, 2.5vw, 36px); text-align: center; }
.cs .caprule--head { margin-bottom: clamp(24px, 2.2vw, 30px); }
.cs .hero h1 {
  max-width: 11.5em; margin-inline: auto;
  font-stretch: var(--w-voice); font-weight: 500; font-size: clamp(2.125rem, 1.15rem + 3.25vw, 4.125rem); line-height: 1.06; letter-spacing: var(--track-display);
  text-wrap: balance;
}
.cs .hero .lead {
  max-width: 35em; margin: clamp(20px, 1.8vw, 26px) auto 0;
  font-stretch: var(--w-state); font-size: var(--fs-lead); line-height: 1.5; color: var(--fg); text-wrap: balance;
}
.cs .hero .lead__short { display: none; }
.cs .hero--inner h1 { max-width: 14em; font-size: clamp(2rem, 1.2rem + 2.5vw, 3.5rem); }
.cs .hero--inner .lead { max-width: 33em; }
.cs .hero--inner .facts-reg__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 960px; margin-inline: auto; }
@media (max-width: 1023.98px) { .cs .hero--inner .facts-reg__grid { grid-template-columns: 1fr; max-width: 560px; } }
@media (max-width: 480px) {
  .cs .hero--inner .facts-reg__grid { grid-template-columns: minmax(0, 1fr); }
  .cs .hero--inner .facts-reg__grid > div:nth-last-child(2) { border-bottom: 1px solid var(--hair); }
}
.cs .actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 28px; margin-top: clamp(22px, 2vw, 28px); }
.cs .hero__plinth { margin-top: clamp(32px, 2.8vw, 40px); padding-block: clamp(20px, 1.8vw, 26px) clamp(16px, 1.4vw, 20px); background: var(--surface); }
.cs .facts-reg__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--gutter); }
.cs .facts-reg__grid > div { padding: 16px 0 4px; }
.cs .facts-reg dt { color: var(--fg-2); margin-bottom: 6px; }
.cs .facts-reg dd { font-size: 16px; line-height: 1.45; text-wrap: balance; }
.cs .facts-reg dd a { color: var(--fg); text-decoration-color: var(--underline); }
.cs .facts-reg dd a, .cs .rfacts dd > a { position: relative; }
.cs .facts-reg dd a::before, .cs .rfacts dd > a::before { content: ""; position: absolute; inset: -11px -4px; }
.cs .facts-reg dd a:hover { color: var(--act); text-decoration-color: currentColor; }
.cs .facts-reg dd.is-live::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--live); vertical-align: .1em; }
@media (max-width: 1023.98px) { .cs .facts-reg dd.is-live { padding-left: 16px; text-indent: -16px; } }
.cs .sec { padding-block: var(--section); }
.cs .sec--gray { background: var(--surface); }
.cs .sec--products { padding-block: clamp(28px, 2.3vw, 34px) clamp(56px, 5vw, 72px); }
.cs .sec--products > .wrap > .caprule { margin-bottom: clamp(4px, .6vw, 8px); }
.cs .sec--products + .sec--gray { padding-top: clamp(56px, 5vw, 72px); }
.cs .shead { text-align: center; }
.cs .shead .caprule { margin-bottom: clamp(26px, 2.8vw, 38px); }
.cs .shead__t {
  max-width: 20em; margin-inline: auto;
  font-stretch: var(--w-voice); font-weight: 500; font-size: var(--fs-h2); line-height: 1.12; letter-spacing: var(--track-h2); color: var(--fg);
  text-wrap: balance;
}
.cs .shead__note { max-width: 36em; margin: 16px auto 0; font-size: var(--fs-body); line-height: 1.6; color: var(--fg-2); text-wrap: balance; }
.cs .shead__note + .shead__note { margin-top: 10px; }
.cs .sec__body { margin-top: clamp(36px, 4vw, 56px); }
.cs .record { background: var(--bg); border-top: 1px solid var(--line); }
.cs .sec--products .record { border-top: 0; }
.cs .record__strip {
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 24px;
  padding: 12px 0 13px; border-bottom: 1px solid var(--hair); color: var(--fg-2);
}
.cs .record__id { font-stretch: 112%; font-weight: 600; font-size: var(--fs-ui); letter-spacing: var(--track-ui); font-variant-numeric: tabular-nums lining-nums; }
.cs .record__strip .no { color: var(--label); }
.cs .record__strip .sep { display: inline-block; margin-inline: .6em; color: var(--fg-3); }
.cs .record__strip .name { color: var(--fg); }
.cs .record__status { display: inline-flex; align-items: center; flex-wrap: wrap; font-stretch: 100%; font-weight: 500; font-size: 14px; letter-spacing: .01em; text-transform: none; color: var(--fg-2); }
.cs .record__status .sep { margin-inline: .5em; }
.cs .record__status::before { content: ""; width: 7px; height: 7px; margin-right: 10px; border-radius: 50%; background: var(--live); flex: none; }
.cs .stage { background: var(--surface); text-align: center; padding: clamp(20px, 1.6vw, 24px) clamp(16px, 3vw, 40px) clamp(24px, 2.2vw, 30px); overflow: hidden; }
.cs .stage__meta { display: inline-flex; align-items: center; gap: 10px; font-stretch: 100%; font-weight: 500; font-size: 14px; line-height: 1.3; letter-spacing: .01em; color: var(--fg-2); }
.cs .stage .es-wm { margin-top: 6px; font-size: clamp(38px, 3.4vw, 48px); }
.cs .stage__line {
  max-width: 34em; margin: 12px auto 0;
  font-stretch: var(--w-state); font-size: clamp(17px, 1.35vw, 19px); line-height: 1.45; color: var(--fg-2); text-wrap: balance;
}
.cs .screens {
  --cap: 64px;
  position: relative; margin: clamp(24px, 2.4vw, 36px) auto 0; padding: 0;
  width: 100%; max-width: 1010px;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1fr);
  gap: clamp(16px, 2.6vw, 36px); align-items: end;
}
.cs .screens::before {
  content: ""; position: absolute; z-index: 0; left: 6%; right: 6%; bottom: calc(var(--cap) - 10px); height: 20px;
  border-radius: 50%; background: var(--floor); filter: blur(14px);
}
.cs .screens li { position: relative; z-index: 1; }
.cs .screens li:nth-child(2) { z-index: 2; }
.cs .screens li:nth-child(2) .device { box-shadow: var(--shadow-device-front); }
.cs .screens figcaption { height: calc(var(--cap) - 20px); margin-top: 20px; font-size: 14px; line-height: 1.45; color: var(--fg-2); }
.cs .screens figcaption b { display: block; font-stretch: 112%; font-weight: 600; font-size: var(--fs-ui); letter-spacing: var(--track-ui); color: var(--fg); margin-bottom: 1px; }
.cs .stage__caption { margin-top: 14px; font-size: 13px; color: var(--fg-2); }
.cs .screens__cue { display: none; }
.cs .device { position: relative; padding: 2.4%; background: var(--bezel); border-radius: 14.8% / 6.9%; box-shadow: var(--shadow-device); }
.cs .device picture { display: block; }
.cs .device img { width: 100%; aspect-ratio: 660 / 1434; border-radius: 13% / 6%; background: var(--surface-2); }
.cs .record__body { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); row-gap: 32px; padding-top: clamp(36px, 4vw, 56px); }
.cs .record__about { grid-column: 1 / span 6; }
.cs .record__statement { font-stretch: var(--w-state); font-size: var(--fs-statement); line-height: 1.42; letter-spacing: -.006em; color: var(--fg); text-wrap: balance; max-width: 24.5em; }
.cs .record__more { margin-top: 18px; max-width: 36em; color: var(--fg-2); text-wrap: pretty; }
.cs .record__more b { color: var(--fg); font-weight: 600; }
.cs .record__go { margin: 14px 0 0 -4px; }
.cs .rfacts { grid-column: 7 / span 6; border-top: 1px solid var(--line); }
.cs .rfacts > div { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr); gap: 4px 16px; align-items: baseline; padding: 12px 0 11px; border-bottom: 1px solid var(--hair); }
.cs .rfacts dt { color: var(--fg-2); }
.cs .rfacts dd { font-size: 15.5px; line-height: 1.5; text-wrap: pretty; }
.cs .rfacts > div:last-child { border-bottom: 0; }
.cs .record__foot {
  grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 40px;
  padding: 22px 0 0; border-top: 1px solid var(--hair);
}
.cs .disclaimer { max-width: 60ch; font-size: var(--fs-small); line-height: 1.55; color: var(--fg-2); text-wrap: pretty; }
.cs .commit { border-top: 1px solid var(--hair); }
.cs .commit li { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); align-items: baseline; padding: clamp(24px, 2.4vw, 32px) 0; border-bottom: 1px solid var(--hair); }
.cs .commit__no { grid-column: 1; color: var(--label); font-stretch: 125%; font-weight: 600; font-size: var(--fs-caps); letter-spacing: .14em; font-variant-numeric: tabular-nums lining-nums; }
.cs .commit__t { grid-column: 2 / span 3; font-stretch: 112%; font-weight: 600; font-size: 1.0625rem; line-height: 1.35; letter-spacing: var(--track-ui); color: var(--fg); }
.cs .commit__body { grid-column: 5 / span 8; max-width: 34em; }
.cs .commit__body > p:first-child {
  font-stretch: var(--w-state); font-size: var(--fs-statement); line-height: 1.42; letter-spacing: -.006em; color: var(--fg); text-wrap: pretty;
}
.cs .commit__ev { margin-top: 12px; font-size: 15px; line-height: 1.55; color: var(--fg-2); text-wrap: pretty; }
.cs .commit__ev b { display: block; margin-bottom: 2px; font-weight: 600; font-size: var(--fs-field); letter-spacing: .01em; color: var(--label); }
.cs .name { text-align: center; }
.cs .name .caprule { max-width: 760px; margin-inline: auto; }
.cs .name__word {
  margin-top: clamp(32px, 3.6vw, 48px);
  font-stretch: var(--w-state); font-weight: 500; font-size: clamp(64px, 6.2vw, 88px); line-height: 1; letter-spacing: -.01em;
  color: var(--fg);
}
.cs .name__pron { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: clamp(24px, 2.6vw, 36px); }
.cs .pron-ctl { display: inline-flex; align-items: stretch; border: 1px solid var(--line); border-radius: var(--r-ctl); background: var(--bg); overflow: hidden; }
.cs .pron { display: inline-flex; align-items: stretch; }
.cs .pron__ipa { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px 0 16px; font-size: 18px; font-weight: 500; letter-spacing: .02em; color: var(--fg); }
.cs .pron__say { display: inline-flex; align-items: center; gap: .45em; padding: 0 16px 0 14px; border-left: 1px solid var(--hair); color: var(--fg-2); font-size: 15px; }
.cs .pron__say b { color: var(--fg); font-stretch: 125%; font-weight: 600; font-size: 16px; letter-spacing: 0; }
.cs .pron-ctl .hear { min-height: 44px; border: 0; border-left: 1px solid var(--hair); border-radius: 0; }
.cs .pron-ctl .hear svg { color: var(--act); }
.cs .pron-ctl .hear:hover, .cs .pron-ctl .hear.is-playing { background: var(--btn2-press-bg); color: var(--act); border-color: var(--hair); }
.cs .pron-ctl .hear:active { border-color: var(--hair); }
.cs .pron-ctl .hear:focus-visible { outline-offset: -3px; }
.cs .hear svg { width: 16px; height: 16px; }
.cs .hear[hidden] { display: none; }
.cs .hear__credit { max-width: 36em; margin: 12px auto 0; font-size: 13px; line-height: 1.55; color: var(--fg-2); text-wrap: balance; }
.no-js .cs .hear, .no-js .cs .hear__credit { display: none; }
.cs .name__note {
  max-width: 30em; margin: clamp(28px, 3vw, 40px) auto 0;
  font-stretch: var(--w-state); font-size: clamp(1.1875rem, 1.05rem + .55vw, 1.5rem); line-height: 1.6; color: var(--fg); text-wrap: pretty;
}
.cs .name__syl { display: flex; justify-content: center; align-items: baseline; gap: .5em; margin-top: 26px; font-stretch: 125%; font-size: 15px; letter-spacing: .06em; color: var(--fg-2); }
.cs .name__syl b { color: var(--fg); font-weight: 600; }
.cs .name__syl i { font-style: normal; color: var(--fg-3); }
.cs .name__note b { font-weight: 600; }
.cs .name__mission {
  max-width: 31em; margin: clamp(26px, 2.8vw, 36px) auto 0; padding-top: clamp(22px, 2.4vw, 30px);
  font-stretch: var(--w-state); font-size: clamp(1.0625rem, .98rem + .3vw, 1.1875rem); line-height: 1.6; color: var(--fg-2); text-wrap: pretty;
}
.cs .name__mission::before { content: ""; display: block; width: 64px; height: 1px; margin: calc(-1 * clamp(22px, 2.4vw, 30px)) auto clamp(22px, 2.4vw, 30px); background: var(--line); }
.cs .sec__go { margin-top: 12px; text-align: center; }
.cs .sec--compact { padding-block: clamp(56px, 5.6vw, 88px); }
.cs .name + .sec--compact { padding-top: 0; }
.cs .corr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--gutter); margin-top: clamp(32px, 3.4vw, 44px); border-top: 1px solid var(--hair); }
.cs .corr > div { padding: 24px 0 4px; }
.cs .corr > div + div { padding-left: var(--gutter); border-left: 1px solid var(--hair); }
.cs .corr dt { color: var(--fg-2); margin-bottom: 12px; }
.cs .corr dd { font-size: 16px; line-height: 1.6; }
.cs .corr dd + dd { margin-top: 10px; }
.cs .corr .muted { color: var(--fg-2); font-size: 14px; }
.cs .corr dd > a { display: inline-flex; align-items: center; min-height: 44px; margin-block: -10px; overflow-wrap: anywhere; }
.cs .cs-br { display: block; }
.cs .site-footer { --foot-air: clamp(48px, 5vw, 72px); --foot-wm: 60px; background: var(--footer-bg); color: #FFFFFF; padding-top: var(--foot-air); text-align: center; }
.cs-navy .site-footer { border-top: 1px solid rgba(255, 255, 255, .10); }
.cs .site-footer :focus-visible { outline-color: var(--sky); }
.cs .site-footer a { color: #FFFFFF; text-decoration-color: var(--foot-ul); }
.cs .site-footer a:hover { color: #FFFFFF; text-decoration-color: #FFFFFF; }
.cs .site-footer a[aria-current] { font-weight: 600; text-decoration-color: #FFFFFF; }
.cs .foot__mark { display: flex; justify-content: center; }
.cs .foot__mark .wm { display: block; max-width: none; width: calc(var(--foot-wm) * 1.876); height: calc(var(--foot-wm) * 1.3378); margin-top: calc(var(--foot-wm) * -.038); }
.cs .foot__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--foot-air); border-top: 1px solid var(--foot-rule); }
.cs .foot__col { padding: 28px 16px 8px; }
.cs .foot__col + .foot__col { border-left: 1px solid var(--foot-rule); }
.cs .foot__col h2 { color: var(--on-navy-2); margin-bottom: 14px; }
.cs .foot__col li { display: flex; justify-content: center; align-items: center; min-height: 44px; }
.cs .foot__col li a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
.cs .foot__addr { padding-block: 10px 6px; font-size: 15px; line-height: 1.6; color: var(--on-navy-2); }
.cs .foot__addr .foot__lead { color: #FFFFFF; }
.cs .foot__col .foot__mail { min-height: 44px; }
.cs .foot__col .foot__mail a { display: inline-flex; align-items: center; min-height: 44px; color: #FFFFFF; overflow-wrap: anywhere; }
.cs .foot__col p { display: flex; justify-content: center; align-items: center; min-height: 44px; font-size: 15px; line-height: 1.4; color: #FFFFFF; }
.cs .foot__col p + p { color: var(--on-navy-2); }
.cs .foot__base {
  display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 8px 28px;
  margin-top: clamp(40px, 4.6vw, 64px); padding-block: 22px 26px; border-top: 1px solid var(--foot-rule);
  font-size: 13px; color: var(--on-navy-2); font-variant-numeric: tabular-nums;
}
.js .cs [data-reveal], .cs.js [data-reveal] { transform: translateY(28px) scale(.975); transform-origin: 50% 100%; }
.js .cs [data-reveal].is-in, .cs.js [data-reveal].is-in { transform: none; transition: transform var(--dur-reveal) var(--ease-out); }
.js .cs [data-reveal].is-now, .cs.js [data-reveal].is-now { transform: none; transition: none; }
@media (max-width: 1100px) {
  .cs .commit__t { grid-column: 2 / span 4; }
  .cs .commit__body { grid-column: 6 / span 7; }
}
@media (min-width: 1024px) and (max-width: 1180px) {
  .cs .record__about { grid-column: 1 / span 6; }
  .cs .rfacts { grid-column: 7 / -1; }
  .cs .rfacts > div { grid-template-columns: 1fr; gap: 2px; }
  .cs .rfacts dt { padding-top: 0; }
}
@media (max-width: 1023.98px) {
  .cs .facts-reg__grid { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; }
  .cs .facts-reg__grid > div { display: grid; grid-template-columns: 8em minmax(0, 1fr); gap: 4px 16px; align-items: baseline; padding: 14px 0; border-left: 0; border-bottom: 1px solid var(--hair); text-align: left; }
  .cs .facts-reg__grid > div:last-child { border-bottom: 0; }
  .cs .facts-reg dt { margin-bottom: 0; }
  .cs .record__about, .cs .rfacts { grid-column: 1 / -1; }
  .cs .rfacts { margin-top: 4px; }
  .cs .commit li { grid-template-columns: 3.5rem minmax(0, 1fr); row-gap: 10px; }
  .cs .commit__no { grid-column: 1; }
  .cs .commit__t { grid-column: 2; }
  .cs .commit__body { grid-column: 2; max-width: 34em; }
}
@media (max-width: 720px) {
  .cs .record__strip { justify-content: flex-start; }
  .cs .corr { grid-template-columns: 1fr; }
  .cs .corr > div, .cs .corr > div + div { padding: 22px 0 14px; border-left: 0; }
  .cs .corr > div + div { border-top: 1px solid var(--hair); }
  .cs .foot__cols { grid-template-columns: 1fr 1fr; }
  .cs .foot__col { padding: 24px 0 20px; }
  .cs .foot__col:first-child { grid-column: 1 / -1; }
  .cs .foot__col + .foot__col { border-left: 0; border-top: 1px solid var(--foot-rule); }
  .cs .foot__col:last-child { border-left: 1px solid var(--foot-rule); }
  .cs .foot__col li a { min-height: 44px; }
  .cs .foot__base { flex-direction: column; align-items: center; }
  .cs .site-footer { --foot-wm: 52px; }
}
@media (max-width: 600px) {
  .cs .cs-br { display: none; }
  .cs .screens {
    display: flex; align-items: flex-end; gap: 14px; max-width: none; width: auto;
    margin-inline: calc(-1 * clamp(16px, 3vw, 40px)); padding: 4px clamp(16px, 3vw, 40px) 14px;
    overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: clamp(16px, 3vw, 40px);
    scrollbar-width: none; text-align: center;
  }
  .cs .screens::-webkit-scrollbar { display: none; }
  .cs .screens::before { display: none; }
  .cs .screens .device, .cs .screens li:nth-child(2) .device { box-shadow: var(--shadow-device-sm); }
  .cs .screens li { flex: 0 0 74%; scroll-snap-align: start; }
  .cs .screens li:nth-child(2) { flex-basis: 76%; }
  .cs .screens:focus-visible { outline-offset: -2px; }
  .cs .screens__cue { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 6px 0 0; font-size: 13px; line-height: 1; color: var(--fg-2); font-variant-numeric: tabular-nums; }
  .cs .screens__dots { display: inline-flex; align-items: center; gap: 6px; }
  .cs .screens__dots i { display: block; width: 6px; height: 6px; border-radius: 3px; background: var(--dot-off); transition: width var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease); }
  .cs .screens__dots i.is-on { width: 18px; background: var(--live); }
  .cs .record .stage { margin-inline: calc(-1 * var(--margin)); padding-inline: var(--margin); }
  .cs .screens { margin-inline: calc(-1 * var(--margin)); padding-inline: var(--margin); scroll-padding-inline: var(--margin); }
  .cs .stage__caption { margin-top: 12px; }
  .cs .record__foot .btn { width: 100%; }
  .cs .rfacts > div { grid-template-columns: 1fr; gap: 2px; }
  .cs .rfacts dt { padding-top: 0; }
}
.cs .cs-br-phone { display: none; }
@media (max-width: 480px) {
  .cs .hero h1 { font-stretch: 112%; font-size: clamp(1.75rem, 8.2vw, 2.125rem); }
  .cs .cs-br-phone { display: inline; }
  .cs .actions { flex-direction: column; gap: 4px; }
  .cs .actions .btn { width: 100%; max-width: 360px; }
  .cs .hero .lead__more { display: none; }
  .cs .hero .lead__short { display: inline; }
  .cs .hero .actions { flex-direction: row; gap: 0 14px; }
  .cs .hero .actions .btn { width: auto; padding-inline: 22px; }
  .cs .hero__plinth { margin-top: 26px; }
  .cs .facts-reg__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; }
  .cs .facts-reg__grid > div, .cs .facts-reg__grid > div:last-child { display: block; padding: 10px 0 11px; border-left: 0; border-bottom: 1px solid var(--hair); }
  .cs .facts-reg__grid > div:nth-last-child(-n+2) { border-bottom: 0; }
  .cs .facts-reg dt { margin-bottom: 2px; }
  .cs .facts-reg dd { font-size: 15px; }
  .cs .record__strip { flex-direction: column; align-items: flex-start; gap: 6px; }
  .cs .commit li { grid-template-columns: 2.75rem minmax(0, 1fr); }
  .cs .pron__ipa { padding-inline: 12px; }
  .cs .pron__say { padding-inline: 12px; }
  .cs .pron-ctl .hear { padding-inline: 12px; }
}
@media (max-width: 360px) {
  .cs .cs-br-phone { display: none; }
  .cs .record__status .sep { display: none; }
  .cs .record__status > .cs-nw + .sep + .cs-nw { flex-basis: 100%; padding-left: 17px; margin-top: 6px; }
  .cs .stage__meta { flex-direction: column; gap: 8px; }
  .cs .btn { padding-inline: 16px; }
  .cs .caprule { gap: 10px; letter-spacing: .12em; }
  .cs .caprule .sep { margin-inline: .2em; }
}
@media (prefers-reduced-motion: reduce) {
  .cs *, .cs *::before, .cs *::after { transition-duration: 0ms !important; animation-duration: 0ms !important; }
  .js .cs [data-reveal], .cs.js [data-reveal] { transform: none; }
}
.cs-navy .nav a[aria-current] { color: var(--fg); text-decoration-color: var(--live); text-decoration-thickness: 2px; }
.cs-navy .nav a[aria-current]:hover { color: var(--act); }
.cs-navy .btn--secondary:hover { color: var(--fg); border-color: var(--fg); background: rgba(255, 255, 255, .05); }
.cs-navy .btn--primary:focus-visible { outline-color: var(--focus); }
@container hdr (max-width: 760px) {
  .js .cs-navy .nav { background: var(--surface); border-bottom-color: var(--hair); box-shadow: 0 28px 40px -24px rgba(1, 4, 16, .7); }
}
.cs-navy .btn--primary:hover,
.cs-navy .btn--primary:active { box-shadow: inset 0 0 0 1px rgba(169, 185, 234, .55); }