@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url(/f/pjs-latin.woff2) format('woff2');
}
:root{
  color-scheme:light dark;
  --canvas:#EDF2FA;
  --chrome:#FFFFFF;
  --paper:#FFFFFF;
  --ink:#0A0A0A;
  --slate:#4A5260;
  --mute:#5B6470;
  --hair:#D9E1EC;
  --edge:#C9D6E6;
  --accent:#0A66C2;
  --accent-text:#0A66C2;
  --on-accent:#FFFFFF;
  --tint:#DCEAF8;
  --deep:#084E97;
  --warn:#FBE9CF;
  --warn-text:#7A4A05;
  --scene:#0A1626;          /* dark map/scene world — NR-123 */
  --scene-road:#1C3448;
  --scene-ink:#EAF1FA;
  --band:#050505;           /* the device frame */
  --band-ring:transparent;
  --sel:#CFE2F7;
  --device-lift:0 44px 74px -34px rgba(5,5,5,.44), 0 18px 34px -18px rgba(5,5,5,.30), 0 4px 9px -4px rgba(5,5,5,.20);
  --ink-band:#0A0A0A;
  --ink-band-ink:#FFFFFF;
  --ink-band-slate:#A9AFB8;
  --ink-band-mute:#96969F;
  --ink-band-hair:#26262A;    /* hairlines inside the band */
  --ink-band-edge:#0A0A0A;    /* the band's own top/bottom rule */
  --ink-band-well:#151517;    /* a pressed row inside the band */
  --ink-band-link:#4D9FEE;    /* the accent AS TEXT on ink — #0A66C2 fails here */
  --ink-band-glass:#3A3A40;
  --a-canvas:#EDF2FA; --a-surface:#FFFFFF; --a-well:#E4EBF5;
  --a-hair:#D9E1EC;   --a-edge:#C9D6E6;    --a-ink:#0A0A0A;
  --a-slate:#4A5260;  --a-mute:#5B6470;    --a-accent:#0A66C2;
  --a-accent-text:#0A66C2; --a-tint:#DCEAF8; --a-deep:#084E97;
  --a-chrome:#FFFFFF;
  --a-land:#CFDDEE;   --a-block:#C2D3E8;   --a-road:#F2F6FB; --a-route:#0A66C2;
  --a-warn:#FBE9CF;   --a-warn-text:#7A4A05;
  --a-urgent:#FBDDDD; --a-urgent-text:#8C2020;
  --s1:4px;  --s2:8px;   --s3:12px;  --s4:16px;  --s5:20px;  --s6:24px;
  --s7:32px; --s8:40px;  --s9:56px;  --s10:72px; --s11:96px; --s12:128px;
  --out:cubic-bezier(.23,1,.32,1);
  --arrive:cubic-bezier(.16,1,.3,1);
  --breath:cubic-bezier(.4,0,.6,1);
  --inout:cubic-bezier(.77,0,.175,1);
  --t-12:12px;              /* kicker · chip · micro-label                    */
  --t-13:13px;              /* inside a phone, and the mute disclaimer line   */
  --t-14:14px;              /* fine / provenance                             */
  --t-15:15px;              /* nav links and control labels only             */
  --t-17:17px;              /* body                                          */
  --t-19:19px;              /* deck below 900 · sub-head                     */
  --t-22:22px;              /* deck · caption                                */
  --t-28:28px;              /* sub-head, large                               */
  --t-34:34px;              /* the top of the fixed ladder                   */
  --t-hed:clamp(28px, 3.4vw, 44px);   /* section head — the merit tier       */
  --t-96:96px;              /* STATEMENT — the hero, and the kit's specimen  */
  --measure:68ch;           /* NR-026 — locked inside both sources' ranges */
  --deck-measure:30em;      /* T-1 — a deck is shorter than a paragraph */
  --fine-measure:44em;      /* T-1 — provenance, wider and quieter */
  --nav-h:56px;
  --radius:14px;            /* NR-054 — cards 12–16 */
  --wrap:1180px;
  scrollbar-color:var(--edge) var(--canvas);
}
@media (prefers-color-scheme: dark){
  :root{
    --canvas:#050505;
    --chrome:#141416;
    --paper:#2A2A2E;
    --ink:#FFFFFF;
    --slate:#A9AFB8;
    --mute:#96969F;
    --hair:#43434D;
    --edge:#43434D;
    --accent:#0A66C2;
    --accent-text:#4D9FEE;
    --tint:#091E33;
    --deep:#0A66C2;
    --warn:#3A2A10;
    --warn-text:#F2C88A;
    --band:#050505;
    --band-ring:#43434D;
    --device-lift:none;      /* NR-038 — border OR shadow, never both */
    --sel:#0F3355;
    --ink-band:#2A2A2E;
    --ink-band-ink:#FFFFFF;
    --ink-band-slate:#A9AFB8;
    --ink-band-mute:#96969F;
    --ink-band-hair:#43434D;
    --ink-band-edge:#43434D;
    --ink-band-well:#3A3A40;
    --ink-band-link:#4D9FEE;
    --ink-band-glass:#050505;
    --a-canvas:#050505; --a-surface:#2A2A2E; --a-well:#3A3A40;
    --a-hair:#43434D;   --a-edge:#43434D;    --a-ink:#FFFFFF;
    --a-slate:#A9AFB8;  --a-mute:#96969F;    --a-accent:#0A66C2;
    --a-accent-text:#4D9FEE; --a-tint:#091E33; --a-deep:#0A66C2;
    --a-chrome:#141416;
    --a-land:#0A1626;   --a-block:#0E1E30;   --a-road:#1C3448; --a-route:#4D9FEE;
    --a-warn:#3A2A10;   --a-warn-text:#F2C88A;
    --a-urgent:#3A1616; --a-urgent-text:#F0A0A0;
    scrollbar-color:#3A3A40 #050505;
  }
}
*,*::before,*::after{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto } }
body{
  margin:0;
  background:var(--canvas);
  color:var(--ink);
  font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:var(--t-17);
  line-height:1.5;
  font-size-adjust:from-font;        /* NR-032 — no shift when the face swaps */
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;                 /* containment; overflow itself is fixed at
                                        source, never hidden here (NR-057) */
}
[hidden]{ display:none !important }
::selection{ background:var(--sel); color:var(--ink) }
a{ color:var(--accent-text); text-underline-offset:.18em; text-decoration-thickness:1px }
:focus-visible{ outline:2px solid var(--accent-text); outline-offset:3px; border-radius:3px }
p{ margin:0; text-wrap:pretty }
ul,ol{ margin:0; padding:0; list-style:none }
button{ font:inherit; color:inherit }
svg{ display:block }
img{ max-width:100%; height:auto }
input,select,textarea{
  font:inherit; color:var(--ink);
  background-color:var(--paper);     /* a native <select> without both of these
                                        renders unreadable in Windows dark mode */
}
::placeholder{ color:var(--mute); opacity:1 }
h1,h2,h3,h4{ margin:0; font-weight:600; letter-spacing:-.02em; text-wrap:balance }
.t-display{
  font-size:var(--t-34);
  line-height:1.02; letter-spacing:-.03em;   /* tracking floor is -.04em */
  font-weight:600;
}
@media (min-width:900px){ .t-display{ font-size:var(--t-96) } }
.t-h2{ font-size:var(--t-hed); line-height:1.08; letter-spacing:-.028em; font-weight:700 }
.t-h3{ font-size:var(--t-22); line-height:1.2;  letter-spacing:-.02em; font-weight:700 }
.t-h4{ font-size:var(--t-19); line-height:1.3; letter-spacing:-.015em; font-weight:700 }
.t-body{ font-size:var(--t-17); line-height:1.55; color:var(--slate); max-width:var(--measure) }
.t-small{ font-size:var(--t-14); line-height:1.5; color:var(--mute) }
.t-eyebrow{
  font-size:var(--t-12); line-height:1; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mute);
}
.t-ink{ color:var(--ink) }
b,strong{ font-weight:600 }
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
.skip{
  position:absolute;left:var(--s4);top:-64px;z-index:99;
  background:var(--chrome);color:var(--ink);
  border:1px solid var(--edge);border-radius:10px;
  padding:var(--s3) var(--s4);font-size:var(--t-15);font-weight:500;text-decoration:none;
  transition:top 140ms var(--out);
}
.skip:focus{ top:var(--s3) }
.kicker{
  display:flex; align-items:center; gap:var(--s3);
  margin:0 0 var(--s5);
  font-size:var(--t-12); line-height:1; font-weight:600;
  text-transform:uppercase; letter-spacing:.1em;
  color:var(--mute);
}
.kicker__t{ flex:none }
.kicker__n{ flex:none; color:var(--accent-text) }
.kicker__r{ flex:1 1 auto; height:1px; background:var(--hair) }
.sec--ink .kicker{ color:var(--ink-band-mute) }
.sec--ink .kicker__r{ background:var(--ink-band-hair) }
.hed{
  margin:0;
  font-size:var(--t-hed);
  font-weight:700; line-height:1.08; letter-spacing:-.028em;
  color:var(--ink);
  max-width:16em;
  text-wrap:balance;
}
.hed--sub{ font-size:var(--t-28); line-height:1.2; letter-spacing:-.02em; max-width:22em }
.hed--small{ font-size:var(--t-22); line-height:1.25; letter-spacing:-.018em; max-width:26em }
.deck,
.t-lead{
  margin:0;
  font-size:var(--t-19);
  line-height:1.45; letter-spacing:-.01em;
  color:var(--ink);
  max-width:var(--deck-measure);
}
@media (min-width:900px){
  .deck,
  .t-lead{ font-size:var(--t-22) }
}
.body{
  margin:0;
  font-size:var(--t-17); line-height:1.55;
  color:var(--slate);
  max-width:var(--measure);
}
.body b, .body strong,
.deck b, .deck strong,
.t-lead b, .t-lead strong{ font-weight:600; color:var(--ink) }
.sec--ink .body b, .sec--ink .body strong,
.sec--ink .deck b, .sec--ink .deck strong,
.sec--ink .t-lead b, .sec--ink .t-lead strong{ color:var(--ink-band-ink) }
.fine{
  margin:0;
  font-size:var(--t-14); line-height:1.5;
  color:var(--mute);
  max-width:var(--fine-measure);
}
.num{
  font-weight:600; letter-spacing:0; line-height:1.1;
  color:var(--ink);
  font-variant-numeric:normal;
}
.num--lg{ font-size:var(--t-34) }
.num--md{ font-size:var(--t-28) }
.sec--ink .num{ color:var(--ink-band-ink) }
.cap{
  margin:0;
  font-size:var(--t-22); font-weight:600; line-height:1.2; letter-spacing:-.012em;
  color:var(--ink);
  max-width:22ch;
  text-wrap:pretty;
}
.cap__stamp{
  display:block;
  font-size:var(--t-13); font-weight:600; line-height:1.2; letter-spacing:.06em;
  text-transform:uppercase; color:var(--mute);
  margin:0 0 var(--s2);
}
.sec--ink .cap{ color:var(--ink-band-ink) }
.sec--ink .cap__stamp{ color:var(--ink-band-mute) }
#film .cap,
#filmb .cap,
.film-stage .cap{
  font-size:inherit; font-weight:inherit; line-height:inherit;
  letter-spacing:inherit; color:inherit; max-width:none; text-wrap:wrap;
}
.kicker + .hed{ margin-top:var(--s5) }
.hed + .deck{ margin-top:var(--s4) }
.deck + .body{ margin-top:var(--s6) }
.body + .body{ margin-top:var(--s4) }
.body + .fine{ margin-top:var(--s7) }
.wrap{
  width:min(var(--wrap), 100% - var(--s10));
  margin-inline:auto;
}
@media (max-width:820px){ .wrap{ width:min(var(--wrap), 100% - var(--s8)) } }
@media (max-width:520px){ .wrap{ width:min(var(--wrap), 100% - var(--s6)) } }
.sec{ padding:clamp(72px,9vw,var(--s12)) 0 }
.sec--tight{ padding-top:0 }
:where(section[id], [id].sec, main [id]){ scroll-margin-top:calc(var(--nav-h) + var(--s3)) }
.sechead{ margin-block:0 clamp(32px,4vw,var(--s9)) }
.sechead .t-eyebrow{ margin:0 0 var(--s4) }
.sechead h2{ margin:0 0 var(--s4) }
.rule{ height:1px; background:var(--hair); border:0; margin:0 }
.sec--ink{
  background:var(--ink-band);
  color:var(--ink-band-ink);
  border-top:1px solid var(--ink-band-edge);
  border-bottom:1px solid var(--ink-band-edge);
}
.sec--ink h2{ color:var(--ink-band-ink); letter-spacing:-.024em; line-height:1.12 }
.sec--ink h3,.sec--ink h4,.sec--ink .t-ink,.sec--ink b,.sec--ink strong{ color:var(--ink-band-ink) }
.sec--ink .t-eyebrow{ color:var(--ink-band-mute) }
.sec--ink .t-lead,.sec--ink .deck{ color:var(--ink-band-ink); letter-spacing:.004em; line-height:1.5 }
.sec--ink .t-body{ color:var(--ink-band-slate); letter-spacing:.004em; line-height:1.58 }
.sec--ink .t-small{ color:var(--ink-band-mute); letter-spacing:.004em }
.sec--ink .rule{ background:var(--ink-band-hair) }
.sec--ink a{ color:var(--ink-band-link) }
.sec--ink :focus-visible{ outline-color:var(--ink-band-link) }
.sec--ink ::selection{ background:#123A5E; color:#FFFFFF }
.nav{
  position:sticky;top:0;z-index:50;
  height:var(--nav-h);
  background:var(--chrome);
  border-bottom:1px solid var(--hair);
  padding-left:max(var(--s4), env(safe-area-inset-left));
  padding-right:max(var(--s5), env(safe-area-inset-right));
  display:flex;align-items:center;gap:var(--s6);
  transition:transform 240ms var(--out);
}
html.motion .nav[data-tuck="1"]{ transform:translateY(-100%); transition-duration:200ms }
@media (prefers-reduced-motion: reduce){ .nav{ transition:none } }
.wordmark{
  font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--ink);
  text-decoration:none;white-space:nowrap;
  display:inline-flex;align-items:center;min-height:44px;
}
.navlinks{ display:flex;align-items:center;gap:var(--s1);margin-left:auto }
.navlink{
  display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);
  font-size:15px;font-weight:500;color:var(--slate);text-decoration:none;
  border-radius:8px;
  transition:color 140ms var(--out), background-color 140ms var(--out);
}
@media (hover:hover) and (pointer:fine){
  .navlink:hover{ color:var(--ink); background:color-mix(in srgb, var(--ink) 6%, transparent) }
}
body[data-nav="features"]  .navlink[data-nav="features"],
body[data-nav="one-call"]  .navlink[data-nav="one-call"],
body[data-nav="pricing"]   .navlink[data-nav="pricing"],
body[data-nav="questions"] .navlink[data-nav="questions"]{ color:var(--ink) }
.cta,.btn{
  appearance:none;border:0;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  height:44px;padding:0 var(--s5);border-radius:10px;
  background:var(--accent);color:var(--on-accent);
  font-size:var(--t-17);font-weight:600;letter-spacing:-.005em;white-space:nowrap;
  transition:background-color 140ms var(--out), transform 160ms var(--out);
}
.nav .cta{ height:40px;padding:0 var(--s4) }
@media (hover:hover) and (pointer:fine){ .cta:hover,.btn:hover{ background:var(--deep) } }
.cta:active,.btn:active{ transform:scale(.97) }   /* press feedback, 0.95–0.98 (NR-073) */
.btn--lg{ height:52px;padding:0 var(--s6);font-size:17px }
.btn--quiet{
  background:transparent;color:var(--ink);
  border:1px solid var(--edge);
}
@media (hover:hover) and (pointer:fine){
  .btn--quiet:hover{ background:var(--tint);border-color:var(--tint) }
}
.nav[data-cta="quiet"] .cta{
  background:transparent;color:var(--ink);
  border:1px solid var(--edge);
}
@media (hover:hover) and (pointer:fine){
  .nav[data-cta="quiet"] .cta:hover{ background:var(--tint);border-color:var(--tint) }
}
.btn .arrow{ width:16px;height:16px;flex:none;transition:transform 150ms var(--out) }
@media (hover:hover) and (pointer:fine){ .btn:hover .arrow{ transform:translateX(3px) } }
.burger{
  display:none;appearance:none;background:transparent;border:1px solid var(--edge);
  border-radius:10px;width:44px;height:40px;align-items:center;justify-content:center;
  cursor:pointer;color:var(--ink);margin-left:auto;
}
.sheet{
  position:fixed;inset:0;z-index:60;
  background:var(--canvas);
  flex-direction:column;
  padding:var(--s4) var(--s5) var(--s8);
  padding-top:max(var(--s4), env(safe-area-inset-top));
  display:flex;
  opacity:1;translate:0 0;
  transition:opacity 240ms var(--out), translate 240ms var(--out), display 240ms;
  transition-behavior:allow-discrete;   /* its own line, so older engines keep the rest */
}
.sheet[data-open="false"]{ display:none;opacity:0;translate:0 -10px;transition-duration:160ms }
@starting-style{ .sheet[data-open="true"]{ opacity:0;translate:0 -10px } }
.sheettop{ display:flex;align-items:center;height:var(--nav-h);margin:0 0 var(--s6) }
.sheetclose{
  appearance:none;background:transparent;border:1px solid var(--edge);border-radius:10px;
  width:44px;height:40px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--ink);margin-left:auto;
}
.sheetlink{
  display:flex;align-items:center;min-height:56px;
  font-size:22px;font-weight:500;color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--hair);
}
.sheet .cta{ height:52px;font-size:17px;margin-top:var(--s7) }
@media (max-width:820px){
  .navlinks{ display:none }
  .burger{ display:flex;margin-left:var(--s2);height:44px }
  .nav .cta{ height:44px }
  .nav .cta{ margin-left:auto }
  .nav{ gap:var(--s3) }
}
@media (min-width:821px){ .sheet{ display:none !important } }
.curtain{
  position:fixed;inset:0;z-index:90;
  background:var(--canvas);
  display:flex;align-items:center;justify-content:center;
  transition:opacity 420ms var(--out), visibility 420ms;
  pointer-events:none;
}
.curtain[data-lift="1"]{ opacity:0;visibility:hidden }
.curtainmark{
  display:flex;align-items:baseline;gap:.42ch;
  font-size:var(--t-22);font-weight:600;letter-spacing:-.02em;color:var(--ink);
}
@media (min-width:900px){ .curtainmark{ font-size:var(--t-28) } }
.curtaindot{
  width:.42em;height:.42em;border-radius:50%;background:var(--accent);
  transform:scale(.92);opacity:0;
  transition:transform 320ms var(--arrive), opacity 320ms var(--arrive);
}
.curtain[data-ready="1"] .curtaindot{ transform:scale(1);opacity:1 }
.foot{
  background:var(--chrome);
  border-top:1px solid var(--hair);
  padding:clamp(48px,6vw,var(--s11)) 0 0;
}
.footin{
  width:min(var(--wrap), 100% - var(--s10));margin-inline:auto;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s8) var(--s6);
}
@media (max-width:900px){ .footin{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width:520px){
  .footin{ grid-template-columns:1fr;width:min(var(--wrap), 100% - var(--s6)) }
}
.footcol{ display:flex;flex-direction:column;align-items:flex-start }
.foothead{
  font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--mute);margin:0 0 var(--s3);
}
.footcol a{
  display:inline-flex;align-items:center;min-height:32px;
  font-size:var(--t-15);color:var(--slate);text-decoration:underline;
}
@media (pointer: coarse), (max-width: 820px){
  .footcol a{ min-height:44px }
}
@media (hover:hover) and (pointer:fine){ .footcol a:hover{ color:var(--ink) } }
.footphone{
  font-size:var(--t-22)!important;font-weight:600;
  color:var(--accent-text)!important;min-height:44px!important;
}
.footnote{ font-size:14px;line-height:1.5;color:var(--mute);margin-top:var(--s2);max-width:34ch }
.footbar{
  width:min(var(--wrap), 100% - var(--s10));margin:clamp(40px,5vw,var(--s10)) auto 0;
  border-top:1px solid var(--hair);
  padding:var(--s5) 0 max(var(--s5), env(safe-area-inset-bottom));
  display:flex;flex-wrap:wrap;gap:var(--s4);justify-content:space-between;
  font-size:14px;color:var(--mute);
}
@media (max-width:520px){ .footbar{ width:min(var(--wrap), 100% - var(--s6)) } }
html.motion .rise{ opacity:0;transform:translate3d(0,12px,0) }
html.motion .rise[data-in="1"]{
  opacity:1;transform:none;
  transition:opacity 360ms var(--arrive), transform 360ms var(--arrive);
  transition-delay:calc(var(--i,0) * 70ms);   /* 30–80ms sibling stagger (NR-076) */
}
@media (prefers-reduced-motion: reduce){
  html.motion .rise{ opacity:1;transform:none }
  .curtain{ display:none }
}
.navmenu{ position:relative; display:flex; align-items:center }
.navbtn{
  appearance:none; -webkit-appearance:none;
  background:transparent; border:0; cursor:pointer;
  font:inherit; font-size:var(--t-15); font-weight:500;
  gap:var(--s1);
}
.navchev{
  display:flex; align-items:center; color:var(--mute);
  transition:transform 180ms var(--out), color 140ms var(--out);
}
.navbtn[aria-expanded="true"] .navchev{ transform:rotate(180deg) }
.navbtn[aria-expanded="true"]{ color:var(--ink); background:color-mix(in srgb, var(--ink) 6%, transparent) }
@media (hover:hover) and (pointer:fine){
  .navbtn:hover .navchev{ color:var(--ink) }
}
.navpanel{
  position:absolute;
  top:calc(100% + var(--s2));
  left:0;
  z-index:60;
  min-width:15rem;
  padding:var(--s2);
  background:var(--chrome);
  border:1px solid var(--edge);
  border-radius:12px;
}
.navpanel{
  transition:opacity 140ms var(--out), transform 140ms var(--out);
}
.navpanel[data-open="false"]{ opacity:0; transform:translateY(-4px) }
.navpanel[data-open="true"]{ opacity:1; transform:none }
@media (prefers-reduced-motion: reduce){
  .navpanel{ transition:none }
  .navchev{ transition:none }
}
.navpanellist{ display:flex; flex-direction:column }
.navpanellink{
  display:flex; align-items:center;
  min-height:44px;                    /* NR-094 — a real target, not a text run */
  padding:0 var(--s4);
  border-radius:8px;
  font-size:var(--t-15); font-weight:500; line-height:1.3;
  color:var(--slate); text-decoration:none; white-space:nowrap;
  transition:color 140ms var(--out), background-color 140ms var(--out);
}
@media (hover:hover) and (pointer:fine){
  .navpanellink:hover{ color:var(--ink); background:color-mix(in srgb, var(--ink) 6%, transparent) }
}
.navpanellink:focus-visible{ outline:2px solid var(--accent-text); outline-offset:-2px }
.navpanelend{ margin-top:var(--s2); padding-top:var(--s2); border-top:1px solid var(--hair) }
body[data-nav="features"] .navpanellink[aria-current="page"]{ color:var(--ink) }
.sheetsub{ display:flex; flex-direction:column; padding-left:var(--s5) }
.sheetsublink{
  display:flex; align-items:center; min-height:48px;
  font-size:var(--t-17); font-weight:400; color:var(--slate); text-decoration:none;
  border-bottom:1px solid var(--hair);
}
.sheetsub li:last-child .sheetsublink{ border-bottom:1px solid var(--hair) }
@media (hover:hover) and (pointer:fine){ .sheetsublink:hover{ color:var(--ink) } }
@media (max-width:820px){
  .navpanel{ display:none }
}
.eglayer{
  position:absolute; inset:0;
  pointer-events:none;
  z-index:6;
  color:var(--accent-text);
}
.eg{ position:absolute; inset:0; pointer-events:none }
.egring{
  position:absolute;
  display:block;
}
.egringsvg{ display:block; width:100%; height:100%; overflow:visible }
.egringp{
  stroke-dasharray:100;
  stroke-dashoffset:100;
  will-change:stroke-dashoffset;
}
.egarm{
  position:absolute; left:0; top:0;
  transform-origin:0 10px;
  height:20px;
  color:var(--slate);
}
.eg[data-lead="0"] .egarm{ display:none }
.egarmin{
  display:block;
  opacity:0;
  will-change:opacity;
}
.egleadline,.egleadtick{ stroke-dasharray:100; stroke-dashoffset:100 }
.egbub{
  position:absolute;
  transform:translateY(-50%);
  max-width:250px;
}
.eg[data-side="below"] .egbub,
.eg[data-side="above"] .egbub{ transform:none }
.egbubin{
  margin:0; padding:10px 13px;
  background:var(--paper);
  border:1px solid var(--edge);
  border-radius:12px;
  display:flex; flex-direction:column; gap:2px;
  opacity:0;
  will-change:transform,opacity;
}
.eg[data-side="below"] .egbubin,
.eg[data-side="above"] .egbubin{ border-color:color-mix(in srgb, var(--ink) 22%, transparent) }
.egnote{
  margin:0; font-size:var(--t-12); line-height:1.3; color:var(--mute);
  text-wrap:pretty;
}
.egtext{
  margin:0; font-size:var(--t-15); line-height:1.32; font-weight:600; color:var(--ink);
  text-wrap:pretty;
}
.eg[data-side="left"]  .egbubin{ transform:translate3d(10px,0,0) }
.eg[data-side="right"] .egbubin{ transform:translate3d(-10px,0,0) }
.eg[data-side="below"] .egbubin{ transform:translate3d(0,-8px,0) }
.eg[data-side="above"] .egbubin{ transform:translate3d(0,8px,0) }
html.motion .eg[data-in="1"] .egringp{
  stroke-dashoffset:0;
  transition:stroke-dashoffset var(--egdraw,460ms) var(--out);
}
html.motion .eg[data-in="1"] .egarmin{
  opacity:1;
  transition:opacity 120ms linear calc(var(--egdraw,460ms) * .5);
}
html.motion .eg[data-in="1"] .egleadline{
  stroke-dashoffset:0;
  transition:stroke-dashoffset 200ms var(--out) calc(var(--egdraw,460ms) * .5);
}
html.motion .eg[data-in="1"] .egleadtick{
  stroke-dashoffset:0;
  transition:stroke-dashoffset 120ms var(--out) calc(var(--egdraw,460ms) * .5 + 160ms);
}
html.motion .eg[data-in="1"] .egbubin{
  opacity:1; transform:none;
  transition:opacity 90ms linear calc(var(--egdraw,460ms) * .72),
             transform 230ms var(--out) calc(var(--egdraw,460ms) * .72);
}
html.motion .eg[data-out="1"] .egringsvg,
html.motion .eg[data-out="1"] .egarmin,
html.motion .eg[data-out="1"] .egbubin{
  opacity:0;
  transition:opacity 200ms var(--out);
}
html.motion .eg[data-out="1"] .egringp,
html.motion .eg[data-out="1"] .egleadline,
html.motion .eg[data-out="1"] .egleadtick{ stroke-dashoffset:0 }
html.motion .eg[data-out="1"] .egbubin{ transform:none }
html:not(.motion) .eg[data-in="1"] .egringp,
html:not(.motion) .eg[data-in="1"] .egleadline,
html:not(.motion) .eg[data-in="1"] .egleadtick{ stroke-dashoffset:0 }
html:not(.motion) .eg[data-in="1"] .egarmin{ opacity:1 }
html:not(.motion) .eg[data-in="1"] .egbubin{ opacity:1; transform:none }
.egsrc{ display:flex; flex-direction:column; gap:var(--s2); margin:var(--s4) 0 0 }
.egsrc li{ font-size:15px; line-height:1.4; color:var(--slate) }
.egsrc li b{ font-weight:600; color:var(--ink) }
.egsrc[data-promoted="1"]{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
@media (max-width:900px){
  .egbub{ max-width:min(74vw, 260px) }
  .egnote{ font-size:12px }
  .egtext{ font-size:14px }
}
.phone{
  --k:1;
  --sw:calc(390px * var(--k));
  --sh:calc(844px * var(--k));
  --bez:calc(13px * var(--k));
  position:relative;flex:none;
  width:calc(var(--sw) + var(--bez)*2);
  height:calc(var(--sh) + var(--bez)*2);
  padding:var(--bez);
  background:var(--band);
  border-radius:calc(52px * var(--k));
  box-shadow:var(--device-lift);
  outline:1px solid var(--band-ring);
  outline-offset:-1px;
}
.phone::before,.phone::after{
  content:"";position:absolute;right:calc(-3px * var(--k));
  width:calc(3px * var(--k));height:8%;border-radius:3px;background:var(--band);
}
.phone::before{ top:22% }
.phone::after{ top:33% }
.screen{
  position:relative;width:var(--sw);height:var(--sh);
  border-radius:calc(39px * var(--k));overflow:hidden;background:var(--a-canvas);
  isolation:isolate;
}
.screen::after{
  content:"";position:absolute;inset:0;border-radius:calc(39px * var(--k));
  pointer-events:none;z-index:9;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);   /* a ring: zero blur */
}
.phone[inert] *{ cursor:default }
.dom{
  position:absolute;top:0;left:0;width:390px;height:844px;
  transform:scale(var(--k));transform-origin:0 0;
  background:var(--a-canvas);color:var(--a-ink);
  display:flex;flex-direction:column;font-size:17px;line-height:1.5;
}
.statusbar{
  flex:none;height:52px;display:flex;align-items:center;justify-content:space-between;
  padding:14px 26px 0;font-size:15px;font-weight:600;color:var(--a-ink);
}
.sbicons{ display:flex;gap:5px;align-items:center }
.navbar{ flex:none;padding:6px 16px 8px;display:flex;align-items:flex-end;gap:8px;min-height:52px }
.navtitle{ font-size:28px;line-height:1.12;letter-spacing:-.02em;font-weight:600;color:var(--a-ink);margin:0 }
.navback{
  appearance:none;background:transparent;border:0;padding:0;margin:0 4px 4px 0;
  color:var(--a-accent-text);display:flex;align-items:center;cursor:pointer;
}
.abody{ flex:1 1 auto;min-height:0;overflow:hidden;padding:0 16px 8px }
.tabbar{
  flex:none;display:flex;align-items:stretch;
  background:var(--a-chrome);border-top:1px solid var(--a-hair);padding-bottom:22px;
}
.tab{
  flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:9px 0 4px;background:transparent;border:0;cursor:pointer;font:inherit;
  color:var(--a-mute);
}
.tab[aria-current="page"]{ color:var(--a-accent-text) }
.tablabel{ font-size:12px;font-weight:600;letter-spacing:.01em }
.pinbar{ flex:none;background:var(--a-chrome);border-top:1px solid var(--a-hair);padding:10px 16px }
.pinmorn{ display:flex;align-items:center;gap:12px }
.leaveby{ flex:1 1 auto;min-width:0 }
.lb1{ font-size:17px;font-weight:400;color:var(--a-slate);line-height:1.3 }
.lb1 b{ font-weight:600;color:var(--a-ink) }
.lb2{ font-size:14px;font-weight:400;color:var(--a-slate);line-height:1.4 }
.abtn{
  appearance:none;cursor:pointer;font:inherit;
  font-size:16px;font-weight:600;letter-spacing:-.005em;
  padding:0 16px;height:44px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:transparent;color:var(--a-accent-text);border:1px solid var(--a-edge);
}
.abtn--solid{ background:var(--a-accent);color:#fff;border-color:var(--a-accent) }
.todaydate{ font-size:14px;font-weight:400;color:var(--a-slate);margin:-2px 0 14px;padding-left:2px }
.todaydate b{ font-weight:600;color:var(--a-ink) }
.agroup{ margin:0 0 20px }
.grouphead{
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--a-slate);margin:0 0 6px;padding-left:4px;
}
.acard{ background:var(--a-surface);border:1px solid var(--a-hair);border-radius:14px;overflow:hidden }
.acard--pad{ padding:14px }
.next{
  background:var(--a-surface);border:1px solid var(--a-hair);border-radius:14px;
  padding:14px;margin:0 0 12px;position:relative;overflow:hidden;
}
.next::before{ content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--a-accent) }
.nextline{ display:flex;align-items:baseline;gap:8px;margin:0 0 3px }
.nexttime{ font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--a-ink) }
.nextmer{ font-size:14px;font-weight:500;color:var(--a-slate) }
.nextname{ font-size:17px;font-weight:500;color:var(--a-ink);line-height:1.35 }
.nextaddr,.aaddr{
  display:block;font-size:17px;font-weight:400;line-height:1.4;color:var(--a-accent-text);
  text-decoration:none;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 32%,transparent);
  margin:2px 0 0;width:fit-content;cursor:pointer;background:none;
  font-family:inherit;padding:0;text-align:left;
}
.nextnote{ font-size:14px;font-weight:400;color:var(--a-slate);margin:6px 0 0;line-height:1.45 }
.nextnote b{ font-weight:600;color:var(--a-ink) }
.foothint{
  display:flex;align-items:center;gap:8px;width:100%;
  margin:0 0 8px;padding:12px 4px;
  background:transparent;border:0;font:inherit;cursor:pointer;text-align:left;
  font-size:14px;font-weight:400;color:var(--a-slate);
}
.foothint b{ font-weight:600;color:var(--a-ink) }
.jobrow,.arow{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:11px 14px;min-height:56px;
  background:transparent;border:0;border-top:1px solid var(--a-hair);
  font:inherit;text-align:left;color:var(--a-ink);cursor:pointer;
}
.jobrow:first-child,.arow:first-child{ border-top:0 }
.jobtime{
  flex:none;width:64px;
  font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--a-ink);line-height:1.25;
}
.jobtime span{ display:block;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--a-slate) }
.jobmain{ flex:1 1 auto;min-width:0 }
.jobname{ display:block;font-size:17px;font-weight:500;color:var(--a-ink);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.jobsub{ display:block;font-size:14px;font-weight:400;color:var(--a-slate);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.rowchev{ flex:none;margin-left:auto;color:var(--a-mute);display:flex;align-items:center }
.maprail{
  height:74px;border-radius:14px;overflow:hidden;border:1px solid var(--a-hair);
  margin:0 0 12px;background:var(--a-land);
}
.maprail--tall{ height:150px }
.maprail svg{ width:100%;height:100% }
.chip{
  display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;
  border-radius:999px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;
  flex:none;
}
.chip--end{ margin-left:auto }
.chip.blue{ background:var(--a-tint);color:var(--a-accent-text) }
.chip.grey{ background:var(--a-well);color:var(--a-slate) }
.chip.warn{ background:var(--a-warn);color:var(--a-warn-text) }
.chip.red{ background:var(--a-urgent);color:var(--a-urgent-text) }
.thread{ display:flex;flex-direction:column;gap:10px;padding:4px 0 }
.bubble{
  max-width:82%;padding:11px 14px;border-radius:18px;
  font-size:16px;line-height:1.4;
}
.bubble--out{ align-self:flex-end;background:var(--a-accent);color:#fff;border-bottom-right-radius:6px }
.bubble--in{ align-self:flex-start;background:var(--a-well);color:var(--a-ink);border-bottom-left-radius:6px }
.bubble a{ color:inherit;text-decoration:underline }
.bubblestamp{ font-size:12px;color:var(--a-mute);align-self:flex-end }
.turnlist{ display:flex;flex-direction:column;gap:12px }
.turn{ display:flex;flex-direction:column;gap:3px }
.turnwho{ font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--a-mute) }
.turnsaid{ font-size:16px;line-height:1.45;color:var(--a-ink) }
.turnfix{
  font-size:14px;line-height:1.45;color:var(--a-slate);
  border-left:2px solid var(--a-accent);padding-left:10px;margin-top:4px;
}
.turnfix b{ font-weight:600;color:var(--a-ink) }
.hero{
  position:relative;
  height:260svh;
  margin-top:calc(var(--nav-h) * -1);
}
.hero-pin{
  position:sticky;top:0;
  height:100svh;
  overflow:hidden;overflow:clip;
  background:var(--g1, var(--mo-ground));
}
#mo-hero{
  --mo-ground:#FFFFFF;      /* paper */
  --mo-bar:#0A0A0A;         /* ink slab */
  --mo-bar-hair:transparent;
  --mo-ink:#0A0A0A;
  --mo-sub:#4A5260;
  --mo-mute:#5B6470;
  --mo-cross-max:.62;
  --mo-claim-fit:1;         /* 1 in the normal case — the JS safety net below */
  --mo-claim:calc(clamp(2rem, min(8.6vw, 12.4vh), 6rem) * var(--mo-claim-fit));
  --mo-side:clamp(18px, 3.4vw, 46px);
}
@media (prefers-color-scheme: dark){
  #mo-hero{
    --mo-ground:#050505;    /* canvas — Reliable Mix Dark B */
    --mo-bar:#000000;
    --mo-bar-hair:#43434D;  /* in dark the letterbox has to read as A FRAME,
                               not as a black block on black (script §9.1) */
    --mo-ink:#FFFFFF;
    --mo-sub:#A9AFB8;
    --mo-mute:#96969F;
    --mo-cross-max:.70;
  }
}
#mo-hero #film{ background:var(--g1, var(--mo-ground)) }
#mo-hero #film{ --g1:#FFFFFF }
@media (prefers-color-scheme: dark){ #mo-hero #film{ --g1:#131620 } }
[data-theme="dark"] #mo-hero #film{ --g1:#131620 }
[data-theme="light"] #mo-hero #film{ --g1:#FFFFFF }
@media (prefers-color-scheme: dark){
  #mo-hero #film .phone{
    box-shadow:none;
    outline:1px solid var(--band-ring, #43434D);
    outline-offset:-1px;
  }
}
#mo-hero #film .feats .h{
  font-size:clamp(25px,2.6vw,35px);line-height:1.08;letter-spacing:-.03em;
  font-weight:600;color:var(--fink, var(--ink));
}
#mo-hero #film .mo-filmstmt{ visibility:hidden;pointer-events:none }
#mo-hero[data-beat0="1"] #film #furn,
#mo-hero[data-beat0="1"] #film #trans{ opacity:var(--mo-furno, 0) }
#mo-hero #film .mo-capx{ opacity:0 }
#mo-hero[data-regime="exit"] #film .mo-capx{
  opacity:var(--mo-capo, 0);
  transform:translateY(var(--mo-capy, 6px));
}
#mo-hero[data-regime="exit"] #film #capA,
#mo-hero[data-regime="exit"] #film #capB{
  opacity:calc(var(--chyo, 0) * var(--mo-capout, 1));
}
#mo-hero #film #stmt{
  position:absolute;
  inset:0;
  width:auto;
  padding:0;
  transform:none;         /* --stmty is the clip's; it is inert here */
  opacity:1;              /* --stmto likewise */
  z-index:22;
  pointer-events:none;
  text-align:center;
  will-change:auto;
}
#mo-hero .claimcol{
  position:absolute;left:50%;
  top:var(--mo-cs-top, 50%);
  transform:translate3d(-50%,0,0);
  display:flex;flex-direction:column;align-items:center;
  max-width:calc(100% - var(--mo-side) * 2);
}
#mo-hero .claimset{ display:flex;flex-direction:column;align-items:center }
#mo-hero .claimgap{
  flex:none;
  width:var(--mo-gap-w, 1px);
  height:var(--mo-gap-h, 0px);
}
#mo-hero .mo-claim{
  font-size:var(--mo-claim);
  font-weight:600;
  line-height:.84;
  --mo-claim-ls:-.03em;
  letter-spacing:var(--mo-claim-ls);
  color:var(--mo-ink);
  white-space:nowrap;
  text-align:center;
}
@media (prefers-color-scheme: dark){
  #mo-hero .mo-claim{ line-height:.9;--mo-claim-ls:-.025em }
}
#mo-hero #mo-claim-b{
  margin-left:calc((.344em + var(--mo-claim-ls)) / 2);
  margin-right:calc((.344em + var(--mo-claim-ls)) / -2);
}
@media (max-width: 300px){
  #mo-hero #mo-claim-b{ margin-left:0;margin-right:0 }
}
@media (max-width: 820px){
  #mo-hero{ --mo-claim:calc(clamp(1.75rem, min(15vw, 13.5vh), 6rem) * var(--mo-claim-fit)) }
}
@media (max-width: 300px){
  #mo-hero{ --mo-claim:calc(clamp(1.25rem, 13vw, 2.5rem) * var(--mo-claim-fit)) }
  #mo-hero .mo-claim{ white-space:normal;line-height:1.04 }
}
#mo-hero .claimsub{
  margin-top:8px;
  font-size:clamp(13px, 1.25vw, 15.5px);
  line-height:1.35;font-weight:500;
  color:var(--mo-sub);
  text-align:center;max-width:34ch;
}
#mo-hero #film #stmt[data-measure="hero"] .claimcol{
  top:50%;
  transform:translate3d(-50%,-50%,0);
}
#mo-hero #film #stmt[data-measure="hero"] .claimgap{ display:none }
@media (min-width: 821px){
  #mo-hero #film #stmt[data-measure="hero"] .claimset{
    flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center;
    column-gap:calc(var(--mo-claim) * .26);
  }
}
#mo-hero .mo-devmask{
  position:absolute;inset:0;
  z-index:20;
}
#mo-hero[data-beat0="1"] .mo-devmask{
  clip-path:inset(0 0 var(--mo-maskb, 0px) 0);
}
#mo-hero .mo-devrise{
  position:absolute;inset:0;
  perspective:1600px;
  transform:translate3d(0, var(--mo-rise, 0px), 0);
}
html.motion #mo-hero[data-live="1"] .mo-devrise{ will-change:transform }
#mo-hero .mo-cross{
  position:absolute;left:0;right:0;top:0;
  height:var(--mo-cross-h, 0px);
  z-index:21;
  pointer-events:none;
  opacity:calc(var(--mo-cross, 0) * var(--mo-cross-max, .62));
  transform:translate3d(0, var(--mo-cross-y, 0px), 0);
  background:linear-gradient(to bottom,
    transparent 0%,
    var(--mo-ground) 26%,
    var(--mo-ground) 74%,
    transparent 100%);
}
html.motion #mo-hero[data-live="1"] .mo-cross{ will-change:transform,opacity }
#mo-hero:not([data-beat0="1"]) .mo-cross{ display:none }
#mo-hero[data-beat0="1"] #film .devwrap{ opacity:1 }
#mo-hero .mo-cue{
  position:absolute;left:0;right:0;z-index:21;
  bottom:max(20px, env(safe-area-inset-bottom));
  margin:0;
  display:flex;align-items:center;justify-content:center;
  color:var(--mo-mute);
  pointer-events:none;
}
html.motion #mo-hero[data-live="1"] .mo-claim,
html.motion #mo-hero[data-live="1"] .claimsub,
html.motion #mo-hero[data-live="1"] .mo-cue{ will-change:transform }
#mo-hero[data-static="1"]{ height:auto;margin-top:0 }
#mo-hero[data-static="1"] .hero-pin{
  position:static;
  height:auto;
  overflow:visible;
}
#mo-hero[data-static="1"] #film{
  position:relative;inset:auto;
  height:auto;
  padding:0 var(--mo-side) clamp(48px, 7vh, 96px);
  perspective:none;
}
#mo-hero[data-static="1"] #film #stmt{
  position:relative;inset:auto;
  display:flex;align-items:center;justify-content:center;
  min-height:min(calc(100svh - var(--nav-h)), 820px);
}
#mo-hero[data-static="1"] #film .feats{ margin-top:clamp(24px, 5vh, 64px) }
#mo-hero[data-static="1"] .claimcol{
  position:relative;left:auto;top:auto;
  transform:none;
  max-width:100%;
}
#mo-hero[data-static="1"] .claimgap{ display:none }
@media (min-width: 821px){
  #mo-hero[data-static="1"] .claimset{
    flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center;
    column-gap:calc(var(--mo-claim) * .26);
  }
}
#mo-hero[data-static="1"] .claimsub{ margin-top:14px }
#mo-hero[data-static="1"] .mo-devmask,
#mo-hero[data-static="1"] .mo-cross,
#mo-hero[data-static="1"] .mo-cue,
#mo-hero[data-static="1"] #film .rise,
#mo-hero[data-static="1"] #film .furn,
#mo-hero[data-static="1"] #film .trans,
#mo-hero[data-static="1"] #film .ghost,
#mo-hero[data-static="1"] #film .callout{ display:none }
#mo-hero[data-static="1"] #film .feats{
  position:relative;left:auto;top:auto;bottom:auto;
  transform:none;
  width:min(640px, 100%);
  margin-left:auto;margin-right:auto;
  z-index:auto;
  pointer-events:auto;
}
#mo-hero[data-static="1"] #film .feats .lede{ opacity:1;transform:none }
#mo-hero[data-static="1"] #film .feats .frow,
#mo-hero[data-static="1"] #film .feats .fnote{ opacity:1;transform:none }
#mo-hero[data-static="1"] #film .frow .n{ display:none }
#mo-hero[data-static="1"] #film .frow{
  grid-template-columns:1fr;
  box-shadow:none;
}
#mo-hero[data-static="1"] #film a.frow:hover{ box-shadow:none;border-color:var(--accent) }
@media (scripting: none){
  .hero{ height:auto;margin-top:0 }
  .hero-pin{ position:static;height:min(100svh, 760px) }
  #mo-hero .claimcol{ top:50%;transform:translate3d(-50%,-50%,0) }
  #mo-hero .claimgap{ display:none }
  #mo-hero .mo-cue,
  #mo-hero .mo-cross,
  #mo-hero .mo-devmask,
  #mo-hero #film .rise,
  #mo-hero #film .furn,
  #mo-hero #film .trans,
  #mo-hero #film .feats,
  #mo-hero #film .ghost,
  #mo-hero #film .callout{ display:none }
}
#mo-hero[data-regime="exit"] #film{
  transform:translate3d(0, var(--mo-exit, 0px), 0);
}
#film{
  --paper:#EDF2FA;          /* Reliable Mix light field */
  --ink:#0A0A0A;
  --canvasdark:#050505;
  --accent:#0A66C2;
  --onblack:#4D9FEE;
  --slate:#4A5260;
  --r-lg:21px; --r-md:17px; --r-sm:11px;
  --sw:282px; --sh:610px; --k:.72308;
  --gut:66px;
  --g1:var(--paper);        /* Act I, and where the finale lands */
  --g2:#1A1D24;             /* Act II */
  --ring:#0A66C2;
  --onground:#0A0A0A; --onground2:#EDF2FA;
  --gaccent:#0A66C2; --gaccent2:#4D9FEE;
  --furnink:#7F8590;
  --furn-o:.22;
  --bub1:#0A0A0A;    --bub1tx:#FFFFFF;  --bub1rule:#5B6472;  --bub1hair:rgba(255,255,255,.14);
  --bub2:#EDF2FA;    --bub2tx:#0A0A0A;  --bub2rule:#8A93A2;  --bub2hair:rgba(10,10,10,.14);
  --bub1sub:#D6DCE4; --bub2sub:#4A5260;
  --bub1eye:#4D9FEE; --bub2eye:#0A66C2;
  --fsurface:#FFFFFF; --fhair:#C9D6E6; --fink:#0A0A0A; --fslate:#4A5260;
  --flift:none;
  --rail:var(--furnink);
  --dband:#050505; --band-ring:transparent;
  --liftA:1;
  --device-lift:
    0 44px 74px -34px rgba(5,5,5,calc(.44 * var(--liftA,1))),
    0 18px 34px -18px rgba(5,5,5,calc(.30 * var(--liftA,1))),
    0 4px 9px -4px rgba(5,5,5,calc(.20 * var(--liftA,1)));
  --a-canvas:#EDF2FA; --a-surface:#FFFFFF; --a-well:#E4EBF5;
  --a-hair:#D9E1EC;   --a-edge:#C9D6E6;    --a-ink:#0A0A0A;
  --a-slate:#4A5260;  --a-mute:#5B6470;    --a-accent:#0A66C2;
  --a-accent-text:#0A66C2; --a-tint:#DCEAF8; --a-deep:#084E97;
  --a-chrome:#FFFFFF;
  --a-land:#CFDDEE;   --a-block:#C2D3E8;   --a-road:#F2F6FB; --a-route:#0A66C2;
  --a-warn:#FBE9CF;   --a-warn-text:#7A4A05;
  --a-urgent:#FBDDDD; --a-urgent-text:#8C2020;
  --m-land:#CFDDEE;   --m-block:#C2D3E8;   --m-road:#F2F6FB; --m-route:#0A66C2;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) #film{
    --g1:#131620;
    --g2:var(--paper);
    --ring:#4D9FEE;
    --onground:#FFFFFF; --onground2:#0A0A0A;
  --gaccent:#4D9FEE; --gaccent2:#0A66C2;
    --gaccent:#4D9FEE; --gaccent2:#0A66C2;
    --furnink:#8A8A94;
    --bub1:#EDF2FA;  --bub1tx:#0A0A0A;  --bub1rule:#8A93A2;  --bub1hair:rgba(10,10,10,.14);
    --bub2:#0A0A0A;  --bub2tx:#FFFFFF;  --bub2rule:#5B6472;  --bub2hair:rgba(255,255,255,.14);
    --bub1sub:#4A5260; --bub2sub:#A9AFB8;
    --bub1eye:#0A66C2; --bub2eye:#4D9FEE;
    --fsurface:#2A2A2E; --fhair:#43434D; --fink:#FFFFFF; --fslate:#A9AFB8;
    --flift:none;
    --slate:#A9AFB8;
    --band-ring:#43434D;
    --device-lift:none;
    --a-canvas:#050505; --a-surface:#2A2A2E; --a-well:#3A3A40;
    --a-hair:#43434D;   --a-edge:#43434D;    --a-ink:#FFFFFF;
    --a-slate:#A9AFB8;  --a-mute:#96969F;    --a-accent:#0A66C2;
    --a-accent-text:#4D9FEE; --a-tint:#091E33; --a-deep:#0A66C2;
    --a-chrome:#141416;
    --a-land:#0A1626;   --a-block:#0E1E30;   --a-road:#1C3448; --a-route:#4D9FEE;
    --a-warn:#3A2A10;   --a-warn-text:#F2C88A;
    --a-urgent:#3A1616; --a-urgent-text:#F0A0A0;
    --m-land:#12151B;   --m-block:#191D25;   --m-road:#242A34; --m-route:#4D9FEE;
  }
}
:root[data-theme="dark"] #film{
  --g1:#131620;             /* not --canvasdark: dL* 0.00 from the bezel */
  --g2:var(--paper);
  --ring:#4D9FEE;
  --onground:#FFFFFF; --onground2:#0A0A0A;
  --gaccent:#4D9FEE; --gaccent2:#0A66C2;
  --furnink:#8A8A94;
  --bub1:#EDF2FA;  --bub1tx:#0A0A0A;  --bub1rule:#8A93A2;  --bub1hair:rgba(10,10,10,.14);
  --bub2:#0A0A0A;  --bub2tx:#FFFFFF;  --bub2rule:#5B6472;  --bub2hair:rgba(255,255,255,.14);
  --bub1sub:#4A5260; --bub2sub:#A9AFB8;
  --bub1eye:#0A66C2; --bub2eye:#4D9FEE;
  --fsurface:#2A2A2E; --fhair:#43434D; --fink:#FFFFFF; --fslate:#A9AFB8;
  --flift:none;
  --slate:#A9AFB8;
  --band-ring:#43434D;
  --device-lift:none;
  --a-canvas:#050505; --a-surface:#2A2A2E; --a-well:#3A3A40;
  --a-hair:#43434D;   --a-edge:#43434D;    --a-ink:#FFFFFF;
  --a-slate:#A9AFB8;  --a-mute:#96969F;    --a-accent:#0A66C2;
  --a-accent-text:#4D9FEE; --a-tint:#091E33; --a-deep:#0A66C2;
  --a-chrome:#141416;
  --a-land:#0A1626;   --a-block:#0E1E30;   --a-road:#1C3448; --a-route:#4D9FEE;
  --a-warn:#3A2A10;   --a-warn-text:#F2C88A;
  --a-urgent:#3A1616; --a-urgent-text:#F0A0A0;
  --m-land:#12151B;   --m-block:#191D25;   --m-road:#242A34; --m-route:#4D9FEE;
}
#film, #film *{box-sizing:border-box;margin:0;padding:0}
#film{background:var(--g1)}
#film{
  font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--g1);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
