html:has(.sp-app){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:auto;background:#f9fafd}html:has(.sp-app) body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:auto;background:#f9fafd}.sp-app{flex-direction:column;min-height:100svh;display:flex}.sp-app .sa-top{z-index:var(--peel-z-sticky);background:color-mix(in srgb, var(--peel-surface) 92%, transparent);border-bottom:1px solid var(--peel-line);-webkit-backdrop-filter:saturate(1.4)blur(12px);padding-top:env(safe-area-inset-top);position:sticky;top:0}.sp-app .sa-top-in{max-width:1264px;height:64px;padding:0 max(32px, env(safe-area-inset-right)) 0 max(32px, env(safe-area-inset-left));align-items:center;gap:16px;margin:0 auto;display:flex}.sp-app .sa-top-end{align-items:center;gap:16px;min-width:0;margin-left:auto;display:flex}.sp-app .sa-top-shop{max-width:280px;color:var(--peel-text-2);font-size:var(--peel-fs-body-sm);line-height:var(--peel-lh-body-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sp-app .sa-main{width:100%;padding:40px max(32px, env(safe-area-inset-right)) 64px max(32px, env(safe-area-inset-left));flex:1}.sp-app .sa-foot{padding:20px 16px max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--peel-line);font-size:var(--peel-fs-label);line-height:var(--peel-lh-label);flex-wrap:wrap;justify-content:center;gap:4px 24px;display:flex}.sp-app .sa-foot a{min-height:36px;color:var(--peel-text-2);align-items:center;text-decoration:none;display:inline-flex}@media (pointer:coarse){.sp-app .sa-foot a,.sp-app .sa-top .peel-lockup{min-height:44px}.sp-app .sa-foot{padding-bottom:calc(max(24px, env(safe-area-inset-bottom)) + 72px)}}.sp-app .sa-foot a:hover{color:var(--peel-text);text-decoration:underline}.sp-app .sp-loading{color:var(--peel-text-2);font-size:var(--peel-fs-body-sm);text-align:center;margin:64px auto}.sp-app .sa-lede,.sp-app .sa-text,.sp-app .sa-intro{max-width:70ch;color:var(--peel-text-2)}.sp-app .sa-fine{max-width:70ch;color:var(--peel-text-2);font-size:var(--peel-fs-body-sm);line-height:var(--peel-lh-body-sm)}.sp-app .sa-lede strong,.sp-app .sa-text strong{color:var(--peel-text);overflow-wrap:anywhere;font-weight:600}.sp-app code{border-radius:var(--peel-r-xs);background:var(--peel-sunken);color:var(--peel-text);font-family:var(--peel-font-mono);overflow-wrap:anywhere;padding:1px 5px;font-size:.86em}.sp-app .sa-link{color:var(--peel-text);text-decoration:underline;-webkit-text-decoration-color:var(--peel-line-control);text-decoration-color:var(--peel-line-control);text-underline-offset:3px;transition:text-decoration-color var(--peel-dur-hover) ease;background:0 0;border:0;margin:-12px -2px;padding:12px 2px;font-weight:600}.sp-app .sa-link:hover{text-decoration-color:currentColor}.sp-app .sa-inline-link{align-items:center;gap:6px;min-width:0;max-width:100%;min-height:32px;font-weight:500;display:inline-flex}.sp-app .sa-inline-link span{overflow-wrap:anywhere;min-width:0}.sp-app .sa-inline-link svg{color:var(--peel-text-2)}@media (pointer:coarse){.sp-app .sa-inline-link{min-height:44px}}.sp-app .sa-optional{color:var(--peel-text-3);font-size:var(--peel-fs-caption);margin-left:8px;font-weight:500}.sp-app .peel-err{margin:0}.sp-app .peel-err svg{margin-top:0}.sp-app .sa-form{gap:16px;display:grid}.sp-app .sa-form[hidden]{display:none}.sp-app .sa-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-app .sa-turnstile:empty{display:none}.sp-app .sa-saved{color:var(--peel-ok-fg);font-size:var(--peel-fs-body-sm);align-items:center;gap:6px;font-weight:600;display:inline-flex}.sp-app .peel-btn[data-sending]{cursor:progress}.sp-app a.peel-btn{text-decoration:none}.sp-app .sa-banner{border:1px solid var(--peel-line-strong);border-radius:var(--peel-r-md);background:var(--peel-sunken);font-size:var(--peel-fs-body-sm);line-height:var(--peel-lh-body-sm);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;padding:12px 14px;display:grid}.sp-app .sa-banner>div{overflow-wrap:anywhere}.sp-app .sa-banner a{color:inherit;text-underline-offset:3px;font-weight:600;text-decoration:underline}.sp-app .sa-banner.error{border-color:var(--peel-danger-line);background:var(--peel-danger-soft)}.sp-app .sa-banner.error>svg{color:var(--peel-danger-fg)}.sp-app .sa-banner.info{border-color:var(--peel-info-line);background:var(--peel-info-soft)}.sp-app .sa-banner.info>svg{color:var(--peel-info-fg)}.sp-app .sa-banner.done{border-color:var(--peel-ok-line);background:var(--peel-ok-soft)}.sp-app .sa-banner.done>svg{color:var(--peel-ok-fg)}.sp-app .sa-signin{grid-template-columns:minmax(0,440px) minmax(0,340px);justify-content:center;align-items:start;gap:64px;padding-top:32px;display:grid}.sp-app .sa-auth{gap:16px;padding:32px;display:grid}.sp-app .sa-auth>h1+.sa-lede{margin-top:-8px}.sp-app .sa-google{gap:12px}.sp-app .sa-google-mark{width:20px;height:20px}.sp-app .sa-or{color:var(--peel-text-2);font-size:var(--peel-fs-label);line-height:var(--peel-lh-label);align-items:center;gap:12px;display:flex}.sp-app .sa-or:before,.sp-app .sa-or:after{content:"";background:var(--peel-line);flex:1;height:1px}.sp-app .sa-new{border-top:1px solid var(--peel-line);padding-top:16px}.sp-app .sa-new a{font-weight:600}.sp-app .sa-sent{justify-items:start;gap:12px;display:grid}.sp-app .sa-sent:focus{outline:none}.sp-app .sa-sent-icon,.sp-app .sa-empty-icon{border:1px solid var(--peel-line);border-radius:var(--peel-r-md);background:var(--peel-sunken);width:48px;height:48px;color:var(--peel-text);place-items:center;display:grid}.sp-app .sa-sent .sa-fine{margin-top:4px}.sp-app .sa-inside{gap:20px;padding-top:32px;display:grid}.sp-app .sa-inside ul{gap:18px;list-style:none;display:grid}.sp-app .sa-inside li{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;display:grid}.sp-app .sa-inside li>svg{box-sizing:content-box;border:1px solid var(--peel-line);border-radius:var(--peel-r-sm);background:var(--peel-surface);color:var(--peel-text-2);padding:7px}.sp-app .sa-inside p{color:var(--peel-text-2);font-size:var(--peel-fs-body-sm);line-height:var(--peel-lh-body-sm);padding-top:6px}.sp-app .sa-inside strong{color:var(--peel-text);font-weight:600}.sp-app .sa-arrow-link{justify-self:start;align-items:center;gap:6px;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.sp-app .sa-arrow-link:hover{text-decoration:underline}.sp-app .sa-section{gap:16px;min-width:0;padding:24px;scroll-margin-top:88px;display:grid}.sp-app .sa-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.sp-app .sa-section-head h2{align-items:center;gap:10px;display:flex}.sp-app .sa-section-actions{flex-wrap:wrap;gap:8px;display:flex}.sp-app .sa-intro{margin-top:-6px}.sp-app .sa-founding{gap:12px;padding:20px;display:grid}.sp-app .sa-founding h2{align-items:center;gap:8px;display:flex}.sp-app .sa-founding .sa-text{font-size:var(--peel-fs-body-sm);line-height:var(--peel-lh-body-sm)}.sp-app .sa-founding.is-member{border-color:var(--peel-info-line)}.sp-app .sa-founding.is-member h2 svg{color:var(--peel-info-fg)}.sp-app .sa-founding .sa-form{gap:12px}.sp-app .sa-leads-card{container-type:inline-size}.sp-app .sa-leads{border-top:1px solid var(--peel-line);list-style:none}.sp-app .sa-lead{border-bottom:1px solid var(--peel-line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who when""wants wants""contact contact";gap:6px 12px;padding:14px 0;display:grid}.sp-app .sa-lead-who{grid-area:who;min-width:0}.sp-app .sa-lead-wants{grid-area:wants;min-width:0}.sp-app .sa-lead-contact{flex-direction:column;grid-area:contact;align-items:flex-start;gap:0;min-width:0;display:flex}.sp-app .sa-lead-contact .peel-badge{margin-top:6px}.sp-app .sa-lead-when{color:var(--peel-text-2);font-size:var(--peel-fs-label);line-height:var(--peel-lh-label);white-space:nowrap;text-align:right;grid-area:when}.sp-app .sa-lead-name{font-size:var(--peel-fs-title-sm);line-height:var(--peel-lh-title-sm);overflow-wrap:anywhere;font-weight:650}.sp-app .sa-lead-meta{color:var(--peel-text-2);font-size:var(--peel-fs-label);line-height:var(--peel-lh-label);overflow-wrap:anywhere}.sp-app .sa-ref{color:var(--peel-text-3);font-size:var(--peel-fs-caption);margin-left:4px}.sp-app .sa-ref-line{overflow-wrap:normal;white-space:nowrap;text-overflow:ellipsis;margin-left:0;overflow:hidden}@container (width>=640px){.sp-app .sa-lead{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1.3fr) auto;grid-template-areas:"who wants contact when";gap:0 20px;padding:16px 0}.sp-app .sa-lead-contact{flex-direction:column;align-items:flex-start;gap:0}.sp-app .sa-lead-contact .sa-inline-link{min-height:24px}.sp-app .sa-lead-contact .peel-badge{margin-top:6px}.sp-app .sa-lead-wants{padding-top:2px}.sp-app .sa-lead-when{padding-top:3px}}@container (width>=640px) and (pointer:coarse){.sp-app .sa-lead-contact .sa-inline-link{min-height:44px}}.sp-app .sa-lead--pic{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"pic who""pic when""wants wants""contact contact"}.sp-app .sa-lead--pic .sa-lead-when{text-align:left}.sp-app .sa-lead-pic{aspect-ratio:16/9;border:1px solid var(--peel-line);border-radius:var(--peel-r-sm);background:var(--peel-sunken);cursor:zoom-in;width:96px;transition:border-color var(--peel-dur-hover) ease;grid-area:pic;padding:0;display:block;overflow:hidden}.sp-app .sa-lead-pic img{object-fit:cover;width:100%;height:100%;display:block}.sp-app .sa-lead-pic--none{cursor:default;border-style:dashed}.sp-app .sa-lead-pic:not(.sa-lead-pic--none):hover{border-color:var(--peel-line-control)}.sp-app .sa-lead-pic:focus-visible{outline:2px solid var(--peel-focus);outline-offset:2px}@container (width>=640px){.sp-app .sa-lead--pic{grid-template-columns:128px minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1.3fr) auto;grid-template-areas:"pic who wants contact when"}.sp-app .sa-lead--pic .sa-lead-when{text-align:right}.sp-app .sa-lead-pic{width:128px}}.sp-app .sa-picture{border-radius:var(--peel-r-lg);background:var(--peel-surface);width:min(840px,100vw - 32px);max-width:none;color:var(--peel-text);border:0;margin:auto;padding:0;overflow:hidden}.sp-app .sa-picture::backdrop{background:#08090bb8}.sp-app .sa-picture figure{margin:0}.sp-app .sa-picture img{aspect-ratio:16/9;background:#24272b;width:100%;height:auto;display:block}.sp-app .sa-picture figcaption{font-size:var(--peel-fs-body-sm);line-height:var(--peel-lh-body-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding:12px 16px;display:flex}.sp-app .sa-picture-close{border-radius:var(--peel-r-pill);color:#fff;cursor:pointer;background:#08090b99;border:0;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:10px;right:10px}.sp-app .sa-skeleton{grid-template-columns:1fr;grid-template-areas:none;gap:8px;display:grid}.sp-app .sa-skeleton span{border-radius:var(--peel-r-xs);background:linear-gradient(90deg, var(--peel-sunken) 0%, var(--peel-line) 50%, var(--peel-sunken) 100%) 0 0 / 200% 100%;height:12px;animation:1.4s linear infinite sa-shimmer;display:block}.sp-app .sa-skeleton span:first-child{width:30%;height:16px}.sp-app .sa-skeleton span:nth-child(2){width:70%}.sp-app .sa-skeleton span:nth-child(3){width:45%}@keyframes sa-shimmer{to{background-position:-200% 0}}.sp-app .sa-empty{border:1px dashed var(--peel-line-strong);border-radius:var(--peel-r-md);background:var(--peel-canvas);justify-items:start;gap:12px;padding:28px;display:grid}.sp-app .sa-empty>.peel-art-icon{margin:0 0 4px}.sp-app .sa-empty .sa-text{margin-top:-4px}.sp-app .sa-steps{counter-reset:sa-step;gap:8px;margin:4px 0 8px;list-style:none;display:grid}.sp-app .sa-steps li{counter-increment:sa-step;font-size:var(--peel-fs-body-sm);line-height:var(--peel-lh-body-sm);align-items:center;gap:10px;display:flex}.sp-app .sa-steps li:before{content:counter(sa-step);border:1px solid var(--peel-line-control);background:var(--peel-surface);width:24px;height:24px;font-size:var(--peel-fs-caption);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.sp-app .sa-segment{border:1px solid var(--peel-line);border-radius:var(--peel-r-control);background:var(--peel-sunken);justify-self:start;gap:2px;padding:3px;display:inline-flex}.sp-app .sa-segment button{min-height:36px;color:var(--peel-text-2);font-size:var(--peel-fs-label);transition:background-color var(--peel-dur-hover) ease, color var(--peel-dur-hover) ease;background:0 0;border:0;border-radius:8px;padding:0 14px;font-weight:600}.sp-app .sa-segment button:hover{color:var(--peel-text)}.sp-app .sa-segment button[aria-selected=true]{background:var(--peel-surface);color:var(--peel-text);box-shadow:var(--peel-e1)}.sp-app .sa-buttons{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sp-app .sa-site-btn{border-radius:999px;padding:12px 20px;font:600 16px/1.2 system-ui,-apple-system,sans-serif;text-decoration:none;display:inline-block}.sp-app .sa-code{border:1px solid var(--peel-line);border-radius:var(--peel-r-md);background:var(--peel-sunken);align-items:flex-start;gap:12px;padding:8px 8px 8px 16px;display:flex}.sp-app .sa-code pre{min-width:0;color:var(--peel-text);font-family:var(--peel-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:6px 0;font-size:13px;line-height:1.6}.sp-app .sa-code pre code{font-size:inherit;background:0 0;padding:0}.sp-app .sa-code pre:focus-visible{border-radius:var(--peel-r-xs)}.sp-app .sa-copy{flex:none}.sp-app .sa-preview-head{border-top:1px solid var(--peel-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-top:8px;padding-top:20px;display:flex}.sp-app .sa-preview{border:1px solid var(--peel-line);border-radius:var(--peel-r-md);background:var(--peel-canvas);overflow:hidden}.sp-app .sa-preview iframe{border:0;width:100%;height:640px;display:block}.sp-app .sa-logo-field{max-width:560px}.sp-app .sa-logo{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.sp-app .sa-logo-stage{border:1px solid var(--peel-line);border-radius:var(--peel-r-md);background:var(--peel-canvas);width:260px;max-width:100%;height:72px;color:var(--peel-text);align-items:center;padding:0 18px;display:flex}.sp-app .sa-logo-stage img{object-fit:contain;max-width:100%;max-height:36px}.sp-app .sa-logo-name{font-size:var(--peel-fs-title-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.sp-app .sa-logo-actions{align-items:center;gap:8px;display:flex}.sp-app .sa-form>.peel-field,.sp-app .sa-set{max-width:560px}.sp-app .sa-color{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.sp-app .sa-swatch{border:1px solid var(--peel-line-control);border-radius:var(--peel-r-control);background:var(--peel-surface);cursor:pointer;width:44px;height:44px;padding:3px}.sp-app .sa-swatch::-webkit-color-swatch-wrapper{padding:0}.sp-app .sa-swatch::-webkit-color-swatch{border:0;border-radius:6px}.sp-app .peel-input.sa-hex{width:9.5em;font-family:var(--peel-font-mono)}.sp-app .sa-accent-sample{border:1px solid var(--peel-line);border-radius:var(--peel-r-pill);height:36px;font-size:var(--peel-fs-label);align-items:center;padding:0 16px;font-weight:650;display:inline-flex}.sp-app .sa-set{border:0;min-inline-size:0;margin:0;padding:0}.sp-app .sa-set>legend{font-size:var(--peel-fs-label);line-height:var(--peel-lh-label);margin-bottom:6px;padding:0;font-weight:600}.sp-app .sa-set .sa-link{font-size:inherit}.sp-app .sa-chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.sp-app .sa-chip{position:relative}.sp-app .sa-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sp-app .sa-chip span{border:1px solid var(--peel-line-control);border-radius:var(--peel-r-pill);background:var(--peel-surface);min-height:36px;font-size:var(--peel-fs-label);transition:background-color var(--peel-dur-hover) ease, color var(--peel-dur-hover) ease, border-color var(--peel-dur-hover) ease;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.sp-app .sa-chip:hover span{background:color-mix(in srgb, var(--peel-surface), var(--peel-text) 5%)}.sp-app .sa-chip input:checked+span{border-color:var(--peel-selected);background:var(--peel-selected);color:var(--peel-on-selected)}.sp-app .sa-chip input:focus-visible+span{outline:2px solid var(--peel-focus);outline-offset:2px}.sp-app .sa-hosts{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.sp-app .sa-host{border:1px solid var(--peel-line-strong);border-radius:var(--peel-r-pill);background:var(--peel-sunken);min-height:36px;font-size:var(--peel-fs-body-sm);align-items:center;gap:2px;padding:0 3px 0 12px;display:inline-flex}.sp-app .sa-host button{width:30px;height:30px;color:var(--peel-text-2);transition:background-color var(--peel-dur-hover) ease, color var(--peel-dur-hover) ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.sp-app .sa-host button:before{content:"";border-radius:50%;position:absolute;inset:-7px}.sp-app .sa-host button:active,.sp-app .sa-host button:hover{background:var(--peel-pressed);color:var(--peel-text)}.sp-app .sa-add{gap:8px;display:flex}.sp-app .sa-add .peel-input{flex:1;min-width:0}.sp-app .sa-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0;display:grid}.sp-app .sa-dl dt{color:var(--peel-text-2);font-size:var(--peel-fs-label);line-height:var(--peel-lh-label)}.sp-app .sa-dl dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:500}.sp-app .sa-sub{border-top:1px solid var(--peel-line);gap:12px;margin-top:8px;padding-top:24px;display:grid}.sp-app .sa-sub>*{max-width:560px}.sp-app .sa-sub.sa-form{gap:16px}.sp-app .sa-sub>div>.sa-text{margin-top:4px}.sp-app .sa-danger h3{color:var(--peel-danger-fg)}.sp-app .peel-input.sa-confirm{max-width:260px}.sp-app .peel-btn.sa-delete:not([aria-disabled=true]){background:var(--peel-danger-fg);color:var(--peel-on-primary)}.sp-app .peel-btn.sa-delete:not([aria-disabled=true]):hover{background:color-mix(in srgb, var(--peel-danger-fg), black 14%)}@media (width<=1023px){.sp-app #leads{order:1}.sp-app .sa-founding{order:2}.sp-app #setup{order:3}.sp-app #branding{order:4}.sp-app #websites{order:5}.sp-app #account{order:6}.sp-app .sa-signin{grid-template-columns:minmax(0,480px);gap:8px;padding-top:0}}@media (width<=640px){.sp-app .sa-top-in{height:56px;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left))}.sp-app .sa-top .peel-lockup svg{height:16px}.sp-app .sa-top .peel-lockup-div{height:11px}.sp-app .sa-top .peel-lockup-name{font-size:14px}.sp-app .sa-top-shop{display:none}.sp-app .sa-main{padding:20px max(16px, env(safe-area-inset-right)) 40px max(16px, env(safe-area-inset-left))}.sp-app .sa-auth{padding:24px 20px}.sp-app .sa-section{padding:20px 16px;scroll-margin-top:72px}.sp-app .sa-empty{padding:20px 16px}.sp-app .sa-segment{justify-self:stretch;display:flex}.sp-app .sa-segment button{white-space:nowrap;flex:auto;padding:0 8px}.sp-app .sa-code{flex-direction:column;align-items:stretch;padding:8px 12px 12px}.sp-app .sa-preview iframe{height:600px}.sp-app .sa-dl{grid-template-columns:minmax(0,1fr)}.sp-app .sa-empty .peel-btn{width:100%}.sp-app .sa-section-actions:has(>:nth-child(2)){flex-wrap:nowrap;width:100%}.sp-app .sa-section-actions:has(>:nth-child(2))>.peel-btn{flex:1 1 0}.sp-app .sa-section-actions:has(>:nth-child(2))>.peel-btn.quiet{border:1px solid var(--peel-line-control)}}@media (pointer:coarse){.sp-app .sa-segment button,.sp-app .sa-chip span{min-height:44px}}@media (prefers-reduced-motion:reduce){.sp-app .sa-skeleton span{animation:none}html:has(.sp-app){scroll-behavior:auto}}@media (prefers-reduced-motion:no-preference){html:has(.sp-app){scroll-behavior:smooth}}.sp-app .sa-auth>.sa-auth-art{margin:0 0 -4px}
