:root { --ink: #171a19; --muted: #68706d; --line: #dfe4e1; --paper: #f5f7f4; --lime: #d6f56c; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Manrope, -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; }
a { color: inherit; text-decoration: none; }
.site-header { display: flex; align-items: center; justify-content: space-between; max-width: 1180px; margin: auto; padding: 28px 6vw; }
.brand { font-size: 1.05rem; font-weight: 700; letter-spacing: -.08em; }
.brand span { color: #79a500; }
nav { display: flex; gap: 30px; color: var(--muted); font-size: .8rem; }
nav a:hover, .link-item:hover { color: #79a500; }
main { max-width: 1180px; margin: auto; padding: 8vh 6vw 12vh; }
.hero { min-height: 67vh; display: flex; flex-direction: column; justify-content: center; padding: 5vh 0; }
.eyebrow, .section-label, small { font-family: "DM Mono", monospace; letter-spacing: .09em; font-size: .68rem; }
.eyebrow { color: #79a500; margin: 0 0 28px; }
h1 { font-size: clamp(3.3rem, 8vw, 7.3rem); line-height: .99; letter-spacing: -.075em; font-weight: 600; margin: 0; max-width: 850px; }
h1 em { color: #79a500; font-style: normal; }
.hero-copy { max-width: 390px; line-height: 1.8; color: var(--muted); font-size: .95rem; margin: 37px 0 30px; }
.button { align-items: center; background: var(--ink); border-radius: 999px; color: white; display: inline-flex; gap: 24px; justify-content: space-between; padding: 15px 19px 15px 23px; width: 158px; font-size: .78rem; transition: transform .2s, background .2s; }
.button span { color: var(--lime); font-size: 1.1rem; }.button:hover { background: #79a500; transform: translateY(-2px); }
.about, .links { border-top: 1px solid var(--line); padding: 31px 0 100px; }.section-label { color: var(--muted); display: flex; gap: 20px; }.section-label span:first-child { color: #79a500; }
.about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; padding-top: 70px; }.about h2 { font-size: clamp(2.2rem, 4vw, 4.2rem); letter-spacing: -.07em; line-height: 1.05; font-weight: 500; margin: 0; }.about-text { color: var(--muted); line-height: 1.9; max-width: 350px; padding-top: 8px; }.about-text p { margin: 0 0 20px; }
.links { padding-bottom: 40px; }.link-list { border-top: 1px solid var(--line); margin-top: 38px; }.link-item { align-items: center; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; padding: 24px 4px; font-size: 1.35rem; transition: color .2s; }.link-item small { color: var(--muted); display: block; font-size: .59rem; margin-bottom: 8px; }.arrow { font-size: 1.5rem; color: #79a500; }
footer { border-top: 1px solid var(--line); color: var(--muted); display: flex; font-family: "DM Mono", monospace; font-size: .62rem; justify-content: space-between; letter-spacing: .05em; max-width: 1180px; margin: auto; padding: 22px 6vw 30px; }
@media (max-width: 650px) { .site-header { padding-top: 22px; } nav { gap: 16px; } main { padding-top: 2vh; } .hero { min-height: 73vh; } h1 { font-size: clamp(3rem, 15vw, 5rem); } .about-content { display: block; padding-top: 48px; }.about-text { padding-top: 32px; } .about, .links { padding-bottom: 75px; } }