@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";.sf-board{--sf-accent:#f0b429;--sf-bg:#16181d;--sf-border:#2a2d34;gap:2px;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;display:inline-flex}.sf-cell{background:var(--sf-bg);border:1px solid var(--sf-border);min-width:.85em;color:var(--sf-accent);perspective:200px;border-radius:3px;justify-content:center;align-items:center;padding:.12em .1em;font-weight:600;display:inline-flex;position:relative}.sf-char{transform-origin:50%;backface-visibility:hidden;display:block}.sf-hinge{pointer-events:none;background:#0000008c;height:1px;position:absolute;top:50%;left:0;right:0}.sf-flip .sf-char{animation:.36s ease-in-out sf-flip-anim}@keyframes sf-flip-anim{0%{transform:rotateX(0)}50%{filter:brightness(.6);transform:rotateX(-88deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.sf-flip .sf-char{animation:none}}:root{--bg:#0c0d10;--panel:#14161a;--border:#24272e;--text:#d7dae0;--muted:#8b8f98;--accent:#f0b429}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,sans-serif}.page{max-width:1060px;margin:0 auto;padding:64px 24px 48px}.hero{padding:26px 0 10px;position:relative}.tapefield{pointer-events:none;z-index:0;width:calc(100% + 48px);height:calc(100% + 74px);position:absolute;inset:-64px -24px -10px;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.hero>:not(.tapefield){z-index:1;position:relative}.kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-family:IBM Plex Mono,monospace;font-size:13px}h1{letter-spacing:-.02em;font-size:clamp(32px,5.5vw,54px);font-weight:700;line-height:1.08}.sub{color:var(--muted);max-width:560px;margin-top:16px;font-size:16px;line-height:1.6}.flap-demo{align-items:center;gap:14px;margin-top:28px;font-size:22px;display:flex}.flap-label{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:14px}.flap-note{color:#55585f;font-size:12px}.hero-links{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid var(--border);color:var(--text);border-radius:6px;padding:9px 16px;font-size:14px;text-decoration:none;transition:border-color .15s,color .15s;display:inline-block}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-solid{background:var(--accent);border-color:var(--accent);color:#131313;font-weight:600}.btn-solid:hover{filter:brightness(1.08);color:#131313}.sechead{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-top:72px;padding-bottom:14px;display:flex}.sechead-title{letter-spacing:-.01em;font-size:18px;font-weight:600}.sechead-title:before{content:"// ";color:var(--accent);font-family:IBM Plex Mono,monospace;font-weight:500}.sechead-note{color:var(--muted);letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:11px}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:22px;display:grid}.card{background:var(--panel);border:1px solid var(--border);color:inherit;border-radius:10px;flex-direction:column;gap:12px;padding:22px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));transform:translateY(-3px);box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #f0b4290f}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card .idx{color:#f0b42912;-webkit-user-select:none;user-select:none;font-family:IBM Plex Mono,monospace;font-size:44px;font-weight:600;line-height:1;transition:color .25s;position:absolute;top:8px;right:14px}.card:hover .idx{color:#f0b42929}.card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#f0b4290d 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.card:hover:after{transition:transform .7s;transform:translate(120%)}[data-reveal]{opacity:0;transform:translateY(12px)}[data-reveal].in{opacity:1;transition:opacity .6s ease var(--d,0s), transform .6s cubic-bezier(.2, .8, .2, 1) var(--d,0s);transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}.card:after{display:none}}.card-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card h2{color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.tag{color:var(--muted);white-space:nowrap;font-size:11px}.blurb{color:var(--text);font-size:13.5px;line-height:1.6}.highlight{color:var(--muted);border-left:2px solid var(--border);padding-left:10px;font-size:12.5px;line-height:1.55}.card-cta{color:var(--accent);margin-top:auto;font-size:13px;font-weight:500}.cta-arrow{transition:transform .18s;display:inline-block}.card:hover .cta-arrow{transform:translate(2px,-2px)}footer{color:#55585f;text-align:center;margin-top:56px;font-size:12.5px}footer code{color:var(--muted);font-family:IBM Plex Mono,monospace}