:root{
  --bg:#0E0E10; --surface:#161618; --surface-2:#1F1F22; --border:#2A2A2E; --border-hi:#3A3A40;
  --ink:#FFFFFF; --ink-muted:#A6A6AD; --ink-dim:#75757D;
  --border-field:#6B6B73;
  --mag:#E83CB0; --mag-hi:#F04FBB; --mag-low:#D53BA2; --mag-deep:#B01E80;
  --up:#2FBF71; --down:#FF4D6D;

  --line:rgb(255 255 255 / .08);
  --line-hi:rgb(255 255 255 / .14);
  --fill-1:rgb(255 255 255 / .04);
  --fill-2:rgb(255 255 255 / .08);
  --edge:rgb(255 255 255 / .10);
  --edge-hi:rgb(255 255 255 / .28);
  --glass:rgb(14 14 16 / .82);
  --mag-tint:rgb(232 60 176 / .16);
  --mag-haze:rgb(232 60 176 / .35);
  --mag-glow:rgb(232 60 176 / .5);
  --surface-grad:linear-gradient(160deg,var(--surface-2) 0%,var(--surface) 60%,var(--bg) 100%);

  --shadow-sm:0 2px 10px -4px rgb(0 0 0 / .7);
  --shadow-card:0 24px 60px -30px rgb(0 0 0 / .9);
  --shadow-mag:0 24px 60px -30px var(--mag-glow);
  --shadow-btn:0 6px 20px -8px rgb(232 60 176 / .55);
  --shadow-btn-hover:0 10px 30px -8px rgb(232 60 176 / .7);
  --shadow-disc:0 1px 4px rgb(0 0 0 / .55);

  --font-display:Anton,Impact,"Haettenschweiler","Arial Narrow Bold",sans-serif;
  --font-body:Archivo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --fs-display:clamp(2.25rem,8.6vw,5.75rem);
  --fs-h2:clamp(2rem,5.6vw,3.5rem);
  --fs-h3:clamp(1.75rem,3.6vw,2.5rem);
  --fs-lead:clamp(1.0625rem,1.5vw,1.25rem);
  --fs-lg:1.125rem; --fs-body:1rem; --fs-sm:.9375rem; --fs-label:.8125rem; --fs-micro:.6875rem;
  --lh-display:1.06; --lh-tight:1; --lh-snug:1.35; --lh-lead:1.5; --lh-body:1.6;
  --ls-display:-.01em; --ls-label:.06em; --ls-wide:.1em;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:28px;
  --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px; --sp-24:96px;
  --sp-fluid-1:clamp(16px,2vw,24px);
  --sp-fluid-2:clamp(24px,3vw,40px);
  --sp-fluid-3:clamp(32px,5vw,64px);
  --sp-fluid-4:clamp(48px,6vw,80px);
  --section:clamp(5.5rem,12vw,11rem);
  --pad-card:clamp(1.75rem,3.6vw,3.25rem);
  --pad-panel:clamp(20px,3vw,28px);

  --wrap:1180px;
  --nav-h:71px;
  --gut:clamp(1.25rem,5vw,3rem);

  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-xl:18px; --r-2xl:24px; --r-pill:999px;

  --t-instant:120ms; --t-fast:180ms; --t-press:150ms; --t-reveal:620ms;
  --e-out:cubic-bezier(0.2,0,0,1); --e-expo:cubic-bezier(0.16,1,0.3,1);

  --z-grain:1; --z-base:2; --z-raised:10; --z-nav:200;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}

html{color-scheme:dark;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-block-start:92px}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
img,svg{max-inline-size:100%}
::selection{background:var(--mag);color:var(--bg)}
:focus-visible{outline:2px solid var(--mag);outline-offset:2px;border-radius:var(--r-sm)}

.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip{
  position:absolute;inset-block-start:-100%;inset-inline-start:var(--gut);z-index:calc(var(--z-nav) + 1);
  background:var(--mag);color:var(--bg);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);
  font-weight:700;font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;
}
.skip:focus{inset-block-start:var(--sp-3)}

.wrap{max-inline-size:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}

.display,.headline{
  font-family:var(--font-display);font-weight:400;
  line-height:var(--lh-display);letter-spacing:var(--ls-display);
  text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word;margin:0;
}
.display{font-size:var(--fs-display)}
.headline{font-size:var(--fs-h2)}
.ln{display:block}
.ln--mag{color:var(--mag)}
.lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--ink-muted);max-inline-size:56ch;text-wrap:pretty;margin:0}
a{color:var(--mag);text-decoration-thickness:from-font;text-underline-position:from-font;text-underline-offset:.18em}

.section{padding-block:var(--section);position:relative;z-index:var(--z-base)}
.section--tight{padding-block:calc(var(--section) * .75)}
.section--center{text-align:center}
.section--center .lead{margin-inline:auto}
.section--center .actions{justify-content:center}
.section__head{margin-block-end:var(--sp-fluid-3);display:grid;gap:var(--sp-fluid-1)}
.section--center .section__head{justify-items:center}

.btn{
  touch-action:manipulation;position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  min-block-size:52px;padding:var(--sp-4) var(--sp-7);border:1px solid transparent;border-radius:var(--r-md);
  font-family:inherit;font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-label);line-height:var(--lh-tight);
  text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;
  transition-property:background-color,color,border-color,box-shadow,translate,scale;
  transition-duration:var(--t-instant);transition-timing-function:var(--e-out);
}
.btn:active{scale:.96;transition-duration:var(--t-press)}
.btn--primary{background:var(--mag);color:var(--bg);box-shadow:inset 0 1px 0 var(--edge-hi), var(--shadow-btn)}
.btn--secondary{background:var(--fill-1);color:var(--ink);border-color:var(--border-hi);box-shadow:inset 0 1px 0 var(--edge)}
.btn--sm{min-block-size:44px;padding:var(--sp-3) var(--sp-5)}
.actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin:0;padding:0;list-style:none}

.nav{
  position:sticky;inset-block-start:0;z-index:var(--z-nav);
  background:var(--glass);
  border-block-end:1px solid var(--border);
  box-shadow:inset 0 1px 0 var(--fill-1);
}
@supports (backdrop-filter:blur(1px)){.nav{backdrop-filter:blur(16px) saturate(1.4)}}
.nav__in{display:flex;align-items:center;gap:var(--sp-6);min-block-size:70px}
.brand{display:inline-flex;align-items:center;min-block-size:44px;color:var(--ink);text-decoration:none;margin-inline-end:auto}
.brand svg{flex:none;block-size:28px;display:block}
.brand__lockup{inline-size:calc(28px * 440 / 90)}
.brand .brand__mark{inline-size:28px;display:none}
.brand__clip{display:block;block-size:28px;inline-size:calc(28px * 440 / 90);overflow:hidden;flex:none}
.brand__clip .brand__lockup{max-inline-size:none}
.nav__actions{display:flex;align-items:center;gap:var(--sp-3);flex:none}
.nav__burger{
  flex:none;position:relative;inline-size:44px;block-size:44px;padding:0;border-radius:var(--r-md);
  background:var(--fill-1);border:1px solid var(--border-hi);cursor:pointer;
  transition:background-color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out);
}
.nav__burger-bar{
  position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:18px;block-size:2px;
  background:var(--ink);border-radius:2px;
  transition:translate var(--t-fast) var(--e-out),rotate var(--t-fast) var(--e-out);
}
.nav__burger-bar:first-child{translate:-50% calc(-50% - 5px)}
.nav__burger-bar:last-child{translate:-50% calc(-50% + 5px)}
.nav__burger[aria-expanded="true"] .nav__burger-bar:first-child{translate:-50% -50%;rotate:45deg}
.nav__burger[aria-expanded="true"] .nav__burger-bar:last-child{translate:-50% -50%;rotate:-45deg}
@media (max-width:759px){
  .nav__in{position:relative;justify-content:center}
  .nav .brand{position:absolute;inset-inline-start:50%;translate:-50% 0;margin:0;transition:inset-inline-start .45s var(--e-out),translate .45s var(--e-out)}
  .nav .brand__clip{transition:inline-size .45s var(--e-out)}
  .nav .nav__actions{position:absolute;inset-inline-end:var(--gut);opacity:0;translate:12px 0;pointer-events:none;visibility:hidden;transition:opacity .3s var(--e-out),translate .3s var(--e-out),visibility 0s linear .3s}
  .nav.is-past .brand,html:not(.js) .nav .brand{inset-inline-start:var(--gut);translate:0 0}
  .nav.is-past .brand__clip,html:not(.js) .nav .brand__clip{inline-size:28px}
  .nav.is-past .nav__actions,html:not(.js) .nav .nav__actions{opacity:1;translate:0 0;pointer-events:auto;visibility:visible;transition-delay:0s}
}
@media (max-width:359px){.nav .nav__actions .btn--sm{padding-inline:var(--sp-3);letter-spacing:.02em;font-size:.75rem}}