#film :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
#film .sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
#film{
  position:relative;
  width:100%;height:100%;
  overflow:hidden;
  perspective:1600px;
  background:var(--g1);
  isolation:isolate;
}
#film .ground{position:absolute;inset:0;z-index:0;background:var(--g1)}
#film .ground .g-two{
  position:absolute;inset:0;background:var(--g2);
  clip-path:inset(0 0 0 calc((1 - var(--gwipe,0)) * 100%));
}
#film[data-act="2"]{ --onground:var(--onground2); --gaccent:var(--gaccent2) }
#film .furn{
  position:absolute;z-index:19;                 /* ON the ground: the device (20) is in front */
  pointer-events:none;
  opacity:var(--furno,0);
}
#film .furn--tl{left:0;right:0;bottom:0;top:0}
#film .chy{
  position:absolute;
  left:clamp(20px,3.2vw,44px);
  bottom:calc(var(--gut) * 1.34);
  width:min(30ch,34vw);
  display:flex;align-items:baseline;gap:14px;
  transform:translateY(var(--chydy,6px));
  opacity:var(--chyo,0);
}
#film .chy i{
  font-style:normal;flex:none;
  font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--gaccent);
  white-space:nowrap;
}
#film .chy b{
  font-size:22px;font-weight:600;letter-spacing:-.014em;line-height:1.2;
  color:var(--onground);
  display:block;
}
#film .disc{
  position:absolute;
  left:clamp(20px,3.2vw,44px);
  bottom:calc(var(--gut) * 0.21);
  width:min(46ch,240px);
  font-size:13px;line-height:1.45;font-weight:500;
  color:var(--furnink);opacity:var(--furn-o);
  letter-spacing:0;
}
#film .trans{
  position:absolute;z-index:45;
  right:clamp(18px,3.0vw,40px);
  bottom:calc(var(--gut) * 0.34);
  display:flex;align-items:center;gap:12px;
  opacity:var(--furno,0);
}
#film .rail{
  position:relative;width:120px;height:12px;flex:none;cursor:pointer;
  display:flex;align-items:center;
  background:none;border:0;padding:0;
}
#film .rail::before{
  content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;
  background:var(--rail);opacity:var(--furn-o);
}
#film .rail i{
  position:absolute;left:0;height:2px;border-radius:2px;display:block;
  width:calc(var(--played,0) * 100%);
  background:var(--rail);opacity:.6;
}
#film .rail:hover::before, #film .rail:focus-visible::before{opacity:.6}
#film .rail:hover i, #film .rail:focus-visible i{opacity:1}
#film .pp{
  width:20px;height:20px;flex:none;
  display:grid;place-items:center;cursor:pointer;
  background:none;border:0;color:var(--rail);opacity:var(--furn-o);
}
#film .pp:hover, #film .pp:focus-visible{opacity:1}
#film .pp svg{width:14px;height:14px;display:block}
#film .stmt{position:absolute;inset:0;z-index:22;pointer-events:none}
#film .claim{
  position:absolute;left:50%;width:max-content;max-width:96vw;
  font-size:var(--claim);
  font-weight:600;line-height:.84;letter-spacing:-.03em;
  color:var(--fink);white-space:nowrap;text-align:center;
  transform:translate3d(calc(-50% + var(--cdx,0px)),var(--cdy,0px),0);
  opacity:var(--co,1);
  will-change:transform,opacity;
}
#film{ --claim:clamp(30px, min(6.4vw, 9.2vh), 76px) }
@media (max-width:820px){
  #film{ --claim:clamp(28px, min(15vw, 10.4vh), 96px) }
  #film .claim{line-height:.9;letter-spacing:-.025em}
}
#film .csub{
  position:absolute;left:50%;width:min(560px,88vw);
  font-size:clamp(14px,1.5vw,19px);line-height:1.45;
  color:var(--fslate);font-weight:500;text-align:center;
  transform:translate3d(calc(-50% + var(--cdx,0px)),var(--cdy,0px),0);
  opacity:var(--co,1);
  will-change:transform,opacity;
}
#film .cue{
  position:absolute;left:50%;bottom:max(22px,4vh);transform:translateX(-50%);
  color:var(--fslate);opacity:var(--cueo,1);
}
#film .rise{
  position:absolute;left:0;right:0;bottom:0;top:var(--riset,100%);
  background:var(--g1);
  z-index:21;                 /* over the device (20), under the words (22) */
  pointer-events:none;
}
#film .ringhost{
  position:absolute;top:0;left:0;width:390px;height:844px;
  transform:scale(var(--k));transform-origin:0 0;
  z-index:8;pointer-events:none;
}
#film .ringsvg{display:block;width:390px;height:844px;overflow:visible}
#film .ringsvg path{
  fill:none;stroke:var(--ring);
  stroke-width:var(--rw,2);
  stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1 1;
  stroke-dashoffset:var(--rdash,1);
}
#film .devwrap{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%) translate3d(var(--tx,0px),var(--ty,0px),0) scale(var(--sc,1));
  transform-style:preserve-3d;
  z-index:20;
  opacity:var(--devo,0);
  will-change:transform,opacity;
}
#film .devtilt{transform:rotateY(var(--ry,0deg));transform-style:preserve-3d}
#film .phone{
  --k2:var(--k);
  position:relative;flex:none;
  width:calc(var(--sw) + 26px);
  height:calc(var(--sh) + 26px);
  padding:13px;
  background:var(--dband);
  border-radius:calc(52px * var(--k));
  box-shadow:var(--device-lift);
  outline:1px solid var(--band-ring);
  outline-offset:-1px;
}
#film .phone::before, #film .phone::after{
  content:"";position:absolute;right:-3px;width:3px;height:8%;
  border-radius:3px;background:var(--dband);
}
#film .phone::before{top:22%}
#film .phone::after{top:33%}
#film .screen{
  position:relative;width:var(--sw);height:var(--sh);
  border-radius:calc(39px * var(--k));overflow:hidden;background:var(--a-canvas);
  isolation:isolate;
}
#film .screen::after{
  content:"";position:absolute;inset:0;border-radius:calc(39px * var(--k));
  pointer-events:none;z-index:9;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);   /* a ring: zero blur */
}
#film .layer{position:absolute;inset:0;will-change:transform,opacity}
#film .dom{
  position:absolute;top:0;left:0;width:390px;height:844px;
  transform:scale(var(--k));transform-origin:0 0;
  background:var(--a-canvas);color:var(--a-ink);
  display:flex;flex-direction:column;font-size:17px;line-height:1.5;
}
#film .taps{position:absolute;inset:0;z-index:6;pointer-events:none}
#film .tap{
  position:absolute;width:34px;height:34px;border-radius:50%;
  border:1.5px solid rgba(10,102,194,.5);
  transform:translate(-50%,-50%) scale(var(--s,1));
  opacity:var(--o,0);
}
#film .hit{
  position:absolute;transform:translate(-50%,-50%) scale(var(--s,1));
  border-radius:12px;border:1.5px solid rgba(10,102,194,.42);
  background:rgba(10,102,194,.05);
  opacity:var(--o,0);
}
#film .ghost{
  position:absolute;left:0;top:0;z-index:38;
  width:34px;height:34px;
  transform:translate3d(var(--gx,0px),var(--gy,0px),0) translate(-50%,-50%) scale(var(--gh,1));
  transform-origin:50% 50%;
  opacity:var(--go,0);pointer-events:none;
  will-change:transform,opacity;
}
#film .ghost .tip{
  position:absolute;inset:0;border-radius:50%;
  border:2px solid rgba(10,102,194,var(--gb,.5));
  background:rgba(10,102,194,var(--gf,.05));
  transform:scale(var(--gp,1));
}
#film .callout{
  position:absolute;z-index:35;
  left:50%;top:50%;
  width:min(360px,32vw);
  transform:translate3d(var(--cx,0px),var(--cy,0px),0) translate(-50%,-50%);
  pointer-events:none;
  will-change:transform;
}
#film .co-arrow{
  position:absolute;width:13px;height:13px;background:var(--bubbg);
  top:calc(50% + var(--ay,0px));margin-top:-6.5px;
  left:var(--axl,-6px);right:var(--axr,auto);
  transform:rotate(45deg) scale(var(--arw,0));
  border-radius:2px;
}
#film .co-body{
  position:relative;
  background:var(--bubbg);color:var(--bubtx);
  border-radius:var(--r-md);
  border:1px solid var(--bubhair);
  padding:16px 18px 17px;
  clip-path:inset(0 var(--mr,100%) 0 var(--ml,0) round var(--r-md));
  will-change:clip-path;
}
#film .callout{--bubbg:var(--bub1);--bubtx:var(--bub1tx);--bubrule:var(--bub1rule);
         --bubhair:var(--bub1hair);--bubsub:var(--bub1sub);--bubeye:var(--bub1eye)}
