@font-face{font-family:DM;src:url(/fonts/dm-sans-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{color:#272137;--ink:#272137;--lilac:#c9b3ed;--mint:#d8f3b3;--paper:#f3f0e9;--pad:clamp(22px, 4.5vw, 80px);font-synthesis:none;background:#c9b3ed;font-family:DM,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #80658f}::selection{color:#272137;background:#e9e1f4}.skip{z-index:999;background:#fff;padding:15px;position:fixed;top:10px;left:10px;transform:translateY(-200%)}.skip:focus{transform:none}.nav{padding:22px var(--pad);border-bottom:1px solid #27213735;justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:10px;font-size:29px;font-weight:850;display:flex}.brand img{border-radius:7px}.brand span{letter-spacing:0;margin-left:10px;font:11px ui-monospace,monospace}nav{align-items:center;gap:30px;font:11px ui-monospace,monospace;display:flex}nav button{font:inherit;background:0 0;border:1px solid #27213750;min-height:44px;padding:10px 13px}.hero{padding:30px var(--pad) 0}.eyebrow,.section-line{letter-spacing:.04em;justify-content:space-between;gap:20px;font:10px/1.5 ui-monospace,monospace;display:flex}.hero h1{letter-spacing:-.075em;margin:60px 0 35px;font-size:clamp(68px,11vw,180px);font-weight:850;line-height:.88}.hero h1 span{color:#f7f1e4}.hero-copy{justify-content:space-between;align-items:center;display:flex}.hero-copy p{letter-spacing:-.035em;font-size:clamp(18px,1.75vw,25px);line-height:1.5}.hero-copy em{text-underline-offset:5px;font-style:normal;text-decoration:underline;text-decoration-thickness:1px}.round{border:1px solid #272137;border-radius:50%;place-items:center;width:75px;height:75px;font-size:40px;display:grid}.round:hover{background:var(--ink);color:var(--lilac)}.hero-stage{align-items:end;height:230px;margin-top:25px;display:flex;position:relative}.stage-note{max-width:200px;font:9px/1.8 ui-monospace,monospace;position:absolute;top:25px;left:0}.hero-block{color:#d8f3b3;background:#272137;justify-content:space-between;align-items:center;gap:20px;width:100%;height:63px;padding:20px 24px;font:10px ui-monospace,monospace;display:flex}.hero-status{align-items:center;gap:10px;padding:20px 0 30px;font:9px ui-monospace,monospace;display:flex}.hero-status>span:last-child{margin-left:auto}.playground{background:var(--paper);padding:40px var(--pad) 65px}.section-line{border-top:1px solid #27213745;padding-top:20px}.play-heading{justify-content:space-between;align-items:end;gap:25px;margin:55px 0 40px;display:flex}h2{letter-spacing:-.065em;margin:0;font-size:clamp(45px,6.2vw,100px);font-weight:800;line-height:.98}h2 em{color:#8967a0;font-style:normal}.play-heading p{font-size:16px;line-height:1.7}.room{color:#e8e0ef;background:#303143;border:1px solid #272137;height:550px;position:relative;overflow:hidden}.room-note{max-width:60%;font:9px/1.6 ui-monospace,monospace;position:absolute;top:22px;left:24px}.moon{color:#d8f3b3;font-size:65px;position:absolute;top:33px;right:40px}.room-card{color:#272137;border:1px solid #221d32;border-radius:5px;flex-direction:column;justify-content:space-between;padding:25px;display:flex;position:absolute}.room-card span{font:9px/1.5 ui-monospace,monospace}.room-card strong{letter-spacing:-.06em;font-size:clamp(30px,4vw,60px);font-weight:700;line-height:.98}.card-one{background:#b8a2d6;width:39%;height:235px;top:180px;left:10%}.card-two{background:#d8f3b3;width:32%;height:220px;top:275px;right:8%}.room-bottom{color:#c1b7ce;border-top:1px solid #ffffff30;justify-content:space-between;align-items:center;padding:17px 22px;font:8px ui-monospace,monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.controls{border:1px solid #272137;border-top:0;grid-template-columns:repeat(4,1fr);display:grid}.controls button{background:0 0;border:0;border-right:1px solid #272137;justify-content:space-between;align-items:center;gap:10px;min-height:84px;padding:15px 20px;font:10px ui-monospace,monospace;display:flex}.controls button:last-child{border-right:0}.controls button span:first-child{color:#94859b}.controls button:hover{background:var(--ink);color:#f3f0e9}.feedback{color:#6c6274;min-height:35px;margin:16px 0 0;font-size:12px;line-height:1.6}.details-section{padding:40px var(--pad) 80px;background:var(--ink);color:#f3f0e9}.details-section .section-line{border-color:#ffffff50}.details-section h2{margin:55px 0}.details-section h2 span{color:var(--mint)}.details{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.details article{border-top:1px solid #ffffff50;padding-top:20px}.details article>span{color:#c1b2d1;font:10px ui-monospace,monospace}.details h3{letter-spacing:-.04em;margin:25px 0 13px;font-size:25px}.details p{color:#c6bbd1;max-width:330px;font-size:15px;line-height:1.8}.install{padding:40px var(--pad) 70px;background:var(--mint)}.install-heading{justify-content:space-between;align-items:end;gap:30px;margin:55px 0 40px;display:flex}.install h2{font-size:clamp(42px,5vw,80px)}.licence{border-bottom:1px solid #272137;flex-direction:column;gap:12px;min-width:230px;padding-bottom:15px;font:10px ui-monospace,monospace;display:flex}.licence strong{letter-spacing:-.04em;font:600 23px DM}.code-panel{background:var(--ink);color:#f3f0e9}.code-panel>div{color:#c5b9d1;border-bottom:1px solid #ffffff30;justify-content:space-between;align-items:center;padding:15px 24px;font:10px ui-monospace,monospace;display:flex}.code-panel button{color:inherit;font:inherit;background:0 0;border:1px solid #ffffff50;min-height:40px;padding:10px}.code-panel pre{margin:0;padding:32px;font:14px/1.9 ui-monospace,monospace;overflow:auto}.install-notes{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:22px;font-size:12px;line-height:1.8;display:grid}.install-notes a{text-underline-offset:3px;text-decoration:underline}.install-notes code{overflow-wrap:anywhere;font-size:11px}.closing{padding:55px var(--pad);background:var(--lilac)}.closing>span{font:10px ui-monospace,monospace}.closing>a{letter-spacing:-.065em;justify-content:space-between;align-items:center;margin-top:25px;font-size:clamp(58px,12vw,190px);font-weight:850;line-height:1;display:flex}.closing>a span{font-weight:400}footer{padding:30px var(--pad);background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;gap:25px;display:flex}footer>div{flex-wrap:wrap;gap:20px;display:flex}footer>div,footer>span{font:10px ui-monospace,monospace}@media (width<=760px){.nav{padding:15px var(--pad)}.brand span{display:none}nav{gap:14px;font-size:9px}nav a:first-child{display:none}nav button{padding:8px}.hero{padding-top:23px}.eyebrow span:last-child{display:none}.hero h1{margin-top:40px;font-size:clamp(56px,12vw,92px);line-height:.95}.hero-copy{gap:25px}.hero-copy p{font-size:17px}.round{flex-shrink:0;width:53px;height:53px;font-size:30px}.hero-stage{height:200px;margin-top:10px}.stage-note{max-width:140px;font-size:8px}.hero-block{height:67px;padding:16px;font-size:8px}.hero-block span:last-child{text-align:right;max-width:45%}.hero-status{font-size:8px}.hero-status span:last-child{display:none}.playground,.details-section,.install{padding-top:28px;padding-bottom:45px}.section-line{font-size:8px}.section-line span:last-child{text-align:right;max-width:45%}.play-heading{margin:35px 0;display:block}.play-heading p{margin-top:25px;font-size:14px}.room{height:490px}.room-note{font-size:8px;top:18px;left:17px}.moon{font-size:45px;top:35px;right:20px}.room-card{padding:18px 14px}.room-card span{font-size:7px}.room-card strong{font-size:31px}.card-one{width:47%;height:185px;top:165px;left:13%}.card-two{width:36%;height:155px;top:290px;right:5%}.room-bottom{padding:14px;font-size:7px}.room-bottom span:last-child{display:none}.controls{grid-template-columns:1fr 1fr}.controls button{min-height:65px;padding:15px 12px;font-size:9px}.controls button:nth-child(2){border-right:0}.controls button:nth-child(-n+2){border-bottom:1px solid #272137}.details{grid-template-columns:1fr;gap:25px}.details-section h2{margin:40px 0}.details p{max-width:none}.details h3{margin-top:18px}.install-heading{margin:40px 0 30px;display:block}.licence{min-width:0;max-width:300px;margin-top:30px}.code-panel pre{padding:20px;font-size:10px}.code-panel>div{padding:12px;font-size:8px}.install-notes{grid-template-columns:1fr;gap:0}.closing{padding-top:40px;padding-bottom:45px}footer{flex-wrap:wrap}footer>span{width:100%}footer>div{gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
