/* Price Tumble design tokens. Generated from tokens.json by src/tokens.py */
:root{
  --pt-color-navy:#0E1B33;
  --pt-color-navy-deep:#0A1428;
  --pt-color-navy-raised:#152548;
  --pt-color-navy-card:#1A2D55;
  --pt-color-navy-line:#2A3E68;
  --pt-color-lime:#C6F432;
  --pt-color-lime-press:#B2DE22;
  --pt-color-lime-ink:#0E1B33;
  --pt-color-cream:#F5F1E8;
  --pt-color-cream-deep:#EAE4D6;
  --pt-color-paper:#FFFFFF;
  --pt-color-text-on-navy:#F5F1E8;
  --pt-color-text-muted-on-navy:rgba(245,241,232,0.66);
  --pt-color-text-on-cream:#0E1B33;
  --pt-color-text-muted-on-cream:rgba(14,27,51,0.62);
  --pt-color-line-on-navy:rgba(245,241,232,0.14);
  --pt-color-line-on-cream:rgba(14,27,51,0.12);
  --pt-color-focus:#C6F432;
  --pt-color-ended:#8B93A3;
  --pt-font-display:'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
  --pt-font-mono:'JetBrains Mono', ui-monospace, Menlo, monospace;
  --pt-weight-display:800;
  --pt-weight-heading:800;
  --pt-weight-body-mono:400;
  --pt-weight-label:600;
  --pt-size-display:88px;
  --pt-size-h1:64px;
  --pt-size-h2:44px;
  --pt-size-h3:28px;
  --pt-size-h4:22px;
  --pt-size-body:17px;
  --pt-size-small:14px;
  --pt-size-micro:12px;
  --pt-size-price-lg:64px;
  --pt-size-price:30px;
  --pt-size-price-sm:22px;
  --pt-line-height-tight:0.95;
  --pt-line-height-heading:1.05;
  --pt-line-height-body:1.55;
  --pt-tracking-display:-0.04em;
  --pt-tracking-heading:-0.03em;
  --pt-tracking-label:0.08em;
  --pt-space-1:4px;
  --pt-space-2:8px;
  --pt-space-3:12px;
  --pt-space-4:16px;
  --pt-space-5:24px;
  --pt-space-6:32px;
  --pt-space-7:48px;
  --pt-space-8:64px;
  --pt-space-9:96px;
  --pt-space-10:128px;
  --pt-radius-sm:8px;
  --pt-radius-md:14px;
  --pt-radius-lg:22px;
  --pt-radius-xl:32px;
  --pt-radius-pill:999px;
  --pt-shadow-card:0 1px 0 rgba(255,255,255,0.06) inset, 0 18px 40px -12px rgba(0,0,0,0.45);
  --pt-shadow-lift:0 1px 0 rgba(255,255,255,0.08) inset, 0 28px 60px -14px rgba(0,0,0,0.55);
  --pt-shadow-card-on-cream:0 1px 2px rgba(14,27,51,0.06), 0 16px 36px -14px rgba(14,27,51,0.28);
  --pt-shadow-contact:radial-gradient(closest-side, rgba(14,27,51,0.22), rgba(14,27,51,0));
  --pt-tilt-none:0deg;
  --pt-tilt-a:-2deg;
  --pt-tilt-b:1.5deg;
  --pt-tilt-c:-1deg;
  --pt-tilt-d:2deg;
  --pt-tilt-pill:-4deg;
  --pt-tilt-max:2deg;
  --pt-motion-fast:120ms;
  --pt-motion-base:200ms;
  --pt-motion-ease:cubic-bezier(.2,.7,.2,1);
  --pt-layout-max:1240px;
  --pt-layout-gutter-desktop:32px;
  --pt-layout-gutter-mobile:20px;
  --pt-layout-card-min:260px;
}

/* Price Tumble components v2: deal price, real-photo deal card, buttons, pills, nav.
   Needs tokens.css loaded first. Fonts: self-host Bricolage Grotesque (800) and JetBrains Mono (400/600/700). */
*,*:before,*:after{box-sizing:border-box}
.pt{font-family:var(--pt-font-mono);color:var(--pt-color-text-on-navy);-webkit-font-smoothing:antialiased}

