:root{color-scheme:dark;--background:#111413;--surface:#191d1b;--border:#303733;--text:#f4f5ef;--muted:#a4ada6;--accent:#c8ed92;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:var(--background);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body::before{position:fixed;inset:0;content:"";pointer-events:none;background:radial-gradient(ellipse at 87% 29%,#c8ed9208 0,transparent 46%)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.page-shell{position:relative;max-width:1280px;min-height:100svh;margin:0 auto;padding:0 64px;display:flex;flex-direction:column}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px 0;border-bottom:1px solid var(--border)}
.wordmark{display:flex;align-items:center;gap:16px}
.brand-mark{font-family:var(--mono);font-size:26px;letter-spacing:-1.5px;font-weight:700}
.brand-mark span{color:var(--accent)}
.domain{font-family:var(--mono);font-size:12px;letter-spacing:.025em;color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--border);border-radius:100px;font-family:var(--mono);font-size:11px;color:#bcc6bc;white-space:nowrap}
.status-dot,.build-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:100%;background:var(--accent)}
main{flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:68px;align-items:center;padding:100px 0 112px}
.eyebrow{margin:0 0 26px;color:#b7c1b8;font-family:var(--mono);font-size:12px;line-height:1.7;letter-spacing:.035em}
.eyebrow>span{margin-right:8px;color:var(--accent)}
h1{margin:0;font-weight:600;font-size:clamp(38px,4.25vw,60px);line-height:1.14;letter-spacing:-2.5px}
h1>span{color:var(--accent)}
.description{max-width:465px;margin:28px 0 32px;font-size:16px;line-height:1.85;color:var(--muted)}
.contact-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:14px 20px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#192016;font-size:14px;font-weight:600;transition:background .18s,border-color .18s}
.contact-link:hover{background:#d7f7ad;border-color:#d7f7ad}
.email{margin:18px 0 0;font-family:var(--mono);font-size:12px;color:var(--muted)}
.email a{padding:5px 0;display:inline-block}
.email a:hover{color:var(--text)}
.terminal{overflow:hidden;border:1px solid #3b443d;border-radius:8px;background:var(--surface);box-shadow:0 22px 65px #00000029;transform:rotate(-1.5deg)}
.terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:10px;color:#a1aba2;background:#1e231f}
.window-dots{display:flex;gap:5px}
.window-dots>span{display:block;width:7px;height:7px;border-radius:50%;background:#485047}
.window-dots>span:nth-child(1){background:#aa6f60}
.window-dots>span:nth-child(2){background:#b9a16a}
.window-dots>span:nth-child(3){background:#8aa178}
.terminal-icon{font-size:13px;color:#778375}
.terminal-body{padding:32px 24px 21px;font-family:var(--mono)}
.terminal-command{margin:0 0 31px;font-size:12px;line-height:1.6;color:#e5ebdf}
.prompt{color:var(--accent);margin-right:11px}
.terminal-lines{padding-bottom:30px}
.terminal-lines p{display:flex;gap:15px;align-items:center;margin:0 0 17px;font-size:11px;line-height:1.6}
.terminal-lines p:last-child{margin-bottom:0}
.line-number{color:#6d776d;font-size:10px}
.code-key{color:#b2beb1}
.code-value{margin-left:auto;color:#a8b9c7}
.code-value.ready{color:var(--accent)}
.terminal-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}
.build-label{display:inline-flex;align-items:center;gap:8px}
.build-dot{width:5px;height:5px}
.cursor{color:var(--accent);font-size:15px;animation:blink 1.2s step-end infinite}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 30px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}
.footer-note{font-family:var(--mono);font-size:10px}
.footer-note>span{margin-left:16px;color:#bfceaf}
@keyframes blink{50%{opacity:0}}
@media(min-width:1500px){h1{font-size:60px}}
@media(max-width:960px){.page-shell{padding:0 36px}main{gap:35px;padding:90px 0}h1{font-size:46px;letter-spacing:-1.8px}.terminal-body{padding:27px 19px 19px}.terminal-command{font-size:10px}.terminal-lines p{gap:10px;font-size:10px}}
@media(max-width:720px){.page-shell{padding:0 26px}.site-header{padding:26px 0}.wordmark{gap:10px}.domain{font-size:10px}.status{font-size:9px;padding:7px 9px;gap:6px}main{grid-template-columns:1fr;gap:44px;padding:66px 0 65px}h1{font-size:clamp(34px,7.4vw,52px);letter-spacing:-1.7px}.eyebrow{font-size:10px;margin-bottom:22px}.description{margin-top:23px;font-size:15px;line-height:1.8}.terminal{width:100%;max-width:470px;transform:none}.terminal-body{padding:27px 23px 21px}.terminal-command{font-size:12px}.terminal-lines p{font-size:11px;gap:15px}footer{align-items:flex-start;flex-direction:column;gap:10px;padding:23px 0}.footer-note>span{margin-left:12px}}
@media(max-width:350px){.page-shell{padding:0 18px}.domain{display:none}h1{font-size:33px}.terminal-body{padding:22px 18px}.terminal-command{font-size:10px}.footer-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cursor{animation:none}.contact-link{transition:none}}
