:root { --bg:#0d1117; --panel:#161b22; --line:#30363d; --text:#e6edf3; --mute:#8b949e; --acc:#7ee787; --acc2:#a371f7; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.65 "Segoe UI", system-ui, sans-serif; color:var(--text); background:var(--bg); }
.mono, nav b, pre { font-family:"Cascadia Code", Consolas, ui-monospace, monospace; }
a { color:var(--acc); }
a:focus-visible { outline:2px solid var(--acc2); outline-offset:3px; }
.wrap { max-width:1100px; margin:0 auto; padding:0 24px; }

nav { display:flex; justify-content:space-between; align-items:center; padding:24px 0; border-bottom:1px solid var(--line); }
nav b a { color:var(--text); text-decoration:none; }
nav b::before { content:"> "; color:var(--acc); }
nav div a { margin-left:24px; color:var(--mute); text-decoration:none; }
nav div a:hover { color:var(--text); }

.hero { display:grid; grid-template-columns:1.3fr 1fr; gap:56px; align-items:center; padding:80px 0; }
.kicker { color:var(--acc); margin-bottom:16px; }
.status { display:inline-flex; align-items:center; gap:10px; font-size:13px; color:var(--text); border:1px solid var(--line); background:var(--panel); border-radius:99px; padding:6px 14px; margin-bottom:24px; }
.dot { width:8px; height:8px; border-radius:50%; background:var(--acc); flex:none; }
.hero h1 { font-size:clamp(34px,5vw,56px); line-height:1.1; margin:0 0 24px; }
.hero h1 em { font-style:normal; background:linear-gradient(90deg,var(--acc),var(--acc2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero p { color:var(--mute); font-size:18px; margin:0 0 32px; }
.btn { display:inline-block; border:1px solid var(--acc); color:var(--acc); padding:12px 24px; border-radius:6px; text-decoration:none; }
.btn:hover { background:var(--acc); color:var(--bg); }

.photo { border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--panel); }
.photo .bar { padding:8px 12px; border-bottom:1px solid var(--line); color:var(--mute); font-size:13px; }
.photo .bar::before { content:"● ● ●  "; color:#484f58; }
.photo .clip { overflow:hidden; }
.photo img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; object-position:50% 14%; transform:scale(1.7); transform-origin:50% 14%; filter:grayscale(.3) contrast(1.05); }

.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding-bottom:72px; }
.facts div { border-left:2px solid var(--acc); padding-left:16px; }
.facts b { display:block; font-size:28px; }
.facts span { color:var(--mute); font-size:14px; }

section { padding:72px 0; border-top:1px solid var(--line); }
h2 { font-size:14px; letter-spacing:3px; text-transform:uppercase; color:var(--acc); margin:0 0 32px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:24px; }
.card h3 { margin:0 0 8px; font-size:18px; }
.card p { margin:0; color:var(--mute); }

pre { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:24px; overflow-x:auto; margin:0; font-size:15px; }
.k { color:#ff7b72; } .s { color:#a5d6ff; } .t { color:var(--acc2); } .c { color:var(--mute); }

.timeline { list-style:none; margin:0; padding:0; border-left:1px solid var(--line); }
.timeline li { position:relative; padding:0 0 36px 28px; }
.timeline li::before { content:""; position:absolute; left:-6px; top:6px; width:11px; height:11px; border-radius:50%; background:var(--bg); border:2px solid var(--acc); }
.timeline .now::before { background:var(--acc); }
.timeline .when { color:var(--acc); font-size:14px; }
.timeline h3 { margin:4px 0 4px; font-size:18px; }
.timeline .where { color:var(--mute); font-size:14px; margin:0 0 8px; }
.timeline p { margin:0 0 10px; color:var(--mute); }
.tags { display:flex; flex-wrap:wrap; gap:6px; }
.tags span { font-size:12px; border:1px solid var(--line); border-radius:99px; padding:2px 10px; color:var(--text); }

footer { padding:72px 0; border-top:1px solid var(--line); }
footer .big { font-size:clamp(24px,4vw,40px); margin:0 0 16px; }
footer small, footer small a { color:var(--mute); }

.legal { max-width:760px; padding:56px 0 80px; }
.legal h1 { font-size:36px; margin:0 0 32px; }
.legal h2 { margin:40px 0 12px; }
.legal p, .legal li { color:var(--mute); }
.legal strong { color:var(--text); }

@media (max-width:760px) {
  .hero { grid-template-columns:1fr; padding:48px 0; }
  .photo { max-width:340px; }
  .facts { grid-template-columns:1fr; }
  nav div a { display:none; }
}
@media (prefers-reduced-motion:no-preference) {
  html { scroll-behavior:smooth; }
  .dot, .timeline .now::before { animation:pulse 2s ease-out infinite; }
}
@keyframes pulse { 0% { box-shadow:0 0 0 0 rgba(126,231,135,.6); } 100% { box-shadow:0 0 0 8px rgba(126,231,135,0); } }