@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;600;700;800;900&family=Secular+One&display=swap');
:root{--ink:#23322d;--cream:#fffaf0;--paper:#fffdf8;--green:#285d4a;--mint:#dcece2;--peach:#f5b99c;--gold:#f0ca68;--line:#d8ddd4;--shadow:0 18px 50px rgba(35,50,45,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Heebo,Arial,sans-serif;line-height:1.55}button,a{font:inherit}.hero{min-height:680px;padding:70px max(6vw,24px);display:grid;grid-template-columns:1fr minmax(360px,560px);gap:7vw;align-items:center;background:radial-gradient(circle at 82% 20%,#f7d9c8 0 18%,transparent 19%),linear-gradient(135deg,#dcece2,#fff8e9 65%)}.eyebrow,.section-num{display:inline-block;font-weight:800;color:var(--green);letter-spacing:.04em}.hero h1{font-family:"Secular One";font-size:clamp(3rem,6vw,6rem);line-height:1.02;margin:.2em 0}.hero h1 em{font-style:normal;color:#c66f52}.hero-copy p{font-size:1.25rem;max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary,.secondary{padding:13px 23px;border-radius:100px;text-decoration:none;font-weight:800}.primary{background:var(--green);color:#fff}.secondary{border:2px solid var(--green);color:var(--green)}.hero-art{position:relative;background:#fff;border:10px solid #fff;border-radius:45% 45% 20px 20px;box-shadow:var(--shadow);overflow:hidden}.final-badge{position:absolute;z-index:2;top:18px;right:18px;background:#fff;padding:8px 14px;border-radius:30px;font-weight:800;box-shadow:0 5px 20px #0002}.deer-svg{display:block;width:100%;height:auto}.setup,.progress-wrap,.steps,.finish{width:min(1120px,calc(100% - 36px));margin-inline:auto}.setup{margin-top:70px;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:34px;display:grid;grid-template-columns:.8fr 1.5fr;gap:25px}.setup h2,.finish h2{font-family:"Secular One";font-size:2.3rem;margin:.15em 0}.setup-list{margin:0;padding-right:25px;font-size:1.08rem}.coach-note{grid-column:1/-1;margin:0;background:#fff1c9;border-radius:12px;padding:12px 18px}.progress-wrap{position:sticky;top:10px;z-index:10;margin-top:28px;background:#fff;padding:14px 18px;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 25px #23322d12}.progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-top button{border:0;background:transparent;color:#8b5e4f;cursor:pointer}.progress{height:9px;border-radius:9px;background:#e8ede8;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),#83b387);transition:.4s}.steps{display:grid;gap:34px;margin-top:44px}.step{display:grid;grid-template-columns:minmax(330px,1fr) 1.05fr;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 8px 30px #23322d0b}.step.done{outline:3px solid #87b18e}.example{position:relative;background:#eff3e8;min-height:420px;display:flex;align-items:center}.example-label{position:absolute;z-index:2;top:18px;right:18px;background:var(--ink);color:#fff;border-radius:30px;padding:7px 13px;font-weight:800}.step-content{padding:32px}.step-kicker{color:#c66f52;font-weight:900}.step h3{font-family:"Secular One";font-size:2rem;margin:.15em 0}.mission{font-size:1.13rem;margin:0 0 18px}.recipe{background:#f1f6f1;border-radius:16px;padding:16px;margin:16px 0}.recipe b{display:block;color:var(--green);margin-bottom:6px}.recipe ul{margin:0;padding-right:20px}.layer{display:flex;gap:8px;align-items:center;border:1px dashed #b6c1b9;border-radius:12px;padding:11px 13px;margin:14px 0}.layer span{font-size:1.4rem}.check{color:#68756f}.complete{width:100%;border:0;border-radius:12px;padding:13px;background:var(--green);color:#fff;font-weight:900;cursor:pointer}.done .complete{background:#87b18e}.finish{margin-top:70px;text-align:center;background:linear-gradient(#f5d9c8,#fff5d9);border-radius:30px;padding:48px 25px;overflow:hidden}.finish>p{font-size:1.15rem;max-width:650px;margin:0 auto 22px}.export-box{display:inline-flex;gap:18px;flex-wrap:wrap;background:#fff;padding:14px 22px;border-radius:14px}.finish-art{max-width:620px;margin:25px auto -50px}footer{text-align:center;padding:32px;color:#66736d}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{max-width:560px}.setup,.step{grid-template-columns:1fr}.setup{padding:24px}.coach-note{grid-column:auto}.example{min-height:auto}.step-content{padding:24px}.progress-wrap{top:5px}.hero h1{font-size:3.4rem}}