*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf1ee;color:#15342f;font:18px/1.6 system-ui}header,main,footer{max-width:1120px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:30px;font-weight:800;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:500}a{color:inherit;text-underline-offset:5px}section{padding:55px 0;border-bottom:1px solid #b4c2b8}.hero{padding-top:40px}h1{font-size:clamp(55px,8vw,96px);line-height:1.02;letter-spacing:-.04em;margin:0 0 30px}h2{font-size:clamp(35px,5vw,55px);line-height:1.08;letter-spacing:-.03em}h3{font-size:30px;line-height:1.2}p{max-width:65ch}.hero>p:first-of-type{font-size:24px;max-width:48ch}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0}.button,button{background:#15342f;color:#fff;border:0;border-radius:10px;min-height:54px;padding:14px 22px;font:inherit;cursor:pointer}.button{text-decoration:none}.small,footer{font-size:14px}.tabs{display:flex;gap:10px;overflow-x:auto;padding:8px 0 20px}.tabs button{white-space:nowrap;background:transparent;color:#15342f;border:1px solid #899f91}.tabs button[aria-pressed=true]{background:#15342f;color:white}.role{background:#dce8a8;padding:32px;border-radius:16px;min-height:340px}.role h3{max-width:28ch}.nav{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:18px}.nav button{background:transparent;color:#15342f;font-size:25px}.flow{display:flex;gap:35px}.flow p{flex:1}.flow b{display:block;font-size:30px}.flow span{display:block;font-size:16px}.offers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.offers a{display:block;border-top:3px solid #15342f;padding:24px 0;text-decoration:none}.offers strong{font-size:25px;display:block}.offers span{display:block;margin-top:12px;font-size:16px}summary{cursor:pointer;min-height:50px;padding:12px 0;font-weight:650}details{border-top:1px solid #a0b19d}details p{font-size:16px}blockquote{margin:20px 0;font-weight:650}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #285fa3;outline-offset:4px}@media(max-width:650px){header,main,footer{padding:18px}.hero>p:first-of-type{font-size:20px}section{padding:35px 0}.role{padding:23px}.offers,.flow{display:block}.flow p{border-bottom:1px solid #aaa;padding-bottom:18px}h1{font-size:58px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}