.bf-preview { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:12px max(24px,calc((100vw - 1140px)/2)); background:#132036; color:#c2ccde; font:12px/1.5 Arial,sans-serif; }
.bf-preview strong { color:#fff; margin-right:12px; }
.bf-preview__states { display:flex; gap:4px; flex-shrink:0; }
.bf-preview button { background:transparent; color:#b6c2d8; padding:7px 12px; border:1px solid #45516a; border-radius:5px; cursor:pointer; }
.bf-preview button[aria-pressed=true] { background:#e7ecf6; color:#102039; border-color:#e7ecf6; }
.bf-hero { background:radial-gradient(ellipse at 79% 25%,#142031 0,transparent 40%),linear-gradient(120deg,#080a0e,#080b11 65%,#0b101a); color:#f8f9fb; overflow:hidden; }
.bf-grid { display:grid; grid-template-columns:1.25fr 0.75fr; column-gap:64px; padding-top:64px; padding-bottom:26px; }
.bf-copy { padding:6px 0 0; z-index:1; }
.bf-kicker { color:#e2e5eb; font:600 13px/1.5 'Raleway',sans-serif; letter-spacing:.24em; margin:0 0 22px; display:flex; align-items:center; gap:12px; }
.bf-kicker>span { width:24px; height:2px; background:#e63222; }
.bf-hero h1 { margin:0 0 24px; font-family:'Antonio',sans-serif!important; }
.bf-discount { display:flex; align-items:baseline; white-space:nowrap; font-family:'Antonio',sans-serif; font-size:clamp(100px,10.3vw,148px); line-height:1.02; letter-spacing:-.055em; color:#f6f6f6; }
.bf-percent { font-family:'Antonio',sans-serif; font-size:.66em; margin-left:5px; letter-spacing:-.06em; }
.bf-off { font-family:'Antonio',sans-serif; color:#e63222; font-size:.55em; letter-spacing:-.045em; margin-left:21px; }
.bf-year { display:block; font:800 clamp(21px,2.2vw,29px)/1.4 'Raleway',sans-serif; letter-spacing:.13em; margin-top:16px; }
.bf-intro { font:600 20px/1.65 'Raleway',sans-serif; margin:0 0 25px; }
.bf-intro>span { color:#aeb8c7; font-weight:400; font-size:16px; }
.bf-action-area { min-height:150px; }
.bf-timer-label,.bf-status-label { color:#b5bfce; font:600 12px/1.4 'Raleway',sans-serif; margin:0 0 10px; }
.bf-countdown { display:inline-flex; align-items:flex-start; gap:12px; vertical-align:middle; margin:0 22px 12px 0; }
.bf-countdown div { display:flex; flex-direction:column; align-items:center; min-width:33px; }
.bf-countdown strong { font:600 25px/1.15 'Fira Sans',sans-serif; font-variant-numeric:tabular-nums; }
.bf-countdown span { font:10px/2 'Raleway',sans-serif; color:#9ba8bc; }
.bf-countdown i { font-style:normal; color:#58657a; line-height:26px; }
.bf-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:50px; border:1px solid #eb483b; border-radius:50px; padding:13px 23px; background:#df3022; color:#fff; font:700 14px/1.4 'Raleway',sans-serif; text-decoration:none; transition:background .18s,transform .18s; vertical-align:middle; }
.bf-button:enabled:hover { background:#ef3b2c; color:#fff; transform:translateY(-2px); cursor:pointer; }
.bf-button:disabled { background:#9f2e26; border-color:#ae473d; color:#f3d9d6; cursor:not-allowed; }
.bf-button:focus-visible,.bf-preview button:focus-visible,.bf-terms summary:focus-visible { outline:3px solid #a8bcec; outline-offset:4px; }
.bf-action-note { max-width:430px; color:#a5afbf; font:12px/1.6 'Raleway',sans-serif; margin:8px 0 0; }
.bf-price { border-top:1px solid #2c323d; padding-top:15px; margin-top:16px; }
.bf-price p { font:13px/1.6 'Raleway',sans-serif; color:#aeb8c7; margin:0 0 4px; }
.bf-price strong { color:#e6eaf1; }
.bf-market { display:inline-block; color:#9ca8bc; margin-left:8px; font-size:11px; }
.bf-art { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; isolation:isolate; }
.bf-art:before { content:''; position:absolute; inset:50px -60px 30px; background:linear-gradient(120deg,transparent 35%,#ffffff07 50%,transparent 65%); transform:skewX(-8deg); z-index:-1; }
.bf-art__line { position:absolute; height:1px; width:135%; background:linear-gradient(90deg,transparent,#63768b55,transparent); bottom:75px; transform:rotate(-12deg); z-index:-1; }
.bf-art__caption { width:100%; display:flex; justify-content:space-between; color:#8d9bae; font:10px/1.5 'Raleway',sans-serif; letter-spacing:.17em; margin:0 0 20px; padding-bottom:13px; border-bottom:1px solid #ffffff15; }
.bf-app { width:240px; max-width:85%; height:auto; filter:drop-shadow(0 22px 30px #0008); }
.bf-art__footer { color:#b6c0d0; font:12px/1.5 'Raleway',sans-serif; margin-top:20px; display:flex; align-items:center; gap:8px; }
.bf-dot { width:5px; height:5px; border-radius:50%; background:#e63222; }
.bf-terms { grid-column:1/-1; border-top:1px solid #ffffff1c; margin-top:40px; padding-top:20px; display:grid; grid-template-columns:190px 1fr; gap:12px 20px; font:12px/1.6 'Raleway',sans-serif; }
.bf-terms__heading { font-weight:700; color:#d9dfe8; }
.bf-apple { font-family:Arial,sans-serif; font-size:20px; margin-right:5px; }
.bf-terms dl { margin:0; display:grid; grid-template-columns:1fr 1.35fr 1.35fr 1fr; gap:18px; }
.bf-terms dt { color:#8f9bb0; font-weight:400; font-size:11px; margin-bottom:4px; }
.bf-terms dd { color:#d2dae6; margin:0; }
.bf-terms details { grid-column:1/-1; color:#aeb9cb; }
.bf-terms summary { cursor:pointer; width:fit-content; }
.bf-terms details p { max-width:900px; margin:12px 0; font-size:12px; line-height:1.7; }
.bf-ended-title { font:700 38px/1.3 'Antonio',sans-serif; margin-bottom:12px; }
#bf-ended>p+p { font-size:14px; color:#aeb8c7; }
.bf-hero [hidden] { display:none!important; }
.bf-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
/* Scope overrides for legacy site-wide paragraph !important rules. */
.bf-hero .bf-kicker { font-size:13px!important; }
.bf-hero .bf-timer-label,.bf-hero .bf-status-label,.bf-hero .bf-action-note,.bf-hero .bf-terms details p { font-size:12px!important; }
.bf-hero .bf-price p { font-size:13px!important; }
.bf-hero .bf-ended-title { font-size:38px!important; }
.bf-hero #bf-ended>p+p { font-size:14px!important; }
@media(min-width:1440px) { .bf-grid { max-width:1240px; column-gap:110px; } }
@media(max-width:991px) { .bf-grid { column-gap:30px; grid-template-columns:1.2fr .8fr; padding-top:44px; } .bf-discount { font-size:100px; } .bf-year { font-size:20px; letter-spacing:.1em; } .bf-app { width:220px; } .bf-countdown { display:flex; width:fit-content; } .bf-action-area { min-height:212px; } .bf-terms { grid-template-columns:1fr; } .bf-terms dl { grid-template-columns:repeat(4,1fr); } }
@media(max-width:600px) { .bf-preview { padding:10px 20px; flex-wrap:wrap; gap:8px; } .bf-preview strong { display:block; } .bf-preview__states { width:100%; } .bf-preview__states button { flex:1; } .bf-grid { grid-template-columns:1fr; padding:32px 24px 24px; gap:0; } .bf-kicker { font-size:11px; margin-bottom:18px; } .bf-discount { font-size:clamp(95px,25vw,143px); } .bf-off { margin-left:16px; } .bf-year { font-size:clamp(19px,5vw,27px); margin-top:12px; } .bf-hero h1 { margin-bottom:18px; } .bf-intro { font-size:18px; margin-bottom:23px; } .bf-intro>span { font-size:14px; } .bf-countdown { display:flex; gap:20px; margin-bottom:18px; } .bf-countdown strong { font-size:27px; } .bf-button { width:100%; min-height:52px; } .bf-action-area { min-height:220px; } .bf-price { margin-top:0; } .bf-art { margin:30px 0 0; padding:20px 0; border-radius:20px; background:linear-gradient(145deg,#101c2c,#0a101a); } .bf-art__caption { width:calc(100% - 40px); } .bf-app { width:185px; } .bf-art__footer { margin-top:12px; } .bf-terms { margin-top:28px; } .bf-terms dl { grid-template-columns:1fr 1fr; gap:18px; } }
@media(prefers-reduced-motion:reduce) { .bf-button { transition:none; } }
@media(max-width:360px) { .bf-countdown { gap:12px; } .bf-year { letter-spacing:.08em; } .bf-hero .bf-intro { font-size:18px!important; } }

#bf-reminder { color: #f5f0ef; text-decoration: underline; text-underline-offset: 3px; font-size: 14px; }

#bf-manual-code:not([hidden]) { display: flex; flex-wrap: wrap; gap: .45em; align-items: center; margin-top: .75rem; color: #eee; font-size: .95rem; }
#bf-code { letter-spacing: .06em; user-select: all; }
#bf-copy { background: transparent; color: inherit; border: 0; text-decoration: underline; cursor: pointer; padding: .35rem; font: inherit; }
#bf-copy-status { font-size: .85em; }

.bf-preview-page .navbar-bg { background:#050505; border-bottom:1px solid #303030; }
.bf-preview-page .nav-btn { background:#e9321c; }
.bf-preview-page #chatbase-bubble-button { display:none!important; }
.bf-hero { background:#030303 url('satin.webp') center / cover no-repeat; }
.bf-grid { grid-template-columns:.85fr 1.15fr; column-gap:100px; max-width:1330px; padding:92px 30px 28px; }
.bf-copy { padding:0; min-width:0; }
.bf-hero .bf-kicker { color:#a5a5a5; font:600 11px/1.5 'Raleway',sans-serif!important; letter-spacing:.21em; margin:0 0 21px; }
.bf-hero #bf-title { margin:0 0 28px; font:600 clamp(58px,7.2vw,110px)/.96 'Antonio',sans-serif!important; letter-spacing:-.045em; overflow:visible!important; color:#f6f4f0; }
.bf-hero .bf-intro { font:400 clamp(18px,1.7vw,26px)/1.45 'Raleway',sans-serif!important; margin:0 0 34px; color:#f2f2f2; }
.bf-intro>span { color:#e4e4e4; font-size:inherit; }
.bf-action-area { min-height:177px; }
.bf-countdown { display:flex; align-items:center; gap:12px; margin:0 0 24px; }
.bf-countdown div { flex-direction:row; align-items:baseline; gap:7px; }
.bf-countdown strong { font:600 30px/1.15 'Raleway',sans-serif; }
.bf-countdown span { font:600 10px/1.5 'Raleway',sans-serif; color:#ddd; text-transform:uppercase; letter-spacing:.07em; }
.bf-button,.bf-button:disabled { min-height:60px; border:0; padding:15px 40px; background:#ef321c; color:#fff; font:700 19px/1.4 'Raleway',sans-serif; opacity:1; }
.bf-button:enabled:hover { background:#ff4028; }
.bf-hero .bf-action-note { max-width:400px; color:#ababab; font-size:11px!important; margin:10px 0 0; }
.bf-price { padding-top:13px; margin-top:0; border:0; }
.bf-hero .bf-price p { font:400 13px/1.7 'Raleway',sans-serif!important; color:#c6c6c6; }
.bf-price strong { color:#eee; font-weight:600; }
.bf-market { color:#a0a0a0; white-space:nowrap; }
.bf-art { align-self:start; padding:36px 0 33px; margin-top:9px; border-bottom:4px solid #ec321d; background:none; }
.bf-art:before { display:none; }
.bf-year { font:600 clamp(18px,2vw,29px)/1.3 'Raleway',sans-serif; letter-spacing:.22em; text-align:center; color:#f2f2f2; margin:0; }
.bf-discount { font:500 clamp(160px,21vw,310px)/1.14 'Antonio',sans-serif; letter-spacing:-.025em; color:#eeeae3; text-shadow:0 2px 0 #fff2; margin-left:-.025em; }
.bf-percent { font:inherit; font-size:.8em; letter-spacing:-.025em; margin-left:6px; }
.bf-off { font:600 clamp(34px,4.6vw,69px)/1 'Raleway',sans-serif; letter-spacing:.35em; padding-left:.35em; color:#f7f7f7; margin:4px 0 0; }
.bf-terms { border-top-color:#ffffff20; }
.bf-terms dt { color:#a2a2a2; }
.bf-terms dd { color:#dedede; }
.bf-terms details { color:#c9c9c9; }
.bf-hero .bf-ended-title { font:400 42px/1.3 'Antonio',sans-serif!important; }
@media(max-width:1200px) { .bf-grid { column-gap:60px; padding-top:65px; } .bf-countdown { gap:9px; } .bf-countdown div { gap:5px; } .bf-countdown strong { font-size:26px; } .bf-countdown span { font-size:9px; } }
@media(max-width:900px) { .bf-grid { column-gap:35px; padding:50px 26px 25px; } .bf-countdown div { flex-direction:column; align-items:center; gap:0; } .bf-button { font-size:16px; padding:14px 28px; } .bf-year { font-size:17px; letter-spacing:.15em; } .bf-terms { grid-template-columns:1fr; } }
@media(max-width:600px) { .bf-hero { background-position:62% center; } .bf-grid { display:flex; flex-direction:column; padding:35px 24px 24px; position:relative; } .bf-copy { display:contents; } .bf-hero .bf-kicker { order:0; font-size:10px!important; margin-bottom:15px; } .bf-hero #bf-title { order:1; font-size:clamp(44px,12.5vw,70px)!important; line-height:.98!important; margin-bottom:25px; } .bf-art { order:2; width:100%; padding:15px 0 24px; margin:0 0 27px; border-radius:0; } .bf-year { font-size:16px; letter-spacing:.17em; } .bf-discount { font-size:clamp(160px,47vw,270px); line-height:1.18; } .bf-off { font-size:34px; } .bf-hero .bf-intro { order:3; font-size:19px!important; margin-bottom:25px; } .bf-action-area { order:4; min-height:0; } .bf-price { order:5; padding-top:16px; } .bf-terms { order:6; margin-top:27px; } .bf-countdown { justify-content:space-between; width:100%; max-width:330px; gap:8px; } .bf-countdown div { flex-direction:row; gap:5px; } .bf-countdown strong { font-size:25px; } .bf-countdown span { font-size:8px; } .bf-button,.bf-button:disabled { width:100%; min-height:56px; font-size:17px; } .bf-terms dl { grid-template-columns:1fr 1fr; gap:16px; } }
@media(max-width:360px) { .bf-countdown div { flex-direction:column; gap:0; } }

/* Restrained campaign motion and a clearer countdown hierarchy. */
.bf-hero .bf-timer-label { color:#d0c5c2; font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:10px!important; margin-bottom:14px; }
.bf-countdown { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; width:100%; max-width:350px; margin:0 0 24px; }
.bf-countdown i { display:none; }
.bf-countdown div { flex-direction:column; justify-content:center; align-items:center; gap:8px; min-width:0; padding:15px 6px 12px; border:1px solid #ffffff26; border-radius:10px; background:#ffffff06; box-shadow:inset 0 1px 0 #ffffff0b; }
.bf-countdown strong { font:500 32px/1 'Raleway',sans-serif; font-variant-numeric:tabular-nums; color:#f9f7f4; }
.bf-countdown span { font-size:8px; letter-spacing:.13em; color:#b9b6b4; }
.bf-button,.bf-button:disabled { width:100%; max-width:350px; min-height:58px; border-radius:12px; padding:16px 22px; font-size:17px; gap:16px; box-shadow:inset 0 1px 0 #ffffff30,0 6px 22px #e9321c14; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.bf-button .material-icons { font-size:22px; transition:transform .2s ease; }
.bf-button:enabled:hover { transform:translateY(-2px); box-shadow:inset 0 1px 0 #ffffff30,0 9px 26px #e9321c30; }
.bf-button:enabled:hover .material-icons { transform:translateX(3px); }
.bf-button:enabled:active { transform:translateY(1px) scale(.985); }
.bf-copy { animation:bf-copy-arrive .8s cubic-bezier(.2,.7,.3,1) both; }

@keyframes bf-copy-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes bf-art-arrive { from { opacity:0; transform:translateY(16px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes bf-metal-light { 0%,100% { filter:brightness(1); } 50% { filter:brightness(1.12); } }
@media(max-width:600px) {
  .bf-countdown { max-width:none; gap:8px; }
  .bf-countdown div { flex-direction:column; gap:8px; padding:14px 5px 11px; }
  .bf-countdown strong { font-size:30px; }
  .bf-action-area { width:100%; }
  .bf-button,.bf-button:disabled { max-width:none; }
}
@media(prefers-reduced-motion:reduce) {
  .bf-copy,.bf-offer-sculpture { animation:none; }
  .bf-button,.bf-button .material-icons { transition:none; }
}

/* Preserve the evergreen homepage heading below the temporary promotion. */
.bf-home-intro { background:#061326; padding:64px 24px 56px; border-top:1px solid #ffffff14; text-align:center; }
.bf-home-intro .container { max-width:1000px; }
.bf-home-intro .home-hero__title { font:700 clamp(34px,4vw,54px)/1.2 'Antonio',sans-serif!important; color:#fff; max-width:none; width:100%; margin:0 0 22px; }
.bf-home-intro .home-hero__summary { font:400 18px/1.7 'Raleway',sans-serif!important; color:#b8c8dc; max-width:810px; margin:0 auto; }
@media(max-width:600px) { .bf-home-intro { padding:40px 24px; } .bf-home-intro .home-hero__summary { font-size:16px!important; } }

/* Keep campaign metadata inside the optional disclosure. */
.bf-terms { display:block; border-top:0; margin-top:16px; padding-top:0; }
.bf-terms details[open] .bf-terms__heading { margin:18px 0 12px; }

.bf-hero .bf-intro .bf-limit { display:inline-block; margin-top:12px; font-size:13px; line-height:1.5; color:#c4c4c4; }

/* Two brand fonts: Antonio for display, Raleway for supporting text. */
.bf-grid { grid-template-columns:1fr 1fr; gap:30px 72px; max-width:1200px; padding:78px 30px 28px; }
.bf-hero #bf-title { font:700 clamp(68px,7.1vw,100px)/1.04 'Antonio',sans-serif!important; letter-spacing:-.035em; margin-bottom:28px; }
.bf-hero .bf-intro { font-size:20px!important; max-width:430px; }
.bf-art { align-self:center; border:0; margin:0; padding:0 0 38px; background:none; isolation:auto; }
.bf-offer-type { display:flex; align-items:center; justify-content:center; gap:26px; width:100%; animation:bf-art-arrive .9s ease-out both; }
.bf-offer-number { font:700 clamp(210px,23vw,330px)/1.1 'Antonio',sans-serif; letter-spacing:-.055em; padding:0 .04em .045em 0; color:#ececec; background:linear-gradient(150deg,#fff 12%,#e4e4e4 39%,#999 49%,#f9f9f9 59%,#bcbcbc 90%); background-size:160% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 8px 18px #0006); animation:bf-offer-sheen 2.4s ease-out .3s both; }
.bf-offer-unit { display:flex; flex-direction:column; gap:18px; align-items:center; color:#ed3a25; font:700 clamp(66px,7vw,100px)/1 'Antonio',sans-serif; }
.bf-offer-unit span:last-child { font-size:.46em; letter-spacing:.08em; }
.bf-year { margin:14px 0 0; font:600 20px/1.4 'Raleway',sans-serif; letter-spacing:.19em; text-align:center; }
.bf-countdown strong { font-family:'Raleway',sans-serif; font-weight:600; }
.bf-preview,.bf-preview button { font-family:'Raleway',sans-serif; }
@keyframes bf-offer-sheen { from { background-position:100% 0; } to { background-position:0 0; } }
@media(max-width:991px) {
 .bf-grid { gap:28px; padding:60px 26px 25px; }
 .bf-offer-type { gap:18px; }
 .bf-offer-number { font-size:clamp(165px,24vw,240px); }
 .bf-offer-unit { font-size:clamp(56px,8vw,80px); }
 .bf-year { font-size:15px; letter-spacing:.13em; }
}
@media(max-width:600px) {
 .bf-grid { gap:0; padding:36px 24px 24px; }
 .bf-hero #bf-title { font-size:62px!important; line-height:1.04!important; margin-bottom:22px; }
 .bf-art { padding:0 0 30px; margin:0; }
 .bf-offer-type { gap:24px; }
 .bf-offer-number { font-size:clamp(180px,54vw,275px); }
 .bf-offer-unit { font-size:clamp(64px,18vw,90px); gap:14px; }
 .bf-year { font-size:16px; margin-top:4px; }
 .bf-hero .bf-intro { font-size:18px!important; }
}
@media(prefers-reduced-motion:reduce) { .bf-offer-type,.bf-offer-number { animation:none; } }

/* Custom campaign sculpture with silver faces and glossy red edges. */
.bf-art { padding-bottom:12px; }
.bf-offer-artwork { display:block; width:112%; max-width:none; height:auto; mix-blend-mode:screen; mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); animation:bf-art-arrive 1s ease-out both; }
.bf-art .bf-year { margin:16px 0 0; font-size:18px; letter-spacing:.17em; }
@media(max-width:991px) { .bf-art .bf-year { font-size:14px; } }
@media(max-width:600px) { .bf-art { padding-bottom:30px; } .bf-offer-artwork { width:108%; } .bf-art .bf-year { font-size:15px; margin-top:10px; } }
@media(prefers-reduced-motion:reduce) { .bf-offer-artwork { animation:none; } }

/* Compact promotion above the unchanged landing-page hero. */
.bf-campaign-page .bf-hero { border-bottom:1px solid #ffffff20; background-position:center 46%; }
.bf-campaign-page .bf-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr; align-items:center; gap:0 40px; max-width:1200px; padding:26px 30px 15px; }
.bf-campaign-page .bf-copy { display:block; padding:0; }
.bf-campaign-page .bf-kicker { font-size:9px!important; letter-spacing:.14em; margin:0 0 12px; }
.bf-campaign-page #bf-title { font-size:42px!important; line-height:1.1!important; letter-spacing:-.025em; margin:0 0 14px; }
.bf-campaign-page .bf-intro { font-size:15px!important; line-height:1.5!important; margin:0; }
.bf-campaign-page .bf-intro .bf-limit { font-size:11px; margin-top:10px; color:#aaa; }
.bf-campaign-page .bf-art { padding:0; margin:0; align-self:center; }
.bf-campaign-page .bf-offer-artwork { width:110%; }
.bf-campaign-page .bf-art .bf-year { font-size:12px; letter-spacing:.13em; margin:0; }
.bf-campaign-page .bf-action-area { min-height:0; margin:0; }
.bf-campaign-page .bf-timer-label { font-size:10px!important; margin-bottom:12px; }
.bf-campaign-page .bf-countdown { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0; }
.bf-campaign-page .bf-countdown div { padding:12px 4px 10px; gap:6px; border-radius:7px; }
.bf-campaign-page .bf-countdown strong { font-size:26px; }
.bf-campaign-page .bf-countdown span { font-size:7px; }
.bf-campaign-page .bf-action-note { font-size:10px!important; margin:10px 0 0; }
.bf-campaign-page .bf-button { min-height:44px; font-size:14px; margin-top:10px; padding:10px 16px; }
.bf-campaign-page .bf-terms { grid-column:1/-1; margin:8px 0 0; padding:0; font-size:10px; }
.bf-campaign-page .bf-ended-title { font-size:28px!important; }
@media(max-width:991px) {
 .bf-campaign-page .bf-grid { gap:0 24px; padding:24px; }
 .bf-campaign-page #bf-title { font-size:34px!important; }
 .bf-campaign-page .bf-intro { font-size:13px!important; }
 .bf-campaign-page .bf-countdown strong { font-size:21px; }
 .bf-campaign-page .bf-countdown span { font-size:6px; }
}
@media(max-width:600px) {
 .bf-campaign-page .bf-grid { grid-template-columns:1.1fr 1fr; padding:22px 20px 14px; gap:16px 18px; }
 .bf-campaign-page .bf-copy { order:0; }
 .bf-campaign-page .bf-kicker { font-size:8px!important; letter-spacing:.08em; margin-bottom:9px; }
 .bf-campaign-page #bf-title { font-size:30px!important; margin-bottom:10px; max-width:170px; }
 .bf-campaign-page .bf-intro { font-size:12px!important; line-height:1.5!important; }
 .bf-campaign-page .bf-intro .bf-limit { font-size:9px; margin-top:7px; }
 .bf-campaign-page .bf-art { order:1; }
 .bf-campaign-page .bf-offer-artwork { width:116%; }
 .bf-campaign-page .bf-art .bf-year { font-size:9px; letter-spacing:.07em; margin-top:3px; }
 .bf-campaign-page .bf-action-area { grid-column:1/-1; order:2; }
 .bf-campaign-page #bf-timer-panel { display:flex; align-items:center; gap:18px; }
 .bf-campaign-page .bf-timer-label { flex:0 0 67px; margin:0; line-height:1.5; }
 .bf-campaign-page .bf-countdown { max-width:none; gap:6px; }
 .bf-campaign-page .bf-countdown div { padding:9px 3px 8px; gap:5px; }
 .bf-campaign-page .bf-countdown strong { font-size:22px; }
 .bf-campaign-page .bf-countdown span { font-size:6px; }
 .bf-campaign-page .bf-action-note { font-size:9px!important; }
 .bf-campaign-page .bf-terms { order:3; margin:0; }
}
/* Align the campaign content with the existing navigation and hero. */
.bf-campaign-page .bf-grid { max-width:1140px; }
@media(min-width:992px) and (max-width:1199px) {
 .bf-campaign-page .bf-grid { max-width:960px; gap:0 28px; padding-left:15px; padding-right:15px; }
 .bf-campaign-page #bf-title { font-size:36px!important; }
 .bf-campaign-page .bf-intro { font-size:14px!important; }
 .bf-campaign-page .bf-countdown strong { font-size:24px; }
}
/* Original pill proportions, with the campaign's satin-red finish. */
.bf-campaign-page .navbar-dark .navbar-nav .nav-btn {
  background: linear-gradient(160deg, #ed5144 0%, #d82d25 48%, #aa1918 100%);
  border-color: #df453b;
  color: #fff !important;
  box-shadow: inset 0 1px 0 #ffffff30, 0 4px 16px #c5232026;
}
.bf-campaign-page .navbar-dark .navbar-nav .nav-btn:hover,
.bf-campaign-page .navbar-dark .navbar-nav .nav-btn:focus-visible {
  background: linear-gradient(160deg, #f26052 0%, #e3372d 48%, #b7201c 100%) !important;
  border-color: #ef6052;
  color: #fff !important;
}

.bf-campaign-page .navbar-bg { background: #050505; }
