:root{--bg: #ffffff;--text: #2d2d2d;--muted: #757575;--accent: #3d6b52;--font: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.page{max-width:1200px;margin:0 auto;padding:2rem clamp(1.25rem,4vw,3rem) 4rem}.nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:2.5rem}.nav-brand{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.nav-links ul{display:flex;gap:clamp(1.5rem,4vw,2.75rem);list-style:none;margin:0;padding:0}.nav-links a{font-size:.95rem;font-weight:500;color:var(--text);text-decoration:none;padding-bottom:.2rem;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav-links a:hover{color:var(--muted)}.nav-links a.is-active{border-bottom-color:var(--text)}.hero{padding-bottom:3.5rem}.hero-grid{display:grid;grid-template-columns:1fr minmax(260px,38%);gap:clamp(2rem,5vw,4rem);align-items:center}.hero-kicker{margin:0 0 1.25rem;font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero-title{margin:0 0 1.25rem;font-size:clamp(2rem,4.2vw,2.85rem);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--text)}.hero-body{margin:0 0 2rem;max-width:34rem;font-size:1rem;color:var(--muted);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.btn-pill{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.6rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:filter .2s,transform .2s}.btn-pill:hover{filter:brightness(1.05);transform:translateY(-1px)}.hero-visual{justify-self:end;width:100%;max-width:380px}.hero-photo{display:block;width:100%;height:auto;border-radius:1.5rem;object-fit:cover;aspect-ratio:3 / 4;box-shadow:0 24px 48px #2d2d2d14}.previously{text-align:center;padding-top:1rem;border-top:1px solid rgba(45,45,45,.06)}.previously-label{margin:0 0 1.5rem;font-size:.75rem;font-weight:500;color:var(--muted);letter-spacing:.06em}.previously-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.5rem 3rem}.prev-logo{display:inline-flex;align-items:center;color:var(--text)}.prev-wordmark{font-weight:600;font-size:1.05rem;letter-spacing:-.02em}.kompas-o{position:relative;display:inline-block}.kompas-o:after{content:"";position:absolute;left:50%;top:55%;width:.55em;height:.55em;border:2px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box}@media(max-width:880px){.hero-grid{grid-template-columns:1fr}.hero-visual{justify-self:center;max-width:320px;order:-1}}@media(max-width:520px){.nav{flex-direction:column;align-items:flex-start}.nav-links ul{width:100%;justify-content:flex-start}}