.nav-drawer{position:fixed;inset:0;z-index:calc(var(--z-nav) + 10);pointer-events:none}
.nav-drawer.is-open{pointer-events:auto}
.nav-drawer__scrim{
  position:absolute;inset:0;border:0;padding:0;margin:0;cursor:pointer;
  background:rgb(0 0 0 / .65);opacity:0;transition:opacity var(--t-fast) var(--e-out);
}
.nav-drawer.is-open .nav-drawer__scrim{opacity:1}
.nav-drawer__panel{
  position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(400px,88vw);
  display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-6) var(--sp-7);overflow-y:auto;
  background:var(--surface-grad);background-color:var(--bg);border-inline-start:1px solid var(--border-hi);box-shadow:var(--shadow-card);
  translate:100% 0;transition:translate .4s var(--e-expo);
}
.nav-drawer.is-open .nav-drawer__panel{translate:0 0}
.nav-drawer__head{display:flex;align-items:center;justify-content:space-between;min-block-size:44px}
.nav-drawer__head .brand{margin:0}
.nav-drawer__close{
  flex:none;inline-size:44px;block-size:44px;border-radius:var(--r-md);display:grid;place-items:center;
  background:var(--fill-1);border:1px solid var(--border-hi);color:var(--ink);cursor:pointer;
  transition:background-color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out);
}
.nav-drawer__close svg{inline-size:18px;block-size:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.nav-drawer__links{list-style:none;margin:var(--sp-8) 0 0;padding:0;display:flex;flex-direction:column}
.nav-drawer__links a{
  display:flex;align-items:center;min-block-size:64px;padding-block:var(--sp-3);
  color:var(--ink);text-decoration:none;
  font-family:var(--font-display);font-weight:400;font-size:clamp(1.375rem,4vw,1.75rem);
  line-height:var(--lh-tight);letter-spacing:var(--ls-display);text-transform:uppercase;
  transition:color var(--t-instant) var(--e-out),translate var(--t-fast) var(--e-out);
}
.nav-drawer__cta{margin-block-start:var(--sp-7);justify-content:center;text-align:center}
@media (prefers-reduced-motion:reduce){
  .nav-drawer__panel,.nav-drawer__scrim,.nav__burger-bar{transition:none}
}

.disc{
  inline-size:34px;block-size:34px;border-radius:50%;flex:none;
  background:var(--disc,#FFFFFF);
  display:inline-grid;place-items:center;overflow:hidden;
  box-shadow:inset 0 0 0 1px var(--line-hi), var(--shadow-disc);
}
.disc svg{inline-size:100%;block-size:100%;display:block}
.sprite{position:absolute;inline-size:0;block-size:0;overflow:hidden}

.hero{
  --peek:clamp(9.5rem,26vh,15rem);
  position:relative;overflow:hidden;z-index:var(--z-base);
  min-block-size:calc(100vh - var(--nav-h) - var(--peek));
  min-block-size:calc(100svh - var(--nav-h) - var(--peek));
  display:flex;flex-direction:column;justify-content:flex-start;
}
.hero .fx-bloom{z-index:0}
.hero__in{position:relative;z-index:2;margin-block:auto;padding-block:clamp(2rem,6vh,4rem) clamp(2rem,5vh,3rem)}
.hero__in{inline-size:100%}
.hero__copy{inline-size:min(100%,calc(var(--fs-display) * 8.75));container-type:inline-size}
.hero .display{font-size:calc(100cqi / 8.75);text-box:trim-both cap alphabetic}
.hero__lead{margin-block-start:clamp(1.75rem,4vh,2.5rem);max-inline-size:none;color:var(--ink);font-weight:500}
.hero__actions{margin-block-start:clamp(1.25rem,3vh,1.75rem)}
.hero + .tk{padding-block-start:calc(var(--section) * .5)}

@media (max-width:759px){
  .hero__copy{inline-size:100%}
  .hero__lead{font-size:var(--fs-lead);margin-block-start:var(--sp-6)}
  .hero__actions{margin-block-start:var(--sp-6);flex-direction:column;align-items:center}
  .hero__actions li{inline-size:100%}
  .hero__actions .btn--primary{inline-size:100%}
}

@media (max-height:780px){
  :root{--fs-display:clamp(1.875rem,6.2vw,4.25rem)}
  .hero__in{padding-block:clamp(.75rem,3.4vh,2.5rem)}
}
@media (max-height:620px){
  :root{--fs-display:var(--fs-h2)}
}

.hero--wall .hero__in{padding-block:clamp(2rem,6vh,4rem) clamp(2.5rem,8vh,5rem)}
@property --fade{syntax:"<length>";inherits:true;initial-value:48px}

.bgfx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.bgfx::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--line-hi) 1px,transparent 1px),linear-gradient(90deg,var(--line-hi) 1px,transparent 1px);
  background-size:128px 128px;background-position:calc(50% - 64px) 0;
  -webkit-mask-image:radial-gradient(75% 90% at 50% 40%,#000 30%,transparent 100%);
          mask-image:radial-gradient(75% 90% at 50% 40%,#000 30%,transparent 100%);
}
.hero.has-board .bgfx::before{display:none}
.hm{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask-image:radial-gradient(62% 88% at 50% 42%,#000 30%,transparent 100%);mask-image:radial-gradient(62% 88% at 50% 42%,#000 30%,transparent 100%)}
.hm-cell{position:absolute;inline-size:var(--hm-g,84px);block-size:var(--hm-g,84px);display:grid;place-items:center;perspective:400px;
  box-shadow:inset 1px 1px 0 var(--line)}
.hm-f{display:grid;justify-items:center;gap:6px;backface-visibility:hidden;transform-origin:50% 50%;opacity:.42;
  transition:transform .28s var(--e-out),opacity 1.6s var(--e-out)}
.hm-cell.is-out .hm-f{transform:rotateX(90deg);transition:transform .2s cubic-bezier(.5,0,1,1)}
.hm-cell.is-in .hm-f{transform:rotateX(-90deg);transition:none}
.hm-cell.is-fresh .hm-f{opacity:.95;transition:transform .28s var(--e-out),opacity .2s var(--e-out)}
.hm-s{font-family:var(--font-display);font-weight:400;font-size:.8125rem;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--ink-muted)}
.hm-disc{inline-size:28px;block-size:28px;border-radius:50%;overflow:hidden;background:var(--disc,#FFFFFF);display:grid;place-items:center;
  box-shadow:inset 0 0 0 1px var(--line-hi)}
.hm-disc svg{inline-size:100%;block-size:100%;display:block}
@media (max-width:759px){.hm-s{font-size:.75rem}.hm-disc{inline-size:24px;block-size:24px}.hm-f{gap:5px}}
.hero__copy{position:relative;margin-inline:auto;max-inline-size:100%}
.hero__copy::before{content:"";position:absolute;inset:-44px -64px;z-index:-1;background:rgb(14 14 16 / .84);border-radius:200px;filter:blur(28px)}
@media (max-width:759px){.hero__copy::before{inset:-32px -36px;border-radius:120px;filter:blur(22px)}}
@keyframes hero-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes hero-fade{from{opacity:0}to{opacity:1}}
.js .hero--in .display .ln,.js .hero--in .hero__lead,.js .hero--in .hero__actions{animation:hero-in .8s var(--e-expo) both}
.js .hero--in .display .ln:nth-child(2){animation-delay:.1s}
.js .hero--in .hero__lead{animation-delay:.3s}
.js .hero--in .hero__actions{animation-delay:.4s}
.js .hero--in .bgfx{animation:hero-fade 1.6s var(--e-out) .5s both}

.tk{--tk-h:72px;position:relative;text-align:start}
.tk > .wrap{position:relative;z-index:1}

.tk__search{position:relative;isolation:isolate;z-index:3}
.tk__ring{position:absolute;inset:-.5px;inline-size:calc(100% + 1px);block-size:calc(100% + 1px);overflow:visible;pointer-events:none;z-index:2}
.tk__ring rect{fill:none;stroke:var(--mag);stroke-width:1.5px;stroke-opacity:.2;animation:tk-run 9s linear infinite}
.tk__ring .tk__ring-head{stroke:var(--mag-hi);stroke-opacity:1;stroke-width:2px}
.tk__ring .tk__ring-glow{stroke-width:6px;stroke-opacity:.55}
.tk__search.is-off .tk__ring rect{animation-play-state:paused}
@keyframes tk-run{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
.tk__field{
  position:relative;z-index:1;display:flex;align-items:center;gap:var(--sp-4);
  min-block-size:var(--tk-h);padding-inline:var(--sp-6) var(--sp-2);
  background:var(--surface);border:1px solid transparent;border-radius:var(--r-pill);
  box-shadow:inset 0 1px 0 var(--edge), 0 0 0 1px rgb(232 60 176 / .62);
  transition:box-shadow var(--t-fast) var(--e-out);
}
.tk__field:focus-within{box-shadow:inset 0 1px 0 var(--edge), 0 0 0 1.5px var(--mag), 0 0 0 5px var(--mag-tint)}
.tk__ico{inline-size:22px;block-size:22px;flex:none;color:var(--mag)}
.tk__in{flex:1;min-inline-size:0;background:none;border:0;outline:0;color:var(--ink);font:inherit;font-size:var(--fs-lg);line-height:var(--lh-snug);padding:0;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}
.tk__in::placeholder{color:var(--ink-muted)}
.tk__lbl{display:block;margin:0 0 var(--sp-3);font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-muted);text-align:center;text-wrap:balance}
@media (max-width:519px){.tk__in::placeholder{color:transparent}}
@media (min-width:520px){.tk__lbl{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}
.tk__in::-webkit-search-cancel-button{display:none}
.tk__go{
  flex:none;inline-size:calc(var(--tk-h) - 16px);block-size:calc(var(--tk-h) - 16px);border-radius:50%;border:1px solid transparent;cursor:pointer;
  display:grid;place-items:center;background:var(--mag);color:var(--bg);
  box-shadow:inset 0 1px 0 var(--edge-hi), var(--shadow-btn);transition:transform var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out);
}
.tk__go svg{inline-size:22px;block-size:22px}
@media (hover:hover){.tk__go:hover{transform:scale(1.06);box-shadow:inset 0 1px 0 var(--edge-hi), var(--shadow-btn-hover)}}
.tk__go:active{transform:scale(.96)}

.disc--lg{inline-size:44px;block-size:44px}
.disc--mono{background:var(--surface-2);color:var(--ink);font-family:var(--font-display);font-size:1.05em;line-height:1;box-shadow:inset 0 0 0 1px var(--line-hi)}

.tk-kicker{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin:0 0 var(--sp-4);font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-muted)}
.tk-kicker b{color:var(--ink-muted);font-weight:500;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
.tk-kicker b:empty{display:none}
.tk-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3)}
.tk-grid > li{display:grid}
.tk-tile{
  inline-size:100%;min-inline-size:0;display:grid;grid-template-rows:auto auto auto;gap:var(--sp-4) 0;justify-items:start;align-content:start;text-align:start;
  padding:var(--sp-5);border-radius:var(--r-xl);cursor:pointer;
  background:var(--fill-1);border:1px solid var(--line);color:var(--ink);font:inherit;
  box-shadow:inset 0 1px 0 var(--edge);
  transition:border-color var(--t-fast) var(--e-out),background-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out);
}
.tk-tile__sym{font-family:var(--font-display);font-size:1.5rem;line-height:1;letter-spacing:.01em;margin-block-start:var(--sp-1)}
.tk-tile__name{inline-size:100%;font-size:var(--fs-label);color:var(--ink-muted);line-height:var(--lh-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block-start:calc(-1 * var(--sp-2))}
@media (hover:hover){.tk-tile:hover{border-color:var(--line-hi);background-color:var(--fill-2)}}
.tk-tile:focus-visible{outline-color:var(--ink)}
.tk-tile[aria-pressed="true"]{border-color:var(--mag);background:var(--mag-tint);box-shadow:inset 0 1px 0 var(--edge), 0 0 0 1px var(--mag)}
@media (max-width:759px){
  .tk-grid{gap:var(--sp-2)}
  .tk-tile{padding:var(--sp-3) var(--sp-2);gap:var(--sp-3) 0;justify-items:center;border-radius:var(--r-lg)}
  .tk-tile .disc{inline-size:34px;block-size:34px}
  .tk-tile__sym{font-size:1rem;margin-block-start:0}
  .tk-tile__name{display:none}
}

.tk-res{list-style:none;margin:0;padding:0;border:1px solid var(--border-hi);border-radius:var(--r-lg);overflow:hidden;background:var(--bg)}
.tk-row{
  inline-size:100%;display:grid;grid-template-columns:36px 128px minmax(0,1fr) auto;align-items:center;column-gap:var(--sp-4);
  padding:var(--sp-3) var(--sp-4);background:none;border:0;border-block-start:1px solid var(--border);color:var(--ink);font:inherit;text-align:start;cursor:pointer;
}
.tk-res > li:first-child .tk-row{border-block-start:0}
.tk-row .disc{inline-size:32px;block-size:32px;font-size:.95rem}
.tk-row__sym{font-weight:700;font-variant-numeric:tabular-nums}
.tk-row__name{color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-row__go{color:var(--ink-muted);font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase}
.tk-row mark{background:none;color:var(--mag)}
@media (hover:hover){.tk-row:hover{background:var(--fill-1)}.tk-row:hover .tk-row__go{color:var(--mag)}}
.tk-row[aria-pressed="true"]{background:var(--mag-tint)}
.tk-empty{margin:0;padding:var(--sp-5);color:var(--ink-muted);border:1px solid var(--border-hi);border-radius:var(--r-lg)}
@media (max-width:519px){.tk-row{grid-template-columns:32px 84px minmax(0,1fr)}.tk-row__go{display:none}.tk-row__name{white-space:normal;text-wrap:pretty}}
.tk-drop{
  position:absolute;inset-inline:0;inset-block-start:calc(100% + var(--sp-2));z-index:5;
  max-block-size:min(560px,70vh);overflow-y:auto;overscroll-behavior:contain;
  padding:var(--sp-4) var(--sp-3) var(--sp-3);text-align:start;
  background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--r-lg);
  box-shadow:0 30px 60px -20px rgb(0 0 0 / .85);
  animation:tk-drop var(--t-fast) var(--e-out);
}
.tk-drop[hidden]{display:none}
@keyframes tk-drop{from{opacity:0;translate:0 -4px}}
.tk-drop .tk-kicker{margin:0 var(--sp-2) var(--sp-3)}
.tk-drop .tk-res{border-color:var(--border);border-radius:var(--r-md)}
.tk-drop .tk-empty{border:0;padding:0 var(--sp-2) var(--sp-2);color:var(--ink)}
.tk-empty__hint{display:block;margin-block-start:var(--sp-1);color:var(--ink-muted)}
.tk-row:focus-visible{outline-offset:-2px;border-radius:0}

.tk--board .wrap{max-inline-size:960px}
.tk--board .section__head{text-align:center;justify-items:center}
.tk--board [data-panel]{margin-block-start:var(--sp-5)}
@media (min-width:760px){.tk-lead span{display:block}}
.tk--board .tk-card{
  position:relative;border-radius:var(--r-2xl);overflow:hidden;
  background:var(--surface);border:1px solid var(--border-hi);
  box-shadow:inset 0 1px 0 var(--edge);
}
.tk-card[hidden]{display:none}
.tk-card.is-swap{animation:tk-swap var(--t-fast) var(--e-out)}
@keyframes tk-swap{from{opacity:.4}to{opacity:1}}
.tk-card__id{display:flex;align-items:center;gap:var(--sp-4);min-inline-size:0}
.tk-card__id > div{min-inline-size:0}
.tk-card__sym{display:block;font-family:var(--font-display);font-weight:400;font-size:1.75rem;line-height:1;letter-spacing:.01em}
.tk-card__kv{display:flex;gap:var(--sp-8);margin:0;flex:none}
.tk-card__kv dt{font-size:var(--fs-micro);font-weight:700;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-muted)}
.tk-card__kv dd{margin:var(--sp-1) 0 0;font-size:var(--fs-lg);font-weight:700;font-variant-numeric:tabular-nums}
.tk-card__kv dd.is-up{color:var(--up)}
.tk-card__kv dd.is-down{color:var(--down)}

