*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#070914;color:#f6f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 70%);z-index:-3}a{color:inherit;text-decoration:none}.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none;z-index:-2}.ambient-a{background:#14b8a6;top:-260px;left:-160px}.ambient-b{background:#7c3aed;right:-260px;top:280px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,9,20,.58);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);position:sticky;top:0;z-index:20}.brand{display:flex;gap:11px;align-items:center}.brandmark{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px;box-shadow:0 0 30px rgba(34,211,238,.15)}.brand b{display:block;font-size:15px;letter-spacing:-.02em}.brand small{display:block;color:#8490a6;font-size:8px;letter-spacing:.19em;font-weight:800}nav{display:flex;align-items:center;gap:25px;color:#aab4c5;font-size:13px}nav a{transition:.2s ease}nav a:hover{color:#fff}.telegram{padding:10px 15px;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#fff;background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.07),0 10px 30px rgba(0,0,0,.15)}.hero{max-width:1180px;margin:auto;min-height:660px;padding:92px 24px 82px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.eyebrow{color:#68e8f7;font-size:10px;font-weight:850;letter-spacing:.19em}.eyebrow i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:8px;box-shadow:0 0 16px rgba(52,211,153,.9)}.hero h1{font-size:clamp(46px,6vw,80px);line-height:.96;letter-spacing:-.065em;margin:19px 0 25px;max-width:760px}.hero h1 span{background:linear-gradient(100deg,#fff 5%,#8be8ff 55%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:650px;color:#a1adbf;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:13px 18px;font-weight:800;font-size:13px;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.primary{background:#f7fafc;color:#070a11;box-shadow:0 12px 35px rgba(255,255,255,.12)}.glass{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.trustline{display:flex;flex-wrap:wrap;gap:18px;color:#758197;font-size:11px}.hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.glass-panel{border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.1),0 30px 100px rgba(0,0,0,.34);backdrop-filter:blur(25px) saturate(140%);-webkit-backdrop-filter:blur(25px) saturate(140%)}.hero-card{width:min(100%,430px);border-radius:30px;padding:25px;position:relative;z-index:2;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:-80px auto auto 45%;width:180px;height:180px;border-radius:50%;background:rgba(103,232,249,.11);filter:blur(45px);pointer-events:none}.live-row,.signal-meta{display:flex;justify-content:space-between;align-items:center;color:#7e8ba0;font-size:9px;letter-spacing:.09em}.live-row b{font-size:9px;color:#34d399}.mini-brand{display:flex;align-items:center;gap:9px;margin-top:25px;color:#dbe3ef;font-size:12px;font-weight:750}.mini-brand img{width:28px;height:28px;border-radius:50%}.signal{display:flex;align-items:center;gap:15px;margin:45px 0 28px}.signal-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(103,232,249,.18),rgba(139,92,246,.12));border:1px solid rgba(103,232,249,.17);color:#67e8f9;font-size:27px;font-weight:900}.signal small{display:block;color:#738198;font-size:8px;letter-spacing:.16em}.signal strong{display:block;margin-top:5px;font-size:16px;line-height:1.35}.signal-bar{height:8px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}.signal-bar span{display:block;width:78%;height:100%;background:linear-gradient(90deg,#22d3ee,#8b5cf6);border-radius:inherit;box-shadow:0 0 18px rgba(34,211,238,.35)}.signal-meta{margin-top:12px;letter-spacing:0}.signal-meta b{color:#34d399}.glass-orb{position:absolute;border-radius:50%;filter:blur(1px);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);backdrop-filter:blur(5px)}.orb-one{width:150px;height:150px;top:12%;right:5%}.orb-two{width:85px;height:85px;bottom:10%;left:5%}.float-chip{position:absolute;z-index:3;padding:9px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(13,17,30,.68);backdrop-filter:blur(14px);border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.08em;color:#cdd6e4;box-shadow:0 15px 35px rgba(0,0,0,.25)}.chip-top{top:14%;left:3%}.chip-bottom{bottom:13%;right:2%}.deals-section,.how{max-width:1180px;margin:auto;padding:82px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-head h2,.how h2,.telegram-cta h2{font-size:40px;letter-spacing:-.045em;margin:8px 0 0}.section-sub{color:#77849a;font-size:12px;margin:7px 0 0}.section-sub.wide{max-width:650px;line-height:1.7}.controls{display:flex;gap:10px}.search,select{height:45px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:13px;color:#dce4ef;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.search{display:flex;align-items:center;padding:0 12px;min-width:245px}.search span{font-size:21px;color:#748198}.search input{border:0;outline:0;background:transparent;color:#fff;width:100%;padding-left:8px;font:inherit;font-size:12px}.search input::placeholder{color:#647187}select{padding:0 12px;outline:none}.deal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.deal-card{overflow:hidden;background:rgba(11,16,28,.62);border:1px solid rgba(255,255,255,.09);border-radius:21px;transition:.25s ease;box-shadow:inset 0 1px rgba(255,255,255,.04),0 20px 50px rgba(0,0,0,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.deal-card:hover{transform:translateY(-5px);border-color:rgba(103,232,249,.25);box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.07)}.deal-img{height:190px;background:radial-gradient(circle at 50% 35%,rgba(37,51,74,.75),rgba(16,23,34,.8));display:grid;place-items:center;color:#708098;font-size:48px}.deal-img img{display:block;width:100%;height:100%;object-fit:cover}.deal-body{padding:18px}.deal-tags{display:flex;justify-content:space-between;gap:8px;font-size:10px}.tag{padding:5px 8px;border-radius:999px;background:rgba(19,75,55,.42);border:1px solid rgba(94,231,166,.13);color:#63e8a9}.category{color:#748298}.deal-body h3{font-size:17px;line-height:1.3;margin:12px 0 10px}.price{display:flex;align-items:baseline;gap:9px}.price strong{font-size:24px}.old{text-decoration:line-through;color:#667286;font-size:12px}.deal-note{color:#8e9bad;font-size:12px;margin:7px 0 16px;min-height:36px}.deal-actions{display:flex;gap:8px}.deal-actions a{flex:1;text-align:center;padding:10px;border-radius:10px;font-size:12px;font-weight:800}.view{background:#f7fafc;color:#090d13}.telegram-mini{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.empty{padding:60px;text-align:center;color:#8290a4;border:1px dashed #2a374a;border-radius:18px}.feed-note{text-align:center;color:#59687d;font-size:10px;margin-top:22px}.how{border-top:1px solid rgba(255,255,255,.07)}.how h2{max-width:680px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.glass-card{padding:25px;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:rgba(255,255,255,.035);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.how-grid span{color:#67e8f9;font-weight:900;font-size:11px}.how-grid h3{margin:28px 0 6px}.how-grid p{color:#7f8da1;font-size:13px}.telegram-cta{max-width:1130px;margin:20px auto 90px;padding:42px;border-radius:27px;display:flex;align-items:center;justify-content:space-between;gap:30px}.telegram-cta p{color:#8491a3;margin-bottom:0}footer{border-top:1px solid rgba(255,255,255,.07);max-width:1180px;margin:auto;padding:35px 24px 50px;display:flex;align-items:center;gap:25px}footer p{color:#647288;font-size:10px;flex:1}footer>small{color:#647288;font-size:10px}@media(max-width:850px){nav a:not(.telegram){display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{min-height:380px}.hero-card{max-width:600px}.section-head{align-items:stretch;flex-direction:column}.controls{flex-direction:column}.search{min-width:0}.deal-grid{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr}.telegram-cta{margin:20px 24px 70px;flex-direction:column;align-items:flex-start}}@media(max-width:560px){.deal-grid{grid-template-columns:1fr}.hero h1{font-size:47px}.hero{gap:25px}.hero-actions{flex-wrap:wrap}.topbar{padding:0 15px}.telegram{padding:9px 11px}.section-head h2,.how h2,.telegram-cta h2{font-size:31px}footer{flex-wrap:wrap}.float-chip{display:none}.hero-visual{min-height:330px}}

