@font-face{font-family:'Unbounded';font-weight:600;font-display:swap;src:url(/assets/fonts/unbounded-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Unbounded';font-weight:800;font-display:swap;src:url(/assets/fonts/unbounded-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:400;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:600;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'DSEG14';font-weight:400;font-display:block;src:url(/assets/fonts/DSEG14Classic-Regular.woff2) format('woff2')}

:root{
  --g0:#0a0b0a;--g1:#121312;--g2:#1b1c1b;--g3:#262825;--g4:#3d403c;--g5:#5e625b;
  --silver:#ecebe2;--silver2:#c9cac1;--dim:rgba(236,235,226,.64);--faint:rgba(236,235,226,.36);--ghost:rgba(236,235,226,.1);
  --line:rgba(236,235,226,.12);--line-hi:rgba(236,235,226,.3);
  --lcd:#b5bba8;--lcd-hi:#c6ccb8;--seg:#1c211b;--seg-off:rgba(28,33,27,.085);
  --gold:#c7a346;--red:#b8362c;--blue:#4170a0;
  --plate-a:#1f211e;--plate-b:#141514;--plate-ring:rgba(236,235,226,.14);--plate-gap:#101110;
  --chrome:linear-gradient(180deg,#ffffff 0%,#f1f0e8 30%,#a9aaa2 49%,#6d6f69 52%,#d9d9d0 66%,#ffffff 84%,#b4b5ad 100%);
  --steel:linear-gradient(180deg,#f4f4ee 0%,#cfd0c8 45%,#9a9c95 55%,#e0e1da 100%);
  --f-d:'Unbounded','Arial Black',sans-serif;
  --f-s:'Instrument Serif',Georgia,serif;
  --f-m:'JetBrains Mono',ui-monospace,monospace;
  --f-seg:'DSEG14','JetBrains Mono',monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --gut:clamp(18px,5vw,90px);
}
html.light{--silver:#191a18;--silver2:#3b3d38;--dim:rgba(25,26,24,.72);--faint:rgba(25,26,24,.48);--ghost:rgba(25,26,24,.14);--line:rgba(25,26,24,.14);--line-hi:rgba(25,26,24,.32);--g0:#e4e4dc;
  --plate-a:#f6f6f0;--plate-b:#e2e3db;--plate-ring:rgba(25,26,24,.22);--plate-gap:#d6d7cf;
  --chrome:linear-gradient(180deg,#62645e 0%,#2c2d2a 36%,#0c0d0c 50%,#3a3c37 64%,#70726b 84%,#242522 100%);color-scheme:light}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--g0);color:var(--silver);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
body{font-family:var(--f-m);font-size:14px;line-height:1.65;overflow-x:clip;min-height:100vh;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--silver);color:var(--g0)}
:focus-visible{outline:1px solid var(--silver);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ink-red{color:var(--red)}.ink-gold{color:var(--gold)}.ink-blue{color:var(--blue)}
.chrome-t{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}

#studio{position:fixed;inset:0;z-index:-1;background:radial-gradient(120% 70% at 50% 8%,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,#0b0c0b 0%,#171817 34%,#2b2d2a 72%,#464a45 100%)}
html.light #studio{background:radial-gradient(120% 70% at 50% 6%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%),linear-gradient(180deg,#f2f2ec 0%,#dfe0d8 45%,#c4c6be 100%)}
#grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.15;background-repeat:repeat;background-size:200px 200px}
html.light #grain{opacity:.08}

.hud{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px var(--gut) 26px;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,11,10,.96) 0%,rgba(10,11,10,.9) 55%,rgba(10,11,10,0) 100%)}
html.light .hud{background:linear-gradient(180deg,rgba(236,236,229,.97) 0%,rgba(236,236,229,.9) 55%,rgba(236,236,229,0) 100%)}
.hud > *{pointer-events:auto}
.brand{display:flex;align-items:center;gap:12px;font:800 13px/1 var(--f-d);letter-spacing:.32em;white-space:nowrap}
.brand-sub{font:600 10px/1 var(--f-m);letter-spacing:.24em;color:var(--faint)}
.logo{display:block;height:38px;width:auto;flex:none;overflow:visible}
.logo-lg{height:110px}
.brand:hover .logo .lg-ghost{opacity:.8;transition:opacity .3s}
html.light .logo .lg-ink{stroke:#191a18}
html.light .logo .lg-ink rect{fill:#191a18}
html.light .logo .lg-shadow{stroke:#a3a69e}
html.light .logo .lg-ghost{stroke:#6f7867}
html.light .logo .lg-ghost rect{fill:#6f7867}
.rail{display:flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--line);background:rgba(10,11,10,.7)}
html.light .rail{background:rgba(255,255,255,.6)}
.rail a{display:flex;gap:7px;align-items:baseline;padding:6px 12px;border-radius:999px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);transition:color .3s,background .3s;white-space:nowrap}
.rail a b{font-weight:600;font-size:9px;color:var(--ghost)}
.rail a:hover{color:var(--silver)}
.rail a.on{background:var(--steel);color:#151614}
.rail a.on b{color:#4b4e48}
.hud-r{display:flex;align-items:center;gap:8px}
.lcd-mini{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px;padding:5px 10px;border-radius:6px;background:linear-gradient(180deg,var(--lcd-hi),var(--lcd));box-shadow:inset 0 1px 3px rgba(0,0,0,.45),0 0 0 2px #202220,0 0 0 3px #7c7f78}
.lcd-mini .seg{font-size:10px}
.lcd-lbl{font:600 7.5px/1 var(--f-m);letter-spacing:.18em;color:rgba(28,33,27,.6);text-transform:uppercase}
.seg{font-family:var(--f-seg);color:var(--seg);letter-spacing:.06em;font-weight:400}

.key{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:34px;padding:0 14px;border-radius:8px;font:600 10px/1 var(--f-m);letter-spacing:.2em;color:#1b1c1a;text-transform:uppercase;white-space:nowrap;
  background:linear-gradient(180deg,#fbfbf6 0%,#d6d7cf 46%,#a3a59d 54%,#e1e2da 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.5);transition:transform .15s,filter .2s}
.key:hover{filter:brightness(1.07)}
.key:active{transform:translateY(1px);box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}
.key:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
.key .ink-gold{color:#7d5f14}.key .ink-blue{color:#244f7c}.key .ink-red{color:#8f2219}
.key-dark{background:linear-gradient(180deg,#3a3c38,#1d1e1c);color:#ecebe2;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.5)}
.theme-key{height:32px;padding:0 12px;gap:8px;font-size:9.5px;letter-spacing:.18em}
.tk-ico{width:11px;height:11px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%);flex:none;transition:transform .5s var(--ease)}
html.light .tk-ico{transform:rotate(180deg)}
.btn-chrome{display:inline-flex;align-items:center;gap:14px;height:50px;padding:0 24px;border-radius:999px;font:600 11px/1 var(--f-m);letter-spacing:.26em;color:#161715;text-transform:uppercase;
  background:linear-gradient(180deg,#ffffff 0%,#e3e3db 44%,#9fa199 52%,#ecece5 100%);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.45),0 0 40px rgba(247,245,234,.12);transition:transform .3s var(--ease),filter .2s}
.btn-chrome:hover:not(:disabled){transform:translateY(-2px)}
.btn-chrome:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}
.btn-chrome span{font-size:15px}

.wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut)}
.tag{display:inline-flex;align-items:center;gap:10px;font:600 10px/1 var(--f-m);letter-spacing:.3em;color:var(--silver2);padding:7px 11px;border:1px solid var(--line-hi);border-radius:999px;margin-bottom:22px;text-transform:uppercase}
.eyebrow{display:block;font:600 10px/1 var(--f-m);letter-spacing:.3em;color:var(--faint);text-transform:uppercase;margin-bottom:18px}
.h2{font:600 clamp(32px,4.3vw,70px)/1.02 var(--f-d);letter-spacing:-.03em;margin-bottom:22px;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(247,245,234,.16))}
html.light .h2{filter:none}
.h2 em{font:italic 400 1.12em/1 var(--f-s);letter-spacing:-.01em;-webkit-text-fill-color:var(--silver2)}
.lede{font:400 clamp(17px,1.35vw,21px)/1.5 var(--f-s);color:var(--dim);max-width:56ch}
.lede b{font-weight:400;color:var(--silver)}

.plate{position:relative;border-radius:14px;background:linear-gradient(160deg,var(--plate-a) 0%,var(--plate-b) 100%);box-shadow:0 0 0 1px var(--plate-ring),0 0 0 6px var(--plate-gap),0 0 0 7px var(--line),0 24px 60px rgba(0,0,0,.4)}
html.light .plate{box-shadow:0 0 0 1px var(--plate-ring),0 0 0 6px var(--plate-gap),0 0 0 7px var(--line),0 20px 44px rgba(0,0,0,.16)}
.lcd-panel{border-radius:12px;background:linear-gradient(180deg,var(--lcd-hi),var(--lcd));color:var(--seg);box-shadow:inset 0 2px 6px rgba(0,0,0,.45),0 0 0 3px #1d1f1c,0 0 0 4px #7f827b}
.lcd-head{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(28,33,27,.2);font:600 9.5px/1 var(--f-m);letter-spacing:.2em;text-transform:uppercase;color:rgba(28,33,27,.7)}

.site-foot{padding:70px 0 40px;display:flex;flex-direction:column;align-items:center;gap:26px}
.foot{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;font-size:10px;letter-spacing:.24em;color:var(--faint);text-transform:uppercase}
.foot a{color:var(--dim);border-bottom:1px solid var(--line-hi)}
.foot a:hover{color:var(--silver)}

html.js .rv{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.js .rv.in{opacity:1;transform:none}

@media (max-width:980px){.rail{display:none}}
@media (max-width:640px){
  .hud{padding:12px 16px 22px}
  .brand{font-size:11px;letter-spacing:.24em;gap:10px}
  .brand-sub{display:none}
  .logo{height:32px}
  .tk-lbl{display:none}
  .theme-key{width:34px;padding:0}
  .lcd-mini{grid-template-columns:auto;gap:2px}
  .lcd-mini .lcd-lbl:first-child,.lcd-mini .seg:nth-child(2){display:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}