.tk-card--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,32%)}
.tk-card__data{padding:var(--pad-panel);display:grid;gap:var(--sp-6);align-content:space-between}
.tk-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6) var(--sp-8);padding-block-end:var(--sp-6);border-block-end:1px solid var(--border)}
.tk-card--split .tk-card__kv div{text-align:end}
.tk-card__data{container-type:inline-size}
.tk-pair{--pv:clamp(2rem,11.5cqi,3rem);display:grid;grid-template-columns:max-content auto minmax(max-content,1fr);grid-template-rows:auto auto;gap:var(--sp-2) var(--sp-5)}
.tk-pair__c{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-inline-size:0}
.tk-pair__c:last-child{grid-column:3}
.tk-pair__l{align-self:end;font-size:var(--fs-micro);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-muted)}
.tk-pair__v{font-family:var(--font-display);font-size:var(--pv);line-height:.9;color:var(--ink);letter-spacing:.005em;white-space:nowrap;font-variant-numeric:tabular-nums}
.tk-pair__to{
  grid-area:2 / 2;align-self:center;justify-self:center;translate:0 calc(var(--pv) * .05);
  display:grid;inline-size:calc(var(--pv) * .78);aspect-ratio:1;color:var(--ink-dim);
}
.tk-pair__to svg{inline-size:100%;block-size:100%}
.tk-pair--long{--pv:clamp(1.75rem,9.5cqi,3rem)}
@container (max-width:299px){
  .tk-pair{--pv:2.5rem;grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:var(--sp-3)}
  .tk-pair__c{grid-row:auto;grid-template-rows:none;row-gap:var(--sp-2)}
  .tk-pair__c:last-child{grid-column:auto}
  .tk-pair__to{grid-area:auto;justify-self:start;inline-size:2rem;translate:none}
  .tk-pair__to svg{rotate:90deg}
}
.tk-pair__v b{font-weight:400}
.tk-pair__v--mag{color:var(--mag)}
.tk-pair__v small{font-size:.42em;color:var(--ink-muted);letter-spacing:.02em}

.tk-card__drench{
  display:grid;grid-template-rows:1fr auto;gap:var(--sp-6);padding:var(--pad-panel);
  background:var(--mag);color:var(--bg);text-decoration:none;
  box-shadow:inset 1px 0 0 var(--edge-hi);transition:background-color var(--t-fast) var(--e-out),color var(--t-fast) var(--e-out);
}
.tk-card__drench-t{font-family:var(--font-display);font-size:clamp(1.75rem,2.4vw,2.25rem);line-height:1;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;align-self:start}
.tk-card__drench-arr{justify-self:end;inline-size:48px;block-size:48px;border-radius:50%;background:var(--bg);color:var(--ink);display:grid;place-items:center;transition:translate var(--t-fast) var(--e-out)}
.tk-card__drench-arr svg{inline-size:22px;block-size:22px}
@media (hover:hover){.tk-card__drench:hover{background:var(--mag-deep);color:var(--ink)}}
.tk-card__drench:focus-visible{outline-color:var(--bg);outline-offset:-6px;border-radius:0}
.tk--board .tk-card{scroll-margin-block:0 24px}
@media (max-width:759px){
  .tk-card--split{grid-template-columns:1fr}
  .tk-card__top{flex-wrap:wrap}
  .tk-card--split .tk-card__kv{inline-size:100%;justify-content:flex-start;gap:var(--sp-10)}
  .tk-card--split .tk-card__kv div{text-align:start}
  .tk-card__drench{grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;box-shadow:inset 0 1px 0 var(--edge-hi)}
  .tk-card__drench-t{font-size:1.5rem}
}

@media (prefers-reduced-motion:reduce){.tk__ring{display:none}.tk-card.is-swap{animation:none}}

.tk-browse{margin-block-start:var(--sp-10);container-type:inline-size}
html:not(.js) .tk-browse{display:none}
.tk-tabs{position:relative;isolation:isolate;display:flex;justify-content:space-between;gap:var(--sp-7);border-block-end:1px solid var(--line-hi)}
.tk-tab{
  appearance:none;border:0;background:none;margin:0;padding:0 0 var(--sp-4);cursor:pointer;position:relative;z-index:1;white-space:nowrap;
  font-family:var(--font-display);font-size:clamp(1.25rem,calc((100cqi - 112px) / 24.5),2rem);line-height:1;letter-spacing:.01em;text-transform:uppercase;color:var(--ink-muted);
  transition:color var(--t-fast) var(--e-out);
}
.tk-tab[aria-selected="true"]{color:var(--ink)}
@media (hover:hover){.tk-tab:hover{color:var(--ink)}}
.tk-tab:focus-visible{outline:2px solid var(--mag);outline-offset:4px;border-radius:var(--r-sm)}
.tk-tab__s{text-transform:none}
.tk-tabs__thumb{
  position:absolute;inset-inline-start:0;inset-block:auto -2px;z-index:0;pointer-events:none;
  inline-size:var(--tw,0);block-size:3px;transform:translateX(var(--tx,0));
  border-radius:3px;background:var(--mag);box-shadow:0 0 18px var(--mag-glow);
}
.tk-tabs.is-ready .tk-tabs__thumb{transition:transform .5s var(--e-expo),inline-size .5s var(--e-expo)}
.tk-pane > .tk-list{margin-block-start:var(--sp-6)}
.tk-pane > .tk-sback + .tk-list{margin-block-start:var(--sp-5)}
.tk-list.is-enter > li,.tk-sboard.is-enter > *{animation:tk-in .2s var(--e-out) both;animation-delay:calc(var(--i,0) * 15ms)}
@keyframes tk-in{from{opacity:0;transform:translateY(6px)}}
@container (max-width:599px){
  .tk-tabs{
    justify-content:flex-start;gap:var(--sp-6);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;
    padding:6px 4px 0;margin:-6px -4px 0;border-block-end:0;
    background:linear-gradient(var(--line-hi),var(--line-hi)) left bottom / 100% 1px no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent);
            mask-image:linear-gradient(90deg,transparent,#000 var(--fl,0px),#000 calc(100% - var(--fr,0px)),transparent);
  }
  .tk-tabs::-webkit-scrollbar{display:none}
  .tk-tab{padding-block-end:var(--sp-3)}
  .tk-tab:focus-visible{outline-offset:2px}
  .tk-tabs__thumb{inset-block-end:0}
}