#film[data-act="2"] .callout{--bubbg:var(--bub2);--bubtx:var(--bub2tx);--bubrule:var(--bub2rule);
         --bubhair:var(--bub2hair);--bubsub:var(--bub2sub);--bubeye:var(--bub2eye)}
#film .co-body .e{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--bubeye);margin-bottom:8px}
#film .co-body .e:empty{display:none}
#film .co-body b.t{display:block;font-size:19px;font-weight:700;line-height:1.22;letter-spacing:-.02em}
#film .co-body b.t:empty{display:none}
#film .co-body .d{display:block;font-size:14px;line-height:1.38;color:var(--bubsub);margin-top:9px;font-weight:500}
#film .co-body .d:empty{display:none}
#film .beats{display:flex;flex-direction:column}
#film .beats:empty{display:none}
#film .beat{position:relative;padding:9px 0 10px 14px}
#film .beat + .beat{border-top:1px solid var(--bubhair);margin-top:2px}
#film .beat::before{content:"";position:absolute;left:0;top:11px;bottom:12px;width:3px;border-radius:2px}
#film .beat--was::before{background:var(--bubrule)}
#film .beat--is::before{background:var(--bubeye)}
#film .beat i{display:block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.14em;margin-bottom:4px}
#film .beat--was i{color:var(--bubsub)}
#film .beat--is  i{color:var(--bubeye)}
#film .beat b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.16}
#film .beat--was b{color:var(--bubsub)}
#film .beat--is  b{color:var(--bubtx)}
#film .feats{
  position:absolute;z-index:25;
  left:47%;top:50%;transform:translateY(-50%);
  width:min(470px,40vw);
  pointer-events:none;
}
#film .feats.is-live{pointer-events:auto}
#film .feats .lede{opacity:var(--ledeo,0);transform:translateY(var(--ledey,16px))}
#film .feats .e{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--accent);margin-bottom:9px}
#film .feats h1{font-size:clamp(25px,2.6vw,35px);line-height:1.08;letter-spacing:-.03em;font-weight:700;color:var(--fink)}
#film .feats .sub{font-size:14px;line-height:1.5;color:var(--fslate);margin-top:11px;max-width:46ch}
#film .frows{margin-top:22px;display:flex;flex-direction:column;gap:9px}
#film .frow{
  display:grid;grid-template-columns:30px 1fr;gap:13px;align-items:start;
  background:var(--fsurface);border:1px solid var(--fhair);border-radius:15px;
  padding:12px 15px 13px;
  opacity:var(--o,0);transform:translate3d(var(--rx,22px),0,0);
  text-decoration:none;color:inherit;
}
#film a.frow{transition:border-color 160ms cubic-bezier(.2,.72,.16,1)}
#film a.frow:hover{border-color:var(--accent)}
#film .frow .n{
  width:30px;height:30px;border-radius:9px;background:var(--ink);color:#fff;
  display:grid;place-items:center;font-size:12.5px;font-weight:700;
}
#film .frow.frow--acc .n{background:var(--accent)}
#film .frow b{display:block;font-size:14px;font-weight:700;color:var(--fink);letter-spacing:-.014em;line-height:1.25}
#film .frow .d{display:block;font-size:12.5px;line-height:1.45;color:var(--fslate);margin-top:3px}
#film .fnote{
  margin-top:19px;font-size:11.5px;line-height:1.5;color:var(--fslate);
  display:flex;gap:10px;align-items:flex-start;
  opacity:var(--noteo,0);transform:translateY(var(--notey,9px));
}
#film .fnote b{font-weight:700;white-space:nowrap;letter-spacing:.1em;font-size:9.5px;
  background:var(--ink);color:#fff;padding:5px 9px;border-radius:6px;flex:none}
