.sb{--paper:#f7f7fb;--paper-2:#f1f1f7;--paper-3:#e7e7f1;--line:#e4e4ee;--ink:#0f0f17;--ink-2:#4a4a5e;--ink-3:#6b6b80;--brand:#7154e8;--brand-vivid:#7c5cff;--brand-hover:#5f43d1;--brand-wash:#efebff;--on-night-brand:#9b86ff;--mint:#3ddc97;--coral:#ff6b6b;--sun:#ffc53d;--pink:#ff7ac6;--gradient:linear-gradient(135deg, #7c5cff 0%, #ff7ac6 55%, #ffc53d 100%);--gradient-text:linear-gradient(100deg, #6a4fe0 10%, #a646c4 55%, #d0407c 100%);--night:#0f0f17;--night-2:#17171f;--night-3:#22222e;--night-line:#9b86ff1f;--on-night:#ecebf2;--on-night-2:#a8a8bd;--wrap:1200px;--gut:clamp(16px, 4vw, 32px);--r-s:8px;--r:14px;--r-l:22px;--ease:cubic-bezier(.22, .61, .36, 1);--h1:clamp(2.5rem, 1.35rem + 4.6vw, 4.6rem);--h2:clamp(2rem, 1.35rem + 2.5vw, 3.2rem);--h3:clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--lead:clamp(1.05rem, 1rem + .3vw, 1.2rem);background:var(--paper);color:var(--ink);font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;min-height:100dvh;font-size:16px;line-height:1.6;overflow-x:clip}body:has(.sb){color:#0f0f17;background:#f7f7fb}.sb h1,.sb h2,.sb h3,.sb h4{font-family:var(--font-display), var(--font-sans), ui-sans-serif, sans-serif;letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600;line-height:1.04}.sb h1{font-size:var(--h1);letter-spacing:-.04em}.sb h2{font-size:var(--h2)}.sb h3{font-size:var(--h3);letter-spacing:-.02em;line-height:1.2}.sb h1 em,.sb h2 em,.sb h3 em{background:var(--gradient-text);-webkit-text-fill-color:transparent;color:var(--brand);-webkit-background-clip:text;background-clip:text;font-style:normal}.sb .onNight h1 em,.sb .onNight h2 em,.sb .onNight h3 em{background-image:linear-gradient(100deg,#9b86ff 10%,#ff7ac6 60%,#ffc53d 100%)}.sb p{margin:0}.sb a{color:inherit}.sb img{max-width:100%}.sb :focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}.sb .onNight :focus-visible{outline-color:var(--on-night-brand)}.sb .wrap{width:100%;max-width:calc(var(--wrap) + var(--gut) * 2);padding-inline:var(--gut);margin-inline:auto}.sb .mono{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:500}.sb .eyebrow{color:var(--ink-2);align-items:center;gap:10px;display:inline-flex}.sb .eyebrow:before{content:"";background:var(--brand);border-radius:2px;width:7px;height:7px}.sb .onNight .eyebrow{color:var(--on-night-2)}.sb .onNight .eyebrow:before{background:var(--on-night-brand)}.sb .lead{font-size:var(--lead);color:var(--ink-2);max-width:38rem;line-height:1.55}.sb .onNight .lead{color:var(--on-night-2)}.sb .two{color:var(--ink);font-weight:500}.sb .two span{color:var(--ink-3)}.sb .onNight .two{color:var(--on-night)}.sb .onNight .two span{color:var(--on-night-2)}.sb .btn{--bh:46px;height:var(--bh);font:500 15px/1 var(--font-sans), sans-serif;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease), background .16s var(--ease), border-color .16s var(--ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.sb .btn:active{transform:translateY(1px)}.sb .btn-primary{background:var(--brand);color:#fff;box-shadow:inset 0 1px #ffffff40,0 6px 16px -6px #7c5cff8c}.sb .btn-primary:hover{background:var(--brand-hover)}.sb .btn-ink{background:var(--ink);color:#fff}.sb .btn-ink:hover{background:var(--brand)}.sb .btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.sb .btn-ghost:hover{border-color:var(--ink-3);background:var(--paper-2)}.sb .onNight .btn-ghost{color:var(--on-night);border-color:#ffffff29}.sb .onNight .btn-ghost:hover{background:#ffffff0f;border-color:#ffffff4d}.sb .btn-s{--bh:38px;border-radius:9px;padding:0 14px;font-size:14px}.sb .arrow{transition:transform .16s var(--ease)}.sb a:hover .arrow{transform:translate(3px)}.sb .section{padding-block:clamp(72px,10vw,136px)}.sb .section-head{gap:18px;max-width:46rem;margin-bottom:clamp(36px,5vw,56px);display:grid}.sb .onNight{background:var(--night);color:var(--on-night);isolation:isolate;position:relative}.sb .onNight:before{content:"";z-index:-1;background-image:radial-gradient(#9b86ff29 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 80%)}.sb .card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-l)}.sb .check{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sb .check li{color:var(--ink-2);grid-template-columns:18px 1fr;align-items:start;gap:10px;display:grid}.sb .check li:before{content:"";background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border-radius:5px;width:18px;height:18px;margin-top:3px}.sb .onNight .check li{color:var(--on-night-2)}.sb .onNight .check li:before{background-color:#2b2352}.sb .num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.sb *,.sb :before,.sb :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:699px){.sb .swipe{scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding:4px var(--gut) 16px;scroll-padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;overflow-x:auto;grid-template-columns:none!important;display:flex!important}.sb .swipe::-webkit-scrollbar{display:none}.sb .swipe>*{scroll-snap-align:start;flex:0 0 min(84%,330px)}}