.tk-sboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-block-start:var(--sp-6)}
.tk-sec{
  appearance:none;font:inherit;color:var(--ink);text-align:start;cursor:pointer;min-inline-size:0;
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;gap:var(--sp-8) var(--sp-3);align-items:end;
  padding:var(--sp-5);border-radius:var(--r-xl);background:var(--fill-1);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--edge);
  transition:border-color var(--t-fast) var(--e-out),background-color var(--t-fast) var(--e-out);
}
.tk-sec__name{grid-column:1 / -1;align-self:start;font-family:var(--font-display);font-size:1.75rem;line-height:1;letter-spacing:.01em;text-transform:uppercase}
.tk-sec__discs{display:flex;padding-inline-start:9px}
.tk-sec__discs .disc{inline-size:36px;block-size:36px;margin-inline-start:-9px;box-shadow:0 0 0 2px var(--surface),var(--shadow-disc)}
.tk-sec__arr{
  inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink-muted);border:1px solid var(--line-hi);
  transition:background-color var(--t-fast) var(--e-out),color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out);
}
.tk-sec__arr svg{inline-size:18px;block-size:18px}
@media (hover:hover){
  .tk-sec:hover{border-color:var(--line-hi);background-color:var(--fill-2)}
  .tk-sec:hover .tk-sec__arr{background:var(--mag);border-color:var(--mag);color:var(--bg)}
}
.tk-sec:focus-visible{outline:2px solid var(--mag);outline-offset:3px}
.tk-sback{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-block-start:var(--sp-6)}
.tk-sback__name{font-family:var(--font-display);font-size:1.75rem;line-height:1;letter-spacing:.01em;text-transform:uppercase;min-inline-size:0}
.tk-sback__btn{
  appearance:none;flex:none;display:inline-flex;align-items:center;gap:var(--sp-2);min-block-size:40px;padding:0 var(--sp-4);cursor:pointer;
  font:inherit;font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-muted);
  background:var(--fill-1);border:1px solid var(--line-hi);border-radius:var(--r-pill);
  transition:color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out);
}
.tk-sback__btn svg{inline-size:16px;block-size:16px}
@media (hover:hover){.tk-sback__btn:hover{color:var(--ink);border-color:var(--border-hi)}}
.tk-sback__btn:focus-visible{outline:2px solid var(--mag);outline-offset:2px}
@media (max-width:759px){
  .tk-sboard{grid-template-columns:1fr 1fr;gap:var(--sp-2)}
  .tk-sec{padding:var(--sp-4);gap:var(--sp-5) var(--sp-2);border-radius:var(--r-lg)}
  .tk-sec__name{font-size:1.25rem}
  .tk-sec__discs .disc{inline-size:28px;block-size:28px;margin-inline-start:-8px}
  .tk-sec__arr{inline-size:32px;block-size:32px}
  .tk-sec__arr svg{inline-size:15px;block-size:15px}
  .tk-sback__name{font-size:1.375rem}
}
@media (max-width:399px){.tk-sec__name{font-size:1.125rem}}
@media (max-width:359px){.tk-sec__name{font-size:1rem}.tk-sback__name{font-size:1.125rem}.tk-sback__btn{padding-inline:var(--sp-3)}}
@media (prefers-reduced-motion:reduce){.tk-list.is-enter > li,.tk-sboard.is-enter > *{animation:none}.tk-tabs.is-ready .tk-tabs__thumb{transition:none}}

.lf{display:grid;gap:var(--sp-3);margin:0;container-type:inline-size}
.lf__row{
  display:flex;align-items:center;gap:var(--sp-3);
  min-block-size:64px;padding-inline:var(--sp-5) var(--sp-2);
  background:var(--bg);border:1px solid var(--border-field);border-radius:var(--r-pill);
  transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out);
}
.lf__row:focus-within{border-color:var(--mag);box-shadow:0 0 0 4px var(--mag-tint)}
.lf__field{display:flex;align-items:center;gap:var(--sp-3);flex:1 1 0;min-inline-size:0}
.lf__ico{inline-size:20px;block-size:20px;flex:none;color:var(--ink-muted);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lf__row:focus-within .lf__ico{color:var(--mag)}
.lf__in{flex:1 1 0;min-inline-size:0;inline-size:100%;background:none;border:0;outline:0;color:var(--ink);font:inherit;font-size:var(--fs-lg);line-height:var(--lh-snug);padding:0;caret-color:var(--mag);-webkit-appearance:none;appearance:none}
.lf__in::placeholder{color:var(--ink-muted)}
.lf__in:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 40px var(--bg) inset;caret-color:var(--mag)}
.lf__btn{
  position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-block-size:48px;padding-inline:var(--sp-6);border:1px solid transparent;border-radius:var(--r-pill);cursor:pointer;
  background:var(--mag);color:var(--bg);font:inherit;font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;
  box-shadow:inset 0 1px 0 var(--edge-hi),var(--shadow-btn);
  transition:background-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out),transform var(--t-press) var(--e-out);
}
@media (hover:hover){.lf__btn:hover{background:var(--mag-hi);box-shadow:inset 0 1px 0 var(--edge-hi),var(--shadow-btn-hover)}}
.lf__btn:active{transform:scale(.96)}
.lf__btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:var(--r-pill)}
.lf__spin{display:none;inline-size:16px;block-size:16px;border-radius:50%;border:2px solid rgb(14 14 16 / .3);border-block-start-color:var(--bg);animation:lf-spin .7s linear infinite}
@keyframes lf-spin{to{transform:rotate(1turn)}}
.lf.is-busy .lf__btn{cursor:progress;background:var(--mag-low)}
.lf.is-busy .lf__spin{display:inline-block}
.lf.is-error .lf__row{border-color:var(--down);box-shadow:0 0 0 4px rgb(255 77 109 / .14)}
.lf.is-error .lf__ico{color:var(--down)}
.lf__msg{margin:0;display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:600;color:var(--down);padding-inline-start:var(--sp-5)}
.lf__msg:empty{display:none}
.lf__msg::before{content:"";flex:none;inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}
.lf__fine{margin:0;font-size:var(--fs-label);line-height:var(--lh-snug);color:var(--ink-muted);padding-inline-start:var(--sp-5);text-wrap:pretty}
@keyframes lf-call{0%{box-shadow:0 0 0 0 var(--mag-glow)}100%{box-shadow:0 0 0 16px rgb(232 60 176 / 0)}}
.lf.is-called .lf__row{border-color:var(--mag);animation:lf-call .9s var(--e-out) 2}
.lf-done{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-2) var(--sp-4);align-items:center}
.lf-done[hidden]{display:none}
.lf-done__ok{grid-row:span 2;inline-size:48px;block-size:48px;border-radius:50%;display:grid;place-items:center;background:var(--mag);color:var(--bg)}
.lf-done__ok svg{inline-size:24px;block-size:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lf-done__t{margin:0;font-family:var(--font-display);font-weight:400;font-size:var(--fs-h3);line-height:1;text-transform:uppercase;outline:0}
.lf-done__p{margin:0;color:var(--ink-muted);font-size:var(--fs-body);line-height:var(--lh-snug)}
.lf-done__p b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){.lf.is-called .lf__row{animation:none}.lf__spin{animation-duration:1.6s !important;animation-iteration-count:infinite !important}}
@container (max-width:439px){
  .lf__row{display:grid;gap:var(--sp-2);padding:0;background:none;border:0;border-radius:0;min-block-size:0}
  .lf__row:focus-within{box-shadow:none}
  .lf__field{min-block-size:56px;padding-inline:var(--sp-4);background:var(--bg);border:1px solid var(--border-field);border-radius:var(--r-lg);transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out)}
  .lf__field:focus-within{border-color:var(--mag);box-shadow:0 0 0 4px var(--mag-tint)}
  .lf.is-error .lf__row{box-shadow:none}
  .lf.is-error .lf__field{border-color:var(--down);box-shadow:0 0 0 4px rgb(255 77 109 / .14)}
  .lf.is-called .lf__row{animation:none}
  .lf.is-called .lf__field{border-color:var(--mag);animation:lf-call .9s var(--e-out) 2}
  .lf__btn{min-block-size:52px;inline-size:100%}
  .lf__msg,.lf__fine{padding-inline-start:0}
}

.lf__h{margin:0}
.lf__sym{color:var(--mag);white-space:nowrap}
.lf__sym .disc{inline-size:.78em;block-size:.78em;vertical-align:.04em;margin-inline-end:.14em}
.lf__sym .disc--mono{font-size:.45em;inline-size:1.73em;block-size:1.73em;vertical-align:.58em}
.lf__lead{margin:0;font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--ink-muted);text-wrap:balance}
.lf__copy{display:grid;gap:var(--sp-3);align-content:start;min-inline-size:0}
.lf__copy + .lf,.lf__copy ~ .lf-done{margin-block-start:var(--sp-6)}
.lf__body{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;min-inline-size:0;padding:var(--pad-card)}

.lf-stub{
  position:relative;display:grid;align-content:center;justify-items:center;gap:var(--sp-2);text-align:center;
  background:var(--mag);color:var(--bg);padding:var(--pad-panel);
}
.lf-stub__amt{font-family:var(--font-display);font-size:clamp(4rem,7.4vw,6.5rem);line-height:.86;letter-spacing:-.005em}
.lf-stub__l{font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-wide);text-transform:uppercase}
.lf-stub::before{content:"";position:absolute;pointer-events:none}

