:root{--bg:#020611;--panel:#07111f;--panel2:#0a1526;--line:#20324e;--text:#f8faff;--muted:#a1aabb;--cyan:#34ddff;--blue:#4788ff;--purple:#9258ff;--pink:#ee4eb8;--green:#2aef93;--orange:#ff7940}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#01040b;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Noto Sans Devanagari","Segoe UI",sans-serif;line-height:1.6}.bg-grid{position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(50,80,135,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(50,80,135,.06) 1px,transparent 1px);background-size:42px 42px}.site{width:min(1180px,calc(100% - 18px));margin:9px auto;border:1px solid rgba(125,72,255,.45);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 82% 6%,rgba(88,45,220,.13),transparent 24%),linear-gradient(180deg,#030713,#020611);box-shadow:0 0 60px rgba(84,45,220,.08)}
.topbar{height:70px;padding:0 28px;display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(82,106,160,.18);position:sticky;top:0;z-index:20;background:rgba(3,7,19,.92);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff}.brand-main{font-weight:900;font-size:26px;letter-spacing:-1px}.brand-main span{color:#ff4eae}.brand>b{font-size:14px;border:1px solid rgba(245,83,191,.55);padding:2px 6px;border-radius:7px;background:rgba(241,70,181,.08)}.nav{display:flex;align-items:center;gap:24px;margin-left:auto}.nav a{color:#dce2ee;text-decoration:none;font-size:12px;font-weight:800}.nav a.active,.nav a:hover{color:#ff68bd}.header-cta{color:white;text-decoration:none;font-size:12px;font-weight:900;border:1px solid rgba(241,70,181,.55);padding:9px 14px;border-radius:10px}.affiliate-strip{padding:8px 22px;text-align:center;background:#071321;border-bottom:1px solid rgba(74,102,158,.2);font-size:11px;color:#bcc5d6}.affiliate-strip strong{color:#fff}
main{padding:0 30px}.hero{min-height:510px;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:20px}.eyebrow{display:inline-flex;color:#37dcff;border:1px solid rgba(45,205,255,.35);background:#061827;padding:6px 10px;border-radius:10px;font-size:10px;font-weight:900;letter-spacing:1px}.hero h1,.page-hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.06;letter-spacing:-2.5px;margin:15px 0 14px}.hero h1 span{background:linear-gradient(90deg,var(--orange),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;color:#c5ccda;max-width:680px}.search-shell{height:60px;display:flex;align-items:center;border:1px solid #37d7ff;border-radius:15px;background:#07101e;box-shadow:0 0 0 2px rgba(141,72,255,.18);margin-top:24px;overflow:hidden}.search-shell>span{font-size:24px;padding:0 14px}.search-shell input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.search-shell button{height:52px;margin-right:4px;border:0;border-radius:11px;padding:0 25px;color:#fff;background:linear-gradient(90deg,#ee44b1,#914fff);font-weight:900}.status-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.status-row span{border:1px solid rgba(83,107,155,.3);background:#06101d;color:#c7cfdd;padding:6px 9px;border-radius:8px;font-size:10px}
.hero-art{min-height:455px;position:relative;display:grid;place-items:center;isolation:isolate}.product-stage:before{content:"";position:absolute;inset:35px 16px 20px;border-radius:36px;background:linear-gradient(145deg,rgba(10,21,39,.72),rgba(4,10,20,.36));border:1px solid rgba(87,118,187,.16);box-shadow:inset 0 0 70px rgba(61,72,255,.05);z-index:-3}.stage-glow{position:absolute;border-radius:50%;filter:blur(36px);opacity:.34;z-index:-2}.glow-a{width:210px;height:210px;background:#4958ff;left:24%;top:15%}.glow-b{width:180px;height:180px;background:#ef45b7;right:12%;bottom:12%}.product-visual{width:255px;height:400px;position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(127,154,225,.5);background:#060d18;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 3px rgba(97,76,255,.13),0 0 42px rgba(85,98,255,.14);transform:perspective(900px) rotateY(-6deg) rotateZ(1.7deg);animation:deviceFloat 5s ease-in-out infinite}.product-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 20% 72%,rgba(113,83,255,.08));pointer-events:none}.product-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.96) contrast(1.03)}.product-visual-top{position:absolute;z-index:2;left:13px;right:13px;top:12px;display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:11px;background:rgba(3,8,18,.72);border:1px solid rgba(102,128,190,.28);backdrop-filter:blur(10px)}.product-visual-top>span{font-size:9px;font-weight:900;letter-spacing:.9px}.product-visual-top>span span{color:#ff52b4}.product-visual-top small{font-size:7px;color:#62e7ff;font-weight:900;letter-spacing:.7px}.product-visual-foot{position:absolute;z-index:2;left:13px;right:13px;bottom:12px;padding:9px 10px;border-radius:12px;background:rgba(3,8,18,.78);border:1px solid rgba(102,128,190,.28);backdrop-filter:blur(12px)}.product-visual-foot span{display:block;color:#aab7ca;font-size:8px}.product-visual-foot b{display:block;color:#fff;font-size:10px;margin-top:1px}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(222,60,204,.3);width:410px;height:185px;bottom:10px;transform:rotateX(65deg);animation:orbitPulse 4s ease-in-out infinite;z-index:-1}.orbit-b{width:315px;height:142px;bottom:28px;border-color:rgba(62,110,255,.34);animation-delay:-2s}.float{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(75,101,156,.5);border-radius:13px;background:linear-gradient(145deg,rgba(14,25,43,.96),rgba(6,14,26,.96));box-shadow:0 12px 32px rgba(0,0,0,.3);backdrop-filter:blur(10px);animation:float 4s ease-in-out infinite;z-index:4}.float b{display:block;font-size:12px;line-height:1.25}.float small{display:block;color:#aeb8c9;font-size:9px;white-space:nowrap}.market-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 12px currentColor;flex:0 0 auto}.amazon-dot{color:#ffb347;background:currentColor}.flipkart-dot{color:#47a5ff;background:currentColor}.meesho-dot{color:#ff5aa9;background:currentColor}.float.one{left:-4px;top:92px}.float.two{right:-4px;top:176px;animation-delay:-1.2s}.float.three{left:20px;bottom:48px;animation-delay:-2.2s}.save-pill{position:absolute;right:14px;bottom:3px;padding:9px 11px;border:1px solid rgba(237,73,183,.46);border-radius:12px;background:rgba(6,17,28,.94);box-shadow:0 12px 28px rgba(0,0,0,.28);z-index:4}.save-pill small{display:block;font-size:7px;color:#f079c1;letter-spacing:.7px}.save-pill strong{display:block;color:#2ced91;font-size:11px;margin-top:1px}
@keyframes float{50%{transform:translateY(-8px)}}@keyframes deviceFloat{50%{transform:perspective(900px) rotateY(-4deg) rotateZ(1deg) translateY(-7px)}}@keyframes orbitPulse{50%{opacity:.45;transform:rotateX(65deg) scale(1.04)}}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:5px 0 34px}.trust-grid article,.compare-panel,.guide-card,.prose-card,.blog-list-card,.article,.why-section{border:1px solid rgba(75,101,151,.34);background:linear-gradient(180deg,#07111f,#050d18);border-radius:16px}.trust-grid article{padding:18px}.trust-grid span{color:#52e5ff;font-size:11px;font-weight:900}.trust-grid h3{margin:7px 0;font-size:17px}.trust-grid p{margin:0;color:#aeb7c7;font-size:12px}
.compare-panel{padding:21px;margin-bottom:38px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:17px}.section-heading small{color:#ff5ab8;font-size:9px;font-weight:900;letter-spacing:1px}.section-heading h2{margin:3px 0 0;font-size:28px}.section-heading>a{color:#69ddff;text-decoration:none;font-size:12px}.demo-badge{font-size:10px;color:#ffd876;border:1px solid rgba(255,214,118,.28);padding:5px 8px;border-radius:8px}.scan-status{padding:11px 13px;border-radius:10px;background:#050b15;color:#c1c8d5;font-size:12px;margin-bottom:13px}.scan-status.scanning{color:#4ce5ff;box-shadow:inset 0 0 18px rgba(47,214,255,.05)}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compare-grid article{border:1px solid rgba(76,102,152,.32);background:#07111e;border-radius:13px;padding:15px}.market-name{font-size:11px;color:#ff61b7;font-weight:900}.compare-grid strong{display:block;margin:8px 0 4px;font-size:16px}.compare-grid p{color:#aeb7c7;font-size:11px;min-height:52px}.compare-grid a{display:inline-block;color:#50dfff;text-decoration:none;font-size:11px;font-weight:800}.honesty-note{font-size:10px;color:#9faabc;margin:15px 0 0}
.content-section{margin:0 0 38px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.guide-card{padding:16px;text-decoration:none;color:#fff;transition:.2s}.guide-card:hover{transform:translateY(-3px);border-color:rgba(76,210,255,.45)}.guide-meta{display:flex;justify-content:space-between}.guide-meta span{color:#ff59b7;font-size:9px;font-weight:900}.guide-meta small{color:#8995a9;font-size:9px}.guide-card h3{font-size:16px;line-height:1.35;margin:10px 0 8px}.guide-card p{color:#aeb7c7;font-size:11px;min-height:62px}.guide-card b{color:#4cddff;font-size:10px}.why-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;padding:22px;margin-bottom:35px}.why-section small{color:#ff59b7;font-size:9px;font-weight:900}.why-section h2{font-size:31px;line-height:1.1;margin:5px 0}.why-list{display:grid;gap:10px}.why-list article{border-bottom:1px solid rgba(77,101,151,.26);padding-bottom:10px}.why-list article:last-child{border-bottom:0}.why-list b{font-size:13px}.why-list p{font-size:11px;color:#aeb7c7;margin:3px 0}
.page-shell,.article-shell{max-width:950px;margin:auto;padding:42px 30px 48px}.page-hero{text-align:left;margin-bottom:24px}.page-hero p{color:#aeb7c7;max-width:730px}.prose-card{padding:26px}.prose-card h2{font-size:22px;margin:26px 0 8px}.prose-card h2:first-child{margin-top:0}.prose-card p{color:#c1c8d5;font-size:14px}.required-disclosure{padding:14px;border-radius:11px;background:#0a1920;border:1px solid rgba(49,237,143,.28);color:#38ec92;font-weight:900}.contact-warning{padding:13px;background:#201608;border:1px solid rgba(255,199,80,.25);border-radius:10px;color:#e6d2a5;font-size:12px}
.blog-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.blog-list-card{padding:18px;text-decoration:none;color:white}.blog-list-card>div{display:flex;justify-content:space-between}.blog-list-card span{font-size:9px;color:#ff56b8;font-weight:900}.blog-list-card small{font-size:9px;color:#8d98ab}.blog-list-card h2{font-size:19px;line-height:1.3}.blog-list-card p{color:#aeb7c7;font-size:12px}.blog-list-card b{color:#50ddff;font-size:10px}
.article{padding:32px;max-width:820px;margin:auto}.article-kicker{color:#ff59b6;font-size:10px;font-weight:900;letter-spacing:1px}.article h1{font-size:clamp(34px,5vw,54px);line-height:1.12;letter-spacing:-1.8px}.article .lead{font-size:17px;color:#c4ccda}.article-note{padding:13px;border:1px solid rgba(72,106,162,.28);background:#06101d;border-radius:10px;color:#aeb8c8;font-size:11px;margin:20px 0}.article section{margin:28px 0}.article section h2{font-size:23px;margin-bottom:8px}.article section p{color:#c1c8d4;font-size:14px}.article-cta{padding:18px;border-radius:12px;background:linear-gradient(90deg,#0a1830,#170d2d)}.article-cta a,.related a{color:#57ddff;text-decoration:none;font-weight:800}.related{border-top:1px solid rgba(73,99,149,.3);padding-top:18px}.related a{display:block;margin:8px 0;font-size:12px}
.footer{border-top:1px solid rgba(77,100,149,.25);padding:28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:24px}.footer p{color:#9fa9ba;font-size:11px;max-width:280px}.footer h4{font-size:11px;margin:0 0 8px}.footer a{display:block;color:#9fa9ba;text-decoration:none;font-size:10px;margin:5px 0}.footer-brand{display:inline-flex!important}.mini-disclosure{font-size:9px;color:#c6ceda;margin-top:12px}.footer-bottom{border-top:1px solid rgba(77,100,149,.2);margin-top:22px;padding-top:13px;color:#8490a4;font-size:9px;text-align:center}
@media(max-width:860px){.nav{display:none}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:28px}.hero-art{min-height:455px}.trust-grid,.compare-grid,.guide-grid{grid-template-columns:1fr}.why-section{grid-template-columns:1fr}.blog-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start}.hero h1,.page-hero h1{letter-spacing:-1.4px}.hero-copy>p{font-size:14px}}
@media(max-width:520px){.site{width:100%;margin:0;border-radius:0}.topbar{padding:0 16px}.affiliate-strip{font-size:9px;padding:7px 12px}main{padding:0 16px}.hero h1{font-size:38px}.search-shell button{padding:0 14px}.status-row{display:grid;grid-template-columns:1fr}.hero-art{transform:scale(.88);transform-origin:top center;margin-bottom:-35px}.page-shell,.article-shell{padding:28px 14px}.article{padding:20px}.footer{padding:22px 16px}.footer-grid{grid-template-columns:1fr}.section-heading h2{font-size:24px}.section-heading>a{display:none}}


/* PriceX v4 - Amazon affiliate CTA */
.amazon-affiliate-cta{
  margin:22px 0;
  border:1px solid rgba(255,172,66,.34);
  border-radius:16px;
  padding:15px 16px;
  background:radial-gradient(circle at 100% 0,rgba(255,169,48,.11),transparent 38%),linear-gradient(180deg,rgba(12,20,34,.98),rgba(7,14,25,.98));
  box-shadow:0 12px 34px rgba(0,0,0,.2);
}
.amazon-affiliate-cta .cta-kicker{display:inline-flex;align-items:center;gap:6px;color:#ffc66b;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px}
.amazon-affiliate-cta h3{margin:0 0 6px;font-size:17px;line-height:1.35;color:#fff}
.amazon-affiliate-cta p{margin:0 0 12px;color:#aeb9ca;font-size:11px;line-height:1.55}
.amazon-affiliate-cta .amazon-cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:10px;text-decoration:none;color:#081018;background:linear-gradient(90deg,#ffd36a,#ff9b36);font-weight:900;font-size:11px;border:1px solid rgba(255,220,140,.55)}
.amazon-affiliate-cta .amazon-cta-button:hover{filter:brightness(1.05)}
.amazon-affiliate-cta .cta-disclosure{display:block;margin-top:9px;color:#8794a8;font-size:8.5px;line-height:1.45}
.amazon-affiliate-cta[hidden]{display:none!important}
@media(max-width:600px){.amazon-affiliate-cta{padding:14px;margin:18px 0}.amazon-affiliate-cta .amazon-cta-button{display:flex;width:100%}}

@media(max-width:520px){.hero-art{transform:none;margin:0;min-height:405px}.product-stage:before{inset:24px 0 18px;border-radius:28px}.product-visual{width:220px;height:345px;border-radius:29px;transform:perspective(800px) rotateY(-4deg) rotateZ(1deg)}.float{padding:8px 9px}.float small{font-size:8px}.float.one{left:-6px;top:88px}.float.two{right:-6px;top:160px}.float.three{left:0;bottom:47px}.save-pill{right:0;bottom:5px}.orbit{width:330px}.orbit-b{width:260px}}


/* v6 hero: compact 3-way marketplace comparison */
.hero-compare-stage{
  min-height:455px;
  position:relative;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.hero-compare-stage:before{
  content:"";
  position:absolute;
  inset:26px 4px 22px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(10,21,39,.76),rgba(4,10,20,.5));
  border:1px solid rgba(87,118,187,.18);
  box-shadow:inset 0 0 80px rgba(61,72,255,.05);
  z-index:-3;
}
.compare-stage-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(42px);
  opacity:.3;
  z-index:-2;
}
.hero-compare-stage .glow-a{
  width:220px;height:220px;background:#4958ff;left:6%;top:9%;
}
.hero-compare-stage .glow-b{
  width:190px;height:190px;background:#ef45b7;right:4%;bottom:6%;
}
.hero-compare-board{
  width:min(100%,470px);
  border:1px solid rgba(93,123,190,.46);
  border-radius:24px;
  padding:16px;
  background:linear-gradient(180deg,rgba(7,16,31,.98),rgba(4,10,20,.98));
  box-shadow:0 30px 70px rgba(0,0,0,.42),0 0 44px rgba(82,83,255,.09);
  position:relative;
  overflow:hidden;
}
.hero-compare-board:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 26% 72%,rgba(238,69,183,.035));
}
.hero-compare-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}
.hero-compare-kicker{
  display:block;
  color:#61e5ff;
  font-size:8px;
  letter-spacing:1px;
  font-weight:900;
  margin-bottom:4px;
}
.hero-compare-head h2{
  margin:0;
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.35px;
}
.sample-pill{
  flex:0 0 auto;
  border:1px solid rgba(239,70,181,.42);
  color:#ff78c3;
  border-radius:9px;
  padding:6px 8px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.7px;
}
.hero-product-summary{
  display:grid;
  grid-template-columns:76px 1fr;
  gap:12px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(79,105,158,.3);
  border-radius:15px;
  background:#07111e;
  margin-bottom:10px;
}
.hero-product-thumb{
  width:76px;height:76px;
  border-radius:13px;
  overflow:hidden;
  background:#020711;
  border:1px solid rgba(98,127,192,.28);
}
.hero-product-thumb img,
.market-product-mini img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.hero-product-copy small{
  display:block;
  color:#7789a5;
  font-size:7px;
  font-weight:900;
  letter-spacing:.7px;
  margin-bottom:3px;
}
.hero-product-copy strong{
  display:block;
  font-size:13px;
  color:#fff;
}
.hero-product-copy span{
  display:block;
  color:#a9b5c6;
  font-size:9px;
  margin-top:3px;
}
.hero-market-list{
  display:grid;
  gap:8px;
}
.hero-market-row{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border:1px solid rgba(76,102,154,.33);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(12,23,40,.96),rgba(6,14,26,.96));
  transition:.2s ease;
}
.hero-market-row:hover{
  transform:translateY(-1px);
  border-color:rgba(101,131,201,.6);
}
.market-product-mini{
  width:52px;height:52px;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(97,126,190,.25);
  background:#030812;
}
.hero-market-meta b{
  display:block;
  font-size:12px;
  line-height:1.2;
}
.hero-market-meta small{
  display:block;
  color:#8f9db1;
  font-size:8px;
  margin-top:3px;
}
.hero-market-price{
  text-align:right;
  min-width:78px;
}
.hero-market-price strong{
  display:block;
  font-size:15px;
  letter-spacing:-.3px;
}
.hero-market-price span{
  display:inline-block;
  margin-top:3px;
  color:#9ba7b9;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.6px;
}
.hero-market-price.best strong{color:#35ec98}
.hero-market-price.best span{
  color:#35ec98;
  border:1px solid rgba(53,236,152,.3);
  border-radius:6px;
  padding:2px 4px;
}
.amazon-row{box-shadow:inset 3px 0 0 rgba(255,179,71,.72)}
.flipkart-row{box-shadow:inset 3px 0 0 rgba(71,165,255,.72)}
.meesho-row{box-shadow:inset 3px 0 0 rgba(255,90,169,.72)}
.hero-compare-foot{
  display:grid;
  gap:3px;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid rgba(75,101,151,.22);
}
.hero-compare-foot span{
  color:#8290a5;
  font-size:7.5px;
}
.hero-compare-foot b{
  color:#b9c4d3;
  font-size:8px;
  font-weight:700;
}
@media(max-width:860px){
  .hero-compare-stage{min-height:430px}
  .hero-compare-board{width:min(100%,520px)}
}
@media(max-width:520px){
  .hero-compare-stage{min-height:390px}
  .hero-compare-stage:before{inset:15px 0 10px;border-radius:26px}
  .hero-compare-board{padding:12px;border-radius:19px}
  .hero-compare-head h2{font-size:15px}
  .hero-product-summary{grid-template-columns:62px 1fr}
  .hero-product-thumb{width:62px;height:62px}
  .hero-market-row{grid-template-columns:44px minmax(0,1fr) auto;padding:8px}
  .market-product-mini{width:44px;height:44px}
  .hero-market-price strong{font-size:13px}
  .hero-market-meta b{font-size:11px}
}


/* v8 search-driven 3-way compare */
.hero-market-action{
  display:none;
  margin-top:5px;
  color:#63dfff;
  font-size:7.5px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.hero-market-action:hover{text-decoration:underline}
.hero-compare-board.search-result-mode .hero-market-price strong{
  font-size:11px;
  color:#dfe7f4;
}
.hero-compare-board.search-result-mode .hero-market-price.best strong{
  color:#dfe7f4;
}
.hero-compare-board.search-result-mode .hero-market-price span{
  color:#7fe6ff;
  border:0;
  padding:0;
}
.hero-compare-board.search-result-mode .hero-market-action{
  display:block;
}
.hero-compare-board.search-result-mode .hero-market-row{
  border-color:rgba(88,132,204,.48);
}
@media(max-width:520px){
  .hero-market-action{white-space:normal;line-height:1.2}
}


/* v9 in-page 3 product results */
.hero-market-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.inpage-result-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid rgba(80,106,160,.38);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(10,20,36,.98),rgba(5,12,23,.98));
  overflow:hidden;
  box-shadow:0 12px 26px rgba(0,0,0,.2);
}
.inpage-result-card.best-result{
  border-color:rgba(52,236,151,.48);
  box-shadow:0 12px 30px rgba(18,120,76,.12);
}
.inpage-result-image{
  height:112px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 40%,rgba(70,93,255,.12),transparent 58%),#030812;
  border-bottom:1px solid rgba(75,101,151,.22);
}
.inpage-result-image img{
  width:92px;
  height:92px;
  object-fit:contain;
}
.inpage-result-body{
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1;
}
.inpage-result-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:6px;
}
.inpage-result-top b{font-size:11px}
.inpage-result-top span{
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.5px;
  color:#72dfff;
  border:1px solid rgba(80,209,255,.28);
  border-radius:6px;
  padding:2px 4px;
}
.inpage-result-body>strong{
  font-size:10px;
  line-height:1.35;
}
.inpage-result-body>small{
  color:#8e9cb0;
  font-size:7.5px;
  line-height:1.35;
}
.inpage-result-price{
  margin-top:auto;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:6px;
  padding-top:5px;
}
.inpage-result-price strong{
  font-size:16px;
  color:#fff;
}
.best-result .inpage-result-price strong{color:#35ec98}
.inpage-result-price span{
  color:#7e8da4;
  font-size:6px;
  font-weight:900;
}
.inpage-result-buy{
  display:none;
  margin-top:4px;
  min-height:31px;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid rgba(86,128,202,.35);
  color:#72dfff;
  text-decoration:none;
  font-size:8px;
  font-weight:900;
  background:#06101d;
}
.hero-compare-board.search-result-mode .inpage-result-buy{display:flex}
.hero-compare-board.search-result-mode .inpage-result-card{
  animation:result-pop .32s ease both;
}
.hero-compare-board.search-result-mode .inpage-result-card:nth-child(2){animation-delay:.05s}
.hero-compare-board.search-result-mode .inpage-result-card:nth-child(3){animation-delay:.1s}
@keyframes result-pop{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:none}
}
@media(max-width:640px){
  .hero-market-list{grid-template-columns:1fr}
  .inpage-result-card{display:grid;grid-template-columns:92px 1fr}
  .inpage-result-image{
    height:100%;
    min-height:112px;
    border-bottom:0;
    border-right:1px solid rgba(75,101,151,.22)
  }
  .inpage-result-image img{width:76px;height:76px}
}




/* v18 CLEAN LIGHT-NEON HOMEPAGE THEME */
:root{
  --bg:#06101d; --panel:#0c1b2d; --panel2:#10243a; --line:#31527b;
  --text:#f8fbff; --muted:#c2ccda; --cyan:#62e7ff; --blue:#6b9cff;
  --purple:#9c72ff; --pink:#ff72c5; --green:#42ef9c; --orange:#ff9a62;
}
body{
  background:
    radial-gradient(circle at 12% 0%,rgba(62,127,255,.18),transparent 28%),
    radial-gradient(circle at 96% 10%,rgba(255,92,190,.14),transparent 25%),
    linear-gradient(180deg,#07111e,#040a13 65%,#06101c);
  color:var(--text);
}
.bg-grid{opacity:.62;background:linear-gradient(rgba(112,154,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(112,154,220,.08) 1px,transparent 1px);background-size:42px 42px}
.site{background:linear-gradient(180deg,rgba(8,18,31,.98),rgba(5,12,23,.99));border-color:rgba(123,111,255,.46);box-shadow:0 26px 80px rgba(0,0,0,.26),0 0 70px rgba(90,116,255,.10)}
.topbar{background:rgba(7,16,28,.94);border-bottom-color:rgba(113,145,199,.26)}
.nav a{color:#eef4ff}.nav a.active,.nav a:hover{color:#ff84cd}.header-cta{background:rgba(255,112,198,.08);border-color:rgba(255,112,198,.50)}
.affiliate-strip{background:linear-gradient(180deg,#0c1d31,#091725);color:#d7e1ef;border-bottom-color:rgba(112,145,200,.28)}
main{padding-top:4px}
.hero{gap:28px}
.eyebrow{color:#7cecff;background:linear-gradient(180deg,#0d2b43,#0a2134);border-color:rgba(98,231,255,.48);box-shadow:0 0 20px rgba(98,231,255,.09)}
.hero h1,.page-hero h1{color:#fff}.hero h1 span{background:linear-gradient(90deg,#ff9e5c,#ff72c5 48%,#a777ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p,.hero-description-lines{color:#d7e0ed}
.search-shell{background:linear-gradient(180deg,#10243a,#0a1728);border-color:#58ddff;box-shadow:0 0 0 2px rgba(151,105,255,.18),0 18px 38px rgba(0,0,0,.18)}
.search-shell input{color:#fff}.search-shell input::placeholder{color:#9fb0c6}.search-shell button{background:linear-gradient(90deg,#ff5fbb,#9a6cff);box-shadow:0 12px 26px rgba(207,75,181,.24)}
.status-row span{background:linear-gradient(180deg,#0f2237,#0b192b);border-color:rgba(105,137,194,.36);color:#dce6f2}

.hero-compare-stage:before{background:linear-gradient(145deg,rgba(18,39,66,.92),rgba(8,19,33,.82));border-color:rgba(111,151,220,.34);box-shadow:inset 0 0 100px rgba(79,126,255,.08)}
.hero-compare-stage .glow-a{background:#5a7dff;opacity:.44}.hero-compare-stage .glow-b{background:#ff65c7;opacity:.35}
.hero-compare-board{background:linear-gradient(180deg,#10243b,#0b192c);border-color:rgba(111,151,220,.58);box-shadow:0 28px 66px rgba(0,0,0,.28),0 0 48px rgba(90,120,255,.14)}
.hero-product-summary{background:linear-gradient(180deg,#112943,#0d1f34);border-color:rgba(113,153,216,.40)}
.hero-product-thumb{background:radial-gradient(circle at 50% 35%,rgba(103,154,255,.22),transparent 62%),#0a1728;border-color:rgba(117,154,217,.44)}
.hero-product-thumb img,.inpage-result-image img{filter:brightness(1.22) saturate(1.12) contrast(1.05) drop-shadow(0 5px 14px rgba(65,119,255,.20))}
.hero-product-copy small{color:#9fb0c6}.hero-product-copy span{color:#c2cfde}
.inpage-result-card{background:linear-gradient(180deg,#10233a,#0a182a);border-color:rgba(105,142,202,.42);box-shadow:0 16px 32px rgba(0,0,0,.17)}
.inpage-result-card.best-result{border-color:rgba(66,239,156,.62);box-shadow:0 16px 34px rgba(35,185,116,.12)}
.inpage-result-image{background:radial-gradient(circle at 50% 38%,rgba(92,145,255,.24),transparent 62%),linear-gradient(180deg,#102541,#0a182b);border-bottom-color:rgba(112,145,199,.30)}
.inpage-result-body>small{color:#bcc8d8}.inpage-result-top span{color:#8beeff;border-color:rgba(97,226,255,.34)}
.inpage-result-price strong{color:#fff}.best-result .inpage-result-price strong{color:#50f0a5}
.inpage-result-buy{background:#0d2036;border-color:rgba(112,153,220,.46);color:#86eaff}

.trust-grid article,.compare-panel,.guide-card,.why-section{background:linear-gradient(180deg,#0f2237,#0a182a);border-color:rgba(105,141,200,.40);box-shadow:0 14px 32px rgba(0,0,0,.14),inset 0 0 20px rgba(94,128,255,.025)}
.trust-grid h3,.section-heading h2,.guide-card h3,.why-section h2{color:#fff}
.trust-grid p,.compare-grid p,.guide-card p,.why-list p,.honesty-note{color:#c4cfdd}
.trust-grid span,.section-heading small,.guide-meta span,.why-section small{color:#ff7ac7}
.compare-grid article{background:linear-gradient(180deg,#10243a,#0c1b2e);border-color:rgba(105,142,202,.36)}
.scan-status{background:#0a1a2c;color:#d7e0ed;border:1px solid rgba(105,142,202,.28)}
.compare-grid a,.guide-card b,.section-heading>a{color:#79e8ff}
.demo-badge{background:rgba(255,210,115,.06)}
.guide-card:hover{transform:translateY(-3px);border-color:rgba(108,218,255,.60);box-shadow:0 18px 40px rgba(0,0,0,.18),0 0 26px rgba(77,199,255,.06)}
.why-list article{border-bottom-color:rgba(105,142,202,.28)}
.footer{background:linear-gradient(180deg,#081525,#06111e);border-top-color:rgba(105,142,202,.28)}.footer p,.footer a,.footer-bottom{color:#b9c5d5}.mini-disclosure{color:#d3dce8}

/* MOBILE: preserve requested layout */
@media(max-width:640px){
  .hero-copy{text-align:center}
  .hero .eyebrow{display:flex;width:max-content;max-width:100%;margin:-8px auto 0;justify-content:center;text-align:center}
  .hero h1.hero-title-balanced{max-width:100%;margin:14px auto 15px;text-align:center;font-size:clamp(25px,7.1vw,31px);line-height:1.12;letter-spacing:-.8px}
  .hero h1.hero-title-balanced .hero-title-line{display:block;width:max-content;max-width:100%;margin:0 auto;white-space:nowrap;transform-origin:center;animation:heroIn .72s cubic-bezier(.22,.8,.2,1) both,heroGlow 3.2s ease-in-out 1.1s infinite}
  .hero h1.hero-title-balanced .hero-title-line-2{font-size:.92em;animation-delay:.1s,1.2s}
  .hero-description-lines{margin:0 auto 18px;max-width:100%;text-align:center}
  .hero-description-lines .hero-desc-line{display:block;text-align:center;white-space:normal;font-size:13.5px;line-height:1.45}
  .affiliate-strip.affiliate-top-note.affiliate-two-lines{padding:9px 10px;font-size:8.6px;line-height:1.35;text-align:center}
  .affiliate-top-note.affiliate-two-lines .affiliate-line{display:block;text-align:center;white-space:nowrap}
  .hero-market-list{grid-template-columns:1fr}
  .inpage-result-card{display:grid;grid-template-columns:94px 1fr;border-radius:18px}
  .inpage-result-image{height:100%;min-height:116px;border-bottom:0;border-right:1px solid rgba(112,145,199,.28)}
  .inpage-result-image img{width:82px;height:82px}
  .trust-grid article,.compare-panel,.guide-card,.why-section{border-radius:18px}
}
@keyframes heroIn{0%{opacity:0;transform:translateY(16px) scale(.98);filter:blur(5px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes heroGlow{0%,100%{text-shadow:0 0 10px rgba(255,117,199,.08)}50%{text-shadow:0 0 22px rgba(158,111,255,.18)}}
@media(prefers-reduced-motion:reduce){.hero-title-line{animation:none!important}}


/* v19 — restore original left-side status badges on mobile only */
@media(max-width:640px){
  .hero .status-row{
    width:100% !important;
    text-align:left !important;
    justify-content:flex-start !important;
    justify-items:start !important;
    align-items:start !important;
  }

  .hero .status-row span{
    width:max-content !important;
    max-width:100% !important;
    text-align:left !important;
    justify-self:start !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }
}


/* v20 — heading only: reference-style mixed plain + pink/orange gradient */
.hero h1.reference-heading{
  text-align:center;
  font-weight:950;
  line-height:1.08;
  letter-spacing:-1.8px;
  margin:16px 0 16px;
}
.hero h1.reference-heading .hero-title-line{
  display:block;
  width:fit-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.hero h1.reference-heading .ref-plain{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:#f8fbff !important;
  -webkit-text-fill-color:#f8fbff !important;
}
.hero h1.reference-heading .ref-accent{
  background:linear-gradient(90deg,#ff4fb7 0%,#ff6a9f 36%,#ff7b55 72%,#ff8a2c 100%) !important;
  background-size:220% 100% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  animation:refAccentFlow 4.2s ease-in-out infinite;
}
@keyframes refAccentFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes refHeadingIn{
  from{opacity:0;transform:translateY(14px);filter:blur(4px)}
  to{opacity:1;transform:translateY(0);filter:blur(0)}
}
.hero h1.reference-heading .hero-title-line-1{
  animation:refHeadingIn .62s cubic-bezier(.22,.8,.2,1) both;
}
.hero h1.reference-heading .hero-title-line-2{
  animation:refHeadingIn .62s .10s cubic-bezier(.22,.8,.2,1) both;
}

@media(max-width:640px){
  .hero h1.reference-heading{
    font-size:clamp(28px,7.8vw,34px) !important;
    line-height:1.10 !important;
    letter-spacing:-1.15px !important;
    margin:12px auto 16px !important;
    max-width:100% !important;
  }
  .hero h1.reference-heading .hero-title-line{
    white-space:nowrap !important;
    width:max-content !important;
    max-width:100% !important;
  }
  .hero h1.reference-heading .hero-title-line-2{
    font-size:.92em !important;
  }
}
@media(max-width:390px){
  .hero h1.reference-heading{
    font-size:clamp(25px,7.2vw,30px) !important;
    letter-spacing:-.9px !important;
  }
  .hero h1.reference-heading .hero-title-line-2{
    font-size:.89em !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero h1.reference-heading .hero-title-line,
  .hero h1.reference-heading .ref-accent{animation:none !important}
}


/* v21 — matched from supplied video: staggered blur-to-clear word reveal */
.hero h1.video-word-reveal .hero-title-line{
  animation:none !important;
}
.hero h1.video-word-reveal .reveal-word{
  display:inline-block;
  opacity:0;
  filter:blur(13px);
  transform:translateX(18px) scale(.98);
  will-change:opacity,filter,transform;
  animation:pricexVideoWordCycle 6.2s cubic-bezier(.2,.72,.2,1) infinite;
  animation-delay:calc(var(--i) * .13s);
}
@keyframes pricexVideoWordCycle{
  0%,3%{
    opacity:0;
    filter:blur(13px);
    transform:translateX(18px) scale(.98);
  }
  8%,76%{
    opacity:1;
    filter:blur(0);
    transform:translateX(0) scale(1);
  }
  86%,100%{
    opacity:0;
    filter:blur(10px);
    transform:translateX(-8px) scale(.99);
  }
}
.hero h1.video-word-reveal .ref-accent{
  animation-name:pricexVideoWordCycle,refAccentFlow !important;
  animation-duration:6.2s,4.2s !important;
  animation-timing-function:cubic-bezier(.2,.72,.2,1),ease-in-out !important;
  animation-iteration-count:infinite,infinite !important;
  animation-delay:calc(var(--i) * .13s),0s !important;
}
.hero h1.video-word-reveal .hero-title-line{
  word-spacing:.04em;
}
@media(max-width:640px){
  .hero h1.video-word-reveal{
    font-size:clamp(27px,7.45vw,33px) !important;
    line-height:1.11 !important;
    letter-spacing:-1px !important;
  }
  .hero h1.video-word-reveal .hero-title-line{
    width:max-content !important;
    max-width:100% !important;
    white-space:nowrap !important;
  }
  .hero h1.video-word-reveal .hero-title-line-2{
    font-size:.90em !important;
  }
}
@media(max-width:390px){
  .hero h1.video-word-reveal{
    font-size:clamp(24px,7vw,29px) !important;
  }
  .hero h1.video-word-reveal .hero-title-line-2{
    font-size:.87em !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero h1.video-word-reveal .reveal-word,
  .hero h1.video-word-reveal .ref-accent{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }
}


/* v22 — video-matched auto banner carousel */
.pricex-promo-carousel{
  width:calc(100% - 60px);
  max-width:1120px;
  margin:18px auto 8px;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  isolation:isolate;
  box-shadow:0 18px 42px rgba(0,0,0,.22),0 0 0 1px rgba(92,121,183,.18);
}
.pricex-promo-track{
  position:relative;
  aspect-ratio:3.15/1;
  min-height:210px;
}
.pricex-promo-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(220px,.65fr);
  align-items:center;
  gap:22px;
  padding:28px 34px;
  opacity:0;
  visibility:hidden;
  transform:translateX(18px) scale(.992);
  transition:opacity .22s ease,transform .28s cubic-bezier(.22,.7,.2,1),visibility 0s linear .28s;
  overflow:hidden;
}
.pricex-promo-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:translateX(0) scale(1);
  transition-delay:0s;
  z-index:2;
}
.pricex-promo-slide::before{
  content:"";
  position:absolute;
  inset:-40%;
  pointer-events:none;
  opacity:.52;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 30%);
}
.promo-compare{
  background:
    radial-gradient(circle at 86% 12%,rgba(50,227,255,.16),transparent 25%),
    radial-gradient(circle at 18% 84%,rgba(151,80,255,.25),transparent 31%),
    linear-gradient(115deg,#08172c 0%,#0c2342 50%,#0a1326 100%);
  border:1px solid rgba(78,188,255,.22);
}
.promo-variant{
  background:
    radial-gradient(circle at 86% 28%,rgba(255,91,188,.18),transparent 28%),
    linear-gradient(112deg,#111426,#26152e 54%,#171323 100%);
  border:1px solid rgba(255,99,193,.21);
}
.promo-guides{
  background:
    radial-gradient(circle at 78% 20%,rgba(255,177,64,.18),transparent 30%),
    radial-gradient(circle at 18% 70%,rgba(239,73,184,.16),transparent 30%),
    linear-gradient(110deg,#191120,#321421 55%,#16111d 100%);
  border:1px solid rgba(255,161,65,.22);
}
.promo-copy{position:relative;z-index:2;min-width:0}
.promo-kicker{
  display:inline-flex;
  color:#7be8ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.4px;
  margin-bottom:7px;
}
.promo-variant .promo-kicker{color:#ff8bcc}
.promo-guides .promo-kicker{color:#ffc06b}
.pricex-promo-slide h2{
  margin:0;
  max-width:720px;
  font-size:clamp(25px,3.5vw,48px);
  line-height:1.02;
  letter-spacing:-1.5px;
  color:#fff;
}
.pricex-promo-slide h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#ff58ba,#ff8b45);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.pricex-promo-slide p{
  margin:10px 0 12px;
  color:#c8d3e4;
  font-size:13px;
  max-width:620px;
}
.promo-chip{
  display:inline-flex;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  padding:5px 10px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.8px;
  color:#fff;
  background:rgba(255,255,255,.06);
}
.promo-visual{
  position:relative;
  z-index:2;
  min-height:130px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.promo-market-visual span{
  width:58px;height:58px;
  display:grid;place-items:center;
  border-radius:16px;
  margin-left:-10px;
  font-size:20px;font-weight:1000;
  background:linear-gradient(145deg,#0b1a30,#112747);
  border:1px solid rgba(84,203,255,.3);
  box-shadow:0 15px 25px rgba(0,0,0,.25);
}
.promo-market-visual span:nth-child(2){transform:translateY(-14px);border-color:rgba(255,88,187,.35)}
.promo-market-visual span:nth-child(3){transform:translateY(6px);border-color:rgba(255,176,70,.35)}
.promo-market-visual b{margin-left:12px;font-size:28px;color:#64e3ff}
.promo-device-visual{gap:12px}
.device-card{
  width:88px;height:112px;
  border-radius:20px;
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  background:linear-gradient(160deg,#0e1628,#080d18);
  border:1px solid rgba(132,151,195,.25);
  color:#aab8cf;
  font-size:22px;font-weight:1000;
  box-shadow:0 18px 30px rgba(0,0,0,.22);
}
.device-card span{font-size:10px;letter-spacing:1px}
.device-card.active{
  color:#fff;
  border-color:rgba(255,81,183,.54);
  box-shadow:0 0 0 1px rgba(255,81,183,.08),0 18px 30px rgba(0,0,0,.22),0 0 25px rgba(255,81,183,.10);
  transform:translateY(-8px);
}
.promo-guide-visual{gap:10px}
.promo-guide-visual span{
  width:62px;height:62px;
  display:grid;place-items:center;
  border-radius:50%;
  font-size:24px;font-weight:1000;color:#32ef9b;
  background:#0b1820;
  border:1px solid rgba(50,239,155,.32);
  box-shadow:0 12px 24px rgba(0,0,0,.20);
}
.promo-guide-visual span:nth-child(2){transform:translateY(-16px)}
.promo-guide-visual span:nth-child(3){transform:translateY(4px)}

@media(max-width:700px){
  .pricex-promo-carousel{
    width:calc(100% - 28px);
    margin:14px auto 4px;
    border-radius:18px;
  }
  .pricex-promo-track{
    aspect-ratio:2.25/1;
    min-height:156px;
  }
  .pricex-promo-slide{
    grid-template-columns:1fr 110px;
    gap:10px;
    padding:18px 18px 17px;
  }
  .pricex-promo-slide h2{
    font-size:clamp(20px,6.1vw,29px);
    letter-spacing:-.8px;
    line-height:1.04;
  }
  .pricex-promo-slide p{
    font-size:10px;
    line-height:1.45;
    margin:7px 0 8px;
  }
  .promo-kicker{font-size:7px;margin-bottom:4px}
  .promo-chip{font-size:6px;padding:3px 7px}
  .promo-visual{min-height:95px}
  .promo-market-visual span{width:40px;height:40px;border-radius:11px;font-size:14px;margin-left:-9px}
  .promo-market-visual b{font-size:19px;margin-left:6px}
  .device-card{width:48px;height:70px;border-radius:12px;font-size:13px}
  .device-card span{font-size:6px}
  .promo-guide-visual{gap:5px}
  .promo-guide-visual span{width:39px;height:39px;font-size:16px}
}
@media(max-width:420px){
  .pricex-promo-track{aspect-ratio:2.05/1;min-height:148px}
  .pricex-promo-slide{grid-template-columns:minmax(0,1fr) 84px;padding:16px 15px}
  .pricex-promo-slide h2{font-size:clamp(18px,5.6vw,24px)}
  .pricex-promo-slide p{font-size:9px}
  .promo-market-visual span{width:34px;height:34px;font-size:12px}
  .promo-market-visual b{display:none}
  .device-card{width:40px;height:61px}
  .promo-guide-visual span{width:32px;height:32px;font-size:14px}
}


/* v23 — place banner carousel exactly in the old status-row area */
.hero-copy > .pricex-promo-carousel{
  width:100% !important;
  max-width:none !important;
  margin:16px 0 0 !important;
  border-radius:16px !important;
}

.hero-copy > .pricex-promo-carousel .pricex-promo-track{
  aspect-ratio:3.2/1 !important;
  min-height:150px !important;
}

.hero-copy > .pricex-promo-carousel .pricex-promo-slide{
  grid-template-columns:minmax(0,1fr) 118px !important;
  gap:12px !important;
  padding:16px 18px !important;
}

.hero-copy > .pricex-promo-carousel .pricex-promo-slide h2{
  font-size:clamp(18px,2.35vw,28px) !important;
  line-height:1.06 !important;
  letter-spacing:-.7px !important;
}

.hero-copy > .pricex-promo-carousel .pricex-promo-slide p{
  font-size:10px !important;
  line-height:1.45 !important;
  margin:7px 0 8px !important;
}

.hero-copy > .pricex-promo-carousel .promo-visual{
  min-height:90px !important;
}

@media(max-width:640px){
  .hero-copy > .pricex-promo-carousel{
    width:100% !important;
    margin:16px 0 4px !important;
    border-radius:18px !important;
  }

  .hero-copy > .pricex-promo-carousel .pricex-promo-track{
    aspect-ratio:2.18/1 !important;
    min-height:146px !important;
  }

  .hero-copy > .pricex-promo-carousel .pricex-promo-slide{
    grid-template-columns:minmax(0,1fr) 84px !important;
    gap:8px !important;
    padding:15px 14px !important;
  }

  .hero-copy > .pricex-promo-carousel .pricex-promo-slide h2{
    font-size:clamp(18px,5.5vw,24px) !important;
  }

  .hero-copy > .pricex-promo-carousel .pricex-promo-slide p{
    font-size:9px !important;
  }
}


/* v24 — premium compact banner design */
.hero-copy > .pricex-promo-carousel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(97,132,202,.42) !important;
  background:#07111f;
  box-shadow:0 16px 34px rgba(0,0,0,.22), inset 0 0 28px rgba(72,103,255,.035) !important;
}

.hero-copy > .pricex-promo-carousel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 28% 72%,rgba(255,83,185,.035));
  z-index:4;
}

.hero-copy > .pricex-promo-carousel .pricex-promo-track{
  min-height:142px !important;
}

.hero-copy > .pricex-promo-carousel .pricex-promo-slide{
  padding:15px 18px 19px !important;
}

.hero-copy > .pricex-promo-carousel .promo-compare{
  background:
    radial-gradient(circle at 89% 18%,rgba(55,223,255,.18),transparent 25%),
    radial-gradient(circle at 17% 92%,rgba(126,86,255,.18),transparent 34%),
    linear-gradient(112deg,#07182c,#0b213b 54%,#081426) !important;
}

.hero-copy > .pricex-promo-carousel .promo-variant{
  background:
    radial-gradient(circle at 86% 24%,rgba(255,80,184,.17),transparent 28%),
    radial-gradient(circle at 18% 90%,rgba(112,76,255,.12),transparent 34%),
    linear-gradient(112deg,#101527,#24172c 56%,#111725) !important;
}

.hero-copy > .pricex-promo-carousel .promo-guides{
  background:
    radial-gradient(circle at 88% 20%,rgba(255,177,70,.17),transparent 28%),
    radial-gradient(circle at 18% 88%,rgba(245,78,184,.13),transparent 34%),
    linear-gradient(112deg,#171321,#2b1824 56%,#15131e) !important;
}

.hero-copy > .pricex-promo-carousel .promo-kicker{
  margin-bottom:5px !important;
  font-size:7px !important;
  letter-spacing:1.2px !important;
}

.hero-copy > .pricex-promo-carousel .promo-chip{
  font-size:6.5px !important;
  padding:4px 8px !important;
  background:rgba(255,255,255,.055) !important;
  backdrop-filter:blur(8px);
}

.hero-copy > .pricex-promo-carousel .promo-market-visual{
  gap:5px;
}
.market-orbit{
  position:relative;
  width:92px;
  height:74px;
}
.market-orbit span{
  position:absolute;
  width:42px !important;
  height:42px !important;
  margin:0 !important;
  border-radius:14px !important;
  font-size:14px !important;
  display:grid;
  place-items:center;
  font-weight:1000;
  background:linear-gradient(145deg,#10243f,#0a172b);
  box-shadow:0 12px 24px rgba(0,0,0,.24);
}
.market-orbit span:nth-child(1){left:2px;top:19px;border-color:rgba(255,185,77,.38)!important}
.market-orbit span:nth-child(2){left:26px;top:0;border-color:rgba(69,164,255,.45)!important}
.market-orbit span:nth-child(3){right:0;bottom:0;border-color:rgba(255,88,184,.40)!important}

.device-scan{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#31ee9b;
  border:1px solid rgba(49,238,155,.35);
  background:rgba(49,238,155,.07);
  font-weight:1000;
  box-shadow:0 0 20px rgba(49,238,155,.09);
}

.promo-dots{
  position:absolute;
  left:18px;
  bottom:8px;
  display:flex;
  gap:5px;
  z-index:5;
}
.promo-dots i{
  width:5px;height:5px;
  border-radius:99px;
  background:rgba(255,255,255,.24);
  transition:.25s ease;
}
.promo-dots i.active{
  width:16px;
  background:linear-gradient(90deg,#55e3ff,#ff5ab9);
}

@media(max-width:640px){
  .hero-copy > .pricex-promo-carousel{
    margin-top:14px !important;
  }
  .hero-copy > .pricex-promo-carousel .pricex-promo-track{
    min-height:140px !important;
    aspect-ratio:2.25/1 !important;
  }
  .hero-copy > .pricex-promo-carousel .pricex-promo-slide{
    grid-template-columns:minmax(0,1fr) 80px !important;
    padding:14px 13px 20px !important;
  }
  .hero-copy > .pricex-promo-carousel .pricex-promo-slide h2{
    font-size:clamp(17px,5.25vw,22px) !important;
    line-height:1.05 !important;
  }
  .hero-copy > .pricex-promo-carousel .pricex-promo-slide p{
    font-size:8.5px !important;
    line-height:1.4 !important;
    margin:6px 0 7px !important;
  }
  .hero-copy > .pricex-promo-carousel .promo-market-visual b{display:none}
  .market-orbit{width:72px;height:64px}
  .market-orbit span{width:34px!important;height:34px!important;font-size:11px!important;border-radius:11px!important}
  .market-orbit span:nth-child(2){left:20px}
  .device-card{width:34px!important;height:54px!important}
  .device-scan{width:24px;height:24px;font-size:11px}
  .promo-guide-visual span{width:29px!important;height:29px!important;font-size:12px!important}
  .promo-dots{left:13px;bottom:7px}
}


/* v25 — animated search hint inside hero search, fit on mobile */
.search-shell{
  position:relative;
}
.search-input-wrap{
  position:relative;
  flex:1;
  min-width:0;
  height:100%;
  display:flex;
  align-items:center;
}
.search-shell input{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  padding-right:10px;
}
.search-shell input::placeholder{
  color:transparent;
}
.search-animated-hint{
  position:absolute;
  left:0;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:2px;
  pointer-events:none;
  z-index:1;
  transition:opacity .22s ease,transform .22s ease;
}
.search-shell.has-user-input .search-animated-hint,
.search-shell:focus-within .search-animated-hint{
  opacity:0;
  transform:translateY(-50%) scale(.98);
}
.search-hint-line{
  display:block;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.08;
  opacity:0;
  filter:blur(5px);
  transform:translateY(8px);
  animation:searchHintReveal .58s cubic-bezier(.22,.8,.2,1) forwards,searchHintGlow 4s ease-in-out 1.05s infinite;
}
.search-hint-line-1{
  color:#dbe6f4;
  font-size:12px;
  font-weight:500;
  animation-delay:.04s,1.12s;
}
.search-hint-line-2{
  background:linear-gradient(90deg,#ff7ca4 0%,#ff76cf 48%,#9e75ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-size:10.6px;
  font-weight:800;
  letter-spacing:.12px;
  animation-delay:.16s,1.28s;
}
@keyframes searchHintReveal{
  0%{opacity:0;transform:translateY(8px);filter:blur(5px)}
  65%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}
}
@keyframes searchHintGlow{
  0%,100%{text-shadow:0 0 0 rgba(0,0,0,0)}
  50%{text-shadow:0 0 14px rgba(139,111,255,.16)}
}
@media(max-width:640px){
  .search-shell{
    height:64px;
  }
  .search-shell>span{
    padding:0 12px;
  }
  .search-shell button{
    min-width:122px;
    padding:0 16px;
  }
  .search-shell input{
    font-size:14px;
  }
  .search-animated-hint{
    right:6px;
    gap:1px;
  }
  .search-hint-line-1{
    font-size:11.4px;
  }
  .search-hint-line-2{
    font-size:9.8px;
  }
}
@media(prefers-reduced-motion:reduce){
  .search-hint-line{animation:none!important;opacity:1;transform:none;filter:none}
}


/* v26 — search hint matches hero's staggered blur-to-clear word animation */
.search-hint-line{
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  overflow:visible !important;
}

.search-hint-word{
  display:inline-block;
  opacity:0;
  filter:blur(10px);
  transform:translateX(12px) scale(.98);
  will-change:opacity,filter,transform;
  animation:searchHeroWordCycle 6.2s cubic-bezier(.2,.72,.2,1) infinite;
  animation-delay:calc(var(--i) * .13s);
}

.search-hint-line-1 .search-hint-word{
  color:#dbe6f4;
}

.search-hint-line-2 .search-hint-word{
  background:linear-gradient(90deg,#ff7ca4 0%,#ff76cf 48%,#ff9a55 100%);
  background-size:180% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation-name:searchHeroWordCycle,searchHintAccentFlow;
  animation-duration:6.2s,4.2s;
  animation-timing-function:cubic-bezier(.2,.72,.2,1),ease-in-out;
  animation-iteration-count:infinite,infinite;
  animation-delay:calc(var(--i) * .13s),0s;
}

.search-hint-space{
  display:inline-block;
  width:.28em;
}

@keyframes searchHeroWordCycle{
  0%,3%{
    opacity:0;
    filter:blur(10px);
    transform:translateX(12px) scale(.98);
  }
  8%,76%{
    opacity:1;
    filter:blur(0);
    transform:translateX(0) scale(1);
  }
  86%,100%{
    opacity:0;
    filter:blur(8px);
    transform:translateX(-6px) scale(.99);
  }
}

@keyframes searchHintAccentFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

.search-hint-line-1{
  font-size:11.7px !important;
  font-weight:650 !important;
}

.search-hint-line-2{
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.05px !important;
}

@media(max-width:640px){
  .search-shell{
    height:64px !important;
  }
  .search-shell button{
    min-width:118px !important;
    padding:0 14px !important;
  }
  .search-animated-hint{
    right:4px !important;
  }
  .search-hint-line-1{
    font-size:10.9px !important;
  }
  .search-hint-line-2{
    font-size:9.25px !important;
  }
}

@media(max-width:390px){
  .search-shell button{
    min-width:108px !important;
    padding:0 12px !important;
  }
  .search-hint-line-1{
    font-size:10.2px !important;
  }
  .search-hint-line-2{
    font-size:8.65px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .search-hint-word{
    animation:none !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }
}


/* v27 FIX — mobile footer: Explore | Policies | Support in one row */
@media (max-width: 640px){
  .footer{
    padding:22px 16px !important;
  }

  .footer .footer-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:12px !important;
    row-gap:18px !important;
    align-items:start !important;
  }

  /* PriceX brand/info stays full width above the 3 columns */
  .footer .footer-grid > div:first-child{
    grid-column:1 / -1 !important;
    width:100% !important;
    margin:0 0 4px !important;
  }

  /* Explore / Policies / Support */
  .footer .footer-grid > div:nth-child(2),
  .footer .footer-grid > div:nth-child(3),
  .footer .footer-grid > div:nth-child(4){
    grid-column:auto !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .footer .footer-grid h4{
    margin:0 0 9px !important;
    font-size:11px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }

  .footer .footer-grid a{
    display:block !important;
    margin:6px 0 !important;
    font-size:9.5px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }

  .footer .footer-bottom{
    margin-top:20px !important;
  }
}

@media (max-width: 380px){
  .footer .footer-grid{
    column-gap:8px !important;
  }
  .footer .footer-grid h4{
    font-size:10px !important;
  }
  .footer .footer-grid a{
    font-size:8.7px !important;
  }
}


/* v28 — final mobile QA + stability */
html,body{max-width:100%;overflow-x:hidden}
img,svg{max-width:100%;height:auto}

@media(max-width:640px){
  .site{width:100%!important;margin:0!important;border-radius:0!important}
  main{padding-left:16px!important;padding-right:16px!important}

  .topbar{padding-left:16px!important;padding-right:16px!important;gap:14px!important}
  .brand-main{font-size:24px!important}
  .header-cta{padding:8px 12px!important;font-size:11px!important}

  .affiliate-strip.affiliate-top-note.affiliate-two-lines{
    padding:9px 10px!important;
    font-size:8.6px!important;
    line-height:1.4!important;
    text-align:center!important;
  }
  .affiliate-top-note.affiliate-two-lines .affiliate-line{
    display:block!important;
    white-space:normal!important;
    text-align:center!important;
  }

  .hero{grid-template-columns:1fr!important;padding-top:24px!important;gap:18px!important}
  .hero-copy{min-width:0!important}
  .hero .eyebrow{margin:-6px auto 0!important;max-width:100%!important}

  .hero h1.hero-title-balanced{
    max-width:100%!important;
    margin:14px auto 14px!important;
    font-size:clamp(24px,7vw,31px)!important;
    line-height:1.12!important;
    letter-spacing:-.8px!important;
    text-align:center!important;
  }
  .hero h1.hero-title-balanced .hero-title-line{
    width:max-content!important;
    max-width:100%!important;
    margin:0 auto!important;
    white-space:nowrap!important;
  }

  .hero-description-lines{max-width:100%!important;margin:0 auto 18px!important;padding:0 2px!important}
  .hero-description-lines .hero-desc-line{
    display:block!important;
    white-space:normal!important;
    font-size:13.4px!important;
    line-height:1.45!important;
    text-align:center!important;
  }

  .search-shell{width:100%!important;min-width:0!important}
  .search-input-wrap{min-width:0!important}
  .search-shell button{flex:0 0 auto!important}

  .hero-copy>.pricex-promo-carousel{width:100%!important;max-width:100%!important}
  .hero-art{width:100%!important;min-width:0!important;transform:none!important;margin:0!important}
  .hero-compare-board{width:100%!important;max-width:100%!important}
  .hero-product-summary{min-width:0!important}

  .inpage-result-card{grid-template-columns:92px minmax(0,1fr)!important}
  .inpage-result-body{min-width:0!important}
  .inpage-result-body>strong,.inpage-result-body>small{overflow-wrap:anywhere!important}

  .trust-grid,.compare-grid,.guide-grid,.why-section,.blog-list{grid-template-columns:1fr!important}
  .section-heading{align-items:flex-start!important;gap:10px!important}

  .footer .footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:10px!important;
    row-gap:18px!important;
  }
  .footer .footer-grid>div:first-child{grid-column:1/-1!important}
  .footer .footer-grid h4{font-size:10.5px!important}
  .footer .footer-grid a{font-size:9px!important;line-height:1.35!important}
}

@media(max-width:380px){
  main{padding-left:12px!important;padding-right:12px!important}
  .hero h1.hero-title-balanced{font-size:clamp(22px,6.8vw,27px)!important}
  .search-shell button{min-width:102px!important;padding:0 10px!important}
  .inpage-result-card{grid-template-columns:82px minmax(0,1fr)!important}
  .inpage-result-image img{width:70px!important;height:70px!important}
  .footer .footer-grid{column-gap:7px!important}
  .footer .footer-grid h4{font-size:9.8px!important}
  .footer .footer-grid a{font-size:8.4px!important}
}


/* v30 — Product Detail Page */
.hero-product-detail-link{
  display:inline-block;
  margin-top:7px;
  color:#79e8ff;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
}
.hero-product-detail-link:hover{text-decoration:underline}

.product-page-shell{padding:32px 30px 44px}
.product-detail-hero{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  gap:22px;
  align-items:center;
  padding:24px;
  border:1px solid rgba(105,142,202,.30);
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 18%,rgba(69,221,255,.11),transparent 28%),
    radial-gradient(circle at 12% 90%,rgba(255,91,185,.08),transparent 32%),
    linear-gradient(145deg,#0a1728,#07111f);
}
.product-detail-copy h1{
  font-size:clamp(34px,5vw,58px);
  line-height:1.05;
  letter-spacing:-2px;
  margin:12px 0 10px;
}
.product-detail-copy>p{color:#b9c5d5;max-width:680px}
.product-demo-pill{
  display:inline-flex;
  margin-left:8px;
  padding:5px 8px;
  border-radius:8px;
  border:1px solid rgba(255,198,95,.28);
  color:#ffd27e;
  font-size:8px;
  font-weight:950;
  letter-spacing:.7px;
}
.product-variant-line{
  margin-top:18px;
  padding:12px 14px;
  border:1px solid rgba(105,142,202,.28);
  background:rgba(5,14,26,.72);
  border-radius:14px;
}
.product-variant-line span{display:block;color:#8393aa;font-size:8px;font-weight:900;letter-spacing:.7px}
.product-variant-line strong{display:block;margin-top:4px;font-size:13px}
.product-context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}
.product-context-grid article{
  border:1px solid rgba(105,142,202,.24);
  background:rgba(8,19,34,.72);
  border-radius:14px;
  padding:11px;
}
.product-context-grid small{display:block;color:#6f819c;font-size:7px;font-weight:900;letter-spacing:.8px}
.product-context-grid strong{display:block;margin-top:3px;font-size:12px}
.product-context-grid span{display:block;margin-top:3px;color:#aab7c9;font-size:9px;line-height:1.35}
.product-detail-visual{display:grid;place-items:center}
.product-image-card{
  width:min(100%,340px);
  aspect-ratio:1/1;
  position:relative;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(93,221,255,.30);
  background:
    radial-gradient(circle at 50% 50%,rgba(72,200,255,.13),transparent 52%),
    #06111e;
  box-shadow:0 25px 60px rgba(0,0,0,.28),0 0 38px rgba(75,195,255,.06);
}
.product-image-card>span{
  position:absolute;left:14px;top:14px;z-index:2;
  padding:5px 8px;border-radius:8px;
  background:rgba(5,14,26,.82);
  border:1px solid rgba(105,142,202,.25);
  color:#aabbd0;font-size:7px;font-weight:950;letter-spacing:.7px;
}
.product-image-card img{width:100%;height:100%;object-fit:cover;display:block}

.product-market-section,.product-best-reason{
  margin-top:22px;
  padding:22px;
  border:1px solid rgba(105,142,202,.28);
  border-radius:22px;
  background:linear-gradient(145deg,#091626,#07111f);
}
.product-market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.product-market-card{
  padding:15px;
  border-radius:17px;
  border:1px solid rgba(105,142,202,.27);
  background:linear-gradient(145deg,#0d1d31,#091421);
}
.product-market-card.best-result{border-color:rgba(69,222,164,.44);box-shadow:0 0 28px rgba(69,222,164,.05)}
.product-market-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.product-market-head b{font-size:14px}
.product-market-head span{font-size:7px;font-weight:950;color:#82dfff}
.product-market-price{margin:14px 0 11px}
.product-market-price strong{display:block;font-size:25px}
.product-market-price small{display:block;margin-top:2px;color:#788aa5;font-size:7px;font-weight:900}
.product-market-card ul{padding-left:17px;margin:0 0 14px;color:#aab7c8;font-size:9.5px;line-height:1.65}
.product-market-card a{
  display:block;
  padding:10px 11px;
  border-radius:10px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(90deg,#ff5fbb,#8d6cff);
  font-size:9px;
  font-weight:950;
}
.product-best-reason{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}
.product-best-reason h2{font-size:clamp(25px,3.2vw,38px);line-height:1.1;margin:7px 0 0}
.product-best-reason small{color:#65defa;font-size:8px;font-weight:950;letter-spacing:.8px}
.product-reason-list{display:grid;gap:9px}
.product-reason-list article{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;padding:11px;border:1px solid rgba(105,142,202,.24);border-radius:14px}
.product-reason-list article>b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#0d2439;color:#79e8ff;font-size:10px}
.product-reason-list strong{display:block;font-size:11px}
.product-reason-list span{display:block;color:#aab7c8;font-size:9px;line-height:1.45;margin-top:2px}
.product-api-note{
  display:flex;gap:10px;align-items:flex-start;
  margin-top:18px;padding:13px 15px;
  border:1px solid rgba(255,204,99,.22);
  background:rgba(255,204,99,.04);
  border-radius:14px;
  color:#c8d2e1;font-size:9.5px;line-height:1.5;
}
.product-api-note b{color:#ffd37f;white-space:nowrap}

@media(max-width:860px){
  .product-page-shell{padding:24px 16px 36px}
  .product-detail-hero{grid-template-columns:1fr}
  .product-detail-visual{order:-1}
  .product-image-card{width:min(78vw,310px)}
  .product-market-grid{grid-template-columns:1fr}
  .product-best-reason{grid-template-columns:1fr}
}
@media(max-width:520px){
  .product-detail-hero,.product-market-section,.product-best-reason{padding:16px;border-radius:18px}
  .product-detail-copy h1{font-size:31px;letter-spacing:-1px}
  .product-context-grid{grid-template-columns:1fr 1fr}
  .product-demo-pill{margin:8px 0 0}
  .product-api-note{display:block}
  .product-api-note b{display:block;margin-bottom:4px;white-space:normal}
}


/* v31 — Search autocomplete */
.search-shell{
  overflow:visible !important;
  position:relative;
}
.search-input-wrap{
  position:relative;
}
.search-suggestions{
  position:absolute;
  left:-42px;
  right:-2px;
  top:calc(100% + 9px);
  z-index:60;
  max-height:310px;
  overflow:auto;
  padding:7px;
  border:1px solid rgba(94,147,220,.42);
  border-radius:15px;
  background:rgba(7,17,31,.98);
  box-shadow:0 22px 46px rgba(0,0,0,.34),0 0 0 1px rgba(93,218,255,.03);
  backdrop-filter:blur(18px);
}
.search-suggestions[hidden]{display:none!important}
.search-suggestion-item{
  width:100%;
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 18px;
  gap:8px;
  align-items:center;
  padding:10px 9px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#dce7f5;
  text-align:left;
  cursor:pointer;
  font-size:11px;
}
.search-suggestion-item:hover,
.search-suggestion-item.active{
  background:linear-gradient(90deg,rgba(86,219,255,.10),rgba(244,91,184,.08));
}
.search-suggestion-item>span:nth-child(2){
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.search-suggestion-icon{
  width:25px;height:25px;
  display:grid;place-items:center;
  border-radius:8px;
  background:#0c2034;
  color:#68e3ff;
  font-size:13px;
}
.search-suggestion-item>b{
  color:#8294ad;
  font-size:10px;
  text-align:center;
}

@media(max-width:640px){
  .search-suggestions{
    left:-38px;
    right:-124px;
    top:calc(100% + 8px);
    max-height:280px;
    border-radius:14px;
  }
  .search-suggestion-item{
    padding:11px 9px;
    font-size:10.5px;
  }
}
@media(max-width:390px){
  .search-suggestions{
    left:-36px;
    right:-112px;
  }
}


/* v32 — universal product search row */
.search-suggestion-item.search-any-product{
  border:1px solid rgba(87,218,255,.18);
  background:linear-gradient(90deg,rgba(75,218,255,.08),rgba(157,102,255,.06));
}
.search-suggestion-item.search-any-product .search-suggestion-icon{
  background:linear-gradient(145deg,#102d43,#15213a);
  color:#77e7ff;
}


/* v33 — Price History + Price Alert */
.price-history-section,
.price-alert-section{
  margin-top:22px;
  padding:22px;
  border:1px solid rgba(105,142,202,.28);
  border-radius:22px;
  background:linear-gradient(145deg,#091626,#07111f);
}

.price-history-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:16px;
}
.price-history-stats article{
  padding:12px;
  border:1px solid rgba(105,142,202,.24);
  border-radius:14px;
  background:#0a1727;
}
.price-history-stats small{
  display:block;
  color:#7588a5;
  font-size:7px;
  font-weight:950;
  letter-spacing:.8px;
}
.price-history-stats strong{
  display:block;
  margin-top:4px;
  font-size:17px;
  color:#fff;
}
.price-history-stats span{
  display:block;
  margin-top:3px;
  color:#9dacbf;
  font-size:8px;
  line-height:1.35;
}

.price-chart-card{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(105,142,202,.24);
  border-radius:16px;
  background:#06111e;
}
.price-chart-toolbar{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}
.price-chart-toolbar b{
  display:block;
  font-size:11px;
}
.price-chart-toolbar span{
  display:block;
  margin-top:2px;
  color:#8999ae;
  font-size:8px;
}
.price-range-tabs{
  display:flex;
  gap:5px;
}
.price-range-tabs button{
  border:1px solid rgba(105,142,202,.24);
  background:#0a1728;
  color:#93a4bb;
  padding:6px 8px;
  border-radius:8px;
  font-size:8px;
  font-weight:900;
}
.price-range-tabs button.active{
  color:#07111f;
  background:linear-gradient(90deg,#6ae4ff,#b58cff);
  border-color:transparent;
}

.price-chart-visual{
  margin-top:10px;
  overflow:hidden;
  border-radius:12px;
  background:
    radial-gradient(circle at 75% 20%,rgba(111,90,255,.08),transparent 30%),
    linear-gradient(180deg,#071626,#06111d);
}
.price-chart-visual svg{
  display:block;
  width:100%;
  height:auto;
}
.price-grid-lines line{
  stroke:rgba(126,151,190,.13);
  stroke-width:1;
}
.price-area{
  fill:url(#priceFill);
}
.price-line{
  fill:none;
  stroke:#64e4ff;
  stroke-width:4;
  stroke-linecap:round;
}
.price-chart-visual circle{
  fill:#ff6fc0;
  stroke:#fff;
  stroke-width:2;
}
.price-chart-note{
  margin-top:8px;
  color:#93a3b7;
  font-size:8.5px;
  line-height:1.4;
}

.price-alert-section{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:20px;
  align-items:center;
  background:
    radial-gradient(circle at 15% 75%,rgba(255,92,185,.08),transparent 28%),
    linear-gradient(145deg,#0a1626,#07111f);
}
.price-alert-copy small{
  color:#69e3ff;
  font-size:8px;
  font-weight:950;
  letter-spacing:.8px;
}
.price-alert-copy h2{
  margin:6px 0 7px;
  font-size:clamp(25px,3vw,38px);
  line-height:1.08;
}
.price-alert-copy p{
  margin:0;
  color:#aab7c7;
  font-size:10px;
  line-height:1.5;
}
.price-alert-form{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:9px;
  align-items:end;
}
.price-alert-form label>span{
  display:block;
  margin-bottom:5px;
  color:#8091a8;
  font-size:8px;
  font-weight:900;
}
.price-alert-form input{
  width:100%;
  height:42px;
  border:1px solid rgba(105,142,202,.30);
  border-radius:11px;
  background:#071321;
  color:#fff;
  outline:0;
  padding:0 11px;
  font-size:11px;
}
.price-input{
  display:flex;
  align-items:center;
  border:1px solid rgba(105,142,202,.30);
  border-radius:11px;
  background:#071321;
  overflow:hidden;
}
.price-input b{
  padding-left:11px;
  color:#67e4ff;
  font-size:12px;
}
.price-input input{
  border:0;
  background:transparent;
}
.price-alert-form button{
  height:42px;
  border:0;
  border-radius:11px;
  padding:0 16px;
  color:#fff;
  background:linear-gradient(90deg,#ff5fbb,#8d6cff);
  font-size:9px;
  font-weight:950;
}
.price-alert-status{
  grid-column:1/-1;
  color:#8fa0b6;
  font-size:8.5px;
  line-height:1.4;
}
.price-alert-status.error{color:#ff8c9f}

@media(max-width:860px){
  .price-history-stats{grid-template-columns:1fr 1fr}
  .price-alert-section{grid-template-columns:1fr}
}
@media(max-width:640px){
  .price-history-section,
  .price-alert-section{
    padding:16px;
    border-radius:18px;
  }
  .price-history-stats{
    grid-template-columns:1fr 1fr;
  }
  .price-chart-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .price-alert-form{
    grid-template-columns:1fr;
  }
  .price-alert-form button{
    width:100%;
  }
  .price-alert-status{
    grid-column:auto;
  }
}


/* v34 — make Product History / Alert discoverable */
.hero-history-cta{
  margin-top:10px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:8px 11px;
  border-radius:10px;
  border:1px solid rgba(95,222,255,.32);
  background:linear-gradient(90deg,rgba(77,215,255,.11),rgba(176,103,255,.10));
  color:#83ebff !important;
  font-size:9px !important;
  font-weight:950 !important;
  text-decoration:none !important;
}
.product-quick-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:15px;
}
.product-quick-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 11px;
  border-radius:10px;
  border:1px solid rgba(105,142,202,.28);
  background:#081727;
  color:#82e8ff;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
}
#priceHistorySection,#priceAlertSection{scroll-margin-top:90px}


/* v35 — Price History CTA placed directly after marketplace cards */
.compare-history-cta{
  display:flex !important;
  width:100% !important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  box-sizing:border-box;
  margin:14px 0 4px !important;
  padding:13px 15px;
  border:1px solid rgba(92,221,255,.50);
  border-radius:14px;
  background:
    radial-gradient(circle at 90% 20%,rgba(255,88,187,.12),transparent 32%),
    linear-gradient(100deg,#0b2034,#111b35);
  box-shadow:0 10px 28px rgba(0,0,0,.18),0 0 22px rgba(78,216,255,.05);
  text-decoration:none !important;
  color:#fff !important;
}
.compare-history-cta span{
  display:block;
  min-width:0;
}
.compare-history-cta b{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.2;
}
.compare-history-cta small{
  display:block;
  margin-top:3px;
  color:#9db0c7;
  font-size:8.5px;
  line-height:1.3;
}
.compare-history-cta>strong{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  margin:0 !important;
  border-radius:10px;
  color:#07111f;
  background:linear-gradient(135deg,#65e3ff,#b68cff);
  font-size:15px !important;
}

@media(max-width:640px){
  .compare-history-cta{
    margin:14px 0 5px !important;
    padding:13px !important;
    border-radius:13px;
  }
  .compare-history-cta b{
    font-size:12.5px;
  }
  .compare-history-cta small{
    font-size:8px;
  }
}


/* v36 — history CTA moved near top of compare results for easier access */
.compare-history-cta-top{
  margin:10px 0 12px !important;
  padding:11px 13px !important;
  border-radius:13px !important;
}
.compare-history-cta-top b{
  font-size:12px !important;
}
.compare-history-cta-top small{
  font-size:8px !important;
}
.compare-history-cta-top>strong{
  width:30px !important;
  height:30px !important;
}

@media(max-width:640px){
  .compare-history-cta-top{
    margin:9px 0 11px !important;
    padding:10px 12px !important;
  }
}


/* v37 — persistent D1 price alert consent */
.price-alert-form button:disabled{
  opacity:.6;
  cursor:wait;
}
.price-alert-consent{
  grid-column:1/-1;
  display:flex !important;
  gap:8px;
  align-items:flex-start;
  margin-top:2px;
  color:#8fa0b6;
  font-size:8.5px;
  line-height:1.45;
}
.price-alert-consent input{
  width:15px !important;
  height:15px !important;
  min-width:15px;
  padding:0 !important;
  margin:1px 0 0;
  accent-color:#8d6cff;
}
.price-alert-consent>span{
  display:block !important;
  margin:0 !important;
  color:#8fa0b6 !important;
  font-size:8.5px !important;
  font-weight:500 !important;
}
.price-alert-consent a{
  color:#69e3ff;
}

.search-suggestion-item.catalog-suggestion{
  background:linear-gradient(90deg,rgba(70,224,166,.07),rgba(82,197,255,.05));
}
.search-suggestion-item.catalog-suggestion .search-suggestion-icon{color:#67e7a8}

.affiliate-inline-disclosure{max-width:1120px;margin:10px auto 18px;padding:12px 14px;border:1px solid rgba(104,231,167,.28);border-radius:14px;background:rgba(8,28,38,.72);font-size:12px;line-height:1.55;color:#a9bcc9}

.hero-product-updated,
.product-last-updated{
  display:block;
  margin-top:8px;
  font-size:13px;
  line-height:1.45;
  color:rgba(226,232,240,.78);
}

.product-last-updated{
  margin-bottom:14px;
}

.hero-compare-board .best-result,
.product-market-grid .best-result{
  box-shadow:0 0 0 1px rgba(100,228,255,.35), 0 24px 64px rgba(3,7,18,.34);
}

.product-market-card .product-market-price small,
.inpage-result-price span{
  display:block;
  margin-top:4px;
}

/* v60 — mobile hero moved upward after badge removal */
@media(max-width:640px){
  .hero{
    min-height:auto !important;
    padding-top:0 !important;
    align-items:start !important;
    gap:14px !important;
  }
  .hero-copy{
    margin-top:-10px !important;
  }
  .hero h1.reference-heading,
  .hero h1.hero-title-balanced{
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  .hero-description-lines{
    margin-bottom:14px !important;
  }
}
@media(max-width:390px){
  .hero-copy{margin-top:-8px !important}
}


/* v61 — mobile hero vertically balanced: no clipping at top, equal breathing room */
@media(max-width:640px){
  .hero{
    min-height:auto !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
    align-items:start !important;
    gap:14px !important;
  }
  .hero-copy{
    margin-top:0 !important;
  }
  .hero h1.reference-heading,
  .hero h1.hero-title-balanced{
    margin-top:0 !important;
    margin-bottom:16px !important;
  }
  .hero-description-lines{
    margin-top:0 !important;
    margin-bottom:18px !important;
  }
}
@media(max-width:390px){
  .hero-copy{margin-top:0 !important}
  .hero{padding-top:16px !important;padding-bottom:16px !important}
}

/* v62 — hero search hint: single-line, larger and cleaner */
.search-animated-hint{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:6px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
.search-hint-line{
  display:inline-flex !important;
  width:auto !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  line-height:1 !important;
}
.search-hint-line-1{
  font-size:14px !important;
  font-weight:800 !important;
}
.search-hint-line-2{
  font-size:13.2px !important;
  font-weight:900 !important;
}
@media(max-width:640px){
  .search-animated-hint{gap:4px !important;right:0 !important}
  .search-hint-line-1{font-size:12.1px !important}
  .search-hint-line-2{font-size:11.35px !important}
}
@media(max-width:390px){
  .search-animated-hint{gap:3px !important}
  .search-hint-line-1{font-size:11.25px !important}
  .search-hint-line-2{font-size:10.45px !important}
}

/* v63 — mobile search hint fit: keep full 128GB visible without clipping */
@media(max-width:640px){
  .search-input-wrap{padding-right:2px !important}
  .search-animated-hint{max-width:100% !important}
}


/* v65 — mobile search hint: give 128GB breathing room before Compare */
@media(max-width:640px){
  .search-shell>span{padding:0 8px !important}
  .search-shell button{min-width:96px !important;padding:0 8px !important}
  .search-animated-hint{left:-2px !important;right:0 !important;gap:2px !important;max-width:100% !important}
  .search-hint-line-1{font-size:11.55px !important}
  .search-hint-line-2{font-size:10.85px !important}
}
@media(max-width:390px){
  .search-shell>span{padding:0 7px !important}
  .search-shell button{min-width:92px !important;padding:0 7px !important}
  .search-animated-hint{left:-3px !important;gap:1px !important}
  .search-hint-line-1{font-size:10.9px !important}
  .search-hint-line-2{font-size:10.15px !important}
}