@property --wght{syntax:"<number>";inherits:false;initial-value:400}@property --wdth{syntax:"<number>";inherits:false;initial-value:100}@property --slnt{syntax:"<number>";inherits:false;initial-value:0}:root{--ink:#0c0c0c;--ink-2:#131313;--ink-3:#1c1c1c;--paper:#f4f2ec;--paper-dim:#a7a49a;--line:#2a2a2a;--acid:#d6ff3f;--acid-dim:#9db545;--violet:#4b3bff;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--font-flex:"Roboto Flex", sans-serif;--font-rec:"Recursive", sans-serif;--font-fr:"Fraunces", serif;--font-mono:"Space Mono", ui-monospace, monospace;--pad:clamp(18px, 4vw, 64px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--ink);color:var(--paper);font-family:var(--font-flex);font-optical-sizing:auto;line-height:1.1;overflow-x:hidden}::selection{background:var(--acid);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.mono{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.acid{color:var(--acid)}.dim{color:var(--paper-dim)}.grain{z-index:200;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{z-index:100;padding:14px var(--pad);mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar .brand{font-family:var(--font-fr);letter-spacing:-.02em;font-size:20px;font-style:italic;font-weight:900}.topbar nav{gap:22px;display:flex}.topbar nav a{transition:opacity .2s}.topbar nav a:hover{opacity:.5}@media (width<=720px){.topbar nav{display:none}}.stage{min-height:100svh;padding:76px var(--pad) 24px;border-bottom:1px solid var(--line);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.stage-meta{color:var(--paper-dim);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.warp-wrap{flex-direction:column;justify-content:center;align-self:center;align-items:center;padding:min(4vh,40px) 0;display:flex}.warp{font-family:var(--font-flex);letter-spacing:-.04em;text-align:center;cursor:crosshair;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;font-size:clamp(64px,20vw,320px);font-weight:900;line-height:.82;display:flex}.warp .ch{font-variation-settings:"wght" var(--wght,900), "wdth" var(--wdth,100), "slnt" var(--slnt,0), "opsz" 144;will-change:font-variation-settings, transform;color:var(--paper);display:inline-block}.warp .ch.hot{color:var(--acid)}.stage-sub{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.stage-sub p{max-width:42ch;color:var(--paper-dim);font-size:15px;line-height:1.5;font-family:var(--font-flex);font-weight:380}.hint{color:var(--acid);align-items:center;gap:8px;display:inline-flex}.hint .dot{background:var(--acid);border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.playground{border-bottom:1px solid var(--line);grid-template-columns:1fr 340px;display:grid}@media (width<=900px){.playground{grid-template-columns:1fr}}.tester{padding:var(--pad);border-right:1px solid var(--line);min-width:0}@media (width<=900px){.tester{border-right:none;border-bottom:1px solid var(--line)}}.tester-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.face-tabs{gap:6px;display:flex}.face-tab{border:1px solid var(--line);color:var(--paper-dim);border-radius:100px;padding:6px 12px;transition:all .2s}.face-tab[data-on=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.face-tab .mono{font-size:10px}.tester-input{width:100%;color:var(--paper);resize:none;letter-spacing:-.02em;background:0 0;border:none;outline:none;line-height:1.02;overflow:hidden}.tester-input::placeholder{color:var(--line)}.axis-panel{padding:var(--pad);background:repeating-linear-gradient(0deg,#0000 0 27px,#ffffff05 27px 28px);flex-direction:column;gap:18px;display:flex}.axis-panel h3{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-dim);align-items:center;gap:8px;font-size:11px;display:flex}.axis{gap:7px;display:grid}.axis-row{justify-content:space-between;align-items:baseline;display:flex}.axis-row .name{font-family:var(--font-mono);letter-spacing:.05em;font-size:12px}.axis-row .val{font-family:var(--font-mono);color:var(--acid);font-size:12px}input[type=range]{appearance:none;background:var(--line);cursor:ew-resize;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--acid);border:2px solid var(--ink);border-radius:0;width:14px;height:14px;transition:transform .12s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.35)}input[type=range]::-moz-range-thumb{background:var(--acid);border:2px solid var(--ink);border-radius:0;width:14px;height:14px}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--acid);outline-offset:2px}.mic-btn{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:100px;align-self:flex-start;align-items:center;gap:9px;margin-top:4px;padding:11px 16px;font-size:11px;transition:all .2s;display:inline-flex}.mic-btn:hover{border-color:var(--acid);color:var(--acid)}.mic-btn[data-on=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.mic-note{font-family:var(--font-mono);color:var(--paper-dim);letter-spacing:.04em;font-size:10px}.glyphs{border-top:1px solid var(--line);margin-top:6px}.glyph-grid{grid-template-columns:repeat(6,1fr);display:grid}.glyph-cell{aspect-ratio:1;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--paper);font-variation-settings:"wght" 500;place-items:center;font-size:26px;transition:background .15s,color .15s;display:grid}.glyph-cell:nth-child(6n){border-right:none}.glyph-cell:hover,.glyph-cell:focus-visible{background:var(--acid);color:var(--ink)}.section-head{padding:22px var(--pad);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.section-head h2{font-family:var(--font-fr);letter-spacing:-.03em;font-size:clamp(30px,6vw,76px);font-style:italic;font-weight:300;line-height:.9}.section-head .idx{font-family:var(--font-mono);color:var(--paper-dim);letter-spacing:.14em;font-size:12px}.fam{border-bottom:1px solid var(--line);padding:clamp(24px, 5vw, 56px) var(--pad);transition:background .4s;position:relative}.fam:hover{background:var(--ink-2)}.fam-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:26px;display:flex}.fam-name{font-family:var(--font-mono);letter-spacing:.1em;font-size:13px}.fam-meta{color:var(--paper-dim);flex-wrap:wrap;gap:20px;display:flex}.fam-meta span{font-family:var(--font-mono);letter-spacing:.06em;font-size:11px}.fam-specimen{letter-spacing:-.03em;word-break:break-word;margin-bottom:20px;font-size:clamp(44px,12vw,150px);line-height:.86}.fam-weights{flex-direction:column;gap:4px;margin-bottom:22px;display:flex}.fam-weights .wline{border-top:1px solid var(--line);align-items:baseline;gap:16px;padding-top:8px;font-size:clamp(16px,3vw,30px);line-height:1.15;display:flex}.fam-weights .wtag{font-family:var(--font-mono);color:var(--paper-dim);letter-spacing:.08em;min-width:84px;font-size:10px}.fam-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.fam-desc{max-width:46ch;color:var(--paper-dim);font-size:14px;line-height:1.55}.buy-btn{border:1px solid var(--paper);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:100px;align-items:center;gap:10px;padding:11px 20px;font-size:11px;transition:all .25s;display:inline-flex}.buy-btn:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.buy-btn .price{color:var(--acid)}.buy-btn:hover .price{color:var(--ink)}.anatomy{padding:clamp(32px, 6vw, 80px) var(--pad);border-bottom:1px solid var(--line)}.axis-demo-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;display:grid}@media (width<=800px){.axis-demo-grid{grid-template-columns:1fr}}.axis-demo{background:var(--ink);flex-direction:column;gap:16px;min-height:220px;padding:clamp(22px,3vw,40px);display:flex}.axis-demo .glyph{flex:1;align-items:center;font-size:clamp(80px,12vw,150px);line-height:.8;display:flex}.axis-demo.a-wght .glyph{animation:loopW 5s var(--ease-io) infinite alternate}.axis-demo.a-slnt .glyph{animation:loopS 5s var(--ease-io) infinite alternate}.axis-demo.a-opsz .glyph{animation:loopO 5s var(--ease-io) infinite alternate}@keyframes loopW{0%{font-variation-settings:"wght" 100}to{font-variation-settings:"wght" 1000}}@keyframes loopS{0%{font-variation-settings:"wght" 600, "slnt" 0}to{font-variation-settings:"wght" 600, "slnt" -10}}@keyframes loopO{0%{font-variation-settings:"opsz" 8, "wght" 500}to{font-variation-settings:"opsz" 144, "wght" 500}}.axis-demo .lab{justify-content:space-between;align-items:baseline;display:flex}.axis-demo .lab .t{font-family:var(--font-mono);letter-spacing:.1em;font-size:12px}.axis-demo .lab .r{font-family:var(--font-mono);color:var(--paper-dim);font-size:10px}.axis-demo p{color:var(--paper-dim);font-size:13px;line-height:1.5}.feature-strip{background:var(--line);border:1px solid var(--line);border-top:none;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}@media (width<=640px){.feature-strip{grid-template-columns:1fr}}.feature{background:var(--ink);padding:clamp(20px,3vw,36px)}.feature .big{font-family:var(--font-fr);font-variation-settings:"opsz" 90, "wght" 500, "SOFT" 0, "WONK" 1;margin-bottom:10px;font-size:clamp(40px,7vw,90px);line-height:.95}.feature .lig{font-feature-settings:"dlig" 1, "liga" 1, "swsh" 1}.feature p{color:var(--paper-dim);font-size:13px;font-family:var(--font-mono);letter-spacing:.04em}.wild{padding:clamp(32px, 6vw, 80px) var(--pad);border-bottom:1px solid var(--line)}.wild-grid{grid-template-columns:1.4fr 1fr;gap:20px;margin-top:34px;display:grid}@media (width<=820px){.wild-grid{grid-template-columns:1fr}}.mock{border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:300px;padding:clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden}.mock-poster{background:var(--acid);color:var(--ink)}.mock-poster .huge{font-family:var(--font-flex);font-variation-settings:"wght" 900, "wdth" 25;letter-spacing:-.02em;font-size:clamp(60px,13vw,150px);font-weight:900;line-height:.82}.mock-poster .rot{writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.2em;font-size:11px;position:absolute;top:20px;right:16px}.mock-editorial .kicker{font-family:var(--font-mono);letter-spacing:.2em;color:var(--acid);margin-bottom:12px;font-size:11px}.mock-editorial .headline{font-family:var(--font-fr);font-variation-settings:"opsz" 100, "wght" 340, "SOFT" 30;margin-bottom:14px;font-size:clamp(28px,5vw,54px);font-style:italic;font-weight:300;line-height:1}.mock-editorial .body{font-family:var(--font-fr);font-variation-settings:"opsz" 14;color:var(--paper-dim);columns:2;column-gap:20px;font-size:15px;line-height:1.55}@media (width<=500px){.mock-editorial .body{columns:1}}.mock-ui{font-family:var(--font-rec);background:var(--ink-2)}.mock-ui .term{font-variation-settings:"MONO" 1, "CASL" 0;font-size:13px;line-height:1.7}.mock-ui .term .cmt{color:var(--acid-dim)}.mock-ui .term .k{color:var(--acid)}.mock-ticker{font-family:var(--font-fr);font-variation-settings:"CRSV" 1, "wght" 500, "opsz" 40, "SOFT" 60}.license{padding:clamp(48px, 10vw, 140px) var(--pad);text-align:center;border-bottom:1px solid var(--line)}.license .lede{font-family:var(--font-flex);font-variation-settings:"wght" 800, "wdth" 140;letter-spacing:-.03em;margin-bottom:30px;font-size:clamp(40px,9vw,130px);font-weight:800;line-height:.9}.license .lede em{font-family:var(--font-fr);font-variation-settings:"wght" 300;color:var(--acid);font-style:italic;font-weight:300}.license-cta{background:var(--acid);color:var(--ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;align-items:center;gap:12px;padding:16px 30px;font-size:13px;transition:all .25s;display:inline-flex}.license-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px #d6ff3f4d}.license-tiers{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:40px;display:flex}.tier{text-align:left;min-width:160px}.tier .p{font-family:var(--font-fr);color:var(--acid);font-size:34px;font-style:italic}.tier .n{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:6px 0;font-size:11px}.tier .d{color:var(--paper-dim);font-size:12px;line-height:1.5}.colophon{padding:clamp(40px, 6vw, 90px) var(--pad) 40px}.colophon-top{font-family:var(--font-flex);font-variation-settings:"wght" 900, "wdth" 151;letter-spacing:-.03em;word-break:break-word;margin-bottom:40px;font-size:clamp(48px,18vw,260px);font-weight:900;line-height:.78}.colophon-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:24px;padding-top:30px;display:grid}@media (width<=700px){.colophon-grid{grid-template-columns:repeat(2,1fr)}}.col h4{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:12px;font-size:10px}.col a,.col p{color:var(--paper);font-size:14px;line-height:1.9;display:block}.col a{transition:color .2s}.col a:hover{color:var(--acid)}.colophon-foot{color:var(--paper-dim);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;display:flex}.colophon-foot .mono{font-size:10px}.rv{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transform:translateY(24px)}.rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{animation:none!important}.rv{opacity:1!important;transform:none!important}.warp .ch{font-variation-settings:"wght" 760, "wdth" 100, "slnt" 0, "opsz" 144!important}}