.lf-tear{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,32%);
  background:var(--surface);border:1px solid var(--border-hi);border-block-start:0;
  border-end-start-radius:var(--r-2xl);border-end-end-radius:var(--r-2xl);overflow:hidden;
  box-shadow:inset 0 1px 0 var(--edge);
  -webkit-mask:radial-gradient(circle 12px at 0 0,transparent 11.5px,#000 12px) left / 51% 100% no-repeat,
               radial-gradient(circle 12px at 100% 0,transparent 11.5px,#000 12px) right / 51% 100% no-repeat;
          mask:radial-gradient(circle 12px at 0 0,transparent 11.5px,#000 12px) left / 51% 100% no-repeat,
               radial-gradient(circle 12px at 100% 0,transparent 11.5px,#000 12px) right / 51% 100% no-repeat;
}
.lf-tear .lf__body{position:relative;padding:var(--pad-panel)}
.lf-tear .lf__h{font-size:clamp(1.75rem,2.8vw,2.375rem)}
.lf-tear .lf__body::before{content:"";position:absolute;inset-inline:18px 0;inset-block-start:0;block-size:2px;background:repeating-linear-gradient(90deg,var(--line-hi) 0 7px,transparent 7px 13px)}
.lf-tear .lf-stub::before{inset-inline:0 18px;inset-block-start:0;block-size:2px;background:repeating-linear-gradient(90deg,rgb(14 14 16 / .55) 0 7px,transparent 7px 13px)}
.lf-tear .lf-stub{box-shadow:inset 1px 0 0 var(--edge-hi)}
.lf-tear .lf-stub__amt{font-size:clamp(4rem,6.4vw,5.5rem)}
.tk--board .tk-card{
  border-end-start-radius:0;border-end-end-radius:0;border-block-end:0;
  -webkit-mask:radial-gradient(circle 12px at 0 100%,transparent 11.5px,#000 12px) left / 51% 100% no-repeat,
               radial-gradient(circle 12px at 100% 100%,transparent 11.5px,#000 12px) right / 51% 100% no-repeat;
          mask:radial-gradient(circle 12px at 0 100%,transparent 11.5px,#000 12px) left / 51% 100% no-repeat,
               radial-gradient(circle 12px at 100% 100%,transparent 11.5px,#000 12px) right / 51% 100% no-repeat;
}
@media (max-width:759px){
  .lf-tear{grid-template-columns:1fr}
  .lf-tear .lf-stub{order:-1;grid-auto-flow:column;align-items:baseline;justify-content:center;gap:var(--sp-3);padding-block:var(--sp-5)}
  .lf-tear .lf-stub__amt{font-size:3.5rem}
  .lf-tear .lf-stub::before{inset-inline:18px}
  .lf-tear .lf__body::before{display:none}
}

.tk-card__drench-arr svg{transition:rotate var(--t-fast) var(--e-out)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.tk-card__drench:hover .tk-card__drench-arr{translate:0 3px}}

.try{position:relative;overflow:hidden}
.try .fx-bloom{--fx-bloom-strength:.5;z-index:0;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)}
.try .fx-bloom::before,.try .fx-bloom::after{content:"";position:absolute;inline-size:44vw;block-size:70%;border-radius:50%;background:var(--mag);filter:blur(90px);opacity:.28;inset-block-start:15%}
.try .fx-bloom::before{inset-inline-start:-14vw}
.try .fx-bloom::after{inset-inline-end:-10vw;opacity:.22}
.try .wrap{position:relative;z-index:1}
.try .duo5{display:grid;gap:var(--sp-fluid-2);align-items:center;text-align:start}
.try .lead{margin-block-start:var(--sp-3)}
.try__with{display:flex;align-items:center;flex-wrap:wrap;gap:.4em}
.tvl{display:inline-flex;align-items:center;gap:.38em;color:var(--ink);font-weight:700;letter-spacing:-.01em}
.tvl__m{inline-size:1.6em;block-size:auto;fill:currentColor;flex:none}
@media (min-width:900px){
  .try .duo5{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--sp-fluid-3);grid-template-areas:"t s" "a s";grid-template-rows:auto auto;row-gap:var(--sp-6);align-content:center}
  .try .duo5 > div:first-child{grid-area:t;align-self:end}
  .try .tv-scene{grid-area:s;perspective:1400px;perspective-origin:20% 50%}
  .try .actions{grid-area:a;align-self:start;margin:0}
  .try .tv{
    inline-size:118%;
    transform:rotateY(-14deg) rotateX(3deg);transform-origin:0% 50%;
    transition:transform .7s var(--e-expo),border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out);
    box-shadow:0 30px 80px -30px rgb(0 0 0 / .8), var(--shadow-card);
  }
}
.tv{
  position:relative;display:block;overflow:hidden;
  border:1px solid var(--border-hi);border-radius:var(--r-lg);background:var(--surface);
  color:var(--ink);text-decoration:none;
  box-shadow:var(--shadow-card);
  transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out),translate var(--t-fast) var(--e-out);
}
.tv__img{display:block;inline-size:100%;block-size:auto;aspect-ratio:995/594;object-fit:cover}
.tv__play{
  position:absolute;inset:50% auto auto 50%;translate:-50% -50%;
  inline-size:clamp(56px,7vw,84px);aspect-ratio:1;border-radius:50%;
  display:grid;place-items:center;
  background:var(--mag);color:var(--bg);
  box-shadow:0 0 0 10px rgb(232 60 176 / .18), var(--shadow-btn);
  transition:scale var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out);
}
.tv__play svg{inline-size:42%;block-size:42%;translate:2% 0;fill:currentColor}
.tv:active{translate:0 1px}
.tv:focus-visible{outline:2px solid var(--mag);outline-offset:4px}
@media (max-width:899px){
  .try{text-align:center}
  .try .duo5{text-align:center;justify-items:center;gap:var(--sp-fluid-1)}
  .try .lead{margin-inline:auto}
  .try__with{justify-content:center}
  .try .duo5 .actions{justify-content:center;margin-block-start:var(--sp-2)}
  .try .btn--primary{inline-size:100%;max-inline-size:320px}
  .try .fx-bloom::before,.try .fx-bloom::after{inline-size:80vw;filter:blur(60px)}
}

.cm .lead{margin-block-start:var(--sp-fluid-1)}
.lib{isolation:isolate}

.lr{
  position:relative;--gap:var(--sp-4);
  --pad:max(var(--gut), calc((100% - var(--wrap)) / 2 + var(--gut)));
  --fade:min(calc(var(--pad) * .6), 150px);
}
.lr__list{
  position:relative;list-style:none;margin:0;display:flex;gap:var(--gap);align-items:stretch;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding:var(--sp-2) var(--pad) var(--sp-6);scroll-padding-inline:var(--pad);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);
          mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);
}
.lr__list::-webkit-scrollbar{display:none}
.lr__list > li{flex:none;display:flex;scroll-snap-align:start}
@media (pointer:fine){.js .lr__list{cursor:grab}}
.lr__list.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none;-webkit-user-select:none}
.lr__list.is-drag .lc{pointer-events:none}

.lc{
  position:relative;display:flex;flex-direction:column;flex:none;isolation:isolate;text-align:start;
  inline-size:var(--w,300px);
  background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:inset 0 1px 0 var(--edge);color:var(--ink);text-decoration:none;
  transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out),translate var(--t-fast) var(--e-out);
}
.lc__m{position:relative;display:block;flex:none;overflow:hidden;background:var(--surface-2)}
.lc__m img{display:block;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover;transition:scale .6s var(--e-expo);-webkit-user-drag:none;user-select:none}
.lc__f{flex:1 0 auto;display:flex;align-items:center;gap:var(--sp-3);min-block-size:var(--fh,56px);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4)}
.lc__txt{flex:1;min-inline-size:0;display:grid;gap:3px}
.lc__s{font-size:var(--fs-label);line-height:1.3;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc__s--solo{font-size:var(--fs-sm)}
.lc__arr{
  flex:none;inline-size:32px;block-size:32px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--border-hi);color:var(--ink);
  transition:background-color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out),color var(--t-fast) var(--e-out),translate var(--t-fast) var(--e-out);
}
.lc__arr svg{inline-size:14px;block-size:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lc--art .lc__m{aspect-ratio:972/431}
.lc--art .lc__m img{object-position:left center}
.lc__t{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  padding:var(--sp-3) var(--sp-4) 0;font-size:var(--fs-sm);font-weight:600;line-height:1.35;color:var(--ink);text-wrap:pretty;
}
a.lc:active{translate:0 1px}
.lc:focus-visible{outline:2px solid var(--mag);outline-offset:3px;border-radius:var(--r-lg)}
@media (hover:hover){
  a.lc:hover{border-color:var(--mag);translate:0 -3px;box-shadow:inset 0 1px 0 var(--edge),var(--shadow-mag)}
  a.lc:hover .lc__m img{scale:1.04}
  a.lc:hover .lc__arr{background:var(--mag);border-color:var(--mag);color:var(--bg);translate:3px 0}
}

.lr-btn{display:none}
.lr-btn svg{inline-size:20px;block-size:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:600px){
  .js .lr-btn{
    display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border-radius:50%;cursor:pointer;
    background:var(--fill-1);color:var(--ink);border:1px solid var(--border-hi);box-shadow:inset 0 1px 0 var(--edge);
    transition:opacity var(--t-fast) var(--e-out),background-color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out);
  }
  .lr-btn svg{inline-size:18px;block-size:18px}
  .lr-btn[disabled]{opacity:.3;cursor:default;pointer-events:none}
}
@media (hover:hover) and (min-width:600px){.lr-btn:hover{background:var(--fill-2);border-color:var(--mag)}}

.lib-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-fluid-2)}
.lrow__h{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--sp-5);margin-block-end:var(--sp-2);text-align:start}
.lrow__ti{min-inline-size:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4)}
@media (max-width:599px){.lrow__h{align-items:start}.lrow__ti{flex-direction:column;align-items:flex-start;gap:6px}.lrow__all{min-block-size:28px}}
.lrow__t{
  margin:0;display:flex;align-items:center;gap:.3em;
  font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1;
  letter-spacing:var(--ls-display);text-transform:uppercase;
}
.lrow__m{margin:0;font-size:var(--fs-sm);color:var(--ink-muted)}
.lrow__all{
  display:inline-flex;align-items:center;gap:.5em;min-block-size:44px;
  font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink);text-decoration:none;
}
.lrow__all svg{inline-size:1.1em;block-size:1.1em;fill:none;stroke:var(--mag);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:translate var(--t-fast) var(--e-out)}
@media (hover:hover){.lrow__all:hover{color:var(--mag-hi)}.lrow__all:hover svg{translate:3px 0}}
.lrow__nav{display:none}
@media (min-width:600px){.js .lrow__nav{display:flex;gap:var(--sp-2)}.js .lrow__h{grid-template-columns:minmax(0,1fr) auto auto}}
.lr--row{--fh:52px}
.lr--row .lc__m{aspect-ratio:16/9}
.lrow--live .lc--vid,.lrow--earn .lc--vid{--w:clamp(270px,78vw,380px)}
.lrow--vod .lc--vid{--w:clamp(236px,62vw,300px)}
.lrow--art .lc--art{--w:clamp(250px,70vw,320px)}
.lr--row .lc--art .lc__m{aspect-ratio:972/431}
.lr--row .lc--art .lc__t{flex:1 0 auto}
.lr--row .lc--art .lc__f{flex:none}

@media (prefers-reduced-motion:reduce){
  a.lc:hover,a.lc:active{translate:none}
  a.lc:hover .lc__m img{scale:1}
  a.lc:hover .lc__arr{translate:none}
}

