:root{--paper:#f8f7ed;--ink:#142d28;--green:#28553e;--deep:#153b2a;--line:#cfdbcb;--blue:#154cbb;--lime:#e2f68e;--muted:#475d54}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(1160px,92vw);margin:auto}a{color:var(--blue);text-underline-offset:3px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e58e00;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);gap:14px}.brand{display:flex;gap:9px;align-items:center;font-weight:800;letter-spacing:-.045em;font-size:23px;color:var(--ink);text-decoration:none}.brand img{width:31px;height:31px;object-fit:contain;border-radius:7px}nav{display:flex;gap:24px;align-items:center}nav a{color:var(--green);font-size:14px;font-weight:650;text-decoration:none}nav a:hover{text-decoration:underline}.k{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.11em;font-weight:780;color:var(--green)}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.055em;line-height:1.02;text-wrap:balance}h1{font-size:clamp(46px,5.3vw,79px);max-width:660px;margin:16px 0 20px}h2{font-size:clamp(36px,4.2vw,57px);margin:8px 0 14px}h3{font-size:clamp(23px,2.5vw,34px);letter-spacing:-.04em;line-height:1.08}.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(35px,6vw,74px) 0 42px}.intro{font-size:clamp(17px,1.55vw,21px);color:var(--muted);max-width:49ch}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--deep);border-radius:100px;background:var(--deep);color:white;font:inherit;font-size:15px;font-weight:680;text-decoration:none;padding:12px 21px;line-height:1.3;min-height:46px;cursor:pointer}.btn:hover,button:hover{filter:brightness(1.13)}.hero .btn{margin-top:24px}.sub{display:block;margin-top:9px;font-size:13px;color:var(--muted)}.field{margin:0;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:var(--deep);color:white}.field>img{width:100%;height:clamp(200px,20vw,268px);object-fit:cover;object-position:51% 50%;display:block}.field figcaption{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:18px 24px}.field .k{color:var(--lime)}.field strong{display:block;font-size:clamp(20px,2vw,29px);letter-spacing:-.03em}.rep{border-top:1px solid var(--line);padding:34px 0 48px}.rep h2{margin-bottom:8px}.rep>p{color:var(--muted)}.rail{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 12px}.rail button{color:var(--muted);background:transparent;border:1px solid var(--line);padding:8px 14px;min-height:43px;font-size:14px}.rail button[aria-current=step]{background:var(--lime);border-color:#91a657;color:var(--deep)}.panel{background:#fffef8;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr .95fr;align-items:center;min-height:365px}.panel[hidden],*[hidden]{display:none!important}.body{padding:clamp(22px,4vw,48px)}.body h3{margin:10px 0}.body p{color:var(--muted);max-width:49ch}.cue{background:#edf3e5;border-left:3px solid #628441;padding:12px 16px;margin:16px 0 10px;border-radius:0 10px 10px 0}.cue small{display:block;color:var(--green);font-weight:700}.cue q{display:block;margin-top:4px;font-size:15px}.media{padding:18px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#e6ecdf;align-self:stretch;justify-content:center}.media img{max-width:100%;height:auto;display:block}.media figcaption,.caption{font-size:12px;color:var(--muted);margin:0;text-align:center}.media a{display:block}.media figure{margin:0}figure.media{margin:0}.primary{margin-top:18px}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px}.controls button{border-color:var(--green);background:transparent;color:var(--green)}.pitch{width:100%;max-width:455px;height:auto;display:block}.reply{border-left:3px solid var(--green);padding:6px 12px;margin:12px 0 0;color:var(--ink);font-weight:650}.appscreen img{max-height:400px;width:auto;max-width:100%;border-radius:11px}.parent{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,76px);padding:40px 0;border-top:1px solid var(--line)}.parent p{color:var(--muted);max-width:51ch}.parent h2{font-size:clamp(32px,3.8vw,51px)}details{border-block-start:1px solid var(--line);padding:13px 0}summary{cursor:pointer;font-weight:700;min-height:30px}details p{padding:5px 0 2px}.meta{border-top:1px solid var(--line);padding:15px 0 35px;color:var(--muted);font-size:12px}.meta details{border:0}.meta details p{max-width:82ch}dialog{width:min(840px,94vw);max-height:90vh;border:0;border-radius:18px;padding:15px;background:var(--paper)}dialog::backdrop{background:#111d19bd}dialog img{display:block;max-width:100%;max-height:68vh;margin:auto;object-fit:contain}dialog div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.zoom{background:transparent;border:0;border-radius:5px;color:var(--blue);font-size:13px;padding:3px;min-height:35px;text-decoration:underline}.zoom:hover{text-decoration-thickness:2px}.retry{background:transparent;color:var(--green);border-color:var(--green)}.sk{position:absolute;left:-100vw;top:3px}.sk:focus{left:8px;background:white;z-index:5;padding:8px}.svg-label{font:700 12px system-ui;fill:#fff;letter-spacing:.05em}.smallintro{margin-top:8px}
@media(max-width:760px){.hero,.panel,.parent{grid-template-columns:1fr}.hero{gap:22px}.field>img{height:clamp(150px,33vw,240px)}.panel{min-height:0}.media{padding:13px}.media>img{max-height:290px;object-fit:contain}.media.appscreen img{max-height:300px}.hero h1{max-width:14ch}.rail{gap:5px}.rail button{font-size:13px;padding:8px 10px}.parent{gap:19px}.body{padding:24px}.pitch{max-height:228px}nav{gap:14px}.wrap{width:91vw}}@media(max-width:420px){nav a{font-size:12px}.rail button{padding:7px 9px}.field figcaption{padding:12px 16px}.hero{padding-top:26px}.sub{font-size:12px}.rep{padding-top:25px}}@media(max-width:760px){#step1 .media{grid-row:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.chapter-panel {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: 0 32px;
  padding: clamp(20px, 3.8vw, 44px);
  align-items: start;
}
.chapter-intro, .chapter-links { grid-column: 1 / -1; }
.chapter-intro p { margin: 8px 0 22px; color: var(--muted); max-width: 63ch; }
.chapter-picker details { padding: 0; border-top: 1px solid var(--line); }
.chapter-picker details:last-child { border-bottom: 1px solid var(--line); }
.chapter-picker summary { padding: 12px 5px; font-size: 18px; color: var(--green); }
.chapter-picker details[open] summary { color: var(--ink); }
.chapter-picker p { padding: 0 8px 10px 5px; max-width: 47ch; color: var(--muted); }
.chapter-picker strong { display: block; font-size: 14px; color: var(--green); }
.chapter-picker .milestone { margin-bottom: 4px; }
.card-reward { border-radius: 16px; background: #eaf1df; padding: clamp(19px, 2.2vw, 28px); }
.card-reward h4 { margin: 5px 0 11px; font-size: clamp(25px, 3vw, 38px); line-height: 1.1; letter-spacing: -.04em; }
.card-reward p { color: var(--ink); }
.card-reward figure { margin: 16px 0 0; }
.card-reward img { width: 100%; height: auto; display: block; border-radius: 12px; }
.card-reward figcaption { margin-top: 6px; font-size: 12px; color: var(--muted); }
.day-count, .day-marks { display: flex; align-items: center; gap: 6px; }
.day-count { flex-wrap: wrap; gap: 9px; color: var(--green); margin-bottom: 12px; font-size: 14px; font-weight: 650; }
.day-marks i { width: 12px; height: 12px; border: 2px solid var(--green); border-radius: 50%; background: var(--green); }
.day-marks i:last-child { background: transparent; }
.chapter-links { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 20px; margin-top: 20px; }
.chapter-links a, .chapter-links button { font-size: 14px; padding: 6px 0; min-height: 40px; }
@media (max-width: 760px) {
  .chapter-panel { grid-template-columns: 100%; row-gap: 16px; }
  .chapter-intro p { margin-bottom: 0; }
  .chapter-links { margin-top: 0; }
}