body{color:#333;font-family:helvetica,arial,sans-serif;line-height:1.5;margin:0 auto;max-width:40em;padding:0 1em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 .5em;line-height:1.2}a:link{color:#00e}a:visited{color:#518}a:focus,a:hover{color:#03f}a:active{color:#e00}h1 a:empty:before,h2 a:empty:before,h3 a:empty:before,h4 a:empty:before,h5 a:empty:before,h6 a:empty:before{content:"#"}h1 a:empty,h2 a:empty,h3 a:empty,h4 a:empty,h5 a:empty,h6 a:empty{visibility:hidden;padding-left:.25em}h1:hover a:empty,h2:hover a:empty,h3:hover a:empty,h4:hover a:empty,h5:hover a:empty,h6:hover a:empty{visibility:visible}img{max-width:100%}figure{margin:1em 0;text-align:center}figcaption{font-size:small}code,kbd,pre,samp{font-family:monospace,monospace}code,kbd,pre{color:#050}samp{color:#730}blockquote,pre{background:#eee;padding:.5em}pre{overflow:auto}blockquote{border-left:medium solid #ccc;margin:1em 0}blockquote :first-child{margin-top:0}blockquote :last-child{margin-bottom:0}table{border-collapse:collapse}td,th{border:thin solid #999;padding:.3em .4em;text-align:left}@media (prefers-color-scheme:dark){body{background:#111;color:#bbb}a:link{color:#9bf}a:visited{color:#caf}a:focus,a:hover{color:#9cf}a:active{color:#f99}code,kbd,pre{color:#9c6;font-family:monospace,monospace}samp{color:#db0}blockquote,pre{background:#000}blockquote{border-color:#333}td,th{border-color:#666}}:root{--ground:#E8E8E6;--paper:#FFFFFF;--ink:#15171C;--slate:#575C66;--blue:#1667D9;--gut:clamp(16px,4vw,48px);--r:14px;--display:"Bricolage Grotesque","Arial Narrow",sans-serif;--body:"Instrument Sans",system-ui,sans-serif;}*{box-sizing:border-box}[hidden]{display:none !important}html{background:var(--ground);-webkit-text-size-adjust:100%;scrollbar-color:var(--slate) var(--ground)}::selection{background:var(--ink);color:var(--paper)}body{max-width:none;margin:0;padding:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.55;overflow-x:clip;caret-color:var(--blue);}h1,h2{font-family:var(--display);font-weight:800;margin:0;text-wrap:balance;letter-spacing:-0.02em}p{margin:0;text-wrap:pretty}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.top{padding:calc(env(safe-area-inset-top) + 16px) var(--gut) 0;display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:16px;align-items:center;max-width:1280px;}.logo{grid-column:1;width:56px;height:56px;display:block}.logo img{width:100%;height:100%;display:block}.flip{grid-column:2;grid-row:1;justify-self:end}.copy{grid-column:1 / -1}h1{font-size:clamp(2rem,1.6rem + 2vw,3rem);line-height:1.08;max-width:18ch}.lede{margin-top:12px;color:var(--slate);max-width:44ch}.sw{-webkit-tap-highlight-color:transparent;appearance:none;border:1px solid var(--slate);background:var(--paper);color:var(--ink);font:600 1rem/1 var(--body);min-height:44px;padding:4px;border-radius:999px;display:inline-flex;align-items:center;gap:0;cursor:pointer;position:relative;}.sw span{position:relative;z-index:1;padding:10px 14px;border-radius:999px;transition:color .2s}.sw .knob{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--ink);transition:transform .3s cubic-bezier(.16,1,.3,1)}.sw[aria-checked="true"] .knob{transform:translateX(100%)}.sw[aria-checked="true"] .on,.sw[aria-checked="false"] .off{color:var(--paper)}.sw .on,.sw .off{min-width:5.4em;text-align:center}.sw:active{transform:scale(.98)}@media (prefers-reduced-motion: no-preference){.sw.nudge .knob{animation:nudge .6s cubic-bezier(.16,1,.3,1) .5s 1}}@keyframes nudge{0%{transform:translateX(100%)}40%{transform:translateX(calc(100% - 8px))}100%{transform:translateX(100%)}}main{padding-bottom:16px}.row{margin-top:40px}.row h2{font-size:1.2rem;line-height:1.2;padding:0 var(--gut);margin-bottom:12px}.track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 var(--gut) 12px;scroll-padding-inline:var(--gut);scrollbar-width:thin;}.tile{flex:0 0 auto;scroll-snap-align:start;height:184px;position:relative;background:var(--paper);border:1px solid #C9C6C0;border-radius:var(--r);padding:16px;display:flex;flex-direction:column;justify-content:space-between;margin:0 6px 6px 0;}.tile::after{content:"";position:absolute;inset:0;transform:translate(6px,6px);z-index:-1;background:var(--ground);border:1px solid #C9C6C0;border-radius:inherit;}.track{isolation:isolate}@supports (corner-shape: squircle){.tile,.join-btn{border-radius:28px;corner-shape:squircle}}html[data-side="without"] .tile:not(.join-btn){background:var(--ground)}.join-btn{flex:0 0 auto;scroll-snap-align:start;width:264px;height:184px;background:var(--blue);color:var(--paper);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s cubic-bezier(.16,1,.3,1);}.join-btn:link,.join-btn:visited,.join-btn:hover,.join-btn:focus,.join-btn:active{color:var(--paper)}.join-btn .label{font-family:var(--display);font-weight:800;font-size:1.2rem;line-height:1.15;display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;background:var(--ink);border-radius:10px;padding:8px 12px}.join-btn .mark{width:32px;height:38px;display:block;color:var(--paper);--gem:var(--blue)}.join-btn .bottom{display:flex;flex-direction:column;gap:8px}.join-btn .under{font-size:1rem;line-height:1.35}.join-btn:active{transform:scale(.97)}.panel{width:336px;padding:0;overflow:hidden}.panel svg{display:block;width:100%;height:100%}.rar{width:168px}.rar svg{width:48px;height:56px;display:block}.rar h3{font-family:var(--display);font-weight:800;font-size:1.2rem;line-height:1.2;margin:0}.rar p,.tip p{color:var(--slate);font-size:1rem;line-height:1.35}.tip{width:224px;justify-content:flex-start;gap:12px}.tip svg{width:28px;height:28px;color:var(--ink);flex:none}.tip p{color:var(--ink)}.shot{padding:8px;width:auto}.shot img{height:100%;width:auto;display:block;border-radius:8px}.svg-text{font-family:var(--body)}footer{margin-top:64px;display:grid;grid-template-columns:1fr}.f-light{background:var(--paper);padding:32px var(--gut)}.f-light p{max-width:44ch}.f-light .brand{font-family:var(--display);font-weight:800;font-size:1.2rem;margin-bottom:8px}.f-light small{display:block;margin-top:16px;color:var(--slate);font-size:1rem}.f-dark{background:var(--ink);color:var(--paper);padding:32px var(--gut) calc(env(safe-area-inset-bottom) + 32px)}.f-dark ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.f-dark a,.f-dark a:link,.f-dark a:visited{color:var(--paper);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:10px 0}.f-dark a:focus-visible{outline-color:var(--paper)}@media (min-width: 768px){.top{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}.logo{width:96px;height:96px;grid-column:1 / span 2}.copy{grid-column:1 / span 9;grid-row:2}.flip{grid-column:10 / span 3;align-self:end;justify-self:end;grid-row:2}.row{margin-top:40px}footer{grid-template-columns:7fr 5fr}}@media (min-width: 1100px){.logo{grid-row:1;grid-column:1 / span 2}.copy{grid-column:3 / span 7;grid-row:1}.flip{grid-column:10 / span 3;grid-row:1;align-self:end}}@media (hover: hover) and (pointer: fine){.join-btn:hover .label{background:#000}}::view-transition-old(root),::view-transition-new(root){animation-duration:280ms}@media (prefers-reduced-motion: reduce){*,::view-transition-old(root),::view-transition-new(root){animation:none !important;transition:none !important}}body,html{max-inline-size:100%;overflow-x:clip}