.tp-stars{--tp-size:clamp(30px,2.8vw,40px);--tp-gap:calc(var(--tp-size) * .09);display:inline-flex;gap:var(--tp-gap);flex:none}
.tp-star{
  position:relative;display:grid;place-items:center;overflow:hidden;
  inline-size:var(--tp-size);block-size:var(--tp-size);border-radius:calc(var(--tp-size) * .06);
  background:linear-gradient(90deg,var(--tp-green) calc(var(--f, 1) * 100%),var(--surface-2) 0);
}
.tp-star--part{box-shadow:inset 0 0 0 1px var(--line-hi)}
.tp-star svg{position:relative;inline-size:66%;block-size:66%;fill:#fff}

.foot{padding-block:var(--sp-fluid-3);border-block-start:1px solid var(--line);position:relative;z-index:var(--z-base)}
.foot__note{font-size:var(--fs-label);line-height:var(--lh-body);color:var(--ink-muted);max-inline-size:76ch;text-wrap:pretty}
.foot__note p{margin:0 0 var(--sp-3)}
.foot__note p:last-child{margin:0}
@media (min-width:760px){.foot__note{max-inline-size:none;columns:2;column-gap:var(--sp-10)}.foot__note p{break-inside:avoid}.foot__h,.foot__copy{column-span:all}}

.soc{display:grid;grid-template-columns:repeat(6,minmax(0,var(--soc,44px)));gap:var(--sp-2);list-style:none;margin:0;padding:0}
.soc li{display:flex}
.soc__a{display:grid;place-items:center;inline-size:100%;aspect-ratio:1;min-block-size:0;border-radius:var(--r-md);text-decoration:none;transition:background-color var(--t-instant) var(--e-out),color var(--t-instant) var(--e-out),border-color var(--t-instant) var(--e-out)}
.soc__a svg{inline-size:20px;block-size:20px;fill:currentColor;display:block}
.hrs{margin:0;display:grid;gap:var(--sp-3)}
.hrs div{display:grid;gap:2px}
.hrs dt{font-weight:600;color:var(--ink)}
.hrs dd{margin:0;color:var(--ink-muted);font-variant-numeric:tabular-nums}

.fb{padding-block:var(--sp-fluid-4) 0;overflow:hidden}
.fb__strip{display:grid;grid-template-columns:minmax(0,1fr);margin-block-end:var(--sp-fluid-3);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface)}
.fb__cell{padding:var(--sp-fluid-2);min-inline-size:0}
.fb__cell + .fb__cell{border-block-start:1px solid var(--border)}
@media (min-width:600px) and (max-width:959px){
  .fb__strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fb__cell--soc{grid-column:1 / -1}
  .fb__cell + .fb__cell + .fb__cell{border-inline-start:1px solid var(--border)}
}
@media (min-width:960px){
  .fb__strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fb__cell + .fb__cell{border-block-start:0;border-inline-start:1px solid var(--border)}
}
.fb__k{margin:0 0 var(--sp-5);font-size:var(--fs-label);line-height:var(--lh-tight);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-muted)}
.fb__k--2{margin-block-start:var(--sp-6)}
.fb__cell--soc .soc{--soc:52px}
.soc__a--tile{background:var(--ink);color:var(--bg)}
.soc__a--tile svg{inline-size:52%;block-size:auto;aspect-ratio:1}
.fb .hrs dt{font-size:var(--fs-sm)}
.fb .hrs dd{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.1;letter-spacing:var(--ls-display);color:var(--ink)}
.fb__mailp{margin:0}
.fb__mail{font-family:var(--font-display);font-size:clamp(1.25rem,1.9vw,1.5rem);line-height:1.15;letter-spacing:.01em;color:var(--ink);text-decoration:underline;text-decoration-color:var(--mag);text-decoration-thickness:2px;text-underline-offset:5px;overflow-wrap:anywhere}
.fb__v{margin:0;font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--ink-muted)}
.fb .foot__h{margin-block-start:0}
.fb__mark{max-inline-size:var(--wrap);margin:var(--sp-fluid-3) auto 0;padding-inline:var(--gut);color:var(--mag);block-size:calc((min(100vw,var(--wrap)) - 2 * var(--gut)) * 90 / 440 * .78);overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,#000 35%,transparent 100%);mask-image:linear-gradient(to bottom,#000 35%,transparent 100%)}
.fb__mark svg{display:block;inline-size:100%;block-size:auto;aspect-ratio:440 / 90}
@media (hover:hover) and (pointer:fine){
  .soc__a--tile:hover{background:var(--mag);color:var(--bg)}
  .fb__mail:hover{color:var(--mag)}
}
@media (forced-colors:active){
  .soc__a{border:1px solid CanvasText}
  .fb__mark{color:CanvasText}
}
.foot__h{margin:var(--sp-5) 0 var(--sp-3);font-size:var(--fs-label);line-height:var(--lh-tight);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink)}
.foot__note .foot__copy{margin-block-start:var(--sp-4);padding-block-start:var(--sp-3);border-block-start:1px solid var(--line)}

.js .reveal{
  opacity:0;translate:0 28px;
  transition-property:opacity,translate;
  transition-duration:var(--t-reveal);transition-timing-function:var(--e-expo);
}
.js .reveal.is-in{opacity:1;translate:0 0}

@media (hover:hover){
  a:not([class]):hover{color:var(--mag-hi)}
  .btn:hover{translate:0 -1px}
  .btn--primary:hover{background:var(--mag-hi);color:var(--bg);box-shadow:inset 0 1px 0 var(--edge-hi), var(--shadow-btn-hover)}
  .btn--secondary:hover{background:var(--fill-2);border-color:rgb(255 255 255 / .24);color:var(--ink)}
  .nav__burger:hover{background:var(--fill-2);border-color:var(--mag)}
  .nav-drawer__close:hover{background:var(--fill-2);border-color:var(--mag)}
  .nav-drawer__links a:hover{color:var(--mag);translate:var(--sp-2) 0}
  .tv:hover{border-color:var(--mag);color:var(--ink);box-shadow:0 20px 60px -20px var(--mag-haze), var(--shadow-card)}
  .tv:hover .tv__play{scale:1.08;box-shadow:0 0 0 16px rgb(232 60 176 / .22), var(--shadow-btn)}
  .try .tv:hover{transform:rotateY(0) rotateX(0)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:1ms !important;animation-iteration-count:1 !important;
    transition-duration:1ms !important;transition-delay:0ms !important;scroll-behavior:auto !important;
  }
  .js .hero--in .display .ln,.js .hero--in .hero__lead,.js .hero--in .hero__actions,.js .hero--in .bgfx{animation:none}
  .js .reveal{opacity:1 !important;translate:none !important}
  .btn:hover,.btn:active,.tv:hover,.tv:active{translate:none;scale:none}
  .try .tv{transform:none !important;inline-size:100%}
}

@media (forced-colors:active){
  .nav__burger-bar{background:CanvasText}
  .tp-star svg{fill:CanvasText}
  .tk-tabs__thumb{forced-color-adjust:none;background:Highlight}
  .tk-tile[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px}
  .sc--b .lf__row:has(.lf__in:focus-visible),.sc--b .lf__field:focus-within,.lf__row:focus-within{outline:2px solid Highlight;outline-offset:3px}
}

.hero .fx-bloom{--fx-bloom-strength:.30}
#tickers .fx-bloom{
  --fx-bloom-strength:.55;z-index:0;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);
  background-image:
    radial-gradient(90% 70% at 50% 55%, rgba(232,60,176,.36) 0%, rgba(232,60,176,.16) 40%, rgba(232,60,176,.05) 64%, rgba(232,60,176,0) 80%),
    radial-gradient(44% 40% at 14% 62%, rgba(176,30,128,.30) 0%, rgba(176,30,128,0) 70%),
    radial-gradient(44% 40% at 86% 40%, rgba(240,79,187,.24) 0%, rgba(240,79,187,0) 70%);
}
#tickers > .wrap{position:relative;z-index:1}
.fx-grain{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  opacity:.05;
  mix-blend-mode:screen;
  background-repeat:repeat;
  background-size:140px 140px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='3.2 0 0 0 -1.1 3.2 0 0 0 -1.1 3.2 0 0 0 -1.1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E");
}
@supports not (mix-blend-mode: screen){
  .fx-grain{ opacity:.04; }
}

.fx-bloom{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  opacity:var(--fx-bloom-strength, .42);
  background-repeat:no-repeat;
  background-image:
    radial-gradient(62% 46% at 50% 32%, rgba(232,60,176,.32) 0%, rgba(232,60,176,.14) 32%, rgba(232,60,176,.04) 52%, rgba(232,60,176,0) 70%),
    radial-gradient(34% 30% at 24% 48%, rgba(176,30,128,.30) 0%, rgba(176,30,128,.09) 40%, rgba(176,30,128,0) 68%),
    radial-gradient(32% 28% at 76% 34%, rgba(240,79,187,.22) 0%, rgba(240,79,187,.06) 42%, rgba(240,79,187,0) 70%),
    radial-gradient(72% 58% at 50% 40%, rgba(232,60,176,.09) 0%, rgba(232,60,176,.02) 40%, rgba(232,60,176,0) 66%);
}

.nv-u{text-decoration:underline var(--mag) 2px;text-underline-offset:.22em;text-decoration-skip-ink:auto;color:var(--ink)}

.sc{position:relative;z-index:var(--z-base)}

.sc--b{--b-pill:64px;background:var(--mag);color:var(--bg);padding-block:var(--sp-fluid-4) clamp(56px,7vw,104px);overflow:hidden}
.scb{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto;
  --h-fs:max(calc(100cqi / 8.9), min(calc(100cqi / 5.8589), 3.75rem))}
.scb__h{margin:0 -.0107em 0 0;font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:0;
  font-size:var(--h-fs);color:var(--bg)}
.scb__row{grid-column:1 / -1}
.scb__mk{display:block;align-self:end;inline-size:calc(var(--h-fs) * .883);block-size:auto;margin-inline-start:var(--sp-fluid-3);color:var(--ink);margin-block-end:calc(var(--h-fs) * .0285)}
@container (max-width:599px){.scb__mk{display:none}}
.scb__h .ln{display:block;white-space:nowrap;margin-inline-start:-.0313em}
.scb__h .ln--2{color:var(--ink);margin-inline-start:-.0098em}
.scb__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,1.3fr);column-gap:var(--sp-fluid-3);row-gap:var(--sp-5);align-items:start;
  margin-block-start:var(--sp-fluid-3);padding-block-start:var(--sp-fluid-2);border-block-start:2px solid var(--bg)}
.scb__lead{margin:0;block-size:var(--b-pill);display:grid;align-content:center;
  font-size:clamp(1.125rem,1.7vw,1.5rem);line-height:var(--lh-snug);font-weight:600;color:var(--bg);max-inline-size:36ch;text-wrap:balance}
