/* =====================================================================
   02-page-styles-rev1.css — WARRANTY ACTIVATION
   ⚠️ EVERY rule below is scoped under .bnl-page--warranty.
      Short names (.card, .field, .row, .bar) and bare element selectors
      would restyle the whole site unscoped. Audited: 0 escapes.
   QA after publish: load Home, Roofline and Academy first. A scoping
   failure shows up there before it shows up here (BRI-336 §2).
===================================================================== */

/* ---------------- page shell ---------------- */
.bnl-page--warranty{
  font-optical-sizing:auto;
  background:var(--color-bg,#0A0A0A);
  color:var(--color-text,#F5F5F5);
  font-family:var(--font-body,'Inter',sans-serif);
  font-size:var(--text-body,16px);
  line-height:var(--line-height-body,1.6);
  /* clip, NOT hidden — hidden makes this a scroll container and silently
     kills position:sticky on the header and the coverage rail (BRI-336 §4) */
  overflow-x:clip;
}
@supports not (overflow-x: clip){
  .bnl-page--warranty{overflow-x:visible;}
}
.bnl-page--warranty *,
.bnl-page--warranty *::before,
.bnl-page--warranty *::after{box-sizing:border-box;}
.bnl-page--warranty img{max-width:100%;}
.bnl-page--warranty section[id]{scroll-margin-top:96px;}
.bnl-page--warranty .bnl-sr{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.bnl-page--warranty a.bnl-skip{
  position:absolute;left:-9999px;top:0;z-index:99;
  background:var(--color-pink,#E3056B);color:#fff;padding:12px 18px;
  border-radius:var(--radius-sm,6px);
}
.bnl-page--warranty a.bnl-skip:focus{left:var(--space-md,16px);top:var(--space-md,16px);}
.bnl-page--warranty :focus-visible{
  outline:var(--focus-ring,2px solid #E3056B);
  outline-offset:var(--focus-ring-offset,2px);
}

/* ---------------- preview header (inherited from home rev35) ---------------- */
.bnl-page--warranty .bnl-prevhdr{
  position:sticky; top:0; z-index:50;
  padding:11px var(--space-md,16px) 13px;
  background:
    linear-gradient(180deg, rgba(0,169,181,.055) 0%, transparent 62%),
    color-mix(in srgb, var(--color-black-true,#000) 88%, transparent);
  backdrop-filter:blur(16px) saturate(1.25);
  border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg, transparent, color-mix(in srgb,var(--color-primary,#00A9B5) 55%,transparent) 22%, color-mix(in srgb,var(--color-pink,#E3056B) 55%,transparent) 78%, transparent) 1;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  display:grid;gap:10px;
}
.bnl-page--warranty .bnl-prevhdr__brandrow{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px var(--space-lg,32px);
}
.bnl-page--warranty .bnl-prevhdr__lockup{
  display:inline-flex;align-items:center;gap:clamp(12px,3.6vw,15px);
  text-decoration:none;min-width:0;
}
.bnl-page--warranty .bnl-prevhdr__logo{
  flex:none;width:clamp(30px,8vw,38px);height:clamp(30px,8vw,38px);
  display:grid;place-items:center;border-radius:var(--radius-pill,999px);
  color:var(--color-primary,#00A9B5);
  background:
    radial-gradient(circle at 50% 32%, color-mix(in srgb,var(--color-primary,#00A9B5) 30%,transparent), transparent 68%),
    #0c0c0c;
  border:1px solid color-mix(in srgb,var(--color-primary,#00A9B5) 60%,transparent);
  box-shadow:0 0 18px -3px color-mix(in srgb,var(--color-primary,#00A9B5) 62%,transparent),
             inset 0 1px 0 rgba(255,255,255,.14);
}
.bnl-page--warranty .bnl-prevhdr__logo svg{width:56%;height:56%;}
.bnl-page--warranty .bnl-prevhdr__brand{display:flex;flex-direction:column;gap:2px;min-width:0;}
.bnl-page--warranty .bnl-prevhdr__brand b{
  font-weight:800;color:#fff;white-space:nowrap;
  font-size:clamp(15px,4.5vw,23px);line-height:.98;letter-spacing:-.036em;
}
.bnl-page--warranty .bnl-prevhdr__brand b i{
  font-style:normal;
  background:linear-gradient(96deg,#00A9B5 0%,#6FD0D8 46%,#00A9B5 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--color-primary,#00A9B5);
}
.bnl-page--warranty .bnl-prevhdr__brand em{
  font-style:normal;font-weight:600;white-space:nowrap;
  font-size:clamp(9.5px,2.72vw,13px);line-height:1;
  letter-spacing:.2em;text-transform:uppercase;
  color:color-mix(in srgb,#fff 72%, var(--color-text-muted,#B8B8B8));
}
.bnl-page--warranty .bnl-prevhdr__strap{
  order:3;flex-basis:100%;display:flex;flex-direction:column;align-items:center;gap:3px;
}
.bnl-page--warranty .bnl-prevhdr__desc{
  margin:0;display:flex;align-items:center;gap:9px;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:clamp(9px,2.5vw,11.5px);font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;
  color:color-mix(in srgb,#fff 60%,var(--color-text-muted,#B8B8B8));
}
.bnl-page--warranty .bnl-prevhdr__desc::before,
.bnl-page--warranty .bnl-prevhdr__desc::after{
  content:"";height:1px;width:clamp(22px,7vw,60px);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-primary,#00A9B5) 45%,transparent));
}
.bnl-page--warranty .bnl-prevhdr__desc::after{
  background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary,#00A9B5) 45%,transparent),transparent);
}
.bnl-page--warranty .bnl-prevhdr__nav{display:none;gap:var(--space-ml,24px);font-size:13px;}
.bnl-page--warranty .bnl-prevhdr__nav a{
  color:var(--color-text-muted,#B8B8B8);text-decoration:none;transition:color .2s ease;
  min-height:var(--tap-min,44px);display:inline-flex;align-items:center;
}
.bnl-page--warranty .bnl-prevhdr__nav a:hover{color:var(--color-primary,#00A9B5);}
.bnl-page--warranty .bnl-prevhdr__pills{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;}
.bnl-page--warranty .bnl-prevhdr__pill{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:var(--tap-min,44px);padding:6px 8px;border-radius:var(--radius-pill,999px);
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:clamp(9.5px,2.4vw,11.5px);font-weight:700;line-height:1.1;
  text-decoration:none;color:#fff;border:1.5px solid transparent;
  transition:box-shadow .25s ease, transform .25s ease;
}
.bnl-page--warranty .bnl-prevhdr__pill::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.02) 44%, transparent 70%);
}
.bnl-page--warranty .bnl-prevhdr__pill::before{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:-1;
  transform:skewX(-18deg);pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  transition:left .55s cubic-bezier(.22,.61,.36,1);
}
.bnl-page--warranty .bnl-prevhdr__pill:hover{transform:translateY(-1px);}
.bnl-page--warranty .bnl-prevhdr__pill:hover::before{left:120%;}
.bnl-page--warranty .bnl-prevhdr__pill--login{
  background:linear-gradient(#0b0f10,#0b0f10) padding-box,
             linear-gradient(135deg,#00A9B5 0%,#7FE0E6 50%,#007D86 100%) border-box;
  box-shadow:0 0 22px -6px color-mix(in srgb,var(--color-primary,#00A9B5) 70%,transparent);
}
.bnl-page--warranty .bnl-prevhdr__pill--cta{
  background:linear-gradient(#120810,#120810) padding-box,
             linear-gradient(135deg,#E3056B 0%,#FF7FB4 50%,#A6034E 100%) border-box;
  box-shadow:0 0 22px -6px color-mix(in srgb,var(--color-pink,#E3056B) 70%,transparent);
}
@media (min-width:900px){
  .bnl-page--warranty .bnl-prevhdr{grid-template-columns:auto 1fr;align-items:center;gap:var(--space-lg,32px);}
  .bnl-page--warranty .bnl-prevhdr__brandrow{justify-content:flex-start;grid-column:1;}
  .bnl-page--warranty .bnl-prevhdr__strap{
    order:2;flex-basis:auto;align-items:flex-start;gap:2px;
    padding-left:var(--space-md,16px);margin-left:2px;
    border-left:1px solid color-mix(in srgb,var(--color-border,#3A3A3A) 85%,transparent);
  }
  .bnl-page--warranty .bnl-prevhdr__desc::before,
  .bnl-page--warranty .bnl-prevhdr__desc::after{display:none;}
  .bnl-page--warranty .bnl-prevhdr__nav{display:flex;}
  .bnl-page--warranty .bnl-prevhdr__pills{grid-column:2;justify-self:end;grid-template-columns:auto auto;}
  .bnl-page--warranty .bnl-prevhdr__pill{padding:10px 20px;}
}

/* ---------------- no-JS banner (iOS Quick Look blocks scripts) ---------------- */
/* ⚠️ Looks like dead code. It is not. See BUILD-SPEC §5. */
.bnl-page--warranty .wa-nojs{display:none;}

/* ---------------- shared type + buttons ---------------- */
.bnl-page--warranty .bnl-heading{
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-weight:var(--font-weight-bold,700);
  line-height:var(--line-height-heading,1.18);
  letter-spacing:-.048em;margin:0 0 var(--space-md,16px);
}
.bnl-page--warranty .bnl-lede{color:var(--color-text-muted,#B8B8B8);margin:0 0 var(--space-lg,32px);}
.bnl-page--warranty .bnl-gradient-text{
  background:var(--gradient-brand,linear-gradient(135deg,#00A9B5,#E3056B));
  -webkit-background-clip:text;background-clip:text;
  color:var(--color-pink,#E3056B);-webkit-text-fill-color:transparent;
}
.bnl-page--warranty .bnl-kicker{
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:var(--text-small,13px);font-weight:var(--font-weight-semibold,600);
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--color-primary,#00A9B5);margin:0 0 var(--space-md,16px);
}
.bnl-page--warranty .bnl-btn{
  display:inline-block;min-height:var(--tap-min,44px);
  padding:var(--space-md,16px) var(--space-lg,32px);
  border-radius:var(--radius-pill,999px);
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-weight:var(--font-weight-semibold,600);
  letter-spacing:var(--letter-spacing-heading,.05em);
  text-decoration:none;text-align:center;cursor:pointer;
  transition:box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.bnl-page--warranty .bnl-btn--primary{
  background:transparent;color:var(--color-white,#fff);
  border:1.5px solid var(--color-pink,#E3056B);
  box-shadow:var(--glow-ambient-pink,0 0 56px -10px rgba(227,5,107,.45));
}
.bnl-page--warranty .bnl-btn--primary:hover{
  box-shadow:var(--hglow-pink-hi,0 0 18px rgba(227,5,107,.75));
  background:color-mix(in srgb, var(--color-pink,#E3056B) 12%, transparent);
}
.bnl-page--warranty .bnl-btn--secondary{
  background:transparent;color:var(--color-primary,#00A9B5);
  border:1.5px solid var(--color-primary,#00A9B5);
  box-shadow:var(--glow-ambient-teal,0 0 48px -12px rgba(0,169,181,.55));
}
.bnl-page--warranty .bnl-btn--secondary:hover{
  box-shadow:var(--hglow-teal-hi,0 0 18px rgba(0,169,181,.7));
  background:color-mix(in srgb, var(--color-primary,#00A9B5) 12%, transparent);
}
.bnl-page--warranty .bnl-link{
  color:var(--color-primary,#00A9B5);text-decoration:none;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-weight:var(--font-weight-semibold,600);
}
.bnl-page--warranty .bnl-link:hover{text-decoration:underline;}

/* ---------------- hero ---------------- */
.bnl-page--warranty .wa-hero{
  position:relative;padding:var(--space-xl,64px) var(--space-md,16px) var(--space-lg,32px);
  background:
    radial-gradient(78% 58% at 16% 8%, color-mix(in srgb,var(--color-primary,#00A9B5) 13%,transparent), transparent 64%),
    radial-gradient(72% 54% at 88% 34%, color-mix(in srgb,var(--color-pink,#E3056B) 11%,transparent), transparent 62%);
}
.bnl-page--warranty .wa-hero__inner{max-width:var(--width-content,1100px);margin:0 auto;}
.bnl-page--warranty .wa-hero__title{
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-weight:800;font-size:clamp(34px,6.4vw,60px);line-height:1.02;
  letter-spacing:-.05em;margin:0 0 var(--space-md,16px);color:#fff;
}
.bnl-page--warranty .wa-hero__lede{
  color:var(--color-text-muted,#B8B8B8);max-width:56ch;margin:0 0 var(--space-ml,24px);
}
.bnl-page--warranty .wa-hero__facts{
  display:grid;gap:10px;list-style:none;padding:0;margin:0;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:14px;
}
@media (min-width:760px){
  .bnl-page--warranty .wa-hero__facts{grid-template-columns:repeat(3,1fr);gap:var(--space-md,16px);}
}
.bnl-page--warranty .wa-hero__facts li{
  display:flex;align-items:flex-start;gap:10px;
  padding:12px 14px;border-radius:var(--radius-md,12px);
  background:color-mix(in srgb,var(--wa-surface,#121215) 88%,transparent);
  border:1px solid var(--wa-hairline,#26262B);
}
.bnl-page--warranty .wa-hero__facts svg{
  width:19px;height:19px;flex:none;margin-top:1px;color:var(--color-primary,#00A9B5);
}
.bnl-page--warranty .wa-hero__facts b{display:block;color:#fff;font-weight:700;}
.bnl-page--warranty .wa-hero__facts span{color:var(--wa-ink-dim,#8A8A93);font-size:12.5px;line-height:1.45;}

/* ---------------- layout ---------------- */
.bnl-page--warranty .wa-body{
  max-width:var(--width-content,1100px);
  margin:0 auto;padding:var(--space-lg,32px) var(--space-md,16px) var(--space-xl,64px);
  display:grid;gap:var(--space-ml,24px);align-items:start;
}
@media (min-width:1000px){
  .bnl-page--warranty .wa-body{grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-lg,32px);}
  .bnl-page--warranty .wa-rail{position:sticky;top:150px;}
}

/* ---------------- the coverage clock — signature element ---------------- */
.bnl-page--warranty .wa-rail{display:grid;gap:var(--space-md,16px);}
.bnl-page--warranty .wa-clock{
  position:relative;overflow:hidden;
  border-radius:var(--radius-md,12px);
  border:1px solid color-mix(in srgb,var(--color-primary,#00A9B5) 34%,var(--wa-hairline,#26262B));
  background:linear-gradient(168deg,#0B1D20 0%,#101013 58%,#0C0C0E 100%);
}
.bnl-page--warranty .wa-clock__head{
  padding:14px 18px 0;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--color-primary,#00A9B5);
}
.bnl-page--warranty .wa-clock__num{
  display:flex;align-items:baseline;gap:9px;padding:6px 18px 0;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
}
.bnl-page--warranty .wa-clock__d{
  font-size:clamp(42px,11vw,54px);font-weight:800;letter-spacing:-.055em;
  line-height:1;color:#fff;font-variant-numeric:tabular-nums;
}
.bnl-page--warranty .wa-clock__u{
  font-size:14px;font-weight:600;color:var(--color-text-muted,#B8B8B8);letter-spacing:-.01em;
}
.bnl-page--warranty .wa-clock__msg{
  padding:8px 18px 0;margin:0;font-size:12.5px;line-height:1.5;
  color:var(--wa-ink-dim,#8A8A93);
}
.bnl-page--warranty .wa-clock__track{
  margin:14px 18px 18px;height:5px;border-radius:999px;overflow:hidden;
  background:color-mix(in srgb,#fff 8%,transparent);
}
.bnl-page--warranty .wa-clock__fill{
  height:100%;width:100%;border-radius:999px;
  background:linear-gradient(90deg,var(--color-primary,#00A9B5),#6FD0D8);
  transition:width .5s cubic-bezier(.22,.61,.36,1), background .3s ease;
}
/* window state — set by JS on .wa-clock */
.bnl-page--warranty .wa-clock.is-warn{border-color:color-mix(in srgb,var(--wa-warn,#FFB020) 46%,transparent);}
.bnl-page--warranty .wa-clock.is-warn .wa-clock__head{color:var(--wa-warn,#FFB020);}
.bnl-page--warranty .wa-clock.is-warn .wa-clock__fill{background:linear-gradient(90deg,var(--wa-warn,#FFB020),#FFD37A);}
.bnl-page--warranty .wa-clock.is-shut{border-color:color-mix(in srgb,var(--color-error,#FF4D5E) 50%,transparent);}
.bnl-page--warranty .wa-clock.is-shut .wa-clock__head{color:var(--color-error,#FF4D5E);}
.bnl-page--warranty .wa-clock.is-shut .wa-clock__d{color:var(--color-error,#FF4D5E);}
.bnl-page--warranty .wa-clock.is-shut .wa-clock__fill{background:var(--color-error,#FF4D5E);width:0;}

/* ---------------- coverage bars ---------------- */
.bnl-page--warranty .wa-cov{
  border-radius:var(--radius-md,12px);
  border:1px solid var(--wa-hairline,#26262B);
  background:var(--wa-surface,#121215);
  padding:16px 18px 18px;
}
.bnl-page--warranty .wa-cov__t{
  margin:0 0 4px;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--color-text-muted,#B8B8B8);
}
.bnl-page--warranty .wa-cov__scale{
  display:flex;justify-content:space-between;
  font-size:10.5px;color:var(--wa-ink-dim,#8A8A93);
  font-variant-numeric:tabular-nums;margin-bottom:4px;
}
.bnl-page--warranty .wa-cov__row{padding:9px 0;border-top:1px solid color-mix(in srgb,var(--wa-hairline,#26262B) 70%,transparent);}
.bnl-page--warranty .wa-cov__row:first-of-type{border-top:0;}
.bnl-page--warranty .wa-cov__lbl{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font-size:12.5px;margin-bottom:6px;
}
.bnl-page--warranty .wa-cov__lbl b{color:#fff;font-weight:600;}
.bnl-page--warranty .wa-cov__term{
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-weight:700;font-size:12px;letter-spacing:.02em;white-space:nowrap;
  color:var(--color-text-muted,#B8B8B8);
}
.bnl-page--warranty .wa-cov__bar{
  height:8px;border-radius:999px;
  background:color-mix(in srgb,#fff 7%,transparent);overflow:hidden;
}
.bnl-page--warranty .wa-cov__bar i{
  display:block;height:100%;border-radius:999px;
  transition:width .55s cubic-bezier(.22,.61,.36,1);
}
.bnl-page--warranty .wa-cov__row--comp .wa-cov__bar i{
  background:linear-gradient(90deg,var(--color-primary,#00A9B5),#6FD0D8);
  box-shadow:0 0 14px -2px color-mix(in srgb,var(--color-primary,#00A9B5) 70%,transparent);
}
.bnl-page--warranty .wa-cov__row--bulb .wa-cov__bar i{
  background:linear-gradient(90deg,var(--color-pink,#E3056B),#FF7FB4);
  box-shadow:0 0 14px -2px color-mix(in srgb,var(--color-pink,#E3056B) 70%,transparent);
}
.bnl-page--warranty .wa-cov__row--ctrl .wa-cov__bar i{
  background:linear-gradient(90deg,var(--color-orange,#FA6A1E),#FFB07A);
  box-shadow:0 0 14px -2px color-mix(in srgb,var(--color-orange,#FA6A1E) 70%,transparent);
}
/* BRI-497 / BRI-542 map: repeaters and the power supply + Wi-Fi gateway are
   3-year items, not 10-year components. Two rows added to the coverage rail;
   these give them bar colours in the same pattern as the rows above. */
.bnl-page--warranty .wa-cov__row--rptr .wa-cov__bar i{ background:linear-gradient(90deg,var(--color-primary,#00A9B5),#6FD0D8); box-shadow:0 0 14px -2px color-mix(in srgb,var(--color-primary,#00A9B5) 60%,transparent); }
.bnl-page--warranty .wa-cov__row--pwr .wa-cov__bar i{ background:linear-gradient(90deg,#8A8A93,#C6C6CE); }
.bnl-page--warranty .wa-cov__row.is-extended .wa-cov__term{color:#fff;}
.bnl-page--warranty .wa-cov__row.is-extended .wa-cov__term::after{
  content:" · extended";color:var(--color-primary,#00A9B5);font-weight:600;
}
.bnl-page--warranty .wa-cov__note{
  margin:12px 0 0;padding-top:11px;font-size:12px;line-height:1.5;
  color:var(--wa-ink-dim,#8A8A93);
  border-top:1px solid color-mix(in srgb,var(--wa-hairline,#26262B) 70%,transparent);
}
.bnl-page--warranty .wa-cov__note b{color:var(--color-text,#F5F5F5);font-weight:600;}

/* ---------------- rail help card ---------------- */
.bnl-page--warranty .wa-help{
  border-radius:var(--radius-md,12px);border:1px solid var(--wa-hairline,#26262B);
  background:var(--wa-surface,#121215);padding:16px 18px;
}
.bnl-page--warranty .wa-help__t{
  margin:0 0 10px;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--color-text-muted,#B8B8B8);
}
.bnl-page--warranty .wa-help ul{list-style:none;padding:0;margin:0;display:grid;gap:2px;}
.bnl-page--warranty .wa-help a{
  color:var(--color-primary,#00A9B5);text-decoration:none;font-size:13.5px;
  display:inline-flex;align-items:center;min-height:var(--tap-min,44px);
}
.bnl-page--warranty .wa-help a:hover{text-decoration:underline;}
.bnl-page--warranty .wa-help p{margin:8px 0 0;font-size:12px;color:var(--wa-ink-dim,#8A8A93);line-height:1.5;}

/* ---------------- form card ---------------- */
.bnl-page--warranty .wa-card{
  border-radius:var(--radius-md,12px);
  border:1px solid var(--wa-hairline,#26262B);
  background:var(--wa-surface,#121215);
  overflow:hidden;
}
.bnl-page--warranty .wa-form{padding:var(--space-ml,24px) clamp(16px,3.4vw,28px) var(--space-lg,32px);margin:0;}
.bnl-page--warranty .wa-sec{padding:var(--space-ml,24px) 0;border-top:1px solid var(--wa-hairline,#26262B);}
.bnl-page--warranty .wa-sec:first-of-type{border-top:0;padding-top:var(--space-sm,8px);}
.bnl-page--warranty .wa-sec__head{display:flex;align-items:baseline;gap:12px;margin-bottom:var(--space-md,16px);}
.bnl-page--warranty .wa-sec__n{
  flex:none;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:12px;font-weight:800;letter-spacing:.04em;
  color:var(--color-primary,#00A9B5);font-variant-numeric:tabular-nums;
}
.bnl-page--warranty .wa-sec__t{
  margin:0;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:clamp(19px,2.6vw,23px);font-weight:700;letter-spacing:-.04em;color:#fff;
}
.bnl-page--warranty .wa-sec__d{margin:2px 0 0;font-size:13px;color:var(--wa-ink-dim,#8A8A93);line-height:1.5;}

/* fields */
.bnl-page--warranty .wa-row{display:grid;gap:var(--space-md,16px);margin-bottom:var(--space-md,16px);}
@media (min-width:620px){
  .bnl-page--warranty .wa-row--2{grid-template-columns:1fr 1fr;}
  .bnl-page--warranty .wa-row--3{grid-template-columns:1.4fr 1fr .8fr;}
}
.bnl-page--warranty .wa-field{display:flex;flex-direction:column;gap:6px;}
.bnl-page--warranty .wa-field > label{
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--color-text,#F5F5F5);
}
.bnl-page--warranty .wa-field > label em{
  font-style:normal;color:var(--color-pink,#E3056B);margin-left:3px;
}
.bnl-page--warranty .wa-field input[type="text"],
.bnl-page--warranty .wa-field input[type="email"],
.bnl-page--warranty .wa-field input[type="tel"],
.bnl-page--warranty .wa-field input[type="date"],
.bnl-page--warranty .wa-field select,
.bnl-page--warranty .wa-field textarea{
  width:100%;min-height:var(--tap-min,44px);padding:11px 14px;
  border-radius:var(--radius-sm,6px);
  background:color-mix(in srgb,var(--color-black-true,#000) 55%,transparent);
  border:1px solid var(--color-border,#3A3A3A);
  color:#fff;font-size:16px;font-family:var(--font-body,'Inter',sans-serif);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.bnl-page--warranty .wa-field textarea{min-height:96px;resize:vertical;line-height:1.55;}
.bnl-page--warranty .wa-field input::placeholder,
.bnl-page--warranty .wa-field textarea::placeholder{color:#5F5F68;}
.bnl-page--warranty .wa-field input:focus,
.bnl-page--warranty .wa-field select:focus,
.bnl-page--warranty .wa-field textarea:focus{
  outline:none;border-color:var(--color-primary,#00A9B5);
  box-shadow:var(--wa-ring,0 0 0 3px rgba(0,169,181,.22));
}
.bnl-page--warranty .wa-field select{
  appearance:none;cursor:pointer;padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2300A9B5' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
.bnl-page--warranty .wa-field select option{background:#121215;color:#fff;}
.bnl-page--warranty .wa-field input[type="date"]{cursor:pointer;}
.bnl-page--warranty .wa-field input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.55;cursor:pointer;}
.bnl-page--warranty .wa-hint{font-size:12px;color:var(--wa-ink-dim,#8A8A93);line-height:1.45;}
.bnl-page--warranty .wa-err{
  display:none;font-size:12px;line-height:1.45;color:var(--color-error,#FF4D5E);
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);font-weight:600;
}
.bnl-page--warranty .wa-field.is-bad input,
.bnl-page--warranty .wa-field.is-bad select,
.bnl-page--warranty .wa-field.is-bad textarea{
  border-color:var(--color-error,#FF4D5E);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error,#FF4D5E) 18%,transparent);
}
.bnl-page--warranty .wa-field.is-bad .wa-err{display:block;}
.bnl-page--warranty .wa-field.is-good input,
.bnl-page--warranty .wa-field.is-good select{border-color:color-mix(in srgb,var(--wa-ok,#22C58B) 55%,transparent);}

/* ---------------- extended coverage well ---------------- */
.bnl-page--warranty .wa-ext{
  margin-top:var(--space-md,16px);border-radius:var(--radius-md,12px);
  border:1px solid color-mix(in srgb,var(--color-primary,#00A9B5) 26%,var(--wa-hairline,#26262B));
  background:var(--wa-surface-2,#17171B);padding:18px clamp(14px,3vw,20px);
}
.bnl-page--warranty .wa-ext__t{
  margin:0 0 3px;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:17px;font-weight:700;letter-spacing:-.03em;color:#fff;
}
.bnl-page--warranty .wa-ext__d{margin:0 0 var(--space-md,16px);font-size:13px;color:var(--wa-ink-dim,#8A8A93);line-height:1.5;}
.bnl-page--warranty .wa-ext__grp{
  margin:0 0 9px;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--color-primary,#00A9B5);
}
.bnl-page--warranty .wa-ext__list{display:grid;gap:8px;margin-bottom:var(--space-md,16px);}
.bnl-page--warranty .wa-ext__item{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 12px;border-radius:var(--radius-sm,6px);
  background:color-mix(in srgb,var(--color-black-true,#000) 42%,transparent);
  border:1px solid var(--wa-hairline,#26262B);
}
.bnl-page--warranty .wa-ext__item b{display:block;font-size:13.5px;font-weight:600;color:#fff;}
.bnl-page--warranty .wa-ext__item span{font-size:12px;color:var(--wa-ink-dim,#8A8A93);}
.bnl-page--warranty .wa-qty{display:flex;align-items:center;gap:8px;flex:none;}
.bnl-page--warranty .wa-qty label{font-size:11.5px;color:var(--wa-ink-dim,#8A8A93);}
.bnl-page--warranty .wa-qty input{
  width:66px;min-height:var(--tap-min,44px);padding:8px;text-align:center;
  border-radius:var(--radius-sm,6px);border:1px solid var(--color-border,#3A3A3A);
  background:color-mix(in srgb,var(--color-black-true,#000) 60%,transparent);
  color:#fff;font-size:16px;font-variant-numeric:tabular-nums;
  font-family:var(--font-body,'Inter',sans-serif);
}
.bnl-page--warranty .wa-qty input:focus{
  outline:none;border-color:var(--color-primary,#00A9B5);
  box-shadow:var(--wa-ring,0 0 0 3px rgba(0,169,181,.22));
}
.bnl-page--warranty .wa-ext__foot{
  border-top:1px solid var(--wa-hairline,#26262B);padding-top:14px;margin-top:2px;
}
.bnl-page--warranty .wa-ext__total{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
}
.bnl-page--warranty .wa-ext__total span{font-size:13.5px;font-weight:600;color:var(--color-text-muted,#B8B8B8);}
.bnl-page--warranty .wa-ext__total b{
  font-size:26px;font-weight:800;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;
}
.bnl-page--warranty .wa-ext__cta{
  display:block;width:100%;min-height:var(--tap-min,44px);padding:13px 18px;
  border-radius:var(--radius-pill,999px);text-align:center;text-decoration:none;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-weight:600;letter-spacing:.03em;color:#fff;
  border:1.5px solid var(--color-pink,#E3056B);
  box-shadow:var(--glow-ambient-pink,0 0 56px -10px rgba(227,5,107,.45));
  transition:opacity .2s ease, box-shadow .2s ease;
}
.bnl-page--warranty .wa-ext__cta[aria-disabled="true"]{
  opacity:.42;pointer-events:none;border-color:var(--color-border,#3A3A3A);box-shadow:none;
}
.bnl-page--warranty .wa-ext__cta:hover{box-shadow:var(--hglow-pink-hi,0 0 18px rgba(227,5,107,.75));}
.bnl-page--warranty .wa-ext__fine{margin:9px 0 0;font-size:11.5px;text-align:center;color:var(--wa-ink-dim,#8A8A93);line-height:1.5;}

/* ---------------- upload ---------------- */
.bnl-page--warranty .wa-drop{
  display:block;width:100%;padding:28px 20px;text-align:center;cursor:pointer;
  border:1.5px dashed color-mix(in srgb,var(--color-primary,#00A9B5) 40%,var(--color-border,#3A3A3A));
  border-radius:var(--radius-md,12px);
  background:color-mix(in srgb,var(--color-black-true,#000) 32%,transparent);
  transition:border-color .2s ease, background .2s ease;
}
.bnl-page--warranty .wa-drop:hover,
.bnl-page--warranty .wa-drop:focus-within{
  border-color:var(--color-primary,#00A9B5);
  background:color-mix(in srgb,var(--color-primary,#00A9B5) 7%,transparent);
}
.bnl-page--warranty .wa-drop input[type="file"]{
  position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;
}
.bnl-page--warranty .wa-drop svg{width:26px;height:26px;color:var(--color-primary,#00A9B5);margin-bottom:8px;}
.bnl-page--warranty .wa-drop b{
  display:block;font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:15px;font-weight:700;color:#fff;letter-spacing:-.02em;
}
.bnl-page--warranty .wa-drop span{display:block;margin-top:4px;font-size:12.5px;color:var(--wa-ink-dim,#8A8A93);}
.bnl-page--warranty .wa-files{margin:10px 0 0;display:grid;gap:6px;list-style:none;padding:0;}
.bnl-page--warranty .wa-files li{
  display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--color-text-muted,#B8B8B8);
  padding:8px 12px;border-radius:var(--radius-sm,6px);
  background:color-mix(in srgb,var(--wa-ok,#22C58B) 9%,transparent);
  border:1px solid color-mix(in srgb,var(--wa-ok,#22C58B) 26%,transparent);
}
.bnl-page--warranty .wa-files svg{width:15px;height:15px;flex:none;color:var(--wa-ok,#22C58B);}

/* ---------------- agreements ---------------- */
.bnl-page--warranty .wa-checks{display:grid;gap:6px;}
.bnl-page--warranty .wa-check{
  display:flex;align-items:flex-start;gap:12px;
  padding:12px;border-radius:var(--radius-sm,6px);
  border:1px solid transparent;transition:border-color .2s ease, background .2s ease;
}
.bnl-page--warranty .wa-check:hover{background:color-mix(in srgb,#fff 3%,transparent);}
.bnl-page--warranty .wa-check.is-bad{
  border-color:color-mix(in srgb,var(--color-error,#FF4D5E) 55%,transparent);
  background:color-mix(in srgb,var(--color-error,#FF4D5E) 8%,transparent);
}
.bnl-page--warranty .wa-check input[type="checkbox"]{
  width:20px;height:20px;flex:none;margin:2px 0 0;
  accent-color:var(--color-primary,#00A9B5);cursor:pointer;
}
.bnl-page--warranty .wa-check label{font-size:13.5px;line-height:1.55;color:var(--color-text-muted,#B8B8B8);cursor:pointer;}
.bnl-page--warranty .wa-check label b{color:#fff;font-weight:600;}
.bnl-page--warranty .wa-check label a{color:var(--color-primary,#00A9B5);}

/* ---------------- submit ---------------- */
.bnl-page--warranty .wa-submit{margin-top:var(--space-ml,24px);padding-top:var(--space-ml,24px);border-top:1px solid var(--wa-hairline,#26262B);}
.bnl-page--warranty .wa-submit .bnl-btn{width:100%;font-size:16px;}
.bnl-page--warranty .wa-submit__note{margin:12px 0 0;font-size:12px;text-align:center;color:var(--wa-ink-dim,#8A8A93);line-height:1.6;}
.bnl-page--warranty .wa-submit__note a{color:var(--color-primary,#00A9B5);}
.bnl-page--warranty .wa-alarm{
  display:none;margin-bottom:var(--space-md,16px);padding:13px 16px;
  border-radius:var(--radius-sm,6px);
  border:1px solid color-mix(in srgb,var(--color-error,#FF4D5E) 50%,transparent);
  background:color-mix(in srgb,var(--color-error,#FF4D5E) 10%,transparent);
  font-size:13.5px;color:#FFC9CE;line-height:1.5;
}
.bnl-page--warranty .wa-alarm.is-on{display:block;}

/* ---------------- success ---------------- */
.bnl-page--warranty .wa-done{display:none;padding:clamp(32px,7vw,56px) clamp(16px,4vw,32px);text-align:center;}
.bnl-page--warranty.bnl-done .wa-done{display:block;}
.bnl-page--warranty.bnl-done .wa-form{display:none;}
.bnl-page--warranty .wa-done__ring{
  width:64px;height:64px;margin:0 auto var(--space-md,16px);border-radius:50%;
  display:grid;place-items:center;
  border:1.5px solid color-mix(in srgb,var(--wa-ok,#22C58B) 55%,transparent);
  background:color-mix(in srgb,var(--wa-ok,#22C58B) 12%,transparent);
  box-shadow:0 0 34px -8px color-mix(in srgb,var(--wa-ok,#22C58B) 70%,transparent);
}
.bnl-page--warranty .wa-done__ring svg{width:30px;height:30px;color:var(--wa-ok,#22C58B);}
.bnl-page--warranty .wa-done__t{
  margin:0 0 8px;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.045em;color:#fff;
}
.bnl-page--warranty .wa-done__p{max-width:46ch;margin:0 auto var(--space-ml,24px);color:var(--color-text-muted,#B8B8B8);font-size:15px;}
.bnl-page--warranty .wa-done__box{
  display:inline-block;text-align:left;padding:16px 22px;border-radius:var(--radius-md,12px);
  border:1px solid var(--wa-hairline,#26262B);background:var(--wa-surface-2,#17171B);
}
.bnl-page--warranty .wa-done__box p{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--wa-ink-dim,#8A8A93);}
.bnl-page--warranty .wa-done__box b{
  display:block;margin-top:5px;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--wa-ok,#22C58B);
  font-variant-numeric:tabular-nums;
}
.bnl-page--warranty .wa-done__next{
  max-width:520px;margin:var(--space-ml,24px) auto 0;text-align:left;
  display:grid;gap:10px;list-style:none;padding:0;font-size:13.5px;color:var(--color-text-muted,#B8B8B8);
}
.bnl-page--warranty .wa-done__next li{display:flex;gap:10px;align-items:flex-start;line-height:1.5;}
.bnl-page--warranty .wa-done__next svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--color-primary,#00A9B5);}

/* ---------------- terms strip ---------------- */
.bnl-page--warranty .wa-terms{
  padding:var(--space-xl,64px) var(--space-md,16px);
  background:
    radial-gradient(88% 50% at 14% 26%, color-mix(in srgb,var(--color-primary,#00A9B5) 8%,transparent), transparent 62%),
    linear-gradient(180deg,transparent 0%,var(--color-bg-section,#101014) 12%,var(--color-bg-section,#101014) 88%,transparent 100%);
}
.bnl-page--warranty .wa-terms__inner{max-width:var(--width-content,1100px);margin:0 auto;}
.bnl-page--warranty .wa-terms__grid{display:grid;gap:var(--space-md,16px);}
@media (min-width:760px){ .bnl-page--warranty .wa-terms__grid{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1000px){ .bnl-page--warranty .wa-terms__grid{grid-template-columns:repeat(4,1fr);} }
.bnl-page--warranty .wa-term{
  padding:18px;border-radius:var(--radius-md,12px);
  border:1px solid var(--wa-hairline,#26262B);background:var(--wa-surface,#121215);
}
.bnl-page--warranty .wa-term h3{
  margin:0 0 7px;
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:15px;font-weight:700;letter-spacing:-.03em;color:#fff;
}
.bnl-page--warranty .wa-term p{margin:0;font-size:13px;line-height:1.55;color:var(--wa-ink-dim,#8A8A93);}
.bnl-page--warranty .wa-term__ic{
  width:34px;height:34px;border-radius:var(--radius-pill,999px);margin-bottom:11px;
  display:grid;place-items:center;color:var(--color-primary,#00A9B5);
  background:color-mix(in srgb,var(--color-primary,#00A9B5) 11%,transparent);
  border:1px solid color-mix(in srgb,var(--color-primary,#00A9B5) 34%,transparent);
}
.bnl-page--warranty .wa-term__ic svg{width:17px;height:17px;}

/* ---------------- footer ---------------- */
.bnl-page--warranty .bnl-foot{
  position:relative;
  background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-black-true,#000) 55%,transparent) 62px,var(--color-black-true,#000) 150px);
  padding:calc(var(--space-xl,64px) + 40px) var(--space-md,16px) var(--space-xl,64px);
  font-size:var(--text-small,13px);color:var(--color-text-muted,#B8B8B8);
}
.bnl-page--warranty .bnl-foot::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;opacity:.5;
  background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--color-primary,#00A9B5) 46%,transparent) 26%,color-mix(in srgb,var(--color-pink,#E3056B) 46%,transparent) 74%,transparent 100%);
}
.bnl-page--warranty .bnl-foot__inner{max-width:var(--width-content,1100px);margin:0 auto;display:grid;gap:var(--space-lg,32px);}
@media (min-width:768px){ .bnl-page--warranty .bnl-foot__inner{grid-template-columns:1.4fr 1fr 1fr;} }
.bnl-page--warranty .bnl-foot h3{
  font-family:var(--font-heading-proposed,'Bricolage Grotesque',sans-serif);
  font-size:var(--text-small,13px);letter-spacing:.12em;text-transform:uppercase;
  color:var(--color-text,#F5F5F5);margin:0 0 var(--space-md,16px);
}
.bnl-page--warranty .bnl-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:2px;}
.bnl-page--warranty .bnl-foot a{
  color:var(--color-text-muted,#B8B8B8);text-decoration:none;
  min-height:var(--tap-min,44px);display:inline-flex;align-items:center;
}
.bnl-page--warranty .bnl-foot a:hover{color:var(--color-primary,#00A9B5);}
.bnl-page--warranty .bnl-foot__legal{
  max-width:var(--width-content,1100px);margin:var(--space-lg,32px) auto 0;
  padding-top:var(--space-md,16px);line-height:1.9;
  border-top:1px solid color-mix(in srgb,var(--color-border,#3A3A3A) 50%,transparent);
}
.bnl-page--warranty .bnl-foot__legal a{display:inline;min-height:0;}

/* ---------------- motion ---------------- */
@media (prefers-reduced-motion:reduce){
  .bnl-page--warranty .wa-clock__fill,
  .bnl-page--warranty .wa-cov__bar i,
  .bnl-page--warranty .bnl-prevhdr__pill,
  .bnl-page--warranty .bnl-prevhdr__pill::before{transition:none;}
}