@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101212;--panel:#181b1a;--text:#f3f1e9;--muted:#a1a69f;--accent:#ff7847;--border:#30342f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{max-width:1440px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:700;letter-spacing:-2px}.brand span,h2 span{color:var(--accent)}.brand small{font:9px monospace;display:inline-block;letter-spacing:1.3px;max-width:110px;margin-left:15px;color:var(--muted)}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.languages{display:flex;align-items:center;gap:8px;font:12px monospace;color:var(--muted)}.languages button{border:0;background:none;color:var(--muted);padding:7px;cursor:pointer}.languages button[aria-pressed=true]{color:var(--text)}main{max-width:1440px;margin:auto}section{padding:100px 6%}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding-top:80px;padding-bottom:85px}.eyebrow{font:11px monospace;letter-spacing:2px;color:var(--muted);margin-bottom:28px}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(48px,5.4vw,78px);line-height:1.06;letter-spacing:-4px;margin:0 0 28px}em{font-style:normal;color:var(--accent)}p{color:var(--muted);line-height:1.75;font-size:15px}.hero-copy>p{max-width:450px;font-size:17px}.actions{display:flex;gap:25px;align-items:center;margin-top:34px}.button{display:inline-block;background:var(--accent);border:1px solid var(--accent);padding:16px 22px;color:#181510;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#ff956d;transform:translateY(-2px)}.button:disabled{opacity:.6;cursor:wait}.text-link{font-size:12px}.hero-tags{display:flex;gap:18px;margin-top:48px;font:10px monospace;letter-spacing:1px;color:var(--muted)}.visual{position:relative;min-height:450px;background:radial-gradient(ellipse at center,#303e2b55,transparent 70%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;border:1px solid var(--border)}.visual-top,.visual-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font:9px monospace;color:var(--muted);letter-spacing:1px}.visual-top{top:20px}.visual-bottom{bottom:20px}.live{color:#b5c69a}.board{position:absolute;width:280px;height:290px;left:50%;top:48%;background:#263c32;border:2px solid #66806b;border-radius:12px;transform:translate(-50%,-50%) rotate(-18deg) skew(6deg,6deg);box-shadow:-12px 14px 0 #17251d,-18px 22px 35px #0009;transition:transform .6s}.visual:hover .board{transform:translate(-50%,-50%) rotate(-10deg) skew(3deg,3deg)}.chip{position:absolute;left:85px;top:84px;width:108px;height:108px;background:linear-gradient(135deg,#292c29,#101511);border:1px solid #858a75;box-shadow:0 0 0 8px #b5b19a44;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.chip span{font:700 30px 'Space Grotesk';color:#ddd8c3}.chip small{font:7px monospace;color:#929983;margin-top:9px}.trace{position:absolute;border:2px solid #9eac6a77}.t1{width:100px;height:80px;top:30px;left:30px;border-bottom:0;border-right:0}.t2{width:110px;height:120px;right:25px;bottom:25px;border-top:0}.t3{width:85px;height:80px;left:30px;bottom:30px;border-right:0}.t4{width:75px;height:70px;right:25px;top:25px;border-left:0}.pins{position:absolute;width:80px;height:12px;background:repeating-linear-gradient(90deg,#b6ab7b 0 4px,transparent 4px 8px);left:99px}.p1{top:68px}.p2{top:199px}.capacitor{position:absolute;width:24px;height:32px;background:linear-gradient(90deg,#808978,#c3c5ad,#687560);border-radius:50% 50% 3px 3px;box-shadow:-4px 5px 0 #17251d}.c1{left:32px;top:110px}.c2{right:25px;top:90px}.connector{position:absolute;top:4px;left:105px;width:60px;height:25px;background:linear-gradient(#c9c6b5,#7f8577);border:4px solid #929787}.board-label{position:absolute;bottom:23px;left:30px;font:7px monospace;line-height:1.6;color:#a9bc9d}.screw{position:absolute;width:11px;height:11px;border:2px solid #c3c3aa;border-radius:50%;background:#141f16}.s1{left:12px;top:12px}.s2{right:12px;top:12px}.s3{left:12px;bottom:12px}.s4{right:12px;bottom:12px}.led{position:absolute;bottom:35px;right:37px;width:7px;height:7px;background:var(--accent);box-shadow:0 0 16px var(--accent)}.floating{position:absolute;right:-15px;bottom:60px;background:#20241eee;border:1px solid #58604b;padding:16px 20px;font:11px monospace;line-height:1.8;box-shadow:0 12px 30px #0004}.floating span{color:var(--accent)}.ticker{display:flex;justify-content:space-around;gap:15px;padding:24px 6%;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font:12px monospace;letter-spacing:3px;color:#c0c1b7}.ticker b{color:var(--accent)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-2px;line-height:1.15;margin:0}.section-head p{max-width:280px;margin:0}.skills{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border)}article{padding:28px 25px;border-right:1px solid var(--border);position:relative;transition:background .2s}article:last-child{border:0}article:hover{background:#20251e}.number{font:10px monospace;color:var(--muted);position:absolute;right:22px;top:25px}.icon{font:32px monospace;color:var(--accent);height:72px;padding-top:10px}h3{font-size:19px;margin:16px 0}article p{font-size:13px;min-height:138px}.tag{font:9px monospace;letter-spacing:1px;color:#b5bdab}.about{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#171a16}.large{font-size:21px;color:var(--text);margin-top:0}.signature{font:26px 'Space Grotesk';margin-top:32px}.signature span{font:9px monospace;color:var(--muted);margin-left:15px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact>div>p{max-width:355px;margin-top:28px}.contact-note{display:flex;gap:15px;margin-top:45px;font:12px monospace;color:var(--muted)}.contact-note>span:first-child{font-size:25px;color:var(--accent)}form label{display:block;font-size:12px;margin-bottom:22px;color:#d0d1c9}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{width:100%;background:#181c17;border:1px solid #3b4136;color:var(--text);padding:13px;margin-top:9px;border-radius:0}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}textarea{resize:vertical}.privacy{font-size:11px}.trap{position:absolute;left:-9999px}#form-status{font-size:13px;min-height:22px}footer{padding:30px 6%;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font:11px monospace;max-width:1440px;margin:auto}footer .brand{font-size:27px;color:var(--text)}@media(max-width:1000px){.hero{gap:30px}.skills{grid-template-columns:1fr 1fr}article:nth-child(2){border-right:0}article:nth-child(-n+2){border-bottom:1px solid var(--border)}article p{min-height:90px}.contact{gap:40px}.about{gap:40px}.brand small{display:none}}@media(max-width:700px){header{padding:20px 6%}nav{gap:15px;font-size:11px}nav a:nth-child(2){display:none}.brand{font-size:30px}.hero{grid-template-columns:1fr;padding-top:55px;gap:40px}.hero h1{letter-spacing:-2px;font-size:54px}.visual{min-height:390px}.floating{right:10px}.hero-tags{margin-top:30px}section{padding:65px 6%}.ticker{font-size:9px;letter-spacing:0;gap:7px}.ticker b:last-child{display:none}.section-head{display:block}.section-head p{margin-top:24px;max-width:100%}.skills{grid-template-columns:1fr}article{border-right:0;border-bottom:1px solid var(--border)}article p{min-height:0}.about,.contact{grid-template-columns:1fr;gap:35px}h2{letter-spacing:-1px}.contact-note{margin-top:25px}.actions{gap:18px}.button{padding:15px 17px}footer{flex-wrap:wrap}footer>span:first-of-type{display:none}.form-row{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}