/* Black Week: black-first, huge condensed type, one hot accent. Dark by design. */
:root{
  --bg:#050505;--bg-2:#0d0d0d;--surface:#111;--surface-2:#141414;
  --ink:#f6f4ef;--ink-2:#c8c5bc;--ink-3:#9c998f;--line:#242424;--line-2:#3a3a3a;
  --accent:#ff5a1f;--on-accent:#0a0a0a;--hot:#ff5a1f;--on-hot:#0a0a0a;--ok:#5be38c;--focus:#ffd60a;
  --inv-bg:#f6f4ef;--inv-surface:#fff;--inv-ink:#0a0a0a;--inv-ink-2:#3d3b36;--inv-line:#d9d6cd;
  --font-display:'Archivo','Arial Narrow',system-ui,sans-serif;
  --display-weight:850;--display-stretch:68%;--display-tracking:-.015em;--display-leading:.9;
  --em-color:var(--hot);
  --h1:clamp(3.1rem,1rem + 9.4vw,9rem);--h2:clamp(2.4rem,1.2rem + 4.6vw,5.4rem);--h3:1.25rem;
  --radius:8px;--radius-lg:12px;--radius-btn:8px;
  --shadow:0 10px 30px -14px rgb(0 0 0/.9);--shadow-lg:0 24px 70px -20px rgb(0 0 0/1);
  color-scheme:dark;
}
[style*="--app:"]{--appc:var(--app-dark)}
.tone-inverse [style*="--app:"],.tone-inverse[style*="--app:"]{--appc:var(--app-ink)}
.tone-inverse{--hot:#d93f00;--on-hot:#fff}
h1,h2,.sec-title{text-transform:uppercase;word-spacing:.06em}

h3{font-family:var(--font-body);font-weight:700;letter-spacing:-.01em}
.btn{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}
.btn--primary:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--hot) 30%,transparent),0 12px 40px -8px color-mix(in srgb,var(--hot) 70%,transparent)}
.site-head{background:color-mix(in srgb,#050505 82%,transparent)}
.brand__mark{background:var(--hot);color:#0a0a0a}
.hero{padding-top:clamp(24px,4vw,64px)}
.hero::before{content:"BLACK WEEK";position:absolute;left:50%;bottom:-.14em;transform:translateX(-50%);font:900 clamp(6rem,24vw,22rem)/.8 var(--font-display);font-stretch:62%;letter-spacing:-.02em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #1d1d1d;pointer-events:none;z-index:0}
.hero__inner{position:relative;z-index:1}
.hero__title em{font-style:normal;color:var(--hot)}
.hero__eyebrow{color:var(--hot)}

.offer{background:#0c0c0c}
.offer.is-highlight{border-color:var(--hot);background:linear-gradient(180deg,#1a0d06,#0c0c0c 55%)}
.offer__amount{font-size:clamp(3.6rem,2.4rem + 4vw,5.6rem)}
.step{border-top-color:var(--hot)}

.sec--final{background:#ff5a1f;color:#0a0a0a;--ink:#0a0a0a;--ink-2:#1f1f1f;--ink-3:#2a2a2a;--line:rgb(0 0 0/.25);--line-2:rgb(0 0 0/.35);--surface:#ff7a47;--surface-2:#ff7340;--accent:#0a0a0a;--on-accent:#fff;--ok:#0a0a0a;--hot:#0a0a0a;--focus:#0a0a0a}
.sec--final .final__title{font-size:clamp(2.6rem,1rem + 7vw,7rem);max-width:16ch}
.sec--final .cd-dot{background:#0a0a0a}
.sticky{background:#111;color:#f6f4ef;border-color:#2a2a2a}
.sticky .btn{--btn-bg:var(--hot);--btn-ink:#0a0a0a}

.cmp-wrap{background:#0b0b0b}
.tone-inverse .cmp-wrap{background:#fff}