@media (min-width:760px) and (max-width:899px){.scb__lead{block-size:auto;align-content:start}}
.scb__form{display:grid;min-inline-size:0}
.scb__form > .lf,.scb__form > .lf-done{grid-area:1 / 1}
.scb__form > .lf[hidden]{display:grid !important;visibility:hidden}

.sc--b .lf__row{min-block-size:var(--b-pill);border-color:var(--bg);box-shadow:none}
.sc--b .lf__row:focus-within{border-color:var(--bg);box-shadow:none}
.sc--b .lf__row:has(.lf__in:focus-visible){box-shadow:0 0 0 3px var(--mag),0 0 0 5px var(--ink)}
.sc--b .lf__btn{background:var(--ink);color:var(--bg);box-shadow:none}
.sc--b .lf__btn-t{translate:0 .75px}
@media (hover:hover){.sc--b .lf__btn:hover{background:color-mix(in srgb,var(--ink) 74%,var(--mag));box-shadow:none}}
.sc--b .lf__btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sc--b .lf.is-busy .lf__btn,.sc--b .lf__btn:disabled{background:rgb(255 255 255 / .72);cursor:progress}
.sc--b .lf__spin{border-color:rgb(14 14 16 / .25);border-block-start-color:var(--bg)}
.sc--b .lf.is-error .lf__row{border-color:var(--down);box-shadow:inset 0 0 0 1px var(--down)}
.sc--b .lf.is-error .lf__row:has(.lf__in:focus-visible){box-shadow:inset 0 0 0 1px var(--down),0 0 0 3px var(--mag),0 0 0 5px var(--ink)}
.sc--b .lf__msg,.sc--b .lf__fine{padding-inline-start:0}
.sc--b .lf__msg{color:var(--bg);font-weight:700}
.sc--b .lf__msg{align-items:flex-start}
.sc--b .lf__msg::before{margin-block-start:calc(.5lh - 3px)}
.sc--b .lf__fine{color:rgb(14 14 16 / .9)}
.sc--b .lf-done{align-self:start;grid-template-columns:48px minmax(0,1fr);grid-template-rows:var(--b-pill) auto;gap:0 var(--sp-4);align-items:center}
.sc--b .lf-done__ok{grid-row:auto;background:var(--ink);color:var(--bg)}
.sc--b .lf-done__t{color:var(--bg)}
.sc--b .lf-done__p{grid-column:2;color:rgb(14 14 16 / .9);text-wrap:pretty;font-size:var(--fs-label);line-height:var(--lh-snug)}
.sc--b .lf-done__p b{color:var(--bg)}
@container (max-width:439px){
  .sc--b .lf__row,.sc--b .lf.is-error .lf__row,.sc--b .lf__row:focus-within,.sc--b .lf__row:has(.lf__in:focus-visible),
  .sc--b .lf.is-error .lf__row:has(.lf__in:focus-visible){box-shadow:none;border:0}
  .sc--b .lf__row{gap:var(--sp-3)}
  .sc--b .lf__field{min-block-size:56px;padding-inline:var(--sp-5);border-color:var(--bg);border-radius:var(--r-pill)}
  .sc--b .lf__field:focus-within{border-color:var(--bg);box-shadow:0 0 0 3px var(--mag),0 0 0 5px var(--ink)}
  .sc--b .lf.is-error .lf__field{border-color:var(--down);box-shadow:inset 0 0 0 1px var(--down)}
  .sc--b .lf.is-error .lf__field:focus-within{box-shadow:inset 0 0 0 1px var(--down),0 0 0 3px var(--mag),0 0 0 5px var(--ink)}
  .sc--b .lf__btn{min-block-size:56px}
  .sc--b .lf__btn:focus-visible{outline-color:var(--bg)}
}
@media (max-width:759px){
  .scb__row{grid-template-columns:minmax(0,1fr)}
  .scb__lead{block-size:auto;max-inline-size:36ch}
  .sc--b .lf-done{grid-template-rows:56px auto}
}

.hero{min-block-size:95vh;min-block-size:95svh}
.hero .hero__in{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;margin-block:0;
  padding-block:clamp(2rem,6vh,4.5rem) clamp(2.75rem,9vh,6rem)}

.pf{display:inline-flex;align-items:center;gap:var(--sp-3);min-inline-size:0;color:var(--ink);text-decoration:none;border-radius:var(--r-md);text-align:start}
.pf:focus-visible{outline-offset:6px}
.pf__m{flex:none;display:flex;align-items:center;justify-content:center}
.pf__ico{flex:none;display:block;inline-size:36px;block-size:28px;fill:currentColor}
.pf__t{display:grid;gap:2px;min-inline-size:0}
.pf__v{display:block;font-family:var(--font-display);font-weight:400;font-size:1.75rem;line-height:1;
  letter-spacing:var(--ls-display);text-transform:uppercase;color:var(--ink)}
.pf__l{display:block;font-size:var(--fs-label);line-height:var(--lh-snug);color:var(--ink-muted)}
.pf__l b{color:var(--ink);font-weight:700;white-space:nowrap}
.pf--tp{--tp-green:#00B67A;flex-direction:column;align-items:flex-start;gap:2px}
.pf--tp .pf__m{min-block-size:28px}
.pf--tp .tp-stars{--tp-size:22px}
.pf--aw{gap:var(--sp-4)}
.pf__trophy{display:block;inline-size:auto;block-size:64px}
.pf__pfm{flex:none;display:block;inline-size:auto;block-size:22px;filter:brightness(0) invert(1);opacity:.85;margin-inline-start:var(--sp-2)}
@media (hover:hover){
  a.pf .pf__l,a.pf .pf__pfm{transition-property:color,opacity;transition-duration:var(--t-fast);transition-timing-function:var(--e-out)}
  a.pf:hover .pf__l{color:var(--ink)}
  a.pf:hover .pf__pfm{opacity:1}
}

.pm{--pm-gap:clamp(40px,4.6vw,72px);--pm-dur:80s;--pm-k:1;position:relative;z-index:2;
  background:rgb(14 14 16 / .86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pm__vp{overflow:hidden;padding-block:var(--sp-5);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 clamp(40px,9%,160px),#000 calc(100% - clamp(40px,9%,160px)),transparent);
          mask-image:linear-gradient(90deg,transparent,#000 clamp(40px,9%,160px),#000 calc(100% - clamp(40px,9%,160px)),transparent)}
.pm__track{display:flex;inline-size:max-content;animation:pm-roll var(--pm-dur) linear infinite;will-change:transform}
.pm__vp:hover .pm__track{animation-play-state:paused}
.pm__set{display:flex;flex:none;align-items:center;gap:var(--pm-gap);margin:0;padding:0 var(--pm-gap) 0 0;list-style:none}
.pm__set li{flex:none;display:flex;align-items:center}
.pm__set img{display:block;inline-size:auto;block-size:calc(var(--h) * var(--pm-k));filter:brightness(0) invert(1);opacity:.5;user-select:none}
.pm__set img.pm__sd{inline-size:calc(var(--h) * var(--pm-k) * var(--r));object-fit:cover;object-position:100% 50%}
@keyframes pm-roll{to{transform:translateX(-33.3333%)}}
@media (max-width:759px){.pm{--pm-k:.78;--pm-gap:40px}.pm__vp{padding-block:var(--sp-4)}}
@media (prefers-reduced-motion:reduce){
  .pm__track{animation:none;inline-size:auto}
  .pm__set[aria-hidden]{display:none}
  .pm__set{flex-wrap:wrap;justify-content:center;gap:var(--sp-5) var(--pm-gap);padding:0 var(--gut)}
  .pm__vp{-webkit-mask-image:none;mask-image:none}
}

.pb{position:relative;z-index:2;margin-block-start:auto;border-block-start:1px solid var(--line-hi);
  background:rgb(14 14 16 / .86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pb .pm{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-block-start:1px solid var(--line)}
.pb__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pb__cell{display:flex;align-items:center;justify-content:center;padding:var(--sp-5) var(--sp-4);min-inline-size:0}
.pb__cell + .pb__cell{border-inline-start:1px solid var(--line)}
.pb__cell--aw{grid-column:1 / -1;padding-inline:clamp(0px,2vw,var(--sp-6));border-block-end:1px solid var(--line)}
.pb .pf--aw{inline-size:auto}
.pb .pf__trophy{block-size:88px}
.pb .pf__pfm{margin-inline-start:var(--sp-5);block-size:28px}
.pb .pf--aw .pf__v{font-size:clamp(1.5rem,2.4vw,2rem);white-space:nowrap}
.pb .pf--aw .pf__l{font-size:var(--fs-sm)}
/* TradingView cell: its own full-width row under the award on narrow screens, a column on desktop */
.pb__cell--tv{grid-column:1 / -1;border-block-end:1px solid var(--line)}
.pf--tv{cursor:default}
.pf--tv .tvl{font-size:clamp(1.75rem,6.4vw,2.25rem);font-weight:600;letter-spacing:-.02em;color:rgb(255 255 255 / .88);gap:.3em}
.pf--tv .tvl__m{inline-size:1.45em}
@media (max-width:959px){.pb__cell--aw + .pb__cell,.pb__cell--tv + .pb__cell{border-inline-start:0}}
@media (min-width:960px){
  .pb__in{grid-template-columns:minmax(0,1.5fr) minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.45fr)}
  .pb__cell--aw{grid-column:auto;border-block-end:0;padding-inline:var(--sp-5)}
  .pb__cell--tv{grid-column:auto;border-block-end:0}
  .pb__cell{padding-inline:var(--sp-4)}
  .pf--tv .tvl{font-size:clamp(1.25rem,1.9vw,1.9rem)}
  .pb .pf--aw .pf__trophy{block-size:100px}
  .pb .pf--dc .pf__l{white-space:nowrap}
  .pb__cell + .pb__cell{border-inline-start:1px solid var(--line)}
}
@media (max-width:759px){
  .pb__cell{padding:var(--sp-4) var(--sp-3)}
  .pb__cell--aw{padding-block:var(--sp-5)}
  .pb .pf--aw{inline-size:auto;display:grid;grid-template-columns:auto auto;grid-template-areas:"m t" "m p";
    justify-content:center;align-items:center;column-gap:var(--sp-4);row-gap:var(--sp-2)}
  .pb .pf--aw .pf__m{grid-area:m}
  .pb .pf--aw .pf__t{grid-area:t;align-self:end}
  .pb .pf__pfm{grid-area:p;align-self:start;justify-self:start;margin:0;block-size:18px}
  .pb .pf__trophy{block-size:72px}
  .pb .pf--aw .pf__v{font-size:1.5rem}
  .pb .pf--aw .pf__l{font-size:var(--fs-label)}
  .pb__cell:not(.pb__cell--aw) .pf{flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sp-2);text-align:center}
  .pb .pf--tp{gap:var(--sp-2)}
  .pb__cell:not(.pb__cell--aw){align-items:flex-start}
  .pb .pf--dc .pf__m,.pb .pf--tp .pf__m{block-size:28px}
  .pb .pf__ico{inline-size:31px;block-size:24px}
  .pb .tp-stars{--tp-size:20px}
  .pb .pf--dc .pf__t,.pb .pf--tp .pf__t{gap:0}
  .pb .pf--dc .pf__v,.pb .pf--dc .pf__l,.pb .pf--tp .pf__l{font-family:inherit;font-size:var(--fs-label);line-height:1.4;letter-spacing:0;text-transform:none}
  .pb .pf--dc .pf__v,.pb .pf__l b{display:block;font-weight:700;color:var(--ink)}
}

.trd{--trd-gap:clamp(12px,2vw,28px);--trd-break:clamp(40px,6vw,80px);position:relative;z-index:var(--z-base);padding-block:var(--section) var(--trd-break)}
.trd__head{display:grid;gap:var(--sp-fluid-1);justify-items:center;text-align:center;margin-block-end:var(--sp-fluid-3)}
.trd__h{margin:0}
.trd__lead{margin-inline:auto;max-inline-size:46ch;text-wrap:balance}
@media (min-width:900px){
  .trd__head{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;justify-items:stretch;column-gap:var(--sp-fluid-3);text-align:start}
  .trd__lead{margin:0;max-inline-size:none;text-wrap:pretty}
}

.trd-chunk{list-style:none;margin:0;padding:0;display:grid;gap:var(--trd-gap);grid-template-columns:repeat(6,minmax(0,1fr))}
.trd-card{grid-column:span 2}
.trd-v--half{grid-column:span 3}
.trd-v--big{grid-column:span 4;grid-row:span 2}
@media (min-width:760px){
  .trd-chunk--flip > .trd-card:nth-child(-n+2){grid-column:1 / span 2}
  .trd-chunk--flip > .trd-v--big{grid-column:3 / span 4;grid-row:1 / span 2}
}

.trd-card{position:relative;display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;
  border:1px solid var(--border-hi);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);
  box-shadow:inset 0 1px 0 var(--edge),0 14px 30px -18px rgb(0 0 0 / .9)}
.trd-v__media{position:relative;flex:none;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-2)}
.trd-v__media::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -1px 0 var(--line)}
.trd-v__img{display:block;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover;transition:scale .6s var(--e-expo);-webkit-user-drag:none}
.trd-v__cap{flex:1 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);
  padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4)}