:root[data-theme="dark"] #film .frow .n, :root[data-theme="dark"] #film .fnote b{background:#3A3A40}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) #film .frow .n, :root:not([data-theme="light"]) #film .fnote b{background:#3A3A40}
}
@media (max-width:820px){
  #film .chy{width:min(30ch,74vw);bottom:calc(var(--gut) * 1.00);gap:10px}
  #film .chy b{font-size:19px}
  #film .disc{width:min(46ch,64vw);font-size:12px;bottom:calc(var(--gut) * 0.20)}
  #film .trans{gap:10px;bottom:calc(var(--gut) * 0.30)}
  #film .callout{width:min(174px,45vw)}
  #film .co-arrow{width:11px;height:11px;margin-top:-5.5px}
  #film .co-body{padding:10px 12px 11px}
  #film .co-body .e{margin-bottom:5px;letter-spacing:.12em}
  #film .beat{padding:6px 0 7px 10px}
  #film .co-body b.t, #film .beat b{font-size:17px}
  #film .co-body .d{font-size:13px}
  #film .rail{width:84px}
  #film .feats{
    left:50%;top:auto;bottom:calc(var(--gut) + 4px);
    transform:translateX(-50%);
    width:min(460px,92vw);
  }
  #film .feats h1{font-size:clamp(19px,5vw,24px)}
  #film .feats .e{margin-bottom:6px}
  #film .feats .sub{font-size:11.5px;line-height:1.4;margin-top:7px}
  #film .frows{margin-top:12px;gap:6px}
  #film .frow{padding:8px 11px 9px;grid-template-columns:26px 1fr;gap:11px}
  #film .frow .n{width:26px;height:26px;border-radius:8px;font-size:11.5px}
  #film .frow .d{font-size:12px;margin-top:2px}
  #film .fnote{margin-top:10px;font-size:11px}
}
#film .statusbar{
  flex:none;height:52px;display:flex;align-items:center;justify-content:space-between;
  padding:14px 26px 0;font-size:15px;font-weight:600;color:var(--a-ink);
}
#film .sbicons{display:flex;gap:5px;align-items:center}
#film .navbar{flex:none;padding:6px 16px 8px;display:flex;align-items:flex-end;gap:8px;min-height:52px}
#film .navtitle{font-size:28px;line-height:1.12;letter-spacing:-.02em;font-weight:600;color:var(--a-ink);margin:0}
#film .navback{
  appearance:none;background:transparent;border:0;padding:0;margin:0 4px 4px 0;
  color:var(--a-accent-text);display:flex;align-items:center;
}
#film .abody{flex:1 1 auto;min-height:0;overflow:hidden;padding:0 16px 8px}
#film .tabbar{
  flex:none;display:flex;align-items:stretch;
  background:var(--a-chrome);border-top:1px solid var(--a-hair);padding-bottom:22px;
}
#film .tab{
  flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:9px 0 4px;background:transparent;border:0;font:inherit;color:var(--a-mute);
}
#film .tab[aria-current="page"]{color:var(--a-accent-text)}
#film .tablabel{font-size:12px;font-weight:600;letter-spacing:.01em}
#film .pinbar{flex:none;background:var(--a-chrome);border-top:1px solid var(--a-hair);padding:10px 16px}
#film .pinmorn{display:flex;align-items:center;gap:12px}
#film .leaveby{flex:1 1 auto;min-width:0}
#film .lb1{font-size:17px;font-weight:400;color:var(--a-slate);line-height:1.3}
#film .lb1 b{font-weight:600;color:var(--a-ink)}
#film .lb2{font-size:14px;font-weight:400;color:var(--a-slate);line-height:1.4}
#film .abtn{
  appearance:none;font:inherit;
  font-size:16px;font-weight:600;letter-spacing:-.005em;
  padding:0 16px;height:44px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:transparent;color:var(--a-accent-text);border:1px solid var(--a-edge);
}
#film .abtn--solid{background:var(--a-accent);color:#fff;border-color:var(--a-accent)}
#film .todaydate{font-size:14px;font-weight:400;color:var(--a-slate);margin:-2px 0 14px;padding-left:2px}
#film .todaydate b{font-weight:600;color:var(--a-ink)}
#film .agroup{margin:0 0 20px}
#film .grouphead{
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--a-slate);margin:0 0 6px;padding-left:4px;
}
#film .acard{background:var(--a-surface);border:1px solid var(--a-hair);border-radius:14px;overflow:hidden}
#film .acard--pad{padding:14px}
#film .next{
  background:var(--a-surface);border:1px solid var(--a-hair);border-radius:14px;
  padding:14px;margin:0 0 12px;position:relative;overflow:hidden;
}
#film .next::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--a-accent)}
#film .nextline{display:flex;align-items:baseline;gap:8px;margin:0 0 3px}
#film .nexttime{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--a-ink)}
#film .nextmer{font-size:14px;font-weight:500;color:var(--a-slate)}
#film .nextname{font-size:17px;font-weight:500;color:var(--a-ink);line-height:1.35}
#film .nextaddr, #film .aaddr{
  display:block;font-size:17px;font-weight:400;line-height:1.4;color:var(--a-accent-text);
  text-decoration:none;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 32%,transparent);
  margin:2px 0 0;width:fit-content;background:none;
  font-family:inherit;padding:0;text-align:left;
}
#film .nextnote{font-size:14px;font-weight:400;color:var(--a-slate);margin:6px 0 0;line-height:1.45}
#film .nextnote b{font-weight:600;color:var(--a-ink)}
#film .foothint{
  display:flex;align-items:center;gap:8px;width:100%;
  margin:0 0 8px;padding:12px 4px;
  background:transparent;border:0;font:inherit;text-align:left;
  font-size:14px;font-weight:400;color:var(--a-slate);
}
#film .foothint b{font-weight:600;color:var(--a-ink)}
#film .jobrow, #film .arow{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:11px 14px;min-height:56px;
  background:transparent;border:0;border-top:1px solid var(--a-hair);
  font:inherit;text-align:left;color:var(--a-ink);
}
#film .jobrow:first-child, #film .arow:first-child{border-top:0}
#film .jobtime{
  flex:none;width:64px;
  font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--a-ink);line-height:1.25;
}
#film .jobtime span{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--a-slate)}
#film .jobmain{flex:1 1 auto;min-width:0}
#film .jobname{display:block;font-size:17px;font-weight:500;color:var(--a-ink);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#film .jobsub{display:block;font-size:14px;font-weight:400;color:var(--a-slate);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#film .rowchev{flex:none;margin-left:auto;color:var(--a-mute);display:flex;align-items:center}
#film .maprail{
  height:74px;border-radius:14px;overflow:hidden;border:1px solid var(--a-hair);
  margin:0 0 12px;background:var(--a-land);
}
#film .maprail--job{height:132px;background:var(--m-land)}
#film .maprail svg{width:100%;height:100%;display:block}
#film .chip{
  display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;
  border-radius:999px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;flex:none;
}
#film .chip--end{margin-left:auto}
#film .chip.blue{background:var(--a-tint);color:var(--a-accent-text)}
#film .chip.grey{background:var(--a-well);color:var(--a-slate)}
#film .chip.warn{background:var(--a-warn);color:var(--a-warn-text)}
#film .chip.red{background:var(--a-urgent);color:var(--a-urgent-text)}
#film .thread{display:flex;flex-direction:column;gap:10px;padding:4px 0}
#film .bubble{max-width:82%;padding:11px 14px;border-radius:18px;font-size:16px;line-height:1.4}
#film .bubble--out{align-self:flex-end;background:var(--a-accent);color:#fff;border-bottom-right-radius:6px}
#film .bubble--in{align-self:flex-start;background:var(--a-well);color:var(--a-ink);border-bottom-left-radius:6px}
#film .bubblestamp{font-size:12px;color:var(--a-mute);align-self:flex-end}
#film .crec{padding:14px}
#film .crec + .crec{border-top:1px solid var(--a-hair)}
#film .crecname{font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--a-ink);line-height:1.25}
#film .creclab{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--a-mute);margin:0 0 3px}
#film .crectel{font-size:17px;font-weight:500;color:var(--a-ink)}
#film .crecwhy{font-size:13px;line-height:1.45;color:var(--a-slate);margin-top:4px}
#film .crecwhy--fix{border-left:2px solid var(--a-accent);padding-left:10px}
#film .crecval{font-size:17px;font-weight:400;color:var(--a-ink);line-height:1.4}
#film .trkbar{
  flex:none;padding:30px 16px 12px;background:var(--a-well);
  display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--a-hair);
}
#film .trkurl{
  flex:1;height:34px;border-radius:17px;background:var(--a-surface);
  display:flex;align-items:center;gap:7px;padding:0 13px;
  font-size:13px;color:var(--a-ink);border:1px solid var(--a-hair);
}
#film .trkurl .lock{width:9px;height:11px;border:1.6px solid var(--a-ink);border-radius:2px;position:relative;flex:none}
#film .trkurl .lock::before{content:"";position:absolute;left:1px;right:1px;top:-4px;height:5px;border:1.6px solid var(--a-ink);border-bottom:0;border-radius:3px 3px 0 0}
#film .trkmap{flex:none;height:238px;position:relative;background:var(--a-land)}
#film .trkmap svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#film .trkchip{
  position:absolute;left:16px;top:14px;
  background:rgba(5,5,5,.72);color:#fff;
  font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:9px;
  border:1px solid rgba(255,255,255,.16);
}
#film .trkcard{
  flex:1;margin:-26px 14px 0;position:relative;z-index:2;overflow:hidden;
  background:var(--a-surface);border:1px solid var(--a-hair);border-radius:24px;
  padding:20px 20px 22px;
}
#film .trkcard h1{font-size:25px;line-height:1.12;letter-spacing:-.02em;font-weight:700;color:var(--a-ink)}
#film .trketa{display:flex;align-items:baseline;gap:9px;margin-top:12px}
#film .trketa b{font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:1;color:var(--a-ink)}
#film .trketa span{font-size:14px;color:var(--a-slate);font-weight:600}
#film .trklate{
  margin-top:12px;background:var(--a-well);border-radius:13px;padding:11px 13px;
  font-size:12px;color:var(--a-ink);line-height:1.35;font-weight:700;
  border-left:3px solid var(--a-accent);
}
#film .trknote{margin-top:12px;font-size:13.5px;line-height:1.45;color:var(--a-ink)}
#film .trkas{margin-top:9px;font-size:12.5px;color:var(--a-slate)}
#film .trkacts{display:flex;gap:9px;margin-top:16px}
#film .trkacts .b1, #film .trkacts .b2{
  flex:1;height:44px;border-radius:14px;display:grid;place-items:center;
  font-size:15px;font-weight:700;
}
#film .trkacts .b1{background:var(--a-well);color:var(--a-ink)}
#film .trkacts .b2{background:var(--a-accent);color:#fff}
#film .trkrows{margin-top:16px;border-top:1px solid var(--a-hair);padding-top:14px;display:flex;flex-direction:column;gap:11px}
#film .tr{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:baseline}
#film .tr span{font-size:11.5px;letter-spacing:.09em;color:var(--a-slate);font-weight:700}
#film .tr b{font-size:14px;font-weight:600;line-height:1.35;color:var(--a-ink)}
#film .trkbiz{margin-top:16px;padding-top:13px;border-top:1px solid var(--a-hair);font-size:13px;color:var(--a-slate)}
#film .trkbiz b{color:var(--a-ink);font-weight:700}
#film .tel{color:var(--a-accent-text);font-weight:700;white-space:nowrap}
#film{ font-size:16px; line-height:normal }
#film .claim, #film .csub, #film .devwrap, #film .layer, #film .ghost, #film .callout, #film .co-body{ will-change:auto }
#film a.frow:hover{ border-color:var(--fhair) }
#film .rail:hover::before{ opacity:var(--furn-o) }
#film .rail:hover i{ opacity:.6 }
#film .pp:hover{ opacity:var(--furn-o) }
@media (hover:hover) and (pointer:fine){
  #film a.frow:hover{ border-color:var(--accent) }
  #film .rail:hover::before{ opacity:.6 }
  #film .rail:hover i{ opacity:1 }
  #film .pp:hover{ opacity:1 }
}
#film .ghost .tip{ box-shadow:inset 0 1px 3px rgba(66,76,92,.26), inset 0 0 7px rgba(66,76,92,.10) }
#film .rise{ opacity:1;transform:none }
#film .phone{ --k:inherit; --sw:inherit; --sh:inherit }
#film{ --gut:inherit; --sw:inherit; --sh:inherit; --k:inherit }
#film[data-act="2"] .chy b{ color:var(--onground2) }
#film[data-act="2"] .chy i{ color:var(--gaccent2) }
#film #disc{ opacity:1 }
.strip{ padding:0 0 clamp(48px,6vw,72px) }
.stripband{
  background:transparent;
  padding:clamp(20px,2.4vw,24px) 0 clamp(16px,2vw,20px);
}
.stripin{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}
.stripline{
  margin:0;
  font-size:22px;
  line-height:1.32;
  letter-spacing:-.01em;
  font-weight:400;
  color:var(--ink);
  max-width:38em;
  text-wrap:balance;
}
@media (max-width:999px){ .stripline{ font-size:19px } }
.stripaside{
  min-width:0;
  display:flex;flex-direction:column;gap:6px;
  width:min(100%, 520px);
}
.stripfact{
  font-size:var(--t-17);line-height:1.45;color:var(--ink);font-weight:400;
}
.stripnote{
  font-size:14px;line-height:1.5;color:var(--mute);max-width:44ch;margin:0;
}
.stripnote:target{ color:var(--ink) }
.stripsup{
  font-size:12px;font-weight:600;line-height:1;
  vertical-align:super;
  color:var(--accent-text);
  text-decoration:none;
}
a.stripsup{
  position:relative;
  margin-left:1px;
  text-decoration:underline;text-underline-offset:.22em;
}
a.stripsup::after{
  content:"";position:absolute;
  top:-7px;bottom:-7px;left:-10px;right:-14px;
}
.stripnote .stripsup{ margin-right:var(--s1);vertical-align:baseline;color:var(--mute) }
[id^="strip-n"]{ scroll-margin-top:calc(var(--nav-h) + var(--s6)) }
.striprow{
  display:flex;align-items:center;gap:var(--s3);
  padding:10px var(--s4);
  background:var(--a-surface);
  border:1px solid var(--a-edge);
  border-radius:var(--radius);
  font-size:16px;line-height:1.4;color:var(--a-slate);
}
.striprow b{ font-weight:600;color:var(--a-ink) }
.striprowicon{ flex:none;display:flex;color:var(--a-slate) }
.striprowtext{ min-width:0 }
@media (max-width:860px){
  .stripline{ max-width:none }
  .stripaside{ width:100% }
}
.filmb{
  --canvas:#EDF2FA; --surface:#FFFFFF; --well:#E4EBF5; --hair:#D9E1EC; --edge:#C9D6E6;
  --card:#FFFFFF; --raised:#FFFFFF;
  --ink:#0A0A0A; --slate:#4A5260; --mute:#5B6470;
  --accent:#0A66C2; --accent-text:#0A66C2; --tint:#DCEAF8; --deep:#084E97; --danger:#C7343A;
  --land:#CFDDEE; --block:#C2D3E8; --road:#F2F6FB; --route:#0A66C2; --band:#050505;
  --lift:0 16px 34px -22px rgba(5,5,5,.30), 0 3px 8px -5px rgba(5,5,5,.18);
  --lift-hi:0 44px 74px -34px rgba(5,5,5,.44), 0 18px 34px -18px rgba(5,5,5,.30);
  --ease:cubic-bezier(.2,.72,.16,1);
  --dur:300ms;
  --sans:'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
[data-theme="dark"] .filmb{
  --canvas:#050505; --surface:#141416; --well:#141416; --hair:#43434D; --edge:#43434D;
  --card:#2A2A2E; --raised:#3A3A40;
  --ink:#FFFFFF; --slate:#A9AFB8; --mute:#96969F;
  --accent:#0A66C2; --accent-text:#4D9FEE; --tint:#091E33; --deep:#0A66C2; --danger:#F2555A;
  --land:#12151B; --block:#171B23; --road:#2B3442; --route:#4D9FEE;
}
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]) .filmb{
    --canvas:#050505; --surface:#141416; --well:#141416; --hair:#43434D; --edge:#43434D;
    --card:#2A2A2E; --raised:#3A3A40;
    --ink:#FFFFFF; --slate:#A9AFB8; --mute:#96969F;
    --accent:#0A66C2; --accent-text:#4D9FEE; --tint:#091E33; --deep:#0A66C2; --danger:#F2555A;
    --land:#12151B; --block:#171B23; --road:#2B3442; --route:#4D9FEE;
  }
}
.filmb, .filmb *{ box-sizing:border-box }
.filmb{ font-family:var(--sans);color:var(--ink) }
:root[data-theme="light"]{
  --surface:#FFFFFF; --well:#E4EBF5; --card:#FFFFFF; --raised:#FFFFFF;
  --danger:#C7343A;
  --land:#CFDDEE; --block:#C2D3E8; --road:#F2F6FB; --route:#0A66C2;
}
:root[data-theme="dark"]{
  --canvas:#050505; --surface:#141416; --well:#141416; --hair:#43434D; --edge:#43434D;
  --card:#2A2A2E; --raised:#3A3A40;
  --ink:#FFFFFF; --slate:#A9AFB8; --mute:#96969F;
  --accent:#0A66C2; --accent-text:#4D9FEE; --tint:#091E33; --deep:#0A66C2; --danger:#F2555A;
  --land:#12151B; --block:#171B23; --road:#2B3442; --route:#4D9FEE;
}
   MOTION MODEL — read this before editing:
   Every frame of the film is a PURE FUNCTION OF TIME computed in film.js and
   written to CSS custom properties. There are deliberately NO css transitions
   or @keyframes on film content, because the film must be seekable: film.html
   ?t=12.4 has to produce byte-identical pixels to watching it to 12.4s.
   Transitions exist ONLY on the two chrome controls, which are not the film.
   ═══════════════════════════════════════════════════════════════════════════ */
