:root{--bg:#0b0b0d;--bone:#e8e4dc;--echo:#7fe3f0;--rust:#c2412d;--rust-light:#e07a66;--line:#1f1f24;--border:#2a2a30;--muted:#8b8780;--text:#b4b0a8;--display:"Big Shoulders Display",Impact,sans-serif;--serif:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--bone);font-family:var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--bone);text-decoration:none;transition:color .2s}a:hover{color:var(--echo)}h1,h2,h3,p{margin:0}::selection{background:var(--echo);color:var(--bg)}.no-select{-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.header{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 56px;border-bottom:1px solid var(--line)}.logo{font-family:var(--display);font-weight:900;font-size:26px;letter-spacing:.04em}.slash{color:var(--echo)}.nav{display:flex;gap:32px;flex-wrap:wrap;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.nav a{padding:12px 0}.scan{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px)}.hero{position:relative;min-height:860px;padding:120px 56px 96px;display:flex;flex-direction:column;justify-content:center;gap:36px;cursor:crosshair;-webkit-user-select:none;user-select:none}.hero>*{position:relative;z-index:2}.hero>.scan{position:absolute;z-index:1}.label{font-size:12px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}.blink{color:var(--echo);animation:1.1s steps(1) infinite blink}.recovered{display:none;font-size:12px;letter-spacing:.24em;color:var(--rust-light);text-transform:uppercase}.recovered.show{display:block;animation:1.2s both fadeIn}.title{font-family:var(--display);font-weight:900;line-height:.86;letter-spacing:-.01em;font-size:clamp(88px, 17vw, 260px)}.title h1{font-size:1em;font-weight:900}.title .layer{position:absolute;left:0;top:0;opacity:.85}.title .layer-a{color:var(--echo);animation:3.2s steps(1) infinite glitchA}.title .layer-b{color:var(--rust);animation:2.7s steps(1) infinite glitchB}.tagline{max-width:760px;font-family:var(--serif);font-style:italic;font-size:clamp(24px, 2.6vw, 38px);line-height:1.25}.tags{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#a8a49c}.tags span{padding:8px 12px;border:1px solid var(--border)}.tags .alert{border-color:var(--rust);color:var(--rust-light)}.actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--bone);-webkit-user-select:none;user-select:none}.btn-solid{background:var(--bone);color:var(--bg)}.btn-solid:hover{background:var(--echo);border-color:var(--echo);color:var(--bg)}.btn-ghost:hover{border-color:var(--echo)}.wall{position:absolute!important;z-index:2!important;right:56px;bottom:120px;max-width:360px;font-family:var(--display);font-weight:700;font-size:34px;line-height:1;letter-spacing:.02em;color:var(--rust);opacity:.7;text-align:right;transform:rotate(-4deg);cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.wall.hit{animation:.25s wallHit}.ghost{position:absolute!important;left:0;top:0;z-index:3!important;pointer-events:none;opacity:0;transition:opacity .6s}.ghost-inner{position:relative;left:-14px;top:-46px;display:flex;flex-direction:column;align-items:center;gap:6px}.ghost-inner span{font-size:10px;letter-spacing:.18em;white-space:nowrap}.ghost-live .ghost-inner span{color:var(--echo)}.ghost-past .ghost-inner span{color:var(--rust-light)}.ghost-past svg{filter:blur(.3px)}.section{position:relative;padding:140px 56px;border-top:1px solid var(--line);display:flex;justify-content:center}.container{width:100%;max-width:1200px}.stack{display:flex;flex-direction:column;gap:56px}.split{display:flex;gap:72px;flex-wrap:wrap;align-items:flex-start}.intro{display:flex;flex-direction:column;gap:24px;max-width:760px}.kicker{font-size:12px;letter-spacing:.3em;color:var(--echo);text-transform:uppercase}.heading{font-family:var(--display);font-weight:900;font-size:clamp(44px, 5vw, 76px);line-height:.95;text-transform:uppercase}.body{font-size:16px;line-height:1.75;color:#c9c5bd;max-width:620px}.premise-text{flex:1 1 520px;display:flex;flex-direction:column;gap:28px}.subject{flex:1 1 360px;padding:40px;border:1px solid var(--border);display:flex;flex-direction:column;gap:20px;position:relative}.corner{position:absolute;width:28px;height:28px}.corner-tl{top:-1px;left:-1px;border-top:2px solid var(--echo);border-left:2px solid var(--echo)}.corner-br{bottom:-1px;right:-1px;border-bottom:2px solid var(--echo);border-right:2px solid var(--echo)}.subject .quote{font-family:var(--serif);font-style:italic;font-size:30px;line-height:1.25}.subject .quote.danger{color:var(--rust-light)}.loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border)}.step{position:relative;padding:40px 28px 44px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:18px;transition:background .4s}.step:last-child{border-right:0}.step:hover{background:#0f0f12}.step .idx{font-family:var(--display);font-weight:900;font-size:64px;line-height:.8;color:#2e2e35;transition:color .4s}.step:hover .idx{color:var(--echo)}.step h3{font-family:var(--display);font-weight:900;font-size:40px;line-height:1;text-transform:uppercase;letter-spacing:.01em}.step p{font-size:14px;line-height:1.7;color:var(--text)}.step-pay h3,.step-pay:hover .idx{color:var(--rust-light)}.step .arrow{position:absolute;right:-13px;top:58px;z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--bg);border:1px solid var(--border);color:var(--echo)}.cycle{display:flex;align-items:center;gap:16px;padding:22px 28px;border:1px solid var(--border);border-top:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.cycle svg{flex-shrink:0;animation:9s linear infinite spin}.cycle strong{font-weight:500;color:var(--bone)}.summary{max-width:900px;font-family:var(--serif);font-style:italic;font-size:clamp(28px, 3vw, 44px);line-height:1.25}.summary em{font-style:italic;color:var(--echo)}.demo{border:1px solid var(--border);padding:24px;overflow-x:auto}.demo .label{font-size:11px;letter-spacing:.24em;margin-bottom:8px}.demo svg{display:block;width:100%;min-width:560px;max-height:280px}.runner{animation:6s linear infinite run}.echo-loop{animation:1.6s ease-in-out infinite echoLoop}.flicker{animation:4s infinite flicker}.thread{animation:6s linear infinite thread;stroke-dasharray:4 5}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{padding:32px;border:1px solid var(--border);display:flex;flex-direction:column;gap:16px;transition:border-color .3s}.card:hover{border-color:var(--echo)}.card .num{font-family:var(--display);font-weight:900;font-size:44px;color:#3a3a42}.card h3{font-size:15px;letter-spacing:.18em;text-transform:uppercase}.card h3.danger{color:var(--rust-light)}.card p,.skill p{font-size:14px;line-height:1.7;color:var(--text)}.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.skill{background:var(--bg);padding:40px 32px;display:flex;flex-direction:column;gap:20px}.skill .name{font-family:var(--display);font-weight:900;font-size:48px;line-height:1}.theme{position:relative;padding:180px 56px;border-top:1px solid var(--line);display:flex;justify-content:center;text-align:center}.theme-inner{position:relative;max-width:1000px;display:flex;flex-direction:column;gap:28px;align-items:center}.theme p{font-family:var(--serif);font-style:italic;font-size:clamp(36px, 4.6vw, 68px);line-height:1.12}.theme p.danger{color:var(--rust-light)}.dev-info{flex:1 1 360px;display:flex;flex-direction:column;gap:24px}.dev-info .body{font-size:15px;color:var(--text)}.progress{display:flex;flex-direction:column;gap:10px;margin-top:12px}.progress-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#a8a49c}.progress-head span:last-child{color:var(--echo)}.bar{height:6px;background:var(--line)}.bar div{width:36%;height:6px;background:var(--echo)}.phases{flex:1 1 520px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--border)}.phases li{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--border);font-size:15px}.phases .id{color:#6b6862;margin-right:16px}.phases .status{font-size:12px;letter-spacing:.18em;color:var(--echo)}.phases .next .status{color:var(--rust-light)}.phases .pending{color:var(--muted)}.phases .pending .id{color:#4a4842}.phases .pending .status{color:#6b6862}.terminal{border:1px solid var(--border);background:#08080a;display:flex;flex-direction:column;cursor:text;position:relative;overflow:hidden}.terminal:focus-within{border-color:#3d4f54}.terminal-bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none}.terminal-bar .unstable{color:var(--rust-light)}.terminal-output{height:380px;overflow-y:auto;padding:20px;font-size:14px;line-height:1.7;color:#c9c5bd;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:#2a2a30 transparent}.terminal-output .cmd{color:var(--bone)}.terminal-output .cmd::before{content:"eco@null:~$ ";color:var(--echo)}.terminal-output .sys{color:var(--muted)}.terminal-output .warn{color:var(--rust-light)}.terminal-output .lore{color:var(--bone);font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.5}.terminal-output .accent{color:var(--echo)}.terminal-input{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--border);font-size:14px}.terminal-input .prompt{color:var(--echo);white-space:nowrap;-webkit-user-select:none;user-select:none}.terminal-input input{flex:1;min-width:0;min-height:32px;background:0 0;border:0;outline:0;color:var(--bone);font:inherit;caret-color:var(--echo)}.terminal-input input::placeholder{color:#4a4842}.footer{padding:56px 56px 96px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.footer .logo{font-size:22px;color:var(--bone)}.footer a{padding:12px 0}.sound{position:fixed;right:24px;bottom:24px;z-index:20;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;background:rgba(11,11,13,.86);border:1px solid var(--border);color:var(--muted);font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .3s,color .3s}.sound:focus-visible,.sound:hover{border-color:var(--echo);color:var(--bone);outline:0}.sound[aria-pressed=true]{color:var(--echo);border-color:#3d4f54}.bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.bars i{display:block;width:2px;height:3px;background:currentColor}.sound[aria-pressed=true] .bars i{animation:1.2s ease-in-out infinite bars}.sound[aria-pressed=true] .bars i:nth-child(2){animation-delay:.2s}.sound[aria-pressed=true] .bars i:nth-child(3){animation-delay:.45s}.sound[aria-pressed=true] .bars i:nth-child(4){animation-delay:.7s}.corruption{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(8,8,10,.9);pointer-events:none}.corruption .scan{background-image:repeating-linear-gradient(0deg,rgba(127,227,240,.07) 0 1px,transparent 1px 3px)}.corruption p{position:relative;font-family:var(--serif);font-style:italic;font-size:clamp(44px, 7vw, 110px);line-height:1.05;text-align:center;color:var(--bone)}.corruption p span{position:absolute;inset:0;opacity:.8}.corruption p .ca{color:var(--echo);animation:.9s steps(1) infinite glitchA}.corruption p .cb{color:var(--rust);animation:.7s steps(1) infinite glitchB}body.corrupt .corruption{display:flex;animation:.15s both fadeIn}body.corrupt .page{animation:.12s steps(2) infinite corruptShake;filter:contrast(1.4) saturate(0)}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes glitchA{0%,100%,86%{clip-path:inset(0 0 100% 0);transform:translate(0,0)}87%{clip-path:inset(12% 0 60% 0);transform:translate(-6px,0)}89%{clip-path:inset(55% 0 20% 0);transform:translate(5px,0)}91%{clip-path:inset(30% 0 45% 0);transform:translate(-3px,0)}93%{clip-path:inset(0 0 100% 0)}}@keyframes glitchB{0%,100%,78%{clip-path:inset(0 0 100% 0);transform:translate(0,0)}79%{clip-path:inset(70% 0 5% 0);transform:translate(7px,0)}81%{clip-path:inset(8% 0 75% 0);transform:translate(-5px,0)}83%{clip-path:inset(0 0 100% 0)}}@keyframes flicker{0%,100%,47%,52%{opacity:.85}48%{opacity:.25}49%{opacity:.8}51%{opacity:.35}}@keyframes run{0%{transform:translate(30px,150px)}30%{transform:translate(200px,150px)}40%{transform:translate(240px,104px)}46%{transform:translate(268px,114px)}58%{transform:translate(330px,92px)}70%{transform:translate(372px,150px)}92%{transform:translate(540px,150px);opacity:1}100%,92.1%{transform:translate(540px,150px);opacity:0}}@keyframes echoLoop{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-6px)}}@keyframes thread{0%,100%,69%{opacity:0}72%,90%{opacity:.9}}@keyframes wallHit{0%,100%{transform:rotate(-4deg) translate(0,0)}30%{transform:rotate(-4.6deg) translate(-3px,1px);opacity:1}60%{transform:rotate(-3.4deg) translate(2px,-1px)}}@keyframes corruptShake{0%{transform:translate(0,0)}50%{transform:translate(-4px,2px)}100%{transform:translate(3px,-2px)}}@keyframes bars{0%,100%{height:3px}50%{height:14px}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.footer,.header,.hero,.section,.theme{padding-left:24px;padding-right:24px}.hero{min-height:720px;padding-top:80px}.section{padding-top:96px;padding-bottom:96px}.cards,.loop,.skills{grid-template-columns:minmax(0,1fr)}.step{border-right:0;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:0}.step .arrow{display:none}.cycle{padding:20px 24px}.wall{position:relative!important;right:auto;bottom:auto;text-align:left;font-size:28px}.ghost{display:none}.terminal-output{height:320px;font-size:13px}.sound{right:16px;bottom:16px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.ghost-past .ghost-inner span{display:none}