*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050505;--text: #c8c8c8;--text-dim: #555;--text-bright: #e8e8e8;--border: #1a1a1a;--surface: #0a0a0a}html{font-size:16px;scroll-behavior:smooth;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:Courier New,Courier,monospace;font-variant-ligatures:none;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.eye-container{margin-bottom:2.5rem}.device-frame{--calibration: 0;background:#000;border:1px solid #1a1a1a;border-radius:4px;padding:12px 16px;box-shadow:0 0 40px #ffffff05,0 0 80px #ffffff03;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;text-transform:uppercase;color:var(--text-dim);margin-bottom:.15rem}.hero-sub{font-size:.6rem;letter-spacing:.3em;color:#333}.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;text-transform:uppercase;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}.specs{padding-top:2rem}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem}.spec{display:flex;flex-direction:column;gap:.1rem}.spec-label{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.spec-value{font-size:.8rem;color:var(--text)}.purchase{text-align:center;padding:6rem 2rem;max-width:540px}.purchase-card{border:1px solid var(--border);border-radius:2px;padding:3rem 2rem;background:var(--surface)}.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{display:inline-block;padding:.8rem 3rem;border:1px solid var(--text-dim);color:var(--text-bright);text-decoration:none;font-family:inherit;font-size:.8rem;letter-spacing:.15em;transition:all .3s ease;background:transparent;cursor:pointer}.buy-button:hover:not(.disabled){border-color:var(--text-bright);background:#ffffff08}.buy-button.disabled{opacity:.4;cursor:default;pointer-events:none}.purchase-sub{font-size:.55rem;color:#333;margin-top:1.5rem}.footer{padding:4rem 2rem 3rem;text-align:center;border-top:1px solid var(--border)}.footer-brand{font-size:.65rem;letter-spacing:.3em;color:var(--text-dim);margin-bottom:.2rem}.footer-est{font-size:.55rem;color:#333}.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(max-width:640px){.section{padding:3.5rem 1.5rem}.behavior-grid,.spec-grid{grid-template-columns:1fr}.purchase-card{padding:2.5rem 1.5rem}.intro{padding:2rem 1.5rem 3.5rem}.lifecycle{padding:3rem 1.5rem}}@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}}