@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');
:root{--ink:#14231c;--cream:#f6f3e9;--lime:#c9f04a;--green:#246447;--line:rgba(20,35,28,.14)}
*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 88% 12%,rgba(201,240,74,.22),transparent 28%),var(--cream)}
.nav,main,footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:700 22px 'Manrope',sans-serif;letter-spacing:-.04em}.mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--ink);color:var(--lime);font-size:18px}.status{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--green)}.status i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(201,240,74,.2)}
main{flex:1}.hero{padding:13vh 0 11vh;max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:600;color:var(--green);margin:0 0 28px}.hero h1{font:600 clamp(54px,8vw,104px)/.98 'Manrope',sans-serif;letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;color:var(--green)}.intro{max-width:630px;font-size:clamp(18px,2vw,22px);line-height:1.6;color:#526057;margin:38px 0 34px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips span{border:1px solid var(--line);padding:9px 14px;border-radius:99px;font-size:13px;background:rgba(255,255,255,.35)}
.note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;display:flex;gap:22px;align-items:center}.spark{background:var(--lime);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:none}.note h2{font:600 18px 'Manrope',sans-serif;margin:0 0 6px}.note p{margin:0;color:#657168;line-height:1.5}footer{padding:30px 0 42px;display:flex;justify-content:space-between;font-size:12px;color:#748078}
@media(max-width:600px){.nav,main,footer{width:min(100% - 30px,1120px)}.nav{height:78px}.hero{padding:12vh 0 9vh}.status{font-size:0}.status i{display:block}.intro{margin-top:28px}.note{align-items:flex-start}.spark{width:42px;height:42px}footer{padding-bottom:26px}}
@media(prefers-reduced-motion:no-preference){.hero{animation:rise .7s ease-out both}.note{animation:rise .7s .15s ease-out both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}