:root{--bg:#0d0e10;--panel:#141518;--line:#292a2d;--text:#f2f1ed;--muted:#8b8d93;--orange:#ff7b27;--green:#a0d986}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}header,main,footer{max-width:1280px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 36px}nav{display:flex;gap:34px;color:#b9bac0;font-size:13px}nav a:hover,footer a:hover{color:var(--orange)}.brand{display:flex;align-items:center;font-size:20px;font-weight:800;letter-spacing:2px}.brand-dot,.orange{color:var(--orange)}.brand-icon{margin-right:12px;background:var(--orange);color:#111;font-size:25px;line-height:36px;width:36px;text-align:center;letter-spacing:-6px;padding-right:5px}.brand-icon span{font-size:19px}#language{background:transparent;border:1px solid var(--line);padding:6px 12px;font:12px monospace}#language span{color:var(--muted)}main{padding:0 36px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding:80px 0 65px}.eyebrow,.section-label,.visual-top,.location,.small,.stats>div>span,.contact-meta,footer,.art-caption,.log-line,.terminal,.learning,.node{font-family:Consolas,'Courier New',monospace}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#c4c5c8;display:flex;align-items:center;gap:10px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #a0d98655}h1{font-size:clamp(70px,7.5vw,106px);line-height:.99;letter-spacing:-6px;margin:29px 0 24px;font-weight:750}h1 .orange{font-weight:400}.role{font:12px/1.8 Consolas,monospace;color:#c3c4c8}.role span{color:var(--orange);padding:0 5px}.intro{color:var(--muted);font-size:18px;line-height:1.7;margin:25px 0 30px}.button{display:inline-flex;padding:13px 20px;gap:17px;font:13px/1.6 Consolas,monospace}.primary{background:var(--orange);color:#111;font-weight:bold}.primary:hover{background:#ff9956}.text-link{font-size:12px;margin-left:22px}.location{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:34px}.location>span:first-child{color:var(--orange)}.slash{padding:0 12px}.system-visual{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%,#36221944,transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 29px,#ffffff03 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#ffffff03 30px);padding:19px;position:relative}.visual-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:1.2px}.orbit{width:280px;height:280px;border:1px dashed #714224;border-radius:50%;margin:32px auto;display:grid;place-items:center;position:relative}.orbit:after{content:'';position:absolute;inset:20px;border:1px solid #362a21;border-radius:50%}.orbit-middle{width:210px;height:210px;border:1px solid #a85d2b;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 50px #ff7b2710}.core{width:156px;height:156px;background:#1b1714;border:1px solid #6b4024;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);display:flex;flex-direction:column;align-items:center;justify-content:center}.core>span{font-size:76px;font-weight:800;color:var(--orange);line-height:1.1}.core small{font:6px monospace;letter-spacing:1.2px;color:var(--orange)}.node{position:absolute;background:#161516;padding:3px 8px;border:1px solid #573720;color:#d0a07d;font-size:8px;letter-spacing:1px;z-index:1}.n1{top:-10px}.n2{right:-26px;top:130px}.n3{bottom:-10px}.n4{left:-28px;top:130px}.terminal{border:1px solid var(--line);background:#0d0e10;font-size:10px}.terminal>div{border-bottom:1px solid var(--line);padding:9px 12px;display:flex;align-items:center;gap:5px}.terminal i{width:5px;height:5px;background:#545458;border-radius:50%}.terminal>div span{margin-left:auto;color:var(--muted);font-size:8px}.terminal p{padding:0 14px;line-height:2}.terminal-result{color:#93969b}.green{color:var(--green)}.muted{color:var(--muted)}.cursor{color:var(--orange)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.stats>div{padding:0 30px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats strong{font-size:36px;line-height:1.3;font-weight:500;display:block}.stats strong span{font:12px Consolas,monospace;color:var(--muted)}.stats>div>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.stats .stat-note{display:flex;align-items:center;gap:14px}.stat-note p{font-size:13px;color:#b7b8bd}.section-label{color:var(--orange);font-size:10px;letter-spacing:2px;margin-bottom:23px}section:not(.hero){padding:76px 0;border-bottom:1px solid var(--line)}h2{font-size:34px;line-height:1.3;letter-spacing:-1px;font-weight:550;margin:0 0 22px}p{margin:0 0 18px}.about-grid,.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-grid p{font-size:14px}.log-line{font-size:10px;letter-spacing:1px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;color:#aaa}.log-line span{color:var(--orange);margin-right:10px}.section-heading{display:flex;justify-content:space-between;align-items:center}.small{font-size:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.card{border:1px solid var(--line);background:var(--panel);padding:25px;transition:border-color .2s}.card:hover{border-color:#8b512b}.card-top{display:flex;justify-content:space-between;color:var(--orange);font:18px monospace;margin-bottom:28px}.card-top small{color:#606269;font-size:9px}.card h3{font-size:15px;margin:0 0 16px;font-weight:500}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid #303135;padding:3px 8px;color:#a8aaaf;font:10px/1.6 Consolas,monospace}.learning{display:flex;align-items:center;gap:13px;margin-top:20px;font-size:11px}.loading-bar{height:4px;background:#292a2d;width:100px;margin-left:auto}.lab-grid{align-items:center}.lab-art{height:300px;background:radial-gradient(ellipse at center,#30211666,transparent 65%),repeating-linear-gradient(90deg,transparent,transparent 23px,#ffffff04 24px),repeating-linear-gradient(0deg,transparent,transparent 23px,#ffffff04 24px);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px}.rack{border:1px solid #6d4d37;padding:8px;width:210px;transform:perspective(800px) rotateY(-14deg) rotateX(6deg);box-shadow:16px 16px 0 #18191b}.rack>div{border:1px solid #44403b;margin:6px;padding:10px 12px;display:flex;justify-content:space-between;font:10px monospace;color:#aaa}.rack b{font-size:23px;color:#69615b;letter-spacing:5px}.art-caption{font-size:8px;letter-spacing:2px;color:var(--muted)}.lab-list{list-style:none;padding:0;font-size:12px}.lab-list li{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:13px 0}.lab-list span{color:var(--orange);font:10px monospace}.lab-list span:last-child{margin-left:auto}.brain{display:grid;grid-template-columns:1fr 1fr;gap:70px}.brain h3{font-size:22px;font-weight:500;margin:0 0 10px}.brain p{font-size:13px}.brain-code{border-left:2px solid var(--orange);padding-left:24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.brain-code code{color:#a29181;font-size:12px;letter-spacing:2px}.brain-code button{background:transparent;border:1px solid #51402f;padding:7px 10px;font:11px monospace}.brain-code output{font:13px monospace;color:var(--green);width:100%;min-height:23px}#contact{text-align:center;padding:80px 0}#contact h2{font-size:46px}#contact p{font-size:14px}.contact-link{display:inline-block;font-size:32px;border-bottom:1px solid var(--orange);padding-bottom:6px;margin:14px 0 28px}.contact-link span{color:var(--orange);padding-left:25px}.contact-meta{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.contact-meta span{margin:0 14px;color:#555}footer{padding:28px 36px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}footer .brand{font-size:13px;color:var(--text)}.hint{letter-spacing:3px}.boot{position:fixed;inset:0;z-index:10;pointer-events:none;background:#0d0e10;display:grid;place-items:center;color:var(--green);font:14px/2 monospace;animation:boot-out .3s .7s forwards}@keyframes boot-out{to{opacity:0;visibility:hidden}}body.matrix{--orange:#70ee99;--line:#264331}.matrix .system-visual{filter:hue-rotate(85deg)}@media(min-width:1450px){.hero{padding-top:95px;padding-bottom:80px}}@media(max-width:900px){.hero{gap:28px}h1{font-size:80px}.orbit{width:220px;height:220px}.orbit-middle{width:175px;height:175px}.core{width:132px;height:132px}.n2,.n4{top:100px}.text-link{display:block;margin:15px 0 0}.about-grid,.lab-grid{gap:35px}.stats>div{padding:0 18px}.cards{grid-template-columns:repeat(2,1fr)}.brain{gap:30px}nav{gap:18px}}@media(max-width:640px){header{height:80px;padding:0 20px}nav{gap:14px}nav a{font-size:11px}nav a:first-child,nav a:nth-child(3){display:none}.brand{font-size:15px}.brand-icon{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:48px 0 35px;gap:40px}h1{font-size:82px}.eyebrow{font-size:8px}.system-visual{max-width:420px;width:100%;margin:auto}.orbit{width:250px;height:250px}.n2,.n4{top:115px}.intro{font-size:17px}.text-link{display:inline;margin-left:15px;font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:22px}.stats>div{border:none;padding:0}.stats strong{font-size:32px}section:not(.hero){padding:48px 0}.about-grid,.lab-grid,.brain{grid-template-columns:1fr;gap:25px}h2{font-size:29px}.section-heading>.small{display:none}.cards{gap:10px}.card{padding:17px}.card h3{font-size:13px}.tags span{font-size:9px}.learning{flex-wrap:wrap;font-size:10px}.loading-bar{display:none}.lab-art{height:260px}#contact h2{font-size:34px}.contact-link{font-size:27px}.contact-meta{font-size:8px;letter-spacing:.5px}footer{padding:24px 20px;gap:16px;flex-wrap:wrap}.hint{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.boot{display:none}}
