@font-face{font-family:Manrope;src:url("assets/Manrope.ttf") format("truetype");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eeeae1;color:#0e1e2b;font:16px/1.65 Manrope,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#8f5e00}a:focus-visible{outline:3px solid #8f5e00;outline-offset:5px}::selection{background:#f2b134;color:#0e1e2b}header,main,footer{max-width:1200px;margin:auto;padding:28px 5vw}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #a9b1b5}.brand{font-weight:800;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{min-height:44px;display:inline-flex;align-items:center}h1{font-size:clamp(36px,5.4vw,72px);line-height:1.05;letter-spacing:-.035em;max-width:13ch;text-wrap:balance}h2{font-size:clamp(25px,3vw,36px);line-height:1.2;margin:48px 0 16px;letter-spacing:-.025em}h3{font-size:22px;margin:0 0 10px}p{max-width:70ch}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero figure{margin:0}.hero img{display:block;width:100%;height:auto}.hero figcaption{font-size:12px;color:#485761;margin-top:8px}.intro{font-size:21px;line-height:1.5}.button{display:inline-block;background:#f2b134;color:#0e1e2b;border-radius:12px;padding:13px 22px;font-weight:800;text-decoration:none}.button:hover{background:#e8a52c;color:#0e1e2b}.fine{font-size:14px;color:#485761}.steps{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps li{border-top:1px solid #a9b1b5;padding-top:24px}.band{margin:48px 0;padding:28px;background:#0e1e2b;color:white}.band h2{margin-top:0}.band p{color:#e1e6e9}.read{max-width:850px}.read h1{max-width:none;font-size:clamp(34px,5vw,54px)}footer{border-top:1px solid #a9b1b5;font-size:14px;margin-top:32px}footer nav{margin-bottom:20px}.contact{overflow-wrap:anywhere}@media(max-width:720px){.hero{grid-template-columns:1fr;gap:20px}.hero figure{max-width:440px;margin:auto}.steps{grid-template-columns:1fr;gap:20px}header,main,footer{padding:22px}h1{margin:20px 0}.intro{font-size:19px}.band{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}