:root{--ink:#101312;--tile:#1a201c;--paper:#eef2ee;--muted:#a6b2aa;--green:#62c23e;--yellow:#ffd23f;--s1:1rem;--s2:clamp(1.5625rem,1.2rem + 1.6vw,2.25rem);--s3:clamp(1.95rem,1.3rem + 3.1vw,3.375rem);--cut:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);--gap:clamp(5rem,3rem + 6vw,8.5rem);color-scheme:dark;scrollbar-color:var(--green) var(--ink);}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:400 var(--s1)/1.6 "Manrope",system-ui,sans-serif;overflow-x:clip;caret-color:var(--yellow)}::selection{background:var(--yellow);color:var(--ink)}h1,h2,h3{font-family:"Rubik","Manrope",sans-serif;font-weight:800;line-height:1.08;letter-spacing:-0.02em;margin:0;text-wrap:balance}p,li,td,th,dd{text-wrap:pretty}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.wrap{width:min(100% - 32px,1080px);margin-inline:auto;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.measure{width:min(100% - 32px,680px);margin-inline:auto}.story{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "fig" "cta" "steps";justify-items:center;text-align:center;padding-top:max(12px,env(safe-area-inset-top))}.head{grid-area:head;display:grid;justify-items:center;gap:12px;max-width:640px}.logo{display:block;width:56px;height:56px;clip-path:var(--cut);background:#fff}.logo img{display:block;width:100%;height:auto}h1{font-size:var(--s3)}h1 .mk{background:linear-gradient(transparent 68%,rgba(255,210,63,0.34) 68% 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:2px}.lead{margin:0;color:var(--muted);max-width:34em}.fig{grid-area:fig;position:sticky;top:0;z-index:2;align-self:start;width:100%;display:grid;justify-items:center;background:var(--ink);padding-block:16px 12px}.panel{position:relative;width:min(100%,340px);aspect-ratio:400 / 360}.panel svg{display:block;width:100%;height:100%}.cta-row{grid-area:cta;display:flex;align-items:center;justify-content:center;gap:12px;padding-top:4px}.cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:240px;min-height:56px;padding:8px 24px 8px 12px;font:800 var(--s1)/1.2 "Rubik","Manrope",sans-serif;color:var(--yellow);text-decoration:none}.cta::before{content:"";position:absolute;inset:0;z-index:-1;border:3px solid var(--yellow);filter:url(#pen)}.num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--ink);font:800 var(--s1)/1 "Rubik",sans-serif;flex:none}@media (hover: hover) and (pointer: fine){.cta{transition:transform .25s cubic-bezier(.16,1,.3,1)}.cta:hover{transform:translateY(-2px)}}.tg{position:absolute;top:0;right:2%;height:15.5%;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 10px;border:0;background:var(--green);color:var(--ink);font:700 var(--s1)/1 "Manrope",sans-serif;cursor:pointer}.tg .track{position:relative;width:40px;height:24px;border-radius:12px;background:var(--ink);flex:none}.tg .knob{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:var(--yellow);transition:transform .3s cubic-bezier(.16,1,.3,1)}.tg[aria-pressed="true"] .knob{transform:translateX(16px)}.tg .off{display:none}.tg[aria-pressed="false"] .on{display:none}.tg[aria-pressed="false"] .off{display:inline}.panel svg g{transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}.wo,.alt{opacity:0}.fig[data-step="1"] .w,.fig[data-step="1"] .hd-w{opacity:0}.fig[data-step="1"] .wo{opacity:1}.fig[data-step="2"] .rows{opacity:.35;transform:translateX(16px)}.fig[data-step="2"] .chips,.fig[data-step="2"] .m3,.fig[data-step="2"] .dev-done{opacity:0}.fig[data-step="2"] .alt{opacity:1}.t{font-family:"Manrope",sans-serif;font-weight:700}.tb{font-family:"Rubik",sans-serif;font-weight:800}.steps{grid-area:steps;width:100%;max-width:560px;margin:0;padding:0 0 12vh;list-style:none;text-align:left}.steps li{min-height:70dvh;display:flex;align-items:flex-start;padding-top:22dvh}.steps p{margin:0;padding:24px;background:var(--tile);clip-path:var(--cut);font-size:var(--s2);font-family:"Rubik",sans-serif;font-weight:800;line-height:1.3;letter-spacing:-0.01em}.week{margin-top:var(--gap)}.week h2,.close h2{font-size:var(--s2)}.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:24px 0 0;padding:0;list-style:none}.days a{position:relative;display:grid;place-items:center;min-height:48px;text-decoration:none;font-weight:700;color:var(--paper)}.days a::before{content:"";position:absolute;inset:0;border:2px solid #3b463f;filter:url(#pen)}.days a:hover{color:var(--yellow)}.tiles{display:grid;gap:clamp(3rem,2rem + 3vw,4.5rem);margin-top:clamp(3rem,2rem + 3vw,4.5rem)}.day{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;scroll-margin-top:24px}.dl{margin:4px 0 0;font-weight:700;color:var(--muted)}.tile{background:var(--tile);clip-path:var(--cut);padding:24px 24px}.tile h3{font-size:var(--s2);display:flex;align-items:flex-start;gap:12px}.tile h3 .num{margin-top:2px}.tile p{margin:16px 0 0;max-width:62ch}.tw{margin-top:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;min-width:480px}caption{text-align:left;font-weight:700;padding-bottom:12px}th,td{text-align:left;vertical-align:top;padding:12px 12px 12px 0;border-top:1px solid #3b463f}thead th{color:var(--muted);border-top:0}tbody th{font-weight:700;width:28%}td:last-child{color:var(--paper)}td:nth-child(2){color:var(--muted)}.facts{position:relative;isolation:isolate;background:var(--paper);color:var(--ink);padding:20px 20px 16px}.facts::before{content:"";position:absolute;inset:0;z-index:-1;border:4px solid var(--ink);outline:3px solid var(--paper);filter:url(#pen)}.facts h3{font-size:var(--s2);padding-bottom:8px;border-bottom:10px solid var(--ink)}.facts dl{margin:0}.facts .r{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--ink)}.facts .r:last-child{border-bottom:4px solid var(--ink)}.facts dt{font-weight:700;flex:none}.facts dd{margin:0;text-align:right}.ext{display:inline-flex;align-items:center;gap:4px;text-decoration-thickness:2px;text-underline-offset:3px}.ext svg{width:16px;height:16px;flex:none}.dom{display:block;font-size:.875rem;opacity:.75}details{border-top:1px solid #3b463f}details:last-of-type{border-bottom:1px solid #3b463f}summary{cursor:pointer;min-height:48px;display:flex;align-items:center;padding:12px 0;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}details p{margin:0 0 16px!important;color:var(--muted)}.faq{margin-top:16px}.need{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.need li{display:flex;gap:12px;align-items:flex-start}.need svg{width:24px;height:24px;flex:none;fill:var(--green);margin-top:1px}.close{margin-top:var(--gap);text-align:center;display:grid;justify-items:center;gap:16px;padding-bottom:var(--gap)}.close h2{font-size:var(--s3);max-width:16ch}.close p{margin:0;color:var(--muted);max-width:34em}footer{margin-top:clamp(2rem,1rem + 3vw,4rem);background:var(--yellow);color:var(--ink);padding:40px 0 calc(96px + env(safe-area-inset-bottom))}footer p{margin:0 0 12px;font-weight:700}footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}footer nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration-thickness:2px;text-underline-offset:3px}.src-h{font-size:var(--s1);margin:24px 0 8px}.src{font-weight:400!important}footer a:focus-visible{outline-color:var(--ink)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid #3b463f;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),visibility 0s}.bar .cta{min-height:48px}@media (min-width: 960px){.logo{width:96px;height:96px}.story{grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"head fig" "cta fig" "steps fig";column-gap:72px;justify-items:start;text-align:left;padding-top:56px;align-items:start}.head{justify-items:start}.cta-row{justify-content:flex-start;padding-top:32px}.fig{grid-row:1 / 4;top:max(24px,calc(50dvh - 210px));padding:0;background:transparent}.panel{width:400px}.steps{padding-bottom:30vh}.steps li{padding-top:30dvh}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s!important;animation:none!important}.fig[data-step="2"] .rows{transform:none}}@font-face{font-family: 'Manrope';font-style: normal;font-weight: 400;font-display: swap;src: url(../media/manrope.8435b5ce.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: 'Manrope';font-style: normal;font-weight: 400;font-display: swap;src: url(../media/manrope.e5f3976a.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: 'Manrope';font-style: normal;font-weight: 700;font-display: swap;src: url(../media/manrope.8435b5ce.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: 'Manrope';font-style: normal;font-weight: 700;font-display: swap;src: url(../media/manrope.e5f3976a.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: 'Rubik';font-style: normal;font-weight: 800;font-display: swap;src: url(../media/rubik.aa8e4323.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: 'Rubik';font-style: normal;font-weight: 800;font-display: swap;src: url(../media/rubik.7649459c.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;}