*{box-sizing:border-box}
:root{
  --app-bg:#111;
  --app-text:#f5f5f5;
  --app-muted:#888;
  --app-surface:#1c1c1c;
  --app-surface-2:#161616;
  --app-surface-3:#222;
  --app-border:#2a2a2a;
  --app-soft-border:#1e1e1e;
  --app-pill-bg:#1c1c1c;
  --app-pill-text:#888;
  --app-card-hover:#191919;
  --app-shadow:0 10px 28px rgba(0,0,0,.22);
}
html[data-theme="light"]{
  --app-bg:#f7f8fc;
  --app-text:#0f172a;
  --app-muted:#667085;
  --app-surface:#ffffff;
  --app-surface-2:#ffffff;
  --app-surface-3:#f8fafc;
  --app-border:#e5e7eb;
  --app-soft-border:#e9eef5;
  --app-pill-bg:#ffffff;
  --app-pill-text:#667085;
  --app-card-hover:#f9fafb;
  --app-shadow:0 12px 30px rgba(15,23,42,.08);
}
body{background:var(--app-bg);color:var(--app-text);font-family:'Inter',system-ui,sans-serif;min-height:100vh}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--app-bg)}::-webkit-scrollbar-thumb{background:var(--app-border);border-radius:3px}

/* ── Nav ── */
.nav-pill{background:var(--app-pill-bg);border:1px solid var(--app-border);border-radius:999px;display:inline-flex;align-items:center}
.nav-link{padding:7px 16px;font-size:13px;font-weight:500;color:var(--app-pill-text);cursor:pointer;border-radius:999px;transition:color .15s;white-space:nowrap}
.nav-link:hover{color:var(--app-text)}.nav-link.active{color:var(--app-text)}
.search-wrap{position:relative}
.search-input{background:var(--app-surface);border:1px solid var(--app-border);border-radius:999px;padding:7px 14px 7px 36px;font-size:13px;color:var(--app-text);outline:none;width:190px;transition:all .2s}
.search-input::placeholder{color:var(--app-muted)}
.search-input:focus{border-color:#f97316;width:240px;box-shadow:0 0 0 3px rgba(249,115,22,.1)}

/* ── Buttons ── */
.btn-orange{background:#f97316;color:#fff;font-weight:600;font-size:13px;padding:7px 18px;border-radius:999px;cursor:pointer;transition:background .15s,box-shadow .15s;border:none;white-space:nowrap}
.btn-orange:hover{background:#ea6c0a;box-shadow:0 0 16px rgba(249,115,22,.3)}.btn-orange:active{transform:scale(.97)}
.btn-ghost{padding:7px 18px;border-radius:999px;border:1px solid var(--app-border);font-size:13px;font-weight:500;color:var(--app-muted);cursor:pointer;background:transparent;transition:all .15s}
.btn-ghost:hover{border-color:var(--app-text);color:var(--app-text)}
.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px}
.theme-toggle-btn .theme-toggle-dot{width:8px;height:8px;border-radius:50%;background:#f97316;box-shadow:0 0 10px rgba(249,115,22,.35)}

/* ── Anchor bar ── */
.anchor-bar{background:linear-gradient(90deg,#1a1205,#1a0d1a,#0d1a20);border-bottom:1px solid #2a2a20;padding:9px 0}
.anchor-bar-inner{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center}
.anchor-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;letter-spacing:.04em}
html[data-theme="light"] .anchor-bar{background:linear-gradient(90deg,#fff7ed,#ffffff,#eff6ff);border-bottom:1px solid var(--app-border)}

/* ── Hero grid ── */
.hero-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
@media(min-width:768px){.hero-grid{grid-template-columns:220px 1fr}}

/* ── Market panel ── */
.market-panel{background:var(--app-surface-2);border:1px solid var(--app-soft-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.market-signal{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:99px}
.mstat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:var(--app-surface);border:1px solid var(--app-soft-border)}
.mstat-num{font-size:18px;font-weight:800;line-height:1}
.mstat-label{font-size:10px;color:var(--app-muted);line-height:1.3}
.pulse-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;animation:pulseDot 2s infinite}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}

/* ── Carousel ── */
.carousel-wrap{background:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;overflow:hidden;position:relative;box-shadow:var(--app-shadow)}
.carousel-track{display:flex;transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform}
.carousel-slide{min-width:100%;padding:28px 32px;display:flex;flex-direction:row;gap:24px;align-items:center}
@media(max-width:640px){.carousel-slide{flex-direction:column;padding:20px 20px 16px}}
.carousel-dot{width:6px;height:6px;border-radius:50%;background:#333;cursor:pointer;transition:all .2s;flex-shrink:0}
.carousel-dot.active{background:#f97316;width:20px;border-radius:3px}
.carousel-arrow{width:28px;height:28px;border-radius:50%;background:var(--app-surface-3);border:1px solid var(--app-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--app-muted)}
.carousel-arrow:hover{border-color:#f97316;color:#f97316}
.feat-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.07em;padding:3px 9px;border-radius:999px}
.feat-img{background:var(--app-surface-3);border:1px solid var(--app-border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0}

/* ── Stats bar ── */
.stat-bar{background:var(--app-surface-2);border:1px solid var(--app-soft-border);border-radius:12px}
.stat-item{flex:1;text-align:center;padding:12px 8px;border-right:1px solid var(--app-soft-border)}
.stat-item:last-child{border-right:none}
.stat-num{font-size:18px;font-weight:800;line-height:1}
.stat-label{font-size:11px;color:var(--app-muted);margin-top:3px}

/* ── Category pills ── */
.cat-pill{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;border:1px solid var(--app-border);color:var(--app-muted);background:transparent}
.cat-pill:hover{color:var(--app-text);border-color:#444}
.cat-pill.active{background:var(--app-text);color:var(--app-bg);border-color:var(--app-text);font-weight:600}
.cat-count{font-size:10px;color:var(--app-muted);margin-left:2px}
.cat-pill.active .cat-count{color:var(--app-bg)}

/* ── Section hero ── */
.section-hero{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:28px 28px 24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.08), transparent 34%),
    radial-gradient(circle at right center, rgba(139,92,246,.07), transparent 28%),
    linear-gradient(180deg, #111319 0%, #0d1016 100%);
  box-shadow:0 24px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
}
.section-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.02), transparent 32%, transparent 68%, rgba(255,255,255,.01)),
    radial-gradient(circle at 18% 18%, rgba(249,115,22,.08), transparent 22%);
  pointer-events:none;
}
.section-hero-copy,
.section-hero-side{
  position:relative;
  z-index:1;
}
.section-hero-copy{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
}
.section-hero-latest .section-hero-copy{
  gap:8px;
}
.section-hero-top .section-hero-copy{
  flex-direction:row;
  align-items:flex-start;
  gap:16px;
}
.section-hero-iconbox{
  width:58px;
  height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  background:linear-gradient(180deg, rgba(249,115,22,.18), rgba(249,115,22,.06));
  border:1px solid rgba(249,115,22,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  flex-shrink:0;
}
.section-hero-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:6px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  color:#9ca3af;
  text-transform:uppercase;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}
.section-hero-title{
  margin:0;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.03em;
  color:#f8fafc;
}
.section-hero-accent{
  color:#f59e0b;
}
.section-hero-desc{
  margin:0;
  font-size:14px;
  line-height:1.65;
  color:#9097a6;
}
.section-hero-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:14px;
  flex-shrink:0;
}
.section-hero-side-center{
  justify-content:center;
}
.section-hero-meta{
  font-size:12px;
  font-weight:600;
  color:#6b7280;
  text-align:right;
}
.section-hero-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#f3f4f6;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.section-hero-chip:hover{
  transform:translateY(-1px);
  border-color:rgba(249,115,22,.35);
  background:rgba(249,115,22,.08);
}
.section-hero-chip-ghost:hover{
  border-color:rgba(139,92,246,.38);
  background:rgba(99,102,241,.08);
}
.section-hero-chip-icon{
  font-size:14px;
  color:#a78bfa;
  opacity:.95;
}
.section-hero-latest .section-hero-chip-icon{
  color:#9ca3af;
}
.section-hero-chip-arrow{
  font-size:16px;
  line-height:1;
  color:#9ca3af;
}

/* ── Product row ── */
.product-row{display:flex;align-items:flex-start;gap:12px;padding:14px 8px;border-bottom:1px solid var(--app-soft-border);cursor:pointer;transition:background .12s;border-radius:8px;margin:0 -8px}
.product-row:last-child{border-bottom:none}
.product-row:hover{background:var(--app-card-hover)}
.rank-num{width:34px;min-width:34px;text-align:center;font-size:13px;font-weight:600;color:var(--app-muted);flex-shrink:0;align-self:flex-start;padding-top:26px}
.rank-podium{width:34px;min-width:34px;height:58px;display:flex;align-items:flex-start;justify-content:center;position:relative;flex-shrink:0;align-self:flex-start;padding-top:12px}
.rank-podium-orbit{width:12px;height:12px;position:absolute;top:0;left:50%;transform:translateX(-50%);display:block}
.rank-podium-orbit::before,.rank-podium-orbit::after{content:"";position:absolute;border-radius:999px}
.rank-podium-orbit::before{inset:2px;border:2px solid currentColor;opacity:.9}
.rank-podium-orbit::after{width:4px;height:4px;top:-1px;left:50%;transform:translateX(-50%);background:currentColor;box-shadow:0 0 8px currentColor}
.rank-podium-badge{width:30px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;line-height:1;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.16)}
.rank-podium-gold{color:#f4c542}
.rank-podium-gold .rank-podium-badge{background:linear-gradient(180deg,#ffd95a 0%,#f7c83a 100%);color:#1f1a0b;border-color:#f0c343}
.rank-podium-silver{color:#e5ecff}
.rank-podium-silver .rank-podium-badge{background:linear-gradient(180deg,#f6f8ff 0%,#dce3f7 100%);color:#2d3347;border-color:#d8e0f8}
.rank-podium-bronze{color:#d68849}
.rank-podium-bronze .rank-podium-badge{background:linear-gradient(180deg,#e8a45d 0%,#d98742 100%);color:#2b1607;border-color:#d7823d}
.product-logo-link{display:block;width:44px;min-width:44px;flex:0 0 44px;align-self:flex-start}
.product-thumb-link{display:block;width:64px;min-width:64px;flex:0 0 64px;align-self:center}
.letter-icon{width:44px;height:44px;border-radius:10px;background:var(--app-surface-3);border:1px solid var(--app-border);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;flex-shrink:0}
.row-letter-icon{align-self:flex-start;margin-top:12px}
.prod-thumb{width:64px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid var(--app-border)}
.why-hot{font-size:11px;color:var(--app-muted);line-height:1.4;border-left:2px solid #f97316;padding-left:8px;margin-top:5px;font-style:italic}
.maker-avatar{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}
.upvote-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10px;border:1px solid var(--app-border);background:var(--app-surface);cursor:pointer;flex-shrink:0;transition:all .18s;color:var(--app-muted);gap:1px;margin-top:2px}
.upvote-btn:hover:not(.voted){border-color:#f97316;color:#f97316;transform:scale(1.05)}
.upvote-btn.voted{border-color:#f97316;background:#2a1a0a;color:#f97316}
.upvote-btn.voted .upvote-count{color:#f97316}
.upvote-count{font-size:12px;font-weight:700;line-height:1;transition:transform .2s}
.count-bounce{animation:countBounce .3s cubic-bezier(.34,1.6,.64,1)}
@keyframes countBounce{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}
.growth-badge{font-size:10px;font-weight:700;color:#4ade80;background:#0d2010;border:1px solid #1a4020;padding:1px 6px;border-radius:99px}
.views-badge{font-size:10px;color:var(--app-muted)}
.recommend-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:7px;background:#2a1a0a;color:#f97316;border:1px solid #3a2a1a;white-space:nowrap}
.visit-mini-btn{font-size:10px;font-weight:700;padding:4px 10px;border-radius:8px;background:#f97316;color:#fff;text-decoration:none;transition:all .15s;white-space:nowrap}
.visit-mini-btn:hover{background:#ea6c0a;box-shadow:0 8px 18px rgba(249,115,22,.18)}

/* ── Sponsored rows ── */
.sponsored-row{background:var(--app-surface-2);border:1px solid var(--app-soft-border);border-radius:10px;padding:12px 10px;margin:4px -8px;cursor:pointer;transition:background .12s}
.sponsored-row:hover{background:var(--app-card-hover)}
.sponsored-label{font-size:9px;font-weight:700;letter-spacing:.08em;color:#887760;background:#222218;border:1px solid #333325;padding:2px 6px;border-radius:4px}
.sponsored-inline{background:var(--app-surface-2);border:1px solid var(--app-soft-border);border-radius:10px;padding:10px 12px;margin:2px -8px 4px;cursor:pointer;transition:background .12s;display:block}
.sponsored-inline:hover{background:var(--app-card-hover)}

/* ── Upcoming section ── */
.upcoming-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s}
.upcoming-card:hover{border-color:#f9731640;background:var(--app-card-hover)}
.upcoming-bar{height:3px;border-radius:2px;background:var(--app-border);overflow:hidden;margin-top:8px}
.upcoming-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#f97316,#fbbf24);transition:width .5s}
.rocket-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#f97316;background:#2a1a0a;border:1px solid #3a2a1a;padding:2px 8px;border-radius:99px}

/* ── AI Trend Radar ── */
.radar-section{margin-top:28px;margin-bottom:4px}
.radar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:540px){.radar-grid{grid-template-columns:repeat(3,1fr)}}
.radar-card{background:var(--app-surface-2);border:1px solid var(--app-soft-border);border-radius:10px;padding:10px 12px;transition:all .15s;cursor:default}
.radar-card:hover{border-color:#2a2a3a;background:var(--app-card-hover)}
.radar-bar-track{height:3px;background:var(--app-border);border-radius:2px;margin-top:6px;overflow:hidden}
.radar-bar-fill{height:100%;border-radius:2px;transition:width .8s}

/* ── Social proof / Activity feed ── */
.activity-section{margin-top:24px;margin-bottom:4px}
.activity-ticker{overflow:hidden;height:28px;position:relative}
.activity-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--app-muted);position:absolute;width:100%;transition:transform .4s ease,opacity .4s ease}
.activity-item.visible{opacity:1;transform:translateY(0)}
.activity-item.above{opacity:0;transform:translateY(-100%)}
.activity-item.below{opacity:0;transform:translateY(100%)}
.activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}

/* ── SEO section ── */
.seo-section{margin-top:28px;padding:16px;border-radius:12px;background:var(--app-surface-2);border:1px solid var(--app-soft-border)}
.seo-card{padding:12px;border-radius:8px;background:var(--app-surface);border:1px solid var(--app-border);margin-bottom:8px}
.seo-card:last-child{margin-bottom:0}

/* ── Hot founders ── */
.founder-section{
  padding:20px;
  border-radius:18px;
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.08), transparent 30%),
    radial-gradient(circle at top right, rgba(34,211,238,.05), transparent 24%),
    var(--app-surface-2);
  border:1px solid var(--app-soft-border);
}
.founder-section-wide{
  margin-bottom:22px;
}
.founder-section-wide .founder-card{
  flex-basis:270px;
  min-width:270px;
}
.founder-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.founder-section-title{
  font-size:26px;
  font-weight:800;
  color:var(--app-text);
  line-height:1.1;
}
.founder-section-desc{
  margin-top:7px;
  font-size:13px;
  line-height:1.7;
  color:#7a7a7a;
}
.founder-section-link{
  flex-shrink:0;
  font-size:12px;
  font-weight:700;
  color:#9ca3af;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--app-border);
  background:rgba(255,255,255,.01);
  transition:all .15s ease;
}
.founder-section-link:hover{
  color:#f5f5f5;
  border-color:#f97316;
  background:rgba(249,115,22,.08);
}
.founder-card-grid{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.founder-card-grid::-webkit-scrollbar{
  display:none;
}
.founder-carousel{
  position:relative;
}
.founder-carousel-track{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  padding-right:48px;
}
.founder-carousel-track .founder-card{
  min-width:0;
  flex:initial;
}
.founder-carousel-next{
  position:absolute;
  top:50%;
  right:0;
  width:34px;
  height:54px;
  transform:translateY(-50%);
  border-radius:999px;
  border:1px solid var(--app-border);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),var(--app-surface);
  color:#d4d4d4;
  font-size:30px;
  line-height:1;
  font-weight:700;
  box-shadow:0 14px 32px rgba(0,0,0,.22);
  transition:all .15s ease;
}
.founder-carousel-next:hover{
  color:#fff;
  border-color:#f97316;
  background:linear-gradient(180deg,rgba(249,115,22,.22),rgba(249,115,22,.08)),var(--app-surface);
  transform:translateY(-50%) translateX(2px);
}
.founder-directory-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:visible;
  padding-bottom:0;
}
.founder-card{
  border-radius:16px;
  border:1px solid var(--app-border);
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0)),var(--app-surface);
  padding:14px;
  flex:0 0 250px;
  min-width:250px;
  transition:all .16s ease;
}
.founder-directory-grid .founder-card{
  flex:initial;
  min-width:0;
}
.founder-card:hover{
  border-color:#313131;
  transform:translateY(-1px);
  background:var(--app-card-hover);
}
.founder-card-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.founder-card-avatar{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:800;
  flex-shrink:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.founder-card-name{
  display:block;
  font-size:16px;
  font-weight:800;
  color:var(--app-text);
  line-height:1.2;
  max-width:145px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.founder-card-role{
  font-size:12px;
  color:#8a8a8a;
  margin-top:4px;
  max-width:145px;
}
.founder-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  font-size:12px;
  color:#888;
  margin-bottom:12px;
}
.founder-card-meta strong{
  color:var(--app-text);
  font-weight:700;
}
.founder-card-hotness{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:11px;
  font-weight:700;
  color:#f59e0b;
  background:#2a1a0a;
  border:1px solid #3a2a1a;
  border-radius:999px;
  padding:4px 8px;
}
.founder-follow-btn{
  width:100%;
  height:36px;
  border-radius:999px;
  border:1px solid var(--app-border);
  background:var(--app-surface-3);
  color:var(--app-text);
  font-size:13px;
  font-weight:700;
  transition:all .15s ease;
}
.founder-follow-btn:hover{
  border-color:#f97316;
  color:#f97316;
}
.founder-follow-btn.followed{
  border-color:#f97316;
  background:#2a1a0a;
  color:#f97316;
}
.founder-profile-hero{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:20px;
  border-radius:20px;
  border:1px solid var(--app-border);
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.1), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0)),
    var(--app-surface);
  padding:24px;
}
.founder-profile-main{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.founder-profile-avatar{
  width:86px;
  height:86px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  font-weight:800;
  flex-shrink:0;
}
.founder-profile-kicker{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  color:#f97316;
  margin-bottom:7px;
}
.founder-profile-name{
  font-size:34px;
  font-weight:800;
  line-height:1.1;
  color:var(--app-text);
}
.founder-profile-desc{
  margin-top:10px;
  font-size:14px;
  line-height:1.6;
  color:#7a7a7a;
}
.founder-profile-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.founder-profile-follow{
  width:auto;
  min-width:96px;
  padding:0 18px;
}
.founder-profile-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:320px;
  flex-shrink:0;
}
.founder-profile-stats div{
  border:1px solid var(--app-soft-border);
  background:var(--app-surface-2);
  border-radius:14px;
  padding:14px;
}
.founder-profile-stats strong{
  display:block;
  font-size:22px;
  font-weight:800;
  color:var(--app-text);
  line-height:1.1;
}
.founder-profile-stats span{
  display:block;
  margin-top:6px;
  font-size:12px;
  color:#777;
}
.founder-single-product{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:18px;
  align-items:stretch;
  padding:18px;
  border-radius:18px;
  border:1px solid var(--app-soft-border);
  background:
    radial-gradient(circle at 12% 16%, rgba(249,115,22,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)),
    var(--app-surface-2);
  cursor:pointer;
  transition:all .16s ease;
}
.founder-single-product:hover{
  border-color:#3a3a3a;
  transform:translateY(-1px);
  background:var(--app-card-hover);
}
.founder-single-product-main{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.founder-single-product-logo{
  flex-shrink:0;
  text-decoration:none;
}
.founder-single-letter{
  width:88px;
  height:88px;
  border-radius:24px;
  font-size:36px;
}
.founder-single-product-name{
  color:var(--app-text);
  font-size:26px;
  font-weight:800;
  line-height:1.15;
  text-decoration:none;
  transition:color .15s ease;
}
.founder-single-product-name:hover{
  color:#f97316;
}
.founder-single-product-slogan{
  color:#9a9a9a;
  font-size:15px;
  line-height:1.7;
  max-width:620px;
}
.founder-single-product-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}
.founder-single-product-visual{
  display:block;
  min-height:150px;
  border-radius:16px;
  overflow:hidden;
  text-decoration:none;
}
@media(max-width:1023px){
  .founder-card{
    min-width:240px;
  }
  .founder-carousel-track{
    display:flex;
    overflow-x:auto;
    padding-right:0;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .founder-carousel-track::-webkit-scrollbar{
    display:none;
  }
  .founder-carousel-track .founder-card{
    flex:0 0 240px;
    min-width:240px;
  }
  .founder-carousel-next{
    display:none;
  }
  .founder-directory-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
  }
  .founder-directory-grid .founder-card{
    min-width:0;
  }
  .founder-profile-hero{
    flex-direction:column;
  }
  .founder-profile-stats{
    width:100%;
  }
  .founder-single-product{
    grid-template-columns:1fr;
  }
  .founder-single-product-visual{
    min-height:180px;
  }
}
@media(max-width:640px){
  .founder-section{
    padding:16px;
    border-radius:16px;
  }
  .founder-section-head{
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:14px;
  }
  .founder-section-title{
    font-size:22px;
  }
  .founder-section-desc{
    font-size:12px;
  }
  .founder-card{
    min-width:220px;
  }
  .founder-directory-grid{
    grid-template-columns:1fr;
  }
  .founder-profile-hero{
    padding:18px;
    border-radius:16px;
  }
  .founder-profile-main{
    align-items:flex-start;
  }
  .founder-profile-avatar{
    width:64px;
    height:64px;
    border-radius:18px;
    font-size:26px;
  }
  .founder-profile-name{
    font-size:26px;
  }
  .founder-profile-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .founder-single-product{
    padding:14px;
  }
  .founder-single-product-main{
    align-items:flex-start;
  }
  .founder-single-letter{
    width:64px;
    height:64px;
    border-radius:18px;
    font-size:28px;
  }
  .founder-single-product-name{
    font-size:21px;
  }
  .founder-single-product-slogan{
    font-size:13px;
  }
}

/* ── Sidebar ── */
.sidebar-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:14px;overflow:hidden}
.sidebar-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--app-muted);padding:14px 14px 8px}
.sidebar-row{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-top:1px solid var(--app-soft-border);font-size:13px;cursor:pointer;transition:background .12s}
.sidebar-row:hover{background:var(--app-card-hover)}
.trend-up{font-size:10px;color:#4ade80;font-weight:600}
.trend-hot{font-size:10px;color:#f97316}

/* ── Trending page stat cards ── */
.trending-stat-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;padding:14px;cursor:pointer;transition:all .15s}
.trending-stat-card:hover{border-color:#f9731640;background:var(--app-card-hover)}

/* ── Categories page grid ── */
.cat-grid-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;padding:14px;cursor:pointer;transition:all .15s}
.cat-grid-card:hover{border-color:#f9731640;transform:translateY(-1px)}

/* ── Modal ── */
.modal-backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(0,0,0,.72)}
.modal-box{background:var(--app-surface);border:1px solid var(--app-border);border-radius:20px;animation:modalIn .22s cubic-bezier(.34,1.4,.64,1);box-shadow:var(--app-shadow)}
@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-tab{padding:8px 16px;font-size:13px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}
.modal-tab.active{color:var(--app-text);border-bottom-color:#f97316}
.similar-card{background:var(--app-surface-2);border:1px solid var(--app-soft-border);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:10px}
.similar-card:hover{border-color:#f9731640;background:var(--app-card-hover)}

/* ── Form ── */
.form-input{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text);border-radius:10px;padding:9px 12px;font-size:13px;width:100%;transition:border-color .15s;outline:none}
.form-input::placeholder{color:var(--app-muted)}.form-input:focus{border-color:#f97316}
input[type=range]{-webkit-appearance:none;width:100%;height:3px;border-radius:2px;background:var(--app-border);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#f97316;cursor:pointer;box-shadow:0 0 6px rgba(249,115,22,.4)}
.tool-chip{padding:5px 12px;border-radius:8px;font-size:12px;border:1px solid var(--app-border);background:var(--app-surface);cursor:pointer;transition:all .12s;color:var(--app-muted)}
.tool-chip.selected{border-color:#f97316;background:#2a1a0a;color:#f97316}
.tool-chip:not(.selected):hover{border-color:#444;color:var(--app-text)}
.ai-bar-fill{background:#f97316;height:3px;border-radius:2px}
.ptag{font-size:10px;padding:2px 7px;border-radius:99px;background:#222;color:#555;border:1px solid #2a2a2a;white-space:nowrap}
.c-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}

/* ── Toasts ── */
.toast-base{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none}
.toast-enter{animation:tIn .25s ease forwards}
.toast-exit{animation:tOut .25s ease forwards}
@keyframes tIn{from{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes tOut{to{opacity:0;transform:translateX(-50%) translateY(12px)}}

/* ── Rank change animation ── */
.rank-up{color:#4ade80!important;animation:rankPop .5s ease}
@keyframes rankPop{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}

@media(max-width:640px){.rank-num{display:none}.letter-icon{width:38px;height:38px;font-size:15px;border-radius:8px}.upvote-btn{width:44px;height:44px}.prod-thumb{display:none}.search-input{width:130px}}
@media(max-width:640px){.rank-podium{display:none}}
@media(max-width:768px){
  .section-hero{
    padding:22px 18px 18px;
    border-radius:18px;
    flex-direction:column;
    align-items:flex-start;
  }
  .section-hero-top .section-hero-copy{
    gap:12px;
  }
  .section-hero-side{
    width:100%;
    align-items:flex-start;
  }
  .section-hero-meta{
    text-align:left;
  }
  .section-hero-chip{
    width:100%;
    justify-content:space-between;
  }
  .section-hero-title{
    font-size:20px;
  }
  .section-hero-desc{
    font-size:13px;
  }
}

/* ── Search dropdown ── */
.hot-tag{font-size:11px;padding:3px 10px;border-radius:99px;background:var(--app-surface-3);border:1px solid var(--app-border);color:var(--app-muted);cursor:pointer;transition:all .12s;white-space:nowrap}
.hot-tag:hover{background:#2a1a0a;border-color:#f97316;color:#f97316}

/* ── Footer ── */
.footer-top{display:flex;flex-direction:column;gap:36px}
.footer-brand{max-width:280px;flex-shrink:0}
.footer-brand-copy{font-size:14px;line-height:1.9;color:var(--app-muted);max-width:240px;margin-bottom:20px}
.footer-social-row{display:flex;align-items:center;gap:18px}
.footer-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;flex:1}
.footer-nav-col{min-width:0}
.footer-social{color:#444;transition:color .15s;display:flex;align-items:center;justify-content:center}
.footer-social:hover{color:#f97316}
.footer-col-title{font-size:15px;font-weight:600;color:var(--app-text);margin-bottom:18px}
.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.footer-links a{font-size:15px;color:var(--app-muted);text-decoration:none;transition:color .15s;display:inline-flex;align-items:center;gap:6px;line-height:1.45}
.footer-links a:hover{color:#ccc}
.footer-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;border:1px solid;letter-spacing:.02em}
@media(min-width:960px){
  .footer-top{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:48px}
  .footer-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 40px;padding-top:6px}
}
@media(max-width:640px){
  .footer-brand-copy{max-width:none}
  .footer-col-title{margin-bottom:12px}
  .footer-links{gap:10px}
  .footer-links a{font-size:14px}
}

/* ── Light theme overrides ── */
html[data-theme="light"] header.sticky{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--app-border)!important;box-shadow:0 1px 0 rgba(15,23,42,.04)}
html[data-theme="light"] .product-row:hover,
html[data-theme="light"] .sidebar-row:hover{background:#f8fafc}
html[data-theme="light"] .nav-pill,
html[data-theme="light"] .carousel-wrap,
html[data-theme="light"] .market-panel,
html[data-theme="light"] .stat-bar,
html[data-theme="light"] .sidebar-card,
html[data-theme="light"] .modal-box,
html[data-theme="light"] .seo-section,
html[data-theme="light"] .seo-card,
html[data-theme="light"] .upcoming-card,
html[data-theme="light"] .radar-card,
html[data-theme="light"] .trending-stat-card,
html[data-theme="light"] .cat-grid-card,
html[data-theme="light"] .similar-card,
html[data-theme="light"] .sponsored-row,
html[data-theme="light"] .sponsored-inline,
html[data-theme="light"] .product-row,
html[data-theme="light"] .letter-icon,
html[data-theme="light"] .prod-thumb,
html[data-theme="light"] .feat-img,
html[data-theme="light"] .upvote-btn,
html[data-theme="light"] .tool-chip,
html[data-theme="light"] .form-input,
html[data-theme="light"] .hot-tag{
  box-shadow:var(--app-shadow);
}
html[data-theme="light"] .carousel-wrap,
html[data-theme="light"] .market-panel,
html[data-theme="light"] .stat-bar,
html[data-theme="light"] .sidebar-card,
html[data-theme="light"] .modal-box,
html[data-theme="light"] .seo-section,
html[data-theme="light"] .seo-card,
html[data-theme="light"] .upcoming-card,
html[data-theme="light"] .radar-card,
html[data-theme="light"] .trending-stat-card,
html[data-theme="light"] .cat-grid-card,
html[data-theme="light"] .similar-card,
html[data-theme="light"] .sponsored-row,
html[data-theme="light"] .sponsored-inline,
html[data-theme="light"] .product-row,
html[data-theme="light"] .letter-icon,
html[data-theme="light"] .prod-thumb,
html[data-theme="light"] .feat-img,
html[data-theme="light"] .upvote-btn,
html[data-theme="light"] .tool-chip,
html[data-theme="light"] .form-input,
html[data-theme="light"] .hot-tag{
  background:var(--app-surface)!important;
  border-color:var(--app-border)!important;
}
html[data-theme="light"] .footer-social{color:#94a3b8}
html[data-theme="light"] .footer-links a:hover{color:#0f172a}
html[data-theme="light"] .feat-badge{
  background:rgba(15,23,42,.04)!important;
  color:#64748b!important;
  border:1px solid #dbe2ea!important;
  box-shadow:none!important;
}
html[data-theme="light"] .growth-badge{
  background:#ecfdf3!important;
  color:#15803d!important;
  border-color:#bbf7d0!important;
}
html[data-theme="light"] .rocket-badge{
  background:#fff7ed!important;
  color:#c2410c!important;
  border-color:#fed7aa!important;
}
html[data-theme="light"] .sponsored-label{
  background:#fff7ed!important;
  color:#c2410c!important;
  border-color:#fed7aa!important;
}
html[data-theme="light"] .ptag{
  background:#f8fafc!important;
  color:#64748b!important;
  border-color:#e5e7eb!important;
}
html[data-theme="light"] .cat-pill.active{
  background:#0f172a!important;
  color:#fff!important;
  border-color:#0f172a!important;
}
html[data-theme="light"] .market-signal{
  background:#ecfdf3!important;
  color:#15803d!important;
  border:1px solid #bbf7d0!important;
}
html[data-theme="light"] .anchor-badge{
  background:#fff7ed!important;
  color:#c2410c!important;
  border-color:#fed7aa!important;
}
html[data-theme="light"] .mstat-num,
html[data-theme="light"] .stat-num{
  color:#0f172a;
}
html[data-theme="light"] .mstat-label,
html[data-theme="light"] .stat-label{
  color:#64748b;
}
html[data-theme="light"] body{
  background:linear-gradient(180deg,#fbfcff 0%,#f5f7fb 42%,#f7f8fc 100%);
}
html[data-theme="light"] .btn-orange{
  background:#ff6b3d;
  box-shadow:0 8px 18px rgba(255,107,61,.16);
}
html[data-theme="light"] .btn-orange:hover{
  background:#f45f32;
  box-shadow:0 10px 22px rgba(255,107,61,.2);
}
html[data-theme="light"] .btn-ghost{
  background:#fff;
  border-color:#e6ebf2;
  color:#64748b;
}
html[data-theme="light"] .btn-ghost:hover{
  border-color:#d5dee9;
  color:#172033;
  background:#f9fbff;
}
html[data-theme="light"] .nav-pill{
  border-color:#e6ebf2;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
html[data-theme="light"] .anchor-bar{
  background:linear-gradient(90deg,#fff9f4 0%,#ffffff 45%,#f5f9ff 100%);
}
html[data-theme="light"] .anchor-badge,
html[data-theme="light"] .sponsored-label,
html[data-theme="light"] .rocket-badge{
  background:#fff4ec!important;
  color:#d95f2a!important;
  border-color:#ffd9c4!important;
}
html[data-theme="light"] .feat-badge{
  background:#f6f8fb!important;
  color:#6b7688!important;
  border-color:#dfe6ef!important;
  letter-spacing:.04em;
}
html[data-theme="light"] .feat-badge span[style*="box-shadow"]{
  background:#70e5a1!important;
  box-shadow:0 0 0 4px rgba(112,229,161,.18)!important;
}
html[data-theme="light"] .market-signal{
  background:#effdf5!important;
  color:#219653!important;
  border-color:#c9f2d8!important;
}
html[data-theme="light"] .growth-badge{
  background:#effdf5!important;
  color:#168a45!important;
  border-color:#c9f2d8!important;
  font-weight:700;
}
html[data-theme="light"] .ptag{
  background:#f7f9fc!important;
  color:#6b7688!important;
  border-color:#dde5ef!important;
  box-shadow:none!important;
}
html[data-theme="light"] .recommend-badge{
  background:#fff4ec!important;
  color:#d95f2a!important;
  border-color:#ffd9c4!important;
  box-shadow:none!important;
}
html[data-theme="light"] .visit-mini-btn{
  background:#ff7048!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(255,112,72,.14);
}
html[data-theme="light"] .visit-mini-btn:hover{
  background:#f45f32!important;
}
html[data-theme="light"] .cat-pill{
  background:#fff;
  border-color:#e4eaf2;
  color:#667085;
  box-shadow:0 6px 14px rgba(15,23,42,.04);
}
html[data-theme="light"] .cat-pill:hover{
  border-color:#d3dce8;
  color:#172033;
  background:#fbfcff;
}
html[data-theme="light"] .cat-pill.active{
  background:#172033!important;
  color:#fff!important;
  border-color:#172033!important;
  box-shadow:0 10px 20px rgba(15,23,42,.12);
}
html[data-theme="light"] .product-row{
  background:#fff!important;
  border-color:#edf1f6!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
html[data-theme="light"] .product-row:hover{
  background:#fbfcff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.065)!important;
}
html[data-theme="light"] .section-hero{
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.08), transparent 34%),
    radial-gradient(circle at right center, rgba(249,115,22,.06), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border-color:#e7edf5;
  box-shadow:0 18px 36px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.96);
}
html[data-theme="light"] .section-hero::before{
  background:
    linear-gradient(90deg, rgba(15,23,42,.01), transparent 34%, transparent 68%, rgba(15,23,42,.01)),
    radial-gradient(circle at 18% 18%, rgba(249,115,22,.05), transparent 20%);
}
html[data-theme="light"] .section-hero-kicker{
  background:#ffffff;
  border-color:#e9eef5;
  color:#667085;
}
html[data-theme="light"] .section-hero-title{
  color:#0f172a;
}
html[data-theme="light"] .section-hero-desc,
html[data-theme="light"] .section-hero-meta{
  color:#667085;
}
html[data-theme="light"] .section-hero-chip{
  background:#ffffff;
  border-color:#e6ebf2;
  color:#172033;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
html[data-theme="light"] .section-hero-chip:hover{
  background:#fff7ed;
  border-color:#fdba74;
}
html[data-theme="light"] .section-hero-chip-ghost:hover{
  background:#f6f3ff;
  border-color:#c4b5fd;
}
html[data-theme="light"] .letter-icon,
html[data-theme="light"] .upvote-btn{
  background:#fff!important;
  border-color:#e4eaf2!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
html[data-theme="light"] .upvote-btn:hover:not(.voted){
  border-color:#ffc7b2!important;
  color:#f45f32!important;
  background:#fff7f3!important;
}
html[data-theme="light"] .upvote-btn.voted{
  border-color:#ffc7b2!important;
  background:#fff4ec!important;
  color:#e95f31!important;
}
html[data-theme="light"] .sidebar-card{
  box-shadow:0 12px 26px rgba(15,23,42,.055)!important;
}
html[data-theme="light"] .sidebar-row{
  border-color:#edf1f6;
}
html[data-theme="light"] .sidebar-row:hover{
  background:#fbfcff!important;
}
html[data-theme="light"] .carousel-wrap,
html[data-theme="light"] .market-panel{
  box-shadow:0 18px 42px rgba(15,23,42,.065)!important;
}
html[data-theme="light"] .carousel-dot{
  background:#cfd8e3;
}
html[data-theme="light"] .carousel-dot.active{
  background:#ff7048;
}
html[data-theme="light"] .hero-grid{
  gap:18px;
}
html[data-theme="light"] .market-panel,
html[data-theme="light"] .carousel-wrap{
  border-radius:18px;
  border-color:#e8edf5!important;
}
html[data-theme="light"] .market-panel{
  padding:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
html[data-theme="light"] .mstat{
  min-height:72px;
  border-color:#e9eef6!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
}
html[data-theme="light"] .market-panel [style*="border-top"]{
  border-color:#edf1f6!important;
}
html[data-theme="light"] .market-panel [style*="background:#222"]{
  background:#edf2f7!important;
}
html[data-theme="light"] .market-panel [style*="background:#1a1a1a"]{
  background:#f8fafc!important;
  border-color:#e3eaf2!important;
  color:#64748b!important;
}
html[data-theme="light"] .market-panel [style*="background:#1a1a1a"]:hover{
  background:#fff7f3!important;
  border-color:#ffd0bd!important;
  color:#e95f31!important;
}
html[data-theme="light"] .market-panel .text-\[\#ccc\]{
  color:#8a94a6!important;
}
html[data-theme="light"] .market-panel .text-\[\#444\]{
  color:#778399!important;
}
html[data-theme="light"] .carousel-wrap{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
}
html[data-theme="light"] .carousel-slide{
  padding:38px 42px 24px;
}
html[data-theme="light"] .carousel-wrap .text-\[\#888\],
html[data-theme="light"] .carousel-wrap .text-\[\#a0a0a0\]{
  color:#707b8f!important;
}
html[data-theme="light"] .carousel-wrap .text-\[\#555\],
html[data-theme="light"] .carousel-wrap .text-\[\#6f6f6f\]{
  color:#8a94a6!important;
}
html[data-theme="light"] .carousel-wrap .border-\[\#f97316\],
html[data-theme="light"] .carousel-wrap [style*="border-left:2px solid #f97316"]{
  border-color:#ff8a63!important;
}
html[data-theme="light"] .carousel-wrap .inline-flex[style*="background:#141414"]{
  background:#f6f8fb!important;
  border-color:#e2e8f0!important;
  color:#6b7688!important;
}
html[data-theme="light"] .carousel-arrow{
  width:32px;
  height:32px;
  background:#fff!important;
  border-color:#e4eaf2!important;
  color:#7a8597;
  box-shadow:0 8px 18px rgba(15,23,42,.045);
}
html[data-theme="light"] .carousel-arrow:hover{
  color:#e95f31;
  border-color:#ffd0bd!important;
  background:#fff7f3!important;
}
html[data-theme="light"] .feat-img{
  box-shadow:0 18px 36px rgba(15,23,42,.1)!important;
}
html[data-theme="light"] .cat-pill{
  padding:8px 16px;
  border-radius:999px;
}