/* StreamHUB — Home editorial. Shared UI tokens are defined in css/style.css. */
html[data-sh-page="home"] { --home-max-width: 1190px; }
html[data-sh-page="home"] body { font-family: "MontserratLocal", system-ui, sans-serif; }
html[data-sh-page="home"] main { display:block; flex:1 0 auto; min-width:0; margin-top:0; padding-top:0; }
html[data-sh-page="home"] .shell { width: min(var(--home-max-width), calc(100% - 56px)); }
html[data-sh-page="home"] .landing-hero {
  position:relative; display:flex; align-items:center; justify-content:center;
  min-height:calc(100svh - 72px); min-height:calc(100dvh - 72px);
  width:100%; isolation:isolate; overflow:hidden;
  padding:clamp(32px,6svh,78px) 0 clamp(62px,9svh,95px);
}
html[data-sh-page="home"] .landing-topo {
  position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,.72) 74%, transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 55%,rgba(0,0,0,.72) 74%, transparent 100%);
}
html[data-sh-page="home"] #homeTopoCanvas { position:absolute;inset:0;width:100%;height:100%; opacity:.75; }
html[data-sh-page="home"] .landing-topo-map {
  position:absolute; z-index:1; left:50%;top:54%; transform:translate(-50%,-50%);
  width:clamp(350px,48vw,690px); max-width:none; height:auto; opacity:.3;
  filter:drop-shadow(2px 0 0 var(--topo-map-stroke)) drop-shadow(-2px 0 0 var(--topo-map-stroke)) drop-shadow(0 2px 0 var(--topo-map-stroke)) drop-shadow(0 -2px 0 var(--topo-map-stroke));
}
html[data-sh-page="home"][data-theme="day"] .landing-topo-map { opacity:.23; }
html[data-sh-page="home"][data-theme="night"] .landing-topo-map { opacity:.18; filter:invert(1) drop-shadow(1px 0 0 #e5a0b9) drop-shadow(-1px 0 0 #e5a0b9); }
html[data-sh-page="home"] .landing-hero::before {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 36% 36% at 50% 49%,var(--topo-veil) 0%,transparent 100%);
}
html[data-sh-page="home"] .landing-content { position:relative;z-index:1;display:flex;justify-content:center;align-items:center;text-align:center;min-height:370px; }
html[data-sh-page="home"] .landing-copy { width:min(100%,890px); margin:auto; }
html[data-sh-page="home"] .home-eyebrow,
html[data-sh-page="home"] .home-section-kicker,
html[data-sh-page="home"] .home-price-name,
html[data-sh-page="home"] .home-blog-meta {
  text-transform:uppercase; font-size:.69rem; font-weight:750; letter-spacing:.13em;
}
html[data-sh-page="home"] .home-eyebrow { color:var(--accent-main);margin:0 0 24px; }
html[data-sh-page="home"] .landing-content h1 {
  color:var(--text-main);font-family:"MontserratLocal",system-ui,sans-serif;
  margin:0 auto;max-width:870px;font-size:clamp(3rem,6vw,6rem);
  line-height:1.04;letter-spacing:-.07em; font-weight:850;text-wrap:balance;
  text-shadow:none;
}
html[data-sh-page="home"] .landing-content h1 em,
html[data-sh-page="home"] .home-section h2 em { font-style:normal;color:var(--accent-main); }
html[data-sh-page="home"] .landing-subtitle {
  color:var(--text-subtle);font-size:clamp(.98rem,1.4vw,1.16rem);
  line-height:1.75;letter-spacing:-.015em;max-width:650px;margin:23px auto 0;
}
html[data-sh-page="home"] .landing-actions {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:35px;}
html[data-sh-page="home"] .landing-btn { display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:0 23px;border-radius:10px; border:1px solid var(--border-subtle);background:transparent;color:var(--text-main);font-size:.85rem;font-weight:700;text-decoration:none;box-shadow:none;backdrop-filter:none;transition:background-color .22s ease,color .22s ease,transform .22s ease,border-color .22s ease; }
/* Keep Registro and SWISS next to each other when the hero wraps on phones. */
html[data-sh-page="home"] .landing-actions-secondary { display:inline-flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; }
html[data-sh-page="home"] .landing-btn:hover { transform:translateY(-2px);box-shadow:none;border-color:var(--accent-main); }
html[data-sh-page="home"] .landing-btn:focus-visible {outline:2px solid var(--accent-main);outline-offset:3px;}
html[data-sh-page="home"] .landing-btn-primary,
html[data-sh-page="home"][data-theme="night"] .landing-btn-primary,
html[data-sh-page="home"][data-theme="day"] .landing-btn-primary { color:var(--button-on-accent);border-color:var(--accent-main);background:var(--accent-main);box-shadow:none; }
html[data-sh-page="home"] .landing-btn-primary:hover { background:var(--accent-hover);border-color:var(--accent-hover);filter:none;color:var(--button-on-accent); }
html[data-sh-page="home"] .landing-btn-outline:hover { background:var(--bg-surface); }
html[data-sh-page="home"] .home-utility-links {display:flex;align-items:center;justify-content:center;gap:15px;margin-top:26px;font-size:.79rem;font-weight:650;color:var(--text-subtle);}
html[data-sh-page="home"] .home-utility-links a:hover {color:var(--accent-main);}
html[data-sh-page="home"] .home-scroll-cue {position:absolute;left:50%;bottom:55px;transform:translateX(-50%);font-size:.62rem;white-space:nowrap;letter-spacing:.19em;font-weight:750;color:var(--text-subtle);text-decoration:none;display:flex;align-items:center;gap:15px;z-index:2;}
html[data-sh-page="home"] .home-scroll-cue:hover {color:var(--accent-main);}
html[data-sh-page="home"] .home-scroll-cue span {font-size:1.3rem;}
html[data-sh-page="home"] .home-section {padding-top:clamp(64px,8vw,114px);padding-bottom:clamp(66px,8vw,118px);border-top:1px solid var(--border-subtle);}
html[data-sh-page="home"] .home-section-kicker {display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--accent-main);margin-bottom:32px;}
html[data-sh-page="home"] .home-section-kicker span:last-child {color:var(--text-subtle);font-weight:600;}
html[data-sh-page="home"] .home-section-heading {display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px;}
html[data-sh-page="home"] .home-section h2 {font-size:clamp(2.5rem,5vw,5.3rem);letter-spacing:-.068em;line-height:1.07;font-family:"MontserratLocal",system-ui,sans-serif;font-weight:850;max-width:850px;margin:0;color:var(--text-main);}
html[data-sh-page="home"] .home-section-heading p {max-width:680px;color:var(--text-subtle);font-size:1rem;line-height:1.7;margin:17px 0 0;}
html[data-sh-page="home"] .home-text-link {display:inline-flex;align-items:center;gap:16px;font-size:.86rem;font-weight:750;white-space:nowrap;text-decoration:none;color:var(--text-main);border-bottom:1px solid var(--accent-main);padding-bottom:8px;}
html[data-sh-page="home"] .home-text-link:hover {color:var(--accent-main);}
/* Portrait-first member row; matches the small creator cards in profiles. */
html[data-sh-page="home"] .home-members-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; align-items:start; margin-top:38px; min-height:114px; }
html[data-sh-page="home"] .home-member-card { display:flex; flex-direction:column; align-items:center; gap:9px; text-decoration:none; color:var(--text-main); min-width:0; }
html[data-sh-page="home"] .home-member-avatar-wrap { display:grid; place-items:center; position:relative; width:70%; max-width:116px; aspect-ratio:1; overflow:hidden; border-radius:50%; border:1px solid var(--border-subtle); background:var(--bg-surface-soft-2); box-shadow:var(--card-shadow); transition:transform 150ms ease,box-shadow 150ms ease; }
html[data-sh-page="home"] .home-member-card:hover .home-member-avatar-wrap { transform:translateY(-2px); box-shadow:var(--sh-shadow-md); }
html[data-sh-page="home"] .home-member-avatar { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; display:block; }
html[data-sh-page="home"] .home-member-initial { font-size:clamp(1.25rem,3vw,2.1rem); font-weight:800; color:var(--text-subtle); }
html[data-sh-page="home"] .home-member-username { display:block; width:100%; text-align:center; font-size:.8rem; line-height:1.3; font-weight:550; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--text-main); }
html[data-sh-page="home"] .home-members-empty { grid-column:1/-1; padding:32px 0; color:var(--text-subtle); font-size:.91rem; line-height:1.6; }
html[data-sh-page="home"] .home-blog-items {border-top:1px solid var(--border-subtle);}
html[data-sh-page="home"] .home-blog-item {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 4px 30px;border-bottom:1px solid var(--border-subtle);text-decoration:none;color:var(--text-main);}
html[data-sh-page="home"] a.home-blog-item:hover h3 {color:var(--accent-main);}
html[data-sh-page="home"] .home-blog-meta {color:var(--accent-main);}
html[data-sh-page="home"] .home-blog-item h3 {font-weight:750;font-size:clamp(1.1rem,2vw,1.55rem);letter-spacing:-.045em;line-height:1.25;margin:10px 0 6px;}
html[data-sh-page="home"] .home-blog-item p {margin:0;font-size:.86rem;line-height:1.55;color:var(--text-subtle);}
html[data-sh-page="home"] .home-blog-arrow {font-size:1.2rem;color:var(--accent-main);flex:0 0 auto;}
html[data-sh-page="home"] .home-blog-item--placeholder .home-blog-arrow {opacity:.35;}
html[data-sh-page="home"] .home-footnote {margin:19px 0 0;color:var(--text-subtle);font-size:.75rem;line-height:1.7;}
html[data-sh-page="home"] .home-pricing-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
html[data-sh-page="home"] .home-price-card {min-width:0;display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:16px;padding:clamp(24px,3.3vw,42px);background:var(--bg-surface);box-shadow:var(--sh-shadow-sm);transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms ease,border-color 220ms ease,background-color 220ms ease;}
/* Premium: an always-visible accent hairline with a restrained inset tint.
   Uses shared theme tokens; price details and purchase state do not change. */
