:root{--ground:#F3F2EE;--tile:#FFFFFF;--ink:#16181D;--slate:#565C66;--blue:#1C64D9;--deep:#134AA6;--tint:#DCE6F7;--orange:#FF7A1A;--s:1rem;--m:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);--l:clamp(2.05rem,1.3rem + 3.4vw,3.375rem);--r:24px;--gut:clamp(16px,4vw,48px);color-scheme:light;}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-color:var(--slate) var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font-family:"Barlow",system-ui,sans-serif;font-size:var(--s);font-weight:400;line-height:1.6;overflow-x:clip;caret-color:var(--blue)}::selection{background:var(--tint);color:var(--ink)}a{color:var(--deep);text-underline-offset:3px}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}h1,h2{font-weight:800;line-height:1.08;letter-spacing:-0.02em;text-wrap:balance;margin:0}h1{font-size:var(--l)}h2{font-size:var(--m);line-height:1.2}p,li{text-wrap:pretty}.wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}.tile{background:var(--tile);border-radius:var(--r)}@supports (corner-shape: squircle){.tile,.fig-tile{corner-shape:squircle;border-radius:40px}}.top{display:flex;align-items:center;gap:12px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:16px}.top img{width:64px;height:64px;display:block;border-radius:16px;flex:none}.top span{font-weight:800;font-size:var(--s)}.story{position:relative;isolation:isolate}.ground{position:absolute;left:50%;width:100vw;transform:translateX(-50%);top:0;height:100dvh;z-index:-1;overflow:hidden}.ground canvas{width:100%;height:100%;display:block}.hero{padding-bottom:24px}.hero h1{max-width:16ch}.lede{margin:16px 0 24px;max-width:40ch;color:var(--slate)}.join-btn{display:inline-flex;align-items:center;justify-content:center;min-width:260px;min-height:64px;padding:0 32px;border-radius:999px;background:var(--orange);color:var(--ink);font-weight:800;font-size:var(--m);text-decoration:none;box-shadow:0 0 0 4px var(--tile),0 3px 10px rgba(22,24,29,0.16);transform:rotate(-2deg);-webkit-tap-highlight-color:transparent;transition:transform .4s cubic-bezier(.16,1,.3,1)}.join-btn:focus-visible{outline:3px solid var(--ink);outline-offset:6px}@media (hover: hover) and (pointer: fine){.join-btn:hover{transform:rotate(0deg) scale(1.03)}}.under{margin:16px 0 0;color:var(--slate)}.fig{position:sticky;top:0;z-index:2;background:var(--ground);padding:8px 0 12px}.fig-tile{background:var(--tile);border-radius:var(--r);padding:12px;max-width:400px;margin:0 auto}.fig svg{display:block;width:100%;max-width:300px;height:auto;margin:0 auto}.stepper{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.stepper button{width:44px;height:44px;border-radius:50%;border:0;background:var(--tint);color:var(--deep);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.stepper button:disabled{opacity:.45;cursor:default}.stepper svg{width:18px;height:18px;max-width:none;margin:0}.stepper output{font-weight:600;text-align:center;flex:1}@media (hover: hover){.stepper button:not(:disabled):hover{background:var(--blue);color:var(--tile)}}.steps{position:relative;z-index:1}.step{min-height:70dvh;display:flex;align-items:center;margin:0}.step p{margin:0;font-size:var(--m);font-weight:600;line-height:1.3;max-width:22ch;color:var(--slate);transform:translateX(8px);transition:color .5s,transform .6s cubic-bezier(.16,1,.3,1)}.step.on p{color:var(--ink);transform:none}.fig .item,.fig .num,.fig .lid,.fig .say{transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s;transform-box:fill-box;transform-origin:center}.fig[data-step="1"] .item{opacity:0;transform:scale(.6)}.fig[data-step="1"] .num{opacity:.3}.fig[data-step="2"] :is(.s3,.s4) .item{opacity:0;transform:scale(.6)}.fig[data-step="2"] :is(.s3,.s4) .num{opacity:.3}.fig:is([data-step="1"],[data-step="2"],[data-step="3"]) .lid{opacity:0;transform:translateY(-24px)}.fig:is([data-step="1"],[data-step="2"],[data-step="3"]) .say-ready{opacity:0}.fig[data-step="4"] .say-wait{opacity:0}.docs{padding-top:4rem}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;padding:0;margin:0 0 2rem;color:var(--slate)}.crumbs li+li::before{content:"/";margin-right:8px;color:var(--slate)}.crumbs a{color:var(--slate)}.otp{padding:20px 24px;margin-bottom:5rem}.otp p{margin:0 0 8px;font-weight:800}.otp ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}.otp a{display:inline-block;padding:8px 0;min-height:44px;font-weight:600}.sec{display:grid;gap:16px}.sec+.sec{margin-top:var(--gap)}.sec .body>*+*{margin-top:16px}.sec .body p{margin-bottom:0;max-width:68ch}.sec .body>:first-child{margin-top:0}.call{padding:16px 20px}.call strong{display:block}.note{background:var(--tint)}.warn{background:var(--tile);border:1px solid rgba(22,24,29,0.22)}.cols{display:grid;gap:16px}.cols .tile{padding:20px 24px}.cols h3,.need h3{font-size:var(--s);font-weight:800;margin:0 0 8px}.cols ul{margin:0;padding-left:20px}.cols li+li{margin-top:8px}.need{padding:20px 24px}.need ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.need li{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start}.need li svg{margin-top:3px}.pn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:6rem;padding-top:16px;border-top:1px solid rgba(22,24,29,0.16)}.pn a{display:inline-block;padding:10px 0;font-weight:600}.close{margin-top:7rem;text-align:center}.close .tile{padding:16px}.close svg{display:block;width:100%;height:auto}.close .join-btn{margin-top:40px}footer{margin-top:4rem;border-top:1px solid rgba(22,24,29,0.16);padding-top:24px;padding-bottom:calc(96px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:flex-start}footer .brand{font-weight:800}footer nav{display:flex;flex-wrap:wrap;gap:0 20px}footer nav a{display:inline-block;padding:10px 0;color:var(--ink)}footer .lang{flex-basis:100%;margin:0;color:var(--slate)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--ink);padding:10px max(var(--gut),env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(var(--gut),env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);visibility:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1),visibility 0s .45s}.bar.show{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.16,1,.3,1)}.bar span{color:var(--tile);font-weight:600}.bar .join-btn{min-width:0;min-height:48px;padding:0 24px;font-size:var(--s);transform:none;box-shadow:0 0 0 3px var(--tile)}.src{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:6;font-size:var(--s)}.src summary{list-style:none;cursor:pointer;background:var(--tile);border:1px solid rgba(22,24,29,0.16);border-radius:999px;padding:10px 16px;min-height:44px;font-weight:600;color:var(--slate)}.src summary::-webkit-details-marker{display:none}.src[open] summary{color:var(--ink)}.src div{position:absolute;right:0;margin-top:8px;width:min(280px,calc(100vw - 32px));background:var(--tile);border:1px solid rgba(22,24,29,0.16);border-radius:16px;padding:16px}.src p{margin:0 0 8px;color:var(--slate)}@media (min-width: 960px){:root{--m:clamp(1.25rem,0.8rem + 0.9vw,1.6875rem)}.top img{width:96px;height:96px;border-radius:24px}.story{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:start}.hero{grid-column:1;grid-row:1;min-height:calc(100dvh - 160px);padding-top:4dvh}.fig{grid-column:2;grid-row:1 / span 2;top:12dvh;background:transparent;padding:0;margin-top:2dvh}.fig svg{max-width:360px}.steps{grid-column:1;grid-row:2}.step p{max-width:26ch}.sec{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:48px}.cols{grid-template-columns:1fr 1fr}.otp{max-width:560px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s !important;animation:none !important}.step p{transform:none}}@font-face{font-family: 'Barlow';font-style: normal;font-weight: 400;font-display: swap;src: url(f/barlow-bea26b6f.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: 'Barlow';font-style: normal;font-weight: 400;font-display: swap;src: url(f/barlow-d0ed7a9f.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: 'Barlow';font-style: normal;font-weight: 600;font-display: swap;src: url(f/barlow-918bcbe2.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: 'Barlow';font-style: normal;font-weight: 600;font-display: swap;src: url(f/barlow-3723fb5e.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: 'Barlow';font-style: normal;font-weight: 800;font-display: swap;src: url(f/barlow-a4c0c0bc.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: 'Barlow';font-style: normal;font-weight: 800;font-display: swap;src: url(f/barlow-256c96aa.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;}