@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
:root{--carbon:#171717;--concrete:#D8D5CD;--acid:#E6FF00;--paper:#F4F2EC;--muted:#8b8b84}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--carbon);font-family:Inter,Arial,sans-serif}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;background:rgba(244,242,236,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,23,23,.12)}
.brand{font-weight:600;letter-spacing:.12em;text-decoration:none;color:inherit}.brand span{color:#9cad00}.site-header nav{display:flex;gap:28px}.site-header nav a,.text-link{color:inherit;text-decoration:none;font-size:.9rem}
.hero{min-height:78vh;padding:12vh 7vw 8vh;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:600;text-transform:uppercase}
h1{font-size:clamp(3rem,7vw,7.2rem);line-height:.95;letter-spacing:-.06em;margin:20px 0 28px;max-width:1200px}h1 em{font-style:normal;color:#7e8d00}
h2{font-size:clamp(2.2rem,4.5vw,5rem);line-height:1;letter-spacing:-.05em;margin:18px 0 48px}.lead{font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.5;max-width:780px;color:#4c4c48}
.actions{display:flex;gap:28px;align-items:center;margin-top:32px}.btn{display:inline-block;background:var(--acid);color:var(--carbon);padding:16px 22px;text-decoration:none;font-weight:600;border:1px solid var(--carbon)}.btn-small{padding:11px 15px;font-size:.82rem}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:45px 7vw;border-top:1px solid #bbb8b0}.metrics div{display:flex;flex-direction:column;gap:8px}.metrics strong{font-size:2rem}.metrics span{color:#666}
.section{padding:10vh 7vw}.dark{background:var(--carbon);color:var(--paper)}.grid{display:grid;gap:1px;background:rgba(128,128,128,.25)}.grid article{padding:30px;background:inherit}.dark .grid article{background:var(--carbon)}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}article span{color:#aebe00;font-size:.8rem}article h3{font-size:1.45rem}.method article{background:var(--paper)}.method strong{font-size:1.25rem}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.split p{font-size:1.2rem;line-height:1.7}.contact{text-align:center;padding-top:14vh;padding-bottom:14vh}.contact h2{max-width:900px;margin:20px auto 28px}.contact p{margin-bottom:32px}
.footer{background:var(--carbon);color:var(--paper);padding:45px 7vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;font-size:.85rem}.footer span{color:#aaa}
@media(max-width:850px){.site-header nav{display:none}.four,.three,.metrics,.split,.footer{grid-template-columns:1fr}.hero{padding-top:10vh}.actions{align-items:flex-start;flex-direction:column}h1{font-size:clamp(3rem,15vw,5rem)}}
