:root{--brand:#23B85D;--brand:oklch(0.69 0.17 150);color-scheme:light dark;--ink:#0E2416;--ink:oklch(from var(--brand) 0.24 0.05 h);--deep:#146B37;--deep:oklch(from var(--brand) 0.46 0.12 h);--sun:#F6C343;--paper:#FFFFFF;--paper:light-dark(#FFFFFF,oklch(from var(--brand) 0.2 0.03 h));--text:#0E2416;--text:light-dark(oklch(from var(--brand) 0.24 0.05 h),oklch(from var(--brand) 0.95 0.02 h));--line:#CFE3D6;--line:light-dark(color-mix(in oklch,var(--brand) 22%,#FFFFFF),color-mix(in oklch,var(--brand) 30%,#0E2416));--tint:#E9F6EE;--tint:light-dark(color-mix(in oklch,var(--brand) 10%,#FFFFFF),color-mix(in oklch,var(--brand) 18%,#0E2416));--u:8px;--display:"Gabarito","Atkinson Hyperlegible",sans-serif;--body:"Atkinson Hyperlegible",sans-serif;--s1:1rem;--s2:clamp(1.25rem,1rem + 1vw,1.8rem);--s3:clamp(1.95rem,1.2rem + 3.4vw,4.2rem);}*{box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%}body{margin:0;background:var(--brand);color:var(--ink);font:400 var(--s1)/1.6 var(--body);overflow-x:clip}::selection{background:var(--sun);color:#0E2416}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.col{width:100%;max-width:60rem;margin:0 auto;padding:0 calc(var(--u) * 2)}h1,h2{font-family:var(--display);font-weight:800;margin:0;text-wrap:balance;letter-spacing:-0.02em}p{margin:0;text-wrap:pretty}.cap{position:relative;height:100px}.cap::before{content:"";position:absolute;inset:0 0 auto 0;height:72px;background:var(--ink)}.cap .col{position:relative;height:100px}.cap img{display:block;width:100px;height:100px;position:absolute;left:calc(var(--u) * 2);top:0}.hero{padding:calc(var(--u) * 2) 0 calc(var(--u) * 5)}.hero h1{font-size:var(--s3);line-height:1.04;max-width:16ch}.lead{margin-top:calc(var(--u) * 1.5);max-width:40rem;font-size:var(--s1)}.shelf{list-style:none;margin:var(--u) calc(var(--u) * -2) 0;padding:calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 0.5);display:flex;gap:var(--u);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.shelf li{flex:0 0 auto;scroll-snap-align:start}.item{display:flex;align-items:center;gap:var(--u);min-height:64px;min-width:148px;padding:var(--u) calc(var(--u) * 1.5) var(--u) var(--u);background:var(--tint);color:var(--text);border:1px solid var(--line);border-radius:6px;font:700 var(--s1)/1.2 var(--body);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.item svg{flex:0 0 auto;width:40px;height:40px}.item small{display:block;font-weight:400;font-size:var(--s1)}.item[aria-checked="true"]{background:var(--paper);border:3px solid var(--ink);padding:calc(var(--u) - 2px) calc(var(--u) * 1.5 - 2px) calc(var(--u) - 2px) calc(var(--u) - 2px)}.item[aria-checked="true"] .pick{display:block}.pick{display:none;position:absolute;top:-14px;right:8px;background:var(--sun);color:#0E2416;border:2px solid #0E2416;border-radius:4px;padding:0 6px;font:700 var(--s1)/1.2 var(--body)}.go{display:flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;margin-top:calc(var(--u) * 2.5);padding:0 calc(var(--u) * 3);background:var(--sun);color:#0E2416;border:4px solid #0E2416;border-radius:6px;font:800 var(--s1)/1 var(--display);text-decoration:none;-webkit-tap-highlight-color:transparent;width:max-content;max-width:100%}.go:active{transform:translateY(2px)}.under{margin-top:var(--u);max-width:34rem}.panel{background:var(--paper);color:var(--text);border-top:1px solid var(--ink)}.band{padding:calc(var(--u) * 6) 0;border-top:1px solid var(--line)}.band:first-child{border-top:0}.band h2{font-size:var(--s2);line-height:1.15;margin-bottom:calc(var(--u) * 2)}.band p+p{margin-top:calc(var(--u) * 1.5)}.copy{max-width:36rem}.split{display:grid;gap:calc(var(--u) * 3)}.figure{max-width:400px;width:100%}.tabs{display:flex;gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:var(--u)}.tabs button{flex:1 1 50%;min-height:48px;border:0;background:transparent;color:var(--text);font:700 var(--s1)/1.2 var(--body);cursor:pointer;-webkit-tap-highlight-color:transparent}.tabs button[aria-selected="true"]{background:var(--ink);color:#FFFFFF}.figure svg{display:block;width:100%;height:auto}#before,#after{transition:opacity .35s cubic-bezier(.16,1,.3,1)}.figure[data-state="after"] #before{opacity:0}.figure[data-state="before"] #after{opacity:0}@media (min-width:860px){.split{grid-template-columns:400px 1fr;align-items:center;gap:calc(var(--u) * 6)}}.flow{display:grid;gap:var(--u);max-width:40rem}.box{border:1px solid var(--ink);border-radius:6px;padding:calc(var(--u) * 1.5) calc(var(--u) * 2);background:var(--paper)}.box.q{background:var(--tint);font-weight:700}.arrows{display:block;width:100%;height:48px;color:var(--text)}.ends{display:grid;grid-template-columns:1fr 1fr;gap:var(--u)}.ends b{display:block;font-weight:700;margin-bottom:4px}.ends .box.yes{border-width:3px}.flow a{color:var(--text);text-underline-offset:3px}.list{list-style:none;margin:0;padding:0;max-width:40rem;border-top:1px solid var(--line)}.list li{border-bottom:1px solid var(--line)}.tick{display:flex;gap:calc(var(--u) * 1.5);align-items:flex-start;width:100%;min-height:56px;padding:calc(var(--u) * 1.5) 0;border:0;background:transparent;color:var(--text);font:400 var(--s1)/1.5 var(--body);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.tick .bx{flex:0 0 auto;width:28px;height:28px;border:3px solid var(--text);border-radius:4px;display:grid;place-items:center}.tick svg{width:20px;height:20px;opacity:0}.tick[aria-checked="true"] .bx{background:var(--brand);border-color:var(--ink)}.tick[aria-checked="true"] svg{opacity:1}.tick strong{font-weight:700}.ready{margin-top:calc(var(--u) * 2);font-weight:700}.ready[hidden]{display:none}.close{padding:calc(var(--u) * 8) 0 calc(var(--u) * 6)}.close .card{position:relative;background:var(--paper);color:var(--text);border:1px solid var(--ink);border-radius:6px;padding:calc(var(--u) * 4) calc(var(--u) * 2) calc(var(--u) * 5);max-width:40rem;margin:0 auto}.close h2{font-size:var(--s2);line-height:1.15;max-width:16ch}.close p{margin-top:var(--u);max-width:24rem;padding-right:calc(var(--u) * 8)}.sticker{position:absolute;right:calc(var(--u) * 1);bottom:calc(var(--u) * -4);width:144px;height:144px;border-radius:50%;background:var(--sun);color:#0E2416;border:4px solid #0E2416;display:grid;place-items:center;text-align:center;padding:var(--u);font:800 var(--s1)/1.1 var(--display);text-decoration:none;transform:rotate(-12deg);-webkit-tap-highlight-color:transparent}footer{margin-top:calc(var(--u) * 4);padding:calc(var(--u) * 3) 0 calc(var(--u) * 4 + env(safe-area-inset-bottom));position:relative}footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ink) 20%,var(--ink) 80%,transparent)}.crumb{display:flex;flex-wrap:wrap;gap:var(--u);margin:0;padding:0;list-style:none;font-weight:700}.crumb li+li::before{content:"/";margin-right:var(--u);font-weight:400}.links{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 1.5)}.links a{color:var(--ink);text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}@media (hover:hover) and (pointer:fine){.item:hover{border-color:var(--ink)}.go:hover,.sticker:hover{background:#FFD460}}@media (min-width:860px){.cap img{width:100px;height:100px}.hero{padding-top:calc(var(--u) * 3)}.shelf{overflow:visible;margin-left:0;margin-right:0;padding-left:0;padding-right:0;gap:calc(var(--u) * 2)}.item{min-width:200px}.close .card{padding:calc(var(--u) * 5) calc(var(--u) * 5) calc(var(--u) * 5)}.sticker{right:calc(var(--u) * -3);bottom:auto;top:calc(var(--u) * -4)}}@media (prefers-reduced-motion:reduce){*{transition:none !important}}@font-face{font-family: 'Atkinson Hyperlegible';font-style: normal;font-weight: 400;font-display: swap;src: url(assets/atkinsonhyperlegible.e2a9f0d3db.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: 'Atkinson Hyperlegible';font-style: normal;font-weight: 400;font-display: swap;src: url(assets/atkinsonhyperlegible.e6b3897a4a.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: 'Atkinson Hyperlegible';font-style: normal;font-weight: 700;font-display: swap;src: url(assets/atkinsonhyperlegible.ce52958cab.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: 'Atkinson Hyperlegible';font-style: normal;font-weight: 700;font-display: swap;src: url(assets/atkinsonhyperlegible.ee7da66f8c.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: 'Gabarito';font-style: normal;font-weight: 800;font-display: swap;src: url(assets/gabarito.e3a9689ef2.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: 'Gabarito';font-style: normal;font-weight: 800;font-display: swap;src: url(assets/gabarito.1ebdbba9c0.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;}