:root{color-scheme:dark;--ink:#f4f2e8;--lime:#d6fa78}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101d1a;color:var(--ink);font-family:Inter,system-ui,sans-serif}header,main,footer{max-width:1440px;margin:auto}header{height:66px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}a{color:inherit;text-decoration:none}header>a:last-child{font-size:13px}.brand{font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px}.brand img{width:28px}.brand span{color:var(--lime)}.hero{padding:36px 5% 50px;min-height:650px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:6%}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#b7d389}.hero h1{font-size:clamp(48px,5.8vw,86px);letter-spacing:-.065em;line-height:1.02;margin:20px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p:not(.eyebrow){color:#b9c8bd;font-size:17px}.explore{display:inline-flex;gap:40px;margin-top:30px;border-bottom:1px solid #b8d792;padding:12px 0;font-weight:700}.explore span{color:var(--lime)}.playground{background:#20342c;border:1px solid #ffffff18;border-radius:20px;padding:22px 24px;box-shadow:0 24px 70px #0004}.play-top{display:flex;justify-content:space-between;font-size:12px;color:#bbcdc0}.live{font-size:10px;letter-spacing:.15em;font-weight:800}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}.cube-stage{height:300px;display:grid;place-items:center;perspective:900px;position:relative;overflow:hidden}.cube{width:160px;height:160px;transform-style:preserve-3d;transform:rotateX(-26deg) rotateY(-35deg);position:relative;z-index:1}.face{position:absolute;inset:0;display:grid;gap:3px;background:#121c18;padding:3px;border-radius:5px;backface-visibility:hidden}.face span{border-radius:3px}.face-f{transform:translateZ(80px)}.face-r{transform:rotateY(90deg) translateZ(80px)}.face-u{transform:rotateX(90deg) translateZ(80px)}.shadow{position:absolute;width:210px;height:40px;bottom:30px;border-radius:50%;background:#0007;filter:blur(20px)}.results{display:flex;gap:50px;border-top:1px solid #ffffff1c;padding:17px 0}.results div{display:grid;gap:5px}.results span,.controls label{font-size:10px;letter-spacing:.13em;color:#a9beb0;font-weight:700}.results strong{font-size:16px}.controls{display:flex;gap:8px;align-items:end}.controls label{display:grid;gap:5px;flex:1}.controls button,.controls select{height:42px;border-radius:7px;border:1px solid #ffffff36;background:#2c4538;color:#fff;padding:0 14px;font:600 13px system-ui}.controls button{cursor:pointer;flex:1}.controls .primary{background:var(--lime);color:#17251b;border:0}.controls :disabled{opacity:.55;cursor:wait}.library{background:#f2f1e9;color:#182720;padding:75px 5% 90px}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.library-heading .eyebrow{color:#557445}.library h2{font-size:clamp(35px,4vw,55px);letter-spacing:-.05em;margin:12px 0}.library-heading a{font-weight:700;border-bottom:1px solid;padding-bottom:8px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:40px}.library h3{font-size:15px;margin:25px 0 12px}.library pre{background:#1b2d25;color:#e1f3cc;border-radius:8px;padding:20px;overflow:auto;font:13px/1.9 ui-monospace,monospace}.caption{font-size:12px;color:#5d6c61}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 0;border-bottom:1px solid #cbd2c8}th{font-size:10px;letter-spacing:.12em;color:#627469}footer{padding:26px 5%;font-size:12px;color:#a3b4a7}@media(max-width:700px){header{height:52px}.hero{padding:15px 5% 26px;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:0}.hero-copy{display:grid;grid-template-columns:1fr auto;align-items:center}.hero-copy .eyebrow{display:none}.hero h1{font-size:27px;letter-spacing:-.04em;margin:0;line-height:1.05}.hero h1 br{display:none}.hero-copy>p:not(.eyebrow){font-size:12px;margin:5px 0;grid-column:1}.explore{font-size:12px;margin:0;gap:8px;grid-column:2;grid-row:1/3}.playground{padding:14px;border-radius:14px}.cube-stage{height:230px}.cube{width:138px;height:138px}.face-f{transform:translateZ(69px)}.face-r{transform:rotateY(90deg) translateZ(69px)}.face-u{transform:rotateX(90deg) translateZ(69px)}.results{padding:10px 0;gap:34px}.controls button,.controls select{padding:0 8px;font-size:12px}.library{padding:48px 5%}.library-heading{align-items:start;flex-direction:column}.library-grid{grid-template-columns:1fr;gap:10px;margin-top:15px}}