/** Shopify CDN: Minification failed

Line 394:0 Unexpected "<"

**/
/* nb-warranty-page.css — composite Warranty page (warm-elite refactor) */

/* ─── Hero ───────────────────────────────────────── */
.nb-wp-hero {
  background: var(--nb-blue, #314ABC);
  padding: 120px 24px;
  text-align: center;
  border-radius: 0 0 var(--nb-r-2xl, 32px) var(--nb-r-2xl, 32px);
}
.nb-wp-hero-inner {
  max-width: 760px;
  margin: 0 auto;
}
.nb-wp-hero-eyebrow {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: var(--nb-fs-eyebrow, 11px);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 24px;
}
.nb-wp-hero-headline {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(36px, 5.4vw, 56px);
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 1.1;
  margin: 0 0 20px;
}
.nb-wp-hero-sub {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body-lg, 18px);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  max-width: 620px;
  margin: 0 auto;
}

/* ─── Shared section header ───────────────────────── */
.nb-wp-section-header {
  text-align: center;
  margin-bottom: 56px;
}
.nb-wp-eyebrow {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: var(--nb-fs-eyebrow, 11px);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--nb-charcoal, #363732);
  margin-bottom: 16px;
}
.nb-wp-section-headline {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-display, 40px);
  font-weight: 600;
  color: var(--nb-near-black, #0B0B0A);
  letter-spacing: -0.4px;
  line-height: 1.1;
  margin: 0 0 16px;
}
.nb-wp-section-sub {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body-lg, 18px);
  color: var(--nb-charcoal, #363732);
  line-height: 1.6;
  max-width: 640px;
  margin: 0 auto;
}

