/* BuyBack Direct site styles. Layout: sticky glass header, then a left aligned hero on a light blue glow. The headline sits
   left; the "cash in hand" photo card (blue outline, shadow, floating bills) sits right on desktop
   with the real store polaroid tucked on its corner. On phones the polaroid sits beside the
   headline and the photo card spans below it; buttons and the Google rating sit centered. Sections below are centered and blue themed;
   cash stays green. */
:root{
  --ink:#0c1a26;--ink-2:#1c2e3d;--muted:#5b6b78;--line:#e2ebf2;--white:#fff;
  --blue:#0090c8;--blue-deep:#0077a8;--blue-50:#f3f9fd;--blue-100:#e7f4fb;--blue-200:#cfe8f5;--blue-300:#9fd2ec;
  --money:#2f8f5f;--live:#22a06b;
  --font:Geist,"Helvetica Neue",Arial,sans-serif;--hand:Caveat,"Comic Sans MS",cursive;
  --r:24px;--gut-l:max(20px,env(safe-area-inset-left,0px));--gut-r:max(20px,env(safe-area-inset-right,0px));
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img{display:block;max-width:100%;height:auto}svg{display:block}
p,h1,h2,h3,figure{margin:0}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:10px}
.wrap{width:min(1160px,100%);margin-inline:auto;padding-left:var(--gut-l);padding-right:var(--gut-r)}
.skip{position:fixed;top:-80px;left:16px;z-index:100;background:var(--ink);color:#fff;padding:12px 20px;border-radius:10px}.skip:focus{top:12px}
.ico{width:19px;height:19px;flex:none}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep)}
.eyebrow::before,.eyebrow::after{content:"";width:16px;height:2px;border-radius:2px;background:var(--blue-300)}
h2{font-size:clamp(32px,6.4vw,54px);line-height:1.05;letter-spacing:-.045em;font-weight:800;text-wrap:balance;margin-top:12px}
.blue{color:var(--blue)}
.lede{font-size:17px;color:var(--muted);max-width:44ch;margin:14px auto 0}
.center{text-align:center}
.live{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#98a6b1}
.live.is-open::before{background:var(--live);box-shadow:0 0 0 4px rgba(34,160,107,.16)}

/* header */
.masthead{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.masthead.is-stuck{border-color:var(--line);box-shadow:0 6px 24px rgba(12,26,38,.06)}
.masthead .wrap{display:flex;align-items:center;gap:18px;min-height:76px}
.brand img{width:168px}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto;background:var(--blue-50);border:1px solid var(--line);border-radius:999px;padding:5px}
.nav a{font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;color:var(--ink-2);transition:background .15s}
.nav a:hover{background:#fff}
.nav a.sell::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:7px;vertical-align:2px}
.stores{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px}
.stores .pin{width:16px;height:16px;color:var(--blue-deep);margin:0 4px 0 8px}
.stores button{border:0;background:none;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;color:var(--muted);min-height:36px;transition:background .15s,color .15s}
.stores button[aria-pressed="true"]{background:var(--ink);color:#fff}
.head-cta{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:0 20px;min-height:46px;box-shadow:0 8px 20px rgba(0,144,200,.28);white-space:nowrap}
.head-cta .ico{width:17px;height:17px}
@media(max-width:1060px){.nav{display:none}.stores{margin-left:auto}}
@media(max-width:760px){.masthead .wrap{min-height:64px;gap:10px}.brand img{width:130px}.head-cta{display:none}.stores .pin{display:none}.stores button{padding:7px 11px;font-size:12px}}
@media(max-width:400px){.masthead .wrap{min-height:60px}.brand img{width:112px}.stores{padding:3px}.stores button{padding:7px 9px;font-size:11.5px;min-height:34px}}
@media(max-width:350px){.brand img{width:100px}.stores button{padding:6px 7px;font-size:11px}}

/* hero */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:26px 0 64px;text-align:left}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:radial-gradient(52% 46% at 30% 32%,#d9eefa 0%,rgba(217,238,250,0) 74%),
             radial-gradient(36% 38% at 76% 56%,#eaf6fc 0%,rgba(234,246,252,0) 72%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.8;
  background-image:linear-gradient(rgba(0,119,168,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,168,.06) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(60% 55% at 40% 40%,#000 0%,transparent 80%);mask-image:radial-gradient(60% 55% at 40% 40%,#000 0%,transparent 80%)}
.chip{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid var(--line);box-shadow:0 4px 18px rgba(12,26,38,.05);font-size:13px;font-weight:600}
.chip .tags{display:flex;gap:4px}
.chip .tags span{background:var(--blue);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.chip .tags span+span{background:var(--blue-100);color:var(--blue-deep)}
.chip .tags span{white-space:nowrap}
@media(max-width:700px){.chip .what{font-size:12px;line-height:1.25}}
@media(max-width:420px){.chip .what{display:none}.chip{padding-right:6px}}

/* hero grid: desktop puts copy left and photo plus cash right; phones put the photo beside the headline */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(24px,4vw,64px);align-items:center;max-width:1080px;margin:0 auto;
  grid-template-areas:"chip cash" "h1 cash" "sub cash" "acts cash" "trust cash"}
.hero-grid .chip{grid-area:chip;justify-self:start;margin:18px 0 0}

/* headline: Geist 800 throughout */
.h1{grid-area:h1;margin:18px 0 0;font-family:var(--font);font-weight:800;color:var(--ink);line-height:.9;letter-spacing:-.065em}
.h1 .l1,.h1 .l2{display:block}
.h1 .l1{font-size:clamp(56px,8.6vw,110px)}
.h1 .l2{font-size:clamp(94px,14.4vw,184px);letter-spacing:-.07em;color:var(--blue)}

/* cash in hand photo card: blue outline, soft ring, deep shadow, bills floating over the edges */
.cash{grid-area:cash;position:relative;justify-self:end;align-self:center;width:calc(100% - 56px);max-width:440px;min-width:0;margin:34px 0 8px}
.pc{position:relative;margin:0;padding:6px;border-radius:30px;background:linear-gradient(180deg,#fff,#eaf6fc);border:2px solid var(--blue);
  box-shadow:0 0 0 7px rgba(0,144,200,.12),0 2px 6px rgba(0,77,115,.08),0 34px 60px rgba(0,77,115,.24)}
.pc img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%;border-radius:23px;background:var(--blue-100)}
.cash .tag{position:absolute;z-index:3;left:18px;top:-30px;font:600 clamp(22px,5.6vw,30px)/1 var(--hand);color:var(--money);transform:rotate(-6deg);white-space:nowrap;
  background:#fff;border:1.5px solid #cfe9db;border-radius:999px;padding:5px 14px 7px;box-shadow:0 8px 20px rgba(47,143,95,.18)}
.bill{position:absolute;z-index:2;width:clamp(64px,9vw,104px);height:auto;overflow:visible;filter:drop-shadow(0 10px 14px rgba(20,80,50,.22));transform:rotate(var(--r))}
.bill.b1{--r:-16deg;right:-26px;top:16%}
.bill.b2{--r:12deg;left:-30px;bottom:22%}
.bill.b3{--r:-6deg;right:-14px;bottom:6%;width:clamp(54px,7vw,84px)}
@media(prefers-reduced-motion:no-preference){
  .bill{animation:billfloat 5.6s ease-in-out infinite}
  .bill.b2{animation-duration:6.4s;animation-delay:.8s}.bill.b3{animation-duration:6s;animation-delay:1.6s}
  @keyframes billfloat{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-12px) rotate(calc(var(--r) + 5deg))}}
}
.f{transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:no-preference){
  .f1{animation:bob 5.5s ease-in-out infinite}.f2{animation:bob 6.5s ease-in-out infinite .6s}.f3{animation:bob 6s ease-in-out infinite 1.2s}.f4{animation:bob 7s ease-in-out infinite .3s}.f5{animation:bob 6.8s ease-in-out infinite 1.6s}
  .spark{animation:tw 2.8s ease-in-out infinite}.spark:nth-of-type(2n){animation-delay:1.1s}
  @keyframes bob{50%{transform:translateY(-9px) rotate(1.5deg)}}
  @keyframes tw{50%{opacity:.25}}
}
.snap{grid-area:cash;position:relative;z-index:4;justify-self:start;align-self:end;width:clamp(120px,13vw,160px);transform:rotate(-6deg);margin:0 0 6%}
.snap .frame{background:#fff;padding:7px 7px 9px;border-radius:6px;border:1px solid #dbe6ee;box-shadow:0 2px 4px rgba(12,26,38,.05),0 22px 40px rgba(12,26,38,.14)}
.snap img{width:100%;aspect-ratio:1/1.02;object-fit:cover;object-position:center top;border-radius:3px}
.snap figcaption{font-size:clamp(7px,1.8vw,9px);letter-spacing:.14em;text-transform:uppercase;font-weight:700;text-align:center;margin-top:6px;color:#55646f}
.snap .note{position:absolute;right:-6px;top:-48px;font:600 clamp(20px,5.2vw,28px)/1 var(--hand);color:var(--ink);transform:rotate(-7deg);white-space:nowrap;display:flex;align-items:flex-end;gap:2px}
@media(min-width:701px){.snap .note{left:-4px;right:auto;top:-46px;transform:rotate(4deg);background:#fff;border-radius:999px;padding:3px 10px 5px;box-shadow:0 6px 16px rgba(12,26,38,.12)}.snap .note svg{display:none}}
.snap .note svg{width:30px;height:34px;transform:translateY(16px)}
@media(prefers-reduced-motion:no-preference){.snap{animation:drop .8s cubic-bezier(.2,.8,.2,1) both .15s}@keyframes drop{from{opacity:0;transform:rotate(-14deg) translateY(-14px)}}}

.sub{grid-area:sub;font-size:clamp(17px,4.4vw,20px);color:var(--ink-2);font-weight:500;margin:28px 0 0;max-width:34ch;line-height:1.45}
.sub b{color:var(--ink);font-weight:800}
.hero-actions{grid-area:acts;display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:10px;margin:22px 0 0}
.hero-actions .btn:nth-child(3){grid-column:1/-1;justify-self:center}
.btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:0 26px;font-weight:700;font-size:15px;white-space:nowrap;border:1px solid #d9e6ef;background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(12,26,38,.06),0 10px 24px rgba(12,26,38,.10);transition:transform .18s,box-shadow .18s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{position:relative;overflow:hidden;background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 2px 4px rgba(0,119,168,.18),0 14px 30px rgba(0,144,200,.34)}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translateX(-100%)}
@media(prefers-reduced-motion:no-preference){.btn-primary::after{animation:shine 4.5s ease-in-out infinite 1.5s}@keyframes shine{30%,100%{transform:translateX(100%)}}}
.trust{grid-area:trust;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:20px;font-size:13px;color:var(--muted);font-weight:500}
.rating{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 10px;box-shadow:0 6px 18px rgba(12,26,38,.07);white-space:nowrap}
.rating .g{width:20px;height:20px}
.rating .stars{color:#fbbc04;letter-spacing:1px;font-size:15px;line-height:1}
.rating b{color:var(--ink);font-size:15px;font-weight:800}
.trust .more{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
@media(max-width:700px){
  .snap{animation-name:dropm}@keyframes dropm{from{opacity:0;transform:rotate(16deg) translateY(-14px)}}
  .hero-grid{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;
    grid-template-areas:"chip snap" "h1 snap" "cash cash" "sub sub" "acts acts" "trust trust"}
  .hero-grid .chip{margin-top:16px}
  .h1{align-self:end;margin-top:14px}
  .h1 .l1{font-size:14vw}
  .h1 .l2{font-size:24vw}
  .snap{grid-area:snap;align-self:end;justify-self:end;width:30vw;max-width:160px;margin:46px 4px 4px 0;transform:rotate(7deg)}
  .snap .note{right:auto;left:-30px;top:-44px}
  .cash{justify-self:center;width:calc(100% - 16px);max-width:400px;margin:40px 0 0}
  .pc{border-radius:26px;padding:5px}
  .pc img{aspect-ratio:1/1;border-radius:20px;object-position:50% 14%}
  .cash .tag{left:12px;top:-26px}
  .bill.b1{right:-18px;top:10%}.bill.b2{left:-20px;bottom:16%}.bill.b3{right:-12px;bottom:4%}
  .sub{margin-top:18px;max-width:none;font-size:18px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:none;margin-top:18px}
  .hero-actions .btn{min-height:52px;padding:0 10px;gap:7px;font-size:14.5px}
  .hero-actions .btn:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}
  .trust{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;margin-top:22px}
}
@media(max-width:360px){.hero-actions .btn{font-size:13.5px;padding:0 8px;gap:6px}.hero-actions .ico{width:17px;height:17px}.rating{padding:6px 12px 6px 9px;gap:6px}.rating .stars{font-size:13px}}
@media(max-width:520px){.hero{padding:16px 0 40px}}

/* brands */
.brands{border-block:1px solid var(--line);background:var(--blue-50)}
.brands .wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 34px;padding-block:20px;text-align:center}
.brands p{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.brands ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px}
.brands li{font-size:18px;font-weight:700;letter-spacing:-.02em;color:#8796a2}

/* sections */
.section{padding:92px 0}
.head{text-align:center;max-width:680px;margin:0 auto 34px}
.head .side{font-size:16px;color:var(--muted);margin-top:12px}
@media(max-width:760px){.section{padding:60px 0}.head{margin-bottom:26px}}

/* devices */
.devices{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.devices>.device{flex:0 0 calc((100% - 48px)/4);min-width:0}
.devices.six>.device{flex-basis:calc((100% - 32px)/3)}
.device{position:relative;isolation:isolate;overflow:hidden;min-height:290px;padding:24px;border-radius:var(--r);background:linear-gradient(180deg,#f6fbfe,#eaf4fa);border:1px solid #e1ecf3;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s}
.device::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;top:-50px;left:50%;margin-left:-90px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 70%);z-index:-1}
.device:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(12,26,38,.10);border-color:var(--blue-300)}
.device-art{width:130px;height:130px;margin:2px auto 16px;color:#1f5f80;transition:transform .35s}
.device:hover .device-art{transform:rotate(-4deg) scale(1.05)}
.device h3{font-size:22px;letter-spacing:-.035em;font-weight:800}
.device p{font-size:13px;color:var(--muted);margin-top:2px}
.device .go{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--blue-deep)}
.device .go i{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;transition:transform .2s}
.device:hover .go i{transform:translateX(3px)}
.device .go svg{width:15px;height:15px}
.also{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.also span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px}
.also svg{width:14px;height:14px;color:var(--blue)}
.note-line{font-size:15px;color:var(--muted);margin-top:18px;text-align:center}
.note-line a{font-weight:700;color:var(--blue-deep);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.devices>.device,.devices.six>.device{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:760px){.devices{gap:12px}.devices>.device,.devices.six>.device{flex-basis:calc((100% - 12px)/2)}.device{min-height:226px;padding:18px 12px;border-radius:20px}.device-art{width:96px;height:96px;margin-bottom:10px}.device h3{font-size:18px}.device p{font-size:12px}}

/* cash band: light blue, bordered, green bills */
.cashband{padding:0 0 92px}
.cashband .panel{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;background:linear-gradient(160deg,#f5fbfe 0%,#e6f3fb 100%);border:1.5px solid var(--blue-200);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:56px}
.cashband .panel::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.9;background-image:linear-gradient(rgba(0,119,168,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,168,.06) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(60% 80% at 75% 50%,#000,transparent 80%);mask-image:radial-gradient(60% 80% at 75% 50%,#000,transparent 80%)}
.cashband .copy{text-align:left}
.cashband .copy .eyebrow::before{display:none}
.points{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.points li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--ink-2)}
.points li b{color:var(--ink)}
.points i{width:36px;height:36px;border-radius:12px;background:#fff;border:1px solid var(--blue-200);display:grid;place-items:center;flex:none}
.points svg{width:18px;height:18px;color:var(--blue)}
.cashband .btn{margin-top:28px}
.stack{position:relative;max-width:440px;justify-self:center;width:100%}
.stack svg{width:100%;height:auto;overflow:visible}
@media(max-width:900px){
  .cashband{padding-bottom:60px}
  .cashband .panel{grid-template-columns:1fr;padding:34px 22px 28px;border-radius:26px;gap:18px}
  .cashband .copy{text-align:center}.cashband .copy .eyebrow::before,.shop .copy .eyebrow::before{display:block}.cashband .points{width:fit-content;max-width:100%;margin-inline:auto;text-align:left}.cashband .points li{align-items:flex-start;font-size:15.5px;line-height:1.4}.cashband .points li span{padding-top:7px}
  .stack{max-width:320px;order:-1}
}

/* we sell */
.shop{background:linear-gradient(180deg,#fff,var(--blue-50) 25%,var(--blue-50) 75%,#fff)}
.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.shop-photo{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px rgba(12,26,38,.14)}
.shop-photo img{width:100%;aspect-ratio:4/3.4;object-fit:cover}
.shop-photo .badge{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}
.shop-photo .badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue)}
.shop .copy{text-align:left}
.shop .copy .eyebrow::before{display:none}
.shop .lede{margin-left:0}
.ticks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.ticks li{display:flex;align-items:center;gap:10px;font-weight:600}
.ticks svg{width:20px;height:20px;color:var(--blue);flex:none}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cats span{font-size:14px;font-weight:600;border-radius:12px;padding:9px 14px;background:#fff;border:1px solid var(--line)}
.shop .btn{margin-top:28px}
@media(max-width:900px){.shop-grid{grid-template-columns:1fr;gap:28px}.shop .copy{text-align:center}.shop .lede{margin-inline:auto}.ticks{justify-content:center;width:max-content;margin-inline:auto}.cats{justify-content:center}}

/* steps */
.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s;position:relative}
.steps::before{content:"";position:absolute;left:16%;right:16%;top:34px;height:2px;background:linear-gradient(90deg,var(--blue-200),var(--blue))}
.steps li{position:relative;text-align:center;padding:0 10px}
.steps .no{position:relative;width:68px;height:68px;margin:0 auto 18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 26px rgba(12,26,38,.08);display:grid;place-items:center;color:var(--blue)}
.steps .no svg{width:28px;height:28px}
.steps .no::after{counter-increment:s;content:counter(s);position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.steps h3{font-size:22px;letter-spacing:-.03em;font-weight:800}
.steps p{font-size:15px;color:var(--muted);margin:6px auto 0;max-width:26ch}
.idnote{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:34px;font-size:14px;color:var(--muted)}
.idnote svg{width:18px;height:18px;color:var(--blue)}
@media(max-width:760px){.steps{grid-template-columns:1fr;gap:14px;margin:28px auto 0;max-width:360px}.steps::before{left:33px;right:auto;top:34px;bottom:34px;width:2px;height:auto;background:linear-gradient(180deg,var(--blue-200),var(--blue))}.steps li{display:flex;gap:16px;text-align:left;align-items:center;padding:0}.steps .no{margin:0;flex:none}.steps p{margin:2px 0 0}.idnote{max-width:300px;margin-inline:auto;text-align:left}}

/* coupon */
.bonus{padding:0 0 92px}
.coupon{position:relative;max-width:860px;margin:0 auto;border:2px dashed var(--blue-300);border-radius:28px;padding:12px;background:var(--blue-50)}
.coupon .scissors{position:absolute;top:-13px;left:34px;width:26px;height:24px;background:#fff;padding:0 2px;color:var(--blue)}
.coupon .card{position:relative;display:grid;grid-template-columns:240px 1fr;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(0,119,168,.12)}
.coupon .stub{position:relative;background:var(--blue);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px;text-align:center;
  background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 10px,transparent 10px 20px)}
.coupon .stub small{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.9}
.coupon .stub b{font-size:78px;font-weight:800;letter-spacing:-.06em;line-height:1;margin:6px 0 2px}
.coupon .stub span{font-size:14px;font-weight:600}
.coupon .stub::after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:2px;background:repeating-linear-gradient(180deg,#fff 0 8px,transparent 8px 16px)}
.coupon .body{position:relative;padding:30px 34px;text-align:left;display:flex;flex-direction:column;justify-content:center}
.coupon .body::before,.coupon .body::after{content:"";position:absolute;left:-14px;width:28px;height:28px;border-radius:50%;background:var(--blue-50)}
.coupon .body::before{top:-16px}.coupon .body::after{bottom:-16px}
.coupon h2{font-size:clamp(24px,3.6vw,32px);margin:0}
.coupon p{font-size:16px;color:var(--muted);margin-top:8px;max-width:40ch}
.coupon .show-it{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:700;color:var(--blue-deep);background:var(--blue-100);border-radius:999px;padding:8px 14px;align-self:flex-start}
.coupon .show-it svg{width:16px;height:16px}
@media(max-width:700px){
  .bonus{padding-bottom:60px}
  .coupon{padding:9px;border-radius:24px}
  .coupon .card{grid-template-columns:1fr}
  .coupon .stub{padding:24px 18px 22px}.coupon .stub b{font-size:64px}
  .coupon .stub::after{top:auto;left:0;right:0;bottom:-1px;width:auto;height:2px;background:repeating-linear-gradient(90deg,#fff 0 8px,transparent 8px 16px)}
  .coupon .body{padding:26px 22px 24px;text-align:center;align-items:center}
  .coupon .body::before,.coupon .body::after{top:-14px;bottom:auto}
  .coupon .body::before{left:-14px}.coupon .body::after{left:auto;right:-14px}
  .coupon .show-it{align-self:center}
}

/* reviews */
.reviews{background:var(--blue-50);border-block:1px solid var(--line)}
.scores{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}
.score{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 24px;box-shadow:0 8px 24px rgba(12,26,38,.05);text-align:left;min-width:250px}
.score b{font-size:42px;font-weight:800;letter-spacing:-.05em;line-height:1}
.score .stars{color:#fbbc04;letter-spacing:1.5px;font-size:15px}
.score .g{width:30px;height:30px;flex:none}
@media(max-width:600px){.scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.score{min-width:0;flex-direction:column;gap:8px;padding:16px 10px;text-align:center}.score .g{width:24px;height:24px}.score b{font-size:34px}.score .stars{font-size:14px}.score small{font-size:12px}}
.score small{display:block;font-size:13px;color:var(--muted)}
.widget:empty{display:none}
.widget{margin:20px auto 0;max-width:860px;border:1.5px dashed #c6d8e4;border-radius:18px;padding:24px;color:var(--muted);font-size:14px}

/* faq */
.faqs{max-width:760px;margin:30px auto 0;display:grid;gap:10px;text-align:left}
.faqs details{background:var(--blue-50);border:1px solid transparent;border-radius:18px;padding:0 22px;transition:background .2s,border-color .2s}
.faqs details[open]{background:#fff;border-color:var(--line);box-shadow:0 10px 26px rgba(12,26,38,.06)}
.faqs summary{list-style:none;cursor:pointer;font-size:17px;font-weight:700;letter-spacing:-.01em;padding:19px 38px 19px 0;position:relative}
.faqs summary::-webkit-details-marker{display:none}
.faqs summary::after{content:"+";position:absolute;right:0;top:15px;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:18px;font-weight:500;line-height:1}
.faqs details[open] summary::after{content:"\2212";background:var(--blue);color:#fff;border-color:var(--blue)}
.faqs p{padding:0 0 20px;color:var(--muted);font-size:15px}
.faq-more{margin-top:20px;font-size:15px;color:var(--muted)}
.faq-more a{font-weight:700;color:var(--blue-deep);text-decoration:underline;text-underline-offset:4px}

/* stores */
.stores-sec{background:linear-gradient(180deg,#fff,var(--blue-100))}
.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.store{background:#fff;border:1px solid #d6e6f0;border-radius:26px;overflow:hidden;box-shadow:0 14px 34px rgba(12,26,38,.06);display:flex;flex-direction:column}
.store .ph{position:relative}
.store .ph img{width:100%;aspect-ratio:16/9;object-fit:cover}
.store .ph span{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.92);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.store .in{padding:24px 26px 22px;display:flex;flex-direction:column;gap:4px;flex:1}
.store h3{font-size:26px;letter-spacing:-.035em;font-weight:800}
.store address{font-style:normal;color:var(--muted);font-size:15px}
.store .hrs{font-size:14px;color:var(--muted)}
.store .acts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;margin-top:18px}
.store .acts a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:14px;background:var(--blue-50);border:1px solid var(--line);font-size:14px;font-weight:700}
.store .acts a.dir{background:var(--blue);border-color:var(--blue);color:#fff}
.store .acts svg{width:16px;height:16px}
@media(max-width:760px){.store-grid{grid-template-columns:1fr;gap:14px}.store .in{padding:20px}}

/* contact dock */
.dock{position:fixed;z-index:40;left:50%;bottom:14px;transform:translateX(-50%);width:min(580px,calc(100% - 24px));background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border:1px solid #d6e3ec;border-radius:24px;padding:8px 10px 10px;box-shadow:0 18px 40px rgba(12,26,38,.16)}
.dock-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 6px 7px;font-size:12px;color:var(--muted)}
.dock-top b{color:var(--ink)}
.dock-top button{border:0;background:none;font-size:12px;font-weight:700;color:var(--blue-deep);min-height:32px;padding:0 0 0 10px}
.dock-acts{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:7px}
.dock-acts a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:16px;background:#fff;border:1.5px solid var(--blue-300);color:var(--ink);font-weight:700;font-size:15px;box-shadow:0 1px 2px rgba(12,26,38,.06),0 4px 12px rgba(0,119,168,.12)}
.dock-acts a .ico{color:var(--blue)}
.dock-acts a.txt{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(0,144,200,.30)}
.dock-acts a.txt .ico{color:#fff}
.dock-acts .ico{width:18px;height:18px}
.nudge{animation:nudge .45s ease-out}@keyframes nudge{40%{transform:scale(1.06)}}
@media(max-width:760px){.dock{bottom:0;width:100%;border-radius:22px 22px 0 0;border-width:1px 0 0;padding:7px 12px calc(10px + env(safe-area-inset-bottom,0px))}.dock-acts a{font-size:14px;min-height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
  

/* menu: desktop pill nav marks the current page; phones get a menu button and a drop down panel */
.nav a[aria-current="page"]{background:#fff;color:var(--blue-deep);box-shadow:0 2px 8px rgba(12,26,38,.08)}
.menu-btn{display:none;flex:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);place-items:center;padding:0;box-shadow:0 4px 12px rgba(12,26,38,.06)}
.menu-btn svg{width:22px;height:22px}
.menu-btn .x{display:none}
.menu-btn[aria-expanded="true"] .x{display:block}.menu-btn[aria-expanded="true"] .bars{display:none}
.mnav{position:fixed;z-index:29;left:0;right:0;top:var(--head-h,64px);background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 24px 40px rgba(12,26,38,.12);padding:10px var(--gut-r) 22px var(--gut-l);max-height:calc(100vh - var(--head-h,64px));overflow:auto}
.mnav[hidden]{display:none}
.mnav a.lnk{display:flex;align-items:center;justify-content:space-between;min-height:54px;border-bottom:1px solid var(--line);font-size:19px;font-weight:700;letter-spacing:-.02em}
.mnav a.lnk svg{width:18px;height:18px;color:var(--blue)}
.mnav a.lnk[aria-current="page"]{color:var(--blue-deep)}
.mnav .btn{width:100%;margin-top:18px}
@media(max-width:1200px) and (min-width:1061px){.head-cta{display:none}}
@media(max-width:1060px){.menu-btn{display:grid}}
@media(max-width:760px){.menu-btn{width:40px;height:40px;border-radius:12px}}
@media(max-width:400px){.brand img{width:100px}.masthead .wrap{gap:8px}}
@media(max-width:350px){.brand img{width:88px}.menu-btn{width:36px;height:36px}}

/* page hero for inner pages */
.phero{position:relative;isolation:isolate;overflow:hidden;padding:34px 0 72px}
.phero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(52% 50% at 26% 36%,#d9eefa 0%,rgba(217,238,250,0) 74%),radial-gradient(36% 40% at 78% 54%,#eaf6fc 0%,rgba(234,246,252,0) 72%)}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.8;background-image:linear-gradient(rgba(0,119,168,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,168,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(60% 60% at 40% 40%,#000 0%,transparent 80%);mask-image:radial-gradient(60% 60% at 40% 40%,#000 0%,transparent 80%)}
.phero .grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:center;max-width:1080px;margin:0 auto}
.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted)}
.crumbs a{color:var(--blue-deep)}
.crumbs span[aria-hidden]{color:var(--blue-300)}
.phero h1{margin-top:18px;font-weight:800;font-size:clamp(46px,6.8vw,86px);line-height:.95;letter-spacing:-.06em}
.phero h1 span{display:block;color:var(--blue)}
.psub{font-size:clamp(17px,4.2vw,20px);color:var(--ink-2);font-weight:500;margin-top:22px;max-width:36ch;line-height:1.45}
.psub b{color:var(--ink);font-weight:800}
.pacts{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:10px;margin-top:24px}
.pacts .btn:nth-child(3){grid-column:1/-1;justify-self:center}
.pacts .btn:only-child{grid-column:1/-1;justify-self:start}
.pfacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.pfacts span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:999px;padding:7px 13px}
.pfacts svg{width:15px;height:15px;color:var(--blue)}
.pvis{position:relative;justify-self:center;width:100%;max-width:440px}
.pvis .pc img{aspect-ratio:4/4.3;object-position:50% 50%}
.pvis .tag{position:absolute;z-index:3;left:18px;top:-28px;font:600 clamp(22px,5.6vw,30px)/1 var(--hand);color:var(--blue-deep);transform:rotate(-6deg);white-space:nowrap;background:#fff;border:1.5px solid var(--blue-200);border-radius:999px;padding:5px 14px 7px;box-shadow:0 8px 20px rgba(0,119,168,.16)}
.pvis .tag.green{color:var(--money);border-color:#cfe9db;box-shadow:0 8px 20px rgba(47,143,95,.18)}
.pvis .stack{max-width:none}
.pvis .duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.pvis .duo .snap{position:static;grid-area:auto;justify-self:stretch;align-self:start;width:auto;max-width:none;margin:0;animation:none}
.pvis .duo .snap:first-child{transform:rotate(-4deg)}
.pvis .duo .snap:last-child{transform:rotate(5deg);margin-top:34px}
@media(max-width:760px){
  .phero{padding:18px 0 48px;text-align:center}
  .phero .grid{grid-template-columns:1fr;gap:34px}
  .crumbs{justify-content:center}
  .psub{margin-inline:auto}
  .pacts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .pacts .btn{min-height:52px;padding:0 10px;font-size:14.5px;gap:7px}
  .pacts .btn:only-child,.pacts .btn:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}
  .pacts .btn:only-child{width:auto;padding:0 26px}
  .pfacts{justify-content:center}
  .pvis{max-width:400px}
}

/* five device cards on the sell page */
@media(min-width:1001px){.devices.five>.device{flex-basis:calc((100% - 64px)/5);min-height:270px;padding:22px 14px}}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--blue-50);border:1px solid #e1ecf3;border-radius:var(--r);padding:26px 24px}
.card .ic{width:46px;height:46px;border-radius:15px;background:#fff;border:1px solid var(--blue-200);display:grid;place-items:center;color:var(--blue);margin-bottom:16px;box-shadow:0 6px 16px rgba(0,119,168,.08)}
.card .ic svg{width:22px;height:22px}
.card h3{font-size:20px;letter-spacing:-.03em;font-weight:800;line-height:1.2}
.card p{font-size:15px;color:var(--muted);margin-top:6px}
.card .more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:700;color:var(--blue-deep)}
.card .more svg{width:15px;height:15px}
@media(max-width:1000px){.cards.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cards,.cards.two{grid-template-columns:1fr;gap:12px}.cards.four{grid-template-columns:1fr 1fr;gap:10px}.cards.four .card{padding:18px 14px}.cards.four .card h3{font-size:17px}.cards.four .card p{font-size:13.5px}.card{padding:22px 20px}}
@media(max-width:380px){.cards.four{grid-template-columns:1fr}}

/* split: copy beside a visual */
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.split .copy{text-align:left}
.split .copy .eyebrow::before{display:none}
.split .lede{margin-left:0}
.split .ticks li{align-items:flex-start;line-height:1.45}
.split .ticks li span{font-weight:500;color:var(--ink-2)}
.split .ticks li b{font-weight:700;color:var(--ink)}
.split .btn{margin-top:26px}
.split.flip .copy{order:2}
.tint{background:linear-gradient(180deg,#fff,var(--blue-50) 25%,var(--blue-50) 75%,#fff)}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:28px}.split .copy{text-align:center}.split .copy .eyebrow::before{display:block}.split .lede{margin-inline:auto}.split .ticks{width:fit-content;max-width:100%;margin-inline:auto;text-align:left}.split.flip .copy{order:0}}

/* numbered list for the full steps */
.flow{list-style:none;margin:34px auto 0;padding:0;max-width:820px;display:grid;gap:14px;counter-reset:f;text-align:left}
.flow li{position:relative;display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 24px;box-shadow:0 10px 26px rgba(12,26,38,.05)}
.flow .no{position:relative;width:64px;height:64px;border-radius:20px;background:var(--blue-50);border:1px solid var(--blue-200);display:grid;place-items:center;color:var(--blue)}
.flow .no svg{width:28px;height:28px}
.flow .no::after{counter-increment:f;content:counter(f);position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.flow h3{font-size:21px;letter-spacing:-.03em;font-weight:800;line-height:1.25}
.flow h3 small{display:inline-block;margin-left:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-deep);background:var(--blue-100);border-radius:999px;padding:3px 9px;vertical-align:3px}
.flow p{font-size:15.5px;color:var(--muted);margin-top:4px}
@media(max-width:600px){.flow li{grid-template-columns:52px 1fr;gap:14px;padding:18px 16px;border-radius:20px}.flow .no{width:52px;height:52px;border-radius:16px}.flow .no svg{width:24px;height:24px}.flow h3{font-size:18px}.flow h3 small{display:table;margin:6px 0 0}.flow p{font-size:14.5px}}

/* quick quote by text form */
.qform{max-width:760px;margin:30px auto 0;background:#fff;border:1.5px solid var(--blue-200);border-radius:28px;padding:28px;box-shadow:0 24px 50px rgba(0,77,115,.10);text-align:left}
.qform .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qform label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.qform .f{margin-bottom:14px}
.qform input,.qform select,.qform textarea{width:100%;min-height:52px;border-radius:14px;border:1px solid #d3e2ec;background:var(--blue-50);font:inherit;font-size:16px;color:var(--ink);padding:12px 14px;-webkit-appearance:none;appearance:none}
.qform textarea{min-height:96px;resize:vertical}
.qform select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%230077a8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:none;border-color:var(--blue);background-color:#fff;box-shadow:0 0 0 4px rgba(0,144,200,.14)}
.qform .btn{width:100%;margin-top:6px}
.qform .fine{font-size:13px;color:var(--muted);text-align:center;margin-top:12px}
@media(max-width:600px){.qform{padding:20px 16px;border-radius:24px}.qform .row{grid-template-columns:1fr;gap:0}}

/* closing call to action */
.endcta{padding:0 0 92px}
.endcta .panel{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;background:linear-gradient(160deg,#f5fbfe 0%,#e2f1fa 100%);border:1.5px solid var(--blue-200);padding:54px 28px;text-align:center}
.endcta .panel::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.9;background-image:linear-gradient(rgba(0,119,168,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,168,.06) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(60% 80% at 50% 50%,#000,transparent 80%);mask-image:radial-gradient(60% 80% at 50% 50%,#000,transparent 80%)}
.endcta .pacts{justify-content:center}
@media(max-width:760px){.endcta{padding-bottom:60px}.endcta .panel{padding:36px 18px;border-radius:26px}}

/* plain text pages: terms and privacy */
.prose{max-width:760px;margin:0 auto;text-align:left}
.prose h2{font-size:clamp(22px,4vw,28px);letter-spacing:-.03em;margin:38px 0 8px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-size:16px;color:var(--ink-2)}
.prose p+p{margin-top:12px}
.prose ul{margin:10px 0 0;padding-left:20px;display:grid;gap:6px}
.prose a{color:var(--blue-deep);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.prose .updated{font-size:14px;color:var(--muted);margin-bottom:28px}

/* footer */
.footer{background:var(--blue-50);border-top:1px solid var(--line);padding:56px 0 22px;font-size:14px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:34px}
.fbrand img{width:150px}
.fbrand p{color:var(--muted);margin-top:14px;max-width:30ch;line-height:1.6}
.fbrand .mail{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:700;color:var(--blue-deep)}
.fbrand .mail svg{width:17px;height:17px}
.footer h3{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:4px 0 14px}
.fcol{display:flex;flex-direction:column;gap:2px}
.fcol a{padding:5px 0;font-weight:600;color:var(--ink-2)}
.fcol a:hover{color:var(--blue-deep)}
.fstores{display:grid;gap:16px}
.fstores p{color:var(--muted);line-height:1.55}
.fstores b{color:var(--ink);display:block;font-size:15px}
.fstores a{font-weight:700;color:var(--blue-deep)}
.fbase{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.fbase p{max-width:620px}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr;gap:30px 20px}.fbrand,.fstores-col{grid-column:1/-1}}
@media(max-width:760px){.footer{padding:42px 0 18px;text-align:center}.fbrand img{margin-inline:auto}.fbrand p{margin-inline:auto}.fcol{align-items:center}.fbase{justify-content:center;text-align:center}}
@media(max-width:900px){.fstores-col{text-align:center}.fstores{grid-template-columns:repeat(2,minmax(0,max-content));justify-content:center;gap:16px 40px}}
@media(max-width:400px){.fstores{gap:14px 18px}.fstores p{font-size:13px}.fstores b{font-size:14px}}
.fhrs{margin-top:12px;color:var(--muted)}
.endhrs{margin-top:10px;font-size:14px;font-weight:600;color:var(--muted);display:flex;justify-content:center}
.cards.pair{grid-template-columns:1fr 1fr}
@media(max-width:760px){.cards.pair{grid-template-columns:1fr 1fr;gap:10px}.cards.pair .card{padding:18px 14px}.cards.pair .card h3{font-size:17px}.cards.pair .card p{font-size:13.5px}}
.phero.slim{padding-bottom:40px}
.phero.slim .grid{grid-template-columns:1fr;text-align:center;max-width:760px}
.phero.slim .crumbs{justify-content:center}
.phero.slim .psub{margin-inline:auto}
.phero.slim h1{font-size:clamp(40px,6vw,70px)}
.about-grid .card .more{display:inline-flex}
.section.tight{padding-top:16px}
a.card{display:block;transition:transform .2s,box-shadow .2s,border-color .2s}
a.card:hover{transform:translateY(-4px);border-color:var(--blue-300);box-shadow:0 18px 36px rgba(12,26,38,.08)}
/* tight phone header: logo, store switch and menu button on one row down to 320px */
@media(max-width:400px){.brand img{width:92px}.masthead .wrap{gap:6px}.stores button{padding:6px 7px;font-size:11px;min-height:34px}.menu-btn{width:38px;height:38px}}
@media(max-width:350px){.masthead .wrap{padding-left:12px;padding-right:12px}.brand img{width:80px}.stores button{padding:5px 6px;font-size:10.5px}.menu-btn{width:34px;height:34px;border-radius:10px}}