.sp{--sp-bg:#f1f2ef;--sp-ink:#394145;--sp-ink-2:#4a5357;--sp-muted:#6b7478;--sp-line:#c9d0cc;--sp-red:#d94f49;background:var(--sp-bg);min-height:100dvh;color:var(--sp-ink);font-family:var(--font-display);grid-template-rows:auto 1fr;gap:32px;padding:clamp(20px,4vw,48px) clamp(16px,5vw,72px);display:grid}.sp__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.sp__top a{border-radius:8px;display:inline-block}.sp__top a:focus-visible{outline:3px solid var(--sp-red);outline-offset:4px}.sp__main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,6vw,88px);width:100%;max-width:1180px;margin:0 auto;display:grid}.sp__code{letter-spacing:-.07em;color:var(--sp-line);font-variant-numeric:tabular-nums;font-size:clamp(6rem,20vw,15rem);font-weight:200;line-height:.8}.sp__copy{gap:24px;min-width:0;display:grid}.sp h1{letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,5.5vw,4rem);line-height:1.02}.sp__thin{font-weight:200}.sp__bold{color:var(--sp-red);letter-spacing:-.04em;font-weight:800}.sp--green .sp__bold{color:#1e7a4e}.sp--green .sp__code{color:#bfe3cf}.sp__body{max-width:52ch;font-family:var(--font-body);color:var(--sp-ink-2);font-size:1.08rem;line-height:1.6}.sp__body p{margin:0}.sp__actions{flex-wrap:wrap;gap:10px;display:flex}.sp__btn{border:1.5px solid var(--sp-ink);min-height:48px;color:var(--sp-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.sp__btn--dark,.sp__btn:hover{background:var(--sp-ink);color:#fff}.sp__btn:focus-visible{outline:3px solid var(--sp-red);outline-offset:2px}.sp__note{font-family:var(--font-body);color:var(--sp-muted);margin:0;font-size:.85rem}.sp__note code{font-family:ui-monospace,Menlo,monospace;font-size:.85em}@media (max-width:720px){.sp__main{grid-template-columns:minmax(0,1fr);align-content:center;gap:8px}}