@font-face{font-family:"Unbounded";src:url("fonts/Unbounded.ttf") format("truetype");font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("fonts/IBMPlexSans.ttf") format("truetype");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/JetBrainsMono.ttf") format("truetype");font-style:normal;font-weight:400 700;font-display:swap}

:root{
  color-scheme:dark;
  --al-bg:#030814;
  --al-ink:#f3f7ff;
  --al-ice:#dce9ff;
  --al-blue:#2f6bff;
  --al-blue-hi:#7fa9ff;
  --al-muted:#b9c7e4;
  --al-line:rgba(127,169,255,.28);
  --al-gut:clamp(20px,4.5vw,72px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.al-page{
  margin:0;
  min-width:240px;
  color:var(--al-ink);
  background:radial-gradient(70% 80% at 100% 45%,rgba(47,107,255,.10),transparent 70%),var(--al-bg);
  font:400 17px/1.65 "IBM Plex Sans",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.al-page a{color:inherit}
.al-page :focus-visible{outline:2px solid var(--al-blue-hi);outline-offset:6px}
.al-skip{position:absolute;top:12px;left:20px;z-index:3;padding:10px 16px;background:var(--al-ice);color:var(--al-bg)!important;transform:translateY(-160%)}
.al-skip:focus{transform:none}
.al-shell{width:min(1440px,100%);min-height:100vh;min-height:100svh;margin-inline:auto;padding-inline:max(var(--al-gut),env(safe-area-inset-left)) max(var(--al-gut),env(safe-area-inset-right));display:flex;flex-direction:column}
.al-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:28px;border-bottom:1px solid var(--al-line)}
.al-brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none}
.al-iso{display:block;width:31px;height:auto}
.al-word{display:block;width:112px;height:auto}
.al-header-note,.al-kicker,.al-footer,.al-figure-label{font:500 11px/1.5 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em}
.al-header-note{margin:0;color:var(--al-muted)}
.al-main{flex:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;column-gap:clamp(28px,4vw,64px);padding-block:clamp(72px,12vh,140px)}
.al-intro{min-width:0}
.al-kicker{margin:0 0 28px;color:var(--al-blue-hi);overflow-wrap:anywhere}
.al-title{margin:0;font:600 clamp(42px,6.2vw,88px)/1.08 "Unbounded",system-ui,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}
.al-title span{display:block;color:var(--al-blue-hi)}
.al-lede{max-width:42ch;margin:32px 0 0;color:var(--al-muted);font-size:clamp(17px,1.45vw,20px);line-height:1.65;text-wrap:pretty}
.al-nav{margin-top:40px}
.al-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;list-style:none}
.al-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding-block:8px;text-decoration:none;font-weight:500;border-bottom:1px solid var(--al-line)}
.al-links a span{color:var(--al-blue-hi);font:400 16px/1 "JetBrains Mono",ui-monospace,monospace}
.al-links a:hover,.al-links a:focus-visible{color:var(--al-blue-hi);border-color:var(--al-blue-hi)}
.al-figure{position:relative;min-width:0;padding-block:28px;align-self:center}
.al-figure-rule{position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--al-line))}
.al-ascii{margin:0;text-align:center;white-space:pre;color:var(--al-blue-hi);font:400 clamp(8px,.86vw,12px)/1.55 "JetBrains Mono",ui-monospace,monospace;letter-spacing:0;opacity:.85;user-select:none}
.al-figure-label{margin:24px 0 0;text-align:center;color:var(--al-muted)}
.al-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:20px max(24px,env(safe-area-inset-bottom));border-top:1px solid var(--al-line);color:var(--al-muted)}
.al-footer p{margin:0}
@media(prefers-color-scheme:light){
  :root{--al-bg:#071330;--al-muted:#c8d7ef;--al-line:rgba(127,169,255,.34)}
}
@media(max-width:759px){
  .al-header{padding-block:20px}
  .al-header-note{font-size:10px;letter-spacing:.1em}
  .al-main{grid-template-columns:minmax(0,1fr);padding-block:64px 56px;row-gap:48px}
  .al-title{font-size:clamp(38px,9.2vw,64px)}
  .al-lede{margin-top:24px;max-width:38ch}
  .al-nav{margin-top:28px}
  .al-figure{width:min(360px,100%);justify-self:center;padding-top:24px}
  .al-ascii{font-size:clamp(8px,2.6vw,11px);line-height:1.45}
  .al-footer{font-size:10px;letter-spacing:.1em}
}
@media(max-width:359px){
  .al-header-note{flex-basis:100%}
  .al-links{display:grid;grid-template-columns:minmax(0,1fr)}
  .al-links a{display:flex}
  .al-footer{flex-direction:column;align-items:flex-start}
}