:root{--bg:oklch(0.985 0.004 60);--fg:oklch(0.21 0.02 45);--muted:oklch(0.5 0.02 45);--sec:oklch(0.955 0.008 60);--border:oklch(0.9 0.012 60);--primary:oklch(0.42 0.13 30);--green:oklch(0.43 0.1 155);--greenfg:oklch(0.985 0.004 145);--card:#fff}
*{box-sizing:border-box;margin:0}body{font-family:"Hanken Grotesk",system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}
h1,h2,h3,.logo{font-family:"Instrument Sans",system-ui,sans-serif;font-weight:600;letter-spacing:-.02em}
.wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}a{color:inherit;text-decoration:none}
header,footer{border-color:var(--border);border-style:solid;border-width:0 0 1px}footer{border-width:1px 0 0;color:var(--muted);font-size:.875rem}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;padding-bottom:1.25rem}
.logo{font-size:1.25rem}.logo span,.p{color:var(--primary)}.lang{border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.lang:hover{border-color:var(--primary)}
main{flex:1}.hero{display:grid;gap:3rem;padding-top:5rem;padding-bottom:5rem}@media(min-width:768px){.hero{grid-template-columns:minmax(0,1fr) 20rem;padding-top:6rem}.areas{grid-template-columns:repeat(3,1fr)}h1{font-size:3.75rem!important}}
.eyebrow{font-size:.875rem;font-weight:500;color:var(--primary)}h1{font-size:2.25rem;line-height:1.05;margin-top:1.25rem}
.lead{font-size:1.25rem;margin-top:1.5rem;max-width:42rem}.m{color:var(--muted);margin-top:1.25rem;max-width:42rem}
.sticker{position:relative;transform:rotate(-2deg);border:2px solid var(--green);background:var(--card);border-radius:.5rem;padding:1.5rem 1.25rem 1.25rem;box-shadow:5px 5px 0 0 var(--green);transition:transform .2s}.sticker:hover{transform:none}
.tape{position:absolute;top:-.625rem;left:50%;width:5rem;height:1.25rem;transform:translateX(-50%) rotate(3deg);border-radius:3px;background:color-mix(in oklch,var(--green) 25%,transparent);outline:1px solid color-mix(in oklch,var(--green) 40%,transparent)}
.sticker b{display:block}.sticker small{display:block;color:var(--muted);font-size:.875rem;margin-top:.25rem}
.btn{display:inline-block;margin-top:1rem;background:var(--green);color:var(--greenfg);border-radius:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500}.btn:hover{opacity:.9}
.band{background:color-mix(in oklch,var(--sec) 40%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.band .wrap{padding-top:3.5rem;padding-bottom:3.5rem}
.band h2{font-size:.875rem;font-weight:500;color:var(--muted);font-family:inherit;letter-spacing:0}.areas{display:grid;gap:2rem;margin-top:2rem}.areas h3{font-size:1.125rem;margin-top:.75rem}.areas p{font-size:.875rem;color:var(--muted);margin-top:.5rem}
.why{padding-top:4rem;padding-bottom:4rem}.why h2{font-size:1.5rem}footer .wrap{padding-top:2rem;padding-bottom:2rem}