/* ─── Tier cards (white surface) ──────────────────── */
.nb-wp-tiers {
  padding: 120px 24px;
  background: var(--nb-white, #FCFCFC);
}
.nb-wp-tiers-inner {
  max-width: 1120px;
  margin: 0 auto;
}
.nb-wp-tier-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.nb-wp-tier-card {
  position: relative;
  background: var(--nb-soft-gray, #F5F5F5);
  border: 1px solid transparent;
  border-radius: var(--nb-r-xl, 24px);
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-shadow: var(--nb-shadow-rest, 0 1px 3px rgba(11, 20, 60, 0.05));
  transition: box-shadow .25s ease, transform .25s ease;
}
.nb-wp-tier-card:hover {
  box-shadow: var(--nb-shadow-soft, 0 8px 32px rgba(11, 20, 60, 0.08));
  transform: translateY(-2px);
}
.nb-wp-tier-card--featured {
  background: var(--nb-sky, #D7EDFD);
  border-color: rgba(49, 74, 188, 0.18);
  box-shadow: var(--nb-shadow-soft, 0 8px 32px rgba(11, 20, 60, 0.08));
}
.nb-wp-tier-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--nb-blue, #314ABC);
  color: #fff;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: var(--nb-fs-tag, 10px);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  white-space: nowrap;
}
.nb-wp-tier-name {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-subhead, 24px);
  font-weight: 600;
  color: var(--nb-near-black, #0B0B0A);
  letter-spacing: -0.2px;
}
.nb-wp-tier-price {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-feature-settings: 'tnum' 1;
  font-variant-numeric: tabular-nums;
  font-size: 36px;
  font-weight: 500;
  color: var(--nb-blue, #314ABC);
  letter-spacing: -0.4px;
  line-height: 1;
}
.nb-wp-tier-detail {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  color: var(--nb-charcoal, #363732);
  line-height: 1.6;
  margin-top: 4px;
}

/* ─── Coverage (covered / not covered) — sky tint ── */
.nb-wp-coverage {
  padding: 120px 24px;
  background: var(--nb-sky, #D7EDFD);
}
.nb-wp-coverage-inner {
  max-width: 980px;
  margin: 0 auto;
}
.nb-wp-coverage-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.nb-wp-coverage-col {
  background: #fff;
  border: 1px solid var(--nb-line, rgba(11, 11, 10, 0.10));
  border-radius: var(--nb-r-xl, 24px);
  padding: 40px 36px 32px;
  box-shadow: var(--nb-shadow-rest, 0 1px 3px rgba(11, 20, 60, 0.05));
}
.nb-wp-coverage-col-title {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-subhead, 24px);
  font-weight: 600;
  color: var(--nb-near-black, #0B0B0A);
  letter-spacing: -0.2px;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}
.nb-wp-coverage-col-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--nb-r-sm, 8px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.nb-wp-coverage-col-icon--yes {
  background: var(--nb-sky, #D7EDFD);
  color: var(--nb-blue, #314ABC);
}
.nb-wp-coverage-col-icon--no {
  background: var(--nb-soft-gray, #F5F5F5);
  color: var(--nb-charcoal, #363732);
}
.nb-wp-coverage-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nb-wp-coverage-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid var(--nb-line, rgba(11, 11, 10, 0.10));
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  color: var(--nb-charcoal, #363732);
  line-height: 1.55;
}
.nb-wp-coverage-item:first-child { border-top: none; padding-top: 0; }
.nb-wp-coverage-item-icon {
  flex-shrink: 0;
  margin-top: 4px;
}
.nb-wp-coverage-item--yes .nb-wp-coverage-item-icon { color: var(--nb-blue, #314ABC); }
.nb-wp-coverage-item--no .nb-wp-coverage-item-icon { color: #9A9A95; }

/* ─── How to claim (white) ────────────────────────── */
.nb-wp-claim {
  padding: 120px 24px;
  background: var(--nb-white, #FCFCFC);
}
.nb-wp-claim-inner {
  max-width: 820px;
  margin: 0 auto;
}
.nb-wp-claim-list {
  list-style: none;
  counter-reset: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nb-wp-claim-step {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 28px 32px;
  background: var(--nb-soft-gray, #F5F5F5);
  border-radius: var(--nb-r-lg, 16px);
}
.nb-wp-claim-step-num {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: var(--nb-blue, #314ABC);
  color: #fff;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-feature-settings: 'tnum' 1;
  font-variant-numeric: tabular-nums;
  font-size: var(--nb-fs-body, 16px);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.nb-wp-claim-step-body {
  flex: 1;
  min-width: 0;
}
.nb-wp-claim-step-title {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body-lg, 18px);
  font-weight: 600;
  color: var(--nb-near-black, #0B0B0A);
  margin-bottom: 6px;
  letter-spacing: -0.1px;
}
.nb-wp-claim-step-detail {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  color: var(--nb-charcoal, #363732);
  line-height: 1.6;
}

/* ─── Quick links (soft gray surface) ─────────────── */
.nb-wp-links {
  padding: 120px 24px;
  background: var(--nb-soft-gray, #F5F5F5);
}
.nb-wp-links-inner {
  max-width: 1120px;
  margin: 0 auto;
}
.nb-wp-link-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.nb-wp-link-card {
  background: #fff;
  border: 1px solid var(--nb-line, rgba(11, 11, 10, 0.10));
  border-radius: var(--nb-r-xl, 24px);
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: box-shadow .25s ease, transform .25s ease;
}
.nb-wp-link-card:hover {
  box-shadow: var(--nb-shadow-soft, 0 8px 32px rgba(11, 20, 60, 0.08));
  transform: translateY(-2px);
}
.nb-wp-link-title {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-subhead, 24px);
  font-weight: 600;
  color: var(--nb-near-black, #0B0B0A);
  letter-spacing: -0.2px;
  line-height: 1.2;
}
.nb-wp-link-desc {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  color: var(--nb-charcoal, #363732);
  line-height: 1.6;
  flex: 1;
}
.nb-wp-link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  padding: 14px 24px;
  border-radius: var(--nb-r-btn, 8px);
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  font-weight: 600;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.nb-wp-link-btn--primary {
  background: var(--nb-electric, #0D44EE);
  color: #fff;
  border: 2px solid var(--nb-electric, #0D44EE);
  box-shadow: var(--nb-shadow-cta-rest, 0 2px 12px rgba(13, 68, 238, 0.28));
}
.nb-wp-link-btn--primary:hover {
  background: var(--nb-blue, #314ABC);
  border-color: var(--nb-blue, #314ABC);
  box-shadow: var(--nb-shadow-cta-hover, 0 12px 28px rgba(13, 68, 238, 0.36));
}
.nb-wp-link-btn--secondary {
  background: transparent;
  color: var(--nb-blue, #314ABC);
  border: 2px solid var(--nb-blue, #314ABC);
}
.nb-wp-link-btn--secondary:hover {
  background: var(--nb-blue, #314ABC);
  color: #fff;
}

/* ─── Mobile ──────────────────────────────────────── */
@media (max-width: 768px) {
  .nb-wp-hero { padding: 80px 20px; border-radius: 0 0 var(--nb-r-xl, 24px) var(--nb-r-xl, 24px); }
  .nb-wp-hero-headline { font-size: clamp(32px, 8vw, 40px); }
  .nb-wp-hero-sub { font-size: var(--nb-fs-body, 16px); }

  .nb-wp-tiers,
  .nb-wp-coverage,
  .nb-wp-claim,
  .nb-wp-links { padding: 80px 20px; }

  .nb-wp-section-header { margin-bottom: 40px; }
  .nb-wp-section-headline { font-size: var(--nb-fs-section, 32px); }

  .nb-wp-tier-grid,
  .nb-wp-coverage-grid,
  .nb-wp-link-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .nb-wp-tier-card { padding: 32px 24px; border-radius: var(--nb-r-lg, 16px); }
  .nb-wp-coverage-col { padding: 32px 24px; border-radius: var(--nb-r-lg, 16px); }
  .nb-wp-link-card { padding: 28px 24px; border-radius: var(--nb-r-lg, 16px); }

  .nb-wp-claim-step { padding: 22px 22px; gap: 16px; }
  .nb-wp-claim-step-num { width: 36px; height: 36px; }
}
</content>
</invoke>