:root{--green:#17853F;--key:#FFD43B;--ink:#15201A;--paper:#FFFFFF;--leaf:#D7EFDF;--soft:#3D4A42;--f:'Archivo',system-ui,sans-serif}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;accent-color:var(--green);scrollbar-color:var(--green) var(--leaf)}body{margin:0;background:var(--leaf);color:var(--ink);font:400 1rem/1.6 var(--f);overflow-x:clip;caret-color:var(--green)}::selection{background:var(--key);color:var(--ink)}a{color:var(--ink);text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.win{margin:6px;margin-left:max(6px,env(safe-area-inset-left));margin-right:max(6px,env(safe-area-inset-right));margin-top:max(6px,env(safe-area-inset-top));background:var(--paper);border:1px solid var(--ink);border-radius:6px;overflow:clip}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--green);color:var(--paper);padding:6px 8px 6px 12px;min-height:36px;font-weight:600}.ctl{display:flex;gap:6px}.ctl span{width:20px;height:20px;border:1px solid var(--ink);border-radius:3px;background:var(--paper)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--ink);background:var(--leaf);padding:6px 8px 0;overflow-x:auto}.tabs a{display:flex;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;font-weight:600;border:1px solid transparent;border-bottom:0;border-radius:4px 4px 0 0;white-space:nowrap}.tabs a:first-child{background:var(--paper);border-color:var(--ink);margin-bottom:-1px}.status{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--ink);background:var(--leaf);padding:6px 12px;color:var(--soft)}.hero{padding:16px 16px 0;display:block}.lead{max-width:40rem}.brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.brand img{width:48px;height:48px;display:block}.brand strong{font-weight:800}h1{font-weight:800;font-size:clamp(1.75rem,1.2rem + 2.6vw,3.25rem);line-height:1.08;letter-spacing:-0.02em}.sub{margin-top:10px;max-width:36rem;color:var(--soft)}.stage{position:sticky;top:0;z-index:2;background:var(--paper);margin:8px -16px 0;padding:8px 16px;border-bottom:1px solid var(--leaf)}.stage svg{display:block;width:min(100%,330px);height:auto}.go{padding:12px 0 8px}.start-btn{display:inline-flex;align-items:center;gap:12px;min-height:60px;min-width:260px;padding:0 20px 0 10px;background:var(--key);color:var(--ink);font-weight:800;font-size:1.125rem;text-decoration:none;border:2px solid var(--ink);border-bottom-width:6px;border-radius:6px;transition:transform .15s cubic-bezier(.16,1,.3,1)}.start-btn:active{transform:translateY(3px)}.num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);font-weight:800;font-size:1rem;line-height:1}.under{margin-top:10px;color:var(--soft)}.steps{list-style:none;margin:0;padding:0}.steps li{min-height:70dvh;display:flex;align-items:flex-end;padding:0 0 10dvh}.steps p{font-size:1.375rem;line-height:1.35;font-weight:600;max-width:24ch}.p{transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1);transform-box:fill-box;transform-origin:center}.lid{opacity:0;transform:translateY(-24px)}[data-step="1"] .lid{opacity:1;transform:none}[data-step="1"] .tiles,[data-step="1"] .lit,[data-step="1"] .l2,[data-step="1"] .l3{opacity:0}[data-step="2"] .tiles{opacity:.35;transform:translateY(8px)}[data-step="2"] .lit,[data-step="2"] .l2,[data-step="2"] .l3{opacity:0}.sec{padding:48px 16px}.sec.alt{background:var(--leaf)}.col{max-width:40rem}h2{font-weight:800;font-size:1.75rem;line-height:1.15;letter-spacing:-0.01em}.intro{margin-top:8px;color:var(--soft)}.log{margin-top:24px}.entry{padding:20px 0;border-top:1px solid var(--ink)}.entry h3{font-size:1.375rem;line-height:1.25;font-weight:800;display:flex;align-items:center;gap:10px}.tag{display:flex;align-items:center;gap:6px;margin:8px 0 6px;font-weight:600;color:var(--ink)}.tag .ic{color:var(--green)}.entry p{max-width:62ch}.toggle{margin-top:20px;display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px;background:var(--paper);border:1px solid var(--ink);border-radius:6px;font:600 1rem/1 var(--f);color:var(--ink);cursor:pointer}.knob{position:relative;width:52px;height:28px;border:1px solid var(--ink);border-radius:4px;background:var(--leaf)}.knob::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:2px;background:var(--green);transition:transform .3s cubic-bezier(.16,1,.3,1)}.toggle[aria-checked="true"] .knob::after{transform:translateX(24px)}.ticks{list-style:none;margin:20px 0 0;padding:0}.ticks li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--ink)}.ticks li .ic{margin-top:.2em;color:var(--green)}.panel{animation:in .35s cubic-bezier(.16,1,.3,1)}@keyframes in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.ask{list-style:none;margin:20px 0 0;padding:0}.ask li{display:flex;gap:12px;align-items:flex-start;font-size:1.375rem;line-height:1.3;font-weight:800;padding:14px 0;border-top:1px solid var(--ink)}.ask .ic{margin-top:.15em;color:var(--green)}.ends p{margin-top:14px;max-width:62ch}.close{padding:48px 16px 64px;background:var(--leaf)}.cell{max-width:40rem;background:var(--paper);border:1px solid var(--ink);border-radius:6px;padding:32px 20px}.cell h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.5rem)}.cell .start-btn{margin-top:24px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:var(--paper);border-top:1px solid var(--ink);transform:translateY(110%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1)}.dock.on{transform:none;opacity:1}.dock span{font-weight:600}.dock .start-btn{min-height:48px;min-width:0;border-bottom-width:4px;padding:0 16px;font-size:1rem}footer{padding:40px 16px 96px;padding-bottom:max(96px,calc(env(safe-area-inset-bottom) + 96px))}.rule{border:0;border-top:4px double var(--ink);margin:0 auto;max-width:1120px}.fbrand{margin-top:16px;text-align:center;font-variant:small-caps;font-weight:800;letter-spacing:0.04em}.flinks{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px}.flinks a{display:inline-flex;align-items:center;min-height:44px}@media (hover: hover){.start-btn:hover{transform:translateY(-2px)}.tabs a:hover{text-decoration:underline}}@media (min-width: 900px){.win{max-width:1120px;margin:24px auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:64px;padding:40px 48px 0}.lead{grid-column:1;grid-row:1}.go{grid-column:1;grid-row:2;padding-top:24px}.steps{grid-column:1;grid-row:3}.stagewrap{grid-column:2;grid-row:1 / 4}.stage{top:24px;margin:0;padding:0;border:0}.stage svg{width:400px}.brand img{width:112px;height:112px}.steps li{min-height:60dvh}.steps p{font-size:1.75rem}h2{font-size:2.25rem}.entry h3,.ask li{font-size:1.75rem}.sec,.close{padding:72px 48px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.p,.start-btn,.dock,.knob::after{transition:none}.panel{animation:none}}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(archivo-e2a4ebac.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(archivo-4bdefeb9.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 600;font-stretch: 100%;font-display: swap;src: url(archivo-e2a4ebac.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 600;font-stretch: 100%;font-display: swap;src: url(archivo-4bdefeb9.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(archivo-e2a4ebac.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(archivo-4bdefeb9.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}