@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4ba802ed8e67eac5-s.e45fea2b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d7a0600e467cf0bd-s.20ecb425.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc0d9adbac686440-s.p.3b382e45.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b8f2b92a9960dd69-s.12167c5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28e60ca39c9ae554-s.7a4e9fcc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d05cfa5faa8406c-s.p.4adea45d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono Fallback;src:local(Arial);ascent-override:81.58%;descent-override:26.3%;line-gap-override:0.0%;size-adjust:137.28%}.space_mono_cb7544d4-module___f8ULq__className{font-family:Space Mono,Space Mono Fallback;font-style:normal}.space_mono_cb7544d4-module___f8ULq__variable{--font-space-mono:"Space Mono","Space Mono Fallback"}
@font-face{font-family:Geist Pixel Square;src:url(https://unpkg.com/geist@1.7.0/dist/fonts/geist-pixel/GeistPixel-Square.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Grid;src:url(https://unpkg.com/geist@1.7.0/dist/fonts/geist-pixel/GeistPixel-Grid.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Circle;src:url(https://unpkg.com/geist@1.7.0/dist/fonts/geist-pixel/GeistPixel-Circle.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Triangle;src:url(https://unpkg.com/geist@1.7.0/dist/fonts/geist-pixel/GeistPixel-Triangle.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Line;src:url(https://unpkg.com/geist@1.7.0/dist/fonts/geist-pixel/GeistPixel-Line.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(https://unpkg.com/geist@1.7.0/dist/fonts/geist-sans/Geist-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(https://unpkg.com/geist@1.7.0/dist/fonts/geist-sans/Geist-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Geist Pixel Square",monospace;--font-body:"Geist Sans",-apple-system,BlinkMacSystemFont,sans-serif;--bg:#000;--fg:#fff;--fg-muted:#ffffff80;--fg-subtle:#ffffff26;--accent:#fff}body{font-family:var(--font-body);background-color:var(--bg);color:var(--fg);font-size:15px;font-weight:400;line-height:1.5}.container{max-width:1400px;margin:0 auto;padding:60px 80px 120px}header{grid-template-columns:1fr auto;align-items:end;gap:80px;margin-bottom:80px;padding-top:40px;display:grid}.masthead{flex-direction:column;gap:16px;display:flex}.title{font-family:var(--font-display);letter-spacing:.02em;font-size:clamp(48px,8vw,96px);line-height:1}.subtitle{color:var(--fg-muted);letter-spacing:.05em;font-size:14px}.meta-info{color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase;gap:40px;font-size:12px;display:flex}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-value{color:var(--fg);font-weight:500}.variant-selector{flex-wrap:wrap;gap:8px;margin-bottom:60px;display:flex}.variant-btn{border:1px solid var(--fg-subtle);color:var(--fg-muted);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;padding:12px 24px;font-size:12px;transition:all .2s}.variant-btn:hover{border-color:var(--fg-muted);color:var(--fg)}.variant-btn.active{background:var(--fg);border-color:var(--fg);color:var(--bg)}.divider{background:var(--fg-subtle);height:1px;margin:80px 0}.section-title{color:var(--fg-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:32px;font-size:11px}.type-hero{grid-template-columns:auto 1fr;align-items:center;gap:60px;margin:60px 0 80px;display:grid}.type-hero-text{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(100px,18vw,280px);line-height:.85}.type-hero-copy{font-family:var(--font-space-mono),"Space Mono",monospace;color:var(--fg-muted);letter-spacing:.02em;max-width:520px;margin-top:8px;font-size:11px;line-height:2.1}.scramble-line{display:block;position:relative}.scramble-placeholder{visibility:hidden;display:block}.scramble-text{color:#ccc;display:block;position:absolute;top:0;left:0}#scramble-container{cursor:pointer}.size-scale{flex-direction:column;gap:0;margin:60px 0;display:flex}.size-scale-item{border-bottom:1px solid var(--fg-subtle);grid-template-columns:60px 1fr;align-items:baseline;padding:16px 0;display:grid}.size-label{color:var(--fg-muted);letter-spacing:.05em;font-size:11px;font-family:var(--font-body)}.size-sample{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.size-72{font-size:72px}.size-60{font-size:60px}.size-48{font-size:48px}.size-36{font-size:36px}.size-24{font-size:24px}.size-18{font-size:18px}.size-14{font-size:14px}.charset{margin:60px 0}.charset-display{font-family:var(--font-display);letter-spacing:.04em;word-break:break-all;font-size:48px;line-height:1.5}.charset-lower{color:var(--fg-muted)}.charset-numbers{letter-spacing:.06em;margin-top:24px;font-size:64px}.charset-symbols{letter-spacing:.08em;color:var(--fg-muted);margin-top:24px;font-size:36px}.comparison{margin:60px 0}.comparison-row{border-bottom:1px solid var(--fg-subtle);grid-template-columns:100px 1fr;align-items:center;padding:20px 0;display:grid}.comparison-label{color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.comparison-sample{letter-spacing:.02em;font-size:42px}.comparison-sample.square{font-family:Geist Pixel Square,monospace}.comparison-sample.grid{font-family:Geist Pixel Grid,monospace}.comparison-sample.circle{font-family:Geist Pixel Circle,monospace}.comparison-sample.triangle{font-family:Geist Pixel Triangle,monospace}.comparison-sample.line{font-family:Geist Pixel Line,monospace}.sample-block{border:1px solid var(--fg-subtle);margin:60px 0;padding:48px}.sample-text{font-family:var(--font-display);letter-spacing:.02em;font-size:24px;line-height:1.6}footer{border-top:1px solid var(--fg-subtle);justify-content:space-between;align-items:center;margin-top:120px;padding-top:40px;display:flex}.footer-left{color:var(--fg-muted);letter-spacing:.05em;font-size:11px}.footer-right{font-family:var(--font-display);font-size:18px}.footer-right a{color:var(--fg);text-decoration:none;transition:opacity .2s}.footer-right a:hover{opacity:.7}@media (max-width:1024px){.container{padding:40px 40px 80px}header{grid-template-columns:1fr;gap:32px}}@media (max-width:768px){.container{padding:32px 24px 60px}.type-hero{grid-template-columns:1fr;gap:32px}.type-hero-copy{max-width:100%}.variant-selector{gap:4px}.variant-btn{padding:10px 16px;font-size:11px}.charset-display{font-size:32px}.charset-numbers{font-size:42px}.comparison-row{grid-template-columns:80px 1fr}.comparison-sample{font-size:28px}footer{flex-direction:column;align-items:flex-start;gap:24px}}
