@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap');
:root{--bg:#f5f5f5;--ink:#000;--muted:#666;--accent:#4FB891;--border:#000;--on-accent:#fff;--fh:'Space Grotesk',system-ui,sans-serif;}
*,*::before,*::after{box-sizing:border-box;} html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);font-family:var(--fh);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}
a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
a:hover{color:var(--accent);}
.top{padding:20px clamp(20px,3vw,32px);display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid var(--ink);}
.brand{font-family:var(--fh);font-weight:700;color:var(--ink);font-size:1.1rem;letter-spacing:-0.02em;text-transform:uppercase;text-decoration:none;}
.brand:hover{color:var(--ink);}
.top>div{display:flex;gap:22px;} .top>div a{color:var(--ink);font-size:.78rem;letter-spacing:.2em;text-decoration:none;font-weight:700;}
.top>div a:hover{color:var(--accent);}
.doc{flex:1;max-width:960px;width:100%;margin:0 auto;padding:clamp(32px,5vw,56px) clamp(20px,3vw,32px);}
.doc header{display:flex;align-items:center;gap:20px;margin-bottom:40px;animation:rise .7s ease .1s backwards;}
.bar{display:block;width:80px;height:4px;background:var(--ink);}
.doc header h1{font-family:var(--fh);font-weight:700;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;letter-spacing:-0.04em;margin:0;color:var(--ink);text-transform:uppercase;flex:1;}
.dates{font-family:var(--fh);font-size:.82rem;letter-spacing:.2em;color:var(--muted);font-weight:700;}
.grid{display:grid;grid-template-columns:80px 1fr;}
.k{padding:28px 20px 28px 0;font-family:var(--fh);font-weight:700;font-size:1rem;color:var(--ink);border-top:1px solid var(--ink);letter-spacing:.06em;}
.v{padding:28px 0 28px 24px;border-top:1px solid var(--ink);border-left:1px solid var(--ink);}
.grid > div:nth-child(2){border-top:3px solid var(--ink);}
.grid > div:nth-child(1){border-top:3px solid var(--ink);}
.grid > div:last-child,.grid > div:nth-last-child(2){border-bottom:3px solid var(--ink);}
.k--inv{background:var(--ink);color:var(--bg);padding-left:20px;border-top-color:var(--ink);}
.v--inv{background:var(--ink);color:var(--bg);border-top-color:var(--ink);}
.v--inv a{color:var(--bg);}
.v h2{font-family:var(--fh);font-weight:700;font-size:1.2rem;letter-spacing:-0.01em;margin:0 0 8px;text-transform:uppercase;}
.v p{margin:0;color:var(--ink);font-size:.95rem;line-height:1.55;}
.v--inv h2,.v--inv p{color:var(--bg);}
.v p strong{font-weight:700;color:inherit;}
.bot{padding:12px clamp(20px,3vw,32px);border-top:3px solid var(--ink);display:flex;justify-content:center;font-family:var(--fh);font-size:.74rem;letter-spacing:.2em;color:var(--ink);font-weight:700;text-transform:uppercase;}
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media (max-width:600px){.grid{grid-template-columns:60px 1fr;}.k{padding:20px 12px 20px 0;font-size:.9rem;}.v{padding:20px 0 20px 16px;}}
::selection{background:var(--ink);color:var(--bg);}