:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b24;background:#f4f5ed;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}
.wrap{width:min(1100px,100% - 64px);margin-inline:auto}header{padding-block:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d7ded1}
.brand{font-size:clamp(1rem,2vw,1.3rem);font-weight:700;letter-spacing:-.035em;overflow-wrap:anywhere}
.badge{white-space:nowrap;border:1px solid #bdcbb9;border-radius:99px;padding:9px 13px;font-size:.72rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase}
main{flex:1;display:flex;align-items:center;padding-block:90px}.content{max-width:850px}
.eyebrow{display:flex;gap:10px;align-items:center;font-size:.78rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#506454}
.dot{height:8px;width:8px;border-radius:50%;background:#47794b;flex:none}
h1{font-size:clamp(2.9rem,7.5vw,6.5rem);font-weight:550;line-height:1.04;letter-spacing:-.065em;margin:27px 0 30px;max-width:12ch}
.description{max-width:43ch;font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.65;color:#506055;margin:0}
.note{display:inline-block;margin-top:34px;font-size:.86rem;color:#56655a;border-left:2px solid #b9c6b0;padding-left:14px;line-height:1.6}
a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:2px solid #47794b;outline-offset:5px}
footer{padding-block:25px;border-top:1px solid #d7ded1;font-size:.78rem;color:#647366;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}header{padding-block:24px;gap:12px}.badge{padding:7px 9px;font-size:.63rem}main{padding-block:68px}h1{max-width:11ch}footer{padding-block:22px}}