/* Shared shell for the inner pages (about, how-it-works). Same tokens and faces as the homepage. */
:root{--base:#0A0A0B;--surf:#0F1115;--line:#1A1D22;--text:#F2F4F7;--mut:#8A929D;
  --disp:"Oswald",system-ui,sans-serif;--ser:"Instrument Serif",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --e:cubic-bezier(.4,0,.2,1);--s1:8px;--s2:16px;--s3:28px;--s4:46px;--s5:76px;--s6:124px;--navh:62px}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip}
body{background:var(--base);color:var(--text);font-family:"Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
video,img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.in{max-width:1400px;margin:0 auto;padding-inline:var(--s4)}
nav{position:fixed;inset:0 0 auto 0;z-index:80;height:var(--navh);display:flex;align-items:center;
  background:rgba(10,10,11,.86);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line)}
nav .in{width:100%;display:flex;align-items:center;justify-content:space-between}
.mark{font-family:var(--disp);font-weight:600;font-size:16px;letter-spacing:.36em;color:#fff}
.nl{display:flex;gap:var(--s3)}
.nl a{font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#fff;opacity:.55;transition:opacity .2s var(--e)}
.nl a:hover,.nl a[aria-current]{opacity:1}
.k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.h2{font-family:var(--disp);font-weight:600;text-transform:uppercase;font-size:clamp(28px,3.6vw,54px);line-height:1.02;color:#fff;margin-top:var(--s2);max-width:18ch}
.blk{padding-block:var(--s6)}
.next{border-top:1px solid var(--line);padding-block:var(--s5)}
.nextlink{display:flex;align-items:center;gap:.4em;font-family:var(--disp);font-weight:600;text-transform:uppercase;font-size:clamp(34px,6vw,92px);line-height:1.05;color:#fff;margin-top:var(--s2);min-height:44px}
.nextlink span{transition:transform .3s var(--e)}
.nextlink:hover span{transform:translateX(12px)}
.nextlink.sm{font-size:clamp(18px,2vw,28px);color:#AEB5BE;margin-top:var(--s3)}
footer{border-top:1px solid var(--line);padding-block:var(--s3);font-size:11.5px;color:#5A6169}
footer .in{display:flex;justify-content:space-between;gap:var(--s2);flex-wrap:wrap}
footer a{border-bottom:1px solid #2A2E35}
@media (max-width:900px){.in{padding-inline:22px}.nl{gap:var(--s2)}.nl a{font-size:9.5px}}
@media (max-width:760px){
  .mark{font-size:14px;letter-spacing:.3em;display:inline-flex;align-items:center;min-height:44px}
  .nl a{display:none}
  .nl a.c{display:inline-flex;align-items:center;min-height:44px;font-size:11.5px;letter-spacing:.2em;opacity:1}
  .blk{padding-block:var(--s5)}
  footer a{display:inline-flex;align-items:center;min-height:44px}
}