/* Direção visual da home: loja social leve, clara e comercial. */
:root {
  --home-ink: #101521;
  --home-muted: #627080;
  --home-paper: #fffdfb;
  --home-line: #e9eef2;
  --home-green: #10b981;
  --home-purple: #4a40f5;
}

.site-header {
  position: absolute;
  background: rgba(255, 255, 255, .9);
  border-bottom-color: rgba(16, 21, 33, .08);
  color: var(--home-ink);
  backdrop-filter: blur(16px);
}
.site-header .brand-name { color: var(--home-ink); }
.site-header .brand-name span { color: var(--home-purple); }
.site-header .brand-mark { border-color: var(--home-purple); }.site-header .brand-mark span { background: var(--home-purple); }
.desktop-nav { gap: 22px; }.desktop-nav a { color: #526071; }.desktop-nav a:hover { color: var(--home-ink); }.desktop-nav a span { margin-left: 5px; color: #7b8796; font-size: .8rem; }
.theme-switcher { border-color: #e0e7ec; }.button--ghost { border-color: #dfe6eb; color: var(--home-ink); }.button--ghost:hover { border-color: var(--home-purple); }
.hero { min-height: 860px; padding: 182px 0 80px; background: var(--home-paper); color: var(--home-ink); }
.hero::before { opacity: .4; background: radial-gradient(circle at 50% 20%, rgba(255, 236, 216, .72), transparent 45%), radial-gradient(circle at 50% 83%, rgba(222, 230, 255, .58), transparent 36%); mask-image: none; }
.hero-grid { display: block; text-align: center; }.hero-copy { position: relative; z-index: 2; max-width: 920px; margin: 0 auto; }.hero .eyebrow { color: var(--home-purple); justify-content: center; }.hero .live-dot { background: var(--home-purple); box-shadow: 0 0 0 5px rgba(74, 64, 245, .11); }.hero h1 { max-width: 920px; margin: 26px auto 21px; color: var(--home-ink); font-size: clamp(3.5rem, 7.2vw, 6.8rem); line-height: .92; }.hero h1 em { color: var(--home-purple); }.hero-text { max-width: 720px; margin-inline: auto; color: #5b6877; font-size: 1.03rem; }.hero-actions { justify-content: center; }.hero .button--primary { background: var(--home-green); color: #fff; box-shadow: 0 16px 28px rgba(16, 185, 129, .22); }.hero .button--primary:hover { box-shadow: 0 20px 38px rgba(16, 185, 129, .34); }.hero .text-link { color: var(--home-ink); }.hero .text-link span { color: var(--home-purple); }.hero-proof { justify-content: center; margin-top: 38px; }.hero-proof strong { color: var(--home-ink); }.hero-proof small { color: var(--home-muted); }
.hero-visual { min-height: 335px; margin: 25px auto 0; max-width: 720px; }.hero-orbit--one { width: 520px; height: 270px; border-color: rgba(74, 64, 245, .13); }.hero-orbit--two { width: 680px; height: 170px; border-color: rgba(255, 146, 103, .16); transform: rotate(-10deg); }.profile-card { width: min(420px, 90%); padding: 20px; border-color: rgba(16, 21, 33, .12); border-radius: 22px; background: rgba(255, 255, 255, .96); color: var(--home-ink); box-shadow: 0 25px 65px rgba(52, 64, 87, .18), inset 0 1px 0 rgba(255, 255, 255, .9); }.profile-card__top, .profile-card__foot, .profile-person, .profile-stats { color: var(--home-ink); }.profile-card__top .mini-label, .profile-card__foot, .profile-person span, .profile-stats span { color: #768292; }.profile-stats strong { color: var(--home-ink); }.profile-card__foot { border-top-color: var(--home-line); }.profile-card__foot strong { color: var(--home-green); }.profile-card .sparkline span { background: linear-gradient(to top, rgba(74, 64, 245, .15), #6f67ff); }.floating-card { border-color: rgba(16, 21, 33, .1); background: rgba(255, 255, 255, .92); color: var(--home-ink); box-shadow: 0 18px 38px rgba(52, 64, 87, .16); }.floating-card small { color: #788492; }.floating-icon { background: rgba(74, 64, 245, .12); color: var(--home-purple); }.floating-icon--pink { background: rgba(255, 145, 109, .16); color: #f06e45; }.hero-stamp { color: var(--home-purple); border-color: rgba(74, 64, 245, .32); }.scroll-cue { color: #718091; }.scroll-cue i { background: var(--home-purple); }
.hero-social-art { position: absolute; z-index: 0; top: 170px; width: 330px; height: 520px; opacity: .68; filter: blur(.4px); pointer-events: none; }.hero-social-art--left { left: -100px; transform: rotate(7deg); }.hero-social-art--right { right: -100px; transform: scaleX(-1) rotate(7deg); }.hero-social-art i { position: absolute; display: block; width: 330px; height: 520px; border: 24px solid transparent; border-radius: 46% 54% 31% 69% / 33% 42% 58% 67%; transform: skewY(-10deg); }.hero-social-art i:nth-child(1) { border-color: rgba(255, 180, 122, .26); left: -45px; top: 75px; }.hero-social-art i:nth-child(2) { border-color: rgba(255, 146, 103, .22); left: -8px; top: 30px; }.hero-social-art i:nth-child(3) { border-color: rgba(255, 215, 180, .33); left: 33px; top: -14px; }
.ticker { background: #f6f8fa; border-color: #edf1f4; }.ticker b { color: #8c97a3; }
.platforms { background: #fff; color: var(--home-ink); }.platforms .section-kicker { color: var(--home-purple); }.platforms .section-heading h2 { color: var(--home-ink); }.platforms .split-heading > p { color: #687687; }.platform-card { background: #fff; border-color: var(--home-line); color: var(--home-ink); box-shadow: 0 10px 25px rgba(16, 21, 33, .045), inset 0 -2px 0 var(--platform-color, transparent); }.platform-card:hover, .platform-card.is-current { background: #fff; border-color: var(--platform-color, rgba(74, 64, 245, .45)); box-shadow: 0 18px 38px rgba(16, 21, 33, .1), inset 0 -3px 0 var(--platform-color, transparent); }.platform-number { color: #98a3ae; }.platform-card h3 { color: var(--home-ink); }.platform-card p { color: #6c7987; }.card-link { color: var(--platform-color, var(--home-purple)); }.carousel-button { border-color: #dfe7ec; color: var(--home-ink); }.carousel-button:hover { background: var(--home-purple); border-color: var(--home-purple); color: #fff; }
.platform-card--facebook { --platform-color: var(--facebook); }.platform-card--facebook .platform-card__glow { background: radial-gradient(circle, rgba(24, 119, 242, .28), transparent 70%); }.platform-card--facebook .platform-icon { border-color: transparent; background: var(--facebook); color: #fff; box-shadow: 0 8px 24px rgba(24, 119, 242, .19); }.platform-card--kwai { --platform-color: #ff7a1a; }.platform-card--kwai .platform-card__glow { background: radial-gradient(circle, rgba(255, 122, 26, .3), transparent 70%); }.platform-card--kwai .platform-icon { border-color: transparent; background: linear-gradient(145deg, #ffc14a, #ff5b2c); color: #fff; box-shadow: 0 8px 24px rgba(255, 122, 26, .19); }
.platform-card--facebook .platform-icon svg, .platform-card--kwai .platform-icon svg { width: 25px; height: 25px; }.platform-card--facebook .platform-icon svg path { fill: currentColor; }.platform-card--kwai .platform-icon svg circle { fill: none; stroke: currentColor; stroke-width: 1.7; }.platform-track { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 980px) { .desktop-nav { gap: 15px; }.desktop-nav a:nth-child(n+5) { display: none; }.hero-social-art { opacity: .38; }.platform-track { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .site-header { background: rgba(255,255,255,.94); }.hero { padding-top: 130px; }.hero h1 { font-size: clamp(3.25rem, 15.5vw, 4.8rem); }.hero-social-art { width: 220px; height: 360px; top: 145px; }.hero-social-art i { width: 220px; height: 360px; border-width: 17px; }.hero-social-art--left { left: -140px; }.hero-social-art--right { right: -140px; }.hero-visual { min-height: 360px; }.platform-track { display: flex; } }