@font-face{font-family:Heebo;src:url('./assets/Heebo_400Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Heebo;src:url('./assets/Heebo_700Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Heebo;src:url('./assets/Heebo_900Black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{font-family:Heebo,Arial,sans-serif;color:#513b43;background:#fff7f2;font-synthesis:none;--muted:#795b64;--coral:#9f4e4c;--line:#e6bfc2;--rose:#f8e4e5;--peach:#f4b393;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--coral);outline-offset:6px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}p{line-height:1.8}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:16px;z-index:10;background:#513b43;color:#fff7f2;padding:12px 20px;border-radius:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.topbar{max-width:1200px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:25px;line-height:1.2}.brand img{width:48px;height:48px;border-radius:14px}.brand small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:6px}.header-links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.header-links a{padding-block:10px}.header-links a:hover,.footer-links a:hover{color:var(--coral);text-decoration:underline;text-underline-offset:5px}
main{max-width:1200px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:70px;padding:58px 0 76px}.eyebrow{color:var(--coral);font-weight:700;font-size:14px}.hero h1{font-size:clamp(56px,6.5vw,84px);font-weight:900;line-height:1.09;letter-spacing:-.045em;margin:18px 0 24px}.hero h1 span{color:var(--coral)}.intro{font-size:19px;color:var(--muted);margin-bottom:28px}.download{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:#513b43;color:#fff7f2;border-radius:16px;padding:18px 24px;min-height:62px;font-size:17px;font-weight:700;transition:background .15s,transform .15s;white-space:nowrap}.download:hover{background:#6d4855;transform:translateY(-2px)}.download-arrow{display:grid;place-items:center;width:27px;height:27px;font-size:26px;line-height:1}.download-note{font-size:13px;color:var(--muted);margin-top:12px}.hero-visual{max-width:460px;justify-self:center;align-self:center;padding-top:20px}.hero-icon{border-radius:26%;box-shadow:0 24px 60px -28px #9f4e4c50}.hero-visual figcaption{text-align:center;margin-top:28px;line-height:1.7;font-size:17px;color:var(--muted)}.hero-visual strong{color:#513b43;font-weight:700}
.how-to{border-top:1px solid var(--line);padding:55px 0 62px;scroll-margin-top:25px}.section-heading{margin-bottom:32px}h2{font-size:clamp(25px,3vw,35px);font-weight:900;line-height:1.35;letter-spacing:-.025em;margin-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:35px}.steps li{padding-inline-end:30px}.steps li+li{border-inline-start:1px solid var(--line);padding-inline-start:35px}.step-number{font-size:14px;font-weight:700;color:var(--coral);display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f7d4c0;margin-bottom:15px}.steps li:nth-child(2) .step-number{background:#f1c9d3}.steps li:nth-child(3) .step-number{background:#f5ddd5}.steps h3{font-size:21px;margin-bottom:8px;font-weight:700}.steps p{font-size:16px;color:var(--muted)}.try-it{display:flex;align-items:center;justify-content:space-between;gap:45px;background:var(--rose);border:1px solid var(--line);padding:38px 40px;border-radius:28px;margin-bottom:60px}.try-it p:last-child{max-width:580px;color:var(--muted);font-size:16px;margin-top:12px}.try-it .download{flex-shrink:0}
footer{max-width:1120px;margin:0 auto;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px;color:var(--muted)}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.quiet{padding:12px 0;font-size:14px;color:var(--coral)}.info-page{max-width:900px;padding-block:28px 60px}.info-page article{background:#fffaf7;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,48px)}.info-page h1{font-size:clamp(32px,6vw,48px);line-height:1.25;margin:16px 0}.info-page h2{font-size:22px;margin:32px 0 10px;color:var(--coral)}.info-page p{font-size:16px;line-height:1.9;margin-block:12px;color:var(--muted)}.info-page a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contact-email{display:block;width:fit-content;max-width:100%;font-size:clamp(18px,4vw,25px);font-weight:700;color:var(--coral);margin:30px 0}.muted{color:var(--muted)}
@media(max-width:900px){.hero{gap:35px;padding-top:35px}.hero h1{font-size:62px}.hero-visual{max-width:350px}.try-it{align-items:flex-start;flex-direction:column;gap:24px}footer{margin-inline:40px}.steps{gap:22px}.steps li{padding-inline-end:0}.steps li+li{padding-inline-start:22px}}
@media(max-width:620px){.topbar{padding:22px 22px;gap:14px}.brand{font-size:22px}.brand img{width:42px;height:42px;border-radius:12px}.brand small{font-size:11px}.header-links{gap:16px;font-size:13px}main{padding-inline:24px}.hero{grid-template-columns:1fr;gap:35px;padding:28px 0 42px}.hero-copy{text-align:center}.hero h1{font-size:clamp(51px,11.5vw,68px);margin-top:15px}.intro{font-size:17px;margin-bottom:24px}.download{min-height:60px;padding:16px 22px;font-size:16px}.hero-visual{width:min(76%,310px);padding:0}.hero-visual figcaption{font-size:15px;margin-top:20px}.how-to{padding:36px 0 40px}.section-heading{margin-bottom:26px}.steps{grid-template-columns:1fr;gap:24px}.steps li,.steps li+li{border:0;padding:0;padding-inline-start:58px;position:relative}.step-number{position:absolute;inset-inline-start:0;top:2px}.steps h3{font-size:20px}.steps p{font-size:15px}.try-it{padding:28px 24px;border-radius:22px;margin-bottom:35px;gap:22px}.try-it h2{font-size:27px}.try-it .download{align-self:stretch}.try-it p:last-child{font-size:15px}footer{margin-inline:24px;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:30px}.footer-links{gap:18px}.info-page{padding-inline:20px}.info-page article{padding:24px 20px}}
@media(max-width:370px){.header-links{gap:12px}.header-links a:first-child{display:none}.brand{font-size:21px}.hero h1{font-size:51px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.download{transition:none}.download:hover{transform:none}}