*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090f;--surface: #111118;--border: #2a2840;--text: #ddd8f0;--text-muted: #8881a8;--accent: #cc88ff;--cyan: #00e5ff;--font-body: system-ui, sans-serif;--font-mono: "Courier New", Courier, monospace}html{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.nav-brand{font-size:1.1rem;font-weight:600;letter-spacing:.02em;color:var(--accent)}.nav-brand:hover{text-decoration:none;opacity:.85}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links a{color:var(--text-muted);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;transition:color .15s}.nav-links a:hover{color:var(--text);text-decoration:none}main{flex:1;max-width:900px;width:100%;margin:0 auto;padding:3rem 2rem}.site-footer{padding:2rem;text-align:center;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin-bottom:1rem}h2{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:.75rem;color:var(--accent)}h3{font-size:1.1rem;margin-bottom:.5rem}p{margin-bottom:1rem;max-width:65ch}.hero{padding:4rem 0 3rem;border-bottom:1px solid var(--border);margin-bottom:3rem}.hero-sub{font-size:1.15rem;color:var(--text-muted);max-width:55ch;margin-bottom:2rem}.btn,.btn-outline{display:inline-block;padding:.7rem 1.6rem;font-weight:600;border-radius:4px;text-decoration:none}.btn{background:var(--accent);color:#09090f;transition:opacity .15s}.btn:hover{opacity:.85;text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.5rem;margin-bottom:1.5rem;transition:box-shadow .3s,border-color .3s}.card:hover{border-color:var(--accent);box-shadow:0 0 20px #cc88ff26}.steps{counter-reset:step var(--step-start, 0);list-style:none;margin:1.5rem 0}.steps li{counter-increment:step;position:relative;padding-left:3rem;margin-bottom:1.5rem}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--surface);border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-family:var(--font-mono)}.faq-item{margin-bottom:2rem}.faq-q{font-weight:600;color:var(--accent);margin-bottom:.4rem}.clarity-table,.attunement-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.9rem}.clarity-table th,.attunement-table th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--accent);color:var(--accent);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}.clarity-table{overflow-x:auto;display:block}.clarity-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border)}.clarity-table tbody tr:first-child td{color:var(--cyan)}.clarity-loading,.clarity-error,.clarity-empty{color:var(--text-muted);font-family:var(--font-mono);font-size:.9rem;padding:1rem 0}.clarity-error{color:#ff6b6b}@media(max-width:600px){.site-nav{flex-direction:column;gap:1rem}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}main{padding:2rem 1rem}}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent);transition:background .15s,color .15s}.btn-outline:hover{background:#cc88ff1a;text-decoration:none}.cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.hero-full{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:4rem 0 3rem;border-bottom:1px solid var(--border);margin-bottom:3rem;overflow:hidden}.hero-full:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(204,136,255,.06) 0%,rgba(0,229,255,.03) 40%,transparent 70%);pointer-events:none;z-index:0;opacity:.4}.hero-full>*{position:relative}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.asset-placeholder{background:var(--surface);border:1px dashed var(--border);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;gap:.5rem;margin:1.5rem 0}.asset-placeholder--landscape{width:100%;height:200px}.asset-placeholder--portrait{width:180px;height:300px}.world-section{max-width:55ch;color:var(--text-muted);line-height:1.8;padding:3rem 0;border-top:1px solid var(--border)}.attunement-table{margin:1.5rem 0 2rem}.attunement-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.hardware-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0}.access-form{display:flex;flex-direction:column;gap:1rem;max-width:480px;margin:1.5rem 0}.access-form label{font-size:.85rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-mono);margin-bottom:.25rem;display:block}.access-form input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.6rem .8rem;color:var(--text);font-family:var(--font-body);font-size:1rem;transition:border-color .15s}.access-form input:focus{outline:none;border-color:var(--accent)}.perceive-page{font-family:var(--font-mono)}.perceive-page main{max-width:680px;padding:4rem 2rem}.perceive-panel{margin-bottom:3rem}.perceive-meta{color:var(--text-muted);font-size:.8rem;line-height:1.9;margin-bottom:1.5rem}.perceive-body p{color:var(--text);line-height:2;font-size:1rem;max-width:none;margin-bottom:0}.perceive-divider{border:none;border-top:1px solid var(--border);margin:2rem 0;opacity:.4}.perceive-footer{font-size:.75rem;color:var(--text-muted);padding-top:3rem;opacity:.5}.perceive-form{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;margin:2rem 0}.perceive-form label{font-size:.75rem;color:var(--text-muted);letter-spacing:.1em;display:block;margin-bottom:.4rem}.perceive-form input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:.5rem 0;color:var(--text);font-family:var(--font-mono);font-size:.9rem;transition:border-color .15s}.perceive-form input:focus{outline:none;border-bottom-color:var(--cyan)}.perceive-form button{align-self:flex-start;background:transparent;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.12em;padding:.6rem 1.4rem;cursor:pointer;transition:background .15s}.perceive-form button:hover{background:#00e5ff14}.perceive-noise{position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:100}.distortion-trigger{cursor:pointer;position:relative}@media(prefers-reduced-motion:no-preference){@keyframes chroma{0%,to{text-shadow:-2px 0 1px rgba(255,0,200,.4),2px 0 1px rgba(0,229,255,.4)}50%{text-shadow:-3px 0 2px rgba(255,0,200,.6),3px 0 2px rgba(0,229,255,.6)}}@keyframes glitch-shift{0%,95%,to{clip-path:none;transform:none}96%{clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);transform:translate(-3px)}97%{clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);transform:translate(4px)}98%{clip-path:none;transform:none}}@keyframes interference{0%{background-position:50% 50%;opacity:.4}50%{background-position:50% 52%;opacity:.6}to{background-position:50% 50%;opacity:.4}}@keyframes pulse-ring{0%{box-shadow:0 0 #cc88ff59}70%{box-shadow:0 0 0 10px #c8f0}to{box-shadow:0 0 #c8f0}}.chroma{animation:chroma 3s ease-in-out infinite}.glitch{animation:glitch-shift 8s step-end infinite}.distortion-trigger{animation:chroma 4.3s ease-in-out infinite}.hero-full:before{animation:interference 6s ease-in-out infinite}}