/* SEO topic section — intentionally subtle so it fits the existing glass UI. */
.seo-intro {
  max-width: 980px;
  margin: 0 auto 90px;
  padding: 34px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 28px;
  background: rgba(255,255,255,.025);
  backdrop-filter: blur(18px);
}
.seo-intro h2 { margin: 8px 0 12px; }
.seo-intro p { max-width: 820px; color: var(--muted, #aab2c5); line-height: 1.75; }
.seo-topics { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.seo-topics span {
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  font-size: .82rem;
}

/* Deal cards keep product photography and readable deal details in distinct areas. */
.deal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.deal-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  background: #101621;
  border-color: rgba(255, 255, 255, .12);
}

.deal-card:hover {
  border-color: rgba(103, 232, 249, .38);
}

.deal-img {
  position: relative;
  height: 210px;
  flex: 0 0 210px;
  background: radial-gradient(circle at 50% 35%, #29384d, #131c29);
  color: #c4d0e0;
}

.image-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #c4d0e0;
  font-size: 52px;
  background: radial-gradient(circle at 50% 35%, #29384d, #131c29);
}

.deal-img img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.deal-img.image-unavailable {
  font-size: 52px;
}

.deal-body {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding: 18px;
  background: #101621;
  color: #f8fafc;
}

.deal-tags {
  align-items: center;
}

.tag {
  color: #9ef0c4;
  background: #123a2e;
  border-color: #276b53;
  font-weight: 800;
}

.category {
  color: #b6c2d3;
  font-weight: 650;
}

.deal-body h3 {
  min-height: 44px;
  margin: 12px 0 10px;
  overflow: hidden;
  color: #f8fafc;
  font-size: 17px;
  font-weight: 780;
  line-height: 1.3;
  text-wrap: balance;
}

.price {
  color: #fff;
}

.price strong {
  color: #fff;
  font-size: 25px;
}

.old {
  color: #abb8ca;
}

.deal-note {
  min-height: 36px;
  margin: 8px 0 17px;
  color: #c0cad9;
  line-height: 1.45;
}

.deal-actions {
  margin-top: auto;
}

.deal-actions a {
  padding: 10px 8px;
}

@media (max-width: 560px) {
  .deal-grid {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .deal-card {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    min-height: 124px;
    border-radius: 16px;
  }

  .deal-card:hover {
    transform: none;
  }

  .deal-img {
    min-height: 124px;
    height: auto;
    flex: initial;
    font-size: 34px;
  }

  .deal-img.image-unavailable {
    font-size: 34px;
  }

  .image-placeholder {
    font-size: 34px;
  }

  .deal-body {
    min-width: 0;
    padding: 10px 11px 10px 12px;
  }

  .deal-tags {
    min-height: 14px;
    justify-content: flex-start;
  }

  .deal-tags .tag {
    display: none;
  }

  .category {
    font-size: 10px;
    letter-spacing: .02em;
  }

  .deal-body h3 {
    min-height: 0;
    margin: 3px 0 5px;
    color: #fff;
    font-size: 14px;
    line-height: 1.25;
    text-wrap: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .price {
    min-height: 23px;
    gap: 7px;
  }

  .price strong {
    font-size: 18px;
  }

  .old {
    font-size: 10px;
  }

  .deal-note {
    display: none;
  }

  .deal-actions {
    width: 100%;
    gap: 6px;
    margin-top: auto;
  }

  .deal-actions a {
    padding: 7px 5px;
    border-radius: 8px;
    font-size: 10px;
    line-height: 1.2;
    white-space: nowrap;
  }
}

/* =========================================================
   DESKTOP DEAL IMAGE LAYOUT
   Product photos fill the entire top image area, matching
   the reference design. Mobile styles are NOT modified.
   ========================================================= */
@media (min-width: 561px) {
  .deal-img {
    position: relative;
    width: 100%;
    height: 300px;
    min-height: 300px;
    flex: 0 0 300px;
    padding: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #f5f6f8;
  }

  .deal-img img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    min-width: 0;
    min-height: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
  }

  .deal-img.image-unavailable {
    background: radial-gradient(
      circle at 50% 35%,
      rgba(37, 51, 74, .75),
      rgba(16, 23, 34, .8)
    );
  }

  .deal-body {
    position: relative;
    z-index: 2;
    overflow: hidden;
  }
}

/* Fast vertical browsing: latest deals arrive immediately after the featured moment. */
.scroll-showcase{height:88vh;min-height:600px}
.showcase-pin{height:88vh;min-height:600px}
.deals-section{padding-top:58px}
.section-head{margin-bottom:24px}
.deal-posted{display:flex;align-items:center;gap:7px;color:#718096;font-size:10px;margin:0 0 14px}
.posted-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 10px rgba(52,211,153,.55)}
@media(max-width:850px){
  .scroll-showcase{height:auto;min-height:0;padding-bottom:35px}
  .showcase-pin{height:auto;min-height:0}
  .showcase-copy{padding-top:30px}
  .showcase-stage{min-height:380px}
  .deals-section{padding-top:38px}
}