/* ---------- Deal price: now / was / % off ---------- */
.pt-deal{display:inline-flex;align-items:baseline;gap:.4em;font-size:var(--pt-size-price);white-space:nowrap;line-height:1}
.pt-now{font:800 1em var(--pt-font-display);letter-spacing:-.03em;color:var(--pt-color-lime)}
.pt-was{font:500 .56em var(--pt-font-mono);color:currentColor;opacity:.62;position:relative}
.pt-was:after{content:"";position:absolute;left:-4%;right:-4%;top:50%;height:.12em;min-height:1.5px;background:var(--pt-color-lime);transform:rotate(-8deg)}
.pt-off{font:700 .46em var(--pt-font-mono);color:var(--pt-color-lime-ink);background:var(--pt-color-lime);border-radius:.4em;padding:.28em .5em;align-self:center;transform:rotate(var(--pt-tilt-pill))}
.pt-deal--lg{font-size:var(--pt-size-price-lg)}.pt-deal--sm{font-size:var(--pt-size-price-sm)}
.on-cream .pt-now{color:var(--pt-color-navy)}.on-cream .pt-was:after{background:var(--pt-color-navy)}

/* ---------- Small parts ---------- */
.pt-ad{display:inline-flex;align-items:center;font:700 12px/1 var(--pt-font-mono);letter-spacing:.04em;color:var(--pt-color-navy);background:var(--pt-color-cream);border-radius:6px;padding:5px 7px}
.pt-retailer{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--pt-font-mono);letter-spacing:var(--pt-tracking-label);text-transform:uppercase;color:var(--pt-color-text-muted-on-navy)}
.pt-retailer:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pt-color-lime)}
.pt-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;font:600 14px var(--pt-font-mono);color:var(--pt-color-cream);border:1.5px solid var(--pt-color-line-on-navy);background:transparent;white-space:nowrap}
.pt-pill.is-active{background:var(--pt-color-cream);color:var(--pt-color-navy);border-color:var(--pt-color-cream)}
.pt-tag{display:inline-block;font:700 11px/1 var(--pt-font-mono);letter-spacing:var(--pt-tracking-label);text-transform:uppercase;padding:6px 8px;border-radius:6px;background:rgba(198,244,50,.14);color:var(--pt-color-lime)}
.pt-tag--example{background:rgba(245,241,232,.12);color:var(--pt-color-cream)}
.pt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:14px;font:800 17px var(--pt-font-display);letter-spacing:-.01em;text-decoration:none;cursor:pointer;border:0;white-space:nowrap;transition:transform var(--pt-motion-fast),background var(--pt-motion-fast)}
.pt-btn--primary{background:var(--pt-color-lime);color:var(--pt-color-lime-ink)}
.pt-btn--primary:hover,.pt-btn--primary.is-hover{background:var(--pt-color-lime-press);transform:translateY(-1px)}
.pt-btn--secondary{background:transparent;color:var(--pt-color-cream);box-shadow:inset 0 0 0 1.5px var(--pt-color-line-on-navy)}
.pt-btn--ghost{background:transparent;color:var(--pt-color-cream);text-decoration:underline;text-underline-offset:4px;padding:0 4px}
.pt-btn--sm{height:40px;padding:0 16px;font-size:15px;border-radius:12px}
.pt-btn.is-focus{outline:3px solid var(--pt-color-focus);outline-offset:3px}
.pt-btn[disabled],.pt-btn.is-disabled{opacity:.4;cursor:default}