.filmb{
  --film-pad: 2.4cqw;        /* stage safe area, both sides */
  --film-r: 12px;            /* panel corner */
  --film-r-sm: 8px;
  --film-row: clamp(17px, 3cqw, 32px);
  display: block;
  width: 100%;
  margin: 0;
  color: var(--ink);
}
.film__stage{
  container-type: inline-size;
  container-name: filmstage;
  position: relative;
  width: 100%;
  margin-inline: auto;
  background: var(--canvas);
  border: 1px solid var(--hair);
  border-radius: var(--film-r);
  overflow: hidden;
  isolation: isolate;
  aspect-ratio: 9 / 16;
  display: grid;
  grid-template-rows: 0.115fr 0.695fr 0.19fr;
  grid-template-areas: "clockrow" "panels" "band";
}
@media (min-width: 620px){
  .film__stage{ aspect-ratio: 4 / 3; --film-pad: 3cqw; }
  .film__card{ max-width: 46cqw; }
}
@media (min-width: 900px){
  .film__stage{
    aspect-ratio: 3 / 2;
    max-width: 1120px;
    --film-pad: 3.2cqw;
  }
  .film__card{ max-width: 42cqw; }
}
.film__panels{
  grid-area: panels;
  position: relative;
  --pane-inset: var(--film-pad);
  margin-inline: var(--pane-inset);
}
@container filmstage (max-width: 430px){
  .film__panels{ --pane-inset: 0px; }
}
.film__panel{
  position: absolute;
  top: 0;
  bottom: 0;
  --rv-l: 0%;
  --rv-r: 0%;
  clip-path: inset(0 var(--rv-r) 0 var(--rv-l));
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.film__card{
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: var(--canvas);
  border: 1px solid var(--edge);
  border-radius: var(--film-r);
  overflow: hidden;
  transform-origin: 50% 42%;   /* re-pointed per push by film.js */
}
.film__card .mo-bubble{ overflow-wrap: anywhere; }
.filmb[data-film-accept="green"]{ --os-answer: #34C759; }
:root[data-theme="dark"] .filmb[data-film-accept="green"]{ --os-answer: #30D158; }
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .filmb[data-film-accept="green"]{ --os-answer: #30D158; }
}
.filmb.filmb[data-film-ground="dark"][data-film-accept="green"]{ --os-answer: #30D158; }
.filmb.filmb[data-film-ground="light"][data-film-accept="green"]{ --os-answer: #34C759; }
.filmb[data-film-accept="green"] .film__card .mo-btn.is-fill[data-action="accept"]{
  background: var(--os-answer);
  border-color: var(--os-answer);
}
.filmb[data-film-ground="dark"] .film__card .mo-btn.is-fill,
.filmb[data-film-ground="dark"] .film__card .fs__bubble--sent,
.filmb[data-film-ground="dark"] .film__card .fs__bubble--sent .fs__addr{ color: var(--ink); }
.filmb[data-film-ground="light"] .film__card .mo-btn.is-fill,
.filmb[data-film-ground="light"] .film__card .fs__bubble--sent,
.filmb[data-film-ground="light"] .film__card .fs__bubble--sent .fs__addr{ color: var(--surface); }
.film__card [data-film-glide] [data-film-turn]{
  position: relative;
  opacity: var(--g-op, 1);
  transform: translateY(var(--g-y, 0px));
}
.film__card [data-film-glide] [data-film-turn]:not([data-film-on]){ display: none; }
.film__card [data-film-glide] [data-film-turn]::before,
.film__card [data-film-glide] [data-film-turn]::after{
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 2px;
  border-radius: 2px;
}
.film__card [data-film-glide] [data-film-turn]::before{ background: var(--hair); }
.film__card [data-film-glide] [data-film-turn]::after{
  background: var(--accent-text);
  opacity: var(--g-rule, 0);
}
.film__card [data-film-glide] .mo-turn[data-who="ai"] .mo-who{ color: var(--accent-text); }
.film__clockrow{ grid-area: clockrow; }
.film__call{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .38em;
  padding: 8%;
  text-align: center;
  font-size: clamp(11px, 1.5cqw, 17px);
}
.film__call-eyebrow{
  font-size: .86em;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--mute);
}
.film__call-name{
  font-size: 1.75em;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--ink);
}
.film__call-sub{ color: var(--slate); }
.film__call-timer{ margin-top: .5em; color: var(--mute); }
.film__layer{
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.film__clock{
  position: absolute;
  left: var(--cx, 50%);
  top: var(--cy, 7%);
  transform: translate(var(--ctx, -50%), var(--cty, -50%));
  font-size: var(--cs, 32px);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--ink);
  white-space: nowrap;
  z-index: 8;
  pointer-events: none;
}
.film__hail{
  position: absolute;
  left: 50%;
  top: 62%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 3;
  pointer-events: none;
}
.film__hail-line{
  font-size: clamp(13px, 2.1cqw, 20px);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--slate);
}
.film__hail-rule{
  width: clamp(46px, 9cqw, 108px);
  height: 2px;
  margin: clamp(9px, 1.4cqw, 16px) auto 0;
  background: var(--accent);
}
.film__ringwrap{
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.film__ring{
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.film__ring-path{
  fill: none;
  stroke: var(--accent-text);
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.film__label{
  position: absolute;
  z-index: 5;
  pointer-events: none;
  max-width: 92%;
  font-size: clamp(11.5px, 1.55cqw, 18px);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--ink);
  background: var(--surface);
  border-left: 2px solid var(--accent);
  padding: .34em .5em .34em .55em;
  border-radius: 0 var(--film-r-sm) var(--film-r-sm) 0;
}
.film__label b{ font-weight: 600; }
.film__label i{
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: .82em;
  color: var(--mute);
  letter-spacing: 0.01em;
}
.film__band{
  grid-area: band;
  position: relative;
  margin-inline: var(--film-pad);
  overflow: hidden;
}
.film__title{
  position: absolute;
  left: var(--tx, 0%);
  top: 50%;
  transform: translateY(-50%);
  max-width: min(78%, 46ch);
  margin: 0;
  font-size: clamp(18px, 3.3cqw, 34px);
  line-height: 1.14;
  font-weight: 600;
  letter-spacing: -0.021em;
  color: var(--ink);
}
.film__title-mask{ display: block; overflow: hidden; }
.film__title-mask > span{ display: block; }
.film__cross{
  position: absolute;
  z-index: 6;
  pointer-events: none;
  font-size: clamp(11.5px, 1.5cqw, 17px);
  font-weight: 600;
  color: var(--canvas);
  background: var(--accent-text);
  border-radius: 999px;
  padding: .38em .74em;
  white-space: nowrap;
}
.film__merge{
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  border-radius: var(--film-r);
  clip-path: inset(0 var(--mg-r, 0%) 0 var(--mg-l, 100%));
}
.film__map{ display: block; width: 100%; height: 100%; }
.film__map-land{ fill: var(--land); }
.film__map-block{ fill: var(--block); }
.film__map-road{ stroke: var(--road); fill: none; stroke-linecap: round; }
.film__map-route{
  stroke: var(--route);
  fill: none;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.film__map-origin{ fill: var(--slate); }
.film__map-pin-ring{ fill: var(--surface); stroke: var(--route); stroke-width: 5; }
.film__map-pin-dot{ fill: var(--route); }
.film__map-label{
  position: absolute;
  transform: translate(-50%, 0);
  font-size: clamp(12px, 1.7cqw, 20px);
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--accent-text);
  background: var(--surface);
  border-radius: var(--film-r-sm);
  padding: .3em .55em;
  white-space: nowrap;
}
.film__finale{
  position: absolute;
  inset: 0;
  z-index: 7;
  padding: 0 var(--film-pad);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(7px, 1.1cqw, 14px);
  background: var(--canvas);
}
.film__rows{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(7px, 1.1cqw, 14px);
  margin-top: 8%;
}
.film__row{
  display: block;
  overflow: hidden;
  font-size: var(--film-row);
  line-height: 1.16;
  font-weight: 600;
  letter-spacing: -0.021em;
}
.film__row > span{ display: block; }
.film__row-num{
  display: inline-block;
  width: 2.1em;
  font-weight: 500;
  color: var(--mute);
  font-size: .62em;
  letter-spacing: 0.02em;
  vertical-align: middle;
}
.film__route{
  display: block;
  width: fit-content;
  margin: .5em 0 0 calc(1.302 * var(--film-row));
  font-size: clamp(11px, 1.4cqw, 16px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
  color: var(--slate);
  border-bottom: 1px solid var(--edge);
}
.film__opener{
  position: absolute;
  left: 50%;
  top: 41%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-inline: clamp(10px, 3cqw, 36px);
  z-index: 9;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .04em;
  text-align: center;
}
.film__opener-h{
  display: block;
  width: fit-content;
  max-width: 100%;
  font-size: clamp(28px, 4.7cqw, 52px);
  font-weight: 600;
  letter-spacing: -0.028em;
  line-height: 1.08;
  color: var(--ink);
  text-wrap: balance;
}
.film__opener-twin{
  margin: 0 0 clamp(10px, 1.6vw, 18px);
  max-width: 22ch;
  font-size: clamp(20px, 3.2vw, 34px);
  font-weight: 600;
  letter-spacing: -0.028em;
  line-height: 1.12;
  color: var(--ink);
}
.film__chrome{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 1120px;
  margin: 10px auto 0;
}
.film__rail{
  position: relative;
  flex: 1 1 auto;
  height: 2px;
  background: var(--hair);
  border-radius: 2px;
  overflow: hidden;
}
.film__rail-fill{
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--p, 0%);
  background: var(--slate);
}
.film__btn{
  flex: 0 0 auto;
  min-width: 74px;
  min-height: 34px;
  padding: 6px 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--slate);
  background: var(--surface);
  border: 1px solid var(--edge);
  border-radius: 999px;
  cursor: pointer;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.film__btn:hover{ color: var(--ink); border-color: var(--accent); }
.fs{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  font-size: clamp(10.5px, 1.42cqw, 16px);
  line-height: 1.34;
  color: var(--ink);
  overflow: hidden;
}
.fs__bar{
  flex: 0 0 auto;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .6em;
  padding: .95em .9em .7em;
  border-bottom: 1px solid var(--hair);
}
.fs__biz{ font-weight: 600; letter-spacing: -0.01em; }
.fs__meta{ font-size: .82em; color: var(--mute); white-space: nowrap; }
.fs__body{
  flex: 1 1 auto;
  padding: .8em .9em;
  display: flex;
  flex-direction: column;
  gap: .62em;
  overflow: hidden;
}
.fs__body--center{ justify-content: center; align-items: center; text-align: center; gap: .5em; }
.fs__kicker{
  font-size: .8em;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--mute);
}
.fs__lede{ font-size: 1.42em; font-weight: 600; letter-spacing: -0.018em; line-height: 1.14; }
.fs__sub{ color: var(--slate); }
.fs__addr{ color: var(--accent-text); font-weight: 600; }
.fs__addr--was{
  color: var(--mute);
  font-weight: 500;
  text-decoration: line-through;
  text-decoration-color: var(--edge);
}
.fs__note{ font-size: .84em; color: var(--mute); }
.fs__row{
  display: flex;
  gap: .7em;
  align-items: baseline;
  padding: .5em .55em;
  border: 1px solid var(--hair);
  border-radius: var(--film-r-sm);
  background: var(--surface);
}
.fs__row--well{ background: var(--well); border-color: var(--hair); }
.fs__row--live{ border-color: var(--accent); }
.fs__time{ flex: 0 0 auto; font-weight: 600; color: var(--slate); }
.fs__who{ flex: 1 1 auto; min-width: 0; }
.fs__name{ font-weight: 600; display: block; }
.fs__turn{ display: flex; }
.fs__turn--them{ justify-content: flex-start; }
.fs__turn--caller{ justify-content: flex-end; }
.fs__bubble{
  max-width: 86%;
  padding: .5em .68em;
  border-radius: var(--film-r);
  background: var(--well);
  border: 1px solid var(--hair);
}
.fs__turn--caller .fs__bubble{ background: var(--tint); border-color: var(--tint); }
.fs__bubble--sent{ background: var(--accent); border-color: var(--accent); color: var(--surface); }
.fs__bubble--sent .fs__addr{ color: var(--surface); text-decoration: underline; }
.fs__badge{
  display: inline-block;
  font-size: .76em;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--slate);
  border: 1px solid var(--edge);
  border-radius: 999px;
  padding: .12em .55em;
}
.fs__prov{
  border-top: 1px solid var(--hair);
  padding-top: .55em;
  display: flex;
  flex-direction: column;
  gap: .25em;
}
.fs__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  background: var(--hair);
  border: 1px solid var(--hair);
  border-radius: var(--film-r-sm);
  overflow: hidden;
}
.fs__cell{ background: var(--surface); min-height: 1.9em; padding: .25em .3em; font-size: .8em; color: var(--mute); }
.fs__cell--on{ background: var(--tint); color: var(--ink); font-weight: 600; }
.fs__minimap{ flex: 1 1 auto; min-height: 0; border-radius: var(--film-r-sm); overflow: hidden; border: 1px solid var(--hair); }
.fs__minimap svg{ display: block; width: 100%; height: 100%; }
.film__sr{
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (prefers-reduced-motion: reduce){
  .film__btn{ transition-duration: 1ms; }
}
.mo-screen{
  container-type:inline-size;
  container-name:moscreen;
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:var(--canvas);
}
.mo-view{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  color:var(--ink);
  font-family:var(--sans);
  text-align:left;
  --t-title:28px;
  --t-hero:28px;
  --t-row:17px;
  --t-sec:14px;
  --t-head:12px;
  --t-foot:14px;
  --t-status:15px;
  --t-chip:14px;
  --t-btn:16px;
  --gut:16px;
  --cardpad:14px;
  --rowpad-y:11px;
  --rowpad-x:14px;
  --rowmin:52px;
  --group:20px;
  --radius:14px;
  --btnradius:12px;
  --timecol:64px;
}
@container moscreen (max-width:320px){
  .mo-view{
    --t-title:23px; --t-hero:24px; --t-row:15px; --t-sec:13px; --t-head:11px;
    --t-foot:13px; --t-status:13px; --t-chip:12px; --t-btn:14px;
    --gut:12px; --cardpad:11px; --rowpad-y:9px; --rowpad-x:11px; --rowmin:44px;
    --group:14px; --timecol:52px;
  }
}
@container moscreen (max-width:240px){
  .mo-view{
    --t-title:20px; --t-hero:22px; --t-row:14px; --t-sec:13px; --t-head:11px;
    --t-foot:12px; --t-status:12px; --t-chip:11px; --t-btn:13px;
    --gut:10px; --cardpad:10px; --rowpad-y:6px; --rowpad-x:10px; --rowmin:34px;
    --group:8px; --radius:12px; --timecol:44px;
  }
  .mo-head{ padding:4px 0 var(--group); }
  .mo-row-issue{ line-height:1.3; }
  .mo-btn{ padding:8px 10px; }
  .mo-actions{ margin-top:8px; gap:6px; }
  .mo-hero-name{ margin-top:4px; }
  .mo-hero-issue{ margin-top:4px; }
  .mo-row > .mo-chip{ margin-top:4px; }
}
.mo-view *{ margin:0; }
.mo-status{
  flex:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:calc(var(--gut) * .75) calc(var(--gut) + 10px) 2px;
  font-size:var(--t-status);
  font-weight:600;
  color:var(--ink);
  line-height:1.2;
}
.mo-status-right{ display:inline-flex; align-items:flex-end; gap:5px; }
.mo-sig{ display:inline-flex; align-items:flex-end; gap:1.5px; height:9px; }
.mo-sig i{ display:block; width:2.5px; background:var(--ink); border-radius:1px; }
.mo-sig i:nth-child(1){ height:4px; }
.mo-sig i:nth-child(2){ height:6.5px; }
.mo-sig i:nth-child(3){ height:9px; }
.mo-batt{
  display:inline-block; position:relative; width:18px; height:9px;
  border:1px solid var(--slate); border-radius:2px;
}
.mo-batt i{ position:absolute; inset:1.5px auto 1.5px 1.5px; width:9px; background:var(--ink); border-radius:1px; }
.mo-topbar{
  flex:none;
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:6px var(--gut) 4px;
}
.mo-back{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:var(--t-row);
  font-weight:400;
  color:var(--accent-text);
}
.mo-back::before{
  content:"";
  width:.42em; height:.42em;
  border-left:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
}
.mo-topbar-title{ font-size:var(--t-row); font-weight:500; color:var(--ink); }
.mo-tabs{
  flex:none;
  display:flex;
  background:var(--surface);
  border-top:1px solid var(--hair);
  padding:9px 0 22px;
}
.mo-tab{
  flex:1 1 0;
  text-align:center;
  font-size:var(--t-head);
  font-weight:600;
  letter-spacing:.01em;
  color:var(--mute);
}
.mo-tab.is-on{ color:var(--accent-text); }
@container moscreen (max-width:240px){
  .mo-tabs{ padding:7px 0 12px; }
}
.mo-body{
  flex:1 1 auto;
  min-height:0;
  padding:0 var(--gut) 8px;
  overflow:hidden;
}
.mo-body-center{ display:flex; flex-direction:column; justify-content:center; gap:var(--group); }
.mo-body-track{ padding-top:calc(var(--group) * .5); }
.mo-body > :last-child{ margin-bottom:0; }
.mo-head{ padding:calc(var(--group) * .5) 0 var(--group); }
.mo-eyebrow{
  font-size:var(--t-head);
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--slate);
}
.mo-title{
  font-size:var(--t-title);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.12;
  color:var(--ink);
  margin-top:2px;
}
.mo-title-sm{ font-size:calc(var(--t-title) - 5px); }
.mo-sub{
  font-size:var(--t-sec);
  font-weight:400;
  line-height:1.4;
  color:var(--slate);
  margin-top:4px;
}
.mo-sub-tight{ margin-top:2px; padding-bottom:var(--group); }
.mo-grouphead{
  font-size:var(--t-head);
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--slate);
  line-height:1.3;
}
.mo-grouphead-standalone{ margin-bottom:6px; padding-left:4px; }
.mo-foot{
  font-size:var(--t-foot);
  font-weight:400;
  line-height:1.4;
  color:var(--mute);
  margin-top:8px;
}
.mo-card{
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:var(--radius);
  overflow:hidden;
  margin-bottom:var(--group);
}
.mo-row{
  display:grid;
  grid-template-columns:var(--timecol) minmax(0,1fr) auto;
  align-items:center;
  gap:0 12px;
  min-height:var(--rowmin);
  padding:var(--rowpad-y) var(--rowpad-x);
  border-top:1px solid var(--hair);
}
.mo-row:first-child{ border-top:0; }
.mo-row-time{
  font-size:var(--t-row);
  font-weight:600;
  letter-spacing:-.01em;
  line-height:1.2;
  color:var(--ink);
}
.mo-row-time span{
  display:block;
  font-size:var(--t-head);
  font-weight:600;
  letter-spacing:.08em;
  color:var(--slate);
  line-height:1.3;
}
.mo-row[data-status="done"] .mo-row-time,
.mo-row[data-status="done"] .mo-row-name{ color:var(--slate); }
.mo-row-main{ display:block; min-width:0; }
.mo-row-name{
  display:block;
  font-size:var(--t-row);
  font-weight:500;
  line-height:1.3;
  color:var(--ink);
}
.mo-row-issue{
  display:block;
  font-size:var(--t-sec);
  font-weight:400;
  line-height:1.35;
  color:var(--slate);
  margin-top:1px;
}
.mo-row-open{
  display:block;
  font-size:var(--t-row);
  font-weight:400;
  color:var(--mute);
}
.mo-row.is-open{ border-top:1px dashed var(--edge); }
.mo-row.is-new .mo-row-name{ color:var(--ink); }
@container moscreen (max-width:280px){
  .mo-row{ grid-template-columns:var(--timecol) minmax(0,1fr); }
  .mo-row > .mo-chip{ grid-column:2; justify-self:start; margin-top:5px; }
}
.mo-chip{
  display:inline-flex;
  align-items:center;
  justify-self:end;
  height:auto;
  min-height:22px;
  padding:3px 10px;
  border-radius:999px;
  font-size:var(--t-chip);
  font-weight:600;
  line-height:1.25;
  background:var(--well);
  color:var(--slate);
  white-space:nowrap;
}
.mo-chip[data-tone="ai"]{ background:var(--tint); color:var(--deep); }
.mo-chip[data-tone="next"]{ background:var(--tint); color:var(--deep); }
:root[data-theme="dark"] .mo-chip{ background:var(--raised); color:var(--slate); }
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .mo-chip{ background:var(--raised); color:var(--slate); }
  :root:not([data-theme="light"]) .mo-chip[data-tone="ai"],
  :root:not([data-theme="light"]) .mo-chip[data-tone="next"]{ background:var(--tint); color:var(--accent-text); }
}
:root[data-theme="dark"] .mo-chip[data-tone="ai"],
:root[data-theme="dark"] .mo-chip[data-tone="next"]{ background:var(--tint); color:var(--accent-text); }
@container moscreen (max-width:240px){
  .mo-chip{ white-space:normal; }
}
.mo-addr{
  display:inline-block;
  max-width:100%;
  font-size:var(--t-row);
  font-weight:400;
  line-height:1.4;
  color:var(--accent-text);
  text-decoration:none;
  border-bottom:1px solid color-mix(in srgb, currentColor 32%, transparent);
  overflow-wrap:break-word;
}
.mo-addr.is-lg{ font-weight:500; }
.mo-hero{
  position:relative;
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:var(--radius);
  padding:var(--cardpad);
  margin-bottom:var(--group);
  overflow:hidden;
}
.mo-hero::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  background:var(--accent);
}
.mo-hero-line{ display:flex; align-items:baseline; flex-wrap:wrap; gap:0 8px; }
.mo-hero-time{
  font-size:var(--t-hero);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.1;
  color:var(--ink);
}
.mo-hero-mer{
  font-size:var(--t-head);
  font-weight:600;
  letter-spacing:.08em;
  color:var(--slate);
}
.mo-hero-line .mo-chip{ margin-left:auto; justify-self:auto; }
.mo-hero-name{
  font-size:var(--t-row);
  font-weight:500;
  line-height:1.3;
  color:var(--ink);
  margin-top:6px;
}
.mo-hero .mo-addr{ margin-top:2px; }
.mo-hero-issue{
  font-size:var(--t-sec);
  font-weight:400;
  line-height:1.4;
  color:var(--slate);
  margin-top:6px;
}
.mo-actions{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.mo-actions-call{ margin-top:0; }
.mo-btn{
  flex:1 1 auto;
  text-align:center;
  padding:10px 12px;
  border-radius:var(--btnradius);
  border:1px solid var(--edge);
  background:var(--surface);
  color:var(--accent-text);
  font-size:var(--t-btn);
  font-weight:600;
  letter-spacing:-.005em;
  line-height:1.25;
}
.mo-btn.is-fill{ background:var(--accent); border-color:var(--accent); color:var(--surface); }
.mo-btn.is-danger{ color:var(--danger); }
:root[data-theme="dark"] .mo-btn.is-fill{ color:var(--ink); }
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .mo-btn.is-fill{ color:var(--ink); }
}
.mo-call{ text-align:center; padding:var(--group) 0; }
.mo-call-name{
  font-size:var(--t-title);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.12;
  color:var(--ink);
  margin-top:6px;
  overflow-wrap:break-word;
}
.mo-call-num,
.mo-call-sub{
  font-size:var(--t-row);
  font-weight:400;
  line-height:1.35;
  color:var(--slate);
  margin-top:4px;
}
.mo-call-timer{
  font-size:var(--t-hero);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.1;
  color:var(--ink);
  margin-top:10px;
}
.mo-call-note{
  font-size:var(--t-foot);
  font-weight:400;
  line-height:1.4;
  color:var(--mute);
  margin-top:12px;
}
.mo-turns{ list-style:none; padding:0; }
.mo-turn{
  padding:10px var(--rowpad-x);
  border-top:1px solid var(--hair);
  background:var(--card);
}
.mo-turn:first-child{ border-top:0; border-top-left-radius:var(--radius); border-top-right-radius:var(--radius); }
.mo-turn:last-child{ border-bottom-left-radius:var(--radius); border-bottom-right-radius:var(--radius); }
.mo-turn-head{ display:flex; align-items:baseline; gap:8px; }
.mo-who{
  font-size:var(--t-head);
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--slate);
}
.mo-at{ font-size:var(--t-head); font-weight:400; color:var(--mute); }
.mo-said{
  font-size:var(--t-sec);
  font-weight:400;
  line-height:1.4;
  color:var(--ink);
  margin-top:2px;
}
.mo-turn[data-who="caller"] .mo-said{ color:var(--slate); }
.mo-prov{ padding:var(--cardpad); }
.mo-prov .mo-addr{ margin-top:4px; }
.mo-prov-line{
  font-size:var(--t-foot);
  font-weight:400;
  line-height:1.4;
  color:var(--slate);
  margin-top:6px;
}
.mo-was{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--hair);
}
.mo-was-val{
  font-size:var(--t-sec);
  font-weight:400;
  line-height:1.4;
  color:var(--slate);
  margin-top:4px;
  overflow-wrap:break-word;
}
.mo-prov-foot{
  font-size:var(--t-foot);
  font-weight:400;
  line-height:1.45;
  color:var(--mute);
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--hair);
}
.mo-prov[data-tone="unconfirmed"]{ border-color:var(--edge); }
.mo-week{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:2px;
  margin-bottom:var(--group);
}
.mo-day{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  padding:6px 0;
  border-radius:10px;
  background:var(--card);
  border:1px solid var(--hair);
}
.mo-day-dow{
  font-size:var(--t-head);
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--slate);
}
.mo-day-num{
  font-size:var(--t-sec);
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--ink);
}
.mo-day.is-on{ background:var(--tint); border-color:var(--tint); }
.mo-day.is-on .mo-day-dow,
.mo-day.is-on .mo-day-num{ color:var(--deep); }
.mo-thread{ list-style:none; padding:0; display:flex; flex-direction:column; gap:12px; }
.mo-msg{ display:flex; flex-direction:column; align-items:flex-start; max-width:88%; }
.mo-msg[data-dir="out"]{ align-self:flex-end; align-items:flex-end; }
.mo-thread[data-side="customer"] .mo-msg[data-dir="out"]{ align-self:flex-start; align-items:flex-start; }
.mo-thread[data-side="customer"] .mo-msg[data-dir="in"]{ align-self:flex-end; align-items:flex-end; }
.mo-badge{
  font-size:var(--t-head);
  font-weight:600;
  letter-spacing:.1em;
  color:var(--slate);
  margin-bottom:3px;
}
.mo-bubble{
  padding:9px 12px;
  border-radius:var(--radius);
  background:var(--card);
  border:1px solid var(--hair);
  font-size:var(--t-sec);
  font-weight:400;
  line-height:1.4;
  color:var(--ink);
  overflow-wrap:break-word;
}
.mo-msg[data-dir="out"] .mo-bubble{ background:var(--tint); border-color:var(--tint); color:var(--ink); }
.mo-msg-meta{
  font-size:var(--t-head);
  font-weight:400;
  color:var(--mute);
  margin-top:3px;
}
.mo-track-lede{
  font-size:var(--t-row);
  font-weight:400;
  line-height:1.3;
  color:var(--slate);
  margin-top:10px;
}
.mo-track-big{
  font-size:calc(var(--t-hero) + 6px);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.05;
  color:var(--ink);
  margin-top:2px;
}
.mo-track-mins{
  font-size:var(--t-row);
  font-weight:400;
  line-height:1.3;
  color:var(--slate);
  margin-top:4px;
}
.mo-track-rev{
  font-size:var(--t-foot);
  font-weight:400;
  line-height:1.4;
  color:var(--mute);
  margin-top:10px;
  margin-bottom:var(--group);
}
.mo-track-where{ padding:var(--cardpad); }
.mo-track-where .mo-grouphead{ display:block; margin-bottom:3px; }
.filmbwrap{ display:flex;flex-direction:column;gap:clamp(24px,3vw,var(--s7)) }
.filmbhead{
  margin:0;
  font-size:clamp(28px,3.4vw,44px);font-weight:700;
  letter-spacing:-.028em;line-height:1.08;
  max-width:16em;text-wrap:balance;
}
.filmbhead[data-filmb-head="film"]{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0;
}
.filmbstage{ display:block;width:100%;position:relative }
@media (max-width:520px){
  .filmbstage{ margin-inline:calc(var(--s6) / -2);width:auto }
  .filmbstage .film__stage{ border-left:0;border-right:0;border-radius:0 }
}
.filmbstage .film__stage > *{ --film-pad:2.4cqw }
@media (min-width:620px){ .filmbstage .film__stage > *{ --film-pad:3cqw } }
@media (min-width:900px){ .filmbstage .film__stage > *{ --film-pad:3.2cqw } }
.filmbposter{
  margin:0;padding:clamp(28px,5vw,64px) clamp(18px,4vw,44px);
  font-size:17px;line-height:1.55;color:var(--mute);
  border:1px solid var(--hair);border-radius:12px;
}
.filmbstage[data-filmb-state="failed"] .filmbposter{ color:var(--slate) }
.filmbtwin{ max-width:var(--fine-measure, 44em); margin-bottom:var(--s12) }
.filmbtwinlead{
  margin:0 0 var(--s5);
  font-size:var(--t-14);font-weight:400;line-height:1.5;
  color:var(--mute);
  letter-spacing:0;
  max-width:none;
}
.sec--ink .filmbtwinlead{ color:var(--ink-band-mute) }
.filmbturns{
  margin:0;padding:0 0 0 1.6em;
  display:flex;flex-direction:column;gap:var(--s3);
  font-size:17px;line-height:1.55;color:var(--slate);
  list-style:decimal;
}
.filmbturns li::marker{ color:var(--mute);font-size:14px }
.sec--ink .filmbturns li::marker{ color:var(--ink-band-mute) }
.filmbturns b{ font-weight:600;color:var(--ink) }
.filmbprov{ margin:var(--s5) 0 0 }
.sec--ink .filmbturns{ color:var(--ink-band-slate) }
.sec--ink .filmbturns b{ color:var(--ink-band-ink) }
.sec--ink .filmbposter{ color:var(--ink-band-mute);border-color:var(--ink-band-hair) }
.filmbstage .film__chrome{
  justify-content:flex-end;
  gap:10px;
  margin-top:8px;
}
.filmbstage .film__rail{
  flex:0 0 120px;
  height:2px;
  background:none;
  border-radius:2px;
  position:relative;
  opacity:.22;
  transition:opacity 140ms cubic-bezier(.23,1,.32,1);
}
.filmbstage .film__rail::before{
  content:"";position:absolute;inset:0;
  background:var(--slate);opacity:.45;border-radius:2px;
}
.filmbstage .film__rail-fill{
  background:var(--slate);border-radius:2px;
}
.filmbstage .film__btn{
  flex:0 0 auto;
  display:block;
  width:20px;height:20px;min-width:0;min-height:0;padding:0;
  background:none;border:0;border-radius:0;
  color:var(--slate);
  position:relative;
  overflow:hidden;
  text-indent:-99em;          /* the word leaves the box, not the a11y tree */
  white-space:nowrap;
  opacity:.22;
  cursor:pointer;
  transition:opacity 140ms cubic-bezier(.23,1,.32,1);
}
.filmbstage .film__btn::before{
  content:"";position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  text-indent:0;
}
.filmbstage .film__btn[data-filmb-pp="playing"]::before{
  width:12px;height:14px;
  background:
    linear-gradient(currentColor,currentColor) left  / 4px 100% no-repeat,
    linear-gradient(currentColor,currentColor) right / 4px 100% no-repeat;
}
.filmbstage .film__btn[data-filmb-pp="paused"]::before{
  width:0;height:0;
  margin-left:1px;
  border-left:12px solid currentColor;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
}
.filmbstage .film__btn:focus-visible,
.filmbstage .film__rail:focus-visible{ opacity:1 }
@media (hover:hover) and (pointer:fine){
  .filmbstage .film__btn:hover{ opacity:1 }
  .filmbstage .film__rail:hover{ opacity:.6 }
}
@media (prefers-reduced-motion:reduce){
  .filmbstage .film__btn,
  .filmbstage .film__rail{ transition-duration:1ms }
}
.filmband{
  padding-block:clamp(72px, 9vw, var(--s12));
}
.filmband .filmbtwin{ margin-bottom:0 }
@media (min-width:521px){
  .filmband .filmbwrap.wrap{ width:100% }
  .filmband .filmbstage .film__stage{
    border-left:0;border-right:0;border-radius:0;max-width:none;
  }
  .filmband .filmbtwin{
    width:min(620px, 100% - var(--s10));
    margin-inline:auto;
  }
}
.filmband .filmbstage:not([data-filmb-state])::before{
  content:'';
  display:block;
  aspect-ratio:9 / 16;
  margin-bottom:28px;
}
@media (min-width:620px){
  .filmband .filmbstage:not([data-filmb-state])::before{ aspect-ratio:4 / 3 }
}
@media (min-width:900px){
  .filmband .filmbstage:not([data-filmb-state])::before{ aspect-ratio:3 / 2 }
}
.filmband .filmbstage:not([data-filmb-state]) .filmbposter{
  position:absolute; inset:0 0 28px;
  margin:0;
  display:flex; align-items:center; justify-content:center;
  text-align:center;
}
@media (max-width:520px){
  .filmband .filmbstage{ margin-inline:0; width:100% }
  .filmband .filmbstage .film__stage{
    border-left:1px solid var(--film-edge, var(--ink-band-hair));
    border-right:1px solid var(--film-edge, var(--ink-band-hair));
    border-radius:12px;
  }
  .filmband .filmbstage .film__opener{
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
            mask-image:linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
    -webkit-mask-repeat:no-repeat;
            mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
            mask-size:100% 100%;
  }
}
.setp{
  scroll-margin-top:calc(var(--nav-h) + var(--s4));
  --nav:cubic-bezier(.32,.72,0,1);
  --t-push:400ms;
  --t-back:340ms;      /* exit faster than entrance (NR-072) */
  --t-sheet:360ms;
  --t-unsheet:280ms;
  --t-tab:260ms;
  --t-cap-out:200ms;
  --t-cap-in:300ms;
  --t-cap-lead:80ms;          /* overlap = 200 − 80 = 120ms, past CAP-1's floor */
  --set-pin-h:88px;
  --set-bar-h:80px;
  --set-bar-gutter:22px;
  --set-btn-w:172px;
}
.setp .sechead{ margin-bottom:clamp(32px,4.5vw,var(--s10)) }
.setsynth{ margin-top:var(--s5); max-width:58ch }
.setstage{
  width:min(100%, 820px);
  margin-inline:auto;
  position:relative;
  display:flex; flex-direction:column; align-items:center;
  gap:clamp(28px,4vw,var(--s8));
}
.setcaps{ display:flex; flex-direction:column; gap:var(--s7); width:100%; max-width:34ch }
.setstamp{ margin:0 0 var(--s2) }
.setline{ margin:0 }
.setdev{ position:relative; flex:none }
.setp .phone{ --k:var(--dk,.66) }
.setscr{ display:none }
.setscr[data-scr="0"]{ display:flex }
.setp:not([data-live="1"]) .setbar{ display:none }
.settrack{ position:relative }
.setanchor{ position:absolute; top:0; left:0; width:1px; height:1px }
.setp[data-live="1"] .setcaps{
  display:grid; gap:0;
}
.setp[data-live="1"] .setcap{
  grid-area:1 / 1;
  opacity:0; visibility:hidden;
  transform:translate3d(0,6px,0);
  transition:opacity var(--t-cap-out) var(--out),
             transform 0s linear var(--t-cap-out),
             visibility 0s linear var(--t-cap-out);
}
.setp[data-live="1"] .setcap[data-off="1"]{
  opacity:0; visibility:visible; transform:none;
  transition:opacity var(--t-cap-out) linear, visibility 0s linear var(--t-cap-out);
}
.setp[data-live="1"] .setcap[data-on="1"]{
  opacity:1; visibility:visible; transform:none;
  transition:opacity var(--t-cap-in) var(--out) var(--t-cap-lead),
             transform var(--t-cap-in) var(--out) var(--t-cap-lead),
             visibility 0s linear 0s;
}
.setp[data-live="1"] .setscr{
  display:flex;
  visibility:hidden;
  transform:scale(var(--k)) translate3d(0,0,0);
  opacity:1;
}
.setp[data-live="1"] .setscr[data-vis="1"]{ visibility:visible; will-change:transform,opacity }
.setp[data-live="1"] .setscr[data-st="at"]  { transform:scale(var(--k)) translate3d(0,0,0); opacity:1 }
.setp[data-live="1"] .setscr[data-st="right"]{ transform:scale(var(--k)) translate3d(100%,0,0); opacity:1 }
.setp[data-live="1"] .setscr[data-st="left"] { transform:scale(var(--k)) translate3d(-30%,0,0); opacity:.6 }
.setp[data-live="1"] .setscr[data-st="below"]{ transform:scale(var(--k)) translate3d(0,100%,0); opacity:1 }
.setp[data-live="1"] .setscr[data-st="dim"]  { transform:scale(var(--k)) translate3d(0,0,0); opacity:.5 }
.setp[data-live="1"] .setscr[data-st="tabR"] { transform:scale(var(--k)) translate3d(7%,0,0); opacity:0 }
.setp[data-live="1"] .setscr[data-st="tabL"] { transform:scale(var(--k)) translate3d(-7%,0,0); opacity:0 }
.setp[data-live="1"] .setscr[data-st="fade"] { transform:scale(var(--k)) translate3d(0,0,0); opacity:0 }
@media (prefers-reduced-motion: reduce){
  .setp{ --t-cap-in:140ms; --t-cap-out:100ms }
}
.setp .setscr .tabbar{
  box-sizing:border-box;
  height:var(--set-bar-h);
  padding-bottom:var(--set-bar-gutter);
}
.setp .setscr .pinbar{
  box-sizing:border-box;
  height:var(--set-pin-h);
  padding:0 16px;
  display:flex; align-items:center;
}
.setp .setscr--them .pinbar{
  height:calc(var(--set-pin-h) + var(--set-bar-gutter));
  padding-bottom:var(--set-bar-gutter);
}
.setp .setscr .pinmorn{ flex:1 1 auto; min-width:0 }
.setp .setscr .pinbar .abtn{
  flex:0 0 auto;
  white-space:nowrap;
  min-width:var(--set-btn-w);
}
.setp .setscr .pinbar .leaveby br{ display:none }
.setp .setscr .pinbar .lb1,
.setp .setscr .pinbar .lb2{ display:block; text-wrap:balance }
.setp .setscr .pinbar .abtn{
  background:var(--a-accent); color:#fff; border-color:var(--a-accent);
}
.setp .setscr [tabindex="-1"]{ cursor:default }
.setp .setscr .tab[data-live-tab]{ cursor:pointer }
.setp .setscr .tab[data-live-tab]:focus-visible{
  outline:calc(2px / var(--k,1)) solid var(--a-accent-text);
  outline-offset:calc(-2px / var(--k,1));
  border-radius:calc(6px / var(--k,1));
}
.setp .setscr .tab[data-live-tab]{
  transition:transform 160ms var(--out), color 160ms var(--out);
}
@media (hover:hover) and (pointer:fine){
  .setp .setscr .tab[data-live-tab]:not([aria-current="page"]):hover{ color:var(--a-ink) }
}
.setp .setscr .tab[data-live-tab]:active{ transform:scale(.97) }
.setp .setscr .tab[data-off]{ opacity:.38 }
@media (prefers-reduced-motion: reduce){
  .setp .setscr .tab[data-live-tab]{ transition:color 160ms var(--out) }
  .setp .setscr .tab[data-live-tab]:active{ transform:none }
}
.setp .setscr [data-live-step]{ position:relative }
.setp .setscr [data-live-step]::after{
  content:""; position:absolute; left:50%; top:50%;
  width:calc(44px / var(--k,1)); height:calc(44px / var(--k,1));
  min-width:100%; min-height:100%;
  transform:translate(-50%,-50%);
}
@keyframes setcue{
  from{ opacity:.55; transform:translate(-50%,-50%) scale(1) }
  to  { opacity:0;   transform:translate(-50%,-50%) scale(1.14) }
}
.setp .setscr [data-live-step]::before{
  content:""; position:absolute; left:50%; top:50%;
  width:100%; height:100%;
  transform:translate(-50%,-50%) scale(1);
  border:2px solid var(--a-accent);
  border-radius:14px;
  opacity:0;
  pointer-events:none;
}
.setp .setscr [data-live-step][data-cue="1"]::before{
  animation:setcue 600ms var(--arrive) 1 both;
}
@media (prefers-reduced-motion: reduce){
  .setp .setscr [data-live-step][data-cue="1"]::before{ animation:none }
}
.setbar{ display:flex; flex-direction:column; align-items:center; gap:var(--s3); flex:none }
.setrail{
  position:relative;
  display:grid; gap:6px;
  grid-auto-flow:column; grid-auto-columns:1fr;
  width:min(100%, 320px);
}
.setstop{
  position:relative; z-index:1;
  appearance:none; background:transparent; border:0; padding:0; margin:0;
  cursor:pointer; font:inherit;
  display:flex; align-items:center; justify-content:center;
  min-width:44px; min-height:44px;
  border-radius:8px;
  transition:transform 160ms var(--out);
}
.setstop:active{ transform:scale(.97) }
.setstopl{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
.setmark{
  --mk:.5; --pk:1;
  display:block; width:100%; height:6px; min-height:6px;
  border-radius:3px; background:var(--mute);
  transform:scaleX(var(--pk)) scaleY(var(--mk));
  transition:background-color 200ms var(--out), transform 200ms var(--out);
}
.setstop[aria-selected="true"] .setmark{ background:var(--ink); --mk:1 }
.setstop:active .setmark{ --pk:.82 }
.setrail .setstop:nth-child(5){ margin-left:var(--s3) }
.setstop--them .setmark{ width:64% }
@media (hover:hover) and (pointer:fine){
  .setstop:hover .setmark{ background:var(--ink) }
}
.setstop:focus-visible{ outline:2px solid var(--accent-text); outline-offset:2px }
@media (min-width:1024px){
  html.motion .setp[data-stage="on"] .setrail:not([data-hush]) .setstop:hover .setstopl,
  html.motion .setp[data-stage="on"] .setrail:not([data-hush]) .setstop:focus-visible .setstopl{
    position:absolute; left:calc(100% + 10px); top:50%;
    transform:translateY(-50%);
    width:max-content; max-width:min(26ch, calc(50vw - 390px)); height:auto;
    margin:0; padding:0; border:0;
    overflow:visible; clip:auto; clip-path:none;
    white-space:normal; text-align:left; text-wrap:pretty;
    font-size:var(--t-14); line-height:1.32; color:var(--ink);
  }
  html.motion .setp[data-stage="on"] .setstop[aria-selected="true"] .setstopl{ color:var(--slate) }
}
@media (min-width:1024px) and (hover:none){
  html.motion .setp[data-stage="on"] .setstop:hover .setstopl{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
  }
}
.setfill{
  position:absolute; z-index:0;
  left:0; top:calc(50% - 1px); width:100%; height:2px;
  border-radius:2px; background:var(--accent);
  opacity:.4;
  transform:scaleX(0); transform-origin:0 50%;
}
.setinvite{ margin:0; max-width:22ch; text-wrap:pretty; font-size:15px; color:var(--slate) }
.setnum{ display:none }
@media (max-width:760px){
  .setnum{
    display:grid; place-items:center;
    width:40px; height:40px; border-radius:50%;
    box-sizing:border-box;
    border:1.5px solid var(--mute);          /* 1.4.11: ~5.9:1 light, ~7.6:1 dark */
    background:transparent; color:var(--ink);
    font-size:var(--t-15); font-weight:600; line-height:1;
    font-variant-numeric:normal;             /* v1 proportional figures, canon */
    transition:background-color 200ms var(--out),
               border-color 200ms var(--out),
               color 200ms var(--out);
  }
  .setstop[aria-selected="true"] .setnum{
    background:var(--accent); border-color:var(--accent); color:#FFFFFF;
  }
  .setstop .setmark{ display:none }
  .setp .setfill{ display:none }
}
html.motion .setp[data-stage="on"]{ padding-bottom:clamp(24px,2.4vw,40px) }
html.motion .setp[data-stage="on"] .settrack{ position:relative }
html.motion .setp[data-stage="on"] .setpin{
  position:sticky; top:0;
  height:100svh;
  padding:12px max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));
  overflow:hidden; overflow:clip;
  display:flex; align-items:center;
}
html.motion .setp[data-stage="on"] .setstage{
  --set-capw:clamp(220px, 22vw, 300px);
  display:grid;
  width:min(100%, 1180px);
  grid-template-columns:var(--set-capw) auto auto;
  grid-template-rows:minmax(0,1fr) auto;
  justify-content:center; align-content:center;
  column-gap:clamp(20px,2.6vw,40px);
  row-gap:clamp(10px,1.6vh,20px);
  height:100%;
}
html.motion .setp[data-stage="on"] .setcaps{
  grid-column:1; grid-row:1;
  align-self:start;
  width:100%; max-width:none;
  padding-top:clamp(28px, 8vh, 76px);
}
html.motion .setp[data-stage="on"] .setdev{ grid-column:2; grid-row:1; align-self:center }
html.motion .setp[data-stage="on"] .setbar{ display:contents }
html.motion .setp[data-stage="on"] .setrail{
  grid-column:3; grid-row:1;
  align-self:center; justify-self:start;
}
html.motion .setp[data-stage="on"] .setinvite{
  grid-column:1 / -1; grid-row:2;
  justify-self:center; text-align:center;
  max-width:44ch;
}
@media (min-width:761px){
  html.motion .setp[data-stage="on"] .setrail{
    grid-auto-flow:row; grid-auto-columns:auto; grid-auto-rows:1fr;
    width:auto; height:min(52%, 300px);
  }
  html.motion .setp[data-stage="on"] .setmark{
    width:6px; height:100%; min-height:24px;
    transform:scaleX(var(--mk)) scaleY(var(--pk));
  }
  html.motion .setp[data-stage="on"] .setrail .setstop:nth-child(5){ margin-left:0; margin-top:var(--s3) }
  html.motion .setp[data-stage="on"] .setstop--them .setmark{ width:6px; height:64% }
  html.motion .setp[data-stage="on"] .setfill{
    left:calc(50% - 1px); top:0; width:2px; height:100%;
    transform:scaleY(0); transform-origin:50% 0;
  }
}
.setp .eglayer{ position:absolute; inset:0 }
@media (max-width:760px){
  html.motion .setp[data-stage="on"] .setstage{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr) auto;
    row-gap:10px;
  }
  html.motion .setp[data-stage="on"] .setpin{ padding:6px 0 }
  html.motion .setp[data-stage="on"] .setcaps{
    grid-column:1; grid-row:1;
    padding-top:0; justify-items:center; text-align:center;
    max-width:min(34ch, 100%); margin-inline:auto;
  }
  html.motion .setp[data-stage="on"] .setdev{ grid-column:1; grid-row:2; align-self:start }
  html.motion .setp[data-stage="on"] .setbar{
    display:flex;
    grid-column:1; grid-row:3; justify-self:center; margin:0; align-items:center;
    gap:var(--s1);
  }
  html.motion .setp[data-stage="on"] .setrail{ grid-column:auto; grid-row:auto; justify-self:auto }
  html.motion .setp[data-stage="on"] .setinvite{ grid-column:auto; grid-row:auto; justify-self:auto }
  .setinvite{ max-width:36ch; text-align:center; padding-inline:16px }
  .setline{ font-size:var(--t-19) }
}
.setp[data-static="1"] .setstage{
  display:flex; flex-direction:column;
  align-items:flex-start;
  gap:clamp(48px,7vw,var(--s11));
  width:min(100%, 1180px);
}
.setblock{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(24px,4vw,var(--s9));
  align-items:start;
  position:relative;
}
.setblockcol{ min-width:0; align-self:start; padding-top:clamp(12px,3vh,44px) }
.setblockdev{ position:relative; flex:none }
.setblock .eglayer{ position:absolute; inset:0 }
.setp[data-static="1"] .setcap{ max-width:34ch }
.setp[data-static="1"] .setscr{ display:flex }
.setp[data-static="1"] .setdev,
.setp[data-static="1"] .setcaps{ display:none }
@media (max-width:760px){
  .setblock{ grid-template-columns:minmax(0,1fr); justify-items:start }
}
.cdayband{
  font-size:12px; line-height:1.35; color:var(--a-slate);
  background:var(--a-well); border-radius:8px;
  padding:7px 10px; margin:0 0 8px;
}
.cday{ display:flex; gap:8px }
.cdayhours{ flex:none; width:38px; display:flex; flex-direction:column }
.cdayhours span{
  height:40px; font-size:11px; font-weight:600; line-height:1;
  color:var(--a-mute); text-align:right; padding-top:1px;
}
.cdaylane{ position:relative; flex:1 1 auto; min-width:0; height:480px }
.cdayrules{ position:absolute; inset:0 }
.cdayrules i{ display:block; height:40px; border-top:1px solid var(--a-hair) }
.cdayjob{
  position:absolute; left:0; right:0; top:var(--t); height:var(--h);
  background:var(--a-well); border-radius:8px;
  padding:0 8px 0 12px;
  display:flex; align-items:center; gap:8px; overflow:hidden;
}
.cdayjob::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:var(--a-mute); border-radius:8px 0 0 8px;
}
.cdayjob--new{ background:var(--a-tint) }
.cdayjob--new::before{ background:var(--a-accent) }
.cdayjobname{
  flex:none; max-width:44%;
  font-size:14px; font-weight:600; color:var(--a-ink); line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.cdayjobsub{
  flex:1 1 auto; min-width:0;
  font-size:12px; color:var(--a-slate); line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.threadday{
  font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color:var(--a-mute); text-align:center; margin:10px 0 6px;
}
.bubblelink{ text-decoration:underline; text-underline-offset:.16em }
.pageframe{
  flex:none; display:block; width:390px; height:844px;
  border:0; background:var(--a-canvas);
  color-scheme:light dark;
}
.setscr--them .pageframe{ flex:1 1 auto; height:auto; min-height:0 }
.oc{
  --oc-k:.70;                             /* flow default; the stage overrides it */
  --oc-dev:calc(870px * var(--oc-k));
  --oc-comp:clamp(300px, 26vw, 450px);
  --oc-dockh:calc(781px * var(--oc-k) + 17px);
  --oc-over:calc(89px * var(--oc-k));
  --oc-btn-w:120px;
  --oc-when:108px;      /* the time gutter — a fixed-width container, which is
                           how a changing figure is handled here rather than
                           with tabular figures (NR-024) */
  --oc-gap:16px;
  --oc-mark:22px;       /* the rail gutter */
  --oc-msize:11px;      /* every marker, always */
  --oc-markc:23px;      /* marker centre, from the row's padding-box top */
  --oc-push:cubic-bezier(.32,.72,0,1);
  --oc-pop:cubic-bezier(.34,1.56,.64,1);
  position:relative;
  padding:clamp(72px,9vw,var(--s12)) 0;
  scroll-margin-top:var(--nav-h);
}
@media (max-width:380px){ .oc{ --oc-k:.62 } }
.ocframe{ padding:0 }
.ochead{ margin-bottom:clamp(20px,3vw,var(--s7)) }
.ocintro{ margin-top:var(--s4) }
.ocstage{ display:block }
.oclistwrap{ position:relative;min-width:0 }
.ocrow{
  position:relative;
  display:grid;
  grid-template-columns:var(--oc-mark) minmax(0,1fr);
  column-gap:var(--s3);
  padding:14px 0;
  border-top:1px solid var(--hair);
}
.ocrow:last-child{ border-bottom:1px solid var(--hair) }
.ocrow::before{
  content:"";position:absolute;top:0;bottom:0;
  left:calc(var(--oc-mark) / 2);margin-left:-.5px;width:1px;
  background:var(--hair);
}
.ocrow:first-child::before{ top:calc(var(--oc-markc) + 1px) }
.ocrow:last-child::before{ bottom:calc(100% - var(--oc-markc) - 1px) }
.ocwhen,.octop,.ocsaid{ overflow:hidden }
.ocmi{ display:block }
.ocwhen{
  grid-column:2;grid-row:1;
  font-size:var(--t-15);font-weight:400;line-height:1.45;letter-spacing:-.005em;
  color:var(--slate);white-space:nowrap;
  margin-bottom:2px;
}
.occard{
  grid-column:2;grid-row:2;
  min-width:0;display:flex;flex-direction:column;gap:3px;
}
.octop{ line-height:1.35 }
.octop>.ocmi{ display:flex;align-items:center;gap:var(--s3);min-width:0;flex-wrap:wrap }
.octitle{
  font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.01em;
  color:var(--ink);min-width:0;
}
.octop .chip{ margin-left:auto }
.oc .ocrow .chip.blue{ background:var(--a-well);color:var(--a-slate) }
html.motion .oc[data-stage="on"] .ocrow[data-lit="1"]:not(:has(~ .ocrow[data-lit="1"])) .chip{
  background:var(--a-tint);color:var(--a-accent-text);
}
.ocsaid{ font-size:var(--t-17);line-height:1.45;color:var(--slate) }
.ocsay{
  font-size:15px;line-height:1.45;color:var(--mute);
  margin-top:5px;padding-left:var(--s3);
  border-left:2px solid var(--edge);
}
.ocmark{
  position:absolute;
  top:var(--oc-markc);
  left:calc(var(--oc-mark) / 2);
  width:var(--oc-msize);height:var(--oc-msize);
  margin:calc(var(--oc-msize) / -2) 0 0 calc(var(--oc-msize) / -2);
  border-radius:50%;
  background:var(--accent);
  border:1.5px solid var(--accent);
  transition:
    background-color 240ms var(--out),
    border-color 240ms var(--out);
}
.ocline{ display:none }
.occomp{ margin-top:var(--s8);display:flex;flex-direction:column;align-items:center;gap:var(--s3) }
.ocdev{ position:relative;display:flex;overflow:visible }
.ocphone{ --k:var(--oc-k);--oc-tx:400ms }
.occompnote{ text-align:center;max-width:34ch }
.oc .ocscreen .pinbar .abtn{
  flex:0 0 auto;
  white-space:nowrap;
  min-width:var(--oc-btn-w);
}
.oc .ocscreen .pinbar .leaveby br{ display:none }
.oc .ocscreen .pinbar .lb1,
.oc .ocscreen .pinbar .lb2{ display:block; text-wrap:balance }
.ocscreen{
  opacity:0;visibility:hidden;
  transition:opacity 240ms var(--out), visibility 0s 240ms;
}
.ocscreen[data-default]{ opacity:1;visibility:visible;transition:none }
.dom[data-tab="calls"] .tab:nth-child(3),
.dom[data-tab="cal"]   .tab:nth-child(2){ color:var(--a-accent-text) }
.bubble .lnk{ text-decoration:underline;text-underline-offset:.16em }
.abody--msg{ display:flex;flex-direction:column;justify-content:flex-end }
.ocfoot{ margin-top:clamp(18px,2.6vw,var(--s6));display:flex;flex-direction:column;gap:6px }
.ocfoot .t-small{ max-width:76ch }
@media (min-width:901px) and (min-height:781px) and (prefers-reduced-motion: no-preference){
  .oc{
    height:580svh;padding:0;
    --oc-k:.66;                            /* until the script measures */
    --oc-comp:clamp(300px, 26vw, 450px);
    --oc-list:var(--oc-dev);
    --beat-h:clamp(70px, calc(var(--oc-list) / 7), 104px);
    --oc-msize:clamp(11px, calc(var(--beat-h) * .15), 13px);
    --oc-markc:calc(var(--beat-h) / 2);
  }
  .ocpin{ position:sticky;top:0;height:100svh }
  .ocframe{
    display:grid;
    grid-template-columns:minmax(0,1fr) var(--oc-comp);
    grid-template-rows:auto minmax(0,1fr) auto;
    column-gap:clamp(24px,3.4vw,var(--s8));
    height:100%;
    padding:calc(var(--nav-h) + 8px) 0 12px;
  }
  .ocstage{ display:contents }
  .ochead{ grid-column:1;grid-row:1;margin-bottom:clamp(12px,2svh,20px) }
  .ochead .t-eyebrow{ margin-bottom:8px }
  .ochead h2{ margin-bottom:0 }
  .ocintro{ display:none }
  .ocrail{
    grid-column:1;grid-row:2;
    display:grid;
    align-items:center;
    min-height:0;
  }
  .ocrow{
    grid-template-columns:var(--oc-when) var(--oc-mark) minmax(0,1fr);
    column-gap:var(--oc-gap);
    height:var(--beat-h);
    padding:0;
    align-items:center;
  }
  .ocrow::before{ display:none }
  .ocwhen{ grid-column:1;grid-row:1;margin-bottom:0 }
  .occard{ grid-column:3;grid-row:1 }
  .ocmark{ left:calc(var(--oc-when) + var(--oc-gap) + var(--oc-mark) / 2) }
  .octitle{ font-size:var(--t-19) }
  .ocsaid{ font-size:var(--t-17) }
  .ocsay{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);
    white-space:nowrap;border:0;
  }
  .ocline{
    display:block;position:absolute;
    top:calc(var(--oc-markc) + 1px);        /* +1px: the first row's top rule */
    left:calc(var(--oc-when) + var(--oc-gap) + var(--oc-mark) / 2);
    margin-left:-.5px;width:1px;
    height:calc(6 * var(--beat-h));
    background:var(--hair);
  }
  .ocfill{
    position:absolute;inset:0;
    background:var(--accent);
    transform:scaleY(1);transform-origin:50% 0;
  }
  .occomp{
    grid-column:2;grid-row:1 / 3;
    display:block;position:relative;min-height:0;margin-top:0;gap:0;
  }
  .ocdev{ position:absolute;top:50%;right:0;transform:translateY(-50%) }
  .occompnote{ display:none }
  .ocfoot{
    grid-column:1 / -1;grid-row:3;
    flex-direction:row;flex-wrap:wrap;gap:4px var(--s6);
    margin-top:clamp(10px,1.6svh,18px);
  }
  .ocfoot .t-small{ font-size:13px;max-width:none }
}
html.motion .oc[data-mode="pin"] .ocfill{ transform:scaleY(0) }
html.motion .oc[data-stage="on"] .ocrow:not([data-lit="1"]) .ocmark{
  background:var(--canvas);
  border-color:var(--edge);
  transition:
    background-color 180ms var(--out),
    border-color 180ms var(--out);
}
@keyframes oc-mark-pop{ from{ transform:scale(.94) } to{ transform:scale(1) } }
html.motion .oc[data-stage="on"] .ocrow[data-lit="1"] .ocmark{
  animation:oc-mark-pop 320ms var(--oc-pop) 30ms both;
}
@keyframes oc-rule-settle{ from{ background-color:var(--accent) } to{ background-color:var(--hair) } }
html.motion .oc[data-mode="pin"] .ocrow{ border-top-color:transparent }
html.motion .oc[data-mode="pin"] .ocrow::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:var(--hair);
  transform:scaleX(0);
  transform-origin:calc(var(--oc-when) + var(--oc-gap) + var(--oc-mark) / 2) 50%;
  transition:transform 400ms var(--out);
}
html.motion .oc[data-mode="pin"] .ocrow[data-arr="1"]::after{
  transform:scaleX(1);
  animation:oc-rule-settle 300ms var(--out) 120ms both;
}
@keyframes oc-chip-stamp{ from{ transform:scale(.90) } to{ transform:scale(1) } }
html.motion .oc[data-stage="on"] .ocrow[data-stamp="1"] .chip{
  animation:oc-chip-stamp 260ms var(--oc-pop) both;
}
html.motion .oc[data-live="1"][data-mode="pin"] .ocmi{ will-change:transform }
html.motion .oc[data-live="1"][data-mode="pin"] .ocfill{ will-change:transform }
html.motion .oc[data-stage="on"] .ocscreen{
  opacity:1;
  visibility:hidden;
  transform:scale(var(--k)) translate3d(100%,0,0);
  transition:
    transform var(--oc-tx) var(--oc-push),
    opacity var(--oc-tx) var(--oc-push),
    visibility 0s var(--oc-tx);
}
html.motion .oc[data-stage="on"] .ocscreen[data-tx="fade"]{
  transform:scale(var(--k));
  opacity:0;
}
html.motion .oc[data-stage="on"] .ocscreen[data-pos="past"]{
  transform:scale(var(--k)) translate3d(-28%,0,0);
  opacity:1;
}
html.motion .oc[data-stage="on"] .ocscreen[data-pos="past"][data-outtx="fade"]{
  transform:scale(var(--k));
  opacity:0;
}
html.motion .oc[data-stage="on"] .ocscreen[data-pos="now"]{
  transform:scale(var(--k)) translate3d(0,0,0);
  opacity:1;
  visibility:visible;
  transition:
    transform var(--oc-tx) var(--oc-push),
    opacity var(--oc-tx) var(--oc-push),
    visibility 0s;
}
.ocscreen:nth-child(1){ z-index:1 }
.ocscreen:nth-child(2){ z-index:2 }
.ocscreen:nth-child(3){ z-index:3 }
.ocscreen:nth-child(4){ z-index:4 }
.ocscreen:nth-child(5){ z-index:5 }
.ocscreen:nth-child(6){ z-index:6 }
.ocscreen:nth-child(7){ z-index:7 }
html.motion .oc[data-stage="on"] .ocscreen::after{
  content:"";position:absolute;inset:0;
  background:#050505;opacity:0;pointer-events:none;z-index:8;
  transition:opacity var(--oc-tx) var(--oc-push);
}
html.motion .oc[data-stage="on"] .ocscreen[data-pos="past"]:not([data-outtx="fade"])::after{
  opacity:.22;
}
@media (min-height:620px){
  html.motion .oc[data-mode="dock"] .ocstage{ position:relative }
  html.motion .oc[data-mode="dock"] .occomp{
    position:sticky;
    bottom:calc(-1 * var(--oc-over));
    z-index:2;
    height:calc(var(--oc-dockh) + var(--oc-over));
    margin:0 calc(var(--s10) / -2);
    padding:16px 0 0;
    background:var(--canvas);
    border-top:1px solid var(--hair);
    gap:0;
  }
  html.motion .oc[data-mode="dock"] .ocrow:last-child{ border-bottom-color:transparent }
  html.motion .oc[data-mode="dock"] .occompnote{ display:none }
}
@media (max-width:820px) and (min-height:620px){
  html.motion .oc[data-mode="dock"] .occomp{ margin-inline:calc(var(--s8) / -2) }
}
@media (max-width:520px) and (min-height:620px){
  html.motion .oc[data-mode="dock"] .occomp{ margin-inline:calc(var(--s6) / -2) }
}
@media (prefers-reduced-motion: reduce){
  .ocmark,.ocscreen,.ocmi,.ocrow .chip,.ocrow::after{ transition:none;animation:none }
  .oc .ocphone,.oc .ocphone .screen{ height:auto }
  .oc .ocphone .screen{ overflow:visible;border-radius:calc(28px * var(--oc-k)) }
  .oc .ocscreen{
    position:relative;top:auto;left:auto;
    opacity:1;visibility:visible;
    margin-bottom:calc(844px * (1 - var(--oc-k, .7)) * -1);
  }
  .oc .ocscreen + .ocscreen{ border-top:1px solid var(--hair) }
  .oc .ocscreen:last-child{ margin-bottom:0 }
  .oc .ocphone::before,.oc .ocphone::after{ display:none }
}
#features{ scroll-margin-top:calc(var(--nav-h) + var(--s2)) }
.hubshow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(32px,5vw,var(--s11));
  align-items:start;
  margin-top:clamp(40px,5vw,var(--s10));
}
.hubcol{ min-width:0 }
.hubshowhead{ margin:0 0 clamp(20px,2.6vw,var(--s7)) }
.hublist{
  display:flex; flex-direction:column;
  border-top:1px solid var(--hair);
  margin:0; padding:0; list-style:none;
}
.hubrow{
  position:relative;
  display:grid;
  grid-template-columns:minmax(130px, 200px) minmax(0,1fr);
  gap:var(--s3) var(--s6);
  align-items:baseline;
  padding:var(--s4) 0;
  border-bottom:1px solid var(--hair);
}
@media (max-width:1100px){
  .hubrow{ grid-template-columns:minmax(0,1fr) }
}
.hubname{
  display:inline-flex;align-items:center;min-height:44px;   /* NR-094 */
  font-size:var(--t-19);font-weight:500;letter-spacing:-.015em;
  color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;
}
@media (hover:hover) and (pointer:fine){
  .hubname:hover{ color:var(--accent-text) }
}
.hubsay{
  font-size:var(--t-15);line-height:1.5;color:var(--slate);
  max-width:46ch;margin:-2px 0 0;
}
.hublist[data-live="1"] .hubname{
  appearance:none;background:transparent;border:0;padding:0;margin:0;
  font:inherit;text-align:left;cursor:pointer;text-decoration:none;
  font-size:var(--t-19);font-weight:500;letter-spacing:-.015em;color:var(--ink);
}
.hublist[data-live="1"] .hubrow{
  padding-left:var(--s5);
  transition:background-color 160ms var(--out);
}
.hublist[data-live="1"] .hubrow::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;
  border-radius:2px;background:transparent;
  transition:background-color 160ms var(--out), transform 160ms var(--out);
  transform:scaleY(.3);transform-origin:50% 50%;
}
.hublist[data-live="1"] .hubrow[data-on="1"]::before{
  background:var(--ink);transform:scaleY(1);
}
.hublist[data-live="1"] .hubrow[data-on="1"] .hubname{ font-weight:600 }
@media (hover:hover) and (pointer:fine){
  .hublist[data-live="1"] .hubrow:hover::before{ background:var(--edge);transform:scaleY(1) }
  .hublist[data-live="1"] .hubrow[data-on="1"]:hover::before{ background:var(--ink) }
  .hublist[data-live="1"] .hubname:hover{ color:var(--ink) }
}
.hublist[data-live="1"] .hubname:focus-visible{
  outline:2px solid var(--accent-text);outline-offset:3px;border-radius:4px;
}
.hublist[data-live="1"] .hubname:active{ transform:scale(.97) }
@media (prefers-reduced-motion: reduce){
  .hublist[data-live="1"] .hubrow::before{ transition:background-color 160ms linear }
  .hublist[data-live="1"] .hubname:active{ transform:none }
}
.hubdev{
  flex:none;
  display:flex; flex-direction:column; align-items:center;
  gap:var(--s5);
}
.hubdev .phone{ --k:var(--hk,.5) }
.hubscr{ display:none }
.hubscr[data-scr="0"]{ display:flex }
.hubshow[data-live="1"] .hubscr{
  display:flex;
  visibility:hidden;
  transform:scale(var(--k)) translate3d(0,0,0);
  opacity:1;
}
.hubshow[data-live="1"] .hubscr[data-vis="1"]{ visibility:visible }
.hubshow[data-live="1"] .hubscr[data-st="at"]   { transform:scale(var(--k)) translate3d(0,0,0); opacity:1 }
.hubshow[data-live="1"] .hubscr[data-st="right"]{ transform:scale(var(--k)) translate3d(100%,0,0); opacity:1 }
.hubshow[data-live="1"] .hubscr[data-st="left"] { transform:scale(var(--k)) translate3d(-30%,0,0); opacity:.6 }
.hubshow[data-live="1"] .hubscr[data-st="fade"] { transform:scale(var(--k)) translate3d(0,0,0); opacity:0 }
.hubscreen:focus-visible{ outline:2px solid var(--accent-text);outline-offset:4px }
.hubgo{ margin:0 }
.hubgo[hidden]{ display:none }
.hubgolink{
  display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;
  font-size:var(--t-17);font-weight:600;letter-spacing:-.008em;
  color:var(--ink);
  text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;
}
@media (max-width:820px){
  .hubshow{ grid-template-columns:minmax(0,1fr); gap:clamp(28px,6vw,var(--s9)) }
  .hubdev{ align-items:flex-start }
  .hubsay{ max-width:none }
}
.hubval{ margin-left:auto;font-size:16px;font-weight:400;color:var(--a-slate);white-space:nowrap;flex:none }
.hublink{ color:inherit;text-decoration:underline;text-underline-offset:.18em }
.arow .jobname{ flex:1 1 auto;min-width:0 }
.dom[data-tab="today"] .tabbar .tab:nth-child(1),
.dom[data-tab="calendar"] .tabbar .tab:nth-child(2),
.dom[data-tab="calls"] .tabbar .tab:nth-child(3),
.dom[data-tab="settings"] .tabbar .tab:nth-child(4){ color:var(--a-accent-text) }
.fx-top{ padding:clamp(40px,5.4vw,var(--s10)) 0 clamp(8px,1vw,var(--s4)) }
.fx-top .kicker{ margin:0 0 var(--s4) }
.fx-title{
  font-size:var(--t-hed);
  line-height:1.04; letter-spacing:-.03em; font-weight:600;
  margin:0 0 var(--s5); max-width:20ch;
}
.fx-top .t-lead{ max-width:58ch }
.fxrun{ position:relative;padding-block:clamp(24px,3vw,var(--s7)) }
.fxrunin{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(28px,4vw,var(--s9));
  align-items:start;
}
.fxsteps{ grid-column:1;grid-row:1;margin:0;padding:0 0 var(--fx-tail,0);list-style:none }
.fxpin{
  grid-column:2;grid-row:1;
  position:sticky;
  top:calc(var(--nav-h) + var(--s4));
  align-self:start;
  display:flex;flex-direction:column;gap:var(--s5);align-items:center;
}
.fxpin{ display:none }
html.motion .fxrun[data-stage="on"] .fxpin{ display:flex }
html.motion .fxrun[data-stage="on"] .fxflat{ display:none }
html.motion .fxrun[data-stage="on"] .fxrunin{ grid-template-columns:minmax(0,1fr) auto }
.fxpin .phone{ --k:var(--fx-k, .62) }
.fxflat .phone{ --k:.70 }
.fxscreen{ position:absolute;inset:0;display:block }
html.motion .fxrun[data-stage="on"] .fxscreen{
  visibility:hidden;
  transform:translate3d(100%,0,0);
  transition:transform var(--t-push,400ms) var(--out), visibility 0s var(--t-push,400ms);
}
html.motion .fxrun[data-stage="on"] .fxscreen[data-pos="past"]{ transform:translate3d(-28%,0,0) }
html.motion .fxrun[data-stage="on"] .fxscreen[data-pos="now"]{
  visibility:visible;
  transform:translate3d(0,0,0);
  transition:transform var(--t-push,400ms) var(--out), visibility 0s 0s;
}
html.motion .fxrun[data-stage="on"][data-dir="back"] .fxscreen{ transition-duration:var(--t-back,340ms) }
html.motion .fxrun[data-stage="on"][data-jump="1"] .fxscreen{ transition:none }
@media (prefers-reduced-motion: reduce){ .fxscreen{ transition:none } }
.fxrail{
  display:flex;flex-direction:column;
  width:100%;max-width:22rem;
  border-top:1px solid var(--hair);
}
.fxstop{
  appearance:none;background:transparent;border:0;cursor:pointer;
  display:flex;align-items:center;gap:var(--s3);
  min-height:44px;padding:var(--s3) 0;
  border-bottom:1px solid var(--hair);
  text-align:left;font:inherit;
}
.fxstopmark{
  flex:none;width:3px;height:16px;border-radius:2px;
  background:var(--edge);
  transition:background-color 160ms var(--out), height 160ms var(--out);
}
.fxstopl{
  flex:1 1 auto;min-width:0;
  font-size:var(--t-15);font-weight:500;line-height:1.35;
  color:var(--mute);
  transition:color 140ms var(--out);
}
.fxstop[aria-selected="true"] .fxstopmark{ background:var(--ink);height:22px }
.fxstop[aria-selected="true"] .fxstopl{ color:var(--ink) }
@media (hover:hover) and (pointer:fine){ .fxstop:hover .fxstopl{ color:var(--ink) } }
.fxstop:focus-visible{ outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:6px }
.fxstop:active .fxstopmark{ transform:scaleY(.97) }   /* press feedback (NR-073) */
.fxstep{
  min-height:78svh;
  display:flex;flex-direction:column;justify-content:center;
  max-width:56ch;
  padding-block:var(--s6);
}
.fxstep .hed{ margin:0 0 var(--s4) }
.fxstep .body + .body{ margin-top:var(--s4) }
.fxstamp{
  font-size:var(--t-12);line-height:1;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mute);margin:0 0 var(--s4);
}
.fxflat{ margin-top:var(--s6) }
.fxpair{ display:flex;gap:clamp(14px,1.8vw,var(--s6));flex-wrap:wrap }
@media (max-width:900px){
  html.motion .fxrun[data-stage="on"] .fxrunin{ display:block }
  .fxpin{
    top:var(--nav-h);
    padding-block:var(--s2);
    gap:var(--s3);
    background:var(--canvas);
    border-bottom:1px solid var(--hair);
    z-index:2;
  }
  .fxrail{
    max-width:none;
    flex-direction:row;
    gap:var(--s2);
    border-top:0;
  }
  .fxstop{
    flex:1 1 0; min-width:0;
    flex-direction:column; align-items:flex-start; gap:6px;
    padding:var(--s2) 0 var(--s3);
    border-bottom:0;
  }
  .fxstopmark{ width:100%; height:3px; border-radius:2px }
  .fxstop[aria-selected="true"] .fxstopmark{ height:3px }
  .fxstopl{ font-size:var(--t-12); letter-spacing:.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100% }
  .fxstoprest{ display:none }
  .fxstep{ min-height:auto;padding-block:var(--s7) }
}
.fxflat .phone{ --k:.70 }
.fxpair .phone{ --k:.46 }
@media (max-width:900px){ .fxflat .phone{ --k:.78 } .fxpair .phone{ --k:.44 } }
@media (max-width:560px){
  .fxpair{ flex-direction:column;gap:var(--s6) }
  .fxpair .phone{ --k:.78 }
}
@media (max-width:430px){ .fxflat .phone,.fxpair .phone{ --k:.84 } }
@media (max-width:375px){ .fxflat .phone,.fxpair .phone{ --k:.70 } }
.fx-nots{ border-top:1px solid var(--hair);max-width:880px;margin-top:var(--s5) }
.fx-not{
  display:grid;grid-template-columns:minmax(0,26ch) minmax(0,1fr);
  gap:var(--s3) clamp(24px,3vw,var(--s8));
  padding:clamp(20px,2.4vw,var(--s6)) 0;
  border-bottom:1px solid var(--hair);
}
@media (max-width:700px){ .fx-not{ grid-template-columns:1fr;gap:var(--s2) } }
.fx-notq{
  font-size:var(--t-19);line-height:1.35;font-weight:600;
  letter-spacing:-.012em;color:var(--ink);
}
.fx-nota{ font-size:var(--t-17);line-height:1.55;color:var(--slate);max-width:var(--measure) }
.fx-fwd{ padding-bottom:clamp(40px,4vw,var(--s8)) }
.fx-next{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:var(--s5);max-width:820px;
  padding:clamp(20px,2.6vw,var(--s7));
  border:1px solid var(--edge);border-radius:var(--radius);
  text-decoration:none;color:inherit;
  transition:border-color 140ms var(--out), background-color 140ms var(--out);
}
@media (hover:hover) and (pointer:fine){
  .fx-next:hover{ border-color:var(--accent-text);background:var(--tint) }
  .fx-next:hover .fx-nextarrow{ transform:translateX(3px) }
}
.fx-nextlab{
  display:block;font-size:var(--t-12);line-height:1;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mute);
}
.fx-nexttitle{
  display:block;font-size:var(--t-28);line-height:1.15;
  font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:var(--s3) 0 var(--s2);
}
.fx-nextline{ display:block;font-size:var(--t-17);line-height:1.5;color:var(--slate) }
.fx-nextarrow{
  flex:none;color:var(--mute);
  transition:transform 150ms var(--out), color 140ms var(--out);
}
@media (hover:hover) and (pointer:fine){ .fx-next:hover .fx-nextarrow{ color:var(--accent-text) } }
.fx-close{
  border-top:1px solid var(--hair);background:var(--paper);
  padding:clamp(56px,6vw,var(--s10)) 0;
}
.fx-closein{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:clamp(28px,4vw,var(--s10));align-items:center;
}
@media (max-width:900px){ .fx-closein{ grid-template-columns:1fr } }
.fx-closein h2{ margin:0 0 var(--s4) }
.fx-num{
  display:flex;flex-direction:column;gap:var(--s1);width:100%;
  padding:var(--s5) var(--s6);
  border:1px solid var(--edge);border-radius:var(--radius);
  text-decoration:none;
  transition:border-color 140ms var(--out), background-color 140ms var(--out);
}
@media (hover:hover) and (pointer:fine){
  .fx-num:hover{ border-color:var(--accent-text);background:var(--tint) }
}
.fx-numlab{
  font-size:var(--t-12);line-height:1;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mute);
}
.fx-numdigits{
  display:block;font-size:var(--t-34);line-height:1.1;font-weight:600;
  letter-spacing:0;color:var(--accent-text);font-variant-numeric:normal;
}
.fx-numnote{ font-size:var(--t-14);line-height:1.5;color:var(--mute) }
.f-val{
  flex:none;margin-left:auto;font-size:16px;font-weight:400;color:var(--a-slate);
  white-space:nowrap;
}
.f-val b{ font-weight:600;color:var(--a-ink) }
.f-id{ display:flex;align-items:center;gap:10px }
.f-idic{ flex:none;color:var(--a-slate);display:flex }
.f-idname{ flex:1 1 auto;min-width:0;font-size:17px;font-weight:500;color:var(--a-ink) }
.f-fact{ padding:12px 14px;border-top:1px solid var(--a-hair) }
.f-fact:first-child{ border-top:0 }
.f-factlab{
  font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--a-mute);margin:0 0 3px;
}
.f-factval{ font-size:17px;font-weight:400;line-height:1.4;color:var(--a-ink) }
.f-factval b{ font-weight:600 }
.f-why{
  display:block;font-size:14px;line-height:1.45;color:var(--a-slate);margin:5px 0 0;
  border-left:2px solid var(--a-accent);padding-left:10px;
}
.f-why--flag{ border-left-color:var(--a-warn-text) }
.f-was{ display:block;font-size:14px;line-height:1.4;color:var(--a-mute);margin:3px 0 0 }
.f-bigtime{
  font-size:40px;line-height:1.05;font-weight:600;letter-spacing:-.03em;color:var(--a-ink);
}
.f-bigwas{ font-size:15px;font-weight:400;color:var(--a-slate);margin:4px 0 0 }
.f-sms{
  background:var(--a-well);border-radius:12px;padding:12px 14px;
  font-size:15px;line-height:1.45;color:var(--a-ink);
}
.f-smscap{
  font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--a-slate);margin:0 0 6px;
}
.f-smsnote{ font-size:14px;line-height:1.45;color:var(--a-slate);margin:8px 0 0 }
.f-who{
  display:flex;align-items:flex-start;gap:12px;width:100%;min-height:64px;
  padding:10px 14px;border-top:1px solid var(--a-hair);
}
.f-who:first-child{ border-top:0 }
.f-whomain{ flex:1 1 auto;min-width:0 }
.f-whoname{ display:block;font-size:17px;font-weight:500;color:var(--a-ink);line-height:1.35 }
.f-whomove{ display:block;font-size:17px;font-weight:400;color:var(--a-slate);line-height:1.4;margin:1px 0 0 }
.f-whomove b{ font-weight:600;color:var(--a-ink) }
.f-whomove i{ font-style:normal;color:var(--a-mute);padding:0 4px }
.f-whosub{ display:block;font-size:14px;font-weight:400;color:var(--a-slate);line-height:1.45;margin:3px 0 0 }
.f-sw{
  flex:none;width:50px;height:30px;border-radius:999px;background:var(--a-edge);
  position:relative;box-shadow:inset 0 0 0 1px var(--a-slate);
}
.f-sw::after{
  content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;
  border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(5,5,5,.18);
}
.f-sw--on{ background:var(--a-accent);box-shadow:none }
.f-sw--on::after{ transform:translateX(20px) }
.f-grid{ display:grid;grid-template-columns:34px repeat(7,1fr);gap:2px;align-items:stretch }
.f-gh{
  font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--a-slate);text-align:center;padding:0 0 4px;
}
.f-gt{
  font-size:11px;font-weight:400;color:var(--a-mute);text-align:right;
  padding-right:5px;line-height:26px;white-space:nowrap;
}
.f-c{ height:26px;border-radius:4px;background:var(--a-well) }
.f-c--on{ background:var(--a-accent) }
.f-c--rule{
  background:
    repeating-linear-gradient(135deg, transparent 0 3px, var(--a-edge) 3px 4px),
    var(--a-well);
}
.f-key{ display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0 }
.f-keyit{ display:flex;align-items:center;gap:6px;font-size:12px;color:var(--a-slate) }
.f-keysw{ width:14px;height:14px;border-radius:3px;flex:none }
.f-dayhead{
  display:flex;align-items:center;gap:8px;
  padding:10px 14px;border-bottom:1px solid var(--a-hair);
}
.f-daylab{ font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--a-ink) }
.f-daycount{ font-size:14px;font-weight:400;color:var(--a-slate) }
.f-panel{ padding:12px 14px;border-top:1px solid var(--a-hair);background:var(--a-warn) }
.f-panelsaid{ font-size:16px;line-height:1.45;color:var(--a-warn-text);margin:0 0 10px }
.f-panelsaid b{ font-weight:600 }
.f-two{ display:flex;gap:8px }
.f-two .abtn{
  flex:1 1 0;padding:0 10px;
  background:var(--a-surface);color:var(--a-ink);border-color:var(--a-slate);
}
.f-panelnote{ font-size:14px;line-height:1.45;color:var(--a-warn-text);margin:10px 0 0 }
.f-track{ padding:24px 20px 0;text-align:left }
.f-trackwho{ font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--a-slate) }
.f-trackline{ font-size:19px;font-weight:400;line-height:1.35;color:var(--a-ink);margin:10px 0 2px }
.f-tracktime{ font-size:52px;line-height:1.05;font-weight:600;letter-spacing:-.03em;color:var(--a-ink) }
.f-tracknote{ font-size:14px;line-height:1.45;color:var(--a-slate);margin:8px 0 0 }
.f-trackfoot{
  margin-top:auto;border-top:1px solid var(--a-hair);padding:14px 20px 26px;
  font-size:13px;line-height:1.45;color:var(--a-mute);
}
.f-thread{ padding-top:6px }
.f-addrlink{ color:var(--a-accent-text);text-decoration:underline;text-underline-offset:.16em }
.f-composer{
  flex:none;display:flex;align-items:center;gap:10px;
  background:var(--a-chrome);border-top:1px solid var(--a-hair);
  padding:10px 16px 24px;
}
.f-field{
  flex:1 1 auto;min-width:0;height:38px;border-radius:999px;
  border:1px solid var(--a-edge);
  display:flex;align-items:center;padding:0 14px;
  font-size:15px;color:var(--a-mute);
}
.f-quote{
  font-size:16px;line-height:1.5;color:var(--a-ink);margin:0;
  border-left:2px solid var(--a-edge);padding-left:12px;
}
.f-said{ font-size:14px;line-height:1.45;color:var(--a-slate);margin:8px 0 0 }
.f-said b{ font-weight:600;color:var(--a-ink) }
.f-seen{
  display:flex;align-items:center;gap:10px;margin:12px 0 4px;
  font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--a-mute);
}
.f-seen::before,.f-seen::after{ content:"";flex:1 1 auto;height:1px;background:var(--a-hair) }
.f-lead{ font-size:14px;font-weight:400;line-height:1.45;color:var(--a-slate);margin:-2px 0 14px;padding-left:2px }
.f-lead b{ font-weight:600;color:var(--a-ink) }
.f-lead--warn b{ color:var(--a-warn-text) }
.f-pin{ display:flex;flex-direction:column;gap:10px }
.f-pinlead{ font-size:14px;line-height:1.45;color:var(--a-slate) }
.f-pinlead b{ font-weight:600;color:var(--a-ink) }
.f-pin .abtn{ width:100% }
.f-pin--row{ flex-direction:row;align-items:center;gap:12px }
.f-pin--row .f-pinlead{ flex:1 1 auto;min-width:0 }
.f-pin--row .abtn{ width:auto;flex:none }
.heard{
  padding:clamp(88px,10vw,152px) 0;
  min-height:100svh;
  display:flex; flex-direction:column; justify-content:center;
}
.heardin{
  display:grid;
  grid-template-columns:minmax(0,0.82fr) minmax(0,1fr);
  gap:clamp(40px,5.5vw,var(--s11));
  align-items:start;
}
.heardsay .kicker{ margin:0 0 var(--s5) }
.heardsay h2{ margin:0 0 var(--s5);max-width:20ch }
.heardsay .deck{ margin:0 0 var(--s5) }
.heard .deck{ color:var(--ink-band-ink); letter-spacing:.004em; line-height:1.5 }
.heardnote{ font-size:var(--t-17); color:var(--ink-band-slate); letter-spacing:.004em; line-height:1.58 }
.heardmore{ margin-top:var(--s7) }
.sec--ink a.heardlink,
.heardlink{
  display:inline-flex;align-items:center;gap:var(--s2);
  min-height:44px;
  font-size:var(--t-17);font-weight:600;letter-spacing:-.008em;
  color:var(--ink-band-ink);
  text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px;
}
@media (hover:hover) and (pointer:fine){
  .heardlink:hover{ text-decoration-thickness:2px }
}
.heardrecs{ display:flex; flex-direction:column; gap:clamp(40px,5vw,var(--s10)) }
.heardrec{ position:relative }
.heardrec + .heardrec{
  border-top:1px solid color-mix(in srgb, var(--ink-band-slate) 28%, transparent);
  padding-top:clamp(40px,5vw,var(--s10));
}
.heardstamp{
  font-size:var(--t-14);font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-band-ink);
  margin:0 0 var(--s4);
}
.heardturns{ border-top:1px solid var(--ink-band-hair); margin:0; padding:0; list-style:none }
.heardturn{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:var(--s5);
  align-items:baseline;
  padding:var(--s4) 0;
  border-bottom:1px solid var(--ink-band-hair);
}
.heardwho{
  font-size:var(--t-14);font-weight:400;line-height:1.5;
  color:var(--ink-band-mute);
  letter-spacing:.01em;
}
.heardwho--caller{ color:var(--ink-band-slate) }
.heardwhat{
  font-size:var(--t-17);line-height:1.5;
  color:var(--ink-band-slate);
  letter-spacing:.004em;
  display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s3);
}
@media (min-width:900px){ .heardwhat{ font-size:var(--t-19) } }
.heardwhat--said{ color:var(--ink-band-slate) }
.heardwhat b{ font-weight:600;color:var(--ink-band-ink) }
.heardturn--miss .heardwhat b{
  color:#F2C88A;
  text-decoration:line-through;
  text-decoration-color:rgba(242,200,138,.45);
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}
.heardchip{
  flex:none;
  display:inline-flex;align-items:center;
  height:22px;padding:0 10px;border-radius:999px;
  background:#3A2A10;color:#F2C88A;
  font-size:var(--t-12);font-weight:600;line-height:1;letter-spacing:.01em;
}
.heardturn--fix .heardwhat b{ color:var(--ink-band-ink) }
.heardturn--fix{ border-bottom:0 }
.heardaddr{ color:var(--ink-band-link) }
.heard .heardturn--fix .heardwhat b.heardaddr{ color:var(--ink-band-link) }
.heardsynth{ margin-top:var(--s6); color:var(--ink-band-mute) }
html.motion .heardturn{
  opacity:0;
  transform:translate3d(0,12px,0);
}
html.motion .heardturn[data-in="1"]{
  opacity:1;
  transform:none;
  transition:opacity 320ms var(--arrive), transform 320ms var(--arrive);
}
.heardring{
  position:absolute; inset:0;
  width:100%; height:100%;
  overflow:visible; pointer-events:none;
  opacity:0;
}
.heardring rect{
  fill:none;
  stroke:var(--ink-band-hair);
  stroke-width:2;
  stroke-dasharray:100;
  stroke-dashoffset:100;
}
html.motion .heardrec[data-ring="draw"] .heardring{ opacity:1; transition:opacity 120ms linear }
html.motion .heardrec[data-ring="draw"] .heardring rect{
  stroke:var(--ink-band-link);
  stroke-dashoffset:0;
  transition:stroke-dashoffset 460ms var(--out);
}
html.motion .heardrec[data-ring="walk"] .heardring{ opacity:1 }
html.motion .heardrec[data-ring="walk"] .heardring rect{
  stroke-dashoffset:0;
  transition:x 520ms var(--out), y 520ms var(--out),
             width 520ms var(--out), height 520ms var(--out),
             rx 520ms var(--out), stroke 320ms linear 420ms;
  stroke:var(--ink-band-hair);
}
.heardrec[data-ring="rest"] .heardring,
.heardrec[data-ring="landed"] .heardring{ opacity:0; transition:opacity 200ms linear }
.heardrec[data-ring="rest"] .heardring rect,
.heardrec[data-ring="landed"] .heardring rect{ stroke-dashoffset:0 }
.heardrec[data-ring="rest"] .heardaddr,
.heardrec[data-ring="landed"] .heardaddr{
  text-decoration:underline;
  text-decoration-color:var(--ink-band-link);
  text-decoration-thickness:2px;
  text-underline-offset:.18em;
}
@media (max-width:900px){
  .heardin{ grid-template-columns:1fr;gap:clamp(36px,6vw,var(--s9)) }
  .heardsay{ position:static }
  .heardsay h2{ max-width:none }
}
@media (max-width:520px){
  .heardturn{ grid-template-columns:1fr;gap:var(--s1);padding:var(--s4) 0 }
  .heardwhat{ font-size:17px }
}
.pricegrid{
  display:grid;
  grid-template-columns:minmax(0,700px) minmax(0,1fr);
  gap:clamp(32px,4.5vw,var(--s10));
  align-items:start;
}
.pricebox{
  background:var(--paper);
  border:1px solid var(--hair);
  border-radius:var(--radius);
  padding:clamp(24px,3.4vw,var(--s8));
  max-width:700px;
}
.pricenever{ padding-top:clamp(4px,1vw,var(--s5)) }
.pricenever .hed{ margin:0 0 var(--s5) }
.neverrows{ display:flex;flex-direction:column;border-top:1px solid var(--hair) }
.neverrow{
  padding:var(--s4) 0;
  border-bottom:1px solid var(--hair);
  font-size:var(--t-17);line-height:1.5;color:var(--slate);
  max-width:38ch;
}
.neverrow b{ font-weight:600;color:var(--ink) }
@media (max-width:980px){
  .pricegrid{ grid-template-columns:1fr;gap:clamp(36px,5vw,var(--s9)) }
  .pricenever{ padding-top:0 }
  .neverrow{ max-width:var(--measure) }
}
.priceline{
  display:flex;align-items:flex-end;flex-wrap:wrap;
  gap:var(--s5);
}
.pricefig{ display:flex;align-items:baseline;gap:var(--s2);min-width:0 }
.pricesplit{ flex:none;align-self:stretch;width:1px;background:var(--hair) }
.priceamt{ line-height:1 }
.priceper{ font-size:var(--t-17);font-weight:400;color:var(--slate) }
.pricewho{ margin-top:var(--s5);max-width:52ch }
.pricebox .rule{ margin:var(--s6) 0 }
@media (max-width:620px){
  .priceline{ flex-direction:column;align-items:flex-start;gap:var(--s4) }
  .pricesplit{ align-self:stretch;width:100%;height:1px }
  .priceamt{ font-size:var(--t-28) }
}
.pricerows{ display:flex;flex-direction:column;gap:var(--s4) }
.pricerow{
  display:flex;align-items:flex-start;gap:var(--s3);
  font-size:var(--t-17);line-height:1.5;color:var(--slate);max-width:var(--measure);
}
.pricerow b{ font-weight:600;color:var(--ink) }
.pricemark{
  flex:none;width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin-top:2px;
  background:var(--ink);color:var(--paper);
}
.pricefoot{ margin-top:var(--s6);max-width:var(--measure) }
.qgrid{
  display:grid;
  grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:clamp(32px,5vw,var(--s10));
  align-items:start;
}
.qrail .kicker{ margin:0 0 var(--s4) }
.qrail .hed{ margin:0 0 var(--s5) }
.qrailsay{ max-width:34ch;margin:0 0 var(--s7) }
.qrailcall{
  font-size:var(--t-17);line-height:1.5;color:var(--slate);
  border-top:1px solid var(--hair);
  padding-top:var(--s5);
  max-width:34ch;
}
.qrailnum{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:var(--t-22);font-weight:600;letter-spacing:0;
  color:var(--ink);text-decoration:underline;text-underline-offset:.18em;
  font-variant-numeric:normal;
}
.qrailnote{ display:block;font-size:var(--t-14);line-height:1.5;color:var(--mute) }
.qlist{ border-top:1px solid var(--hair) }
.qitem{ border-bottom:1px solid var(--hair) }
@media (max-width:900px){
  .qgrid{ grid-template-columns:1fr;gap:clamp(28px,5vw,var(--s8)) }
  .qrailsay,.qrailcall{ max-width:var(--measure) }
}
.qitem summary{
  display:flex;align-items:flex-start;gap:var(--s4);
  padding:var(--s5) 0;min-height:44px;cursor:pointer;
  list-style:none;
}
.qitem summary::-webkit-details-marker{ display:none }
.qq{
  flex:1 1 auto;font-size:var(--t-19);font-weight:500;line-height:1.4;
  color:var(--ink);letter-spacing:-.012em;
}
.qchev{
  flex:none;color:var(--mute);display:flex;align-items:center;
  transition:transform 200ms var(--out), color 140ms var(--out);
}
.qitem details[open] .qchev{ transform:rotate(180deg) }
@media (hover:hover) and (pointer:fine){ .qitem summary:hover .qchev{ color:var(--ink) } }
.qitem summary:focus-visible{ outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:6px }
.qa{
  padding:0 var(--s8) var(--s5) 0;
  font-size:var(--t-17);line-height:1.55;color:var(--slate);max-width:var(--measure);
}
.close{
  border-top:1px solid var(--hair);
  background:var(--paper);
}
.closein{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:clamp(32px,5vw,var(--s10));align-items:center;
}
@media (max-width:900px){ .closein{ grid-template-columns:1fr } }
.closein .deck{ margin-top:var(--s4) }
.closein .kicker{ margin:0 0 var(--s4) }
.closeact{ display:flex;flex-direction:column;gap:var(--s6);align-items:flex-start }
.closeact .closenote{ margin:0;width:100% }
.closenum{
  display:flex;flex-direction:column;gap:var(--s1);text-decoration:none;
  padding:var(--s5) var(--s6);border:1px solid var(--edge);border-radius:var(--radius);
  width:100%;
  transition:border-color 140ms var(--out), background-color 140ms var(--out);
}
@media (hover:hover) and (pointer:fine){
  .closenum:hover{ border-color:var(--accent-text);background:var(--tint) }
}
.closenumlabel{
  font-size:var(--t-12);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);
}
.closenumdigits{
  font-size:var(--t-34);line-height:1.05;font-weight:600;letter-spacing:0;
  color:var(--ink);font-variant-numeric:normal;
}
.closebtns{ display:flex;flex-wrap:wrap;gap:var(--s3);width:100% }
.doc{ max-width:44rem }
.doc > .t-eyebrow{
  display:flex; align-items:center; gap:var(--s3);
  margin:0 0 var(--s4);
}
.doc > .t-eyebrow::after{
  content:""; flex:1 1 auto; height:1px; background:var(--hair);
}
.doc > h1{ margin:0 0 var(--s5) }
.doc > .t-lead{ margin:0 0 var(--s9) }
.doc > h2{ margin:var(--s9) 0 var(--s3) }
.doc > p{ font-size:var(--t-17);line-height:1.6;color:var(--slate);max-width:var(--measure) }
.tych{ opacity:0; animation:thrtych 90ms var(--out) both }
@keyframes thrtych{ from{ opacity:0 } to{ opacity:1 } }
html:not(.motion) .tych{ opacity:1; animation:none }
@media (prefers-reduced-motion: reduce){ .tych{ opacity:1 !important; animation:none !important } }
.thrscreen{
  position:relative;
  width:min(100%, 620px);
  margin-top:var(--s5);
  padding:var(--s4) var(--s5) var(--s6);
  background:var(--ink-band-glass);
  border:1px solid #43434D;
  border-radius:26px;
}
.thrstamp{
  text-align:center; padding-bottom:var(--s4);
  font-size:var(--t-12); font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-band-slate);
}
.thrlist{ display:flex; flex-direction:column; gap:var(--s4); padding:0 }
.thrlist li{ display:flex; flex-direction:column; gap:var(--s1) }
.thrlist li::marker{ content:none }
.thrbub{
  max-width:min(30em, 84%);
  padding:11px var(--s4);
  border-radius:18px;
  font-size:var(--t-17); line-height:1.5;
}
.thrbub b{ font-weight:600 }
.thrwho{
  font-size:var(--t-12); font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-band-slate);
}
.thrrow--caller{ align-items:flex-end }
.thrrow--caller .thrbub{ background:var(--accent); color:#FFFFFF; border-bottom-right-radius:6px }
.thrrow--caller .thrbub b{ color:#FFFFFF }
.thrrow--caller .thrwho{ padding-right:var(--s2) }
.thrrow--mo{ align-items:flex-start }
.thrrow--mo .thrbub{ background:#FFFFFF; color:var(--band); border-bottom-left-radius:6px }
.thrrow--mo .thrbub b{ color:var(--band) }
.thrrow--mo .thrwho{ padding-left:var(--s2) }
html.motion .thrlist .thrrow{
  opacity:0;
  transform:translate3d(0,10px,0);
}
html.motion .thrlist .thrrow[data-in="1"]{
  opacity:1; transform:none;
  transition:opacity 320ms var(--arrive), transform 320ms var(--arrive);
}
@media (max-width:520px){
  .thrscreen{ padding:var(--s4) var(--s3) var(--s5); border-radius:20px }
  .thrbub{ max-width:90% }
}
.heard .heardwho{
  font-size:var(--t-12); font-weight:600;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-band-mute);
  line-height:1.5;
}
.heard .heardwho--caller{ color:var(--ink-band-slate) }
.heard .heardturn{ column-gap:40px }
.recpill{
  display:inline-flex; align-items:center; gap:var(--s3);
  padding:3px 14px; border-radius:999px;
  font-size:var(--t-17); font-weight:600; line-height:1.6;
}
@media (min-width:900px){ .recpill{ font-size:var(--t-19) } }
.recpill--miss{ background:#3A2A10; color:#F2C88A }
.recpill--miss .recpillv{
  text-decoration:line-through;
  text-decoration-color:rgba(242,200,138,.55);
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}
.recpill--miss .recpillw{
  padding-left:var(--s3); border-left:1px solid rgba(242,200,138,.32);
  font-size:var(--t-12); font-weight:600; letter-spacing:.01em;
}
.recpill--blue{ background:#0A66C2; color:#FFFFFF }
.heard .heardwhat b.recpill{ text-decoration:none }
.heard .heardwhat b.recpill--miss{ color:#F2C88A }
.heard .heardwhat b.recpill--blue{ color:#FFFFFF }
.heard .heardturn--fix .heardwhat b.heardaddr.recpill--blue{ color:#FFFFFF }
.heard .heardwhat--said{ display:block }
.heard .heardwhat--said b{
  padding:1px 7px;
  border-radius:8px;
  background:var(--ink-band-hair);
  color:var(--ink-band-ink);
}
.recjoin{
  position:absolute; inset:0; width:100%; height:100%;
  overflow:visible; pointer-events:none; opacity:0;
}
.recjoinline{
  fill:none; stroke:var(--ink-band-link); stroke-width:2.5;
  stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:100; stroke-dashoffset:100;
}
.recjoindot{ fill:var(--ink-band-link) }
.recjoinhead{
  fill:var(--ink-band-link);
  transform-box:fill-box; transform-origin:100% 50%;
  transform:scale(0); opacity:0;
}
.recjoin{ --join-shaft:560ms; --join-head:130ms }
html.motion .heardrec[data-join-at="draw"] .recjoin{ opacity:1; transition:opacity 120ms linear }
html.motion .heardrec[data-join-at="draw"] .recjoinline{
  stroke-dashoffset:0;
  transition:stroke-dashoffset var(--join-shaft) var(--out);
}
html.motion .heardrec[data-join-at="draw"] .recjoinhead{
  transform:scale(1); opacity:1;
  transition:transform var(--join-head) var(--out) var(--join-shaft),
             opacity 60ms linear var(--join-shaft);
}
html.motion .heardrec[data-join-at="landed"] .recjoin{ opacity:1 }
html.motion .heardrec[data-join-at="landed"] .recjoinline{ stroke-dashoffset:0 }
html.motion .heardrec[data-join-at="landed"] .recjoinhead{ transform:scale(1); opacity:1 }
.heardrec[data-join-at="rest"] .recjoin{ opacity:1 }
.heardrec[data-join-at="rest"] .recjoinline{ stroke-dashoffset:0 }
.heardrec[data-join-at="rest"] .recjoinhead{ transform:scale(1); opacity:1 }
@media (max-width:520px){
  .heard .heardturns{ padding-left:36px }
}
@keyframes closebuzz{
  0%  { transform:translate3d(0,0,0) }
  12% { transform:translate3d(-2px,0,0) }
  30% { transform:translate3d(2px,0,0) }
  48% { transform:translate3d(-2px,0,0) }
  66% { transform:translate3d(1.5px,0,0) }
  84% { transform:translate3d(-1px,0,0) }
  100%{ transform:translate3d(0,0,0) }
}
html.motion .closeact[data-buzz="1"] .closenumdigits{
  animation:closebuzz 360ms var(--out) 1 both;
}
@media (hover:hover) and (pointer:fine){
  html.motion .closeact .closenum:hover .closenumdigits{
    animation:closebuzz 360ms var(--out) 1 both;
  }
}
.closevoice{
  display:flex; align-items:flex-end; gap:4px;
  height:15px; margin-top:var(--s4);
  width:100%; max-width:520px;
}
.closevoice span{
  flex:1 1 0; min-width:0;
  display:block; position:relative; height:100%;
  --thr:0.26;
}
.closevoice span::before,
.closevoice span::after{
  content:''; position:absolute; left:0; right:0;
  border-radius:1px;
  transform-origin:50% 100%;
}
.closevoice span::before{
  bottom:0; height:100%;
  background:var(--accent-text);
  transform:scaleY(var(--w0));
}
.closevoice span::after{
  bottom:26%; height:74%;
  background:var(--ink);
  transform:scaleY(max(0, (var(--w0) - var(--thr)) / (1 - var(--thr))));
}
.closevoice span:nth-child(8n+1){ --w0:.18; --w1:.62; --w2:.30; --w3:.74; --w4:.22; --w5:.48; --w6:.86; --w7:.34; --w8:.58; --w9:.26 }
.closevoice span:nth-child(8n+2){ --w0:.24; --w1:.40; --w2:.68; --w3:.20; --w4:.52; --w5:.30; --w6:.44; --w7:.78; --w8:.28; --w9:.36 }
.closevoice span:nth-child(8n+3){ --w0:.14; --w1:.30; --w2:.22; --w3:.44; --w4:.18; --w5:.38; --w6:.26; --w7:.48; --w8:.16; --w9:.34 }
.closevoice span:nth-child(8n+4){ --w0:.30; --w1:.72; --w2:.38; --w3:.92; --w4:.26; --w5:.60; --w6:.34; --w7:.80; --w8:.44; --w9:.22 }
.closevoice span:nth-child(8n+5){ --w0:.12; --w1:.26; --w2:.18; --w3:.34; --w4:.14; --w5:.28; --w6:.20; --w7:.40; --w8:.16; --w9:.24 }
.closevoice span:nth-child(8n+6){ --w0:.22; --w1:.54; --w2:.28; --w3:.66; --w4:.34; --w5:.46; --w6:.74; --w7:.24; --w8:.58; --w9:.30 }
.closevoice span:nth-child(8n+7){ --w0:.16; --w1:.36; --w2:.24; --w3:.56; --w4:.20; --w5:.42; --w6:.30; --w7:.64; --w8:.18; --w9:.48 }
.closevoice span:nth-child(8n+8){ --w0:.28; --w1:.64; --w2:.36; --w3:.82; --w4:.24; --w5:.70; --w6:.32; --w7:.56; --w8:.40; --w9:.20 }
.closevoice span:nth-child(11n+1){ --d:2740ms }
.closevoice span:nth-child(11n+2){ --d:2980ms }
.closevoice span:nth-child(11n+3){ --d:3260ms }
.closevoice span:nth-child(11n+4){ --d:3580ms }
.closevoice span:nth-child(11n+5){ --d:3820ms }
.closevoice span:nth-child(11n+6){ --d:4220ms }
.closevoice span:nth-child(11n+7){ --d:4540ms }
.closevoice span:nth-child(11n+8){ --d:4820ms }
.closevoice span:nth-child(11n+9){ --d:5260ms }
.closevoice span:nth-child(11n+10){ --d:5620ms }
.closevoice span:nth-child(11n+11){ --d:6140ms }
.closevoice span:nth-child(13n+1){ --dl:-70ms }
.closevoice span:nth-child(13n+2){ --dl:-510ms }
.closevoice span:nth-child(13n+3){ --dl:-1230ms }
.closevoice span:nth-child(13n+4){ --dl:-1880ms }
.closevoice span:nth-child(13n+5){ --dl:-2340ms }
.closevoice span:nth-child(13n+6){ --dl:-2960ms }
.closevoice span:nth-child(13n+7){ --dl:-3410ms }
.closevoice span:nth-child(13n+8){ --dl:-4020ms }
.closevoice span:nth-child(13n+9){ --dl:-4470ms }
.closevoice span:nth-child(13n+10){ --dl:-5090ms }
.closevoice span:nth-child(13n+11){ --dl:-5540ms }
.closevoice span:nth-child(13n+12){ --dl:-6210ms }
.closevoice span:nth-child(13n+13){ --dl:-6680ms }
@keyframes closevoicequiet{
  0%,100%{ transform:scaleY(var(--w0)) }
  10%{ transform:scaleY(var(--w1)) }
  20%{ transform:scaleY(var(--w2)) }
  30%{ transform:scaleY(var(--w3)) }
  40%{ transform:scaleY(var(--w4)) }
  50%{ transform:scaleY(var(--w5)) }
  60%{ transform:scaleY(var(--w6)) }
  70%{ transform:scaleY(var(--w7)) }
  80%{ transform:scaleY(var(--w8)) }
  90%{ transform:scaleY(var(--w9)) }
}
@keyframes closevoiceloud{
  0%,100%{ transform:scaleY(max(0, (var(--w0) - var(--thr)) / (1 - var(--thr)))) }
  10%{ transform:scaleY(max(0, (var(--w1) - var(--thr)) / (1 - var(--thr)))) }
  20%{ transform:scaleY(max(0, (var(--w2) - var(--thr)) / (1 - var(--thr)))) }
  30%{ transform:scaleY(max(0, (var(--w3) - var(--thr)) / (1 - var(--thr)))) }
  40%{ transform:scaleY(max(0, (var(--w4) - var(--thr)) / (1 - var(--thr)))) }
  50%{ transform:scaleY(max(0, (var(--w5) - var(--thr)) / (1 - var(--thr)))) }
  60%{ transform:scaleY(max(0, (var(--w6) - var(--thr)) / (1 - var(--thr)))) }
  70%{ transform:scaleY(max(0, (var(--w7) - var(--thr)) / (1 - var(--thr)))) }
  80%{ transform:scaleY(max(0, (var(--w8) - var(--thr)) / (1 - var(--thr)))) }
  90%{ transform:scaleY(max(0, (var(--w9) - var(--thr)) / (1 - var(--thr)))) }
}
html.motion .closevoice[data-loop] span::before{
  animation:closevoicequiet var(--d) var(--breath) infinite both;
  animation-delay:var(--dl);
  animation-play-state:paused;
}
html.motion .closevoice[data-loop] span::after{
  animation:closevoiceloud var(--d) var(--breath) infinite both;
  animation-delay:var(--dl);
  animation-play-state:paused;
}
html.motion .closevoice[data-loop="on"] span::before,
html.motion .closevoice[data-loop="on"] span::after{ animation-play-state:running }
@media (prefers-reduced-motion: reduce){
  .closeact .closenumdigits,
  .closevoice span::before,
  .closevoice span::after{ animation:none !important }
}
.lsnote{
  display:grid; grid-template-columns:38px minmax(0,1fr); gap:var(--s3);
  align-items:start;
  padding:10px var(--s4);
  background:var(--a-surface);
  border:1px solid var(--a-edge);
  border-radius:var(--radius);
}
.lsnoteicon{
  grid-row:1 / span 3;
  width:38px; height:38px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:var(--a-ink); color:var(--a-surface);
  font-size:var(--t-19); font-weight:600; letter-spacing:-.02em;
}
.lsnotetop{ display:flex; align-items:baseline; gap:var(--s3) }
.lsnoteapp{
  flex:1 1 auto; min-width:0;
  font-size:var(--t-12); font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  color:var(--a-mute);
}
.lsnotewhen{ flex:none; font-size:var(--t-14); font-weight:600; color:var(--a-ink); letter-spacing:0 }
.lsnotetitle{ margin-top:2px; font-size:var(--t-17); font-weight:600; line-height:1.35; color:var(--a-ink) }
.lsnotebody{ margin-top:2px; font-size:var(--t-14); line-height:1.45; color:var(--a-slate) }
.lsnotebody b{ font-weight:600; color:var(--a-ink) }
.lsstack{ position:relative; width:min(100%, 520px); padding-bottom:44px }
.lsstack .lsnote{ transform-origin:50% 0 }
.lsstack .lsnote--1{ position:relative; z-index:3 }
.lsstack .lsnote--2,
.lsstack .lsnote--3{ position:absolute; left:0; right:0; top:0 }
.lsstack .lsnote--2{ z-index:2; transform:translate3d(0,18px,0) scale(.96) }
.lsstack .lsnote--3{ z-index:1; transform:translate3d(0,36px,0) scale(.92) }
.lsstack .lsnote--2 > *,
.lsstack .lsnote--3 > *{ visibility:hidden }
.lsstack .lsnote--1 .lsnoteicon{ background:var(--a-accent); color:#FFFFFF }
html.motion .lsstack[data-stack] .lsnote{ opacity:0 }
html.motion .lsstack[data-stack] .lsnote--1{ transform:translate3d(0,10px,0) }
html.motion .lsstack[data-stack] .lsnote--2{ transform:translate3d(0,30px,0) scale(.96) }
html.motion .lsstack[data-stack] .lsnote--3{ transform:translate3d(0,48px,0) scale(.92) }
html.motion .lsstack[data-stack="1"] .lsnote{
  opacity:1;
  transition:opacity 420ms var(--arrive), transform 420ms var(--arrive);
}
html.motion .lsstack[data-stack="1"] .lsnote--1{ transform:translate3d(0,0,0) }
html.motion .lsstack[data-stack="1"] .lsnote--2{ transform:translate3d(0,18px,0) scale(.96); transition-delay:120ms }
html.motion .lsstack[data-stack="1"] .lsnote--3{ transform:translate3d(0,36px,0) scale(.92); transition-delay:240ms }
.lsstack{ --ls-breathe:6.6px }
@keyframes stripbreathe{
  0%,100%{ transform:translate3d(0,0,0) }
  50%    { transform:translate3d(0,calc(var(--ls-breathe) * -1),0) }
}
@keyframes stripbreathetop{
  0%,100%{ transform:translate3d(0,0,0) }
  50%    { transform:translate3d(0,calc(var(--ls-breathe) * -0.5625),0) }
}
html.motion .lsstack[data-breathe="1"]{
  animation:stripbreathe 4600ms var(--breath) infinite both;
  animation-play-state:paused;
}
html.motion .lsstack[data-breathe="1"] .lsnote--1{
  animation:stripbreathetop 6100ms var(--breath) infinite both;
  animation-delay:-2100ms;
  animation-play-state:paused;
}
html.motion .lsstack[data-breathe="1"][data-loop="on"],
html.motion .lsstack[data-breathe="1"][data-loop="on"] .lsnote--1{
  animation-play-state:running;
}
@media (prefers-reduced-motion: reduce){
  .lsstack .lsnote{ opacity:1 !important }
  .lsstack,
  .lsstack .lsnote--1{ animation:none !important }
}