/* Black Friday page. Builds on site.css tokens and the Pro page components. */
.su-bf-hero .su-hero-copy{text-align:center;margin-inline:auto;max-width:860px}
.su-bf-hero h1{margin-top:18px}
.su-bf-pct{background:linear-gradient(90deg,#FFE29A,#F5A300 60%,#FFB86B);-webkit-background-clip:text;background-clip:text;color:transparent}
.su-bf-hero .su-hero-sub{margin-inline:auto;max-width:640px}
.su-bf-hero .su-cta-row,.su-bf-hero .su-pro-trust{justify-content:center}
.su-bf-clock{display:inline-flex;align-items:center;gap:10px;margin:26px auto 4px;padding:10px 12px 10px 18px;border:1px solid rgba(255,212,122,.28);border-radius:16px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.su-bf-clock-label{margin-right:6px;font:600 11px/1.2 var(--mono,ui-monospace,Menlo,monospace);letter-spacing:.1em;text-transform:uppercase;color:#FFD47A;text-align:left;max-width:70px}
.su-bf-clock div{display:grid;justify-items:center;min-width:58px;padding:8px 6px;border-radius:11px;background:rgba(0,0,0,.35)}
.su-bf-clock b{font:700 26px/1 var(--mono,ui-monospace,Menlo,monospace);color:#fff;font-variant-numeric:tabular-nums}
.su-bf-clock small{margin-top:4px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#A9A5C7}
.su-plan-tag.su-bf-tag{background:linear-gradient(90deg,#FFE29A,#F5A300);color:#1B1040}
.su-plan:not(.is-pop) .su-plan-tag.su-bf-tag{position:absolute;top:18px;right:18px}
.su-bf-was{margin:14px 0 -4px;color:var(--dim);font-size:14px;text-decoration:line-through;text-decoration-thickness:1.5px}
.su-plan.is-pop .su-bf-was{color:#A9A5C7}
.su-bf-fine{max-width:760px;margin:22px auto 0;text-align:center;color:var(--muted);font-size:14px;line-height:1.6}
.su-bf-fine a{color:var(--accent-ink);text-decoration:underline}
.su-bf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.su-bf-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}
.su-bf-card svg{width:22px;height:22px;padding:10px;box-sizing:content-box;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink)}
.su-bf-card h3{margin:16px 0 6px;font-size:17px;letter-spacing:-.015em}
.su-bf-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
@media (max-width:1000px){.su-bf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.su-bf-grid{grid-template-columns:1fr}.su-bf-clock{gap:6px;padding:8px}.su-bf-clock-label{display:none}.su-bf-clock div{min-width:52px}.su-bf-clock b{font-size:22px}}
.su-bf-hero{padding:64px 0 60px!important}
.su-bf-hero h1 .su-bf-pct{display:inline}
.su-bf-hero h1 em{margin-top:6px}
.su-bf-hero .su-hero-sub{white-space:normal!important;max-width:640px}
/* Black Friday identity: black panel, gold glow, giant wordmark. */
.su-bf-black{background:radial-gradient(60% 55% at 50% 0%,rgba(245,163,0,.22),transparent 65%),radial-gradient(40% 50% at 100% 100%,rgba(139,107,255,.18),transparent 60%),#050507!important}
.su-bf-black .su-hero-grid{opacity:.5}
.su-bf-black .su-badge{border-color:rgba(255,212,122,.35)}
.su-bf-mark{display:flex;justify-content:center;gap:.22em;margin:22px 0 0;font:800 clamp(52px,10.5vw,148px)/.86 var(--sans,Inter,system-ui,sans-serif);letter-spacing:-.055em;text-transform:uppercase}
.su-bf-mark span:first-child{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.88)}
.su-bf-mark span:last-child{background:linear-gradient(180deg,#FFE29A 0%,#F5A300 70%,#C97800 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 40px rgba(245,163,0,.35))}
.su-bf-black h1{margin-top:22px}
@media (max-width:600px){.su-bf-mark{flex-direction:column;align-items:center;gap:0}.su-bf-mark span:first-child{-webkit-text-stroke:1.5px rgba(255,255,255,.88)}}
/* Site-wide bar. */
.su-bf-bar{display:block;padding:10px 16px;background:#050507;color:#E6E3EE;text-align:center;font-size:14px;line-height:1.4;text-decoration:none;border-bottom:1px solid rgba(255,212,122,.25)}
.su-bf-bar b{color:#FFD47A;letter-spacing:.06em;text-transform:uppercase;font:700 12px/1 var(--mono,ui-monospace,Menlo,monospace);margin-right:8px;padding:4px 8px;border:1px solid rgba(255,212,122,.45);border-radius:999px;vertical-align:1px}
.su-bf-bar span{text-decoration:underline;text-underline-offset:3px;margin-left:6px;color:#fff}
.su-bf-bar:hover span{color:#FFD47A}
.su-bf-mark span:first-child{letter-spacing:-.01em}