:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#20261f;background:#f6f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main,footer{max-width:1280px;margin:auto;padding:32px 48px}header,footer{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:36px;font-weight:800;letter-spacing:-2px;text-decoration:none;white-space:nowrap}.brand span{display:inline-block;width:8px;height:8px;background:#ed6336;margin-left:3px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:16px 22px;border:1px solid #cbd5bf;border-radius:9px;text-decoration:none;font-weight:600;font-size:14px;background:white}.primary{background:#e2ecd6;color:#34492a;border-color:#adbf99}.button:hover{background:#d8e5cb}a:focus-visible{outline:3px solid #869974;outline-offset:5px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;padding:48px 0 80px}.hero img{width:100%;height:auto;border-radius:20px;box-shadow:0 16px 48px #28341f10}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;line-height:1.6;color:#65715b}h1{font-size:clamp(40px,4.4vw,64px);line-height:1.08;font-weight:500;letter-spacing:-2.4px;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400}p{font-size:16px;color:#65715b;line-height:1.8}.intro{max-width:530px;margin:24px 0}.fine{font-size:12px;max-width:340px}h2{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.25}h3{font-size:19px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0 70px}.grid article{padding:30px;background:white;border:1px solid #d8decf;border-radius:14px}.number{color:#80936f;font-size:13px}.grid p{font-size:14px}.details{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #d8decf;padding:32px 0}.details p{font-size:14px}.closing{background:#e8ecdf;border-radius:20px;text-align:center;padding:45px 24px;margin:45px 0 24px}footer{border-top:1px solid #d8decf;font-size:13px}footer .brand{font-size:28px}footer p{font-size:13px}@media(max-width:800px){header,main,footer{padding:24px}.hero{grid-template-columns:1fr;padding:24px 0 48px;gap:28px}.hero img{max-width:620px}.grid,.details{grid-template-columns:1fr}.grid{margin-bottom:40px}.details{gap:24px}header .button{padding:12px;font-size:12px}.brand{font-size:30px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){.button{transition:background .15s}}

.hero img{max-height:510px;object-fit:contain;background:#e5ead9}header .button{white-space:nowrap}@media(max-width:480px){header{gap:12px}.hero img{max-height:360px}}
.dev-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:14px}.dev-nav a{text-decoration:none;color:#34492a}.dev-nav .button{padding:10px 16px}.dev-hero{padding-bottom:48px}.dev-url{margin:20px 0 8px}.dev-url code{display:block;padding:16px 20px;background:#20261f;color:#f3f4ee;border-radius:12px;font-size:18px;word-break:break-all}.dev-card{background:#fff;border:1px solid #dedfd5;border-radius:20px;padding:28px}.dev-card ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:14px}.dev-card li{font-size:15px;line-height:1.6;color:#4c5346}.dev-card code,.dev code{font-size:13px;background:#eef0e8;padding:2px 6px;border-radius:6px}.dev pre{background:#20261f;color:#f3f4ee;padding:16px 18px;border-radius:12px;overflow:auto;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.dev,.dev section{min-width:0;max-width:100%}.dev-table{display:block;overflow-x:auto}.dev pre code{background:none;color:inherit;padding:0;font-size:inherit}.dev-grid article{background:#fff;border:1px solid #dedfd5;border-radius:16px;padding:22px}.dev-grid h3{margin:0 0 8px}.dev-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.dev-table th,.dev-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e3e5dc;vertical-align:top}.dev-table th{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#65715b}.dev-cta{text-align:center;padding:48px 0}.dev-cta p{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.dev-cta .fine{max-width:none}
@media(max-width:800px){.dev-nav{display:none}.dev-url code{font-size:15px}}