*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050505;--text: #e0e0e0;--text-dim: #999;--text-bright: #f5f5f5;--border: #333;--surface: #0a0a0a}html{font-size:16px;scroll-behavior:smooth;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:Geist Mono,monospace;font-weight:400;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;font-variant-ligatures:none;font-feature-settings:"kern" 1,"liga" 0,"calt" 0;font-optical-sizing:auto;line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;overflow-x:hidden}.page-title{text-decoration:none;text-align:center;display:block;margin-bottom:3rem}.home-page .page-title{margin-bottom:3rem}a.page-title:hover{opacity:.8}.page-logo{width:min(320px,60vw);height:auto;display:block;margin:0 auto;-webkit-user-drag:none}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:8rem 2rem 2rem}.home-page{max-width:720px;margin:0 auto;padding:0 2rem}.home-page-content{display:flex;flex-direction:column;align-items:center;height:100svh;gap:0;padding-top:8rem;overflow:hidden}.home-page .specs{padding:0;max-width:480px;width:100%;margin-bottom:1rem}.home-code-block{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:1rem 1.5rem;font-family:Geist Mono,monospace;font-size:.75rem;line-height:1.6;color:#666;max-width:720px;width:100%;overflow:hidden;margin-bottom:8rem}.home-code-block pre{margin:0;white-space:pre-wrap;word-break:break-all}.term-cursor{display:inline-block;width:.5em;height:1.4em;background:var(--text-dim);vertical-align:middle;position:relative;top:-.15em;animation:cursor-blink 1s step-end infinite}.term-ghost{color:#555;margin-left:-.1em}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.home-page .sets{max-width:720px;padding:0;width:100%;margin-top:2.5rem}.home-page .sets{flex:1}.home-page .footer{width:100%;padding-bottom:2rem}.hero-title-home-unused{display:none}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:12px;height:12px;border:none;background:none;border-right:1px solid var(--text-dim);border-bottom:1px solid var(--text-dim);transform:translate(-50%) rotate(45deg);cursor:pointer;animation:scroll-breathe 3s ease-in-out infinite;opacity:.4}@keyframes scroll-breathe{0%,to{opacity:.2}50%{opacity:.5}}.murmur-detail{height:100svh;display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 0;max-width:720px;margin:0 auto;overflow:hidden}.murmur-detail-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5rem;width:100%}.murmur-detail .specs{padding:0;width:100%;margin-bottom:-1.5rem}.murmur-detail .panel-card{width:100%}.murmur-detail .code-block{max-width:100%}.murmur-detail .footer{width:100%;padding-bottom:2rem}.mote-heading{font-size:.95rem;font-weight:400;letter-spacing:.3em;color:var(--text-dim);text-align:center;margin:0 0 .8rem}.mote-desc{font-size:.55rem;color:var(--text-dim);text-align:center;line-height:1.5;max-width:320px;margin:0 auto 2rem}.sets-heading{font-size:.55rem;font-weight:400;letter-spacing:.2em;color:var(--text-dim);margin-bottom:.5rem;text-align:center}.set-entry{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 1.5rem;border:none;text-decoration:none;color:var(--text);position:relative;box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border)}.set-entry .set-id{justify-self:start}.set-entry .set-name{justify-self:center}.set-entry .set-status{justify-self:end}.set-entry:before,.set-entry:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--border) 5%,transparent 48%,transparent 52%,var(--border) 95%)}.set-entry:before{top:-1px}.set-entry:after{bottom:-1px}.set-id{font-size:.6rem;color:var(--text-dim);letter-spacing:.1em}.set-name{font-size:.85rem;color:var(--text-bright);letter-spacing:.15em}.set-status{font-size:.55rem;color:var(--text-dim);letter-spacing:.1em;font-style:italic}.eye-container{margin-bottom:2.5rem}.device-frame{--calibration: 0;background:#000;border:2px solid var(--border);border-radius:12px;padding:14px 18px;box-shadow:0 0 40px #ffffff08,0 0 80px #ffffff04,inset 0 0 20px #00000080;transition:box-shadow 1.5s ease}#eye-canvas{display:block;width:min(384px,80vw);height:min(192px,40vw);image-rendering:pixelated;image-rendering:crisp-edges}.hero-title{font-size:.85rem;font-weight:400;letter-spacing:.5em;color:var(--text-dim);margin-bottom:.15rem}.hero-sub{font-size:.6rem;letter-spacing:.3em;color:var(--text-dim)}.section{max-width:540px;margin:0 auto;padding:5rem 2rem}.intro{text-align:center;padding:3rem 2rem 5rem}.lore-quote{font-size:1.1rem;color:var(--text-bright);font-style:italic}.about-content .lead{font-size:1.05rem;color:var(--text-bright);margin-bottom:1.5rem}.about-content p{font-size:.85rem;margin-bottom:1rem;color:var(--text)}.behaviors h2,.package h2{font-size:.65rem;font-weight:400;letter-spacing:.4em;color:var(--text-dim);margin-bottom:2rem}.behavior-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2rem}.behavior-item{display:flex;flex-direction:column;gap:.2rem}.behavior-label{font-size:.8rem;color:var(--text-bright)}.behavior-desc{font-size:.7rem;color:var(--text-dim);line-height:1.4}.lifecycle{text-align:center;padding:4rem 2rem}.lifecycle .lead{font-size:1rem;color:var(--text-bright);margin-bottom:.75rem}.lifecycle p{font-size:.8rem;color:var(--text-dim)}.package-list{list-style:none}.package-list li{font-size:.8rem;color:var(--text);padding:.5rem 0;border-bottom:1px solid var(--border)}.package-list li:last-child{border-bottom:none}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 4rem;text-align:center}.spec{display:flex;flex-direction:column;align-items:center;gap:.15rem}.spec-label{font-size:.55rem;letter-spacing:.15em;color:var(--text-dim)}.spec-value{font-size:.8rem;color:var(--text)}.panel-card .code-block{margin:0 auto;max-width:88%;background:var(--surface);border:none;border-radius:0;padding:.5rem 0;box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border);position:relative;overflow:visible;font-family:Geist Mono,monospace;font-size:.45rem;line-height:1.3;color:#3a3a3a;-moz-tab-size:2;tab-size:2}.code-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;padding:0 2rem}.panel-card .code-block:before,.panel-card .code-block:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--border) 5%,transparent 48%,transparent 52%,var(--border) 95%)}.panel-card .code-block:before{top:0}.panel-card .code-block:after{bottom:0}.code-columns code{font-family:inherit;display:block;padding-left:10%}.code-columns pre{margin:0;white-space:pre}.panel-footer{padding:3rem 0 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.buy-label{font-size:1rem;letter-spacing:.15em}.deploy-status{font-size:.6rem;letter-spacing:.05em;color:var(--text-dim);font-style:italic}.specs{padding-bottom:1rem}.panel{padding-top:0}.specs,.panel{max-width:720px}.price-amount{font-size:2rem;color:var(--text-bright);font-weight:400}.purchase-note{font-size:.7rem;color:var(--text-dim);margin:1.5rem 0 2rem}.buy-button-wrap{display:inline-block;background:var(--border);padding:1px;clip-path:polygon(32px 0%,calc(100% - 32px) 0%,100% 50%,calc(100% - 32px) 100%,32px 100%,0% 50%)}.buy-button{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;padding:1.2rem 3.5rem;color:var(--text-bright);text-decoration:none;font-family:inherit;font-size:.8rem;letter-spacing:.15em;background:var(--bg);border:none;cursor:pointer;position:relative;overflow:hidden;clip-path:polygon(32px 0%,calc(100% - 32px) 0%,100% 50%,calc(100% - 32px) 100%,32px 100%,0% 50%)}.buy-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.01) 100%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.025) 0%,transparent 60%);pointer-events:none}.buy-button:after{content:"";position:absolute;left:20%;right:20%;height:1px;background:#ffffff0f;pointer-events:none;animation:button-scan 8s linear infinite}.buy-button.disabled .buy-label{opacity:.25}.buy-button:hover:not(.disabled){border-color:var(--text-bright);background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.06) 0%,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.015) 100%)}.buy-button.disabled{cursor:default;animation:button-breathe 8s ease-in-out infinite,button-twitch 12s ease-in-out infinite;transition:transform .05s ease,box-shadow .05s ease}.buy-button.disabled:active{box-shadow:none;animation:none}.buy-button-wrap:active{transform:scale(.97)}.buy-button:focus,.buy-button:focus-visible{outline:none}@keyframes button-breathe{0%,to{box-shadow:0 0 0 transparent,inset 0 0 0 transparent}30%{box-shadow:0 0 15px #ffffff08,inset 0 0 20px #ffffff03}50%{box-shadow:0 0 15px #ffffff0d,0 0 30px #ffffff05,inset 0 0 20px #ffffff04}70%{box-shadow:0 0 10px #ffffff05,inset 0 0 10px #ffffff01}}@keyframes button-noise{0%,to{opacity:0}40%{opacity:0}50%{opacity:1}60%{opacity:0}}@keyframes button-twitch{0%,to{transform:none}7%{transform:none}7.2%{transform:translate(2px) skew(.5deg)}7.4%{transform:translate(-1px)}7.6%{transform:none}43%{transform:none}43.15%{transform:translateY(-1px) scaleX(1.003)}43.4%{transform:none}78%{transform:none}78.2%{transform:translate(-2px) scaleY(1.01)}78.45%{transform:translate(1px)}78.6%{transform:none}}@keyframes button-scan{0%{top:-30%;opacity:0}40%{opacity:0}50%{opacity:1}60%{opacity:0}to{top:100%;opacity:0}}.purchase-sub{font-size:.55rem;color:var(--text-dim);margin-top:1.5rem}.register-link{display:inline-block;font-size:.7rem;color:var(--text-dim);text-decoration:none;letter-spacing:.15em;padding:.5rem 0;cursor:pointer}.register-link:hover{color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:100}.modal-overlay.active{display:flex}.modal:before,.modal:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--border) 5%,transparent 48%,transparent 52%,var(--border) 95%)}.modal:before{top:0}.modal:after{bottom:0}.modal{border:none;background:var(--surface);padding:2.5rem 2rem;max-width:360px;width:90vw;position:relative;box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border)}.modal-body{display:flex;flex-direction:column;gap:.75rem;text-align:center}.modal-label{font-size:.55rem;letter-spacing:.15em;color:var(--text-dim)}.modal-input{-webkit-user-select:text;user-select:text;background:transparent;border:none;box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border);color:var(--text);font-family:Geist Mono,monospace;font-size:.8rem;padding:.6rem .8rem;text-align:center;outline:none;position:relative}.modal-input-wrap{position:relative}.modal-input-wrap:before,.modal-input-wrap:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--border) 5%,transparent 48%,transparent 52%,var(--border) 95%);z-index:1}.modal-input-wrap:before{top:0}.modal-input-wrap:after{bottom:0}.modal-input::placeholder{color:var(--text-dim);opacity:.4;text-align:center}.modal-input:focus{box-shadow:inset 1px 0 0 var(--text-dim),inset -1px 0 0 var(--text-dim)}.modal-submit-wrap{display:inline-block;background:var(--border);padding:1px;clip-path:polygon(24px 0%,calc(100% - 24px) 0%,100% 50%,calc(100% - 24px) 100%,24px 100%,0% 50%)}.modal-submit-wrap:active{transform:scale(.97)}.modal-submit{background:var(--bg);border:none;color:var(--text-dim);font-family:Geist Mono,monospace;font-size:.65rem;letter-spacing:.15em;padding:.7rem 3rem;cursor:pointer;clip-path:polygon(24px 0%,calc(100% - 24px) 0%,100% 50%,calc(100% - 24px) 100%,24px 100%,0% 50%);width:100%}.modal-submit:hover{color:var(--text-bright)}.modal-submit:disabled{opacity:.3;cursor:default;pointer-events:none}.modal-submit:focus,.modal-submit:focus-visible{outline:none}.modal-status{font-size:.55rem;color:var(--text-dim);height:1.2em;margin-top:.5rem}.modal-consent{font-size:.5rem;color:var(--text-dim);margin-top:1.5rem;text-align:center;line-height:1.5}.footer{padding:2rem;text-align:center;display:flex;align-items:center;justify-content:center;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:.5px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes glitch-flicker{0%,to{opacity:1;transform:none}15%{opacity:.6;transform:translate(2px) skew(1deg)}30%{opacity:1;transform:translate(-1px)}45%{opacity:.4;transform:translate(1px) skew(-.5deg)}60%{opacity:1;transform:none}75%{opacity:.7;transform:translate(-2px)}}.glitch-active{animation:glitch-flicker .4s ease-in-out}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(min-width:1024px){.section{max-width:720px}.specs{padding-bottom:1rem}.panel{padding-top:0}.hero-title{font-size:1.1rem;letter-spacing:.6em}.hero-sub{font-size:.75rem;letter-spacing:.35em}#eye-canvas{width:min(512px,80vw);height:min(256px,40vw)}.spec-label{font-size:.65rem}.spec-value{font-size:.95rem}.panel-card .code-block{font-size:.65rem;padding:1.5rem 2rem}.specs,.panel{max-width:720px}.buy-button{font-size:.9rem;padding:1rem 3.5rem}.register-link{font-size:.65rem}.modal{max-width:420px;padding:3rem 2.5rem}.modal-label{font-size:.65rem}.modal-input{font-size:.9rem;padding:.75rem 1rem}.modal-submit{font-size:.8rem;padding:.75rem}.modal-consent{font-size:.6rem}}@media(min-width:1440px){.section,.specs,.panel{max-width:840px}.panel-card .code-block{padding:1.5rem 2rem}#eye-canvas{width:576px;height:288px}.spec-value{font-size:1.05rem}.panel-card .code-block{font-size:.7rem}}@media(max-width:640px){.section{padding:3.5rem 1.5rem}.behavior-grid,.spec-grid,.code-columns{grid-template-columns:1fr}.purchase-card{padding:2.5rem 1.5rem}.intro{padding:2rem 1.5rem 3.5rem}.lifecycle{padding:3rem 1.5rem}.home-page-content{padding-top:2rem}}@media(max-width:380px){.hero-title{font-size:.75rem;letter-spacing:.4em}.price-amount{font-size:1.6rem}.buy-button{padding:.7rem 2rem;font-size:.75rem}}