.trd-v__txt{display:grid;gap:2px;min-inline-size:0}
.trd-v__n{display:flex;align-items:center;gap:var(--sp-2);margin:0;font-size:var(--fs-sm);font-weight:700;line-height:1.3;color:var(--ink)}
.trd-flag{flex:none;display:block;inline-size:20px;block-size:15px;border-radius:2px;object-fit:cover;outline:1px solid rgb(255 255 255 / .1);outline-offset:-1px}
.trd-v__f{margin:0;font-size:var(--fs-label);font-weight:500;line-height:1.4;color:var(--ink-muted);text-wrap:pretty}

.trd-v__play{appearance:none;flex:none;display:grid;place-items:center;inline-size:40px;block-size:40px;margin:0;padding:0;border:0;border-radius:50%;
  background:none;color:var(--bg);cursor:pointer;touch-action:manipulation}
.trd-v__disc{display:grid;place-items:center;inline-size:100%;block-size:100%;border:1px solid transparent;border-radius:50%;background:var(--mag);
  box-shadow:var(--shadow-btn);transition:scale var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out)}
.trd-v__disc svg{inline-size:42%;block-size:42%;translate:7% 0;fill:currentColor}
.trd-v__play::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.trd-v__play:active .trd-v__disc{scale:.96;transition-duration:var(--t-press)}
@supports selector(:has(*)){
  .trd-v__play:focus-visible{outline:0}
  .trd-v:has(.trd-v__play:focus-visible){outline:2px solid var(--mag);outline-offset:3px}
}
@media (hover:hover){
  .trd-v{transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out)}
  .trd-v:has(.trd-v__play:hover){border-color:var(--mag);box-shadow:inset 0 1px 0 var(--edge),0 18px 40px -18px var(--mag-glow)}
  .trd-v:has(.trd-v__play:hover) .trd-v__img{scale:1.04}
  .trd-v__play:hover .trd-v__disc{box-shadow:0 0 0 6px rgb(232 60 176 / .22),var(--shadow-btn-hover)}
}
@media (prefers-reduced-motion:reduce){
  .trd-v:has(.trd-v__play:hover) .trd-v__img,.trd-v__play:active .trd-v__disc{scale:1}
}
@media (forced-colors:active){.trd-v__disc{border-color:ButtonText}}

@media (min-width:760px){
  .trd-v--big .trd-v__cap{gap:var(--sp-5);padding:var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-6)}
  .trd-v--big .trd-v__txt{gap:var(--sp-2)}
  .trd-v--big .trd-v__n{font-size:var(--fs-lg)}
  .trd-v--big .trd-v__f{font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.04;
    letter-spacing:var(--ls-display);text-transform:uppercase;color:var(--ink);text-wrap:balance}
  .trd-v--big .trd-v__play{inline-size:56px;block-size:56px}
}
@media (min-width:760px) and (max-width:1099px){
  .trd-card:not(.trd-v--big):not(.trd-v--half) .trd-v__cap{gap:var(--sp-2);padding:10px 10px 10px 12px}
  .trd-card:not(.trd-v--big):not(.trd-v--half) .trd-v__play{inline-size:36px;block-size:36px}
}
@media (max-width:759px){
  .trd-chunk{grid-template-columns:minmax(0,1fr)}
  .trd-chunk > .trd-card{grid-column:auto;grid-row:auto}
  .trd-v__play{inline-size:44px;block-size:44px}
}

.trd-cta{margin-block:var(--trd-break);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;padding-inline:var(--sp-4)}
.trd-cta:last-child{margin-block-end:0}
.trd-cta__h{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.625rem,2.9vw,2.375rem);line-height:1.06;
  letter-spacing:var(--ls-display);text-transform:uppercase;text-wrap:balance}
.trd-cta__p{margin:0;font-size:var(--fs-body);line-height:1.5;color:var(--ink-muted);max-inline-size:46ch;text-wrap:balance}
.trd-cta__btn{margin-block-start:var(--sp-3)}
.trd-cta__ico{inline-size:16px;block-size:16px;margin-inline-end:-2px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:599px){
  .trd-cta{padding-inline:0}
  .trd-cta__btn{inline-size:100%}
}

.trd-more{display:flex;justify-content:center;margin:calc(var(--trd-gap) * 2) 0 0}
.trd-more__ico{inline-size:16px;block-size:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:translate var(--t-fast) var(--e-out)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.trd-more .btn:hover .trd-more__ico{translate:3px 0}}


/* ---------- Scroll-scrub intro (js/scrub.js) ---------- */
/* overflow-x:clip, never hidden: hidden on html/body turns overflow-y into auto and breaks position:sticky */
html{overflow-x:clip}
/* width:100% rather than 100vw: html has scrollbar-gutter:stable, so 100vw would be wider than the page.
   margin-top pulls the track up under the sticky nav, so the video starts at the very top of the screen. */
.scrub-track{position:relative;inline-size:100%;block-size:227vh;margin-block-start:calc(-1 * var(--nav-h))}
.scrub-section{
  position:sticky;inset-block-start:0;inline-size:100%;
  height:100vh;height:100dvh;
  overflow:hidden;background:var(--bg);
  display:flex;flex-direction:column;padding-block-start:var(--nav-h);
}
.scrub-section > .hero{flex:1 1 auto;min-block-size:0}
.scrub-track + .tk{padding-block-start:calc(var(--section) * .5)}
.scrub-media{position:absolute;inset:0;z-index:0;background:#000;will-change:opacity}
.scrub-media canvas{position:absolute;inset:0;inline-size:100%;block-size:100%;display:block}
.scrub-title{
  position:absolute;inset:0;z-index:3;display:grid;place-items:center;
  padding:var(--gut);text-align:center;pointer-events:none;will-change:opacity,transform;
}
.scrub-title::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 45% at 50% 50%,rgb(14 14 16 / .72) 0%,rgb(14 14 16 / .35) 55%,rgb(14 14 16 / 0) 100%);
}
.scrub-title .display{position:relative;font-size:clamp(2.75rem,8.4vw,8rem);text-shadow:0 4px 40px rgb(0 0 0 / .45)}

/* scroll cue: a down arrow that drifts down and fades, on a loop; bottom centre, 32px from the bottom */
.scrub-cue{position:absolute;inset-inline:0;inset-block-end:0;z-index:3;display:flex;justify-content:center;
  padding-block-end:calc(32px + env(safe-area-inset-bottom));pointer-events:none;will-change:opacity}
.scrub-cue__arrow{display:block;inline-size:32px;block-size:32px;fill:none;stroke:rgb(255 255 255 / .9);stroke-width:1.25;
  stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .5));
  animation:scrub-cue 1.8s var(--e-out) infinite}
@keyframes scrub-cue{0%{transform:translateY(-8px);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translateY(10px);opacity:0}}
@media (prefers-reduced-motion:reduce){.scrub-cue__arrow{animation:none;opacity:1}}
/* the arrow is a button: click plays the rest of the intro down to the hero */
.scrub-cue__btn{pointer-events:auto;display:grid;place-items:center;inline-size:48px;block-size:48px;margin:0;padding:0;
  background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;
  transition:background-color var(--t-fast) var(--e-out)}
.scrub-cue__btn:hover{background:rgb(255 255 255 / .08)}
.scrub-cue__btn:hover .scrub-cue__arrow{stroke:#FFFFFF}

/* hero and nav start hidden; scrub.js fades them in at the end of the video */
.js .scrub-section > .hero{opacity:0}
.js .nav.is-scrub-hidden{opacity:0;visibility:hidden}

/* Lenis smooth scroll (js/smooth.js): native smooth scrolling off while Lenis drives the page */
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto !important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:clip}

/* no JS: no video, the hero sits in normal flow */
html:not(.js) .scrub-track{block-size:auto;margin-block-start:0}
html:not(.js) .scrub-section{position:static;height:auto;padding-block-start:0}
html:not(.js) .scrub-media,html:not(.js) .scrub-title,html:not(.js) .scrub-cue{display:none}