.si{isolation:isolate;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);align-content:center;gap:28px;display:grid;position:relative;overflow:clip}.si:before{content:"";z-index:-1;pointer-events:none;background:var(--gb-dither), var(--gb-ambient);position:fixed;inset:0}.si__brand{flex-direction:column;padding:0 8px;display:flex}.si__intro{flex-direction:column;gap:12px;display:flex}.si__name{letter-spacing:-.01em;color:var(--hb-ink);align-items:center;gap:10px;font-size:15px;font-weight:600;line-height:24px;display:inline-flex}.si__name .hub-mark{width:28px;height:28px;filter:drop-shadow(0 2px 6px var(--gb-el-near))}.si__pitch{flex-direction:column;gap:4px;display:flex}.si__line{letter-spacing:-.01em;color:var(--hb-ink);text-wrap:balance;font-size:15px;font-weight:500;line-height:22px}.si__sub{color:var(--hb-ink-2);text-wrap:pretty;font-size:14px;line-height:20px}.si__proof{margin:0;display:none}.si__side{justify-items:center;display:grid;position:relative}.si__glow{z-index:-1;pointer-events:none;background:radial-gradient(30% 28% at 24% 22%, color-mix(in srgb, var(--hb-accent) 30%, transparent), transparent), radial-gradient(28% 26% at 78% 80%, color-mix(in srgb, var(--hb-accent) 24%, transparent), transparent), radial-gradient(40% 36% at 50% 50%, var(--gb-accent-soft), transparent);filter:blur(28px);width:min(760px,190%);height:min(820px,100%);position:absolute;top:50%;left:50%;translate:-50% -50%}.si__card{border:1px solid var(--gb-sg-edge);background:var(--gb-sg-sheen), var(--gb-dock);width:100%;max-width:400px;-webkit-backdrop-filter:var(--gb-sg-blur-pop);backdrop-filter:var(--gb-sg-blur-pop);box-shadow:inset 0 1px 0 var(--gb-el-rim), 0 2px 6px var(--gb-el-near), 0 40px 80px -32px var(--gb-el-cast);border-radius:12px;flex-direction:column;padding:28px 24px 24px;display:flex}.si__title{letter-spacing:-.02em;color:var(--hb-ink);font-size:24px;font-weight:600;line-height:32px}.si__lede{color:var(--hb-ink-2);text-wrap:balance;margin-top:4px;font-size:14px;line-height:20px}.si__form{min-height:232px;margin-top:24px}.si__foot{color:var(--hb-ink-3);text-align:center;flex-wrap:wrap;justify-content:center;align-self:start;gap:4px 12px;margin-top:16px;font-size:12px;line-height:16px;display:flex}.si__dev{align-items:center;gap:12px;display:inline-flex}.si__dev:before{content:"";opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px}@media (min-width:1024px){.si{grid-template-rows:none;grid-template-columns:minmax(0,1.25fr) minmax(440px,1fr);gap:0;padding:0}.si__brand{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);height:100dvh;min-height:640px;padding:0 clamp(40px,5vw,80px);display:grid}.si__intro{grid-row:2;gap:28px}.si__pitch{gap:12px}.si__line{letter-spacing:-.03em;max-width:20ch;font-size:clamp(28px,1.25vw + 16px,36px);font-weight:600;line-height:1.15}.si__sub{max-width:46ch;font-size:16px;line-height:24px}.si__proof{grid-row:3;min-height:0;margin:0 -40px;padding:clamp(32px,6vh,56px) 40px 0;display:block;overflow:hidden}.si__frame{border:1px solid var(--gb-sg-edge);background:var(--gb-sg-sheen), var(--gb-sg-fill);max-width:760px;-webkit-backdrop-filter:var(--gb-sg-blur);backdrop-filter:var(--gb-sg-blur);box-shadow:inset 0 1px 0 var(--gb-el-rim), 0 2px 6px var(--gb-el-near), 0 30px 60px -24px var(--gb-el-cast);border-bottom:0;border-radius:14px 14px 0 0;padding:6px 6px 0}.si__shot{aspect-ratio:1440/900;object-fit:cover;object-position:top left;width:100%;height:auto;box-shadow:0 0 0 1px var(--gb-el-edge);border-radius:9px 9px 0 0;display:block}.si__side{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);height:100dvh;min-height:640px;padding:0 56px}.si__card{grid-row:2;padding:36px 36px 28px}.si__foot{grid-row:3;margin-top:20px}}@media (prefers-reduced-motion:no-preference){.si__intro,.si__proof,.si__card{animation:si-rise .64s var(--gb-ease) both}.si__card{animation-delay:60ms}.si__proof{animation-delay:.12s}}@keyframes si-rise{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-transparency:reduce){.si__glow{display:none}}@media (forced-colors:active){.si:before,.si__glow,.si__dev:before{display:none}.si__card,.si__frame{box-shadow:none;border:1px solid canvastext}}