html[data-sh-page="home"] .home-price-card--premium {border-color:var(--accent-main);background:var(--bg-surface-strong);box-shadow:var(--sh-shadow-sm),inset 0 0 0 1px var(--accent-soft);}
html[data-sh-page="home"] .home-price-top {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
html[data-sh-page="home"] .home-price-name {color:var(--text-main);}
html[data-sh-page="home"] .home-price-card--premium .home-price-name {color:var(--accent-main);}
html[data-sh-page="home"] .home-price-tag {font-size:.62rem;color:var(--text-subtle);letter-spacing:.06em;}
html[data-sh-page="home"] .home-price-description {font-size:.9rem;color:var(--text-subtle);line-height:1.7;max-width:350px;min-height:48px;margin:23px 0 0;}
html[data-sh-page="home"] .home-price-amount {font-size:clamp(2.8rem,4vw,4.4rem);font-weight:850;letter-spacing:-.075em;color:var(--text-main);line-height:1.2;margin:25px 0 30px;}
html[data-sh-page="home"] .home-price-amount span {font-size:.78rem;font-weight:600;letter-spacing:0;color:var(--text-subtle);}
html[data-sh-page="home"] .home-price-features {list-style:none;padding:23px 0 0;margin:0 0 32px;border-top:1px solid var(--border-subtle);display:grid;gap:17px;}
html[data-sh-page="home"] .home-price-features li {position:relative;padding-left:23px;font-size:.86rem;line-height:1.55;color:var(--text-main);}
html[data-sh-page="home"] .home-price-features li::before {content:'✓';position:absolute;left:0;color:var(--accent-main);font-weight:800;}
html[data-sh-page="home"] .home-price-features small {color:var(--text-subtle);}
html[data-sh-page="home"] .home-price-cta {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;margin-top:auto;padding:12px 16px;text-decoration:none;font-size:.84rem;font-weight:750;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:9px;transition:border-color .18s ease,color .18s ease,transform .18s ease;}
html[data-sh-page="home"] a.home-price-cta:hover {border-color:var(--accent-main);color:var(--accent-main);transform:translateY(-1px);}
html[data-sh-page="home"] .home-price-cta--disabled {opacity:.6;cursor:not-allowed;}
html[data-sh-page="home"] .home-transparency-layout {display:grid;grid-template-columns:1fr .88fr;gap:clamp(30px,8vw,130px);align-items:start;}
html[data-sh-page="home"] .home-transparency-copy {max-width:550px;}
html[data-sh-page="home"] .home-transparency-copy>p:not(.home-footnote) {margin:0 0 20px;color:var(--text-subtle);font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.85;}
html[data-sh-page="home"] .home-transparency-copy .home-footnote {border-top:1px solid var(--border-subtle);padding-top:20px;margin-top:28px;}
html[data-sh-page="home"] .home-footer {margin-top:0;border-top:1px solid var(--border-subtle);background:transparent;}
html[data-sh-page="home"] .home-footer .footer-inner {padding-block:28px;}
@media(max-width:900px){
 html[data-sh-page="home"] .home-members-grid {grid-template-columns:repeat(5,minmax(0,1fr));row-gap:26px;}
 html[data-sh-page="home"] .home-transparency-layout {grid-template-columns:1fr;gap:24px;}
 html[data-sh-page="home"] .home-transparency-copy {max-width:740px;}
 html[data-sh-page="home"] .home-section-kicker span:last-child {display:none;}
}
@media(max-width:620px){
 html[data-sh-page="home"] .shell {width:min(100% - 32px, var(--home-max-width));}
 html[data-sh-page="home"] .landing-hero {min-height:calc(100svh - 64px);min-height:calc(100dvh - 64px);padding:clamp(20px,4.5svh,48px) 0 clamp(55px,10svh,84px); }
 html[data-sh-page="home"] .landing-copy {padding:0;}
 html[data-sh-page="home"] .landing-content h1 {font-size:clamp(2.75rem,11vw,4rem);letter-spacing:-.07em;}
 html[data-sh-page="home"] .landing-subtitle {font-size:.94rem;line-height:1.6;margin-top:18px;}
 html[data-sh-page="home"] .landing-topo-map {width:clamp(300px,103vw,480px);top:56%;}
 html[data-sh-page="home"] .home-eyebrow {font-size:.59rem;line-height:1.5;}
 html[data-sh-page="home"] .landing-actions {margin-top:26px;gap:9px;}
 html[data-sh-page="home"] .landing-btn {min-height:46px;padding:0 14px;font-size:.8rem;}
 html[data-sh-page="home"] .home-utility-links {margin-top:23px;}
 html[data-sh-page="home"] .home-scroll-cue {bottom:20px;}
 html[data-sh-page="home"] .home-section-heading {display:block;}
 html[data-sh-page="home"] .home-section-heading .home-text-link {margin-top:22px;}
 html[data-sh-page="home"] .home-section h2 {font-size:clamp(2.25rem,9.5vw,3.6rem);}
 html[data-sh-page="home"] .home-section-kicker {margin-bottom:22px;}
 html[data-sh-page="home"] .home-members-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 10px;}
 html[data-sh-page="home"] .home-member-avatar-wrap {width:100%;max-width:92px;}
 html[data-sh-page="home"] .home-member-username {font-size:.75rem;}
 html[data-sh-page="home"] .home-pricing-grid {grid-template-columns:1fr;gap:14px;}
 html[data-sh-page="home"] .home-price-card {padding:25px;}
 html[data-sh-page="home"] .home-price-description {min-height:0;}
 html[data-sh-page="home"] .home-footer .footer-inner {gap:14px;flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce){
 html[data-sh-page="home"] .landing-btn, html[data-sh-page="home"] .home-member-avatar-wrap, html[data-sh-page="home"] .home-price-cta {transition:none!important;transform:none!important;}
}

/* The navbar keeps its original floating layout; the Hero fills precisely the
   remaining viewport on ordinary screens. Content can grow on short displays
   instead of clipping text or making controls unreachable. */
@media (max-height:700px) {
  html[data-sh-page="home"] .landing-hero {padding-top:16px;padding-bottom:46px;}
  html[data-sh-page="home"] .home-eyebrow {margin-bottom:12px;}
  html[data-sh-page="home"] .landing-content h1 {font-size:clamp(2.4rem,5.1vw,4.7rem);}
  html[data-sh-page="home"] .landing-subtitle {margin-top:13px;line-height:1.48;}
  html[data-sh-page="home"] .landing-actions {margin-top:17px;}
  html[data-sh-page="home"] .home-utility-links {margin-top:13px;}
  html[data-sh-page="home"] .home-scroll-cue {bottom:11px;}
}

/* StreamHUB V7: pricing plans elevate subtly without suggesting the whole card is clickable. */
@media (hover: hover) and (pointer: fine) {
  html[data-sh-page="home"] .home-price-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--sh-shadow-focus-md);
    border-color: color-mix(in srgb, var(--accent-main) 34%, var(--border-subtle));
  }
}
html[data-sh-page="home"] .home-price-card:focus-within {
  transform: translateY(-3px);
  box-shadow: var(--sh-shadow-focus-md);
  border-color: var(--accent-main);
}
/* Keep the Premium outline stronger than the shared hover border rule. */
html[data-sh-page="home"] .home-price-card--premium:focus-within {
  border-color: var(--accent-main);
  box-shadow: var(--sh-shadow-focus-md), inset 0 0 0 1px var(--accent-soft);
}
@media (hover: hover) and (pointer: fine) {
  html[data-sh-page="home"] .home-price-card--premium:hover {
    border-color: var(--accent-main);
    box-shadow: var(--sh-shadow-focus-md), inset 0 0 0 1px var(--accent-soft);
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-sh-page="home"] .home-price-card { transition: none; }
  html[data-sh-page="home"] .home-price-card:is(:hover, :focus-within) { transform: none; }
}

@media(max-width:767px) {
 html[data-sh-page="home"] .home-members-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
 html[data-sh-page="home"] .home-member-avatar-wrap {width:100%;}
}

/* A signed-in user has no registration CTA. */
a.sh-auth-register-hidden { display:none !important; }
/* V31.3 - Premium remains hidden for signed-in Premium accounts. */
html[data-sh-page="home"] #apoyar[hidden] { display: none !important; }
html[data-sh-page="home"] .home-price-card--premium {
  border-color: color-mix(in srgb,var(--status-premium) 58%,var(--border-subtle));
  box-shadow: var(--sh-shadow-sm), inset 0 0 0 1px color-mix(in srgb,var(--status-premium) 12%,transparent);
}
html[data-sh-page="home"] .home-price-card--premium .home-price-name { color:var(--status-premium); }
html[data-sh-page="home"] .home-price-card--premium .home-price-features li::before { color: var(--status-premium); }
html[data-sh-page="home"] a.home-price-cta[aria-disabled="true"] { cursor:default; opacity:.75; pointer-events:none; }