.sf-ch{padding:44px var(--sf-gutter) 36px}.sf-ch-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:28px;display:grid}.sf-ch-side{justify-self:center;min-width:0}.sf-ch-eyebrow{font:800 15px/1.3 var(--sf-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--sf-cyan-lit);margin:0 0 16px}.sf-ch-plate{--sf-ch-tube:var(--sf-magenta);--sf-ch-edge:28%;--sf-ch-glow:14%;border:1px solid color-mix(in srgb, var(--sf-ch-tube) var(--sf-ch-edge), transparent);background:color-mix(in srgb, var(--sf-night) 92%, transparent);max-width:100%;box-shadow:0 0 70px color-mix(in srgb, var(--sf-ch-tube) var(--sf-ch-glow), transparent);border-radius:10px;padding:12px 30px 16px;display:inline-block;position:relative}.sf-ch-plate--magenta{--sf-ch-tube:var(--sf-magenta)}.sf-ch-plate--cyan{--sf-ch-tube:var(--sf-cyan);--sf-ch-edge:30%}.sf-ch-plate--yellow{--sf-ch-tube:var(--sf-yellow);--sf-ch-edge:30%;--sf-ch-glow:12%}.sf-ch-plate--gold{--sf-ch-tube:var(--sf-gold);--sf-ch-edge:30%;--sf-ch-glow:12%}.sf-ch-screw{background:radial-gradient(circle at 35% 35%, var(--sf-text), var(--sf-edge) 70%);border-radius:50%;width:7px;height:7px;position:absolute}.sf-ch-screw:first-child{top:8px;left:8px}.sf-ch-screw:nth-child(2){top:8px;right:8px}.sf-ch-screw:nth-child(3){bottom:8px;left:8px}.sf-ch-screw:nth-child(4){bottom:8px;right:8px}.sf-ch-plate .sf-ch-sign.sf-sign--title{font-size:52px}.sf-ch-lead{max-width:640px;color:var(--sf-soft);margin:20px 0 0;font-size:19px;line-height:1.5}.sf-ch-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}@media (width>=900px){.sf-ch-grid:not(.sf-ch-grid--solo){grid-template-columns:minmax(0,1fr) auto;gap:56px}.sf-ch-grid.sf-ch-grid--half{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=899px){.sf-ch-grid--beside{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow eyebrow""sign side""lead lead""actions actions";gap:0 16px}.sf-ch-grid--beside .sf-ch-txt{display:contents}.sf-ch-grid--beside .sf-ch-eyebrow{grid-area:eyebrow}.sf-ch-grid--beside .sf-ch-plate{grid-area:sign;justify-self:start}.sf-ch-grid--beside .sf-ch-side{grid-area:side;justify-self:end}.sf-ch-grid--beside .sf-ch-lead{grid-area:lead}.sf-ch-grid--beside .sf-ch-actions{grid-area:actions}}@media (width<=767px){.sf-ch{padding:28px var(--sf-gutter) 24px}.sf-ch-plate .sf-ch-sign.sf-sign--title{font-size:36px}.sf-ch-lead{font-size:17px}.sf-ch-actions>.sf-btn{flex:100%}}