:root{--ink:#153733;--muted:#435f58;--paper:#f6f7f0;--line:#cddbd2;--white:#fffefa}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}.shell{max-width:1200px;margin:auto;padding-inline:clamp(18px,5vw,64px)}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:22px}.topbar nav,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar nav>a:first-child{margin-right:10px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font:31px Georgia}.brand small{display:block;font:700 9px system-ui;letter-spacing:.16em;margin-top:2px}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(26px,6vw,78px);align-items:center;padding-block:clamp(35px,8vw,100px)}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.15em;color:#256758}.hero h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;margin:0}.hero h1{font-size:clamp(46px,6.9vw,92px);letter-spacing:-.06em}.intro{font-size:clamp(1rem,2vw,1.23rem);max-width:45ch;color:var(--muted);margin:22px 0}.button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;border-radius:8px;font-weight:700;text-decoration:none}.primary{background:#18584e;color:white;border:1px solid #18584e}.outline{border:1px solid #93aea1}.button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #23796f;outline-offset:4px}.quiet{color:var(--muted);font-size:.9rem}
.example{margin:0;padding:clamp(18px,4vw,38px);border-radius:24px;background:radial-gradient(ellipse at 100% 100%,#34796d,transparent 75%),#153c3b;color:#fffefa;box-shadow:0 18px 35px #153c3b19}.example figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;color:#c8eadf;font-size:.73rem;font-weight:700;letter-spacing:.08em}.chip{border:1px solid #9ecdc0;border-radius:99px;padding:2px 8px;letter-spacing:0}.example h2{font-size:clamp(30px,4vw,51px);margin:18px 0}.example dl{margin:0}.example dl div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff48;padding:8px 0}.example dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.example dd span{color:#a9e3d3}.example p{margin:14px 0 0;color:#e0efe9;font-size:.92rem}
.steps,.closing{padding-block:38px}.steps h2,.closing h2{font-size:clamp(32px,4.5vw,54px);letter-spacing:-.03em}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.step-grid article{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px}.step-grid span{font-size:.78rem;color:#256758;font-weight:750}.step-grid h3{font-size:1.5rem;margin-top:8px}.step-grid p,.closing p{color:var(--muted);margin-bottom:0}.closing{display:flex;align-items:center;justify-content:space-between;gap:22px}.closing p{max-width:60ch}footer{display:flex;justify-content:space-between;gap:15px;padding-block:26px;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}
@media(max-width:760px){.hero,.step-grid{grid-template-columns:1fr}.topbar nav>a:first-child{display:none}.closing{align-items:flex-start;flex-direction:column}.hero h1 br{display:none}.steps,.closing{padding-block:24px}}

@media(max-width:760px){
  .hero h1{font-size:clamp(36px,8vw,58px);line-height:1.15;letter-spacing:-.025em}
  .hero h1 br{display:initial}
}