:root{color-scheme:dark;--background:#090b0a;--surface:#0e1210;--surface-raised:#121713;--text:#e8ede9;--muted:#98a29a;--faint:#7f8a81;--accent:#62e68a;--line:#283129;--line-strong:#39443b;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:var(--background);min-width:320px;min-height:100svh;color:var(--text);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;margin:0}::selection{background:var(--accent);color:var(--background)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}.skip-link{z-index:10;border:1px solid var(--accent);background:var(--surface-raised);color:var(--text);font-family:var(--font-mono);padding:10px 14px;font-size:.8125rem;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{place-items:center;min-height:100svh;padding:clamp(18px,4vw,48px);display:grid}.terminal{border:1px solid var(--line-strong);background:var(--surface);border-radius:18px;width:min(1080px,100%);overflow:hidden}.session-bar{border-bottom:1px solid var(--line);min-height:58px;color:var(--muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:24px;padding:12px clamp(18px,3vw,30px);font-size:.8125rem;display:flex}.site-name{min-height:44px;color:var(--text);letter-spacing:-.02em;align-items:center;font-weight:650;display:inline-flex}.site-name:before{content:">";color:var(--accent);margin-right:.5ch}.language-switch{align-items:center;gap:9px;min-height:44px;display:flex}.language-switch a{min-width:34px;min-height:44px;color:var(--faint);place-items:center;font-weight:650;display:grid}.language-switch a:hover,.language-switch a[aria-current=page]{color:var(--accent)}.terminal-body{padding:clamp(30px,6vw,72px)}.prompt,.role-line,.focus-index,.contact-links,.terminal-footer,.status-code,.error-line,.home-link{font-family:var(--font-mono)}.prompt{color:var(--accent);margin:0 0 20px;font-size:clamp(.78rem,1.4vw,.9rem);line-height:1.5}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-.075em;max-width:900px;margin-bottom:22px;font-size:clamp(3rem,8.5vw,6.9rem);font-weight:650;line-height:.94}.role-line{border:1px solid var(--line);background:var(--background);width:100%;max-width:680px;min-height:44px;color:var(--accent);letter-spacing:0;border-radius:7px;align-items:center;gap:0;margin-bottom:24px;padding:10px 12px;font-size:clamp(.82rem,3.8vw,1.35rem);font-weight:600;display:flex}.role-prompt{color:var(--muted);flex:none;margin-right:1ch}.role-text{white-space:nowrap;width:0;animation:type-role 3.2s steps(var(--role-characters), end) .35s both;display:inline-block;overflow:hidden}.cursor{background:var(--accent);flex:none;width:.72ch;height:.12em;margin-top:.82em;animation:.8s step-end infinite blink-cursor}@keyframes type-role{0%{width:0}to{width:var(--role-width)}}@keyframes blink-cursor{0%,45%{opacity:1}46%,to{opacity:0}}.intro{max-width:680px;color:var(--muted);letter-spacing:-.025em;margin-bottom:0;font-size:clamp(1.1rem,2.4vw,1.45rem);line-height:1.55}.section-block{border-top:1px solid var(--line);margin-top:clamp(46px,8vw,88px);padding-top:clamp(32px,5vw,54px)}.section-block h2{letter-spacing:-.045em;margin-bottom:28px;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:620}.focus-grid{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.focus-grid li{background:var(--surface-raised);min-width:0;padding:clamp(22px,3vw,30px)}.focus-grid li+li{border-left:1px solid var(--line)}.focus-index{color:var(--accent);margin-bottom:34px;font-size:.75rem;display:block}.focus-grid h3{letter-spacing:-.02em;margin-bottom:12px;font-size:1rem;font-weight:700}.focus-grid p{color:var(--muted);margin-bottom:0;font-size:.95rem;line-height:1.6}.contact{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;display:grid}.contact h2{margin-bottom:14px}.contact>div>p:last-child{max-width:500px;color:var(--muted);margin-bottom:0;line-height:1.6}.contact-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:0;padding:0;list-style:none;display:flex}.contact-links a,.home-link{border:1px solid var(--line-strong);min-height:46px;color:var(--text);background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:22px;padding:12px 15px;font-size:.82rem;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.contact-links a:hover,.home-link:hover{border-color:var(--accent);color:var(--accent);background:#62e68a0d}.terminal-footer{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;gap:24px;padding:18px clamp(18px,3vw,30px);font-size:.72rem;display:flex}.status-code{color:var(--accent)}.terminal-404{max-width:820px}.terminal-404 .terminal-body{padding-block:clamp(48px,9vw,96px)}.terminal-404 .error-line{color:var(--muted);margin-bottom:46px;font-size:.9rem}.terminal-404 h1{max-width:700px;font-size:clamp(2.8rem,8vw,6rem)}.home-link{margin-top:32px}@media (width<=800px){.page-shell{padding:12px;display:block}.terminal{border-radius:12px;min-height:calc(100svh - 24px)}.terminal-body{padding-inline:clamp(20px,7vw,42px)}h1{letter-spacing:-.065em}.focus-grid{grid-template-columns:1fr}.focus-grid li+li{border-top:1px solid var(--line);border-left:0}.focus-index{margin-bottom:22px}.contact{grid-template-columns:1fr;align-items:start;gap:28px}.contact-links{justify-content:flex-start}}@media (width>=801px) and (width<=1000px){.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-grid li:nth-child(3){border-top:1px solid var(--line);border-left:0}.focus-grid li:nth-child(4){border-top:1px solid var(--line)}}@media (width<=480px){.session-bar{gap:12px}.site-name{font-size:.75rem}.terminal-body{padding-inline:20px}.contact-links{grid-template-columns:1fr;width:100%;display:grid}.contact-links a{width:100%}.terminal-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.role-text{width:auto;animation:none}.cursor{opacity:1;animation:none}}
