:root{--ground:#F4F6FB;--ink:#14161F;--blue:#2346C8;--orange:#F08A24;--green:#17782A;--soft:rgba(20,22,31,.72);--tint:#E8EBF2;--line:rgba(20,22,31,.16);--s-huge:clamp(3.25rem,15vw,7.5rem);--s-mid:clamp(1.5rem,1.2rem + 1.6vw,2.25rem);--s-body:1rem;--r:22px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--blue) var(--tint)}body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--s-body)/1.55 "Manrope",system-ui,sans-serif;overflow-x:clip;caret-color:var(--blue)}::selection{background:var(--orange);color:var(--ink)}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}h1,h2{font-family:"Bricolage Grotesque","Manrope",sans-serif;font-weight:800;letter-spacing:-0.02em;margin:0;text-wrap:balance}p,li{text-wrap:pretty}.wrap{width:100%;max-width:76rem;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}.story{display:grid;grid-template-columns:minmax(0,1fr);padding-top:max(14px,env(safe-area-inset-top))}.logo{display:block;width:64px;height:64px;margin:0 0 10px}.logo img{display:block;width:64px;height:64px}h1 .w{display:block;font-size:var(--s-huge);line-height:.92;letter-spacing:-0.035em}h1 .r{display:block;font-size:var(--s-mid);line-height:1.12;margin-top:.3em;max-width:18ch}.sub{margin:12px 0 0;max-width:34rem;color:var(--soft)}.join-btn{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0 28px;margin-top:16px;border-radius:999px;background:var(--orange);color:var(--ink);font-weight:700;text-decoration:none;border:3px solid var(--ink);transition:transform .2s cubic-bezier(.16,1,.3,1)}@media (hover: hover) and (pointer: fine){.join-btn:hover{transform:translateY(-2px)}}.join-btn:active{transform:scale(.98)}.under{margin:8px 0 0;color:var(--soft)}.fig{position:sticky;top:0;z-index:2;margin:20px -16px 0;padding:8px 16px 10px;background:var(--ground);align-self:start}.fig svg{display:block;width:100%;max-width:400px;height:auto;overflow:visible}.hold{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;padding:0 16px;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink);font:700 var(--s-body)/1 "Manrope",sans-serif;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.hold svg{width:18px;height:18px}.fig.held .hold{background:var(--ink);color:#fff}.steps{list-style:none;margin:0;padding:0}.step{min-height:52dvh;display:flex;align-items:flex-end;padding:0 0 calc(104px + env(safe-area-inset-bottom))}.step p{margin:0;display:flex;gap:12px;align-items:flex-start;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:var(--s-mid);line-height:1.3;max-width:22ch}.step svg{flex:none;width:28px;height:28px;margin-top:4px;color:var(--blue)}.step:nth-child(even) p{margin-left:clamp(0px,8vw,96px)}.fig svg .l,.fig svg .match,.fig svg .win,.fig svg .wait{transform-box:fill-box;transform-origin:center;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}.fig svg .wait{opacity:0}.fig[data-step="1"] .l,.fig[data-step="2"] .late,.fig[data-step="3"] .late{opacity:0;transform:translateY(-8px)}.fig[data-step="1"] .match,.fig[data-step="2"] .match{opacity:0;transform:scale(.7)}.fig[data-step="1"] .win,.fig[data-step="2"] .win,.fig[data-step="3"] .win{opacity:0;transform:translateY(8px)}.fig[data-step="1"] .wait,.fig[data-step="2"] .wait,.fig[data-step="3"] .wait{opacity:1}.panel{background:var(--tint);clip-path:polygon(0 40px,100% 0,100% 100%,0 100%);padding:72px 0 48px;transition:background-color .4s ease}body:has(.plain[open]) .panel{background:#DFE6F7}.cards{display:grid;gap:20px}.card{container-type:inline-size;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;width:min(100%,36rem)}.card:nth-child(2){justify-self:end}@supports (corner-shape: squircle){.card,.fig svg .sq{corner-shape:squircle}.card{border-radius:40px}}.card h2{font-size:var(--s-mid);line-height:1.1;margin:0 0 8px}.like{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:14px;align-items:start}.like p{margin:0}.like svg{width:96px;height:auto;transform:rotate(-4deg)}.plain{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.plain summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.plain summary:focus-visible{outline-offset:2px}.plain p{margin:4px 0 0}.sheet{border:3px solid var(--ink)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}@container (max-width: 240px){.cols{grid-template-columns:1fr}}.cols h3{font:700 var(--s-body)/1.3 "Manrope",sans-serif;margin:0 0 6px;color:var(--blue)}.cols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.cols li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;line-height:1.4}.cols li svg{width:18px;height:18px;margin-top:2px;color:var(--green)}footer{background:var(--ground);padding:48px 0 calc(96px + env(safe-area-inset-bottom));color:var(--soft)}footer p{margin:0 0 6px;max-width:40rem}footer a{color:var(--ink);text-underline-offset:3px}.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(--ground);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.bar.on{transform:none}.bar .join-btn{margin:0;width:min(100%,26rem)}@media (min-width: 900px){.story{grid-template-columns:minmax(0,1fr) minmax(320px,400px);column-gap:48px;padding-top:28px}.lead{grid-column:1;grid-row:1}.fig{grid-column:2;grid-row:1 / span 2;top:12vh;margin:96px 0 0;padding:0}.steps{grid-column:1;grid-row:2}.step{padding-bottom:30vh;align-items:center}.logo,.logo img{width:96px;height:96px}.cards{grid-template-columns:1fr 1fr;align-items:start}.card:nth-child(2){margin-top:64px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}body,html{overflow-x:clip;max-width:100%}