@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--ink: #141510;--paper: #e7e4dc;--acid: #d8ff35;--muted: #6d6e67;--line: rgba(20, 21, 16, .24);--mono: "DM Mono", "Noto Sans JP", monospace;color:var(--ink);background:var(--paper);font-family:var(--mono)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0}button,input,select{font:inherit}button{color:inherit}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:14px;color:inherit;font-weight:500;letter-spacing:.08em;text-decoration:none}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:var(--acid);background:var(--ink);font-size:12px}.header-actions,.header-side{display:flex;align-items:center;gap:18px}.header-note{color:#55564f;font-size:9px;line-height:1.7;letter-spacing:.1em;text-align:right}.back-link{padding-bottom:4px;border-bottom:1px solid var(--ink);color:inherit;font-size:9px;letter-spacing:.1em;text-decoration:none}.language-picker select{min-width:82px;padding:5px 0;border:0;border-bottom:1px solid var(--ink);color:inherit;background:transparent;font:9px var(--mono);letter-spacing:.04em;cursor:pointer}.language-picker select:hover,.language-picker select:focus-visible{color:#657b00;outline:none}input[type=range]{--fill: 50%;width:100%;height:1px;appearance:none;background:linear-gradient(90deg,var(--ink) var(--fill),#aaa var(--fill));cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border:3px solid var(--paper);border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--ink)}main{width:min(1440px,100%);min-height:calc(100vh - 70px);margin:auto;padding:0 52px}.hero{min-height:330px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;border-bottom:1px solid var(--ink)}.eyebrow{margin:0 0 20px;font-size:10px;letter-spacing:.14em}h1{margin:0;font:700 clamp(52px,6.5vw,96px) / .97 "Noto Sans JP",sans-serif;letter-spacing:-.075em}h1 em{color:transparent;-webkit-text-stroke:1.3px var(--ink);font-style:normal}.lead{max-width:450px;margin:0;color:#55564f;font:12px/2 Noto Sans JP,sans-serif}.utilities{display:grid;grid-template-columns:repeat(3,1fr);padding:46px 0 70px}.utility{position:relative;display:flex;min-height:360px;flex-direction:column;padding:30px;overflow:hidden;border:1px solid var(--ink);color:inherit;text-decoration:none;transition:color .25s,background .25s,transform .25s}.utility+.utility{border-left:0}.utility:hover,.utility:focus-visible{color:var(--paper);background:var(--ink);outline:none;transform:translateY(-5px)}.utility-head{display:flex;align-items:flex-start;justify-content:space-between;font-size:9px;letter-spacing:.12em}.utility-head span:last-child{color:var(--muted)}.utility:hover .utility-head span:last-child{color:var(--acid)}.utility-body{position:relative;z-index:1;margin-top:auto}.utility h2{margin:0 0 15px;font:700 clamp(24px,3.1vw,46px) / 1 "Noto Sans JP",sans-serif;letter-spacing:-.06em;white-space:nowrap}.utility p{max-width:430px;margin:0;color:var(--muted);font:11px/1.9 Noto Sans JP,sans-serif}.utility:hover p{color:#a9aaa2}.arrow{position:absolute;top:72px;right:30px;display:grid;width:70px;height:70px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:25px;transition:color .25s,background .25s,transform .25s}.utility:hover .arrow{border-color:var(--acid);color:var(--ink);background:var(--acid);transform:rotate(-35deg)}.signal{position:absolute;top:135px;right:30px;left:30px;height:90px;opacity:.2}.signal svg{width:100%;height:100%;overflow:visible}.signal path,.signal line{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.noise-signal path+path,.modulate-signal path+path{opacity:.42}.spectrum-bars{display:flex;height:100%;align-items:end;gap:5px}.spectrum-bars i{min-width:2px;flex:1;background:currentColor;opacity:.75}.utility:hover .signal{color:var(--acid);opacity:.45}footer{display:flex;min-height:70px;align-items:center;justify-content:space-between;padding:0 max(52px,calc((100vw - 1440px)/2 + 52px));color:#82837b;background:var(--ink);font-size:8px;letter-spacing:.1em}@media(max-width:1050px){.utilities{grid-template-columns:1fr 1fr}.utility:nth-child(3){border-top:0}}@media(max-width:800px){main{padding:0 24px}.hero{grid-template-columns:1fr;gap:28px;padding:55px 0}.utilities{grid-template-columns:1fr}.utility+.utility{border-top:0;border-left:1px solid var(--ink)}footer{padding:24px;gap:20px}}@media(max-width:520px){.site-header{height:75px}.header-note{display:none}h1{font-size:50px}.utility{min-height:320px;padding:22px}.arrow{right:22px}footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){:root body *{scroll-behavior:auto;animation:none;transition:none}}