:root { color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,sans-serif; --ink:#eef2ef; --muted:#9aa7a3; --lime:#b7d458; --line:#33413e; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; display:grid; grid-template-rows:auto 1fr auto; color:var(--ink); background:linear-gradient(120deg,rgba(183,212,88,.07),transparent 35%),#101820; }
header,footer { display:flex; align-items:center; justify-content:space-between; padding:clamp(1.2rem,3vw,2rem) clamp(1.2rem,6vw,5rem); color:var(--muted); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
header { border-bottom:1px solid var(--line); } footer { border-top:1px solid var(--line); }
header a { color:white; text-decoration:none; font-size:1.35rem; font-weight:900; letter-spacing:-.04em; } header a span { color:var(--lime); }
main { align-self:center; width:min(1120px,100%); margin:auto; padding:clamp(3rem,8vw,7rem) clamp(1.2rem,6vw,5rem); }
.eyebrow { margin:0 0 1.4rem; color:var(--lime); font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(4rem,15vw,10rem); line-height:.72; letter-spacing:-.075em; font-weight:780; } h1 em { color:transparent; -webkit-text-stroke:1px #87928f; font-style:normal; }
.grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,8vw,8rem); margin-top:clamp(4rem,9vw,7rem); align-items:start; }
.lead { margin:0; max-width:590px; font-size:clamp(1.25rem,3vw,2rem); line-height:1.35; letter-spacing:-.02em; }
aside { display:grid; grid-template-columns:auto 1fr; gap:1rem; padding-top:.5rem; border-top:1px solid var(--line); color:var(--muted); line-height:1.65; } aside span { color:var(--lime); font-weight:800; } aside p { margin:0; }
@media(max-width:700px){.grid{grid-template-columns:1fr}.eyebrow{line-height:1.5}footer{align-items:flex-start;gap:1rem;flex-direction:column}h1{line-height:.8}}