/* Scoped carousel layer; the existing form and catalogue keep their layout. */
.hero-carousel { position: relative; overflow: clip; }
.hero-carousel .hero-carousel-original,.hero-carousel .hero-carousel-ai { transition: opacity 240ms ease; }
.hero-carousel .hero-carousel-ai { opacity: 0; pointer-events: none; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-original { opacity: 0; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-ai { opacity: 1; }
.hero-carousel [hidden] { display: none !important; }
.hero-carousel-controls { position: absolute; z-index: 4; bottom: 13px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 28px; padding: 3px 7px; background: var(--surface); border: 1px solid var(--border); }
.hero-carousel-controls button { display: grid; place-items: center; border: 0; cursor: pointer; padding: 0; background: none; color: var(--textMid); }
.hero-carousel-controls .hero-carousel-arrow { width: 30px; height: 30px; font-size: 25px; line-height: 1; }
.hero-carousel-controls .hero-carousel-dot { width: 22px; height: 30px; position: relative; }
.hero-carousel-dot::after { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--textDim); opacity: .55; }
.hero-carousel-dot[aria-pressed="true"]::after { background: var(--accent); opacity: 1; }
.hero-carousel-controls .hero-carousel-pause { width: 27px; height: 30px; font-size: 14px; border-left: 1px solid var(--border); margin-left: 2px; }
.hero-carousel-controls button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 8px; }
.hero-carousel-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.discovery-hero.hero-carousel { padding-bottom: 62px; min-height: 530px; }
.discovery-hero.hero-carousel .hero-carousel-ai { width: min(490px, 43%); right: 6px; bottom: 34px; }
html:root[data-theme="dark"] .discovery-hero.hero-carousel[data-hero-slide="ai"],html:root[data-theme="dark"] .mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] { background: linear-gradient(125deg,#202733,#27323e); }
html:root[data-theme] .hero-carousel[data-hero-slide="ai"] .discovery-hero-circle,html:root[data-theme] .hero-carousel[data-hero-slide="ai"] .mobile-discovery-circle { opacity: .15; }
.mobile-discovery-hero.hero-carousel .mobile-discovery-scene { height: 300px; margin-bottom: 42px; }
.mobile-discovery-hero.hero-carousel .hero-carousel-ai { width: 298px; max-width: 96%; right: 50%; transform: translateX(50%); }
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .mobile-discovery-scene { height: 340px; margin-bottom: 42px; }
  .mobile-discovery-hero.hero-carousel .hero-carousel-ai { width: 340px; right: 0; transform: none; }
}
@media (min-width:1024px) and (max-width:1199px) { .discovery-hero.hero-carousel { min-height: 500px; } }
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-original,.hero-carousel .hero-carousel-ai { transition: none; } }


.hero-carousel-controls { background:transparent; border:0; border-radius:0; padding:0; gap:4px; }
.hero-carousel-controls .hero-carousel-arrow { display:none; }
.hero-carousel-controls .hero-carousel-dot { width:25px; height:30px; }
.hero-carousel-controls .hero-carousel-pause { position:absolute; left:calc(100% + 5px); top:0; border:0; width:20px; margin-left:0; opacity:0; }
.hero-carousel-controls:hover .hero-carousel-pause,.hero-carousel-controls:focus-within .hero-carousel-pause { opacity:.7; }
.hero-carousel-controls .hero-carousel-pause:focus-visible { opacity:1; }
.hero-carousel-controls .hero-carousel-dot::after { width:8px; height:8px; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }

/* Complete photographic scene, without a separately drawn table. */
html:root[data-theme] .hero-carousel[data-hero-slide="ai"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="ai"]::after { display:none; }
.hero-carousel[data-hero-slide="ai"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="ai"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-ai { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="ai"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="ai"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; }
.hero-carousel[data-hero-slide="ai"] h1 { color:#fff; }
.hero-carousel[data-hero-slide="ai"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="ai"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="ai"] .discovery-hint { background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="ai"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="ai"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="ai"] .discovery-hint a { color:#b7caf7; }
.mobile-discovery-hero.hero-carousel .hero-carousel-ai { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center bottom; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="ai"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-ai { width:100%; height:100%; inset:0; object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] .mobile-discovery-copy { position:relative; z-index:2; }
}

/* Approved general slide: a continuous graphite study and natural desk. */
.hero-carousel .hero-carousel-original { display:none; }
.hero-carousel .hero-carousel-general { pointer-events:none; transition:opacity 240ms ease; opacity:1; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-general { opacity:0; }
html:root[data-theme] .hero-carousel[data-hero-slide="general"] { background:#202329; }
.discovery-hero.hero-carousel[data-hero-slide="general"]::after { display:none; }
.hero-carousel[data-hero-slide="general"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="general"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-general { position:absolute; inset:0; width:100%; height:100%; max-width:none; z-index:0; object-fit:cover; object-position:center bottom; }
.discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hero-content { position:relative; z-index:2; width:43%; }
.discovery-hero.hero-carousel[data-hero-slide="general"] h1 { font-size:clamp(40px,4vw,60px); letter-spacing:-2px; }
.discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(32,36,43,.82) !important; border:1px solid rgba(224,231,241,.12) !important; }
.hero-carousel[data-hero-slide="general"] h1,
.hero-carousel[data-hero-slide="general"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="general"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p,
.hero-carousel[data-hero-slide="general"] .discovery-hint p { color:#c4c9d3 !important; }
.hero-carousel[data-hero-slide="general"] .discovery-hint a { color:#80b2ff; }
.hero-carousel[data-hero-slide="general"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="general"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="general"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-general { position:absolute; inset:0; width:100%; max-width:none; height:100%; object-fit:cover; object-position:center bottom; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-general { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-search input { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-general { transition:none; } }

/* Approved mobile books scene: separate the subtitle from the hat and retain the boots. */
@media (max-width:699px) {
  .mobile-discovery-hero.hero-carousel.hero-carousel-books { min-height:max(495px,calc(138vw - 46.92px)); }
  .mobile-discovery-hero.hero-carousel.hero-carousel-books .hero-carousel-general { object-position:center top; }
}
@media (max-width:375px) {
  .mobile-discovery-hero.hero-carousel.hero-carousel-books[data-hero-slide="general"] .mobile-discovery-copy { transform:translateY(-10px); }
}

/* Approved standing books scene on PC: match the AI frame and search column. */
@media (min-width:1024px) {
  .discovery-hero.hero-carousel { min-height:560px; }
  .discovery-hero.hero-carousel .hero-carousel-general { inset:auto 0 0; height:auto; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
  .discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hero-content { width:40%; }
  .discovery-hero.hero-carousel[data-hero-slide="general"] h1 { min-height:clamp(97.76px,9.568vw,143.52px); }
}

/* Use the rounded search shell for focus instead of a rectangle around its input. */
.discovery-search:focus-within { box-shadow:none; }
.discovery-search input:focus,
.discovery-search input:focus-visible { outline:0 !important; outline-offset:0; box-shadow:none; }

/* Third approved scene: baker with whisk; match the AI frame and text column. */
.hero-carousel .hero-carousel-cooking { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-general,
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-ai { opacity:0; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-cooking { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="cooking"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="cooking"]::after { display:none; }
.hero-carousel[data-hero-slide="cooking"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="cooking"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-cooking { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="cooking"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="cooking"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="cooking"] h1,
.hero-carousel[data-hero-slide="cooking"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="cooking"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="cooking"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="cooking"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="cooking"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-cooking { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="cooking"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="cooking"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-cooking { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="cooking"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-cooking { transition:none; } }

/* Fourth approved scene: designer with pen-display tablet; match the AI frame and text column. */
.hero-carousel .hero-carousel-design { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-general,
.hero-carousel[data-hero-slide="design"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="design"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-design { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="design"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="design"]::after { display:none; }
.hero-carousel[data-hero-slide="design"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="design"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-design { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="design"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="design"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="design"] h1,
.hero-carousel[data-hero-slide="design"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="design"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="design"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="design"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="design"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-design { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="design"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="design"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-design { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="design"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-design { transition:none; } }

/* Empty category links explain availability instead of showing unrelated courses. */
.hero-category-dialog { max-width:420px; width:calc(100% - 40px); box-sizing:border-box; border:1px solid #dce2ee; border-radius:24px; padding:28px; color:#172442; background:#f8faff; box-shadow:0 20px 80px #0004; }
.hero-category-dialog::backdrop { background:#11182799; }
.hero-category-dialog h2 { margin:0 0 12px; font-size:24px; line-height:1.2; }
.hero-category-dialog p { margin:0 0 24px; color:#637189; line-height:1.5; }
.hero-category-dialog button { width:100%; min-height:46px; border:0; border-radius:12px; background:#3f6ee8; color:#fff; font:inherit; font-weight:600; cursor:pointer; }
html:root[data-theme="dark"] .hero-category-dialog { color:#f8faff; background:#202733; border-color:#364153; }
html:root[data-theme="dark"] .hero-category-dialog p { color:#bbc6d6; }

/* Approved category names around the general mascot, matching the typography preview. */
.category-word-layer { position:absolute; inset:auto 0 0; width:100%; aspect-ratio:1983/793; pointer-events:none; z-index:1; opacity:0; transition:opacity 240ms ease; }
.hero-carousel[data-hero-slide="general"] .category-word-layer { opacity:1; }
.category-word-wide,.category-word-phone { position:absolute; inset:0; }
.category-word-phone { display:none; }
.category-word-card { position:absolute; display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:10%; padding:1.2% 1%; transform:rotate(var(--card-angle)); white-space:pre-line; text-align:center; border:1px solid #ffffff37; border-radius:16px; color:#fff; font-size:clamp(12px,1.45vw,21px); line-height:1.15; font-weight:700; letter-spacing:-.45px; background:linear-gradient(135deg,#28394deb,#162330e0); box-shadow:0 12px 24px #0003,inset 0 1px 0 #ffffff1c; backdrop-filter:blur(12px); }
.category-word-code { font-family:ui-monospace,monospace; font-size:clamp(10px,1.1vw,16px); letter-spacing:-.7px; background:linear-gradient(135deg,#254957ef,#152c38e8); color:#d4f7fa; }
.category-word-design { font-size:clamp(17px,1.8vw,26px); letter-spacing:-1px; background:linear-gradient(135deg,#e3d6caee,#c3b8b2e8); color:#403533; }
.category-word-marketing { background:linear-gradient(135deg,#34473eee,#25332ae8); color:#e5f2d8; }
.category-word-smm { font-size:clamp(19px,2vw,29px); letter-spacing:1px; background:linear-gradient(135deg,#48425cee,#2e2b40e8); color:#e7ddff; }
.category-word-cooking { font-family:Georgia,serif; font-style:italic; font-weight:500; font-size:clamp(18px,1.8vw,26px); background:linear-gradient(135deg,#795840ee,#4c392ae8); color:#fff0d8; }
.category-word-books { font-family:Georgia,serif; font-weight:500; font-size:clamp(19px,2vw,29px); background:linear-gradient(135deg,#e5decfee,#bdb4a6e8); color:#3c352c; }
.category-word-esoteric { font-family:Georgia,serif; font-style:italic; font-weight:500; font-size:clamp(17px,1.75vw,25px); background:linear-gradient(135deg,#4b3d61ee,#2c233be8); color:#edddff; }
.category-word-psychology { font-family:Georgia,serif; font-weight:500; font-size:clamp(16px,1.6vw,23px); background:linear-gradient(135deg,#c1d5cfee,#90aba6e8); color:#283f3b; }
.category-word-poker { letter-spacing:1px; background:linear-gradient(135deg,#553e45ee,#34242de8); color:#fce8ed; }
.category-word-sports { font-size:clamp(11px,1.1vw,16px); line-height:1.25; background:linear-gradient(135deg,#354253ee,#202c3de8); color:#e0eafd; }
@media(max-width:699px) {
  .mobile-discovery-hero .category-word-layer { inset:0; height:100%; aspect-ratio:auto; }
  .mobile-discovery-hero .category-word-wide { display:none; }
  .mobile-discovery-hero .category-word-phone { display:block; }
  .category-word-card { min-height:7%; padding:2% 1%; border-radius:11px; font-size:12px; box-shadow:0 8px 15px #0003; }
  .category-word-code { font-size:10px; letter-spacing:-.65px; }
  .category-word-design { font-size:19px; }
  .category-word-cooking { font-size:16px; }
  .category-word-books { font-size:20px; }
  .category-word-psychology { font-size:13px; }
}

@media(prefers-reduced-motion:reduce) { .category-word-layer { transition:none; } }

/* Tablet: use the five-card set at the free edges of its existing desk scene. */
.category-word-tablet { display:none; position:absolute; inset:0; }
@media(min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero .category-word-layer { inset:0; height:100%; aspect-ratio:auto; }
  .mobile-discovery-hero .category-word-wide { display:none; }
  .mobile-discovery-hero .category-word-tablet { display:block; }
  .category-word-tablet .category-word-card { min-height:10%; padding:1% 1%; border-radius:12px; font-size:16px; }
  .category-word-tablet .category-word-code { font-size:12px; }
  .category-word-tablet .category-word-design { font-size:20px; }
  .category-word-tablet .category-word-cooking { font-size:20px; }
  .category-word-tablet .category-word-books { font-size:22px; }
  .category-word-tablet .category-word-psychology { font-size:16px; }
}

/* Fifth approved scene: programmer in green hoodie; match the AI frame and text column. */
.hero-carousel .hero-carousel-programming { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-general,
.hero-carousel[data-hero-slide="programming"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="programming"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-programming { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="programming"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="programming"]::after { display:none; }
.hero-carousel[data-hero-slide="programming"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="programming"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-programming { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="programming"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="programming"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="programming"] h1,
.hero-carousel[data-hero-slide="programming"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="programming"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="programming"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="programming"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="programming"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-programming { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="programming"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="programming"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-programming { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="programming"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-programming { transition:none; } }


/* Sixth approved scene: marketer planning a campaign; match the AI frame and text column. */
.hero-carousel .hero-carousel-marketing { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-general,
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-marketing { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="marketing"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="marketing"]::after { display:none; }
.hero-carousel[data-hero-slide="marketing"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-marketing { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="marketing"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="marketing"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="marketing"] h1,
.hero-carousel[data-hero-slide="marketing"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="marketing"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="marketing"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="marketing"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-marketing { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="marketing"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-marketing { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-marketing { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Seventh approved scene: SMM creator with live selfie; match the AI frame and text column. */
.hero-carousel .hero-carousel-smm { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-general,
.hero-carousel[data-hero-slide="smm"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="smm"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-smm { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="smm"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="smm"]::after { display:none; }
.hero-carousel[data-hero-slide="smm"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="smm"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-smm { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="smm"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="smm"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="smm"] h1,
.hero-carousel[data-hero-slide="smm"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="smm"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="smm"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="smm"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="smm"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-smm { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="smm"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="smm"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-smm { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="smm"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-smm { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="smm"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet SMM heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="smm"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* Eighth approved scene: librarian with bookshelves; match the AI frame and text column. */
.hero-carousel .hero-carousel-books { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-general,
.hero-carousel[data-hero-slide="books"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="books"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-books { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="books"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="books"]::after { display:none; }
.hero-carousel[data-hero-slide="books"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="books"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-books { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="books"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="books"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="books"] h1,
.hero-carousel[data-hero-slide="books"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="books"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="books"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="books"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="books"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-books { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="books"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="books"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-books { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="books"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-books { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="books"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet Books heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="books"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* New approved scene: Психология; match the AI frame and text column. */
.hero-carousel .hero-carousel-psychology { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-general,
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-psychology { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="psychology"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="psychology"]::after { display:none; }
.hero-carousel[data-hero-slide="psychology"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-psychology { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="psychology"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="psychology"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="psychology"] h1,
.hero-carousel[data-hero-slide="psychology"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="psychology"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="psychology"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="psychology"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-psychology { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="psychology"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-psychology { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-psychology { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet psychology heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="psychology"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* New approved scene: Эзотерика; match the AI frame and text column. */
.hero-carousel .hero-carousel-esoterica { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-general,
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-esoterica { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="esoterica"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="esoterica"]::after { display:none; }
.hero-carousel[data-hero-slide="esoterica"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-esoterica { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="esoterica"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="esoterica"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="esoterica"] h1,
.hero-carousel[data-hero-slide="esoterica"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="esoterica"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="esoterica"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="esoterica"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-esoterica { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="esoterica"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-esoterica { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-esoterica { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet esoterica heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="esoterica"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* New approved scene: Покер и ставки; match the AI frame and text column. */
.hero-carousel .hero-carousel-poker { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-general,
.hero-carousel[data-hero-slide="poker"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="poker"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-poker { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="poker"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="poker"]::after { display:none; }
.hero-carousel[data-hero-slide="poker"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="poker"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-poker { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="poker"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="poker"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="poker"] h1,
.hero-carousel[data-hero-slide="poker"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="poker"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="poker"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="poker"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="poker"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-poker { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="poker"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="poker"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-poker { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="poker"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-poker { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="poker"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet poker heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="poker"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* Eleven dots and pause must fit within a narrow phone hero. */
@media (max-width:699px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-controls { gap:0; }
  .mobile-discovery-hero.hero-carousel .hero-carousel-dot { width:24px; }
}

/* Approved team: chief large, ten specialists around him; no extra catalogue CTA. */
html:root[data-theme] .hero-carousel[data-hero-slide="general"] { background:#151e29; }
.discovery-hero.hero-carousel .hero-carousel-general { inset:auto 0 0 auto; width:86%; height:auto; object-fit:contain; mask-image:linear-gradient(to bottom,transparent,#000 10%),linear-gradient(to right,transparent,#000 10%); mask-composite:intersect; }
.discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hint { background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="general"] .discovery-hero-subtitle,.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="general"] .discovery-hint p { color:#c2ccdb !important; }
@media (min-width:700px) and (max-width:1023px) {
 .mobile-discovery-hero.hero-carousel .hero-carousel-general { inset:auto 0 0 auto; width:86%; height:auto; transform:none; object-fit:contain; object-position:right bottom; mask-image:linear-gradient(to bottom,transparent,#000 10%),linear-gradient(to right,transparent,#000 10%); mask-composite:intersect; }
 .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
 .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { max-width:190px; }
}
@media (max-width:699px) {
 .mobile-discovery-hero.hero-carousel .hero-carousel-general { object-position:center top; }
}

@media (max-width:699px) { .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { max-width:none; } }

/* Keep long tablet headings clear of the editor and language badges. */
@media (min-width:700px) and (max-width:1023px) {
 .mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] h1,
 .mobile-discovery-hero.hero-carousel[data-hero-slide="programming"] h1 { font-size:24px; line-height:1.08; }
}
/* Scale the portrait frame on small phones without cropping the team or controls. */
@media (max-width:375px) {
 .mobile-discovery-hero.hero-carousel.hero-carousel-books { min-height:0; height:calc((100vw - 32px) * 1.3882681564); }
 .mobile-discovery-hero.hero-carousel .hero-carousel-dot { width:21px; }
}

@media (max-width:350px) {
 .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { font-size:12px; line-height:1.4; }
}

/* First slide: blue door, accessible copy and independently verified Telegram QR. */
html:root[data-theme] .hero-carousel[data-hero-slide="general"] { background:#f3f5f7; }
.hero-carousel[data-hero-slide="general"] h1 { color:#142448; min-height:0 !important; }
.hero-carousel[data-hero-slide="general"] h1 span { color:#347eff; }
.hero-carousel[data-hero-slide="general"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { color:#53677f !important; }
.hero-carousel[data-hero-slide="general"] .discovery-hint { display:none !important; }
.hero-carousel[data-hero-slide="general"] .hero-carousel-controls button { color:#142448; }
.hero-carousel[data-hero-slide="general"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="general"] .hero-carousel-dot[aria-pressed="true"]::after { background:#347eff; }
.hero-carousel .hero-telegram[hidden] { display:none !important; }
.hero-telegram { margin-top:20px; position:relative; z-index:3; }
.hero-telegram .hero-telegram-label { margin:0 0 8px; font-size:12px; font-weight:650; color:#53677f; }
.hero-telegram-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hero-telegram-card { display:flex; min-width:0; background:#fff; border:1px solid #dce5f1; border-radius:15px; box-shadow:0 4px 16px #182a4709; }
.hero-telegram-link { display:flex; align-items:center; gap:7px; min-width:0; flex:1; padding:8px; color:#142448; text-decoration:none; border-radius:14px; }
.hero-telegram-link:hover { background:#f6f9ff; }
.hero-telegram-link:focus-visible,.hero-telegram-qr-button:focus-visible { outline:3px solid #347eff; outline-offset:2px; }
.hero-telegram-link img { width:96px; height:96px; flex-shrink:0; object-fit:contain; image-rendering:pixelated; }
.hero-telegram-copy { min-width:0; display:flex; flex-direction:column; gap:8px; }
.hero-telegram-copy strong { font-size:13px; line-height:1.25; }
.hero-telegram-copy .hero-telegram-detail { color:#347eff; font-size:11px; line-height:1.4; }
.hero-telegram-copy small { font-size:9px; color:#73849d; overflow-wrap:anywhere; }
.hero-telegram-qr-button { display:none; }
.hero-website { position:relative; z-index:3; margin-top:16px; display:flex; align-items:center; gap:12px; }
.hero-website a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 16px; border-radius:12px; color:#fff; background:#347eff; text-decoration:none; font-size:14px; font-weight:700; }
.hero-website a:hover { background:#246fea; }
.hero-website a:focus-visible { outline:3px solid #347eff; outline-offset:3px; }
.hero-website span { font-size:12px; color:#53677f; }
.hero-telegram-dialog { color:#142448; background:#fff; border:1px solid #dce5f1; border-radius:24px; padding:24px; width:min(340px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; text-align:center; }
.hero-telegram-dialog::backdrop { background:#10213bcc; }
.hero-telegram-dialog h2 { margin:0 0 15px; font-size:21px; }
.hero-telegram-dialog img { width:100%; height:auto; display:block; image-rendering:pixelated; }
.hero-telegram-dialog a { display:block; color:#347eff; margin:16px 0; font-size:15px; font-weight:650; }
.hero-telegram-dialog button { min-height:44px; width:100%; color:#142448; border:1px solid #dce5f1; background:#f3f6fb; border-radius:12px; font:inherit; cursor:pointer; }
@media (min-width:1024px) {
  .discovery-hero.hero-carousel[data-hero-slide="general"] { padding-top:44px; }
  .discovery-hero.hero-carousel .hero-carousel-general { inset:0; width:100%; height:100%; object-fit:cover; object-position:center; mask-image:none; }
  .discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hero-content { width:43%; }
  .discovery-hero.hero-carousel[data-hero-slide="general"] h1 { font-size:clamp(42px,4vw,58px); line-height:1.08; }
  .discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hero-subtitle { font-size:20px; margin:16px 0 22px; max-width:420px; }
  .discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-search { --discovery-search-bg:#fff; --discovery-ink:#142448; --discovery-muted:#73849d; --discovery-line:#dce5f1; height:60px; }
}
@media (max-width:1023px) {
  .hero-telegram { margin-top:12px; }
  .hero-telegram .hero-telegram-label,.hero-telegram-link img,.hero-telegram-detail,.hero-telegram-copy small { display:none; }
  .hero-telegram-cards { gap:8px; }
  .hero-telegram-link { padding:0 8px 0 10px; min-height:44px; }
  .hero-telegram-copy strong { font-size:12px; line-height:1.2; }
  .hero-telegram-qr-button { display:block; flex-shrink:0; min-width:38px; min-height:44px; padding:0 5px; border:0; border-left:1px solid #e5ebf4; background:transparent; color:#347eff; font:inherit; font-weight:750; font-size:11px; border-radius:0 14px 14px 0; cursor:pointer; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-general { inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; mask-image:none; transform:none; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy { padding:22px 0 22px 24px; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] h1 { max-width:270px; font-size:32px; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { max-width:260px; font-size:13px; margin-top:10px; }
}
@media (max-width:699px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-general { inset:0; width:100%; height:100%; object-fit:contain; object-position:center; mask-image:none; transform:none; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy { padding:16px 18px 0; transform:none; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] h1 { font-size:29px; line-height:1.04; max-width:none; letter-spacing:-1px; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { font-size:12px; line-height:1.4; max-width:250px; margin-top:8px; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .hero-telegram { margin-top:10px; }
}
@media (max-width:350px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy { padding:13px 14px 0; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] h1 { font-size:25px; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { font-size:11px; margin-top:6px; line-height:1.3; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .hero-telegram { margin-top:8px; }
  .hero-telegram-copy strong { font-size:11px; }
  .hero-telegram-cards { gap:6px; }
  .hero-website { margin-top:10px; gap:8px; }
  .hero-website a { font-size:12px; padding:0 12px; }
}

/* Accepted Telegram option: website card under mascot, no Telegram QR. */
.hero-website-address {display:flex;flex-direction:column;gap:4px;min-width:0;}
.hero-website-address span {font-size:15px;font-weight:750;color:#142448;letter-spacing:-.25px;}
.hero-website-address small {font-size:10px;color:#6b7b92;white-space:nowrap;}
.hero-carousel-telegram .hero-website {display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px;border-radius:17px;background:#fff;border:1px solid #e0e7f2;box-shadow:0 5px 20px #243d6010;}
.hero-carousel-telegram .hero-website a {font-size:12px;padding:0 12px;white-space:nowrap;}
@media(min-width:1024px){
 .discovery-hero.hero-carousel[data-hero-slide="general"]{padding-top:32px;padding-bottom:56px;}
 .discovery-hero.hero-carousel[data-hero-slide="general"] h1{font-size:clamp(40px,3.5vw,50px);line-height:1.04;}
 .discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hero-subtitle{font-size:18px;margin:12px 0 16px;max-width:380px;}
 .discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-search{height:54px;}
 .hero-telegram{margin-top:16px;}
 .hero-telegram .hero-telegram-label{display:none;}
}
@media(min-width:700px) and (max-width:1023px){
 .hero-carousel-telegram .hero-website{max-width:300px;margin-top:14px;}
}
@media(max-width:699px){
 .mobile-discovery-hero.hero-carousel.hero-carousel-books{box-sizing:border-box;min-height:0;height:calc((100vw - 32px)*1.3882681564);}
 .mobile-discovery-hero.hero-carousel.hero-carousel-books[data-hero-slide="general"] .mobile-discovery-copy{transform:none!important;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-books.hero-carousel-telegram{height:calc((100vw - 32px)*1.55);padding:0;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] .mobile-discovery-copy{position:static!important;padding:16px 18px 0;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] h1{position:relative;z-index:2;font-size:27px;line-height:1.09;letter-spacing:-.9px;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] .mobile-discovery-copy>p{position:relative;z-index:2;max-width:284px;font-size:12px;line-height:1.4;margin-top:9px;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram .hero-carousel-general{height:calc(100% - 94px);width:100%;object-fit:contain;object-position:center top;}
 .hero-carousel-telegram .hero-website{position:absolute;left:14px;right:14px;bottom:43px;margin:0;}
 .hero-carousel-telegram .hero-website a{min-height:44px;border-radius:11px;}
 .hero-carousel-telegram .hero-carousel-controls{bottom:5px;}
}
@media(max-width:350px){
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] .mobile-discovery-copy{padding:13px 14px 0;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] h1{font-size:22px;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] .mobile-discovery-copy>p{font-size:11px;max-width:250px;}
 .hero-carousel-telegram .hero-website{left:10px;right:10px;padding:10px;gap:6px;}
 .hero-carousel-telegram .hero-website-address span{font-size:13px;}
 .hero-carousel-telegram .hero-website-address small{font-size:9px;}
 .hero-carousel-telegram .hero-website a{font-size:10px;padding:0 9px;}
}

/* Telegram stays in a narrow app shell on tablets: retain the portrait composition. */
@media(min-width:700px){
 .mobile-discovery-hero.hero-carousel.hero-carousel-books.hero-carousel-telegram{box-sizing:border-box;min-height:0;height:auto;aspect-ratio:1 / 1.55;padding:0;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram .mobile-discovery-scene{position:absolute;inset:0;height:100%;margin:0;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram .hero-carousel-general{inset:0;height:calc(100% - 94px);width:100%;object-fit:contain;object-position:center top;transform:none;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] .mobile-discovery-copy{position:static!important;padding:16px 18px 0;transform:none!important;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] h1{position:relative;z-index:2;font-size:27px;line-height:1.09;max-width:none;letter-spacing:-.9px;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] .mobile-discovery-copy>p{position:relative;z-index:2;max-width:284px;font-size:12px;line-height:1.4;margin-top:9px;}
 .hero-carousel-telegram .hero-website{position:absolute;left:14px;right:14px;bottom:43px;margin:0;max-width:none;}
 .hero-carousel-telegram .hero-carousel-controls{bottom:5px;}
}

@media(min-width:700px){.mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"] .mobile-discovery-copy{width:100%;max-width:none;box-sizing:border-box;}}

@media(min-width:700px){.mobile-discovery-hero.hero-carousel.hero-carousel-telegram[data-hero-slide="general"]{display:block;}}

/* React may restore the original art class while refreshing account data. */
.hero-carousel .mobile-discovery-art:not([class*="hero-carousel-"]),
.hero-carousel .discovery-hero-art:not([class*="hero-carousel-"]){display:none!important;}

/* More space between the first desktop slide's copy, search and Telegram cards. */
@media (min-width:1024px) {
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] {
    padding:48px 48px 56px;
  }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .discovery-hero-content {
    width:40%;
    max-width:540px;
  }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] h1 { line-height:1.1; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .discovery-hero-subtitle {
    margin:24px 0 28px;
    max-width:none;
  }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .discovery-search { height:58px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .discovery-find { height:46px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram { margin-top:32px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-cards { gap:24px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-link { padding:12px; flex-direction:column; text-align:center; gap:12px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-copy { gap:8px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-copy small { display:none; }
}
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] { padding:36px 36px 56px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .discovery-hero-content { width:40%; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] h1 { font-size:38px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .discovery-hero-subtitle { font-size:16px; margin:16px 0 20px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .discovery-search { height:54px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .discovery-find { height:42px; padding:0 12px; font-size:13px!important; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram { margin-top:24px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-cards { gap:20px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-link { flex-direction:column; text-align:center; gap:12px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-link img { width:88px; height:88px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-copy { gap:6px; }
  .discovery-hero.hero-carousel:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-copy small { display:none; }
}

/* A virtual three-scene strip follows the pointer; the real form stays mounted. */
.hero-carousel.hero-carousel-draggable { touch-action:pan-y pinch-zoom; cursor:grab; user-select:none; -webkit-user-select:none; }
.hero-carousel.hero-carousel-draggable input,
.hero-carousel.hero-carousel-draggable textarea { user-select:text; -webkit-user-select:text; cursor:text; }
.hero-carousel.hero-carousel-draggable a,
.hero-carousel.hero-carousel-draggable button { cursor:pointer; }
.hero-carousel.hero-carousel-dragging { cursor:grabbing; }
.hero-carousel.hero-carousel-moving > :not(.hero-carousel-track):not(.hero-carousel-controls):not(.hero-carousel-status) { visibility:hidden!important; }
.hero-carousel-track { position:absolute; inset:0; width:100%; height:100%; display:flex; z-index:4; pointer-events:none; visibility:visible; will-change:transform; }
.hero-carousel-track > .hero-carousel-preview {
  position:relative!important; inset:auto!important; flex:0 0 100%;
  width:100%!important; max-width:none!important; height:100%!important;
  min-height:0!important; margin:0!important; aspect-ratio:auto!important;
  box-sizing:border-box; border:0!important; border-radius:0!important; overflow:hidden;
  opacity:1!important; transform:none!important; mask-image:none!important; transition:none!important;
  visibility:visible!important; pointer-events:none; cursor:inherit;
}
.hero-carousel.hero-carousel-moving > .hero-carousel-controls { z-index:5; }
.hero-carousel-preview img { transition:none!important; }
@media(prefers-reduced-motion:reduce) { .hero-carousel-track { transition:none!important; } }

.hero-carousel .hero-website[hidden] { display:none!important; }

/* The strip owns the animation; commit the real artwork without a second crossfade. */
.hero-carousel.hero-carousel-draggable img[class*="hero-carousel-"],
.hero-carousel.hero-carousel-draggable .category-word-layer { transition:none!important; }

/* Keep the native touch origin hit-testable while the visual strip covers it. */
.mobile-discovery-hero.hero-carousel-moving > :not(.hero-carousel-track):not(.hero-carousel-controls):not(.hero-carousel-status) {
  visibility:visible!important; opacity:0!important;
}

/* Category is the main heading; the approved offer and description follow it. */
.hero-carousel.hero-carousel-categories h1.hero-carousel-category {
  min-height:0!important; max-width:100%!important; margin:0!important;
  font-size:clamp(34px,3.3vw,48px)!important; line-height:1.08!important;
  letter-spacing:-1.5px!important; overflow-wrap:normal;
}
.hero-carousel-categories h1.hero-carousel-category br { display:none; }
.hero-carousel-categories h1.hero-carousel-category span { color:inherit!important; }
.hero-carousel.hero-carousel-categories .hero-carousel-offer {
  color:#f4f7ff!important; font-size:clamp(19px,1.8vw,25px)!important;
  line-height:1.25!important; font-weight:650; letter-spacing:-.4px;
  margin:14px 0 0!important; max-width:100%!important;
}
.hero-carousel.hero-carousel-categories[data-hero-slide="general"] .hero-carousel-offer { color:#142448!important; }
.hero-carousel.hero-carousel-categories .hero-carousel-description {
  font-size:16px!important; line-height:1.4!important;
  margin:9px 0 22px!important; max-width:100%!important;
}
.discovery-hero.hero-carousel-categories[data-hero-slide="ai"] h1.hero-carousel-category { font-size:clamp(30px,2.7vw,40px)!important; }
@media (min-width:1024px) {
  .discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] { padding-top:40px; }
  .discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram { margin-top:26px; }
}
@media (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel-categories h1.hero-carousel-category { font-size:30px!important; line-height:1.08!important; letter-spacing:-.8px!important; }
  .mobile-discovery-hero.hero-carousel-categories .hero-carousel-offer { font-size:18px!important; line-height:1.2!important; margin-top:9px!important; }
  .mobile-discovery-hero.hero-carousel-categories .hero-carousel-description { font-size:12px!important; line-height:1.35!important; margin:7px 0 0!important; }
  .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] h1.hero-carousel-category { font-size:24px!important; }
  .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="programming"] h1.hero-carousel-category { font-size:28px!important; }
}
@media (max-width:375px) {
  .mobile-discovery-hero.hero-carousel-categories h1.hero-carousel-category { font-size:27px!important; }
  .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] h1.hero-carousel-category { font-size:21px!important; }
  .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="programming"] h1.hero-carousel-category { font-size:24px!important; }
  .mobile-discovery-hero.hero-carousel-categories .hero-carousel-offer { font-size:16px!important; margin-top:7px!important; }
  .mobile-discovery-hero.hero-carousel-categories .hero-carousel-description { font-size:11px!important; margin-top:6px!important; }
}

/* Keep the full AI category on two lines above the badges on narrow phones. */
@media (max-width:350px) {
  .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] h1.hero-carousel-category { font-size:20px!important; letter-spacing:-1px!important; }
}

/* The tablet's left text column is narrower at the 700px breakpoint. */
@media (min-width:700px) and (max-width:799px) {
  .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="programming"] h1.hero-carousel-category { font-size:24px!important; }
}

/* Phone typography: use the upper scene for readable category and offer text. */
@media (max-width:699px) {
 .mobile-discovery-hero.hero-carousel-categories h1.hero-carousel-category {
  font-size:clamp(34px,10.8vw,44px)!important;
  line-height:1.04!important;letter-spacing:-1.25px!important;
 }
 .mobile-discovery-hero.hero-carousel-categories .hero-carousel-offer {
  font-size:clamp(20px,5.65vw,24px)!important;
  line-height:1.18!important;margin-top:12px!important;letter-spacing:-.4px;
 }
 .mobile-discovery-hero.hero-carousel-categories .hero-carousel-description {
  font-size:clamp(14px,3.85vw,16px)!important;
  line-height:1.35!important;margin-top:10px!important;
 }
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] h1.hero-carousel-category {font-size:clamp(34px,10vw,42px)!important}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .hero-carousel-offer {font-size:clamp(19px,5.1vw,22px)!important;margin-top:10px!important}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .hero-carousel-description {font-size:14px!important;margin-top:8px!important}
 .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-carousel-offer {font-size:18px!important;margin-top:7px!important}
 .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-carousel-description {font-size:12px!important;margin-top:6px!important}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="programming"] h1.hero-carousel-category {font-size:clamp(24px,7.7vw,32px)!important;letter-spacing:-1px!important}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] h1.hero-carousel-category {font-size:24px!important;line-height:1.08!important;letter-spacing:-.8px!important}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] .hero-carousel-offer {font-size:18px!important;line-height:1.2!important;margin-top:9px!important}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] .hero-carousel-description {font-size:12px!important;line-height:1.35!important;margin-top:7px!important}
}
@media (max-width:375px) {
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] h1.hero-carousel-category {font-size:21px!important}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] .hero-carousel-offer {font-size:16px!important;margin-top:7px!important}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] .hero-carousel-description {font-size:11px!important;margin-top:6px!important}
}
@media (max-width:350px) {
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] h1.hero-carousel-category {font-size:20px!important;letter-spacing:-1px!important}
}

/* Approved phone option 1: compact landscape banner with art on the right. */
@media(max-width:699px) {
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories {height:240px!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories .mobile-discovery-copy {position:relative!important;width:58%!important;max-width:none!important;box-sizing:border-box!important;padding:20px 0 0 20px!important;transform:none!important;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories > img:not(.hero-carousel-original) {inset:auto 0 0 auto!important;width:70%!important;height:100%!important;max-width:none!important;transform:none!important;object-fit:cover!important;object-position:75% bottom!important;mask-image:linear-gradient(to right,transparent 30%,#000 75%)!important;}
 .mobile-discovery-hero.hero-carousel-categories h1.hero-carousel-category {font-size:clamp(26px,8.2vw,32px)!important;line-height:1.06!important;letter-spacing:-1px!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-carousel-offer {font-size:18px!important;line-height:1.18!important;margin-top:10px!important;letter-spacing:-.35px;}
 .mobile-discovery-hero.hero-carousel-categories .hero-carousel-description {font-size:12px!important;line-height:1.35!important;margin:8px 0 0!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="programming"] h1.hero-carousel-category {font-size:clamp(14px,4.6vw,18px)!important;letter-spacing:-.45px!important;line-height:1.2!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] h1.hero-carousel-category {font-size:18px!important;line-height:1.08!important;letter-spacing:-.5px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] .hero-carousel-offer {font-size:16px!important;margin-top:8px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] .hero-carousel-description {font-size:11px!important;margin-top:7px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="psychology"] h1.hero-carousel-category,
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="marketing"] h1.hero-carousel-category,
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="esoterica"] h1.hero-carousel-category,
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="poker"] h1.hero-carousel-category {font-size:clamp(23px,7.2vw,28px)!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-carousel-controls {bottom:5px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] h1.hero-carousel-category {font-size:clamp(26px,8.2vw,32px)!important;line-height:1.06!important;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories > img.hero-carousel-general {object-position:55% bottom!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .mobile-discovery-copy {position:static!important;width:64%!important;padding:16px 0 0 18px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .hero-carousel-offer {font-size:16px!important;margin-top:8px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .hero-carousel-description {font-size:12px!important;margin-top:7px!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-telegram {position:absolute!important;left:14px;right:14px;bottom:37px;margin:0!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-telegram-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
 .mobile-discovery-hero.hero-carousel-categories .hero-telegram-link {min-height:44px;padding-left:8px;padding-right:4px;}
 .mobile-discovery-hero.hero-carousel-categories .hero-telegram-copy strong {font-size:10.5px!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-telegram-qr-button {min-height:44px;min-width:30px;font-size:10px;}
 .mobile-discovery-hero.hero-carousel-categories .hero-website {left:14px;right:auto;bottom:37px;width:190px;max-width:calc(100% - 28px);box-sizing:border-box;min-height:36px;padding:5px 7px;border-radius:11px;gap:5px;}
 .mobile-discovery-hero.hero-carousel-categories .hero-website-address span {font-size:12px;}
 .mobile-discovery-hero.hero-carousel-categories .hero-website-address small {display:none;}
 .mobile-discovery-hero.hero-carousel-categories .hero-website a {min-height:44px;font-size:11px;padding:0 7px;border-radius:7px;}
}
@media(max-width:375px) {
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories .mobile-discovery-copy {padding:17px 0 0 16px!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-carousel-offer {font-size:16px!important;margin-top:8px!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-carousel-description {font-size:11px!important;margin-top:7px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="ai"] h1.hero-carousel-category {font-size:16px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .mobile-discovery-copy {padding:14px 0 0 14px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .hero-carousel-offer {font-size:15px!important;margin-top:7px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .hero-carousel-description {font-size:11px!important;margin-top:6px!important;}
}
/* Approved clean artwork and one semantic icon row. Text and art occupy separate columns. */
.hero-carousel-categories .hero-tool-icons{display:flex;gap:8px;position:relative;z-index:3;pointer-events:none;margin:16px 0 20px}
.hero-tool-icons .tool-badge{box-sizing:border-box;width:32px;height:32px;border:1px solid #ffffff22;border-radius:9px;display:grid;place-items:center;box-shadow:0 3px 8px #0003;font:700 19px system-ui}
.hero-tool-icons .tool-badge[title="Canva"]{font:bold italic 24px Georgia}
.hero-tool-icons .tool-badge svg{display:block;flex:none}
.hero-website-address>span{display:flex;align-items:center;gap:5px}
.hero-website-address>span svg{flex:0 0 14px;width:14px;height:14px;color:#347eff}
@media(min-width:1024px){
 .discovery-hero.hero-carousel-categories:not([data-hero-slide="general"]) .discovery-hero-content{width:43%!important;box-sizing:border-box;}
 .discovery-hero.hero-carousel-categories>img:not(.hero-carousel-original):not(.hero-carousel-general){inset:0 0 0 auto!important;width:48%!important;height:100%!important;object-fit:cover!important;object-position:82% bottom!important;mask-image:linear-gradient(to right,transparent,#000 12%)!important;}
}
@media(min-width:700px) and (max-width:1023px){
 .mobile-discovery-hero.hero-carousel-categories{min-height:400px!important;height:400px!important;}
 .mobile-discovery-hero.hero-carousel-categories .mobile-discovery-copy{position:relative!important;width:49%!important;max-width:none!important;box-sizing:border-box!important;padding:24px 0 0 24px!important;transform:none!important;}
 .mobile-discovery-hero.hero-carousel-categories>img:not(.hero-carousel-original){inset:0 0 0 auto!important;width:48%!important;height:100%!important;transform:none!important;object-fit:cover!important;object-position:82% bottom!important;mask-image:linear-gradient(to right,transparent,#000 12%)!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-tool-icons{position:absolute;left:24px;bottom:52px;margin:0;}
 .mobile-discovery-hero.hero-carousel-categories .hero-website,.mobile-discovery-hero.hero-carousel-categories .hero-telegram{position:absolute!important;left:24px!important;right:auto!important;bottom:52px!important;width:calc(49% - 24px)!important;margin:0!important;}
}
@media(max-width:699px){
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories .mobile-discovery-copy{width:52%!important;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories>img:not(.hero-carousel-original){inset:0 0 0 auto!important;width:48%!important;height:100%!important;object-fit:cover!important;object-position:82% bottom!important;mask-image:linear-gradient(to right,transparent,#000 12%)!important;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%)!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-tool-icons{position:absolute;left:20px;bottom:38px;margin:0;}
 .mobile-discovery-hero.hero-carousel-categories .hero-website{width:210px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .mobile-discovery-copy{width:52%!important;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories>img.hero-carousel-general{object-position:76% bottom!important;}
}
@media(max-width:699px){
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="cooking"] h1.hero-carousel-category{font-size:clamp(24px,7.1vw,28px)!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="programming"] h1.hero-carousel-category{font-size:clamp(14px,4.1vw,16px)!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="poker"] h1.hero-carousel-category{font-size:26px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="poker"] .hero-carousel-offer{font-size:16px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="poker"] .hero-carousel-description{font-size:11px!important;line-height:1.3!important;}
}
@media(max-width:375px){
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="programming"] h1.hero-carousel-category{font-size:13px!important;letter-spacing:-.6px!important;}
}
@media(min-width:700px) and (max-width:1023px){
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories{display:block!important;grid-template-columns:none!important;width:100%!important;box-sizing:border-box!important;padding:0!important;}
}
@media(max-width:699px){
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .mobile-discovery-copy{padding-top:14px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] h1.hero-carousel-category{font-size:clamp(24px,7.2vw,28px)!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .hero-carousel-offer{font-size:15px!important;line-height:1.15!important;margin-top:6px!important;}
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="general"] .hero-carousel-description{font-size:11px!important;line-height:1.3!important;margin-top:6px!important;}
}
@media(min-width:700px) and (max-width:1023px){
 .mobile-discovery-hero.hero-carousel-categories[data-hero-slide="programming"] h1.hero-carousel-category{font-size:20px!important;}
}
/* Approved full-body portraits: phone only. Tablet and desktop keep their scenes. */
.hero-website-mobile-label{display:none}
@media(max-width:699px){
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories>img:not(.hero-carousel-original){inset:0 0 auto auto!important;width:48%!important;height:calc(100% - 26px)!important;object-fit:contain!important;object-position:center center!important;mask-image:none!important;-webkit-mask-image:none!important;max-width:none!important;transform:none!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-website{left:14px!important;right:auto!important;bottom:37px!important;width:calc(52% - 28px)!important;padding:0!important;min-height:44px!important;display:block;background:transparent!important;border:0!important;box-shadow:none!important;}
 .mobile-discovery-hero.hero-carousel-categories .hero-website-address,.mobile-discovery-hero .hero-website-desktop-label{display:none!important}
 .mobile-discovery-hero.hero-carousel-categories .hero-website a{width:100%!important;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;gap:5px;padding:0 7px!important;font-size:12px!important;min-height:44px!important;border-radius:10px!important;white-space:nowrap;}
 .mobile-discovery-hero .hero-website-mobile-label{display:flex;align-items:center;gap:5px;font-size:12px;color:#fff!important}
 .mobile-discovery-hero .hero-website-mobile-label svg{width:14px;height:14px;flex:0 0 14px}
 /* Website keeps both Telegram destinations below the whole figure. */
 .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"]>img.hero-carousel-general{height:calc(100% - 86px)!important;}
}
@media(max-width:375px){
 .mobile-discovery-hero.hero-carousel-categories .hero-tool-icons{left:16px;gap:6px}
 .mobile-discovery-hero .hero-tool-icons .tool-badge{width:28px;height:28px;font-size:17px}
 .mobile-discovery-hero .hero-tool-icons .tool-badge[title="Canva"]{font-size:22px}
}

/* Keep the complete approved door scene flush with the phone banner's bottom. */
@media(max-width:699px){
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories[data-hero-slide="general"]>img.hero-carousel-general{
  inset:0 0 0 auto!important;height:100%!important;object-fit:contain!important;object-position:right bottom!important;
 }
 .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram{
  left:14px!important;right:auto!important;width:calc(52% - 28px)!important;bottom:37px!important;
 }
 .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
 .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-card{min-width:0;}
 .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-link{min-height:44px;padding:0 5px;justify-content:center;text-align:center;}
 .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-copy strong{font-size:10px;line-height:1.2;}
 .mobile-discovery-hero.hero-carousel-categories:not(.hero-carousel-telegram)[data-hero-slide="general"] .hero-telegram-qr-button{display:none;}
}

/* The door scene has extra architecture and floor for a full-height phone crop. */
@media(max-width:699px){
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories[data-hero-slide="general"]>img.hero-carousel-general{
  inset:0 0 0 auto!important;width:min(48%,192px)!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
 }
}

/* Blend only the empty left edge into the banner, keeping the mascot sharp. */
@media(max-width:699px){
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories[data-hero-slide="general"]>img.hero-carousel-general{
  mask-image:linear-gradient(to right,transparent 0,#000 clamp(6px,2vw,8px))!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 clamp(6px,2vw,8px))!important;
 }
}

/* Complete category environments, phone only; keep all existing thematic icons. */
@media(max-width:699px){
 html:root[data-theme] .mobile-discovery-hero.hero-carousel.hero-carousel-categories:not([data-hero-slide="general"]){background:#f4f6fa!important;}
 html:root[data-theme] .mobile-discovery-hero.hero-carousel.hero-carousel-categories:not([data-hero-slide="general"]) h1.hero-carousel-category,
 html:root[data-theme] .mobile-discovery-hero.hero-carousel.hero-carousel-categories:not([data-hero-slide="general"]) .hero-carousel-offer{color:#142448!important;}
 html:root[data-theme] .mobile-discovery-hero.hero-carousel.hero-carousel-categories:not([data-hero-slide="general"]) .hero-carousel-description{color:#475569!important;}
 .mobile-discovery-hero.hero-carousel.hero-carousel-categories:not([data-hero-slide="general"])>img:not(.hero-carousel-original):not(.hero-carousel-general){
  inset:0 0 0 auto!important;width:min(48%,184px)!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
  mask-image:linear-gradient(to right,transparent 0,#000 clamp(6px,2vw,8px))!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 clamp(6px,2vw,8px))!important;
 }
}