/* ---------- Deal card: built for real merchant photos ---------- */
.pt-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(165deg,var(--pt-color-navy-card),var(--pt-color-navy-raised));border:1px solid var(--pt-color-line-on-navy);border-radius:var(--pt-radius-lg);box-shadow:var(--pt-shadow-card);overflow:hidden;color:var(--pt-color-cream);transition:transform var(--pt-motion-base) var(--pt-motion-ease),box-shadow var(--pt-motion-base)}
.pt-card:hover,.pt-card.is-hover{transform:translateY(-4px);box-shadow:var(--pt-shadow-lift)}
/* The image well: every photo, whatever its shape or background, sits on the same cream stage. */
.pt-well{position:relative;aspect-ratio:1/1;margin:10px 10px 0;border-radius:calc(var(--pt-radius-lg) - 8px);background:radial-gradient(120% 90% at 50% 20%,#FFFFFF 0%,var(--pt-color-cream) 70%);overflow:hidden;isolation:isolate}
/* No synthetic contact shadow: merchant photos carry their own; a second one floats. */
.pt-well__in{position:absolute;inset:11% 12% 12%;display:flex;align-items:center;justify-content:center}
.pt-well img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;mix-blend-mode:multiply;border-radius:8px}
.pt-well--wide{aspect-ratio:4/3}
.pt-body{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px;flex:1}
.pt-meta{display:flex;align-items:center;gap:10px}
.pt-title{margin:0;font:800 19px/1.15 var(--pt-font-display);letter-spacing:-.02em;color:var(--pt-color-cream);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em}
.pt-basis{margin:0;font:400 12px/1.45 var(--pt-font-mono);color:var(--pt-color-text-muted-on-navy)}
.pt-checked{margin:0;flex-wrap:wrap;font:400 12px/1 var(--pt-font-mono);color:var(--pt-color-text-muted-on-navy);display:flex;gap:8px;align-items:center}
.pt-checked:before{content:"";width:12px;height:12px;border-radius:50%;border:1.5px solid var(--pt-color-lime);box-shadow:inset 0 0 0 2.5px var(--pt-color-navy-card),inset 0 0 0 6px var(--pt-color-lime)}
.pt-card .pt-btn{margin-top:auto;width:100%}
.pt-card .pt-deal{font-size:32px}
/* States */
.pt-card.is-featured{border:2px solid var(--pt-color-lime);transform:rotate(var(--pt-tilt-c))}
.pt-card.is-ended .pt-well img{filter:grayscale(1);opacity:.55}
.pt-card.is-ended .pt-now{color:var(--pt-color-ended);text-decoration:line-through;text-decoration-thickness:2px}
.pt-card.is-ended .pt-off{background:var(--pt-color-ended)}
.pt-card .pt-ended-note{display:none}.pt-card.is-ended .pt-ended-note{display:block;position:absolute;z-index:3;left:20px;top:20px;font:700 12px var(--pt-font-mono);background:var(--pt-color-navy);color:var(--pt-color-cream);padding:6px 9px;border-radius:6px}
.pt-card.is-noimage .pt-well img{mix-blend-mode:normal;width:62%;opacity:.95}
.pt-card.is-loading .pt-well,.pt-card.is-loading .pt-sk{background:linear-gradient(90deg,#1E3360,#26407A,#1E3360);}
.pt-sk{height:14px;border-radius:7px}
/* Card on a cream page */
.on-cream .pt-card{background:#FFFFFF;color:var(--pt-color-navy);border-color:var(--pt-color-line-on-cream);box-shadow:var(--pt-shadow-card-on-cream)}
.on-cream .pt-card .pt-title{color:var(--pt-color-navy)}
.on-cream .pt-card .pt-basis,.on-cream .pt-card .pt-checked,.on-cream .pt-retailer{color:var(--pt-color-text-muted-on-cream)}
.on-cream .pt-card .pt-ad{background:var(--pt-color-navy);color:var(--pt-color-cream)}
.on-cream .pt-card .pt-well{background:radial-gradient(120% 90% at 50% 20%,#FFFFFF,var(--pt-color-cream-deep) 80%)}
.on-cream .pt-card .pt-now{color:var(--pt-color-navy)}
.on-cream .pt-card .pt-checked:before{box-shadow:inset 0 0 0 2.5px #fff,inset 0 0 0 6px var(--pt-color-lime)}
.on-cream .pt-tag--example{background:rgba(14,27,51,.08);color:var(--pt-color-navy)}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/bricolage-grotesque-latin-800.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-latin-500.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-latin-500.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/jetbrains-mono-latin-700.woff2") format("woff2");
}

html,
body {
  overflow-x: clip;
}

body {
  margin: 0;
  background: var(--pt-color-navy);
  color: var(--pt-color-cream);
  font-family: var(--pt-font-mono);
  font-size: var(--pt-size-body);
  line-height: var(--pt-line-height-body);
}

a {
  color: inherit;
}

img {
  max-width: 100%;
}

.pt-well img {
  object-fit: contain;
  object-position: center;
}

.wrap {
  max-width: var(--pt-layout-max);
  margin: 0 auto;
  padding: 0 var(--pt-layout-gutter-mobile);
}

.top {
  position: relative;
  border-bottom: 1px solid var(--pt-color-line-on-navy);
  background: rgb(10 20 40 / 60%);
}

.bar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
}

.brand {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
}

.brand img {
  display: block;
  height: 26px;
  width: auto;
}

.how-link {
  display: none;
  font-size: var(--pt-size-small);
  text-decoration: none;
  white-space: nowrap;
}

.nav-cta {
  margin-left: 8px;
  text-decoration: none;
}

.cta-long {
  display: none;
}

.find {
  margin-left: auto;
  flex: 0 0 auto;
}

.find-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1.5px solid var(--pt-color-line-on-navy);
  border-radius: 12px;
  color: var(--pt-color-cream);
  cursor: pointer;
  list-style: none;
}

.find-open::-webkit-details-marker {
  display: none;
}

.find-open::marker {
  content: "";
}

.find .search {
  display: none;
}

.find[open] .search {
  display: flex;
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 16px;
  gap: 8px;
  background: var(--pt-color-navy);
}

.find[open] .search input {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

.find[open] .search button {
  flex: 0 0 auto;
}

.search {
  display: none;
}

.search input,
.search button {
  font: inherit;
}

.search input {
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--pt-color-line-on-navy);
  background: var(--pt-color-navy-raised);
  color: var(--pt-color-cream);
  padding: 0 16px;
}

.search button {
  height: 44px;
  border: 0;
  border-radius: 12px;
  background: var(--pt-color-lime);
  color: var(--pt-color-lime-ink);
  font-weight: 700;
  padding: 0 16px;
}

.cats {
  display: flex;
  gap: 8px;
  padding: 0 0 14px;
  overflow-x: auto;
  white-space: nowrap;
}

.cats a {
  text-decoration: none;
}

.display {
  margin: 0;
  font-family: var(--pt-font-display);
  font-weight: 800;
  font-size: 44px;
  letter-spacing: -0.035em;
  line-height: 1.02;
}

.display-accent {
  color: var(--pt-color-lime);
}

.hero-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  margin-top: 18px;
  max-width: 420px;
}

.hero-actions .pt-btn {
  min-height: 56px;
  width: 100%;
}

.lede {
  font-size: 15px;
  line-height: 1.55;
  color: var(--pt-color-text-muted-on-navy);
  max-width: 620px;
}

.sec {
  padding: 32px 0;
}

.sec-tight {
  padding-bottom: 0;
}

.hero-cluster {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cat-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}

.cat-tiles a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  text-decoration: none;
  text-align: center;
  border: 1px solid var(--pt-color-line-on-navy);
  border-radius: 14px;
  padding: 12px;
  font-size: 14px;
}

.pt-meta {
  flex-wrap: wrap;
  align-items: center;
  row-gap: 6px;
}

.pt-retailer {
  line-height: 16px;
}

.pt-ad,
.pt-tag,
.pt-retailer {
  flex: 0 0 auto;
  max-width: 100%;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

.pt-well img[src$=".svg"],
.pt-well img.is-fallback {
  mix-blend-mode: normal;
}

.pt-lowest {
  margin: 0;
  font-family: var(--pt-font-mono);
  font-weight: 600;
  font-size: 12px;
  line-height: 1.4;
  color: var(--pt-color-lime);
}

.pt-lowest a {
  color: inherit;
}

.why {
  margin-top: 16px;
}

.why h2 {
  margin: 0;
  font-family: var(--pt-font-display);
  font-size: 22px;
  font-weight: 800;
}

.why p {
  margin: 8px 0 0;
}

.summary {
  margin: 8px 0 0;
  font-family: var(--pt-font-mono);
  font-weight: 400;
  font-size: var(--pt-size-body);
  line-height: var(--pt-line-height-body);
  color: rgb(245 241 232 / 70%);
}

.page-title {
  font-size: 44px;
  margin-top: 10px;
}

.section-title {
  font-size: 32px;
  margin-top: 48px;
}

.dotd-meta {
  margin-top: 16px;
}

.eyebrow {
  font: 700 12px var(--pt-font-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pt-color-lime);
  margin: 0;
}

.drops,
.cat-row .cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.drops .pt-title,
.cat-row .pt-title {
  font-size: 15px;
}

.drops .pt-card .pt-deal,
.cat-row .pt-card .pt-deal {
  font-size: 24px;
}

.drops .pt-basis,
.cat-row .pt-basis {
  display: none;
}

.drops .pt-body,
.cat-row .pt-body {
  padding: 12px;
  gap: 8px;
}

.drops .pt-well,
.cat-row .pt-well {
  margin: 6px 6px 0;
}

.drops .pt-btn,
.cat-row .pt-btn {
  display: none;
}

.pt-card a.card-hit {
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.dotd {
  background: linear-gradient(160deg, var(--pt-color-navy-card), var(--pt-color-navy-raised));
  border: 2px solid var(--pt-color-lime);
  border-radius: var(--pt-radius-xl);
  padding: 20px;
}

.dotd .pt-well {
  margin: 0;
  aspect-ratio: 4 / 3;
}

.dotd h2 {
  margin: 12px 0 0;
  font-family: var(--pt-font-display);
  font-weight: 800;
  font-size: 32px;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.dotd .pt-deal {
  font-size: 46px;
  margin-top: 18px;
  flex-wrap: wrap;
}

.dotd-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.dotd-actions .pt-btn {
  width: 100%;
}

.section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.section-head h2,
.cat-row h2 {
  margin: 0;
  font-family: var(--pt-font-display);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.03em;
}

.muted {
  color: var(--pt-color-text-muted-on-navy);
  font-size: 13px;
}

.cat-row {
  margin-top: 36px;
}

.cat-row h2 a {
  text-decoration: none;
}

.crumbs {
  font-size: 13px;
  color: var(--pt-color-text-muted-on-navy);
  margin-bottom: 20px;
}

.deal-layout {
  display: block;
}

.deal-layout .pt-well {
  margin: 0;
  aspect-ratio: 1 / 1;
  border-radius: var(--pt-radius-xl);
}

.deal-copy h1 {
  margin: 14px 0 0;
  font-family: var(--pt-font-display);
  font-weight: 800;
  font-size: 34px;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.deal-copy .pt-deal {
  font-size: 56px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.deal-copy .pt-btn {
  width: 100%;
  margin-top: 24px;
}

.facts {
  margin-top: 28px;
}

.facts div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid var(--pt-color-line-on-navy);
  font-size: 14px;
}

.facts dt {
  color: var(--pt-color-text-muted-on-navy);
}

.steps {
  display: grid;
  gap: 16px;
  margin-top: 36px;
}

.step {
  background: var(--pt-color-navy-raised);
  border: 1px solid var(--pt-color-line-on-navy);
  border-radius: var(--pt-radius-lg);
  padding: 24px;
}

.step-n {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--pt-color-lime);
  color: var(--pt-color-navy);
  font: 800 20px/40px var(--pt-font-display);
  text-align: center;
}

.step h3 {
  font: 800 22px var(--pt-font-display);
  margin: 16px 0 8px;
}

.step p,
.wont li {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--pt-color-text-muted-on-navy);
}

.wont {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  font-size: 15px;
}

.wont li {
  padding: 10px 0;
  border-top: 1px solid var(--pt-color-line-on-navy);
  color: var(--pt-color-cream);
}

.empty {
  text-align: center;
  padding: 56px 16px;
  border: 1.5px dashed var(--pt-color-line-on-navy);
  border-radius: 24px;
}

.empty h3 {
  font: 800 28px var(--pt-font-display);
  margin: 18px 0 8px;
}

.prose {
  max-width: 720px;
}

.prose h1 {
  font-family: var(--pt-font-display);
  font-weight: 800;
  font-size: 44px;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.foot {
  background: var(--pt-color-navy-deep);
  border-top: 1px solid var(--pt-color-line-on-navy);
  padding: 56px 0 40px;
  font-size: 14px;
  color: var(--pt-color-text-muted-on-navy);
  line-height: 1.6;
}

.foot-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

.foot h2 {
  font: 800 16px var(--pt-font-display);
  color: var(--pt-color-cream);
  margin: 0 0 12px;
}

.foot ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.foot a {
  text-decoration: none;
}

.foot-legal {
  border-top: 1px solid var(--pt-color-line-on-navy);
  margin-top: 40px;
  padding-top: 24px;
  font-size: 13px;
}

.foot-legal p {
  margin: 0 0 6px;
}

.foot-legal .legal-strong {
  color: var(--pt-color-cream);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip {
  position: absolute;
  left: 12px;
  top: 12px;
  transform: translateY(-150%);
  background: var(--pt-color-lime);
  color: var(--pt-color-navy);
  padding: 8px 12px;
  z-index: 3;
}

.skip:focus {
  transform: none;
}

:focus-visible {
  outline: 3px solid var(--pt-color-focus);
  outline-offset: 3px;
}

@media (min-width: 900px) {
  .wrap {
    padding: 0 var(--pt-layout-gutter-desktop);
  }

  .bar {
    gap: 24px;
    height: 76px;
  }

  .brand img {
    height: 32px;
  }

  .search {
    display: flex;
    flex: 1;
    max-width: 460px;
    gap: 8px;
  }

  .how-link {
    display: inline;
    margin-left: auto;
  }

  .nav-cta {
    margin-left: 0;
  }

  .cta-long {
    display: inline;
  }

  .cta-short {
    display: none;
  }

  .find {
    display: none;
  }

  .display {
    font-size: 88px;
  }

  .hero-band .display {
    font-size: min(88px, 5.6vw);
  }

  .hero-actions {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: none;
  }

  .hero-actions .pt-btn {
    width: auto;
  }

  .hero-band {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(280px, 520px);
    gap: 32px;
    align-items: center;
  }

  .hero-cluster {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 12px;
  }

  .hero-cluster .pt-card:nth-child(1) {
    transform: rotate(-2deg);
  }

  .hero-cluster .pt-card:nth-child(2) {
    transform: rotate(1.5deg);
  }

  .hero-cluster .pt-card:nth-child(3) {
    transform: rotate(1.5deg);
  }

  .hero-cluster .pt-card:nth-child(4) {
    transform: rotate(-1deg);
  }

  .hero-cluster .pt-basis,
  .hero-cluster .pt-btn {
    display: none;
  }

  .lede {
    font-size: 18px;
  }

  .cat-tiles {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sec {
    padding: 56px 0;
  }

  .drops,
  .cat-row .cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }

  .drops .pt-title,
  .cat-row .pt-title,
  .drops .pt-card .pt-deal,
  .cat-row .pt-card .pt-deal,
  .drops .pt-body,
  .cat-row .pt-body,
  .drops .pt-well,
  .cat-row .pt-well {
    font-size: unset;
    padding: unset;
    margin: unset;
    gap: unset;
  }

  .drops .pt-title,
  .cat-row .pt-title {
    font: 800 19px/1.15 var(--pt-font-display);
  }

  .drops .pt-card .pt-deal,
  .cat-row .pt-card .pt-deal {
    font-size: 32px;
  }

  .drops .pt-body,
  .cat-row .pt-body {
    padding: 16px 18px 18px;
    gap: 10px;
  }

  .drops .pt-well,
  .cat-row .pt-well {
    margin: 10px 10px 0;
  }

  .drops .pt-basis,
  .cat-row .pt-basis,
  .drops .pt-btn,
  .cat-row .pt-btn {
    display: flex;
  }

  .drops .pt-basis,
  .cat-row .pt-basis {
    display: block;
  }

  .dotd {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 48px;
    align-items: center;
    padding: 28px;
  }

  .dotd .pt-well {
    aspect-ratio: 16 / 11;
  }

  .dotd h2 {
    font-size: 52px;
  }

  .dotd .pt-deal {
    font-size: 80px;
  }

  .dotd-actions .pt-btn {
    width: auto;
  }

  .section-head h2 {
    font-size: 36px;
  }

  .deal-layout {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 56px;
    align-items: start;
  }

  .deal-copy {
    margin-top: 0;
  }

  .deal-copy h1 {
    font-size: 52px;
  }

  .deal-copy .pt-deal {
    font-size: 76px;
  }

  .steps {
    grid-template-columns: 1fr 1fr;
  }

  .foot-grid {
    grid-template-columns: 1.6fr 1fr 1fr;
  }

  .prose h1 {
    font-size: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pt-card,
  .pt-card.is-featured,
  .pt-off,
  .pt-was::after,
  .pt-btn {
    transform: none;
    transition: none;
  }
}