:root{--bg: #fbfbfd;--bg-alt: #f1f3f7;--surface: #ffffff;--text: #1a2333;--text-muted: #5a6577;--accent: #0f6f6a;--accent-soft: #e2f1f0;--border: #e3e7ee;--max-w: 68rem}@media(prefers-color-scheme:dark){:root{--bg: #0e1420;--bg-alt: #131b2a;--surface: #182338;--text: #e8ecf3;--text-muted: #9aa7ba;--accent: #4ecdc4;--accent-soft: #14343c;--border: #263349}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;max-width:var(--max-w);margin:0 auto}.nav .brand{font-weight:700;color:var(--text);letter-spacing:-.01em}.nav ul{display:flex;gap:1.4rem;list-style:none;align-items:center}.nav ul a{color:var(--text-muted);font-size:.95rem}.nav ul a:hover{color:var(--accent);text-decoration:none}.lang-switch{font-size:.85rem;border:1px solid var(--border);border-radius:999px;padding:.25rem .8rem}.hero{padding:5.5rem 0 4rem}.hero .kicker{color:var(--accent);font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem}.hero h1{font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:1.2rem;max-width:46rem}.hero p.lead{font-size:1.2rem;color:var(--text-muted);max-width:40rem;margin-bottom:2rem}.cta-row{display:flex;gap:.9rem;flex-wrap:wrap}.btn{display:inline-block;padding:.7rem 1.4rem;border-radius:8px;font-weight:600;font-size:.98rem}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{text-decoration:none;filter:brightness(1.1)}.btn-ghost{border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.metrics{background:var(--bg-alt);border-block:1px solid var(--border);padding:2.5rem 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.5rem;text-align:center}.metric .value{font-size:2rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}.metric .label{color:var(--text-muted);font-size:.92rem;margin-top:.2rem}section{padding:4rem 0}section h2{font-size:1.7rem;letter-spacing:-.01em;margin-bottom:.6rem}section .section-sub{color:var(--text-muted);max-width:40rem;margin-bottom:2.2rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.card .icon{font-size:1.6rem;margin-bottom:.7rem}.card h3{font-size:1.08rem;margin-bottom:.5rem}.card p{color:var(--text-muted);font-size:.95rem}.timeline{list-style:none;border-left:2px solid var(--border);padding-left:1.6rem;display:grid;gap:1.8rem}.timeline li{position:relative}.timeline li:before{content:"";position:absolute;left:-2.05rem;top:.45rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--accent)}.timeline .role{font-weight:700}.timeline .org{color:var(--accent)}.timeline .dates{color:var(--text-muted);font-size:.88rem}.timeline p{color:var(--text-muted);font-size:.95rem;margin-top:.3rem;max-width:44rem}.chips{display:flex;flex-wrap:wrap;gap:.6rem}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.35rem .95rem;font-size:.88rem;font-weight:600}.contact-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2.5rem;text-align:center}.contact-box h2{margin-bottom:.4rem}.contact-box p{color:var(--text-muted);margin-bottom:1.6rem}footer{border-top:1px solid var(--border);padding:1.6rem 0;color:var(--text-muted);font-size:.88rem}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-width:640px){.nav ul{gap:.9rem}.nav ul li.hide-mobile{display:none}}
