:root{--green:#06C167;--ink:#102017;--sun:#FFD23F;--paper:#F4F2EC;--white:#FFFFFF;--s-body:1rem;--s-mid:clamp(1.25rem,1.1rem + 0.8vw,1.6rem);--s-big:clamp(1.6rem,1.15rem + 2.6vw,3.1rem);--gut:16px;--edge:3px solid var(--ink);--hard:4px 4px 0 var(--ink);--r:12px;}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Wix Madefor Text",system-ui,sans-serif;font-size:var(--s-body);line-height:1.55;overflow-x:clip}::selection{background:var(--sun);color:var(--ink)}a{color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}h1,h2,.num{font-family:"Unbounded",system-ui,sans-serif;font-weight:800;margin:0;text-wrap:balance}h1{font-size:var(--s-big);line-height:1.12;letter-spacing:-0.02em}h2{font-size:var(--s-mid);line-height:1.25;letter-spacing:-0.01em}p{margin:0;text-wrap:pretty}.wrap{width:min(1120px,100% - 2 * var(--gut));margin-inline:auto}.band-green{background:var(--green);padding-top:max(12px,env(safe-area-inset-top))}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}.logo-tile{display:inline-flex;background:var(--white);border:var(--edge);border-radius:var(--r);padding:4px;box-shadow:var(--hard)}.logo-tile img{display:block;width:56px;height:56px}.jump{font-weight:700;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}.story{display:grid;grid-template-columns:minmax(0,1fr);gap:0 48px}.intro{text-align:center;padding:12px 0 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.lead{max-width:34ch}.badges{display:flex;justify-content:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:2px solid var(--ink);border-radius:8px;padding:4px 10px;font-weight:700;text-decoration:none;min-height:44px}.badge svg{width:20px;height:20px;flex:none}.shelf-wrap{width:100%;max-width:520px}.shelf{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 8px 10px 4px;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;-webkit-overflow-scrolling:touch}.item{flex:0 0 138px;scroll-snap-align:start;background:var(--white);border:var(--edge);border-radius:var(--r);padding:10px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:6px;position:relative;min-height:112px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.item svg.px{width:40px;height:40px;shape-rendering:crispEdges}.item b{font-weight:700;line-height:1.25}.item .tick{position:absolute;top:8px;right:8px;width:24px;height:24px;opacity:0}.item[aria-pressed="true"]{background:var(--sun);box-shadow:var(--hard);transform:translate(-2px,-2px)}.item[aria-pressed="true"] .tick{opacity:1}.stepper{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px}.stepper button{width:44px;height:44px;border:var(--edge);border-radius:50%;background:var(--white);display:grid;place-items:center;cursor:pointer;color:var(--ink)}.stepper button svg{width:22px;height:22px}.stepper output{font-weight:700;min-width:12ch}.btn-start{display:inline-flex;align-items:center;justify-content:center;min-width:260px;min-height:60px;padding:12px 28px;background:var(--sun);color:var(--ink);border:var(--edge);border-radius:999px;font-weight:700;font-size:1.125rem;text-decoration:none;transform:rotate(-2deg);transition:transform .2s cubic-bezier(.16,1,.3,1)}.btn-start:focus-visible{outline:3px solid var(--white);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}@media (hover: hover){.btn-start:hover{transform:rotate(0deg) scale(1.03)}.item:hover{transform:translate(-2px,-2px)}}.note{font-size:var(--s-body)}.art{position:sticky;top:8px;align-self:start;z-index:2;padding:8px 0;background:var(--green)}.art-tile{background:var(--paper);border:var(--edge);border-radius:var(--r);box-shadow:var(--hard);width:min(100%,340px);margin-inline:auto}.art svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}.art svg text{font-family:"Wix Madefor Text",system-ui,sans-serif;font-weight:700;font-size:15px;fill:var(--ink)}.art .part{transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1)}.lid,.t-total,.pin{opacity:0}.lid{transform:translateY(-24px)}.pin{transform:translateY(-16px)}.art[data-step="1"] .lid{opacity:1;transform:none}.art[data-step="1"] .goods,.art[data-step="2"] .goods{opacity:0;transform:translateY(32px)}.art[data-step="1"] .t-total{opacity:1}.art[data-step="1"] .t-750,.art[data-step="2"] .t-750,.art[data-step="3"] .t-750{opacity:0}.art[data-step="2"] .pin,.art[data-step="3"] .pin{opacity:1;transform:none}.art[data-step="2"] .t-region,.art[data-step="3"] .t-region{opacity:1}.t-region{opacity:0}.art[data-step="3"] .lit{opacity:0}.steps{padding:16px 0 56px}.steps-head{padding:24px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{background:var(--white);border:2px solid var(--ink);border-radius:8px;padding:4px 10px;font-weight:700}.step{min-height:70dvh;display:flex;align-items:center;gap:16px}.step .num{font-size:var(--s-big);line-height:1;flex:none;width:2ch}.step p{font-size:var(--s-mid);font-weight:700;line-height:1.3;max-width:24ch}.sec{padding:56px 0}.sec-fit{background:var(--white);padding:64px 0}.sec-say{background:var(--paper);padding:80px 0}.sec-end{background:var(--green);padding:96px 0;text-align:center}.sec p.intro-p{max-width:62ch;margin-top:12px}.fit-grid{display:grid;gap:24px;margin-top:24px}.crop{border:var(--edge);border-radius:var(--r);overflow:hidden;box-shadow:var(--hard);aspect-ratio:12 / 5;max-width:420px;background:var(--ink)}.crop img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%}.choices{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.choice{min-height:48px;padding:10px 18px;border:var(--edge);border-radius:var(--r);background:var(--paper);font:inherit;font-weight:700;color:var(--ink);cursor:pointer}.choice[aria-pressed="true"]{background:var(--green);box-shadow:var(--hard)}.answer{margin-top:16px;padding:16px;border:var(--edge);border-radius:var(--r);background:var(--paper);max-width:62ch}.answer[hidden]{display:none}.say{display:grid;gap:16px;margin-top:24px}.pair{display:grid;gap:12px}.good,.bad{border:var(--edge);border-radius:var(--r);padding:16px;display:flex;gap:12px;align-items:flex-start}.good{background:var(--green);box-shadow:var(--hard);font-weight:700}.bad{background:var(--white)}.bad span{text-decoration:line-through;text-decoration-thickness:2px}.good svg,.bad svg{width:24px;height:24px;flex:none;margin-top:1px}.col-label{font-weight:700;margin-bottom:4px}.end-logo{display:inline-flex;background:var(--white);border:var(--edge);border-radius:24px;padding:8px;box-shadow:var(--hard)}.end-logo img{display:block;width:96px;height:96px}.sec-end h2{margin:24px auto 24px;max-width:22ch}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--ink);padding:10px var(--gut) max(10px,env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);visibility:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),visibility 0s .35s}.bar.on{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.16,1,.3,1)}.bar .btn-start{min-height:56px;transform:none}footer{background:var(--paper);padding:56px 0 calc(96px + env(safe-area-inset-bottom));text-align:center;border-top:var(--edge)}.initial{width:64px;height:64px;border-radius:50%;border:var(--edge);display:grid;place-items:center;margin:0 auto 16px;font-family:"Unbounded",system-ui,sans-serif;font-weight:800;font-size:var(--s-mid);background:var(--white)}.foot-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px}.foot-links a{min-height:44px;display:inline-flex;align-items:center;font-weight:700}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.intro h1{animation:rise .6s cubic-bezier(.16,1,.3,1) both}.intro .lead{animation:rise .6s .08s cubic-bezier(.16,1,.3,1) both}@media (min-width: 900px){.logo-tile img{width:64px;height:64px}.shelf-wrap{max-width:604px}.item{min-height:0;padding:8px 10px}.item svg.px{width:32px;height:32px}h1{font-size:clamp(2rem,1rem + 2.4vw,2.75rem)}.story{grid-template-columns:minmax(0,1fr) 420px}.intro{grid-column:1;grid-row:1;padding:4px 0 40px}.art{grid-column:2;grid-row:1 / span 2;top:24px;padding:24px 0}.art-tile{width:100%}.steps{grid-column:1;grid-row:2}.fit-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.say{grid-template-columns:1fr 1fr}.pair{display:contents}}@media (max-width: 899px){.step{min-height:60dvh;align-items:flex-end;padding-bottom:18dvh}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none !important;transition:none !important}}:is(html,body){overflow-x:clip;max-width:100%}