/* Accessibility and practical information, within the existing visual identity. */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:100px}
.band--ink,.band--sage,.rcard,.privacy-box,.locator{--stone:#C7BFB0;--gold-text:#E4B879}
.btn--cream:hover{background:var(--gold);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--gold-text);outline-offset:5px}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:var(--ink);color:var(--cream);padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.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}
.hero{padding-top:64px;padding-bottom:72px}
.hero-copy>.eyebrow{margin-bottom:24px}
.hero .claim{margin-top:30px;font-size:clamp(25px,2.8vw,34px)}
.hero .sub{margin-top:18px;font-size:20px;line-height:1.5}
.hero .def{margin-top:24px}
.availability{margin-top:18px;font-size:15px;line-height:1.55;color:var(--sage);max-width:38em}
.hero .actions{margin-top:24px;display:block}
.text-link{display:inline-block;margin-top:18px;font-size:17px;color:var(--sage);text-underline-offset:4px}
.follow-form{gap:10px}
.follow-form .fi{min-width:0;flex:1 1 180px;font-size:16px}
.signup-note{margin-top:12px!important;font-family:var(--sans);font-size:12px!important;line-height:1.6!important;color:var(--stone)!important;max-width:42em}
.signup-note a{text-decoration:underline;text-underline-offset:3px;color:inherit}
.form-status{font-size:16px!important;line-height:1.5!important;margin-top:12px!important}
.form-status:empty{display:none}
.follow-form button:disabled{cursor:wait;opacity:.75}
.nav{align-items:center;gap:22px}
.mobile-nav{display:none;position:relative;font-family:var(--sans);font-size:14px}
.mobile-nav summary{cursor:pointer;padding:10px 6px;min-height:44px;color:var(--sage)}
.mobile-links{position:absolute;top:100%;right:-10px;min-width:230px;max-height:70vh;overflow-y:auto;background:var(--cream);border:1px solid var(--hairline);padding:12px;box-shadow:0 12px 28px #16161418;border-radius:6px}
.mobile-links a{display:block;padding:10px 12px;color:var(--ink);text-decoration:none;min-height:44px}
.mobile-links a:hover{background:#EAE1CE}
.motion-toggle,.reel-toggle{display:block;margin:18px auto 0;border:1px solid var(--hairline);background:transparent;color:var(--sage);padding:10px 14px;min-height:44px;font:13px var(--sans);cursor:pointer;border-radius:6px}
.reel-toggle{margin:0 0 12px auto}
.record-band{border-block:1px solid var(--hairline)}
.record-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:88px;align-items:center}
.record-copy>p:not(.eyebrow){margin-top:24px;max-width:33em}
.source-facts{margin:30px 0;border-top:1px solid var(--hairline)}
.source-facts>div{display:grid;grid-template-columns:155px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--hairline)}
.source-facts dt{font:12px/1.6 var(--sans);color:var(--stone)}
.source-facts dd{margin:0;font-size:16px;line-height:1.5}
.record-note{font-size:14px;line-height:1.6;color:var(--stone)}
.app-capture{margin:0;max-width:300px;justify-self:center}
.app-capture img{display:block;width:100%;height:auto;border:1px solid var(--hairline);border-radius:18px;box-shadow:0 18px 48px #16161420}
.app-capture figcaption{font:12px/1.6 var(--sans);color:var(--stone);margin-top:18px}
.demo-label{font:12px/1.6 var(--sans);color:var(--stone);margin-bottom:14px}
.video-access-note{font:13px/1.6 var(--sans);color:var(--chalk);margin-top:16px;max-width:54em}
.rcard .kind,.rcard .src,.scrub .you .tag,.frame .fl .k,.founder .role{font-size:12px;letter-spacing:.07em}
.rcard .src{text-transform:none;text-underline-offset:4px;line-height:1.5}
.rcard .ago{font-size:14px}
.scrub .cap{min-width:0;flex-basis:180px}
.scrub input[type=range]{min-height:44px;accent-color:var(--gold-text)}
.frame .fl{background:#161614df;padding:4px 7px;border-radius:3px}
.frame .fl .k{color:var(--cream)}
.footer-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:48px;font:14px/1.6 var(--sans)}
.footer-links a{text-underline-offset:5px}
.footmark{margin-top:40px}
@media(max-width:960px){
  .mobile-nav{display:block}
  .nav{gap:14px;padding:10px 20px}
  .nav .cta{font-size:11px;letter-spacing:.06em;padding:12px;min-height:44px}
  .hero-grid{gap:40px}
  .record-grid{gap:44px}
}
@media(max-width:920px){.globewrap{order:0;max-width:280px}.hero{padding-top:36px}.hero-grid{grid-template-columns:1fr}}
@media(max-width:700px){
  .band{padding:64px 0}
  .hero .word{font-size:clamp(52px,13vw,88px)}
  .hero .def{font-size:22px;line-height:1.4}
  .hero .claim{font-size:26px}
  .hero .sub{font-size:18px}
  .hero-copy>.eyebrow{margin-bottom:18px}
  .hero .gram{margin-top:10px}
  .record-grid{grid-template-columns:1fr}
  .app-capture{max-width:280px}
  .source-facts>div{grid-template-columns:1fr;gap:4px}
  .founders{gap:32px}
  .closing{margin-top:64px}
  .follow-form button{flex:1 1 auto}
}
@media(max-width:380px){.nav{gap:10px;padding-inline:16px}.nav .brand{font-size:20px}.wrap{padding-inline:20px}.follow-form .fi{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.reel-toggle{display:none}.reelstrip{animation:none!important}*,*::before,*::after{scroll-behavior:auto!important}}