/* iBlogger v86: exact-ordered CSS delivery bundle. Source CSS files retained. */

/* SOURCE css/style.css */
:root{
  --color-brand-yellow: #FCD535;
  --color-brand-gold: #F0B90B;
  --color-charcoal: #181A20;
  --color-deep: #0B0E11;
  --color-neutral-light: #EAECEF;
  --color-neutral: #707A8A;
  --color-positive: #0ECB81;
  --color-negative: #F6465D;
  --color-primary: var(--color-brand-yellow);
  --color-primary-hover: var(--color-brand-gold);
  --color-primary-active: #D9A400;
  --color-primary-soft: color-mix(in srgb, var(--color-brand-yellow) 17%, #FFFFFF);
  --color-secondary: var(--color-positive);
  --color-secondary-hover: #0AAE70;
  --color-secondary-soft: color-mix(in srgb, var(--color-positive) 12%, #FFFFFF);
  --color-accent: var(--color-brand-gold);
  --color-accent-soft: color-mix(in srgb, var(--color-brand-yellow) 16%, #FFFFFF);
  --color-background: #FFFFFF;
  --color-background-alt: color-mix(in srgb, #FFFFFF 66%, var(--color-neutral-light));
  --color-surface: #FFFFFF;
  --color-surface-elevated: #FFFFFF;
  --color-surface-subtle: color-mix(in srgb, #FFFFFF 78%, var(--color-neutral-light));
  --color-text-primary: var(--color-charcoal);
  --color-text-secondary: var(--color-neutral);
  --color-text-muted: #929AA8;
  --color-border: var(--color-neutral-light);
  --color-border-strong: #D5D9DF;
  --color-success: var(--color-positive);
  --color-success-soft: color-mix(in srgb, var(--color-positive) 12%, #FFFFFF);
  --color-warning: var(--color-brand-gold);
  --color-warning-soft: color-mix(in srgb, var(--color-brand-yellow) 17%, #FFFFFF);
  --color-error: var(--color-negative);
  --color-error-soft: color-mix(in srgb, var(--color-negative) 10%, #FFFFFF);
  --color-info: var(--color-neutral);
  --color-info-soft: color-mix(in srgb, var(--color-neutral) 11%, #FFFFFF);
  --color-on-primary: var(--color-charcoal);
  --color-on-dark: #FFFFFF;
  --color-overlay: rgba(11, 14, 17, .66);
  --shadow-xs: 0 1px 2px rgba(24, 26, 32, .045);
  --shadow-sm: 0 6px 18px rgba(24, 26, 32, .075);
  --shadow-md: 0 14px 40px rgba(24, 26, 32, .11);
  --shadow-lg: 0 28px 70px rgba(11, 14, 17, .16);
  --shadow-primary: 0 14px 34px rgba(240, 185, 11, .28);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-pill: 999px;
  --container-width: 1320px;
  --header-height: 76px;
  --brand-logo-height: 44px;
  --brand-logo-height-mobile: 36px;
  --transition-fast: 160ms ease;
  --transition-normal: 260ms cubic-bezier(.2, .8, .2, 1);
  --transition-slow: 520ms cubic-bezier(.2, .8, .2, 1);
  --font-family: Vazirmatn, "Segoe UI", Tahoma, Arial, sans-serif;
  --font-size-xs: .75rem;
  --font-size-sm: .875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --font-size-hero: clamp(2.35rem, 5vw, 4.55rem);
}



*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 20px); overflow-x: hidden; }
body{
  margin: 0;
  min-width: 320px;
  background: var(--color-background);
  color: var(--color-text-primary);
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.75;
  overflow-x: hidden;
  transition: background-color var(--transition-normal), color var(--transition-normal);
}
body.is-modal-open{ overflow: hidden; width: 100%; }
button, input, select, textarea{ font: inherit; }
button, select{ cursor: pointer; }
button{ color: inherit; }
a{ color: inherit; text-decoration: none; }
img, svg{ display: block; max-width: 100%; }
img{ object-fit: cover; }
h1, h2, h3, h4, p{ margin-top: 0; }
h1, h2, h3, h4{ line-height: 1.3; letter-spacing: -.02em; }
::selection{ background: rgba(240, 185, 11, .2); color: var(--color-text-primary); }
[hidden]{ display: none !important; }

.container{ width: min(calc(100% - 40px), var(--container-width)); margin-inline: auto; }
.section{ padding-block: 96px; position: relative; }
.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.skip-link{
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
  background: var(--color-text-primary);
  color: var(--color-surface);
  padding: 10px 16px;
  border-radius: var(--radius-sm);
  transform: translateY(-150%);
  transition: transform var(--transition-fast);
}
.skip-link:focus{ transform: translateY(0); }

:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 3px;
}

.button{
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 19px;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  font-weight: 700;
  font-size: .94rem;
  white-space: nowrap;
  transition: transform var(--transition-fast), box-shadow var(--transition-normal), background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
  position: relative;
  overflow: hidden;
}
.button svg{ width: 18px; height: 18px; }
.button:hover{ transform: translateY(-1px); }
.button:active{ transform: translateY(0) scale(.985); }
.button:disabled{ opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; }
.button-primary{ background: var(--color-primary); color: var(--color-on-primary); box-shadow: var(--shadow-primary); }
.button-primary:hover{ background: var(--color-primary-hover); box-shadow: 0 17px 38px rgba(240, 185, 11, .30); }
.button-primary:active{ background: var(--color-primary-active); }
.button-secondary{ background: var(--color-surface); border-color: var(--color-border); color: var(--color-text-primary); box-shadow: var(--shadow-xs); }
.button-secondary:hover{ border-color: var(--color-border-strong); box-shadow: var(--shadow-sm); }
.button-ghost{ background: transparent; color: var(--color-text-secondary); }
.button-ghost:hover{ background: var(--color-primary-soft); color: var(--color-primary); }
.button-light{ background: #fff; color: #181A20; box-shadow: 0 10px 28px rgba(0, 0, 0, .16); }
.button-light:hover{ background: #FFF8D6; }
.button-outline-light{ color: #fff; border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.07); }
.button-outline-light:hover{ background: rgba(255,255,255,.14); border-color: #fff; }
.button-large{ min-height: 52px; padding-inline: 24px; border-radius: 14px; font-size: 1rem; }
.button-block{ width: 100%; }
.button-loader{ width: 18px; height: 18px; border: 2px solid rgba(24,26,32,.32); border-top-color: var(--color-on-primary); border-radius: 50%; animation: spin .7s linear infinite; display: none; }
.submit-button.is-loading .button-loader{ display: block; }
.submit-button.is-loading > span{ opacity: .55; }

.icon-button{
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: 13px;
  background: var(--color-surface);
  color: var(--color-text-secondary);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
  position: relative;
}
.icon-button svg{ width: 21px; height: 21px; }
.icon-button:hover{ color: var(--color-primary); background: var(--color-primary-soft); border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border)); box-shadow: var(--shadow-sm); transform: translateY(-1px); }

.text-button{ border: 0; background: transparent; padding: 4px; color: var(--color-primary); font-weight: 700; }
.text-button:hover{ color: var(--color-primary-hover); text-decoration: underline; text-underline-offset: 4px; }

.site-header{
  height: var(--header-height);
  position: sticky;
  top: 0;
  z-index: 500;
  background: color-mix(in srgb, var(--color-background) 82%, transparent);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid transparent;
  transition: box-shadow var(--transition-normal), border-color var(--transition-normal), background-color var(--transition-normal);
}
.site-header.is-scrolled{ border-color: var(--color-border); box-shadow: 0 10px 30px rgba(24,26,32,.05); background: color-mix(in srgb, var(--color-surface) 92%, transparent); }
.header-inner{ height: 100%; display: flex; align-items: center; gap: 26px; }
.brand{ display: inline-flex; align-items: center; flex: 0 0 auto; min-width: 0; }
.site-logo{ display: inline-grid; align-items: center; flex: 0 0 auto; line-height: 0; }
.site-logo-image{
  grid-area: 1 / 1;
  display: block;
  width: auto;
  height: var(--brand-logo-height);
  max-width: min(100%, 176px);
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 8px 16px color-mix(in srgb, var(--color-primary) 18%, transparent));
}



.footer-logo .logo-light{ display: none; }

.footer-logo .site-logo-image{ filter: drop-shadow(0 8px 18px rgba(0,0,0,.28)); }
.desktop-nav{ display: flex; align-items: center; gap: 2px; margin-inline-end: auto; }
.nav-link{ color: var(--color-text-secondary); font-size: .92rem; font-weight: 650; padding: 10px 13px; border-radius: 10px; position: relative; }
.nav-link::after{ content: ""; position: absolute; right: 16px; left: 16px; bottom: 4px; height: 2px; border-radius: 2px; background: var(--color-primary); transform: scaleX(0); transition: transform var(--transition-normal); }
.nav-link:hover, .nav-link.is-active{ color: var(--color-primary); background: var(--color-primary-soft); }
.nav-link.is-active::after{ transform: scaleX(1); }
.header-actions{ display: flex; align-items: center; gap: 8px; }
.favorites-count{ position: absolute; top: -5px; left: -4px; min-width: 19px; height: 19px; padding-inline: 4px; display: grid; place-items: center; border-radius: 999px; background: var(--color-error); color: #fff; font-size: .66rem; line-height: 1; border: 2px solid var(--color-background); }



.menu-toggle{ display: none; }

.mobile-nav-backdrop{ position: fixed; inset: 0; z-index: 700; background: rgba(11, 14, 17, .48); opacity: 0; transition: opacity var(--transition-normal); }
.mobile-nav-backdrop.is-open{ opacity: 1; }
.mobile-nav{
  position: fixed;
  z-index: 710;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(88vw, 360px);
  background: var(--color-surface);
  border-left: 1px solid var(--color-border);
  box-shadow: var(--shadow-lg);
  padding: 20px;
  transform: translateX(105%);
  transition: transform var(--transition-normal);
  display: flex;
  flex-direction: column;
}
.mobile-nav.is-open{ transform: translateX(0); }
.mobile-nav-head{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--color-border); }
.mobile-nav-title{ font-weight: 800; font-size: 1.05rem; }
.mobile-nav-links{ display: grid; gap: 5px; padding-block: 22px; }
.mobile-nav-links a{ padding: 12px 14px; border-radius: 12px; font-weight: 700; color: var(--color-text-secondary); }
.mobile-nav-links a:hover{ color: var(--color-primary); background: var(--color-primary-soft); }
.mobile-nav-actions{ margin-top: auto; display: grid; gap: 10px; }

.hero{ min-height: calc(100vh - var(--header-height)); display: flex; align-items: center; overflow: hidden; padding-top: 78px; padding-bottom: 110px; }
.hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--color-primary) 14%, transparent) 1px, transparent 0);
  background-size: 26px 26px;
  mask-image: linear-gradient(to bottom, black, transparent 75%);
  opacity: .75;
  pointer-events: none;
}
.hero-orb{ position: absolute; border-radius: 50%; filter: blur(4px); opacity: .52; pointer-events: none; }
.hero-orb-one{ width: 360px; height: 360px; top: -150px; right: -120px; background: radial-gradient(circle, rgba(240,185,11,.22), transparent 68%); }
.hero-orb-two{ width: 440px; height: 440px; left: -220px; bottom: -190px; background: radial-gradient(circle, rgba(14,203,129,.18), transparent 68%); }
.hero-grid{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(460px, .95fr); gap: 74px; align-items: center; position: relative; z-index: 1; }
.eyebrow, .section-kicker{ display: inline-flex; align-items: center; gap: 8px; color: var(--color-primary); font-size: .82rem; font-weight: 800; margin-bottom: 16px; letter-spacing: .01em; }
.eyebrow{ padding: 7px 12px; border-radius: var(--radius-pill); background: var(--color-primary-soft); border: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent); }
.eyebrow-dot, .live-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--color-secondary); box-shadow: 0 0 0 5px color-mix(in srgb, var(--color-secondary) 15%, transparent); }
/* Long Persian hero headline: keep it visually aligned with the rest of the site. */
.hero h1{ font-size: var(--font-size-hero); margin-bottom: 24px; max-width: 720px; font-weight: 900; }
#heroTitle{
  font-family: var(--font-family);
  font-size: clamp(1.65rem, 2.6vw, 2.65rem);
  font-weight: 800;
  line-height: 1.6;
  letter-spacing: 0;
  max-width: 680px;
  text-wrap: balance;
}
.gradient-text{ color: var(--color-primary-hover); background: linear-gradient(90deg, var(--color-primary-hover), var(--color-primary) 48%, var(--color-secondary)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-content > p{ font-size: 1.18rem; color: var(--color-text-secondary); max-width: 680px; line-height: 2; margin-bottom: 32px; }
.hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; }
.play-icon{ width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; background: var(--color-primary-soft); color: var(--color-primary); }
.play-icon svg{ width: 14px; height: 14px; }
.hero-proof{ display: flex; align-items: center; gap: 14px; margin-top: 34px; color: var(--color-text-muted); font-size: .82rem; }
.hero-proof strong{ color: var(--color-text-primary); }
.avatar-stack{ display: flex; direction: ltr; }
.avatar-stack span{ width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); color: var(--color-charcoal); font-size: .74rem; font-weight: 800; border: 3px solid var(--color-background); margin-left: -10px; }
.avatar-stack span:nth-child(2){ background: linear-gradient(135deg, var(--color-negative), var(--color-primary)); }
.avatar-stack span:nth-child(3){ background: linear-gradient(135deg, var(--color-neutral), var(--color-neutral-light)); color: var(--color-charcoal); }
.avatar-stack span:nth-child(4){ background: linear-gradient(135deg, #FCD535, #F0B90B); }
.proof-stars{ color: var(--color-accent); letter-spacing: 1px; line-height: 1.2; }

.hero-visual{ position: relative; min-height: 570px; display: grid; place-items: center; }
.dashboard-card{ width: min(100%, 515px); background: var(--color-surface); border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border)); box-shadow: var(--shadow-lg); border-radius: 30px; padding: 26px; position: relative; overflow: hidden; }
.dashboard-card::before{ content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)); }
.featured-blogger-card{ cursor: pointer; transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; outline: none; }
.featured-blogger-card:hover{ transform: translateY(-5px); box-shadow: 0 28px 68px color-mix(in srgb, var(--color-primary) 18%, transparent), var(--shadow-lg); border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border)); }
.featured-blogger-card:focus-visible{ box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 20%, transparent), var(--shadow-lg); border-color: var(--color-primary); }
.featured-blogger-card::after{ content: ""; position: absolute; inset: 5px 0 auto; height: 64px; pointer-events: none; background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 7%, transparent), transparent); }
.dashboard-head{ display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 24px; }
.dashboard-head img{ width: 72px; height: 72px; border-radius: 22px; box-shadow: var(--shadow-sm); border: 3px solid var(--color-surface); }
.dashboard-head h2{ font-size: 1.45rem; margin: 3px 0 1px; }
.micro-label{ font-size: .72rem; color: var(--color-secondary); font-weight: 800; }
.muted{ color: var(--color-text-muted); }
.dashboard-score-row{ display: grid; grid-template-columns: 120px 1fr; gap: 18px; align-items: center; }
.score-ring{ width: 112px; aspect-ratio: 1; border-radius: 50%; display: grid; place-content: center; text-align: center; background: conic-gradient(var(--color-secondary) calc(var(--score) * 1%), color-mix(in srgb, var(--color-border) 80%, transparent) 0); position: relative; }
.score-ring::before{ content: ""; position: absolute; inset: 9px; border-radius: 50%; background: var(--color-surface); }
.score-ring span, .score-ring small{ position: relative; z-index: 1; }
.score-ring span{ font-size: 1.45rem; font-weight: 900; line-height: 1.2; }
.score-ring small{ color: var(--color-text-muted); font-size: .7rem; }
.dashboard-metrics{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.dashboard-metrics span{ padding: 10px 12px; border-radius: 12px; background: var(--color-surface-subtle); border: 1px solid var(--color-border); color: var(--color-text-muted); font-size: .73rem; }
.dashboard-metrics strong{ display: block; color: var(--color-text-primary); font-size: 1rem; }
.hero-chart-wrap{ margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--color-border); }
.dashboard-click-hint{ margin-top: 16px; min-height: 52px; display: grid; grid-template-columns: 36px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border)); border-radius: 14px; background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 9%, var(--color-surface)), color-mix(in srgb, var(--color-secondary) 7%, var(--color-surface))); }
.dashboard-click-hint > span{ grid-row: 1 / 3; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: var(--color-charcoal); background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); font-size: 1rem; font-weight: 900; }
.dashboard-click-hint strong{ align-self: end; color: var(--color-text-primary); font-size: .8rem; }
.dashboard-click-hint small{ align-self: start; color: var(--color-text-muted); font-size: .67rem; }
.chart-label{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; color: var(--color-text-muted); font-size: .78rem; }
.chart-label strong{ color: var(--color-success); }
.hero-chart{ width: 100%; height: 128px; overflow: visible; }
.floating-card{ position: absolute; display: flex; align-items: center; gap: 10px; background: color-mix(in srgb, var(--color-surface) 94%, transparent); border: 1px solid var(--color-border); box-shadow: var(--shadow-md); border-radius: 17px; padding: 12px 15px; backdrop-filter: blur(12px); animation: float 5s ease-in-out infinite; }
.floating-card strong{ display: block; font-size: .9rem; }
.floating-card small{ display: block; color: var(--color-text-muted); font-size: .68rem; }
.floating-icon{ width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; font-weight: 900; }
.floating-icon.amber{ background: var(--color-accent-soft); color: var(--color-warning); }
.floating-icon.teal{ background: var(--color-secondary-soft); color: var(--color-secondary); }
.floating-icon.purple{ background: var(--color-primary-soft); color: var(--color-primary); }
.floating-card-rating{ top: 52px; left: -18px; animation-delay: -.8s; }
.floating-card-verified{ right: -18px; bottom: 85px; animation-delay: -2.1s; }
.floating-card-campaign{ bottom: 0; left: 76px; animation-delay: -3.2s; }

/* The former homepage smart-search component was removed. */
.field{ display: grid; gap: 6px; }
.field label{ color: var(--color-text-secondary); font-size: .82rem; font-weight: 700; }
.field input, .field select, .field textarea{
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-surface-subtle);
  color: var(--color-text-primary);
  padding: 10px 12px;
  outline: 0;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}
.field textarea{ resize: vertical; min-height: 110px; }
.field input:focus, .field select:focus, .field textarea:focus{ border-color: var(--color-primary); background: var(--color-surface); box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 12%, transparent); }
.field input[aria-invalid="true"], .field select[aria-invalid="true"], .field textarea[aria-invalid="true"]{ border-color: var(--color-error); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-error) 12%, transparent); }
.compact-field select{ min-height: 44px; font-size: .86rem; }
.field-error{ margin: 0; min-height: 1.1em; color: var(--color-error); font-size: .74rem; line-height: 1.5; }

.section-header{ display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 32px; }
.section-header h2{ font-size: var(--font-size-2xl); margin-bottom: 10px; }
.section-header p{ color: var(--color-text-secondary); margin-bottom: 0; max-width: 700px; }
.section-header .section-kicker{ margin-bottom: 7px; }
.section-header.centered{ text-align: center; justify-content: center; align-items: center; }
.section-header.centered p{ margin-inline: auto; }
.results-summary{ display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-pill); background: var(--color-surface); color: var(--color-text-muted); font-size: .78rem; white-space: nowrap; }
.results-summary #resultsCount{ font-weight: 800; color: var(--color-text-primary); }
.results-summary .live-dot{ width: 7px; height: 7px; box-shadow: none; }

.bloggers-section{ padding-top: 86px; }
.blogger-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.blogger-card{ background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-xs); overflow: hidden; transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal); position: relative; isolation: isolate; }
.blogger-card::before{ content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--card-color, var(--color-primary)), color-mix(in srgb, var(--card-color, var(--color-primary)) 32%, var(--color-secondary))); opacity: .9; }
.blogger-card:hover, .blogger-card:focus-within{ transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: color-mix(in srgb, var(--card-color, var(--color-primary)) 30%, var(--color-border)); }
.card-top{ padding: 22px 22px 14px; display: grid; grid-template-columns: 72px minmax(0,1fr) auto; gap: 14px; align-items: start; }
.blogger-avatar-wrap{ position: relative; }
.blogger-avatar{ width: 72px; height: 72px; border-radius: 20px; border: 3px solid var(--color-surface); box-shadow: var(--shadow-sm); background: var(--color-background-alt); }
.verified-badge{ position: absolute; left: -4px; bottom: -4px; width: 25px; height: 25px; display: grid; place-items: center; color: var(--color-on-primary); background: var(--color-primary); border-radius: 50%; border: 3px solid var(--color-surface); }
.verified-badge svg{ width: 12px; height: 12px; }
.blogger-identity{ min-width: 0; }
.blogger-identity h3{ font-size: 1.08rem; margin: 2px 0 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.blogger-username{ color: var(--color-text-muted); font-size: .76rem; display: block; direction: ltr; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.category-line{ margin-top: 8px; display: flex; align-items: center; gap: 6px; color: var(--color-text-secondary); font-size: .78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.category-line svg{ width: 15px; height: 15px; color: var(--card-color, var(--color-primary)); flex: 0 0 auto; }
.favorite-button{ width: 38px; height: 38px; border-radius: 12px; border: 1px solid var(--color-border); background: var(--color-surface-subtle); color: var(--color-text-muted); display: grid; place-items: center; transition: all var(--transition-fast); }
.favorite-button svg{ width: 19px; height: 19px; }
.favorite-button:hover, .favorite-button.is-saved{ color: var(--color-error); background: var(--color-error-soft); border-color: color-mix(in srgb, var(--color-error) 24%, var(--color-border)); }
.favorite-button.is-saved svg{ fill: currentColor; }
.card-badges{ display: flex; flex-wrap: wrap; gap: 7px; padding: 0 22px 14px; min-height: 38px; }
.badge{ display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: var(--radius-pill); font-size: .68rem; font-weight: 800; line-height: 1; }
.badge-popular{ background: var(--color-primary-soft); color: var(--color-primary); }
.badge-special{ background: var(--color-accent-soft); color: var(--color-warning); }
.badge-platform{ background: var(--color-info-soft); color: var(--color-info); }
.card-metrics{ margin: 0 22px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.metric-box{ padding: 10px 8px; border-radius: 12px; background: var(--color-surface-subtle); border: 1px solid var(--color-border); text-align: center; }
.metric-box strong{ display: block; font-size: .95rem; line-height: 1.25; }
.metric-box span{ color: var(--color-text-muted); font-size: .66rem; }
.card-insights{ padding: 17px 22px 12px; display: grid; grid-template-columns: 1fr 116px; gap: 12px; align-items: end; }
.insight-list{ display: grid; gap: 8px; }
.insight-row{ display: flex; justify-content: space-between; gap: 10px; font-size: .72rem; color: var(--color-text-muted); }
.insight-row strong{ color: var(--color-text-primary); }
.insight-row .positive{ color: var(--color-success); }
.mini-chart{ width: 116px; height: 54px; overflow: visible; }
.card-rating{ display: flex; align-items: center; gap: 5px; padding: 0 22px 17px; color: var(--color-text-muted); font-size: .72rem; }
.card-rating .star{ color: var(--color-accent); font-size: 1rem; line-height: 1; }
.card-rating strong{ color: var(--color-text-primary); font-size: .85rem; }
.card-actions{ display: grid; grid-template-columns: 1fr 44px; gap: 8px; padding: 14px 22px 22px; border-top: 1px solid var(--color-border); }
.card-actions .button{ box-shadow: none; }
.card-quick-view{ width: 44px; min-width: 44px; padding: 0; }
.skeleton-card{ height: 470px; border-radius: var(--radius-lg); border: 1px solid var(--color-border); background: linear-gradient(90deg, var(--color-surface) 20%, var(--color-background-alt) 38%, var(--color-surface) 54%); background-size: 220% 100%; animation: shimmer 1.35s infinite linear; }
.empty-state{ max-width: 540px; margin: 10px auto 0; padding: 46px 24px; text-align: center; border: 1px dashed var(--color-border-strong); border-radius: var(--radius-xl); background: var(--color-surface); }
.empty-state svg{ width: 150px; margin: 0 auto 12px; color: var(--color-primary); }
.empty-state h3{ margin-bottom: 8px; }
.empty-state p{ color: var(--color-text-muted); }

.why-section{ background: var(--color-surface-subtle); border-block: 1px solid var(--color-border); }
.benefit-grid{ display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.benefit-card{ position: relative; min-height: 250px; padding: 24px; border-radius: var(--radius-lg); background: var(--color-surface); border: 1px solid var(--color-border); overflow: hidden; transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal); }
.benefit-card:hover{ transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border)); }
.benefit-icon{ width: 54px; height: 54px; display: grid; place-items: center; border-radius: 17px; margin-bottom: 22px; }
.benefit-icon svg{ width: 27px; height: 27px; }
.icon-purple{ color: var(--color-primary); background: var(--color-primary-soft); }
.icon-teal{ color: var(--color-secondary); background: var(--color-secondary-soft); }
.icon-amber{ color: var(--color-warning); background: var(--color-accent-soft); }
.icon-blue{ color: var(--color-info); background: var(--color-info-soft); }
.benefit-card h3{ margin-bottom: 10px; font-size: 1.08rem; }
.benefit-card p{ color: var(--color-text-secondary); font-size: .89rem; margin-bottom: 0; }
.card-index{ position: absolute; left: 18px; bottom: 8px; color: var(--color-border); font-size: 3.1rem; font-weight: 900; line-height: 1; user-select: none; }

.trust-panel{ padding: 52px; border-radius: 34px; background:
  radial-gradient(circle at 86% 0%, rgba(252,213,53,.22), transparent 34%),
  radial-gradient(circle at 12% 100%, rgba(14,203,129,.16), transparent 32%),
  linear-gradient(135deg, var(--color-deep) 0%, var(--color-charcoal) 62%, #262A31 100%); color: #fff; display: grid; grid-template-columns: .95fr 1.05fr; gap: 56px; align-items: center; box-shadow: var(--shadow-lg); position: relative; overflow: hidden; }
.trust-panel::after{ content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; border: 55px solid rgba(255,255,255,.05); left: -80px; bottom: -110px; }
.section-kicker.light{ color: var(--color-primary); }
.trust-copy{ position: relative; z-index: 1; }
.trust-copy h2{ font-size: clamp(1.7rem, 3vw, 2.6rem); margin-bottom: 14px; }
.trust-copy p{ color: rgba(255,255,255,.78); margin-bottom: 20px; }
.trust-badges{ display: flex; flex-wrap: wrap; gap: 8px; }
.trust-badges span{ background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); padding: 6px 10px; border-radius: var(--radius-pill); font-size: .74rem; }
.stats-grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; position: relative; z-index: 1; }
.stat-item{ min-height: 138px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(255,255,255,.17); background: rgba(255,255,255,.09); border-radius: 22px; backdrop-filter: blur(10px); }
.stat-item strong{ font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.1; }
.stat-item span{ color: rgba(255,255,255,.72); font-size: .82rem; margin-top: 6px; }

.cta-section{ padding-top: 20px; }
.cta-card{ min-height: 240px; border-radius: 34px; padding: 46px 50px; display: flex; align-items: center; justify-content: space-between; gap: 36px; color: #fff; background: radial-gradient(circle at 85% 8%, rgba(252,213,53,.22), transparent 31%), radial-gradient(circle at 10% 100%, rgba(14,203,129,.15), transparent 32%), linear-gradient(115deg, var(--color-deep), var(--color-charcoal) 58%, #2B3139); box-shadow: var(--shadow-lg); position: relative; overflow: hidden; }
.cta-card::before, .cta-decoration{ content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.15); }
.cta-card::before{ width: 260px; height: 260px; right: -90px; top: -110px; box-shadow: 0 0 0 45px rgba(255,255,255,.03), 0 0 0 90px rgba(255,255,255,.02); }
.cta-decoration{ width: 220px; height: 220px; left: 28%; bottom: -170px; box-shadow: 0 0 0 36px rgba(255,255,255,.025); }
.cta-card > div:not(.cta-decoration){ position: relative; z-index: 1; }
.cta-kicker{ display: inline-block; margin-bottom: 9px; color: var(--color-primary); font-size: .78rem; font-weight: 800; }
.cta-card h2{ font-size: clamp(1.7rem, 3vw, 2.45rem); margin-bottom: 10px; }
.cta-card p{ color: rgba(255,255,255,.78); margin: 0; }
.cta-actions{ display: flex; gap: 10px; flex: 0 0 auto; }

.site-footer{ margin-top: 90px; padding-top: 74px; background: #0B0E11; color: #e9edf6; }
.footer-grid{ display: grid; grid-template-columns: 1.45fr .75fr .75fr 1.25fr; gap: 56px; padding-bottom: 56px; }
.footer-brand > p{ color: #929AA8; max-width: 390px; margin: 20px 0; }
.social-links{ display: flex; gap: 8px; }
.social-links a{ width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; border: 1px solid #2B3139; background: #181A20; color: #cdd5e3; font-weight: 800; font-size: .78rem; transition: all var(--transition-fast); }
.social-links a:hover{ color: var(--color-on-primary); background: var(--color-primary); border-color: var(--color-primary); transform: translateY(-2px); }
.footer-column, .footer-newsletter{ display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.footer-column h3, .footer-newsletter h3{ color: #fff; font-size: .95rem; margin-bottom: 8px; }
.footer-column a, .footer-link{ color: #929AA8; font-size: .85rem; transition: color var(--transition-fast), transform var(--transition-fast); }
.footer-column a:hover, .footer-link:hover{ color: #fff; transform: translateX(-2px); }
.footer-link{ border: 0; background: transparent; padding: 0; }
.footer-newsletter p{ color: #929AA8; font-size: .85rem; }
.footer-newsletter form{ width: 100%; }
.newsletter-input{ display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; background: #181A20; border: 1px solid #2B3139; padding: 6px; border-radius: 14px; }
.newsletter-input:focus-within{ border-color: #FCD535; box-shadow: 0 0 0 4px rgba(252,213,53,.12); }
.newsletter-input input{ min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: #fff; padding-inline: 8px; direction: ltr; text-align: left; }
.newsletter-input input::placeholder{ color: #6f7b90; }
.footer-newsletter .field-error{ color: #ff91a0; }
.footer-bottom{ min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #181A20; color: #7e899b; font-size: .78rem; }
.footer-bottom p{ margin: 0; }

.back-to-top{ position: fixed; left: 22px; bottom: 22px; z-index: 300; width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); color: var(--color-primary); box-shadow: var(--shadow-md); opacity: 0; visibility: hidden; transform: translateY(12px); transition: all var(--transition-normal); }
.back-to-top.is-visible{ opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover{ background: var(--color-primary); color: var(--color-on-primary); border-color: var(--color-primary); }
.back-to-top svg{ width: 22px; height: 22px; }

.modal{ position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; }
.modal-backdrop{ position: absolute; inset: 0; background: var(--color-overlay); backdrop-filter: blur(7px); opacity: 0; transition: opacity var(--transition-normal); }
.modal-panel{ position: relative; z-index: 1; width: min(100%, 610px); max-height: min(90vh, 900px); overflow: auto; overscroll-behavior: contain; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 26px; box-shadow: var(--shadow-lg); padding: 30px; opacity: 0; transform: translateY(20px) scale(.985); transition: opacity var(--transition-normal), transform var(--transition-normal); outline: none; }
.modal.is-open .modal-backdrop{ opacity: 1; }
.modal.is-open .modal-panel{ opacity: 1; transform: translateY(0) scale(1); }
.modal-panel-profile{ width: min(100%, 1120px); padding: 0; }
.modal-panel-auth{ width: min(100%, 620px); }
.modal-panel-medium{ width: min(100%, 690px); }
.modal-close{ position: sticky; float: left; top: 12px; left: 12px; z-index: 8; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--color-border); border-radius: 13px; background: color-mix(in srgb, var(--color-surface) 94%, transparent); color: var(--color-text-secondary); box-shadow: var(--shadow-sm); backdrop-filter: blur(10px); }
.modal-close:hover{ color: var(--color-error); background: var(--color-error-soft); }
.modal-close svg{ width: 20px; height: 20px; }
.modal-simple-head{ display: flex; gap: 14px; align-items: center; margin-bottom: 24px; padding-inline-end: 46px; }
.modal-simple-head h2{ margin: 0 0 4px; font-size: 1.35rem; }
.modal-simple-head p{ margin: 0; color: var(--color-text-muted); font-size: .86rem; }
.collaboration-brands-modal{ width: min(100%, 760px); }
.collaboration-modal-head{ align-items: flex-start; }
.collaboration-modal-icon{ background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 18%, var(--color-surface)), color-mix(in srgb, var(--color-secondary) 16%, var(--color-surface))); color: var(--color-primary); }
.collaboration-modal-kicker{ display: block; margin-bottom: 4px; color: var(--color-secondary); font-size: .7rem; font-weight: 850; }
.collaboration-brand-grid{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.collaboration-brand-card{ min-width: 0; display: grid; grid-template-columns: 50px minmax(0,1fr); grid-template-rows: auto auto; gap: 0 12px; align-items: center; padding: 15px; border: 1px solid var(--color-border); border-radius: 18px; background: var(--color-surface-subtle); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.collaboration-brand-card:hover{ transform: translateY(-2px); border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border)); box-shadow: var(--shadow-sm); }
.collaboration-brand-mark{ grid-row: 1 / 3; width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; color: #fff; font-family: Arial, sans-serif; font-size: 1.2rem; font-weight: 900; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); }
.collaboration-brand-card div{ min-width: 0; }
.collaboration-brand-card strong{ display: block; color: var(--color-text-primary); font-size: .96rem; }
.collaboration-brand-card div span{ display: block; margin-top: 3px; color: var(--color-text-muted); font-size: .73rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.collaboration-brand-card > small{ grid-column: 2; margin-top: 7px; color: var(--color-secondary); font-size: .66rem; font-weight: 750; }
.brand-nike .collaboration-brand-mark{ background: linear-gradient(135deg, #10131a, #3a404c); }
.brand-herbalife .collaboration-brand-mark{ background: linear-gradient(135deg, #168447, #42b96b); }
.brand-binance .collaboration-brand-mark{ background: linear-gradient(135deg, #d5a500, #f3c62f); color: #19160c; }
.brand-clear .collaboration-brand-mark{ background: linear-gradient(135deg, #174da8, #40a7e8); }
.brand-armani .collaboration-brand-mark{ background: linear-gradient(135deg, #2a2930, #77717c); }
.brand-tag .collaboration-brand-mark{ background: linear-gradient(135deg, #b1142b, #e24e61); }
.collaboration-modal-actions{ display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--color-border); }
.modal-icon{ width: 50px; height: 50px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 16px; color: var(--color-primary); background: var(--color-primary-soft); }
.modal-icon.teal-bg{ color: var(--color-secondary); background: var(--color-secondary-soft); }
.modal-icon svg{ width: 25px; height: 25px; }

.auth-brand{ display: flex; align-items: center; gap: 13px; padding-inline-end: 45px; margin-bottom: 22px; }
.mini-brand-mark{ width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; color: var(--color-charcoal); background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); font-weight: 900; direction: ltr; }
.auth-brand h2{ font-size: 1.35rem; margin: 0 0 3px; }
.auth-brand p{ margin: 0; color: var(--color-text-muted); font-size: .84rem; }
.auth-tabs{ display: grid; grid-template-columns: repeat(2,1fr); gap: 5px; padding: 5px; margin-bottom: 22px; background: var(--color-background-alt); border-radius: 13px; }
.auth-tabs button{ min-height: 42px; border: 0; border-radius: 10px; background: transparent; color: var(--color-text-muted); font-weight: 800; }
.auth-tabs button[aria-selected="true"]{ background: var(--color-surface); color: var(--color-primary); box-shadow: var(--shadow-xs); }
.stack-form{ display: grid; gap: 12px; }
.two-fields{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.password-field{ position: relative; }
.password-field input{ padding-left: 72px; }
.password-toggle{ position: absolute; left: 7px; top: 50%; transform: translateY(-50%); border: 0; border-radius: 8px; background: var(--color-background-alt); color: var(--color-text-muted); padding: 6px 9px; font-size: .72rem; }
.form-options{ display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.check-label{ display: flex; align-items: flex-start; gap: 8px; color: var(--color-text-secondary); font-size: .8rem; cursor: pointer; }
.check-label input{ width: 17px; height: 17px; margin-top: 3px; accent-color: var(--color-primary); }
.form-switch{ text-align: center; color: var(--color-text-muted); font-size: .82rem; margin: 2px 0 0; }
.form-switch button{ border: 0; background: transparent; color: var(--color-primary); font-weight: 800; }

.profile-hero{ padding: 34px 34px 28px; background: radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--color-secondary) 22%, transparent), transparent 36%), linear-gradient(145deg, var(--color-surface-subtle), var(--color-surface)); border-bottom: 1px solid var(--color-border); }
.profile-main-row{ display: grid; grid-template-columns: 126px minmax(0,1fr) auto; gap: 22px; align-items: center; }
.profile-avatar{ width: 126px; height: 126px; border-radius: 30px; border: 5px solid var(--color-surface); box-shadow: var(--shadow-md); }
.profile-title-row{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.profile-title-row h2{ font-size: 1.8rem; margin: 0; }
.profile-verified{ width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--color-primary); color: var(--color-on-primary); }
.profile-verified svg{ width: 13px; height: 13px; }
.profile-english{ color: var(--color-text-muted); font-size: .86rem; margin-top: 2px; }
.profile-meta-line{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.profile-meta-line span{ display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: var(--radius-pill); background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-text-secondary); font-size: .73rem; }
.status-pill{ color: var(--color-success) !important; background: var(--color-success-soft) !important; border-color: color-mix(in srgb, var(--color-success) 22%, var(--color-border)) !important; }
.profile-actions{ display: flex; flex-direction: column; gap: 8px; min-width: 176px; }
.profile-actions-secondary{ display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.profile-actions-secondary .button{ padding-inline: 10px; }
.profile-summary{ margin: 20px 0 0; color: var(--color-text-secondary); max-width: 820px; }
.profile-tabs-wrap{ padding: 26px 34px 34px; }
.profile-stat-grid{ display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; margin-bottom: 24px; }
.profile-stat{ padding: 14px 10px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface-subtle); text-align: center; }
.profile-stat strong{ display: block; font-size: 1.08rem; }
.profile-stat span{ color: var(--color-text-muted); font-size: .67rem; }
.profile-content-grid{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; }
.profile-panel{ border: 1px solid var(--color-border); border-radius: 18px; background: var(--color-surface); padding: 20px; }
.profile-panel h3{ font-size: 1rem; margin-bottom: 16px; }
.large-chart{ width: 100%; height: 190px; overflow: visible; }
.chart-legend{ display: flex; justify-content: space-between; gap: 12px; color: var(--color-text-muted); font-size: .72rem; margin-top: 8px; }
.chart-legend strong{ color: var(--color-success); }
.platform-list{ display: flex; flex-wrap: wrap; gap: 8px; }
.platform-chip{ display: inline-flex; gap: 6px; align-items: center; padding: 8px 11px; border-radius: 11px; border: 1px solid var(--color-border); background: var(--color-surface-subtle); font-size: .75rem; font-weight: 700; }
.platform-chip::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--color-primary); }
.recent-content-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.content-card{ min-height: 120px; padding: 14px; border-radius: 15px; background: linear-gradient(150deg, var(--color-primary-soft), var(--color-surface-subtle)); border: 1px solid var(--color-border); display: flex; flex-direction: column; justify-content: space-between; }
.content-card span{ color: var(--color-primary); font-size: .68rem; font-weight: 800; }
.content-card h4{ margin: 8px 0 14px; font-size: .85rem; }
.content-meta{ display: flex; justify-content: space-between; gap: 8px; color: var(--color-text-muted); font-size: .65rem; }
.review-list{ display: grid; gap: 10px; }
.review-item{ padding: 14px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface-subtle); }
.review-head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.review-author-button{ display: flex; align-items: center; gap: 9px; min-width: 0; border: 0; background: transparent; text-align: right; padding: 0; }
.review-avatar{ width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); color: var(--color-charcoal); font-size: .7rem; font-weight: 800; }
.review-author-button strong{ display: block; font-size: .8rem; }
.review-author-button span{ display: block; color: var(--color-text-muted); font-size: .66rem; }
.review-rating{ color: var(--color-accent); font-size: .76rem; white-space: nowrap; }
.review-text{ margin: 10px 0 7px; color: var(--color-text-secondary); font-size: .78rem; }
.review-date{ color: var(--color-text-muted); font-size: .66rem; }
.reviewer-profile{ margin-top: 10px; padding: 10px; border-radius: 10px; background: var(--color-primary-soft); color: var(--color-text-secondary); font-size: .72rem; }
.full-profile-link{ margin-top: 18px; }

.favorites-list{ display: grid; gap: 10px; }
.favorite-list-item{ display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--color-border); border-radius: 15px; background: var(--color-surface-subtle); }
.favorite-list-item img{ width: 58px; height: 58px; border-radius: 16px; }
.favorite-list-item h3{ font-size: .92rem; margin: 0 0 2px; }
.favorite-list-item p{ font-size: .72rem; color: var(--color-text-muted); margin: 0; }
.favorite-item-actions{ display: flex; gap: 6px; }
.favorite-item-actions button{ width: 38px; height: 38px; padding: 0; }
.favorites-empty{ text-align: center; padding: 30px 10px; color: var(--color-text-muted); }
.favorites-empty svg{ width: 62px; height: 62px; margin: 0 auto 12px; color: var(--color-primary); opacity: .65; }

.legal-content{ padding-inline-end: 44px; }
.legal-content h2{ font-size: 1.4rem; }
.legal-content h3{ font-size: 1rem; margin-top: 20px; }
.legal-content p{ color: var(--color-text-secondary); font-size: .86rem; }

.toast-region{ position: fixed; left: 22px; bottom: 82px; z-index: 1500; display: grid; gap: 10px; width: min(calc(100vw - 44px), 390px); pointer-events: none; }
.toast{ display: grid; grid-template-columns: 38px minmax(0,1fr) 28px; align-items: center; gap: 10px; padding: 12px; background: var(--color-surface-elevated); border: 1px solid var(--color-border); border-radius: 15px; box-shadow: var(--shadow-lg); pointer-events: auto; animation: toastIn var(--transition-normal) both; }
.toast.is-leaving{ animation: toastOut var(--transition-normal) both; }
.toast-icon{ width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; font-weight: 900; }
.toast-success .toast-icon{ color: var(--color-success); background: var(--color-success-soft); }
.toast-error .toast-icon{ color: var(--color-error); background: var(--color-error-soft); }
.toast-info .toast-icon{ color: var(--color-info); background: var(--color-info-soft); }
.toast strong{ display: block; font-size: .83rem; }
.toast p{ margin: 2px 0 0; color: var(--color-text-muted); font-size: .72rem; line-height: 1.5; }
.toast-close{ width: 28px; height: 28px; border: 0; background: transparent; color: var(--color-text-muted); border-radius: 8px; }
.toast-close:hover{ background: var(--color-background-alt); color: var(--color-text-primary); }
.noscript-message{ position: fixed; inset: auto 0 0; z-index: 2000; padding: 12px; text-align: center; color: #fff; background: #b42318; }

.reveal{ opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.reveal.is-visible{ opacity: 1; transform: translateY(0); }

@keyframes spin { to{ transform: rotate(360deg); } }
@keyframes float { 0%, 100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } }
@keyframes shimmer { from{ background-position: 120% 0; } to{ background-position: -120% 0; } }
@keyframes toastIn { from{ opacity: 0; transform: translateY(14px) scale(.98); } to{ opacity: 1; transform: translateY(0) scale(1); } }
@keyframes toastOut { to{ opacity: 0; transform: translateY(10px) scale(.98); } }

@media (prefers-reduced-motion: reduce) {
  html{ scroll-behavior: auto; }
  *, *::before, *::after{ animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .reveal{ opacity: 1; transform: none; }
}

/* Dedicated profile page */
.profile-page-body{ background: var(--color-background); }
.profile-page-header .profile-breadcrumb{ margin-inline-end: auto; display: flex; align-items: center; gap: 8px; color: var(--color-text-muted); font-size: .84rem; }
.profile-breadcrumb a:hover{ color: var(--color-primary); }
.profile-page-main{ padding: 44px 0 90px; }
.profile-page-loading{ max-width: 100%; }
.profile-page-loading .skeleton-card{ height: 720px; }
.profile-page-hero{ background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 30px; box-shadow: var(--shadow-sm); overflow: hidden; }
.profile-page-cover{ min-height: 190px; padding: 26px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; background:
  radial-gradient(circle at 82% 8%, rgba(252,213,53,.28), transparent 29%),
  radial-gradient(circle at 12% 110%, rgba(14,203,129,.18), transparent 34%),
  linear-gradient(115deg, var(--color-deep), var(--color-charcoal) 62%, #272B32); position: relative; }
.profile-page-cover::after{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.18) 1px, transparent 0); background-size: 24px 24px; mask-image: linear-gradient(90deg, black, transparent 75%); opacity: .55; }
.profile-page-badge{ position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: var(--radius-pill); color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(8px); font-size: .76rem; font-weight: 800; }
.profile-page-badge::before{ content: "✓"; color: var(--color-primary); }
.profile-page-hero-actions{ position: relative; z-index: 1; display: flex; gap: 8px; }
.profile-page-hero-actions .button{ background: rgba(255,255,255,.92); border-color: rgba(255,255,255,.28); color: #0B0E11; }
.profile-page-hero-actions .button:hover{ background: #fff; }
.profile-page-favorite.is-saved{ color: #F6465D; }
.profile-page-favorite.is-saved svg{ fill: currentColor; }
.profile-page-identity{ display: grid; grid-template-columns: 150px minmax(0,1fr) auto; align-items: end; gap: 22px; padding: 0 34px; margin-top: -68px; position: relative; z-index: 2; }
.profile-page-identity > img{ width: 150px; height: 150px; border-radius: 34px; border: 6px solid var(--color-surface); box-shadow: var(--shadow-md); }
.profile-page-name{ padding-bottom: 12px; }
.profile-page-name h1{ margin: 0; font-size: clamp(1.8rem,3vw,2.5rem); }
.profile-page-name > p{ color: var(--color-text-muted); margin: 3px 0 0; }
.profile-page-identity > .button{ margin-bottom: 12px; }
.profile-page-bio{ max-width: 940px; margin: 26px 34px 0; color: var(--color-text-secondary); font-size: .96rem; }
.profile-page-stats{ display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; padding: 26px 34px 32px; }
.profile-page-stats > div{ min-height: 88px; display: grid; place-content: center; text-align: center; border-radius: 15px; background: var(--color-surface-subtle); border: 1px solid var(--color-border); }
.profile-page-stats strong{ display: block; font-size: 1.15rem; }
.profile-page-stats span{ color: var(--color-text-muted); font-size: .7rem; }
.profile-page-layout{ display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 22px; margin-top: 22px; align-items: start; }
.profile-page-primary{ display: grid; gap: 22px; }
.profile-page-section, .profile-page-side-card{ background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 22px; box-shadow: var(--shadow-xs); }
.profile-page-section{ padding: 26px; }
.profile-page-section-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.profile-page-section-head .section-kicker{ margin-bottom: 4px; }
.profile-page-section-head h2{ margin: 0; font-size: 1.32rem; }
.trend-positive{ color: var(--color-success); background: var(--color-success-soft); padding: 7px 10px; border-radius: var(--radius-pill); font-size: .76rem; }
.profile-page-chart{ width: 100%; height: 240px; overflow: visible; }
.profile-chart-axis{ display: flex; justify-content: space-between; color: var(--color-text-muted); font-size: .7rem; }
.profile-page-sidebar{ display: grid; gap: 18px; position: sticky; top: calc(var(--header-height) + 18px); }
.profile-page-side-card{ padding: 22px; }
.profile-page-side-card h2{ font-size: 1rem; margin-bottom: 16px; }
.score-card{ text-align: center; }
.score-card .score-ring{ margin: 0 auto 14px; }
.score-card ul{ list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 9px; }
.score-card li{ display: flex; justify-content: space-between; gap: 10px; padding-top: 9px; border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: .76rem; }
.score-card li strong{ color: var(--color-success); }
.profile-detail-list{ display: grid; gap: 0; margin: 0; }
.profile-detail-list div{ display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--color-border); font-size: .76rem; }
.profile-detail-list div:last-child{ border-bottom: 0; }
.profile-detail-list dt{ color: var(--color-text-muted); }
.profile-detail-list dd{ margin: 0; font-weight: 800; }
.profile-page-content-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.profile-page-content-card{ border: 1px solid var(--color-border); border-radius: 17px; overflow: hidden; background: var(--color-surface-subtle); }
.content-cover{ min-height: 150px; padding: 14px; display: flex; justify-content: space-between; align-items: flex-start; color: #fff; position: relative; overflow: hidden; }
.content-cover::after{ content: ""; position: absolute; width: 140px; height: 140px; border-radius: 50%; border: 32px solid rgba(255,255,255,.09); left: -38px; bottom: -52px; }
.content-cover span, .content-cover strong{ position: relative; z-index: 1; }
.content-cover span{ padding: 5px 8px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); border-radius: var(--radius-pill); font-size: .67rem; }
.content-cover strong{ font-size: 2rem; opacity: .45; }
.cover-1{ background: linear-gradient(135deg, #FCD535, #F0B90B); }
.cover-2{ background: linear-gradient(135deg, #0ECB81, #2AD899); }
.cover-3{ background: linear-gradient(135deg, #F0B90B, #FCD535); }
.cover-1, .cover-2, .cover-3{ color: var(--color-charcoal); }
.content-card-copy{ padding: 14px; }
.content-card-copy h3{ font-size: .9rem; margin-bottom: 10px; }
.content-card-copy > div{ display: flex; justify-content: space-between; gap: 8px; color: var(--color-text-muted); font-size: .67rem; }
.profile-page-reviews{ display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.profile-page-review{ border: 1px solid var(--color-border); border-radius: 16px; padding: 16px; background: var(--color-surface-subtle); }
.profile-page-review > p{ color: var(--color-text-secondary); font-size: .8rem; margin: 12px 0; }
.profile-review-bottom{ display: flex; justify-content: space-between; gap: 10px; color: var(--color-text-muted); font-size: .67rem; }
.review-summary{ color: var(--color-text-muted); font-size: .74rem; }
.profile-collaboration-section{ margin-top: 22px; padding: 40px; border-radius: 28px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 48px; align-items: center; color: #fff; background:
  radial-gradient(circle at 15% 0%, rgba(252,213,53,.22), transparent 31%),
  radial-gradient(circle at 90% 100%, rgba(14,203,129,.14), transparent 34%),
  linear-gradient(135deg, var(--color-deep), var(--color-charcoal) 58%, #2B3139); box-shadow: var(--shadow-lg); }
.profile-collaboration-copy h2{ font-size: clamp(1.6rem,3vw,2.3rem); }
.profile-collaboration-copy p{ color: rgba(255,255,255,.75); }
.profile-collaboration-form{ display: grid; gap: 10px; padding: 22px; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; background: rgba(255,255,255,.09); backdrop-filter: blur(10px); }
.profile-collaboration-form .field label{ color: rgba(255,255,255,.83); }
.profile-collaboration-form .field input, .profile-collaboration-form .field select, .profile-collaboration-form .field textarea{ background: rgba(255,255,255,.96); color: #181A20; border-color: transparent; }
.profile-collaboration-form .field-error{ color: #ffd4da; }
.profile-page-footer{ background: #0B0E11; color: #aeb7c8; }
.profile-page-footer .footer-bottom{ border: 0; }
.profile-page-footer a:hover{ color: #fff; }
.profile-not-found{ margin: 90px auto; max-width: 600px; padding: 46px 24px; text-align: center; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 26px; }
.profile-not-found svg{ width: 150px; margin: 0 auto; color: var(--color-primary); }
.profile-not-found p{ color: var(--color-text-muted); }

/* User feedback navigation */
.nav-dropdown{ position: relative; display: flex; align-items: center; }
.nav-dropdown-trigger{ border: 0; background: transparent; font-family: inherit; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; cursor: pointer; }
.nav-dropdown-trigger > svg{ width: 16px; height: 16px; transition: transform var(--transition-fast); }
.nav-dropdown:hover .nav-dropdown-trigger > svg, .nav-dropdown:focus-within .nav-dropdown-trigger > svg{ transform: rotate(180deg); }
.nav-dropdown.is-active > .nav-dropdown-trigger{ color: var(--color-primary); background: var(--color-primary-soft); }
.nav-dropdown.is-active > .nav-dropdown-trigger::after{ transform: scaleX(1); }
.nav-dropdown-menu{
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 286px;
  padding: 8px;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: color-mix(in srgb, var(--color-surface) 96%, transparent);
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-7px) scale(.98);
  transform-origin: top right;
  transition: opacity var(--transition-fast), visibility var(--transition-fast), transform var(--transition-fast);
  z-index: 560;
}
.nav-dropdown-menu::before{ content: ""; position: absolute; right: 0; left: 0; top: -12px; height: 14px; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu{ opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
.nav-dropdown-menu > a{ display: grid; grid-template-columns: 43px 1fr; align-items: center; gap: 11px; padding: 11px; border-radius: 13px; color: var(--color-text-secondary); transition: background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast); }
.nav-dropdown-menu > a:hover, .nav-dropdown-menu > a:focus-visible, .nav-dropdown-menu > a.is-active{ color: var(--color-primary); background: var(--color-primary-soft); transform: translateX(-2px); }
.nav-dropdown-menu strong{ display: block; color: var(--color-text-primary); font-size: .86rem; margin-bottom: 2px; }
.nav-dropdown-menu a:hover strong, .nav-dropdown-menu a.is-active strong{ color: var(--color-primary); }
.nav-dropdown-menu small{ display: block; color: var(--color-text-muted); font-size: .68rem; line-height: 1.65; }
.nav-dropdown-icon{ width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; background: var(--color-primary-soft); color: var(--color-primary); }
.nav-dropdown-icon svg{ width: 22px; height: 22px; }

.mobile-feedback-menu{ border: 1px solid transparent; border-radius: 13px; overflow: hidden; }
.mobile-feedback-menu[open]{ border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border)); background: var(--color-primary-soft); }
.mobile-feedback-menu summary{ min-height: 48px; padding: 11px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; list-style: none; color: var(--color-text-secondary); font-weight: 800; cursor: pointer; }
.mobile-feedback-menu summary::-webkit-details-marker{ display: none; }
.mobile-feedback-menu summary svg{ width: 18px; height: 18px; transition: transform var(--transition-fast); }
.mobile-feedback-menu[open] summary{ color: var(--color-primary); }
.mobile-feedback-menu[open] summary svg{ transform: rotate(180deg); }
.mobile-feedback-submenu{ display: grid; gap: 5px; padding: 0 8px 8px; }
.mobile-nav-links .mobile-feedback-submenu a{ display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 12px; background: var(--color-surface); border: 1px solid var(--color-border); }
.mobile-nav-links .mobile-feedback-submenu a.is-active{ color: var(--color-primary); border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border)); }
.mobile-feedback-submenu strong{ font-size: .82rem; }
.mobile-feedback-submenu small{ color: var(--color-text-muted); font-size: .69rem; }

/* Blogger profile dashboard — reference-inspired redesign */
.profile-page-body{
  --profile-chart-secondary: #FCD535;
  --profile-success: #0ECB81;
  --profile-success-soft: var(--color-success-soft);
  --profile-card-shadow: 0 14px 38px rgba(24, 26, 32, .07);
  background:
    radial-gradient(circle at 82% 8%, rgba(240, 185, 11, .08), transparent 24%),
    var(--color-background);
}

.profile-page-main{ padding: 34px 0 88px; }
.blogger-dashboard{
  display: grid;
  grid-template-columns: minmax(290px, 348px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
.blogger-profile-card, .analytics-card, .analytics-summary-card, .analytics-brands-card{
  border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
  background: color-mix(in srgb, var(--color-surface) 98%, transparent);
  box-shadow: var(--profile-card-shadow);
}
.blogger-profile-card{
  position: sticky;
  top: calc(var(--header-height) + 18px);
  min-height: 808px;
  padding: 28px 24px 22px;
  border-radius: 26px;
  overflow: hidden;
  text-align: center;
}
.blogger-profile-decoration{
  position: absolute;
  top: 28px;
  left: 24px;
  width: 68px;
  height: 68px;
  opacity: .58;
  background-image: radial-gradient(circle, var(--color-primary) 1.6px, transparent 1.8px);
  background-size: 12px 12px;
  mask-image: linear-gradient(135deg, #000, transparent 78%);
  pointer-events: none;
}
.blogger-card-actions{
  min-height: 46px;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  position: relative;
  z-index: 2;
}
.blogger-card-actions .profile-page-favorite, .profile-card-icon-button{
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: 13px;
  color: var(--color-text-muted);
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}
.blogger-card-actions .profile-page-favorite span{ display: none; }
.blogger-card-actions .profile-page-favorite svg, .profile-card-icon-button svg{ width: 18px; height: 18px; }
.profile-card-icon-button{ cursor: pointer; transition: var(--transition-fast); }
.profile-card-icon-button:hover, .blogger-card-actions .profile-page-favorite:hover{
  color: var(--color-primary-active);
  border-color: var(--color-border-strong);
  transform: translateY(-1px);
}
.blogger-profile-card .blogger-avatar-wrap{
  width: 174px;
  height: 174px;
  margin: 0 auto 18px;
  position: relative;
  padding: 6px;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--color-primary), var(--color-primary-soft) 48%, var(--color-primary));
  box-shadow: 0 18px 38px rgba(240, 185, 11, .17);
}
.blogger-profile-card .blogger-avatar-wrap::before{
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
  border-radius: inherit;
}
.blogger-profile-card .blogger-avatar-wrap img{
  width: 100%;
  height: 100%;
  position: relative;
  border: 5px solid var(--color-surface);
  border-radius: 50%;
  background: var(--color-surface-subtle);
}
.blogger-verified-badge{
  position: absolute;
  left: 4px;
  bottom: 20px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 4px solid var(--color-surface);
  border-radius: 13px;
  color: #fff;
  background: var(--color-primary);
  transform: rotate(8deg);
  box-shadow: var(--shadow-sm);
}
.blogger-verified-badge svg{ width: 18px; height: 18px; transform: rotate(-8deg); }
.blogger-profile-heading .profile-title-row{ justify-content: center; }
.blogger-profile-heading h1{ margin: 0; font-size: clamp(1.65rem, 2.8vw, 2.15rem); }
.inline-verified{
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--color-primary);
}
.inline-verified svg{ width: 14px; height: 14px; }
.blogger-profile-heading > p{ margin: 6px 0 10px; color: var(--color-text-muted); font-size: .78rem; }
.blogger-category-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 5px 13px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  color: var(--color-text-secondary);
  background: var(--color-surface-subtle);
  font-size: .76rem;
  font-weight: 800;
}
.blogger-rating{ margin-top: 17px; }
.blogger-rating > span{
  display: block;
  color: var(--color-accent);
  font-size: 1.42rem;
  letter-spacing: .08em;
  line-height: 1;
}
.blogger-rating p{ margin: 9px 0 0; color: var(--color-text-muted); font-size: .76rem; }
.blogger-rating strong{ color: var(--color-text-primary); }
.blogger-profile-mini-stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 28px 0 24px;
  padding: 24px 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
.blogger-profile-mini-stats > div{
  min-width: 0;
  padding: 0 8px;
  display: grid;
  justify-items: center;
  gap: 3px;
  border-inline-end: 1px dashed color-mix(in srgb, var(--color-border) 80%, transparent);
}
.blogger-profile-mini-stats > div:last-child{ border-inline-end: 0; }
.mini-stat-icon, .summary-icon{
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  margin-bottom: 4px;
}
.mini-stat-icon svg, .summary-icon svg{ width: 23px; height: 23px; }
.mini-stat-icon.engagement, .summary-icon.engagement{ color: var(--profile-success); }
.mini-stat-icon.followers, .summary-icon.followers{ color: var(--color-primary-active); }
.mini-stat-icon.views, .summary-icon.views{ color: var(--profile-chart-secondary); }
.summary-icon.content{ color: var(--color-primary); }
.blogger-profile-mini-stats small{ color: var(--color-text-muted); font-size: .64rem; white-space: nowrap; }
.blogger-profile-mini-stats strong{ font-size: 1rem; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.blogger-profile-cta{ display: grid; gap: 10px; }
.blogger-profile-cta .button{ width: 100%; }
.blogger-trust-note{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 20px 0 0;
  padding-top: 17px;
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: .67rem;
}
.blogger-trust-note svg{ width: 17px; height: 17px; flex: 0 0 auto; }
.blogger-trust-note strong{ color: var(--color-text-secondary); }
.blogger-analytics-column{ min-width: 0; display: grid; gap: 18px; }
.analytics-heading{
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 4px 2px 0;
}
.analytics-title-wrap{ display: flex; align-items: center; gap: 13px; }
.analytics-heading-icon{
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #181A20;
  background: var(--color-primary-soft);
  border: 1px solid color-mix(in srgb, var(--color-primary) 28%, transparent);
}
.analytics-heading-icon svg{ width: 27px; height: 27px; color: var(--color-primary-active); }
.analytics-heading h2{ margin: 0 0 3px; font-size: 1.45rem; }
.analytics-heading p{ margin: 0; color: var(--color-text-muted); font-size: .77rem; }
.profile-range-control{
  min-width: 188px;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-surface);
  box-shadow: var(--shadow-xs);
}
.profile-range-control select{
  width: 100%;
  border: 0;
  outline: 0;
  color: var(--color-text-secondary);
  background: transparent;
  font-weight: 800;
  font-size: .78rem;
}
.profile-range-control svg{ width: 19px; height: 19px; color: var(--color-text-muted); flex: 0 0 auto; }
.analytics-chart-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.analytics-card{ min-width: 0; padding: 22px 20px 15px; border-radius: 22px; overflow: hidden; }
.analytics-card-head{ display: flex; align-items: flex-start; gap: 12px; margin-bottom: 2px; }
.analytics-card-icon{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  flex: 0 0 auto;
}
.analytics-card-icon svg{ width: 24px; height: 24px; }
.analytics-card-growth .analytics-card-icon{ color: var(--color-primary-active); background: var(--color-primary-soft); }
.analytics-card-views .analytics-card-icon{ color: var(--profile-chart-secondary); background: color-mix(in srgb, var(--profile-chart-secondary) 9%, var(--color-surface)); }
.analytics-card-head > div:last-child{ display: grid; justify-items: start; }
.analytics-card-head span{ color: var(--color-text-secondary); font-size: .78rem; font-weight: 900; }
.analytics-card-head strong{ margin-top: 1px; font-size: 1.65rem; line-height: 1.25; }
.analytics-card-head small{
  margin-top: 5px;
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  color: var(--profile-success);
  background: var(--profile-success-soft);
  font-size: .68rem;
  font-weight: 900;
}
.analytics-card .profile-page-chart{ height: 206px; margin-top: 4px; }
.analytics-card .profile-page-chart line{ opacity: .72; }
.analytics-axis{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: -7px;
  color: var(--color-text-muted);
  font-size: .61rem;
}
.analytics-axis span{ text-align: center; }
.analytics-axis span:first-child{ text-align: right; }
.analytics-axis span:last-child{ text-align: left; }
.analytics-summary-card{
  min-height: 178px;
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  border-radius: 22px;
  overflow: hidden;
}
.analytics-summary-art{
  position: relative;
  display: grid;
  place-items: center;
  color: var(--color-primary-active);
  background:
    radial-gradient(circle at 50% 50%, rgba(252, 213, 53, .20), transparent 44%),
    var(--color-accent-soft);
}
.analytics-summary-art::before, .analytics-summary-art::after{
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border: 2px solid var(--color-primary);
  transform: rotate(45deg);
  opacity: .62;
}
.analytics-summary-art::before{ top: 30px; right: 22px; }
.analytics-summary-art::after{ bottom: 34px; left: 22px; }
.analytics-summary-art svg{
  width: 48px;
  height: 48px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
  border-radius: 14px;
  background: var(--color-surface);
  filter: drop-shadow(0 10px 16px rgba(252, 213, 53, .18));
}
.analytics-summary-content{ padding: 20px 22px; }
.analytics-summary-heading{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.analytics-summary-heading h2{ margin: 0; font-size: 1rem; }
.analytics-summary-heading > span{ color: var(--color-primary); font-size: .8rem; }
.analytics-summary-grid{ display: grid; grid-template-columns: repeat(4, 1fr); }
.analytics-summary-grid > div{
  min-width: 0;
  padding: 0 16px;
  display: grid;
  justify-items: center;
  border-inline-end: 1px solid var(--color-border);
}
.analytics-summary-grid > div:first-child{ padding-inline-start: 0; }
.analytics-summary-grid > div:last-child{ border-inline-end: 0; padding-inline-end: 0; }
.analytics-summary-grid small{ color: var(--color-text-muted); font-size: .66rem; }
.analytics-summary-grid strong{ margin: 2px 0 5px; font-size: 1.05rem; }
.analytics-summary-grid em{
  padding: 2px 7px;
  border-radius: var(--radius-pill);
  color: var(--profile-success);
  background: var(--profile-success-soft);
  font-size: .62rem;
  font-style: normal;
  font-weight: 900;
}
.analytics-brands-card{ padding: 20px 22px 17px; border-radius: 22px; }
.analytics-brands-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.analytics-brands-head h2{ margin: 2px 0 0; font-size: 1.05rem; }
.brands-count{ color: var(--color-text-muted); font-size: .7rem; }
.profile-brand-list{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.profile-brand-chip{
  min-width: 0;
  min-height: 64px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-surface-subtle);
  transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.profile-brand-chip:hover{ transform: translateY(-2px); border-color: var(--color-border-strong); box-shadow: var(--shadow-sm); }
.profile-brand-chip > span{
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  font-size: .8rem;
  font-weight: 950;
}
.profile-brand-chip strong{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .72rem; }
.brand-tone-1 > span{ color: #181A20; background: #FFF8D6; }
.brand-tone-2 > span{ color: #0e7d73; background: #E9FFF6; }
.brand-tone-3 > span{ color: #707A8A; background: #F5F6F7; }
.brand-tone-4 > span{ color: #8a5a00; background: #FFF8D6; }
.brands-more-button{
  margin-top: 14px;
  padding: 0;
  border: 0;
  color: var(--color-primary-active);
  background: transparent;
  font-size: .72rem;
  font-weight: 900;
}
.brands-more-button:hover{ color: var(--color-text-primary); }
.profile-details-grid{ display: grid; grid-template-columns: 1fr; gap: 22px; margin-top: 22px; }
.profile-section-note{ max-width: 590px; color: var(--color-text-muted); font-size: .72rem; line-height: 1.8; text-align: left; }
.profile-page-section{ box-shadow: var(--profile-card-shadow); }
.profile-collaboration-section{ margin-top: 22px; }

@media (max-width: 1180px) {
  .blogger-dashboard{ grid-template-columns: 300px minmax(0, 1fr); }
  .blogger-profile-card{ padding-inline: 18px; }
  .analytics-card{ padding-inline: 16px; }
  .analytics-summary-card{ grid-template-columns: 96px minmax(0, 1fr); }
  .analytics-summary-grid > div{ padding-inline: 10px; }
  .profile-brand-list{ grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 940px) {
  .blogger-dashboard{ grid-template-columns: 1fr; }
  .blogger-profile-card{ position: static; min-height: 0; }
  .blogger-card-actions{ position: absolute; top: 24px; right: 20px; }
  .blogger-profile-card{ max-width: none; }
  .blogger-profile-mini-stats{ max-width: 560px; margin-inline: auto; }
  .blogger-profile-cta{ max-width: 520px; margin-inline: auto; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  .profile-page-main{ padding-top: 22px; }
  .analytics-heading{ align-items: flex-start; flex-direction: column; }
  .profile-range-control{ width: 100%; }
  .analytics-chart-grid{ grid-template-columns: 1fr; }
  .analytics-summary-card{ grid-template-columns: 1fr; }
  .analytics-summary-art{ min-height: 92px; }
  .analytics-summary-art::before{ top: 18px; }
  .analytics-summary-art::after{ bottom: 18px; }
  .profile-page-section-head{ align-items: flex-start; flex-direction: column; }
  .profile-section-note{ max-width: none; text-align: right; }
}

@media (max-width: 560px) {
  .blogger-profile-card{ padding: 20px 14px; border-radius: 21px; }
  .blogger-profile-decoration{ display: none; }
  .blogger-card-actions{ top: 18px; right: 14px; }
  .blogger-profile-card .blogger-avatar-wrap{ width: 142px; height: 142px; margin-top: 32px; }
  .blogger-verified-badge{ width: 34px; height: 34px; bottom: 13px; }
  .blogger-profile-mini-stats{ margin-top: 22px; padding-block: 18px; }
  .blogger-profile-mini-stats > div{ padding-inline: 4px; }
  .blogger-profile-mini-stats small{ font-size: .58rem; }
  .blogger-profile-mini-stats strong{ font-size: .88rem; }
  .blogger-profile-cta{ grid-template-columns: 1fr; }
  .analytics-heading h2{ font-size: 1.25rem; }
  .analytics-card{ padding: 18px 12px 12px; border-radius: 19px; }
  .analytics-card .profile-page-chart{ height: 175px; }
  .analytics-axis{ font-size: .53rem; }
  .analytics-summary-content{ padding: 18px 14px; }
  .analytics-summary-grid{ grid-template-columns: repeat(2, 1fr); gap: 18px 0; }
  .analytics-summary-grid > div{ border-inline-end: 0; }
  .analytics-summary-grid > div:nth-child(odd){ border-inline-end: 1px solid var(--color-border); }
  .profile-brand-list{ grid-template-columns: repeat(2, 1fr); }
  .analytics-brands-head{ align-items: flex-start; flex-direction: column; gap: 5px; }
}

@media (min-width: 941px) {
  .blogger-profile-card{ grid-column: 1; }
  .blogger-analytics-column{ grid-column: 2; }
}

/* Homepage blogger cards: modern presentation with an iBlogger story ring. */
.bloggers-section{
  padding-top: 74px;
  overflow: clip;
}
.bloggers-section .blogger-grid{ align-items: stretch; }
.bloggers-section .blogger-card{
  --blogger-avatar-size: 108px;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 24px;
  box-shadow: 0 8px 28px color-mix(in srgb, var(--color-text-primary) 7%, transparent);
}
.bloggers-section .blogger-card::before{
  height: 5px;
  background: linear-gradient(90deg, var(--card-color, var(--color-primary)), var(--color-primary), var(--color-accent));
  opacity: .96;
}
.bloggers-section .blogger-card::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 84% 4%, color-mix(in srgb, var(--card-color, var(--color-primary)) 10%, transparent), transparent 31%);
}
.bloggers-section .blogger-card:hover, .bloggers-section .blogger-card:focus-within{
  transform: translateY(-4px);
  box-shadow: 0 18px 44px color-mix(in srgb, var(--color-text-primary) 11%, transparent);
}
.bloggers-section .blogger-card:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--card-color, var(--color-primary)) 38%, transparent);
  outline-offset: 4px;
}
.bloggers-section .blogger-card .card-top{
  grid-template-columns: var(--blogger-avatar-size) minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 25px 22px 15px;
}
.bloggers-section .blogger-card .blogger-avatar-wrap{
  width: var(--blogger-avatar-size);
  height: var(--blogger-avatar-size);
  margin: 0;
  padding: 0;
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  border-radius: 50%;
  background: none;
  box-shadow: none;
}
.bloggers-section .blogger-card .blogger-avatar-wrap::before, .bloggers-section .blogger-card .blogger-avatar-wrap::after{
  content: "";
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
  transition: filter var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);
}
.bloggers-section .blogger-card .blogger-avatar-wrap::before{
  inset: 0;
  z-index: 0;
  background: conic-gradient(from 220deg, var(--card-color, var(--color-primary)), var(--color-primary), var(--color-accent), var(--color-secondary), var(--color-charcoal), var(--card-color, var(--color-primary)));
  box-shadow: 0 7px 18px color-mix(in srgb, var(--card-color, var(--color-primary)) 18%, transparent);
}
.bloggers-section .blogger-card .blogger-avatar-wrap::after{
  inset: 4px;
  z-index: 1;
  background: var(--color-surface);
}
.bloggers-section .blogger-card:hover .blogger-avatar-wrap::before, .bloggers-section .blogger-card:focus-within .blogger-avatar-wrap::before{
  filter: saturate(1.08) brightness(1.05);
  transform: scale(1.018);
  box-shadow: 0 9px 23px color-mix(in srgb, var(--card-color, var(--color-primary)) 25%, transparent);
}
.bloggers-section .blogger-card .blogger-avatar{
  width: calc(var(--blogger-avatar-size) - 14px);
  height: calc(var(--blogger-avatar-size) - 14px);
  display: block;
  position: relative;
  z-index: 2;
  object-fit: cover;
  border: 0;
  border-radius: 50%;
  background: var(--color-background-alt);
  box-shadow: none;
}
.bloggers-section .blogger-card .verified-badge{
  right: auto;
  left: 0;
  bottom: 3px;
  z-index: 4;
  width: 28px;
  height: 28px;
  border-width: 3px;
}
.bloggers-section .blogger-card .blogger-identity h3{ font-size: 1.12rem; }
.bloggers-section .blogger-card .category-line{ margin-top: 9px; }
.bloggers-section .blogger-card .card-badges{ min-height: 38px; }
.bloggers-section .blogger-card .card-actions{
  margin-top: auto;
  padding-top: 15px;
  background: color-mix(in srgb, var(--color-surface-subtle) 64%, transparent);
}
.bloggers-section .blogger-card .card-actions .button{ min-height: 45px; }
.bloggers-section .blogger-card .card-actions a.button{ text-decoration: none; }
.bloggers-section .blogger-card .feedback-trigger{ font-weight: 900; }
.bloggers-section .blogger-card .card-quick-view{ display: grid; place-items: center; }
.local-feedback-pill{
  margin-inline-start: auto;
  padding: 3px 7px;
  border-radius: var(--radius-pill);
  color: var(--color-success);
  background: var(--color-success-soft);
  font-size: .62rem;
  font-weight: 850;
  white-space: nowrap;
}

/* Shared feedback modal */
.feedback-modal-panel{ width: min(100%, 650px); }
.feedback-modal-icon{ color: var(--color-warning); background: var(--color-accent-soft); }
.feedback-form{ gap: 14px; }
.feedback-form .field > input[readonly]{
  color: var(--color-text-secondary);
  background: var(--color-background-alt);
  cursor: default;
}
.optional-label{
  color: var(--color-text-muted);
  font-size: .68rem;
  font-weight: 500;
}
.rating-fieldset{
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.rating-fieldset legend{
  margin-bottom: 8px;
  color: var(--color-text-secondary);
  font-size: .75rem;
  font-weight: 800;
}
.star-rating{
  min-height: 48px;
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  direction: ltr;
}
.star-rating input{
  width: 1px;
  height: 1px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.star-rating label{
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  color: color-mix(in srgb, var(--color-text-muted) 55%, transparent);
  background: var(--color-surface-subtle);
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
  transition: transform var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);
}
.star-rating label:hover{ transform: translateY(-2px); color: var(--color-accent); border-color: color-mix(in srgb, var(--color-accent) 55%, var(--color-border)); }
.star-rating input:focus-visible + label{ outline: 3px solid color-mix(in srgb, var(--color-primary) 25%, transparent); outline-offset: 2px; }
.star-rating input:checked ~ label{
  color: var(--color-accent);
  border-color: color-mix(in srgb, var(--color-accent) 50%, var(--color-border));
  background: var(--color-accent-soft);
}
.feedback-form-actions{
  display: grid;
  grid-template-columns: minmax(120px, .42fr) minmax(180px, 1fr);
  gap: 10px;
  margin-top: 2px;
}
.feedback-form-actions .button{ min-height: 48px; }

@media (max-width: 760px) {
  .bloggers-section{ padding-top: 62px; }
  .bloggers-section .blogger-card{ --blogger-avatar-size: 96px; }
  .bloggers-section .blogger-card .card-top{ gap: 12px; padding: 21px 16px 13px; }
  .bloggers-section .blogger-card .verified-badge{ width: 25px; height: 25px; }
}

@media (max-width: 480px) {
  .bloggers-section{ padding-top: 52px; }
  .bloggers-section .blogger-card{ --blogger-avatar-size: 84px; border-radius: 20px; }
  .bloggers-section .blogger-card .card-top{ gap: 10px; padding: 19px 15px 12px; }
  .bloggers-section .blogger-card .blogger-avatar-wrap::before{ box-shadow: 0 5px 14px color-mix(in srgb, var(--card-color, var(--color-primary)) 17%, transparent); }
  .bloggers-section .blogger-card .verified-badge{ left: -1px; bottom: 1px; width: 23px; height: 23px; }
  .star-rating{ width: 100%; justify-content: space-between; gap: 3px; }
  .star-rating label{ width: 40px; height: 40px; }
  .feedback-form-actions{ grid-template-columns: 1fr; }
}


/* Real-only blogger publishing states */
.hero-proof-real{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding: 10px 13px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary-soft));
}
.hero-proof-real > span{
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #181A20;
  background: var(--color-primary);
  font-weight: 950;
}
.hero-proof-real div{ display: grid; gap: 2px; }
.hero-proof-real strong{ color: var(--color-text); font-size: .76rem; }
.hero-proof-real small{ color: var(--color-text-muted); font-size: .62rem; }

.verified-data-card{ overflow: hidden; }
.verified-data-mark{
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 13px;
  color: #181A20;
  background: var(--color-primary);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--color-primary) 25%, transparent);
  font-weight: 950;
}
.verification-flow{
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.verification-flow > div{
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--color-border);
  border-radius: 15px;
  background: var(--color-surface-subtle);
}
.verification-flow strong{
  width: 30px;
  height: 30px;
  margin-bottom: 9px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #181A20;
  background: var(--color-primary);
  font-size: .72rem;
}
.verification-flow span{ display: block; color: var(--color-text); font-size: .74rem; font-weight: 850; }
.verification-flow small{ display: block; margin-top: 4px; color: var(--color-text-muted); font-size: .61rem; line-height: 1.7; }
.verified-data-note{ cursor: default; }

.blogger-empty-state{
  grid-column: 1 / -1;
  min-height: 260px;
  padding: 38px 24px;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  border: 1px dashed var(--color-border);
  border-radius: 22px;
  background: var(--color-surface);
}
.blogger-empty-icon{
  width: 54px;
  height: 54px;
  margin-bottom: 12px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: #181A20;
  background: var(--color-primary);
  font-size: 1.35rem;
  font-weight: 950;
}
.blogger-empty-state h3{ margin: 0; color: var(--color-text); font-size: 1.08rem; }
.blogger-empty-state p{ max-width: 580px; margin: 8px 0 18px; color: var(--color-text-muted); font-size: .76rem; line-height: 1.9; }

.card-data-note{
  margin: 2px 17px 13px;
  padding: 9px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 10px;
  color: var(--color-text-muted);
  background: var(--color-background-alt);
  font-size: .58rem;
}
.card-data-note span{ font-weight: 800; }
.card-data-note small{ font-size: .54rem; }
.card-rating-empty{ color: var(--color-text-muted); font-size: .66rem; }



@media (max-width: 760px) {
  .verification-flow{ grid-template-columns: 1fr; }
  .card-data-note{ align-items: flex-start; flex-direction: column; }
}


/* SOURCE css/services.css */
/* iBlogger service modules: opportunities, smart ads, guarantee and benefits */
.desktop-nav .nav-link[data-access-note]::before{
  content: attr(data-access-note);
  position: absolute;
  top: calc(100% + 12px);
  right: 50%;
  width: max-content;
  max-width: 280px;
  padding: 9px 12px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface-elevated);
  color: var(--color-text-secondary);
  box-shadow: var(--shadow-md);
  font-size: .7rem;
  font-weight: 650;
  line-height: 1.7;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transform: translate(50%, -5px);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
  z-index: 40;
}
.desktop-nav .nav-link[data-access-note]:hover::before, .desktop-nav .nav-link[data-access-note]:focus-visible::before{ opacity: 1; transform: translate(50%, 0); }
.mobile-nav-links a{ display: grid; gap: 2px; }
.mobile-nav-links small{ color: var(--color-text-muted); font-size: .68rem; font-weight: 500; }

.solutions-section{
  background:
    radial-gradient(circle at 88% 15%, color-mix(in srgb, var(--color-primary) 13%, transparent), transparent 28%),
    linear-gradient(180deg, var(--color-background-alt), var(--color-background));
  overflow: hidden;
}
.solutions-grid{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.solution-card{
  min-height: 430px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border);
  border-radius: 24px;
  background: color-mix(in srgb, var(--color-surface) 96%, transparent);
  box-shadow: var(--shadow-sm);
  position: relative;
  overflow: hidden;
  transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);
}
.solution-card::after{ content: ""; position: absolute; width: 130px; height: 130px; border-radius: 50%; left: -65px; bottom: -70px; background: color-mix(in srgb, var(--color-primary) 13%, transparent); }
.solution-card:hover{ transform: translateY(-7px); box-shadow: var(--shadow-lg); border-color: var(--color-border-strong); }
.solution-card-top{ display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 24px; }
.solution-icon{ width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; color: var(--color-primary); background: var(--color-primary-soft); border: 1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border)); }
.solution-icon svg{ width: 28px; height: 28px; }
.solution-badge{ padding: 6px 9px; border-radius: 999px; background: var(--color-surface-subtle); border: 1px solid var(--color-border); color: var(--color-text-muted); font-size: .69rem; font-weight: 750; }
.solution-card h3{ font-size: 1.32rem; margin-bottom: 11px; }
.solution-card > p{ color: var(--color-text-secondary); font-size: .88rem; line-height: 1.95; }
.solution-card ul{ display: grid; gap: 8px; list-style: none; padding: 0; margin: 8px 0 24px; color: var(--color-text-secondary); font-size: .82rem; }
.solution-card li{ display: flex; align-items: center; gap: 8px; }
.solution-card li::before{ content: "✓"; color: var(--color-primary); font-weight: 900; }
.solution-link{ margin-top: auto; min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 10px 13px; border-radius: 12px; background: var(--color-text-primary); color: var(--color-surface); font-weight: 800; font-size: .86rem; position: relative; z-index: 2; }

.solution-link span{ font-size: 1.15rem; transition: transform var(--transition-fast); }
.solution-link:hover span{ transform: translateX(-4px); }
.solution-access-note{ margin-top: 12px; min-height: 42px; display: grid; place-items: center; padding: 7px 10px; border: 1px dashed var(--color-border-strong); border-radius: 10px; color: var(--color-text-muted); font-size: .68rem; line-height: 1.65; text-align: center; opacity: .76; transition: opacity var(--transition-fast), background var(--transition-fast); }
.solution-card:hover .solution-access-note{ opacity: 1; background: var(--color-primary-soft); }
.solution-access-note-public{ border-style: solid; }
.section-inline-link{ display: inline-flex; margin-top: 14px; color: var(--color-primary); font-weight: 800; font-size: .9rem; }

/* Shared service page shell */
.service-page{ min-height: 100vh; background: var(--color-background); }
.service-header .header-inner{ gap: 18px; }
.service-header .desktop-nav{ margin-inline-end: auto; }
.service-account{ display: flex; align-items: center; gap: 8px; }
.account-chip{ min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 7px 11px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface); }
.account-avatar{ width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: var(--color-primary); color: var(--color-on-primary); font-weight: 900; font-size: .75rem; }
.account-chip strong{ display: block; font-size: .78rem; line-height: 1.3; }
.account-chip small{ display: block; color: var(--color-text-muted); font-size: .63rem; line-height: 1.3; }
.service-main{ padding-bottom: 90px; }
.service-hero{ padding: 70px 0 52px; position: relative; overflow: hidden; }
.service-hero::before{ content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--color-primary) 13%, transparent) 1px, transparent 0); background-size: 25px 25px; mask-image: linear-gradient(to bottom, #000, transparent); opacity: .8; pointer-events: none; }
.service-hero-grid{ position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(340px,.7fr); gap: 46px; align-items: center; }
.service-breadcrumb{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--color-text-muted); font-size: .8rem; margin-bottom: 20px; }
.service-breadcrumb a:hover{ color: var(--color-primary); }
.service-kicker{ display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border)); border-radius: 999px; background: var(--color-primary-soft); color: var(--color-primary); font-weight: 850; font-size: .75rem; margin-bottom: 18px; }
.service-hero h1{ font-size: clamp(2.2rem,5vw,4rem); margin-bottom: 20px; font-weight: 930; }
.service-hero-copy{ color: var(--color-text-secondary); font-size: 1.03rem; line-height: 2; max-width: 780px; }
.service-hero-actions{ display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }
.service-hero-panel{ padding: 24px; border: 1px solid var(--color-border); border-radius: 25px; background: color-mix(in srgb, var(--color-surface) 95%, transparent); box-shadow: var(--shadow-lg); }
.hero-panel-icon{ width: 66px; height: 66px; display: grid; place-items: center; border-radius: 20px; background: var(--color-primary-soft); color: var(--color-primary); margin-bottom: 18px; }
.hero-panel-icon svg{ width: 34px; height: 34px; }
.service-hero-panel h2{ font-size: 1.1rem; margin-bottom: 8px; }
.service-hero-panel p{ color: var(--color-text-muted); font-size: .84rem; line-height: 1.9; margin-bottom: 17px; }
.hero-mini-stats{ display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.hero-mini-stats div{ padding: 12px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface-subtle); }
.hero-mini-stats strong, .hero-mini-stats span{ display: block; }
.hero-mini-stats strong{ font-size: 1.05rem; }
.hero-mini-stats span{ color: var(--color-text-muted); font-size: .68rem; }

.service-content{ display: grid; gap: 24px; }
.service-card{ border: 1px solid var(--color-border); border-radius: 22px; background: var(--color-surface); box-shadow: var(--shadow-sm); padding: 24px; }
.service-card-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.service-card-head h2, .service-card-head h3{ margin-bottom: 5px; }
.service-card-head p{ color: var(--color-text-muted); margin-bottom: 0; font-size: .82rem; }
.notice-box{ display: flex; gap: 12px; align-items: flex-start; padding: 16px; border: 1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border)); border-radius: 16px; background: var(--color-primary-soft); color: var(--color-text-secondary); font-size: .85rem; line-height: 1.9; }
.notice-symbol{ width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; background: var(--color-primary); color: var(--color-on-primary); font-weight: 900; }
.access-gate{ display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 19px; border: 1px solid var(--color-border-strong); border-radius: 18px; background: linear-gradient(135deg, var(--color-surface), var(--color-primary-soft)); box-shadow: var(--shadow-sm); }
.access-gate-icon{ width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: var(--color-text-primary); color: var(--color-surface); }
.access-gate h3{ margin: 0 0 4px; font-size: 1rem; }
.access-gate p{ margin: 0; color: var(--color-text-muted); font-size: .79rem; }
.access-gate-actions{ display: flex; gap: 8px; flex-wrap: wrap; }
.is-locked{ opacity: .54; filter: grayscale(.25); pointer-events: none; user-select: none; }

.field-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.field-grid.two{ grid-template-columns: repeat(2,minmax(0,1fr)); }
.ui-field{ display: grid; gap: 7px; }
.ui-field.full{ grid-column: 1 / -1; }
.ui-field label{ color: var(--color-text-secondary); font-size: .78rem; font-weight: 800; }
.ui-input, .ui-select, .ui-textarea{ width: 100%; min-height: 46px; padding: 10px 13px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-subtle); color: var(--color-text-primary); outline: 0; transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast); }
.ui-textarea{ min-height: 112px; resize: vertical; }
.ui-input:focus, .ui-select:focus, .ui-textarea:focus{ border-color: var(--color-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 14%, transparent); background: var(--color-surface); }
.form-actions{ display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.empty-state{ padding: 35px 20px; text-align: center; border: 1px dashed var(--color-border-strong); border-radius: 18px; color: var(--color-text-muted); }
.empty-state strong{ display: block; color: var(--color-text-primary); margin-bottom: 5px; }
.status-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 999px; font-size: .68rem; font-weight: 850; white-space: nowrap; }
.status-open{ background: var(--color-success-soft); color: var(--color-success); }
.status-closed{ background: var(--color-background-alt); color: var(--color-text-muted); }
.status-draft{ background: var(--color-info-soft); color: var(--color-info); }
.status-active{ background: var(--color-success-soft); color: var(--color-success); }
.tag-list{ display: flex; flex-wrap: wrap; gap: 6px; }
.mini-tag{ display: inline-flex; padding: 4px 8px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface-subtle); color: var(--color-text-muted); font-size: .66rem; }

/* Opportunities */
.filter-toolbar{ display: grid; grid-template-columns: minmax(240px,1.4fr) repeat(2,minmax(180px,.7fr)) auto; gap: 12px; align-items: end; }
.check-control{ min-height: 46px; display: flex; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface-subtle); font-size: .77rem; font-weight: 750; }
.check-control input{ accent-color: var(--color-primary); width: 17px; height: 17px; }
.results-line{ display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 20px 0 12px; color: var(--color-text-muted); font-size: .8rem; }
.opportunity-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.opportunity-card{ display: flex; flex-direction: column; min-height: 330px; padding: 20px; border: 1px solid var(--color-border); border-radius: 19px; background: var(--color-surface); box-shadow: var(--shadow-xs); transition: transform var(--transition-fast), box-shadow var(--transition-normal), border-color var(--transition-fast); }
.opportunity-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--color-border-strong); }
.opportunity-brand{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.brand-token{ width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--color-text-primary); color: var(--color-surface); font-weight: 900; }
.opportunity-card h3{ font-size: 1.05rem; margin-bottom: 9px; }
.opportunity-card > p{ color: var(--color-text-secondary); font-size: .78rem; line-height: 1.85; }
.opportunity-meta{ display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin: 14px 0; }
.opportunity-meta div{ padding: 9px; border: 1px solid var(--color-border); border-radius: 11px; background: var(--color-surface-subtle); }
.opportunity-meta span, .opportunity-meta strong{ display: block; }
.opportunity-meta span{ color: var(--color-text-muted); font-size: .62rem; }
.opportunity-meta strong{ font-size: .75rem; margin-top: 2px; }
.opportunity-card .button{ margin-top: auto; width: 100%; }

/* Smart ads */
.smart-layout{ display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 20px; align-items: start; }
.smart-sidebar{ position: sticky; top: calc(var(--header-height) + 18px); }
.order-list{ display: grid; gap: 9px; max-height: 620px; overflow: auto; padding-inline-end: 3px; }
.order-item{ width: 100%; display: grid; gap: 6px; padding: 13px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface-subtle); text-align: right; transition: border-color var(--transition-fast), background var(--transition-fast); }
.order-item:hover, .order-item.is-active{ border-color: var(--color-primary); background: var(--color-primary-soft); }
.order-item-head{ display: flex; justify-content: space-between; gap: 8px; }
.order-item strong{ font-size: .79rem; }
.order-item small{ color: var(--color-text-muted); font-size: .65rem; }
.smart-workspace{ display: grid; gap: 20px; }
.smart-summary{ display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.summary-tile{ min-height: 95px; padding: 14px; border: 1px solid var(--color-border); border-radius: 15px; background: var(--color-surface-subtle); }
.summary-tile span, .summary-tile strong{ display: block; }
.summary-tile span{ color: var(--color-text-muted); font-size: .68rem; }
.summary-tile strong{ font-size: 1.2rem; margin-top: 5px; }
.recommendation-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.recommendation-card{ padding: 17px; border: 1px solid var(--color-border); border-radius: 17px; background: var(--color-surface-subtle); }
.recommendation-head{ display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 12px; }
.recommendation-avatar{ width: 48px; height: 48px; border-radius: 14px; }
.match-score{ width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; border: 4px solid var(--color-primary); font-size: .7rem; font-weight: 900; }
.recommendation-card h3{ font-size: .9rem; margin-bottom: 3px; }
.recommendation-card p{ color: var(--color-text-muted); font-size: .68rem; margin-bottom: 12px; }

/* Guarantee */
.role-switcher{ display: inline-flex; padding: 5px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface-subtle); }
.role-tab{ min-height: 40px; padding: 8px 15px; border: 0; border-radius: 10px; background: transparent; color: var(--color-text-muted); font-weight: 800; }
.role-tab.is-active{ background: var(--color-surface); color: var(--color-primary); box-shadow: var(--shadow-sm); }
.role-panel[hidden]{ display: none; }
.guarantee-grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.guarantee-info-card{ padding: 21px; border: 1px solid var(--color-border); border-radius: 18px; background: var(--color-surface-subtle); }
.guarantee-info-card h3{ font-size: 1rem; margin-bottom: 8px; }
.guarantee-info-card p{ color: var(--color-text-secondary); font-size: .8rem; line-height: 1.9; }
.process-steps{ display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; counter-reset: step; }
.process-step{ min-height: 170px; padding: 18px; border: 1px solid var(--color-border); border-radius: 17px; background: var(--color-surface); position: relative; }
.process-step::before{ counter-increment: step; content: counter(step, decimal-leading-zero); width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--color-primary); color: var(--color-on-primary); font-weight: 900; margin-bottom: 14px; }
.process-step h3{ font-size: .9rem; }
.process-step p{ color: var(--color-text-muted); font-size: .72rem; line-height: 1.8; }
.offer-list{ display: grid; gap: 10px; }
.offer-item{ display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; padding: 15px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface-subtle); }
.offer-item h3{ font-size: .86rem; margin-bottom: 4px; }
.offer-item p{ margin: 0; color: var(--color-text-muted); font-size: .7rem; }
.offer-price{ font-weight: 900; color: var(--color-primary); white-space: nowrap; }

/* Benefits */
.benefits-hero-page .service-hero-grid{ grid-template-columns: minmax(0,1.2fr) minmax(340px,.65fr); }
.benefit-role-tabs{ display: flex; gap: 8px; flex-wrap: wrap; margin: 25px 0 0; }
.benefit-role-tab{ min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); color: var(--color-text-secondary); font-weight: 800; }
.benefit-role-tab.is-active{ background: var(--color-text-primary); color: var(--color-surface); border-color: var(--color-text-primary); }

.benefit-role-panel[hidden]{ display: none; }
.role-benefit-layout{ display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 20px; align-items: stretch; }
.role-benefit-highlight{ min-height: 430px; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 24px; background: linear-gradient(145deg, var(--color-deep), var(--color-charcoal) 58%, #2B3139); color: #fff; position: relative; overflow: hidden; }
.role-benefit-highlight::before{ content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; top: -100px; left: -100px; background: rgba(14,203,129,.18); }
.role-benefit-highlight h2{ font-size: 2rem; margin-bottom: 12px; position: relative; }
.role-benefit-highlight p{ color: rgba(255,255,255,.75); line-height: 2; position: relative; }
.role-benefit-highlight .button{ align-self: flex-start; margin-top: 20px; position: relative; }
.role-benefit-grid{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.role-benefit-card{ padding: 20px; border: 1px solid var(--color-border); border-radius: 18px; background: var(--color-surface); }
.role-benefit-card .solution-icon{ width: 46px; height: 46px; border-radius: 14px; margin-bottom: 15px; }
.role-benefit-card h3{ font-size: .94rem; margin-bottom: 7px; }
.role-benefit-card p{ margin: 0; color: var(--color-text-muted); font-size: .75rem; line-height: 1.85; }
.trust-strip{ display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.trust-strip-item{ padding: 22px; text-align: center; border: 1px solid var(--color-border); border-radius: 18px; background: var(--color-surface); }
.trust-strip-item strong{ display: block; font-size: 1.35rem; color: var(--color-primary); }
.trust-strip-item span{ color: var(--color-text-muted); font-size: .75rem; }

/* Service modal and toast */
.service-modal{ position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 18px; }
.service-modal[hidden]{ display: none; }
.service-modal-backdrop{ position: absolute; inset: 0; background: var(--color-overlay); backdrop-filter: blur(5px); }
.service-modal-panel{ position: relative; width: min(100%, 600px); max-height: min(90dvh,760px); overflow: auto; padding: 26px; border: 1px solid var(--color-border); border-radius: 22px; background: var(--color-surface); box-shadow: var(--shadow-lg); }
.service-modal-close{ position: absolute; top: 12px; left: 12px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--color-border); border-radius: 11px; background: var(--color-surface-subtle); }
.service-modal-head{ padding-inline-end: 42px; margin-bottom: 22px; }
.service-modal-head p{ color: var(--color-text-muted); font-size: .8rem; }
.service-toast-region{ position: fixed; left: 18px; bottom: 18px; z-index: 1200; display: grid; gap: 10px; width: min(390px,calc(100vw - 36px)); }
.service-toast{ padding: 14px 16px; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); box-shadow: var(--shadow-lg); animation: serviceToastIn .25s ease both; }
.service-toast strong{ display: block; font-size: .83rem; }
.service-toast span{ color: var(--color-text-muted); font-size: .72rem; }
@keyframes serviceToastIn { from{ opacity: 0; transform: translateY(12px); } }

@media (max-width: 1180px) {
  .solutions-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-header .desktop-nav{ display: none; }
  .service-header .menu-toggle{ display: inline-grid; }
  .opportunity-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .recommendation-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 960px) {
  .service-hero-grid{ grid-template-columns: 1fr; }
  .service-hero-panel{ max-width: 620px; }
  .smart-layout{ grid-template-columns: 1fr; }
  .smart-sidebar{ position: static; }
  .order-list{ grid-template-columns: repeat(2,minmax(0,1fr)); max-height: none; }
  .process-steps{ grid-template-columns: repeat(2,1fr); }
  .role-benefit-layout{ grid-template-columns: 1fr; }
  .role-benefit-highlight{ min-height: 320px; }
}
@media (max-width: 768px) {
  .service-header .account-chip{ display: none; }
  .service-hero{ padding-top: 46px; }
  .service-hero h1{ font-size: clamp(2rem,11vw,3rem); }
  .field-grid, .field-grid.two{ grid-template-columns: 1fr; }
  .filter-toolbar{ grid-template-columns: 1fr 1fr; }
  .filter-toolbar .ui-field:first-child{ grid-column: 1 / -1; }
  .access-gate{ grid-template-columns: auto 1fr; }
  .access-gate-actions{ grid-column: 1 / -1; }
  .access-gate-actions .button{ flex: 1; }
  .smart-summary{ grid-template-columns: repeat(2,1fr); }
  .guarantee-grid{ grid-template-columns: 1fr; }
  .trust-strip{ grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .solutions-grid, .opportunity-grid, .recommendation-grid, .order-list, .role-benefit-grid{ grid-template-columns: 1fr; }
  .solution-card{ min-height: 390px; }
  .service-hero-actions .button{ width: 100%; }
  .filter-toolbar{ grid-template-columns: 1fr; }
  .filter-toolbar .ui-field:first-child{ grid-column: auto; }
  .process-steps{ grid-template-columns: 1fr; }
  .smart-summary{ grid-template-columns: 1fr 1fr; }
  .service-card{ padding: 18px; border-radius: 18px; }
  .service-card-head{ flex-direction: column; }
  .service-modal{ padding: 0; place-items: end center; }
  .service-modal-panel{ width: 100%; max-height: 94dvh; border-radius: 24px 24px 0 0; padding: 22px 18px calc(22px + env(safe-area-inset-bottom)); }
}
@media (max-width: 420px) {
  .hero-mini-stats, .smart-summary{ grid-template-columns: 1fr; }
  .service-account .button{ display: none; }
  .offer-item{ grid-template-columns: 1fr; }
  .role-switcher{ width: 100%; }
  .role-tab{ flex: 1; }
}
.service-page .footer-grid{ grid-template-columns: 1.4fr .8fr .8fr; }
@media (max-width: 768px) { .service-page .footer-grid{ grid-template-columns: repeat(2,1fr); } .service-page .footer-brand{ grid-column: 1 / -1; } }
@media (max-width: 620px) { .service-page .footer-grid{ grid-template-columns: 1fr; } .service-page .footer-brand{ grid-column: auto; } }


/* Disabled premium services: shown only after blogger verification */
a[data-disabled-service="true"]{
  cursor: not-allowed !important;
  opacity: .7;
  filter: saturate(.55);
}
a[data-disabled-service="true"]:hover, a[data-disabled-service="true"]:focus-visible, a[data-disabled-service="true"].is-note-visible{
  opacity: 1;
  filter: none;
}
a.button[data-disabled-service="true"]{
  overflow: visible;
}

/* Desktop navigation subtitle */
.desktop-nav .nav-link[data-disabled-service="true"]::before{
  content: attr(data-disabled-message);
}
.desktop-nav .nav-link[data-disabled-service="true"]:hover::before, .desktop-nav .nav-link[data-disabled-service="true"]:focus-visible::before, .desktop-nav .nav-link[data-disabled-service="true"].is-note-visible::before{
  opacity: 1;
  transform: translate(50%, 0);
}

/* Mobile menu subtitle: hidden until hover, keyboard focus or touch */
.mobile-nav-links a[data-disabled-service="true"] .disabled-mobile-note{
  display: block;
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  opacity: 0;
  color: var(--color-primary);
  font-size: .68rem;
  font-weight: 650;
  line-height: 1.75;
  transition: max-height var(--transition-normal), margin-top var(--transition-fast), opacity var(--transition-fast);
}
.mobile-nav-links a[data-disabled-service="true"]:hover .disabled-mobile-note, .mobile-nav-links a[data-disabled-service="true"]:focus-visible .disabled-mobile-note, .mobile-nav-links a[data-disabled-service="true"].is-note-visible .disabled-mobile-note{
  max-height: 72px;
  margin-top: 5px;
  opacity: 1;
}

/* Disabled solution cards */
.solution-card.is-service-disabled{
  cursor: default;
}
.solution-card.is-service-disabled .solution-link{
  cursor: not-allowed;
  background: var(--color-surface-subtle);
  color: var(--color-text-muted);
  border: 1px solid var(--color-border);
}

.solution-card.is-service-disabled .solution-link span{
  transform: none !important;
}
.solution-card.is-service-disabled .solution-access-note{
  min-height: 0;
  max-height: 0;
  margin-top: 0;
  padding-block: 0;
  border-width: 0;
  overflow: hidden;
  opacity: 0;
  background: var(--color-primary-soft);
  color: var(--color-primary);
  transition: max-height var(--transition-normal), min-height var(--transition-normal), margin-top var(--transition-normal), padding var(--transition-normal), border-width var(--transition-fast), opacity var(--transition-fast);
}
.solution-card.is-service-disabled:hover .solution-access-note, .solution-card.is-service-disabled:focus-within .solution-access-note, .solution-card.is-service-disabled.is-note-visible .solution-access-note{
  min-height: 42px;
  max-height: 80px;
  margin-top: 12px;
  padding: 7px 10px;
  border-width: 1px;
  opacity: 1;
}

/* Other disabled links, such as footer and benefit call-to-action buttons */
a[data-disabled-service="true"]:not(.nav-link):not(.solution-link):not(.mobile-nav-links a){
  position: relative;
}
a[data-disabled-service="true"]:not(.nav-link):not(.solution-link):not(.mobile-nav-links a)::after{
  content: attr(data-disabled-message);
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  width: max-content;
  max-width: min(280px, 82vw);
  padding: 8px 11px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface-elevated);
  color: var(--color-text-secondary);
  box-shadow: var(--shadow-md);
  font-size: .68rem;
  font-weight: 650;
  line-height: 1.75;
  text-align: center;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-5px);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}
a[data-disabled-service="true"]:not(.nav-link):not(.solution-link):not(.mobile-nav-links a):hover::after, a[data-disabled-service="true"]:not(.nav-link):not(.solution-link):not(.mobile-nav-links a):focus-visible::after, a[data-disabled-service="true"]:not(.nav-link):not(.solution-link):not(.mobile-nav-links a).is-note-visible::after{
  opacity: 1;
  transform: translateY(0);
}

@media (hover: none) {
  a[data-disabled-service="true"]:not(.nav-link):not(.solution-link):not(.mobile-nav-links a)::after{
    right: 50%;
    transform: translate(50%, -5px);
  }
  a[data-disabled-service="true"]:not(.nav-link):not(.solution-link):not(.mobile-nav-links a).is-note-visible::after{
    transform: translate(50%, 0);
  }
}


/* Verification-only service access — exact requested hover treatment. */
.desktop-nav .nav-link[data-disabled-service="true"]{position:relative!important;cursor:not-allowed!important}
.desktop-nav .nav-link[data-disabled-service="true"]::before{
  content:attr(data-disabled-message)!important;
  width:max-content!important;
  max-width:310px!important;
  padding:8px 11px!important;
  border-radius:11px!important;
  background:var(--color-surface-elevated)!important;
  border:1px solid var(--color-border)!important;
  color:var(--color-text-primary)!important;
  box-shadow:var(--shadow-md)!important;
  font-size:.67rem!important;
  font-weight:750!important;
  line-height:1.65!important;
  white-space:normal!important;
  pointer-events:none!important;
}

.home-page .v4-service-card[data-disabled-service="true"]{
  position:relative!important;
  cursor:not-allowed!important;
  opacity:1!important;
  filter:none!important;
  overflow:hidden!important;
}
.home-page .v4-service-card[data-disabled-service="true"]::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:18;
  background:linear-gradient(180deg,rgba(18,20,38,.06),rgba(18,20,38,.58));
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.home-page .v4-service-card[data-disabled-service="true"]::after{
  content:attr(data-disabled-message)!important;
  position:absolute!important;
  inset:auto 18px 18px 18px!important;
  z-index:19!important;
  width:auto!important;
  max-width:none!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:14px!important;
  background:rgba(19,21,39,.82)!important;
  color:#fff!important;
  box-shadow:0 14px 36px rgba(12,14,28,.22)!important;
  backdrop-filter:blur(12px)!important;
  font-size:.76rem!important;
  font-weight:800!important;
  line-height:1.75!important;
  text-align:center!important;
  white-space:normal!important;
  opacity:0!important;
  transform:translateY(8px)!important;
  pointer-events:none!important;
  transition:opacity .22s ease,transform .22s ease!important;
}
.home-page .v4-service-card[data-disabled-service="true"]:hover::before, .home-page .v4-service-card[data-disabled-service="true"]:focus-visible::before, .home-page .v4-service-card[data-disabled-service="true"].is-note-visible::before{opacity:1!important}
.home-page .v4-service-card[data-disabled-service="true"]:hover::after, .home-page .v4-service-card[data-disabled-service="true"]:focus-visible::after, .home-page .v4-service-card[data-disabled-service="true"].is-note-visible::after{opacity:1!important;transform:translateY(0)!important}
.home-page .v4-service-card[data-disabled-service="true"] .v4-card-link{pointer-events:none!important}




/* Active authenticated-service hover treatment.
   Links remain fully clickable; only the explanatory message is visual. */
a[data-auth-hover]{
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
}

/* Desktop header: keep the compact tooltip while preserving navigation. */
.desktop-nav .nav-link[data-auth-hover]{
  position:relative!important;
  cursor:pointer!important;
}
.desktop-nav .nav-link[data-auth-hover]::before{
  content:attr(data-auth-hover)!important;
}

/* Generic service buttons/cards outside the homepage three-card module. */
a[data-auth-hover]:not(.nav-link):not(.v4-service-card):not(.mobile-nav-links a){
  position:relative;
}
a[data-auth-hover]:not(.nav-link):not(.v4-service-card):not(.mobile-nav-links a)::after{
  content:attr(data-auth-hover);
  position:absolute;
  top:calc(100% + 8px);
  right:50%;
  z-index:90;
  width:max-content;
  max-width:min(310px,84vw);
  padding:9px 12px;
  border:1px solid var(--color-border);
  border-radius:11px;
  background:var(--color-surface-elevated);
  color:var(--color-text-primary);
  box-shadow:var(--shadow-md);
  font-size:.7rem;
  font-weight:750;
  line-height:1.7;
  text-align:center;
  white-space:normal;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(50%,-5px);
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
}
a[data-auth-hover]:not(.nav-link):not(.v4-service-card):not(.mobile-nav-links a):hover::after, a[data-auth-hover]:not(.nav-link):not(.v4-service-card):not(.mobile-nav-links a):focus-visible::after{
  opacity:1;
  visibility:visible;
  transform:translate(50%,0);
}

/* Homepage "برای هر همکاری، یک مسیر روشن" cards:
   exact full-card dark overlay behavior from the user-supplied reference/video. */
.home-page .v4-service-card[data-auth-hover]{
  position:relative!important;
  isolation:isolate!important;
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
  overflow:hidden!important;
}
.home-page .v4-service-card[data-auth-hover]::before, .home-page .v4-service-card[data-auth-hover]::after{
  content:none!important;
  display:none!important;
}
.home-page .v4-service-card .v4-auth-note{
  position:absolute!important;
  inset:0!important;
  z-index:40!important;
  display:grid!important;
  place-items:center!important;
  width:auto!important;
  max-width:none!important;
  padding:30px!important;
  border:0!important;
  border-radius:inherit!important;
  background:rgba(18,20,19,.88)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-align:center!important;
  white-space:normal!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  pointer-events:none!important;
  transition:opacity .22s ease,visibility .22s ease!important;
}
.home-page .v4-service-card .v4-auth-note-inner{
  display:block!important;
  max-width:22rem!important;
  direction:rtl!important;
  text-align:center!important;
}
.home-page .v4-service-card .v4-auth-note-text{
  color:#fff!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.9!important;
  direction:rtl!important;
  unicode-bidi:plaintext!important;
}
.home-page .v4-service-card .v4-auth-note-tail{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.home-page .v4-service-card .v4-auth-note-emoji{
  display:inline-block!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  margin:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  vertical-align:middle!important;
  box-shadow:0 2px 10px rgba(0,0,0,.18)!important;
}
.home-page .v4-service-card[data-auth-hover]:hover, .home-page .v4-service-card[data-auth-hover]:focus-visible{
  transform:translateY(-4px)!important;
  box-shadow:0 18px 48px rgba(30,34,30,.08)!important;
}
.home-page .v4-service-card[data-auth-hover]:hover img, .home-page .v4-service-card[data-auth-hover]:focus-visible img{
  transform:none!important;
}
.home-page .v4-service-card[data-auth-hover]:hover .v4-auth-note, .home-page .v4-service-card[data-auth-hover]:focus-visible .v4-auth-note, .home-page .v4-service-card[data-auth-hover].is-note-visible .v4-auth-note{
  opacity:1!important;
  visibility:visible!important;
}
@media (max-width:760px){
  .home-page .v4-service-card .v4-auth-note{
    padding:22px!important;
  }
  .home-page .v4-service-card .v4-auth-note-inner{
    max-width:16rem!important;
  }
  .home-page .v4-service-card .v4-auth-note-emoji{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }
  .home-page .v4-service-card .v4-auth-note-tail{
    gap:6px!important;
  }
  .home-page .v4-service-card .v4-auth-note-text{
    font-size:15px!important;
    line-height:1.9!important;
  }
}

/* Mobile drawer links stay active and preserve their normal descriptive subtitles. */
.mobile-nav-links a[data-auth-hover]{
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
}


/* SOURCE css/blogger-submission.css */

.submission-main{ padding: 54px 0 92px; min-height: calc(100vh - var(--header-height)); background: linear-gradient(180deg, var(--color-background-alt), var(--color-background)); }
.submission-hero{ padding: 22px 0 42px; }
.submission-hero-grid{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:28px; align-items:center; }
.submission-kicker{ display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid color-mix(in srgb,var(--color-primary) 38%,var(--color-border)); background:var(--color-primary-soft); border-radius:var(--radius-pill); color:var(--color-text-primary); font-size:.82rem; font-weight:800; }
.submission-kicker::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--color-primary); box-shadow:0 0 0 5px color-mix(in srgb,var(--color-primary) 18%,transparent); }
.submission-hero h1{ margin:18px 0 12px; font-size:clamp(2rem,4.8vw,4rem); max-width:800px; }
.submission-hero p{ color:var(--color-text-secondary); max-width:720px; font-size:1.02rem; }
.submission-process{ display:grid; gap:12px; padding:22px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); box-shadow:var(--shadow-sm); }
.submission-process-step{ display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:center; padding:12px; border-radius:16px; background:var(--color-surface-subtle); }
.submission-process-step span{ width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:var(--color-primary); color:var(--color-on-primary); font-weight:900; }
.submission-process-step strong{ display:block; margin-bottom:2px; }
.submission-process-step small{ color:var(--color-text-secondary); }
.submission-layout{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); gap:24px; align-items:start; }
.submission-card{ background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-xl); box-shadow:var(--shadow-sm); padding:28px; }
.submission-card-head{ margin-bottom:22px; }
.submission-card-head h2{ margin-bottom:7px; font-size:1.45rem; }
.submission-card-head p{ margin:0; color:var(--color-text-secondary); }
.submission-form{ display:grid; gap:18px; }
.submission-type-switch{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.submission-type-option{ position:relative; }
.submission-type-option input{ position:absolute; opacity:0; pointer-events:none; }
.submission-type-option label{ min-height:72px; display:flex; align-items:center; justify-content:center; gap:10px; padding:13px; border:1px solid var(--color-border); border-radius:16px; background:var(--color-surface-subtle); cursor:pointer; font-weight:800; transition:var(--transition-fast); }
.submission-type-option input:checked + label{ border-color:var(--color-primary); background:var(--color-primary-soft); box-shadow:inset 0 0 0 1px var(--color-primary); }
.submission-type-option input:focus-visible + label{ outline:3px solid color-mix(in srgb,var(--color-primary) 45%,transparent); outline-offset:3px; }
.submission-field{ display:grid; gap:7px; }
.submission-field label, .submission-fieldset legend{ font-weight:800; font-size:.9rem; }
.submission-field input, .submission-field select, .submission-field textarea, .tracking-search input, .moderation-card input, .moderation-card select, .moderation-card textarea{ width:100%; min-height:48px; border:1px solid var(--color-border); border-radius:13px; background:var(--color-background); color:var(--color-text-primary); padding:10px 13px; outline:none; transition:border-color var(--transition-fast),box-shadow var(--transition-fast); }
.submission-field textarea, .moderation-card textarea{ min-height:100px; resize:vertical; }
.submission-field input:focus, .submission-field select:focus, .submission-field textarea:focus, .tracking-search input:focus, .moderation-card input:focus, .moderation-card select:focus, .moderation-card textarea:focus{ border-color:var(--color-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent); }
.submission-field-hint{ color:var(--color-text-muted); font-size:.78rem; margin:0; }
.submission-error{ min-height:20px; margin:0; color:var(--color-error); font-size:.82rem; }
.submission-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.submission-submit{ width:100%; min-height:54px; }
.submission-success{ margin-top:18px; padding:18px; border:1px solid color-mix(in srgb,var(--color-success) 35%,var(--color-border)); background:var(--color-success-soft); border-radius:18px; }
.submission-success strong{ display:block; margin-bottom:6px; }
.submission-success code{ direction:ltr; unicode-bidi:isolate; display:inline-block; padding:4px 8px; border-radius:8px; background:var(--color-surface); color:var(--color-text-primary); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.tracking-panel{ position:sticky; top:calc(var(--header-height) + 20px); }
.tracking-search{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; margin-bottom:18px; }
.request-list{ display:grid; gap:12px; }
.request-item{ border:1px solid var(--color-border); border-radius:18px; padding:16px; background:var(--color-surface-subtle); }
.request-item-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:9px; }
.request-item h3{ font-size:1rem; margin:0; }
.request-item .request-username{ color:var(--color-text-secondary); font-size:.82rem; direction:ltr; unicode-bidi:isolate; }
.status-badge-request{ display:inline-flex; align-items:center; gap:7px; min-height:30px; padding:5px 10px; border-radius:var(--radius-pill); font-size:.76rem; font-weight:900; white-space:nowrap; }
.status-badge-request::before{ content:""; width:7px; height:7px; border-radius:50%; background:currentColor; }
.status-pending{ color:#9B7300; background:var(--color-warning-soft); }
.status-approved{ color:var(--color-success); background:var(--color-success-soft); }
.status-rejected{ color:var(--color-error); background:var(--color-error-soft); }
.status-needs_info{ color:var(--color-info); background:var(--color-info-soft); }
.request-meta{ display:flex; flex-wrap:wrap; gap:7px 12px; color:var(--color-text-muted); font-size:.78rem; }
.request-decision{ margin:10px 0 0; padding-top:10px; border-top:1px solid var(--color-border); color:var(--color-text-secondary); font-size:.84rem; }
.request-approved-link{ margin-top:12px; }
.tracking-empty{ text-align:center; padding:28px 14px; color:var(--color-text-secondary); border:1px dashed var(--color-border-strong); border-radius:18px; }
.tracking-empty strong{ display:block; color:var(--color-text-primary); margin-bottom:5px; }
.submission-note{ margin-top:14px; padding:12px 14px; border-radius:14px; background:var(--color-info-soft); color:var(--color-text-secondary); font-size:.8rem; }
.add-blogger-promo{ padding-top:26px; padding-bottom:80px; }
.add-blogger-promo-card{ position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center; padding:32px; border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border)); border-radius:var(--radius-xl); background:linear-gradient(135deg,var(--color-surface),var(--color-primary-soft)); box-shadow:var(--shadow-sm); }
.add-blogger-promo-card::after{ content:""; position:absolute; width:220px; height:220px; border-radius:50%; background:color-mix(in srgb,var(--color-primary) 14%,transparent); inset-inline-end:-90px; top:-110px; pointer-events:none; }
.add-blogger-promo-card h2{ margin:8px 0 8px; font-size:clamp(1.5rem,3vw,2.1rem); }
.add-blogger-promo-card p{ margin:0; color:var(--color-text-secondary); max-width:720px; }
.add-blogger-promo-actions{ display:flex; gap:9px; flex-wrap:wrap; position:relative; z-index:1; }
.mini-process{ display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.mini-process span{ padding:6px 10px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-pill); font-size:.76rem; color:var(--color-text-secondary); }
.moderation-main{ padding:46px 0 90px; }
.moderation-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.moderation-toolbar h1{ margin:0; font-size:clamp(1.7rem,3vw,2.4rem); }
.moderation-list{ display:grid; gap:14px; }
.moderation-card{ display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.72fr); gap:20px; padding:20px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:20px; box-shadow:var(--shadow-xs); }
.moderation-card h2{ font-size:1.08rem; margin-bottom:3px; }
.moderation-card p{ color:var(--color-text-secondary); }
.moderation-fields{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.moderation-fields label{ display:grid; gap:5px; font-size:.78rem; font-weight:800; }
.moderation-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.button-danger{ background:var(--color-error-soft); color:var(--color-error); border-color:color-mix(in srgb,var(--color-error) 32%,var(--color-border)); }
.button-info{ background:var(--color-info-soft); color:var(--color-text-primary); border-color:var(--color-border); }
@media (max-width:900px){.submission-hero-grid, .submission-layout, .moderation-card{grid-template-columns:1fr}.tracking-panel{position:static}.add-blogger-promo-card{grid-template-columns:1fr}.submission-process{grid-template-columns:repeat(3,1fr)}.submission-process-step{grid-template-columns:1fr;text-align:center}.submission-process-step span{margin:auto}}
@media (max-width:620px){.submission-main{padding-top:30px}.submission-card{padding:20px;border-radius:22px}.submission-form-grid, .submission-process, .moderation-fields{grid-template-columns:1fr}.tracking-search{grid-template-columns:1fr}.tracking-search .button{width:100%}.request-item-head{flex-direction:column}.add-blogger-promo-card{padding:24px 18px}.add-blogger-promo-actions{flex-direction:column}.add-blogger-promo-actions .button{width:100%}}

/* Automated blogger ingestion / scraper status */
.scrape-status-line{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:11px; color:var(--color-text-secondary); font-size:.78rem; }
.scrape-status-badge{ display:inline-flex; align-items:center; min-height:28px; padding:4px 9px; border:1px solid var(--color-border); border-radius:var(--radius-pill); font-size:.74rem; font-weight:900; background:var(--color-surface); }
.scrape-queued, .scrape-running{ color:#9B7300; background:var(--color-warning-soft); border-color:color-mix(in srgb,var(--color-primary) 36%,var(--color-border)); }
.scrape-succeeded{ color:var(--color-success); background:var(--color-success-soft); border-color:color-mix(in srgb,var(--color-success) 30%,var(--color-border)); }
.scrape-partial, .scrape-blocked{ color:var(--color-info); background:var(--color-info-soft); }
.scrape-failed{ color:var(--color-error); background:var(--color-error-soft); }
.scrape-preview{ display:flex; align-items:center; gap:10px; margin-top:11px; padding:10px; border-radius:14px; background:var(--color-surface); border:1px solid var(--color-border); }
.scrape-preview img{ width:44px; height:44px; border-radius:50%; object-fit:cover; border:2px solid var(--color-primary); }
.scrape-preview strong, .scrape-preview span{ display:block; }
.scrape-preview span{ margin-top:2px; color:var(--color-text-muted); font-size:.75rem; }
.moderation-admin-grid{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:16px; margin-bottom:16px; }
.moderation-tool-card{ padding:20px; }
.moderation-tool-card .submission-card-head{ margin-bottom:14px; }
.admin-connection-status{ display:block; min-height:22px; margin-top:9px; font-size:.78rem; color:var(--color-text-secondary); }
.admin-connection-status.is-success{ color:var(--color-success); }
.admin-connection-status.is-warning{ color:var(--color-error); }
.moderation-batch-bar{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; padding:16px 18px; border:1px solid var(--color-border); border-radius:18px; background:var(--color-surface-subtle); }
.moderation-batch-bar strong, .moderation-batch-bar span{ display:block; }
.moderation-batch-bar span{ margin-top:3px; color:var(--color-text-muted); font-size:.8rem; }
.moderation-scrape-box{ margin-top:13px; padding:13px; border:1px solid var(--color-border); border-radius:16px; background:var(--color-surface-subtle); }
.moderation-scrape-head{ display:flex; align-items:center; gap:10px; }
.moderation-scrape-head img{ width:56px; height:56px; object-fit:cover; border-radius:50%; border:2px solid var(--color-primary); }
.moderation-scrape-head strong, .moderation-scrape-head span{ display:block; }
.moderation-scrape-head span{ color:var(--color-text-muted); direction:ltr; unicode-bidi:isolate; font-size:.78rem; }
.moderation-scrape-metrics{ display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; }
.moderation-scrape-metrics span{ padding:6px 9px; border-radius:10px; background:var(--color-surface); border:1px solid var(--color-border); color:var(--color-text-secondary); font-size:.75rem; }
.moderation-scrape-box p{ margin:9px 0 0; font-size:.78rem; }
.moderation-decision-label{ display:grid; gap:5px; margin-top:10px; font-size:.78rem; font-weight:800; }
@media (max-width:900px){.moderation-admin-grid{grid-template-columns:1fr}.moderation-batch-bar{align-items:flex-start;flex-direction:column}}


.moderation-scrape-error{
  display: block;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px dashed var(--border-color, #EAECEF);
  border-radius: 10px;
  color: var(--text-secondary, #707A8A);
  font: 12px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace;
  overflow-wrap: anywhere;
}


.moderation-action-error{
  min-height: 1.3em;
  margin: 8px 0 0;
  color: var(--color-danger, #F6465D);
  font-size: .68rem;
  font-weight: 750;
  line-height: 1.7;
}


/* SOURCE css/responsive.css */
@media (min-width: 1500px) {
  :root{ --container-width: 1400px; }
  .blogger-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); }
  .card-top{ grid-template-columns: 70px minmax(0,1fr) auto; padding-inline: 19px; }
  .blogger-avatar{ width: 70px; height: 70px; }
  .card-badges, .card-rating{ padding-inline: 19px; }
  .card-metrics, .card-insights{ margin-inline: 19px; }
  .card-actions{ padding-inline: 19px; }
}

@media (max-width: 1180px) {
  :root{ --container-width: 1080px; }
  .desktop-nav{ display: none; }
  .menu-toggle{ display: inline-grid; }
  .hero-grid{ grid-template-columns: minmax(0,1fr) minmax(400px,.88fr); gap: 42px; }
  .floating-card-rating{ left: 0; }
  .floating-card-verified{ right: 0; }
  .benefit-grid{ grid-template-columns: repeat(2,1fr); }
  .footer-grid{ grid-template-columns: 1.2fr .7fr .7fr; }
  .footer-newsletter{ grid-column: 1 / -1; max-width: 620px; }
  .profile-stat-grid{ grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 960px) {
  .section{ padding-block: 76px; }
  .hero{ min-height: auto; padding-top: 64px; padding-bottom: 110px; }
  .hero-grid{ grid-template-columns: 1fr; gap: 44px; }
  .hero-content{ text-align: center; }
  .hero-content > p, .hero h1{ margin-inline: auto; }
  .hero-actions, .hero-proof{ justify-content: center; }
  .hero-visual{ min-height: 520px; }
  .dashboard-card{ width: min(100%, 560px); }
  .blogger-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .trust-panel{ grid-template-columns: 1fr; gap: 34px; padding: 42px; }
  .trust-copy{ text-align: center; }
  .trust-badges{ justify-content: center; }
  .cta-card{ flex-direction: column; align-items: flex-start; }
  .profile-main-row{ grid-template-columns: 110px minmax(0,1fr); }
  .profile-avatar{ width: 110px; height: 110px; }
  .profile-actions{ grid-column: 1 / -1; flex-direction: row; }
  .profile-actions > .button{ flex: 1; }
  .profile-content-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  :root{ --header-height: 68px; }
  .container{ width: min(calc(100% - 28px), var(--container-width)); }
  .section{ padding-block: 62px; }
  .site-header .button{ display: none; }
  .header-inner{ gap: 12px; }
  .header-actions{ margin-inline-start: auto; }
  .site-logo-image{ height: var(--brand-logo-height-mobile); max-width: 148px; }
  .favorites-trigger, .menu-toggle{ display: inline-grid; width: 42px; height: 42px; }
  .hero{ padding-top: 48px; padding-bottom: 100px; }
  .hero-content > p{ font-size: 1rem; line-height: 1.9; }
  .hero-actions .button{ flex: 1 1 180px; }
  .hero-proof{ align-items: flex-start; text-align: right; }
  .hero-visual{ min-height: 480px; }
  .dashboard-card{ padding: 21px; border-radius: 24px; }
  .dashboard-click-hint{ margin-top: 13px; }
  .collaboration-brand-grid{ grid-template-columns: 1fr 1fr; }
  .dashboard-score-row{ grid-template-columns: 104px 1fr; }
  .score-ring{ width: 98px; }
  .floating-card{ padding: 9px 11px; }
  .floating-card-rating{ top: 35px; }
  .floating-card-campaign{ left: 25px; }
  .section-header{ align-items: flex-start; flex-direction: column; }
  .section-header.centered{ align-items: center; }
  .results-summary{ align-self: stretch; justify-content: center; }
  .blogger-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .card-top{ grid-template-columns: 64px minmax(0,1fr) auto; padding: 18px 16px 12px; gap: 10px; }
  .blogger-avatar{ width: 64px; height: 64px; border-radius: 17px; }
  .card-badges, .card-rating{ padding-inline: 16px; }
  .card-metrics{ margin-inline: 16px; }
  .card-insights{ padding-inline: 16px; grid-template-columns: 1fr; }
  .mini-chart{ width: 100%; }
  .card-actions{ padding: 13px 16px 18px; }
  .benefit-grid{ grid-template-columns: repeat(2,1fr); gap: 14px; }
  .benefit-card{ min-height: 230px; padding: 20px; }
  .trust-panel{ padding: 32px 24px; border-radius: 26px; }
  .stat-item{ min-height: 116px; }
  .cta-card{ padding: 34px 28px; border-radius: 26px; }
  .cta-actions{ width: 100%; }
  .cta-actions .button{ flex: 1; }
  .site-footer{ padding-top: 56px; }
  .footer-grid{ grid-template-columns: repeat(2,1fr); gap: 38px 24px; }
  .footer-brand, .footer-newsletter{ grid-column: 1 / -1; }
  .footer-bottom{ padding-block: 18px; flex-direction: column; text-align: center; justify-content: center; }
  .modal{ padding: 14px; }
  .modal-panel{ padding: 24px; border-radius: 22px; }
  .modal-panel-profile{ padding: 0; }
  .profile-hero{ padding: 28px 22px 22px; }
  .profile-main-row{ grid-template-columns: 92px minmax(0,1fr); gap: 15px; }
  .profile-avatar{ width: 92px; height: 92px; border-radius: 23px; }
  .profile-title-row h2{ font-size: 1.4rem; }
  .profile-tabs-wrap{ padding: 22px; }
  .recent-content-grid{ grid-template-columns: 1fr; }
  .toast-region{ left: 14px; bottom: 72px; width: min(calc(100vw - 28px),390px); }
}

@media (max-width: 620px) {
  .container{ width: min(calc(100% - 24px), var(--container-width)); }
  .header-actions{ gap: 5px; }
  .favorites-trigger{ display: none; }
  .hero h1{ font-size: clamp(2rem, 11vw, 3rem); }
  .eyebrow{ font-size: .72rem; }
  .hero-proof{ font-size: .75rem; }
  .hero-visual{ min-height: 440px; }
  .dashboard-head img{ width: 62px; height: 62px; }
  .dashboard-head h2{ font-size: 1.2rem; }
  .dashboard-click-hint small{ font-size: .63rem; }
  .collaboration-brand-grid{ grid-template-columns: 1fr; }
  .collaboration-modal-actions{ flex-direction: column-reverse; }
  .collaboration-modal-actions .button{ width: 100%; }
  .dashboard-score-row{ grid-template-columns: 90px 1fr; gap: 12px; }
  .score-ring{ width: 86px; }
  .dashboard-metrics{ gap: 7px; }
  .dashboard-metrics span{ padding: 8px; }
  .floating-card{ display: none; }
  .blogger-grid{ grid-template-columns: 1fr; }
  .benefit-grid{ grid-template-columns: 1fr; }
  .benefit-card{ min-height: 210px; }
  .stats-grid{ grid-template-columns: 1fr 1fr; gap: 10px; }
  .stat-item{ min-height: 105px; }
  .cta-card{ align-items: stretch; text-align: center; }
  .cta-actions{ flex-direction: column; }
  .footer-grid{ grid-template-columns: 1fr; }
  .footer-brand, .footer-newsletter{ grid-column: auto; }
  .footer-column{ border-top: 1px solid #181A20; padding-top: 22px; }
  .modal{ padding: 0; place-items: end center; }
  .modal-panel{ width: 100%; max-height: 94dvh; border-radius: 24px 24px 0 0; padding: 22px 18px calc(22px + env(safe-area-inset-bottom)); }
  .modal-panel-profile{ height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .modal-panel-auth{ max-height: 96dvh; }
  .modal-close{ top: 8px; left: 8px; }
  .two-fields{ grid-template-columns: 1fr; }
  .profile-hero{ padding: 58px 18px 22px; }
  .profile-main-row{ grid-template-columns: 76px minmax(0,1fr); gap: 12px; }
  .profile-avatar{ width: 76px; height: 76px; border-radius: 20px; }
  .profile-title-row h2{ font-size: 1.18rem; }
  .profile-english{ font-size: .76rem; }
  .profile-actions{ flex-direction: column; }
  .profile-actions-secondary{ grid-template-columns: 1fr 1fr; }
  .profile-tabs-wrap{ padding: 18px; }
  .profile-stat-grid{ grid-template-columns: repeat(2,1fr); }
  .profile-panel{ padding: 16px; }
  .favorite-list-item{ grid-template-columns: 50px minmax(0,1fr); }
  .favorite-list-item img{ width: 50px; height: 50px; }
  .favorite-item-actions{ grid-column: 1 / -1; }
  .favorite-item-actions .button{ flex: 1; width: auto; }
  .newsletter-input{ grid-template-columns: 1fr; }
  .newsletter-input .button{ width: 100%; }
}

@media (max-width: 430px) {
  .hero-actions{ flex-direction: column; }
  .hero-actions .button{ width: 100%; flex-basis: auto; }
  .hero-proof{ flex-direction: column; align-items: center; text-align: center; }
  .hero-visual{ min-height: 410px; }
  .dashboard-card{ padding: 17px; }
  .dashboard-click-hint{ grid-template-columns: 32px minmax(0,1fr); padding: 9px 10px; }
  .dashboard-click-hint > span{ width: 32px; height: 32px; }
  .dashboard-score-row{ grid-template-columns: 1fr; }
  .score-ring{ margin-inline: auto; }
  .dashboard-metrics{ grid-template-columns: repeat(2,1fr); }
  .hero-chart{ height: 104px; }
  .card-metrics{ gap: 6px; }
  .metric-box{ padding-inline: 5px; }
  .metric-box strong{ font-size: .88rem; }
  .stats-grid{ grid-template-columns: 1fr; }
  .cta-card{ padding: 30px 20px; }
  .modal-simple-head{ padding-inline-end: 36px; }
}

@media (max-width: 370px) {
  
  .card-top{ grid-template-columns: 58px minmax(0,1fr) auto; }
  .blogger-avatar{ width: 58px; height: 58px; }
  .profile-stat-grid{ grid-template-columns: 1fr 1fr; gap: 7px; }
}

@media (max-width: 1080px) {
  .profile-page-layout{ grid-template-columns: minmax(0,1fr) 280px; }
  .profile-page-stats{ grid-template-columns: repeat(3,1fr); }
  .profile-collaboration-section{ gap: 28px; padding: 32px; }
}

@media (max-width: 860px) {
  .profile-page-header .profile-breadcrumb{ display: none; }
  .profile-header-actions{ margin-inline-start: auto; }
  .profile-page-layout{ grid-template-columns: 1fr; }
  .profile-page-sidebar{ grid-template-columns: repeat(3,1fr); position: static; }
  .profile-collaboration-section{ grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .profile-page-main{ padding-top: 24px; }
  .profile-page-cover{ min-height: 160px; padding: 18px; }
  .profile-page-identity{ grid-template-columns: 110px minmax(0,1fr); padding-inline: 22px; margin-top: -50px; align-items: end; }
  .profile-page-identity > img{ width: 110px; height: 110px; border-radius: 27px; }
  .profile-page-identity > .button{ grid-column: 1 / -1; width: 100%; margin: 4px 0 0; }
  .profile-page-bio{ margin-inline: 22px; }
  .profile-page-stats{ padding-inline: 22px; }
  .profile-page-content-grid{ grid-template-columns: 1fr 1fr; }
  .profile-page-reviews{ grid-template-columns: 1fr; }
  .profile-page-sidebar{ grid-template-columns: 1fr 1fr; }
  .profile-collaboration-section{ padding: 28px 22px; }
}

@media (max-width: 620px) {
  .profile-header-actions .button{ display: none; }
  .profile-page-hero{ border-radius: 22px; }
  .profile-page-cover{ min-height: 150px; }
  .profile-page-badge{ font-size: .67rem; }
  .profile-page-hero-actions .button{ width: 42px; min-width: 42px; padding: 0; }
  .profile-page-hero-actions .button span{ display: none; }
  .profile-page-identity{ grid-template-columns: 88px minmax(0,1fr); padding-inline: 16px; margin-top: -40px; }
  .profile-page-identity > img{ width: 88px; height: 88px; border-radius: 22px; border-width: 4px; }
  .profile-page-name h1{ font-size: 1.35rem; }
  .profile-page-name > p{ font-size: .75rem; }
  .profile-page-bio{ margin: 20px 16px 0; font-size: .84rem; }
  .profile-page-stats{ grid-template-columns: repeat(2,1fr); padding: 20px 16px 24px; }
  .profile-page-section{ padding: 18px; }
  .profile-page-section-head{ align-items: flex-start; flex-direction: column; }
  .profile-page-chart{ height: 190px; }
  .profile-page-content-grid{ grid-template-columns: 1fr; }
  .profile-page-sidebar{ grid-template-columns: 1fr; }
  .profile-collaboration-section{ padding: 24px 16px; border-radius: 22px; }
  .profile-collaboration-form{ padding: 16px; }
}

@media (max-width: 390px) {
  .profile-page-stats{ gap: 7px; }
  .profile-page-stats > div{ min-height: 78px; }
  .profile-page-cover{ min-height: 138px; }
  .profile-page-badge{ max-width: 145px; line-height: 1.5; }
}

/* Homepage blogger-card sizing after removing the smart-search block. */
@media (max-width: 1024px) {
  .bloggers-section .blogger-card{ --blogger-avatar-size: 96px; }
}

@media (max-width: 620px) {
  .bloggers-section .blogger-card{ --blogger-avatar-size: 84px; }
  .bloggers-section .blogger-card .card-rating{ flex-wrap: wrap; row-gap: 5px; }
  .bloggers-section .blogger-card .local-feedback-pill{ margin-inline-start: 0; }
}

@media (max-width: 390px) {
  .bloggers-section .blogger-card{ --blogger-avatar-size: 80px; }
  .bloggers-section .blogger-card .card-actions{ grid-template-columns: minmax(0, 1fr) 46px; }
  .bloggers-section .blogger-card .card-actions .button{ min-width: 0; }
}


/* SOURCE css/luminae.css */
/*
 * iBlogger — Luminae-inspired visual layer
 * Loaded after the original styles so the existing PHP/JS functionality remains intact.
 */
:root{
  --color-brand-yellow: #d7efb1;
  --color-brand-gold: #bddb8e;
  --color-charcoal: #1f2c23;
  --color-deep: #142019;
  --color-neutral-light: #e6e2d9;
  --color-neutral: #667068;
  --color-positive: #9fc9aa;
  --color-negative: #c96a72;
  --color-primary: #203027;
  --color-primary-hover: #35483c;
  --color-primary-active: #142019;
  --color-primary-soft: #edf2e9;
  --color-secondary: #8fb6a4;
  --color-secondary-hover: #769d8b;
  --color-secondary-soft: #e8f1ed;
  --color-accent: #d8c5ea;
  --color-accent-soft: #f2eafa;
  --color-background: #f5f2eb;
  --color-background-alt: #ece8df;
  --color-surface: #fbfaf6;
  --color-surface-elevated: #ffffff;
  --color-surface-subtle: #efede6;
  --color-text-primary: #213027;
  --color-text-secondary: #687169;
  --color-text-muted: #929990;
  --color-border: rgba(33,48,39,.14);
  --color-border-strong: rgba(33,48,39,.25);
  --color-success: #719a82;
  --color-success-soft: #e5efe8;
  --color-warning: #c9a952;
  --color-warning-soft: #f7efd7;
  --color-error: #b75e69;
  --color-error-soft: #fae9eb;
  --color-info: #728078;
  --color-info-soft: #e9eeeb;
  --color-on-primary: #f9f7f1;
  --color-on-dark: #f9f7f1;
  --color-overlay: rgba(18,29,23,.65);
  --shadow-xs: 0 2px 8px rgba(34,43,38,.04);
  --shadow-sm: 0 12px 32px rgba(34,43,38,.07);
  --shadow-md: 0 24px 70px rgba(34,43,38,.10);
  --shadow-lg: 0 44px 120px rgba(34,43,38,.16);
  --shadow-primary: 0 16px 42px rgba(31,44,35,.16);
  --radius-xs: 12px;
  --radius-sm: 18px;
  --radius-md: 24px;
  --radius-lg: 32px;
  --radius-xl: 44px;
  --container-width: 1240px;
  --header-height: 78px;
  --brand-logo-height: 36px;
  --brand-logo-height-mobile: 30px;
  --transition-fast: 180ms ease;
  --transition-normal: 360ms cubic-bezier(.2,.75,.2,1);
  --transition-slow: 700ms cubic-bezier(.16,1,.3,1);
}



html{ scroll-padding-top: 96px; }
body{
  background:
    radial-gradient(circle at 12% 0%, rgba(213,231,199,.28), transparent 28rem),
    var(--color-background);
  letter-spacing: -.01em;
}

.container{ width: min(calc(100% - 48px), var(--container-width)); }
.section{ padding-block: clamp(82px, 10vw, 150px); }

h1, h2, h3, h4{ font-weight: 650; letter-spacing: -.045em; }
h1, h2{ text-wrap: balance; }
p{ text-wrap: pretty; }

/* Floating minimalist header */
.site-header{
  height: var(--header-height);
  top: 14px;
  width: min(calc(100% - 32px), 1280px);
  margin-inline: auto;
  border: 1px solid rgba(33,48,39,.10);
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-surface) 76%, transparent);
  box-shadow: 0 8px 30px rgba(38,49,42,.05);
  backdrop-filter: blur(22px) saturate(135%);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
}
.site-header.is-scrolled{
  background: color-mix(in srgb, var(--color-surface) 92%, transparent);
  border-color: var(--color-border);
  box-shadow: 0 16px 50px rgba(38,49,42,.09);
}
.header-inner{ gap: 18px; padding-inline: 14px 10px; }
.site-logo-image{ filter: none; max-width: 138px; }
.desktop-nav{ gap: 0; }
.nav-link{
  padding: 9px 12px;
  border-radius: 999px;
  font-size: .84rem;
  font-weight: 600;
}
.nav-link::after{ display:none; }
.nav-link:hover, .nav-link.is-active{ background: rgba(33,48,39,.07); color: var(--color-text-primary); }
.header-actions{ gap: 5px; }
.icon-button{
  width: 40px; height: 40px; border-radius: 50%; background: transparent; box-shadow:none;
}
.icon-button:hover{ background: rgba(33,48,39,.07); color:var(--color-text-primary); box-shadow:none; transform:none; }
.header-actions .button{ min-height:40px; padding:8px 16px; }
.button{
  border-radius: 999px;
  font-weight: 650;
  letter-spacing: -.015em;
  box-shadow: none;
}
.button-primary{ background: var(--color-primary); color: var(--color-on-primary); box-shadow: 0 10px 30px rgba(31,44,35,.12); }
.button-primary:hover{ background: var(--color-primary-hover); box-shadow: 0 14px 38px rgba(31,44,35,.16); }
.button-secondary{ background: transparent; border-color:var(--color-border-strong); box-shadow:none; }
.button-secondary:hover{ background:rgba(33,48,39,.05); box-shadow:none; }
.button-ghost:hover{ background:rgba(33,48,39,.05); color:var(--color-text-primary); }
.button-large{ min-height: 54px; padding-inline: 24px; }

/* Homepage hero closely follows the airy editorial composition of the reference. */
.lm-hero{
  position: relative;
  min-height: 950px;
  padding: 178px 0 108px;
  overflow: hidden;
  isolation: isolate;
}
.lm-hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 50% 31%, rgba(255,255,255,.90) 0 10%, rgba(255,255,255,.45) 28%, transparent 53%),
    linear-gradient(180deg, rgba(240,238,231,.62), rgba(246,243,236,.2));
  z-index:-3;
}
.lm-hero-copy{ width:min(720px, 88vw); margin:0 auto; text-align:center; position:relative; z-index:5; }
.lm-trust{ display:flex; align-items:center; justify-content:center; gap:12px; color:var(--color-text-secondary); font-size:.84rem; margin-bottom:24px; }
.lm-trust-avatars{ display:flex; direction:ltr; padding-left:8px; }
.lm-trust-avatars img{ width:34px;height:34px;border-radius:50%;border:3px solid var(--color-background);margin-left:-9px;object-fit:cover; }
.lm-trust-badge{ width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--color-primary);color:var(--color-on-primary);border:3px solid var(--color-background);margin-left:-9px;font-size:.66rem;font-weight:700; }
.lm-hero h1{ font-size:clamp(3rem,7vw,6.7rem); line-height:.98; font-weight:560; margin:0 auto 24px; max-width:920px; letter-spacing:-.065em; }
.lm-hero h1 span{ display:block; font-style:italic; font-weight:430; }
.lm-hero-copy > p{ font-size:clamp(1rem,1.4vw,1.18rem); line-height:2; color:var(--color-text-secondary); max-width:570px; margin:0 auto 30px; }
.lm-hero .button{ min-width:172px; }
.lm-orbit{ position:absolute; inset:0; pointer-events:none; z-index:0; }
.lm-shot{ position:absolute; overflow:hidden; border-radius:32px; box-shadow:0 26px 80px rgba(40,46,41,.14); transform-origin:center; }
.lm-shot img{ width:100%;height:100%;object-fit:cover; }
.lm-shot::after{ content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.35);border-radius:inherit; }
.lm-s1{ width:210px;height:265px;left:1.5%;top:128px;transform:rotate(-7deg); }
.lm-s2{ width:165px;height:205px;left:17%;top:48px;transform:rotate(7deg); }
.lm-s3{ width:190px;height:245px;right:14%;top:50px;transform:rotate(-4deg); }
.lm-s4{ width:220px;height:180px;right:-2%;top:196px;transform:rotate(7deg); }
.lm-s5{ width:205px;height:250px;left:6%;bottom:78px;transform:rotate(5deg); }
.lm-s6{ width:162px;height:208px;left:23%;bottom:18px;transform:rotate(-6deg); }
.lm-s7{ width:178px;height:230px;right:22%;bottom:10px;transform:rotate(6deg); }
.lm-s8{ width:220px;height:260px;right:2%;bottom:78px;transform:rotate(-5deg); }
.lm-glow{ position:absolute;border-radius:50%;filter:blur(4px);z-index:-2; }
.lm-glow-a{ width:420px;height:420px;right:25%;top:50px;background:radial-gradient(circle,#d7edc8,transparent 68%);opacity:.55; }
.lm-glow-b{ width:450px;height:450px;left:25%;bottom:0;background:radial-gradient(circle,#eedcf4,transparent 68%);opacity:.50; }

/* Section language */
.lm-kicker, .section-kicker, .eyebrow{ text-transform:uppercase; letter-spacing:.13em; font-size:.72rem; font-weight:700; color:var(--color-text-secondary); background:none; border:0; padding:0; border-radius:0; margin-bottom:14px; }
.lm-heading{ font-size:clamp(2.3rem,5vw,4.8rem); line-height:1.08; font-weight:540; margin:0; }
.lm-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:38px; margin-bottom:54px; }
.lm-section-head p{ max-width:520px; color:var(--color-text-secondary); margin:0; line-height:1.9; }

.lm-impact{ padding-top:28px; }
.lm-impact-wrap{ background:var(--color-surface); border:1px solid var(--color-border); border-radius:42px; padding:clamp(34px,5vw,68px); box-shadow:var(--shadow-xs); }
.lm-impact-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px; }
.lm-stat{ min-height:260px;border-radius:30px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:#dde8df; }
.lm-stat:nth-child(2){background:#e9ddf1}.lm-stat:nth-child(3){background:#efe0c7}
.lm-stat::before{ content:"";position:absolute;inset:auto -35px -70px auto;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.48);filter:blur(1px); }
.lm-stat strong{ font-size:clamp(3rem,6vw,5rem);font-weight:520;letter-spacing:-.07em;line-height:1; }
.lm-stat span{ color:#3f4c44;font-size:.92rem; }

.lm-split{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(42px,8vw,110px);align-items:center; }
.lm-philosophy-media{ position:relative;min-height:610px; }
.lm-philosophy-media > img{ width:86%;height:580px;border-radius:36px;object-fit:cover;box-shadow:var(--shadow-md); }
.lm-peace-card{ position:absolute;bottom:18px;left:0;width:min(290px,72%);padding:22px;border-radius:26px;background:rgba(251,250,246,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-sm); }
.lm-peace-card b{ display:block;font-size:2rem;margin-block:7px 2px; }
.lm-philosophy-copy .lm-heading{ margin-bottom:28px; }
.lm-philosophy-copy p{ color:var(--color-text-secondary);line-height:2;font-size:1.03rem;margin-bottom:26px; }

/* Dynamic blogger area */
.bloggers-section{ background:#213028; color:#f6f3eb; border-radius:48px; width:min(calc(100% - 28px), 1450px); margin-inline:auto; overflow:hidden; }
.bloggers-section .lm-section-head{ color:#f6f3eb; }
.bloggers-section .lm-section-head p, .bloggers-section .lm-kicker{ color:#b9c4bb; }
.blogger-grid{ gap:20px; }
.blogger-card, .skeleton-card{ border-radius:28px!important; border-color:rgba(255,255,255,.09)!important; box-shadow:none!important; overflow:hidden; }
.blogger-card{ background:#f8f5ee!important;color:#203027!important; }
.blogger-card:hover{ transform:translateY(-5px)!important; box-shadow:0 25px 70px rgba(0,0,0,.16)!important; }

.lm-services-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.lm-service{ min-height:520px;border-radius:34px;position:relative;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);display:flex;flex-direction:column; }
.lm-service-media{ height:270px;overflow:hidden; }
.lm-service-media img{ width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1); }
.lm-service:hover .lm-service-media img{ transform:scale(1.035); }
.lm-service-body{ padding:26px;display:flex;flex-direction:column;flex:1; }
.lm-service h3{ font-size:1.75rem;font-weight:560;margin-bottom:12px; }
.lm-service p{ color:var(--color-text-secondary);line-height:1.9;font-size:.94rem; }
.lm-service-meta{ margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px; }
.lm-pill{ display:inline-flex;align-items:center;padding:7px 11px;border:1px solid var(--color-border);border-radius:999px;font-size:.72rem;color:var(--color-text-secondary); }
.lm-arrow{ width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--color-primary);color:var(--color-on-primary);font-size:1.2rem; }

.lm-how{ background:#e5e0d6; border-radius:48px; width:min(calc(100% - 28px),1450px); margin-inline:auto; }
.lm-steps{ display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px; }
.lm-step{ border-radius:30px;overflow:hidden;background:var(--color-surface);min-height:470px;border:1px solid rgba(33,48,39,.07); }
.lm-step img{ width:100%;height:225px;object-fit:cover; }
.lm-step-body{ padding:25px; }
.lm-step small{ color:var(--color-text-muted);font-size:.7rem;letter-spacing:.1em; }
.lm-step h3{ font-size:1.55rem;margin:10px 0 12px;font-weight:560; }
.lm-step p{ color:var(--color-text-secondary);font-size:.9rem;line-height:1.85; }

.lm-stories{ overflow:hidden; }
.lm-story-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.lm-story{ min-height:420px;border-radius:32px;position:relative;overflow:hidden; }
.lm-story img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.lm-story::after{ content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(12,20,15,.75)); }
.lm-story-caption{ position:absolute;z-index:2;inset:auto 24px 24px;color:white; }
.lm-story-caption h3{ margin-bottom:4px;font-size:1.4rem; }
.lm-story-caption p{ margin:0;color:rgba(255,255,255,.78);font-size:.86rem; }

.lm-feature{ background:linear-gradient(135deg,#cfdfcc,#e9daf2 55%,#e7dcc5);border-radius:48px;overflow:hidden; }
.lm-feature-grid{ display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:clamp(40px,7vw,90px); }
.lm-feature-copy .lm-heading{ margin-bottom:22px; }
.lm-feature-copy p{ max-width:520px;line-height:1.95;color:#4d5c52;margin-bottom:26px; }
.lm-device{ min-height:480px;position:relative;display:grid;place-items:center; }
.lm-device-phone{ width:250px;height:470px;border:10px solid #1d2a22;border-radius:48px;background:#f7f4ec;box-shadow:0 40px 80px rgba(39,48,42,.20);padding:22px;transform:rotate(4deg); }
.lm-device-phone::before{ content:"";display:block;width:76px;height:19px;border-radius:20px;background:#1d2a22;margin:-14px auto 24px; }
.lm-chat{ padding:12px 14px;border-radius:18px;background:#dce9dd;margin-bottom:12px;font-size:.78rem;line-height:1.65; }
.lm-chat:nth-child(3){background:#eee5f4;margin-right:28px}.lm-chat:nth-child(4){background:#eadfce;margin-left:20px}
.lm-feature-orb{ position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.46);right:4%;top:6%; }

.lm-gift{ padding-block:64px; }
.lm-gift-card{ display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:34px;padding:34px 38px; }
.lm-gift-card h3{ font-size:clamp(1.7rem,3vw,2.7rem);font-weight:550;margin:3px 0 8px; }
.lm-gift-card p{ margin:0;color:var(--color-text-secondary); }

.lm-faq-wrap{ display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start; }
.lm-faq-list{ border-top:1px solid var(--color-border); }
.lm-faq-item{ border-bottom:1px solid var(--color-border); }
.lm-faq-item summary{ list-style:none;cursor:pointer;padding:24px 2px;font-size:1.06rem;font-weight:600;display:flex;justify-content:space-between;gap:20px; }
.lm-faq-item summary::-webkit-details-marker{display:none}.lm-faq-item summary::after{content:"+";font-size:1.35rem;font-weight:400}.lm-faq-item[open] summary::after{content:"−"}
.lm-faq-item p{ padding:0 2px 24px;margin:0;color:var(--color-text-secondary);line-height:1.95; }

.lm-final{ padding:18px 0 94px; }
.lm-final-card{ min-height:620px;border-radius:46px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:64px;color:white;background:#1e2d24; }
.lm-final-card > img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85); }
.lm-final-card::after{ content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,30,24,.08),rgba(19,28,22,.76)); }
.lm-final-copy{ position:relative;z-index:2;max-width:760px; }
.lm-final-copy .lm-heading{ font-size:clamp(2.6rem,6vw,5.4rem);margin-bottom:18px; }
.lm-final-copy p{ color:rgba(255,255,255,.78);max-width:600px;margin:0 auto 24px; }
.lm-final-copy .button{ background:#f6f2e8;color:#1e2d24; }

/* Footer */
.site-footer{ background:transparent;color:var(--color-text-primary);padding-top:20px;border:0; }
.footer-grid{ border-top:1px solid var(--color-border);padding-top:52px; }
.footer-brand p, .footer-column a, .footer-newsletter p, .footer-bottom{ color:var(--color-text-secondary); }
.footer-column h3, .footer-newsletter h3{ font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;font-weight:650; }
.footer-bottom{ border-top:1px solid var(--color-border); }
.social-links a{ border-color:var(--color-border);background:transparent; }
.newsletter-input{ border-radius:999px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface);padding:4px; }
.newsletter-input input{ border:0!important;background:transparent!important; }
.newsletter-input .button{ min-height:42px; }

/* Generic pages inherit the same visual system. */
.auth-page, .profile-page, .service-page, body:has(.submission-shell){ background:var(--color-background)!important; }
.auth-card, .service-card, .submission-card, .profile-card, .feedback-card, .moderation-card, .dashboard-card, .benefit-card, .add-blogger-promo-card{
  border-radius:30px!important;
  border-color:var(--color-border)!important;
  box-shadow:var(--shadow-xs)!important;
  background:var(--color-surface)!important;
}
input, select, textarea{ border-radius:15px!important;border-color:var(--color-border)!important;background:var(--color-surface)!important; }
.modal-panel{ border-radius:32px!important;background:var(--color-surface)!important; }
.back-to-top{ border-radius:50%!important;background:var(--color-primary)!important;color:var(--color-on-primary)!important; }

@media (max-width: 1180px) {
  .desktop-nav{ display:none; }
  .menu-toggle{ display:inline-grid; }
  .header-actions > .button-ghost, .header-actions > .button-primary{ display:none; }
  .lm-s1{left:-5%}.lm-s4{right:-6%}.lm-s5{left:-4%}.lm-s8{right:-4%}
  .lm-services-grid{grid-template-columns:repeat(2,1fr)}
  .lm-services-grid .lm-service:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:320px}.lm-services-grid .lm-service:last-child .lm-service-media{height:100%}
  .lm-steps{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 820px) {
  .container{ width:min(calc(100% - 28px),var(--container-width)); }
  .site-header{ top:8px;width:calc(100% - 16px);height:66px; }
  .header-inner{ padding-inline:8px; }
  .lm-hero{ min-height:870px;padding-top:145px;padding-bottom:70px; }
  .lm-hero h1{ font-size:clamp(2.8rem,12vw,5rem); }
  .lm-s1{width:140px;height:180px;left:-40px;top:100px}.lm-s2{width:110px;height:140px;left:10%;top:32px}.lm-s3{width:120px;height:150px;right:9%;top:28px}.lm-s4{width:145px;height:120px;right:-45px;top:128px}
  .lm-s5{width:140px;height:170px;left:-35px;bottom:40px}.lm-s6{width:105px;height:135px;left:23%;bottom:0}.lm-s7{width:115px;height:145px;right:25%;bottom:-5px}.lm-s8{width:140px;height:170px;right:-36px;bottom:45px}
  .lm-section-head{display:block}.lm-section-head p{margin-top:18px}.lm-impact-grid{grid-template-columns:1fr}.lm-stat{min-height:190px}
  .lm-split, .lm-feature-grid, .lm-faq-wrap{grid-template-columns:1fr}.lm-philosophy-media{min-height:510px}.lm-philosophy-media>img{height:480px;width:92%}.lm-philosophy-copy{order:-1}
  .bloggers-section, .lm-how{border-radius:34px;width:calc(100% - 12px)}
  .lm-services-grid{grid-template-columns:1fr}.lm-services-grid .lm-service:last-child{display:flex;grid-column:auto}.lm-services-grid .lm-service:last-child .lm-service-media{height:270px}
  .lm-story-grid{grid-template-columns:1fr}.lm-story{min-height:360px}.lm-gift-card{grid-template-columns:1fr}.lm-gift-card .button{width:max-content}
  .lm-final-card{min-height:520px;padding:38px 22px;border-radius:34px}.lm-feature-grid{padding:42px 24px;gap:30px}.lm-device{min-height:420px}.lm-device-phone{width:220px;height:410px}
}

@media (max-width: 560px) {
  .section{ padding-block:78px; }
  .lm-hero{ min-height:790px; padding-top:126px; }
  .lm-hero-copy{ width:92vw; }
  .lm-hero-copy>p{ font-size:.94rem; }
  .lm-trust{ gap:8px;font-size:.75rem; }
  .lm-shot{ border-radius:22px;opacity:.94; }
  .lm-s1{width:92px;height:108px;left:-34px;top:62px}.lm-s2{width:78px;height:96px;left:15%;top:28px}.lm-s3{width:82px;height:100px;right:15%;top:27px}.lm-s4{width:94px;height:82px;right:-31px;top:65px}
  .lm-s5{width:105px;height:135px;left:-38px;bottom:48px}.lm-s6{width:78px;height:100px;left:21%;bottom:8px}.lm-s7{width:84px;height:108px;right:23%;bottom:6px}.lm-s8{width:106px;height:135px;right:-40px;bottom:50px}
  .lm-heading{font-size:clamp(2.05rem,10vw,3.25rem)}
  .lm-impact-wrap{padding:28px 18px;border-radius:30px}.lm-impact-grid{margin-top:30px}.lm-stat{padding:22px;border-radius:24px}
  .lm-philosophy-media{min-height:410px}.lm-philosophy-media>img{height:390px;border-radius:28px}.lm-peace-card{padding:17px;border-radius:22px}
  .lm-services-grid, .lm-steps{grid-template-columns:1fr}.lm-step{min-height:0}.lm-step img{height:210px}
  .lm-feature{border-radius:32px}.lm-device{min-height:350px}.lm-device-phone{width:190px;height:350px;border-width:8px;border-radius:38px;padding:18px}.lm-chat{font-size:.66rem}
  .lm-gift-card{padding:25px 22px;border-radius:26px}.lm-faq-wrap{gap:35px}.lm-final{padding-bottom:68px}.lm-final-card{min-height:470px}
}


/* SOURCE css/luminae-pixel.css */
/*
 * iBlogger — Luminae reference pass: Header + Hero
 * Loaded after luminae.css. Scope is limited to the homepage.
 */
.home-page{
  --lm-night: #0b1230;
  --lm-night-2: #151a4d;
  --lm-violet: #42359a;
  --lm-lilac: #8a4db8;
  --lm-white: #f7f4ee;
  --lm-dim: rgba(247,244,238,.56);
  --lm-header: rgba(6, 12, 34, .94);
}

/* Floating dark capsule, mirroring the reference header. */
.home-page .site-header{
  position: fixed;
  top: 12px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: min(870px, calc(100% - 42px));
  height: 66px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: var(--lm-header);
  box-shadow: 0 14px 40px rgba(3,7,25,.22), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  z-index: 800;
}
.home-page .site-header.is-scrolled{
  background: rgba(6,12,34,.96);
  border-color: rgba(255,255,255,.11);
  box-shadow: 0 16px 46px rgba(3,7,25,.28);
}
.home-page .header-inner{
  width: 100%;
  height: 100%;
  padding: 0 10px 0 9px;
  margin: 0;
  display: grid;
  grid-template-columns: 148px 1fr 148px;
  align-items: center;
  gap: 12px;
}
.home-page .brand{
  justify-self: end;
  display: inline-flex;
  align-items: center;
  min-width: 0;
}
.home-page .site-logo{ display: inline-flex; align-items: center; }
.home-page .site-logo-image{
  width: 126px;
  max-width: 126px;
  height: auto;
  filter: none;
}
.home-page .logo-light{ display: none !important; }

.home-page .desktop-nav{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  min-width: 0;
}
.home-page .desktop-nav .nav-link{
  padding: 8px 0;
  border-radius: 0;
  background: transparent !important;
  color: rgba(255,255,255,.54);
  font-size: .73rem;
  line-height: 1;
  font-weight: 520;
  white-space: nowrap;
}
.home-page .desktop-nav .nav-link:hover, .home-page .desktop-nav .nav-link.is-active{ color: #fff; }
.home-page .header-actions{
  justify-self: start;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  min-width: 0;
}
.home-page .header-actions .lm-header-utility{ display: none; }
.home-page .header-actions .button-primary{
  min-height: 46px;
  padding: 10px 20px;
  border: 1px solid rgba(255,255,255,.7);
  background: #f7f4ee;
  color: #14172b;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  font-size: .72rem;
  font-weight: 650;
}
.home-page .header-actions .button-primary:hover{
  background: #fff;
  color: #0a0e22;
  transform: none;
}
.home-page .menu-toggle{ display: none; color: #fff; }

/* Dark violet hero from the real template frame. */
.home-page .lm-hero{
  position: relative;
  min-height: clamp(720px, 100svh, 860px);
  padding: 0;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 106%, rgba(239,105,223,.64) 0%, rgba(146,72,221,.50) 20%, rgba(66,58,162,.22) 42%, transparent 67%),
    linear-gradient(180deg, #0c1330 0%, #111843 37%, #26216f 65%, #7042aa 100%);
  color: var(--lm-white);
}
.home-page .lm-hero::before{
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  width: min(1360px, 108vw);
  height: 1200px;
  left: 50%;
  top: -180px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 4px dotted rgba(64,112,255,.78);
  box-shadow:
    0 0 18px 5px rgba(67,92,255,.34),
    0 0 48px 13px rgba(91,66,255,.31),
    0 0 100px 24px rgba(174,70,255,.22),
    inset 0 0 65px rgba(41,92,255,.14);
  filter: blur(.2px);
  opacity: .88;
}
.home-page .lm-hero::after{
  content: "";
  position: absolute;
  inset: auto -8% -18% -8%;
  height: 58%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,132,225,.62), rgba(122,70,220,.52) 30%, rgba(51,51,154,.12) 62%, transparent 74%);
  filter: blur(34px);
}
.home-page .lm-hero-copy{
  position: relative;
  z-index: 6;
  width: min(720px, calc(100% - 44px));
  margin: 0 auto;
  padding-top: 137px;
  text-align: center;
  color: var(--lm-white);
}
.home-page .lm-trust{
  display: inline-flex;
  width: auto;
  margin: 0 auto 16px;
  padding: 5px 9px 5px 7px;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.075);
  color: rgba(255,255,255,.57);
  font-family: Arial, sans-serif;
  font-size: .57rem;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.home-page .lm-trust-avatars{
  display: flex;
  align-items: center;
  direction: ltr;
  padding-left: 3px;
}
.home-page .lm-trust-avatars img, .home-page .lm-trust-badge{
  width: 20px;
  height: 20px;
  margin-left: -5px;
  border: 1.5px solid #1a1d4f;
}
.home-page .lm-trust-badge{
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.16);
  color: #fff;
  font-size: .43rem;
  font-weight: 700;
}
.home-page .lm-hero h1{
  max-width: 700px;
  margin: 0 auto 12px;
  color: #f8f4ee;
  font-family: Georgia, "Times New Roman", "Noto Naskh Arabic", serif;
  font-size: clamp(3rem, 4.7vw, 4.45rem);
  line-height: .96;
  font-weight: 500;
  letter-spacing: -.045em;
  text-shadow: 0 2px 18px rgba(2,4,20,.14);
}
.home-page .lm-hero h1 span{
  display: block;
  margin-top: .05em;
  font-family: Georgia, "Times New Roman", "Noto Naskh Arabic", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.04em;
}
.home-page .lm-hero-copy > p{
  max-width: 475px;
  margin: 0 auto 20px;
  color: rgba(247,244,238,.58);
  font-size: .76rem;
  line-height: 1.8;
  font-weight: 430;
}
.home-page .lm-hero .hero-actions{ margin: 0; }
.home-page .lm-hero .button-large{
  min-width: 145px;
  min-height: 47px;
  padding: 10px 18px;
  border: 1px solid rgba(255,255,255,.72);
  background: #f7f4ee;
  color: #191a29;
  box-shadow: 0 10px 24px rgba(7,8,27,.17);
  font-size: .71rem;
  font-weight: 650;
}
.home-page .lm-hero .button-large:hover{ background:#fff; color:#10121f; transform:none; }

/* Reference hero uses a looping image ticker along the bottom. */
.home-page .lm-hero-marquee{
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  bottom: -65px;
  overflow: hidden;
  padding: 22px 0 0;
  direction: ltr;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 3.5%, #000 96.5%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 3.5%, #000 96.5%, transparent 100%);
}
.home-page .lm-marquee-track{
  display: flex;
  align-items: flex-end;
  gap: 18px;
  width: max-content;
  padding-right: 18px;
  animation: lmMarquee 42s linear infinite;
  will-change: transform;
}
.home-page .lm-marquee-set{
  display: flex;
  align-items: flex-end;
  gap: 18px;
}
.home-page .lm-tile{
  flex: 0 0 auto;
  width: 164px;
  height: 242px;
  overflow: hidden;
  border-radius: 28px;
  background: rgba(255,255,255,.10);
  box-shadow: 0 20px 48px rgba(4,6,24,.18);
  transform-origin: 50% 100%;
}
.home-page .lm-tile img{ width: 100%; height: 100%; object-fit: cover; }
.home-page .lm-tile:nth-child(3n/**/+1){ height: 275px; transform: rotate(-2.2deg); }
.home-page .lm-tile:nth-child(3n/**/+2){ width: 148px; height: 226px; transform: rotate(1.5deg); }
.home-page .lm-tile:nth-child(5n){ width: 178px; height: 258px; transform: rotate(2.2deg); }
.home-page .lm-tile:nth-child(7n){ width: 186px; height: 285px; transform: rotate(-1.3deg); }
@keyframes lmMarquee { to{ transform: translateX(calc(-50% - 9px)); } }
@media (prefers-reduced-motion: reduce) { .home-page .lm-marquee-track{ animation: none; } }

/* The next section returns to the light editorial system. */
.home-page .lm-impact{ padding-top: 28px; }

@media (max-width: 920px) {
  .home-page .site-header{ width: min(680px, calc(100% - 30px)); height: 62px; top: 10px; }
  .home-page .header-inner{ grid-template-columns: 1fr auto; padding: 0 9px 0 10px; }
  .home-page .desktop-nav{ display: none; }
  .home-page .brand{ justify-self: end; }
  .home-page .header-actions{ justify-self: start; }
  .home-page .header-actions .button-primary{ display: none; }
  .home-page .menu-toggle{
    display: inline-grid;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.05);
  }
  .home-page .site-logo-image{ width: 121px; max-width: 121px; }
  .home-page .lm-hero-copy{ padding-top: 126px; }
  .home-page .lm-hero h1{ font-size: clamp(3rem, 8vw, 4.2rem); }
  .home-page .lm-tile{ width: 146px; height: 220px; border-radius: 25px; }
  .home-page .lm-tile:nth-child(3n/**/+1){ height: 248px; }
  .home-page .lm-tile:nth-child(3n/**/+2){ width: 132px; height: 204px; }
  .home-page .lm-tile:nth-child(5n){ width: 158px; height: 230px; }
  .home-page .lm-tile:nth-child(7n){ width: 165px; height: 254px; }
}

@media (max-width: 560px) {
  .home-page .site-header{
    width: calc(100% - 22px);
    height: 58px;
    top: 8px;
  }
  .home-page .header-inner{ padding-inline: 8px; }
  .home-page .site-logo-image{ width: 112px; max-width: 112px; }
  .home-page .menu-toggle{ width: 39px; height: 39px; }
  .home-page .lm-hero{
    min-height: 760px;
    background:
      radial-gradient(ellipse at 50% 104%, rgba(238,110,220,.63), rgba(133,68,216,.46) 25%, rgba(58,51,153,.18) 52%, transparent 72%),
      linear-gradient(180deg, #0c1330 0%, #121847 39%, #272070 68%, #7040a9 100%);
  }
  .home-page .lm-hero::before{
    width: 710px;
    height: 790px;
    top: -175px;
    border-width: 3px;
  }
  .home-page .lm-hero-copy{
    width: calc(100% - 32px);
    padding-top: 118px;
  }
  .home-page .lm-trust{
    margin-bottom: 14px;
    font-size: .5rem;
    padding: 4px 8px 4px 6px;
  }
  .home-page .lm-trust-avatars img, .home-page .lm-trust-badge{ width: 18px; height: 18px; }
  .home-page .lm-hero h1{
    max-width: 360px;
    margin-bottom: 13px;
    font-size: clamp(2.55rem, 11.4vw, 3.35rem);
    line-height: 1.02;
  }
  .home-page .lm-hero-copy > p{
    max-width: 330px;
    margin-bottom: 18px;
    font-size: .72rem;
    line-height: 1.85;
  }
  .home-page .lm-hero .button-large{
    min-width: 139px;
    min-height: 45px;
  }
  .home-page .lm-hero-marquee{ bottom: -24px; padding-top: 15px; }
  .home-page .lm-marquee-track, .home-page .lm-marquee-set{ gap: 10px; }
  .home-page .lm-marquee-track{ padding-right: 10px; animation-duration: 32s; }
  .home-page .lm-tile{ width: 105px; height: 164px; border-radius: 20px; }
  .home-page .lm-tile:nth-child(3n/**/+1){ height: 192px; }
  .home-page .lm-tile:nth-child(3n/**/+2){ width: 92px; height: 150px; }
  .home-page .lm-tile:nth-child(5n){ width: 115px; height: 178px; }
  .home-page .lm-tile:nth-child(7n){ width: 121px; height: 198px; }
}

/* =========================================================
   V2.1 — Header + Hero final alignment pass
   Geometry calibrated against the supplied Luminae reference frame.
   ========================================================= */
.home-page .site-header{
  top: 9px;
  width: min(854px, calc(100% - 36px));
  height: 70px;
  background: rgba(7, 12, 35, .965);
  border-color: rgba(255,255,255,.075);
  box-shadow: 0 12px 34px rgba(4,7,26,.20), inset 0 1px 0 rgba(255,255,255,.025);
}
.home-page .header-inner{
  direction: ltr;
  grid-template-columns: 154px minmax(0,1fr) 168px;
  gap: 10px;
  padding: 0 8px 0 18px;
}
.home-page .site-header .brand{
  justify-self: start;
  direction: ltr;
  text-decoration: none;
}
.home-page .site-header .site-logo-image{ display: none !important; }
.home-page .site-header .site-logo{
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.home-page .site-header .site-logo::after{
  content: "iBlogger";
  color: #fbf9f4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.055em;
}
.home-page .desktop-nav{
  direction: ltr;
  gap: 27px;
}
.home-page .desktop-nav .nav-link{
  color: rgba(255,255,255,.53);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.home-page .header-actions{
  justify-self: end;
  direction: ltr;
}
.home-page .header-actions .button-primary{
  width: 160px;
  min-width: 160px;
  min-height: 54px;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 11px;
}

.home-page .lm-hero{
  height: 100svh;
  min-height: 720px;
  max-height: 900px;
  background:
    radial-gradient(ellipse 88% 56% at 50% 111%, rgba(255,118,226,.90) 0%, rgba(183,82,239,.74) 22%, rgba(92,63,215,.44) 43%, rgba(44,46,145,.17) 63%, transparent 78%),
    radial-gradient(ellipse 88% 54% at 50% 88%, rgba(79,55,220,.42), transparent 66%),
    linear-gradient(180deg, #0f173d 0%, #10183e 38%, #171a54 59%, #33227d 77%, #7440ad 100%);
}
.home-page .lm-hero::before{
  inset: auto;
  background: none !important;
  width: min(1530px, 106.25vw);
  height: 1200px;
  left: 50%;
  top: -240px;
  transform: translateX(-50%);
  border: 3px dotted rgba(53,101,255,.92);
  border-radius: 50%;
  box-shadow:
    0 0 13px 3px rgba(48,86,255,.55),
    0 0 34px 9px rgba(72,63,255,.48),
    0 0 70px 17px rgba(132,62,255,.34),
    0 0 125px 28px rgba(209,75,255,.20),
    inset 0 0 65px rgba(41,92,255,.09);
  filter: none;
  opacity: .94;
  z-index: 1;
}
.home-page .lm-hero::after{
  inset: auto -8% -22% -8%;
  height: 63%;
  background:
    radial-gradient(ellipse at 50% 44%, rgba(255,132,226,.72) 0%, rgba(170,82,234,.57) 27%, rgba(89,62,210,.30) 49%, rgba(40,40,132,.08) 68%, transparent 80%);
  filter: blur(24px);
  opacity: 1;
  z-index: 0;
}
.home-page .lm-hero-copy{
  width: min(720px, calc(100% - 42px));
  padding-top: 146px;
}
.home-page .lm-trust{
  min-height: 28px;
  margin-bottom: 20px;
  padding: 4px 10px 4px 7px;
  gap: 8px;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.12);
  color: rgba(255,255,255,.58);
  font-size: 9px;
  letter-spacing: .025em;
}
.home-page .lm-trust-avatars img, .home-page .lm-trust-badge{
  width: 20px;
  height: 20px;
  margin-left: -5px;
}
.home-page .lm-hero h1{
  max-width: 650px;
  margin-bottom: 15px;
  font-size: clamp(54px, 4.45vw, 64px);
  line-height: .96;
  letter-spacing: -.045em;
}
.home-page .lm-hero h1 span{ margin-top: .035em; }
.home-page .lm-hero-copy > p{
  max-width: 470px;
  margin-bottom: 22px;
  color: rgba(247,244,238,.57);
  font-size: 12px;
  line-height: 1.7;
}
.home-page .lm-hero .hero-actions{
  display: flex;
  justify-content: center !important;
  align-items: center;
  flex-direction: row !important;
}
.home-page .lm-hero .button-large{
  width: auto !important;
  min-width: 160px;
  min-height: 48px;
  flex: 0 0 auto !important;
  border-radius: 999px;
  font-size: 11px;
}

.home-page .lm-hero-marquee{
  bottom: -28px;
  padding-top: 16px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 1.4%, #000 98.6%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 1.4%, #000 98.6%, transparent 100%);
}
.home-page .lm-marquee-track, .home-page .lm-marquee-set{ gap: 27px; }
.home-page .lm-marquee-track{
  padding-right: 27px;
  animation-duration: 46s;
  animation-delay: -7s;
}
.home-page .lm-tile{
  border-radius: 26px;
  box-shadow: 0 18px 45px rgba(4,6,24,.15);
}
/* First seven tiles mirror the visible proportions in the reference frame. */
.home-page .lm-marquee-set .lm-tile:nth-child(1){ width: 198px; height: 370px; transform: rotate(-.8deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(1) img{ transform: scale(1.2); object-position: 48% 48%; }
.home-page .lm-marquee-set .lm-tile:nth-child(2){ width: 166px; height: 300px; transform: rotate(1.1deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(3){ width: 142px; height: 282px; transform: rotate(.6deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(4){ width: 136px; height: 274px; transform: rotate(-.4deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(5){ width: 148px; height: 280px; transform: rotate(1.0deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(6){ width: 170px; height: 312px; transform: rotate(-1.2deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(7){ width: 205px; height: 366px; transform: rotate(1.0deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(8){ width: 154px; height: 292px; transform: rotate(-.5deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(9){ width: 148px; height: 280px; transform: rotate(.7deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(10){ width: 154px; height: 294px; transform: rotate(-.6deg); }
.home-page .lm-marquee-set .lm-tile:nth-child(11){ width: 165px; height: 310px; transform: rotate(.8deg); }

@media (max-width: 920px) {
  .home-page .site-header{ top: 9px; width: min(680px, calc(100% - 26px)); height: 64px; }
  .home-page .header-inner{ direction:ltr; grid-template-columns: 1fr auto; padding: 0 8px 0 18px; }
  .home-page .site-header .brand{ justify-self:start; }
  .home-page .header-actions{ justify-self:end; }
  .home-page .site-header .site-logo::after{ font-size: 19px; }
  .home-page .lm-hero-copy{ padding-top: 132px; }
}

@media (max-width: 560px) {
  .home-page .site-header{
    top: 8px;
    width: calc(100% - 20px);
    height: 58px;
  }
  .home-page .header-inner{ padding: 0 8px 0 16px; }
  .home-page .site-header .site-logo::after{ font-size: 17px; }
  .home-page .menu-toggle{
    display:inline-grid;
    width:40px;
    height:40px;
    border-radius:999px;
  }
  .home-page .lm-hero{
    height: 100svh;
    min-height: 700px;
    max-height: 820px;
    background:
      radial-gradient(ellipse 112% 48% at 50% 110%, rgba(255,118,226,.88), rgba(174,79,235,.66) 27%, rgba(83,59,207,.33) 50%, transparent 75%),
      linear-gradient(180deg, #0f173d 0%, #111940 42%, #1d1b5d 66%, #7040aa 100%);
  }
  .home-page .lm-hero::before{
    width: 690px;
    height: 650px;
    top: -172px;
    border-width: 2.5px;
    box-shadow:
      0 0 10px 2px rgba(48,86,255,.55),
      0 0 28px 7px rgba(72,63,255,.45),
      0 0 58px 14px rgba(142,61,255,.30);
  }
  .home-page .lm-hero-copy{
    width: calc(100% - 28px);
    padding-top: 112px;
  }
  .home-page .lm-trust{
    min-height: 25px;
    margin-bottom: 17px;
    font-size: 7.8px;
  }
  .home-page .lm-hero h1{
    max-width: 360px;
    margin-bottom: 14px;
    font-size: clamp(39px, 11.2vw, 49px);
    line-height: 1.00;
  }
  .home-page .lm-hero-copy > p{
    max-width: 330px;
    margin-bottom: 18px;
    font-size: 10.5px;
    line-height: 1.75;
  }
  .home-page .lm-hero .button-large{
    width: auto !important;
    min-width: 148px;
    min-height: 46px;
    flex: 0 0 auto !important;
  }
  .home-page .lm-hero-marquee{ bottom: -18px; padding-top: 12px; }
  .home-page .lm-marquee-track, .home-page .lm-marquee-set{ gap: 12px; }
  .home-page .lm-marquee-track{ padding-right: 12px; animation-duration: 34s; }
  .home-page .lm-marquee-set .lm-tile:nth-child(1){ width: 112px; height: 218px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(2){ width: 94px; height: 174px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(3){ width: 82px; height: 164px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(4){ width: 79px; height: 160px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(5){ width: 86px; height: 165px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(6){ width: 98px; height: 182px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(7){ width: 116px; height: 214px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(8){ width: 90px; height: 172px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(9){ width: 86px; height: 164px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(10){ width: 90px; height: 173px; }
  .home-page .lm-marquee-set .lm-tile:nth-child(11){ width: 96px; height: 182px; }
}

/* V2.1 final micro-calibration after rendered QA */
@media (min-width: 921px) {
  .home-page .lm-hero{
    background:
      radial-gradient(ellipse 18% 48% at 0% 47%, rgba(78,64,255,.35) 0%, rgba(115,56,240,.18) 42%, transparent 73%),
      radial-gradient(ellipse 18% 48% at 100% 47%, rgba(78,64,255,.35) 0%, rgba(115,56,240,.18) 42%, transparent 73%),
      radial-gradient(ellipse 88% 56% at 50% 111%, rgba(255,118,226,.90) 0%, rgba(183,82,239,.74) 22%, rgba(92,63,215,.44) 43%, rgba(44,46,145,.17) 63%, transparent 78%),
      radial-gradient(ellipse 88% 54% at 50% 88%, rgba(79,55,220,.42), transparent 66%),
      linear-gradient(180deg, #0f173d 0%, #10183e 38%, #171a54 59%, #33227d 77%, #7440ad 100%);
  }
  .home-page .lm-trust{ margin-bottom: 13px; }
  .home-page .lm-hero-marquee{ bottom: 4px; }
  .home-page .lm-marquee-track{
    padding-left: 32px;
    animation-delay: 0s;
  }
}
/* Reset native <figure> margins; otherwise the ticker spacing is ~80px wider than reference. */
.home-page .lm-tile{ margin: 0; }
/* Final frame alignment: match ticker X-origin and orbit width to the reference capture. */
@media (min-width: 921px) {
  .home-page .lm-hero::before{ width: min(1460px, 101.4vw); }
  .home-page .lm-marquee-track{ padding-left: 70px; }
}


/* SOURCE css/luminae-v22.css */
/*
 * iBlogger — Luminae V2.2 Hero Pixel Calibration
 * Final calibration of the reference hero glow/orbit/ticker.
 * Loaded after luminae-pixel.css.
 */

.home-page[data-design-pass="v2.2"] .lm-hero{
  /* The reference keeps the centre almost navy until the lower third, while
     the violet/pink energy builds much earlier around the orbit at the sides. */
  background:
    radial-gradient(ellipse 34% 62% at -1% 47%, rgba(103, 72, 255, .60) 0%, rgba(83, 59, 238, .38) 31%, rgba(65, 48, 180, .15) 58%, transparent 76%),
    radial-gradient(ellipse 34% 62% at 101% 47%, rgba(103, 72, 255, .60) 0%, rgba(83, 59, 238, .38) 31%, rgba(65, 48, 180, .15) 58%, transparent 76%),
    radial-gradient(ellipse 105% 48% at 50% 83%, rgba(239, 126, 244, .76) 0%, rgba(187, 91, 233, .60) 25%, rgba(112, 70, 218, .42) 49%, rgba(63, 53, 170, .17) 69%, transparent 83%),
    linear-gradient(180deg, #161f3c 0%, #161f3c 15%, #191f45 31%, #22205c 48%, #3930a7 64%, #7243c3 79%, #d899de 100%);
}

/* The live reference uses a much flatter ellipse than V2.1.  At 1440px the
   visible orbit is roughly 1350 x 513px, centred near y=220px. */
.home-page[data-design-pass="v2.2"] .lm-hero::before{
  width: min(94vw, 1354px);
  height: min(35.65vw, 514px);
  top: max(-36px, -2.5vw);
  left: 50%;
  transform: translateX(-50%);
  border: 2.5px dotted rgba(73, 82, 255, .95);
  border-radius: 50%;
  background: none !important;
  box-shadow:
    0 0 9px 2px rgba(61, 82, 255, .95),
    0 0 24px 7px rgba(67, 71, 255, .78),
    0 0 52px 15px rgba(104, 59, 255, .56),
    0 0 92px 28px rgba(196, 75, 255, .34),
    0 0 150px 48px rgba(255, 130, 238, .18);
  opacity: 1;
}

/* Soft pink-white wash behind the lower arc; this starts higher than V2.1. */
.home-page[data-design-pass="v2.2"] .lm-hero::after{
  left: -8%;
  right: -8%;
  bottom: -25%;
  height: 73%;
  background:
    radial-gradient(ellipse 62% 43% at 50% 33%, rgba(255, 225, 250, .34) 0%, rgba(248, 167, 239, .36) 18%, rgba(205, 104, 238, .31) 36%, rgba(126, 73, 221, .18) 56%, transparent 76%);
  filter: blur(25px);
  opacity: 1;
}

/* Keep the already-good header/copy geometry, with tiny optical corrections. */
.home-page[data-design-pass="v2.2"] .lm-hero-copy{ padding-top: 145px; }
.home-page[data-design-pass="v2.2"] .lm-trust{ margin-bottom: 12px; }
.home-page[data-design-pass="v2.2"] .lm-hero h1{
  margin-bottom: 14px;
  line-height: .955;
}
.home-page[data-design-pass="v2.2"] .lm-hero-copy > p{ margin-bottom: 21px; }

/* Exact visible card order in the reference frame:
   partial blossom-woman -> close-up -> red-haired meditator -> tulips -> yoga
   -> portrait -> three women -> hand/water. */
.home-page[data-design-pass="v2.2"] .lm-hero-marquee{
  bottom: 2px;
  padding-top: 14px;
  -webkit-mask-image: none;
  mask-image: none;
}
.home-page[data-design-pass="v2.2"] .lm-marquee-track, .home-page[data-design-pass="v2.2"] .lm-marquee-set{ gap: 26px; }
.home-page[data-design-pass="v2.2"] .lm-marquee-track{
  margin-left: -124px;
  padding-left: 0;
  padding-right: 26px;
  animation-duration: 49s;
  animation-delay: 0s;
}
.home-page[data-design-pass="v2.2"] .lm-tile{
  margin: 0;
  flex: 0 0 auto;
  border-radius: 25px;
  box-shadow: 0 18px 44px rgba(5, 7, 30, .13);
  transform-origin: 50% 100%;
}
.home-page[data-design-pass="v2.2"] .lm-tile img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}

/* These dimensions are calibrated from the 640px reference capture and
   scaled to the 1440px QA viewport (x2.25). */
.home-page[data-design-pass="v2.2"] .lm-tile-pre{ width:166px; height:300px; transform:rotate(1.0deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-face{ width:198px; height:370px; transform:rotate(-.8deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-meditate{ width:166px; height:300px; transform:rotate(-1.4deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-flowers{ width:142px; height:282px; transform:rotate(.6deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-yoga{ width:136px; height:274px; transform:rotate(-.4deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-portrait{ width:148px; height:280px; transform:rotate(1deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-group{ width:170px; height:322px; transform:rotate(-1.2deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-water{ width:205px; height:366px; transform:rotate(1deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-breath{ width:154px; height:292px; transform:rotate(-.5deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-waves{ width:148px; height:280px; transform:rotate(.7deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-rose{ width:154px; height:294px; transform:rotate(-.6deg); }
.home-page[data-design-pass="v2.2"] .lm-tile-winter{ width:165px; height:310px; transform:rotate(.8deg); }

/* Reference close-up is intentionally an extreme crop around nose/lips. */
.home-page[data-design-pass="v2.2"] .lm-tile-face img{
  transform: scale(2.15);
  object-position: 55% 56%;
}
.home-page[data-design-pass="v2.2"] .lm-tile-meditate img{ object-position: 50% 54%; }
.home-page[data-design-pass="v2.2"] .lm-tile-water img{ object-position: 54% 50%; }

@keyframes lmMarqueeV22 {
  from{ transform: translateX(0); }
  to{ transform: translateX(calc(-50% - 13px)); }
}
.home-page[data-design-pass="v2.2"] .lm-marquee-track{ animation-name: lmMarqueeV22; }

@media (max-width: 920px) {
  .home-page[data-design-pass="v2.2"] .lm-hero-copy{ padding-top: 131px; }
  .home-page[data-design-pass="v2.2"] .lm-hero::before{
    width: 150vw;
    height: 57vw;
    top: -4vw;
  }
}

@media (max-width: 560px) {
  .home-page[data-design-pass="v2.2"] .lm-hero{
    min-height: 700px;
    max-height: 820px;
    background:
      radial-gradient(ellipse 62% 48% at -6% 45%, rgba(100, 71, 255, .58), rgba(76, 54, 226, .26) 47%, transparent 76%),
      radial-gradient(ellipse 62% 48% at 106% 45%, rgba(100, 71, 255, .58), rgba(76, 54, 226, .26) 47%, transparent 76%),
      radial-gradient(ellipse 135% 43% at 50% 84%, rgba(243, 137, 242, .74), rgba(177, 83, 232, .52) 30%, rgba(94, 63, 211, .29) 56%, transparent 79%),
      linear-gradient(180deg, #161f3c 0%, #171f42 33%, #24205f 56%, #4b31a4 76%, #bd75d3 100%);
  }
  .home-page[data-design-pass="v2.2"] .lm-hero::before{
    width: 182vw;
    height: 72vw;
    top: -2vw;
    border-width: 2px;
    box-shadow:
      0 0 8px 2px rgba(61,82,255,.90),
      0 0 22px 6px rgba(70,71,255,.66),
      0 0 45px 12px rgba(122,61,255,.45),
      0 0 82px 24px rgba(210,85,255,.27);
  }
  .home-page[data-design-pass="v2.2"] .lm-hero::after{
    bottom: -20%;
    height: 65%;
    filter: blur(20px);
  }
  .home-page[data-design-pass="v2.2"] .lm-hero-copy{
    padding-top: 111px;
  }
  .home-page[data-design-pass="v2.2"] .lm-hero-marquee{
    bottom: -10px;
    padding-top: 10px;
  }
  .home-page[data-design-pass="v2.2"] .lm-marquee-track, .home-page[data-design-pass="v2.2"] .lm-marquee-set{ gap: 11px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-track{
    margin-left: -59px;
    padding-right: 11px;
    animation-duration: 36s;
  }
  .home-page[data-design-pass="v2.2"] .lm-tile{ border-radius: 19px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-pre{ width:94px;  height:172px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-face{ width:112px; height:218px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-meditate{ width:94px;  height:174px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-flowers{ width:82px;  height:164px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-yoga{ width:79px;  height:160px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-portrait{ width:86px;  height:165px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-group{ width:98px;  height:188px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-water{ width:116px; height:214px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-breath{ width:90px;  height:172px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-waves{ width:86px;  height:164px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-rose{ width:90px;  height:173px; }
  .home-page[data-design-pass="v2.2"] .lm-tile-winter{ width:96px;  height:182px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page[data-design-pass="v2.2"] .lm-marquee-track{ animation: none; }
}

/* V2.2.1 specificity guard: older nth-child calibration rules are intentionally
   neutralised so the named reference-frame tiles above are authoritative. */
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-pre{ width:166px; height:300px; transform:rotate(1.0deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-face{ width:198px; height:370px; transform:rotate(-.8deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-meditate{ width:166px; height:300px; transform:rotate(-1.4deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-flowers{ width:142px; height:282px; transform:rotate(.6deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-yoga{ width:136px; height:274px; transform:rotate(-.4deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-portrait{ width:148px; height:280px; transform:rotate(1deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-group{ width:170px; height:322px; transform:rotate(-1.2deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-water{ width:205px; height:366px; transform:rotate(1deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-breath{ width:154px; height:292px; transform:rotate(-.5deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-waves{ width:148px; height:280px; transform:rotate(.7deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-rose{ width:154px; height:294px; transform:rotate(-.6deg); }
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-winter{ width:165px; height:310px; transform:rotate(.8deg); }

/* Side-energy correction measured from the reference frame. */
.home-page[data-design-pass="v2.2"] .lm-hero{
  background:
    radial-gradient(ellipse 42% 70% at -2% 44%, rgba(86, 73, 255, .92) 0%, rgba(78, 62, 244, .63) 26%, rgba(88, 55, 217, .36) 48%, rgba(83, 47, 180, .14) 68%, transparent 82%),
    radial-gradient(ellipse 42% 70% at 102% 44%, rgba(86, 73, 255, .92) 0%, rgba(78, 62, 244, .63) 26%, rgba(88, 55, 217, .36) 48%, rgba(83, 47, 180, .14) 68%, transparent 82%),
    radial-gradient(ellipse 108% 47% at 50% 84%, rgba(235, 123, 242, .63) 0%, rgba(178, 87, 232, .48) 25%, rgba(104, 68, 215, .31) 48%, rgba(57, 52, 163, .11) 68%, transparent 83%),
    linear-gradient(180deg, #161f3c 0%, #161f3c 15%, #191f45 31%, #22205c 48%, #3630ab 64%, #6640bd 79%, #cf8bd9 100%);
}
.home-page[data-design-pass="v2.2"] .lm-hero::before{
  box-shadow:
    0 0 10px 3px rgba(65, 82, 255, 1),
    0 0 28px 9px rgba(70, 72, 255, .90),
    0 0 62px 20px rgba(112, 61, 255, .68),
    0 0 112px 38px rgba(202, 77, 255, .44),
    0 0 175px 62px rgba(255, 144, 239, .23);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 66%, rgba(0,0,0,.62) 78%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 66%, rgba(0,0,0,.62) 78%, transparent 100%);
}

@media (max-width: 560px) {
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-pre{ width:94px;  height:172px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-face{ width:112px; height:218px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-meditate{ width:94px;  height:174px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-flowers{ width:82px;  height:164px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-yoga{ width:79px;  height:160px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-portrait{ width:86px;  height:165px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-group{ width:98px;  height:188px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-water{ width:116px; height:214px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-breath{ width:90px;  height:172px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-waves{ width:86px;  height:164px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-rose{ width:90px;  height:173px; }
  .home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-winter{ width:96px;  height:182px; }
}

/* V2.2.2 edge-light and crop micro-calibration from the reference pixels. */
.home-page[data-design-pass="v2.2"] .lm-hero{
  background:
    radial-gradient(ellipse 11% 26% at 0% 49%, rgba(255,239,255,.90) 0%, rgba(245,168,255,.78) 26%, rgba(177,94,255,.52) 56%, rgba(95,72,255,.18) 78%, transparent 100%),
    radial-gradient(ellipse 11% 26% at 100% 49%, rgba(255,239,255,.90) 0%, rgba(245,168,255,.78) 26%, rgba(177,94,255,.52) 56%, rgba(95,72,255,.18) 78%, transparent 100%),
    radial-gradient(ellipse 10% 25% at 0% 30%, rgba(63,65,255,.90) 0%, rgba(63,65,255,.55) 42%, transparent 100%),
    radial-gradient(ellipse 10% 25% at 100% 30%, rgba(63,65,255,.90) 0%, rgba(63,65,255,.55) 42%, transparent 100%),
    radial-gradient(ellipse 42% 70% at -2% 44%, rgba(86,73,255,.82) 0%, rgba(78,62,244,.56) 26%, rgba(88,55,217,.32) 48%, rgba(83,47,180,.13) 68%, transparent 82%),
    radial-gradient(ellipse 42% 70% at 102% 44%, rgba(86,73,255,.82) 0%, rgba(78,62,244,.56) 26%, rgba(88,55,217,.32) 48%, rgba(83,47,180,.13) 68%, transparent 82%),
    radial-gradient(ellipse 108% 47% at 50% 84%, rgba(235,123,242,.58) 0%, rgba(178,87,232,.43) 25%, rgba(104,68,215,.29) 48%, rgba(57,52,163,.10) 68%, transparent 83%),
    linear-gradient(180deg, #161f3c 0%, #161f3c 15%, #191f45 31%, #22205c 48%, #3430ad 64%, #6440bf 79%, #cf8bd9 100%);
}
.home-page[data-design-pass="v2.2"] .lm-marquee-set .lm-tile.lm-tile-face img{
  transform: scale(2.75);
  object-position: 54% 61%;
}


/* SOURCE css/luminae-v23.css */
/*
 * iBlogger — Luminae V2.3 Final Hero Optical Match
 * Optical calibration against the live Luminae reference hero.
 * Loaded after luminae-v22.css and intentionally limited to the homepage.
 */

/* Keep the navy centre, move the violet energy lower, and let the orbit itself
   create the side bloom instead of painting broad white columns. */
.home-page[data-design-pass="v2.3"] .lm-hero{
  min-height: clamp(720px, 100svh, 860px);
  background:
    radial-gradient(ellipse 28% 60% at -2% 38%, rgba(71,68,255,.56) 0%, rgba(67,61,242,.38) 31%, rgba(76,54,211,.18) 58%, transparent 78%),
    radial-gradient(ellipse 28% 60% at 102% 38%, rgba(71,68,255,.56) 0%, rgba(67,61,242,.38) 31%, rgba(76,54,211,.18) 58%, transparent 78%),
    radial-gradient(ellipse 112% 54% at 50% 91%, rgba(241,150,239,.72) 0%, rgba(193,101,232,.57) 24%, rgba(124,74,219,.42) 46%, rgba(70,58,178,.22) 66%, transparent 84%),
    linear-gradient(180deg, #161f3c 0%, #161e3d 18%, #1a1f49 34%, #242263 49%, #3832a2 66%, #7449c1 82%, #dca7dd 100%);
}

/* Reference geometry: the neon orbit is a tall ellipse whose crown lives
   above the viewport. This naturally removes the incorrect dotted line that
   V2.2 showed across the top-centre while preserving both side arcs. */
.home-page[data-design-pass="v2.3"] .lm-hero::before{
  width: 100.35vw;
  height: 79.05vw;
  max-width: 1540px;
  max-height: 1215px;
  min-width: 1000px;
  min-height: 790px;
  top: -9.25vw;
  left: 50%;
  transform: translateX(-50%);
  border: 3px dotted rgba(72,82,255,.96);
  border-radius: 50%;
  background: none !important;
  box-shadow:
    0 0 9px 2px rgba(61,78,255,.98),
    0 0 26px 8px rgba(68,68,255,.88),
    0 0 58px 18px rgba(105,58,255,.62),
    0 0 108px 34px rgba(193,73,255,.40),
    0 0 160px 52px rgba(249,130,238,.22);
  filter: none;
  opacity: 1;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 67%, rgba(0,0,0,.88) 75%, rgba(0,0,0,.28) 86%, transparent 98%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 67%, rgba(0,0,0,.88) 75%, rgba(0,0,0,.28) 86%, transparent 98%);
}

/* Tight lower pink-white wash. The reference gets bright near the lower side
   arc, but keeps the centre behind the copy navy for longer. */
.home-page[data-design-pass="v2.3"] .lm-hero::after{
  left: -7%;
  right: -7%;
  bottom: -31%;
  height: 72%;
  background:
    radial-gradient(ellipse 63% 44% at 50% 29%, rgba(255,230,249,.28) 0%, rgba(246,168,239,.32) 18%, rgba(209,111,237,.31) 38%, rgba(129,75,221,.18) 58%, transparent 78%);
  filter: blur(22px);
  opacity: .95;
}

/* Copy geometry was already close in V2.2. Only optical spacing and the
   second-line silhouette are refined here. */
.home-page[data-design-pass="v2.3"] .lm-hero-copy{
  width: min(730px, calc(100% - 44px));
  padding-top: 144px;
}
.home-page[data-design-pass="v2.3"] .lm-trust{
  margin-bottom: 13px;
  padding: 5px 10px 5px 7px;
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.13);
}
.home-page[data-design-pass="v2.3"] .lm-hero h1{
  max-width: 710px;
  margin-bottom: 13px;
  line-height: .96;
  font-weight: 500;
  letter-spacing: -.048em;
  text-rendering: geometricPrecision;
}
.home-page[data-design-pass="v2.3"] .lm-hero h1 span{
  margin-top: .035em;
  font-size: 1.045em;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.045em;
}
.home-page[data-design-pass="v2.3"] .lm-hero-copy > p{
  margin-bottom: 20px;
  color: rgba(247,244,238,.57);
}
.home-page[data-design-pass="v2.3"] .lm-hero .button-large{
  min-width: 146px;
  min-height: 47px;
  border-radius: 999px;
}

/* Frame-by-frame ticker match at the 1440px QA width. */
.home-page[data-design-pass="v2.3"] .lm-hero-marquee{
  bottom: 0;
  padding-top: 10px;
  -webkit-mask-image: none;
  mask-image: none;
}
.home-page[data-design-pass="v2.3"] .lm-marquee-track, .home-page[data-design-pass="v2.3"] .lm-marquee-set{
  gap: 27px;
}
.home-page[data-design-pass="v2.3"] .lm-marquee-track{
  margin-left: -99px;
  padding-left: 0;
  padding-right: 27px;
  animation-name: lmMarqueeV23;
  animation-duration: 49s;
  animation-delay: 0s;
}
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile{
  margin: 0;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 25px;
  box-shadow: 0 18px 44px rgba(5,7,30,.12);
  transform-origin: 50% 100%;
}
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Measurements come from the actual 640px reference frame scaled x2.25.
   The first card is intentionally mostly off-screen and much taller. */
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-pre{ width:166px; height:372px; transform:rotate(1deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-face{ width:203px; height:372px; transform:rotate(-.8deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-meditate{ width:164px; height:286px; transform:rotate(-1.4deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-flowers{ width:144px; height:272px; transform:rotate(.6deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-yoga{ width:137px; height:248px; transform:rotate(-.4deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-portrait{ width:146px; height:250px; transform:rotate(1deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-group{ width:167px; height:276px; transform:rotate(-1.2deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-water{ width:205px; height:360px; transform:rotate(1deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-breath{ width:154px; height:292px; transform:rotate(-.5deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-waves{ width:148px; height:280px; transform:rotate(.7deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-rose{ width:154px; height:294px; transform:rotate(-.6deg); }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-winter{ width:165px; height:310px; transform:rotate(.8deg); }

.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-pre img{
  object-position: 52% 51%;
  transform: none;
}
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-face img{
  transform: scale(2.58);
  object-position: 54% 60%;
}
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-meditate img{ object-position: 50% 54%; transform:none; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-flowers img{ object-position: 50% 50%; transform:none; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-yoga img{ object-position: 50% 48%; transform:none; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-portrait img{ object-position: 50% 45%; transform:none; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-group img{ object-position: 50% 50%; transform:none; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-water img{ object-position: 54% 50%; transform:none; }

@keyframes lmMarqueeV23 {
  from{ transform: translateX(0); }
  to{ transform: translateX(calc(-50% - 13.5px)); }
}

@media (max-width: 920px) {
  .home-page[data-design-pass="v2.3"] .lm-hero-copy{ padding-top: 130px; }
  .home-page[data-design-pass="v2.3"] .lm-hero::before{
    width: 116vw;
    height: 91vw;
    min-width: 0;
    min-height: 0;
    top: -11vw;
  }
}

@media (max-width: 560px) {
  .home-page[data-design-pass="v2.3"] .lm-hero{
    min-height: 700px;
    max-height: 820px;
    background:
      radial-gradient(ellipse 52% 57% at -4% 39%, rgba(71,68,255,.58) 0%, rgba(68,60,239,.34) 40%, transparent 77%),
      radial-gradient(ellipse 52% 57% at 104% 39%, rgba(71,68,255,.58) 0%, rgba(68,60,239,.34) 40%, transparent 77%),
      radial-gradient(ellipse 145% 49% at 50% 91%, rgba(241,145,239,.71) 0%, rgba(185,94,231,.53) 31%, rgba(104,68,211,.31) 58%, transparent 80%),
      linear-gradient(180deg, #161f3c 0%, #171f42 31%, #22205d 55%, #4b33a5 76%, #bd79d2 100%);
  }
  .home-page[data-design-pass="v2.3"] .lm-hero::before{
    width: 132vw;
    height: 104vw;
    top: -7vw;
    border-width: 2px;
    box-shadow:
      0 0 8px 2px rgba(61,78,255,.95),
      0 0 22px 7px rgba(68,68,255,.75),
      0 0 46px 14px rgba(112,61,255,.48),
      0 0 80px 25px rgba(203,84,255,.28);
  }
  .home-page[data-design-pass="v2.3"] .lm-hero::after{
    bottom: -25%;
    height: 63%;
    filter: blur(18px);
  }
  .home-page[data-design-pass="v2.3"] .lm-hero-copy{
    width: calc(100% - 30px);
    padding-top: 110px;
  }
  .home-page[data-design-pass="v2.3"] .lm-trust{ margin-bottom: 12px; }
  .home-page[data-design-pass="v2.3"] .lm-hero h1{
    max-width: 360px;
    margin-bottom: 12px;
    font-size: clamp(2.48rem, 11vw, 3.25rem);
    line-height: 1.01;
  }
  .home-page[data-design-pass="v2.3"] .lm-hero h1 span{ font-size: 1.02em; }
  .home-page[data-design-pass="v2.3"] .lm-hero-copy > p{
    max-width: 330px;
    margin-bottom: 18px;
    line-height: 1.7;
  }
  .home-page[data-design-pass="v2.3"] .lm-hero .button-large{
    width: auto !important;
    min-width: 142px;
    min-height: 45px;
    padding-inline: 18px;
  }
  .home-page[data-design-pass="v2.3"] .lm-hero-marquee{
    bottom: -3px;
    padding-top: 8px;
  }
  .home-page[data-design-pass="v2.3"] .lm-marquee-track, .home-page[data-design-pass="v2.3"] .lm-marquee-set{ gap: 11px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-track{
    margin-left: -27px;
    padding-right: 11px;
    animation-duration: 36s;
  }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile{ border-radius: 19px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-pre{ width:94px;  height:211px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-face{ width:113px; height:216px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-meditate{ width:92px;  height:166px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-flowers{ width:81px;  height:158px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-yoga{ width:77px;  height:145px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-portrait{ width:82px;  height:147px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-group{ width:94px;  height:162px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-water{ width:115px; height:210px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page[data-design-pass="v2.3"] .lm-marquee-track{ animation: none; }
}

/* V2.3.1 micro-correction after optical QA: restore the reference card tops,
   shift the first frame left, and add the narrow side-white bloom visible where
   the orbit approaches the lower viewport edges. */
.home-page[data-design-pass="v2.3"] .lm-hero{
  background:
    radial-gradient(ellipse 8% 21% at 0% 53%, rgba(255,245,255,.72) 0%, rgba(248,184,255,.58) 28%, rgba(189,103,255,.34) 58%, transparent 100%),
    radial-gradient(ellipse 8% 21% at 100% 53%, rgba(255,245,255,.72) 0%, rgba(248,184,255,.58) 28%, rgba(189,103,255,.34) 58%, transparent 100%),
    radial-gradient(ellipse 28% 60% at -2% 38%, rgba(71,68,255,.56) 0%, rgba(67,61,242,.38) 31%, rgba(76,54,211,.18) 58%, transparent 78%),
    radial-gradient(ellipse 28% 60% at 102% 38%, rgba(71,68,255,.56) 0%, rgba(67,61,242,.38) 31%, rgba(76,54,211,.18) 58%, transparent 78%),
    radial-gradient(ellipse 112% 54% at 50% 85%, rgba(241,150,239,.72) 0%, rgba(193,101,232,.57) 24%, rgba(124,74,219,.42) 46%, rgba(70,58,178,.22) 66%, transparent 84%),
    linear-gradient(180deg, #161f3c 0%, #161e3d 18%, #1a1f49 34%, #242263 49%, #3832a2 66%, #7449c1 82%, #dca7dd 100%);
}
.home-page[data-design-pass="v2.3"] .lm-marquee-track{ margin-left: -123px; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-pre{ height:414px; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-meditate{ height:300px; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-flowers{ height:286px; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-yoga{ height:272px; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-portrait{ height:276px; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-group{ height:302px; }
.home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-water{ height:382px; }

@media (max-width: 560px) {
  .home-page[data-design-pass="v2.3"] .lm-hero{
    background:
      radial-gradient(ellipse 14% 20% at 0% 58%, rgba(255,240,255,.56), rgba(226,151,255,.36) 35%, transparent 100%),
      radial-gradient(ellipse 14% 20% at 100% 58%, rgba(255,240,255,.56), rgba(226,151,255,.36) 35%, transparent 100%),
      radial-gradient(ellipse 52% 57% at -4% 39%, rgba(71,68,255,.58) 0%, rgba(68,60,239,.34) 40%, transparent 77%),
      radial-gradient(ellipse 52% 57% at 104% 39%, rgba(71,68,255,.58) 0%, rgba(68,60,239,.34) 40%, transparent 77%),
      radial-gradient(ellipse 145% 49% at 50% 87%, rgba(241,145,239,.71) 0%, rgba(185,94,231,.53) 31%, rgba(104,68,211,.31) 58%, transparent 80%),
      linear-gradient(180deg, #161f3c 0%, #171f42 31%, #22205d 55%, #4b33a5 76%, #bd79d2 100%);
  }
  .home-page[data-design-pass="v2.3"] .lm-marquee-track{ margin-left: -35px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-pre{ height:232px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-meditate{ height:174px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-flowers{ height:166px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-yoga{ height:158px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-portrait{ height:160px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-group{ height:176px; }
  .home-page[data-design-pass="v2.3"] .lm-marquee-set .lm-tile.lm-tile-water{ height:220px; }
}


/* SOURCE css/luminae-v24.css */
/*
 * iBlogger — Luminae V2.4 Orbit & Motion Final Match
 * Final hero calibration: SVG side-orbits, layered bloom, ticker framing and mobile optical spacing.
 * Loaded after V2.3 and scoped to the homepage only.
 */

.home-page[data-design-pass="v2.4"] .lm-hero{
  min-height: clamp(720px, 100svh, 860px);
  background:
    radial-gradient(ellipse 7.5% 20% at 0% 52%, rgba(255,245,255,.82) 0%, rgba(251,198,255,.68) 25%, rgba(218,125,255,.45) 52%, rgba(137,84,242,.19) 75%, transparent 100%),
    radial-gradient(ellipse 7.5% 20% at 100% 52%, rgba(255,245,255,.82) 0%, rgba(251,198,255,.68) 25%, rgba(218,125,255,.45) 52%, rgba(137,84,242,.19) 75%, transparent 100%),
    radial-gradient(ellipse 25% 59% at -3% 38%, rgba(63,66,255,.67) 0%, rgba(66,58,239,.45) 31%, rgba(76,50,201,.21) 57%, transparent 79%),
    radial-gradient(ellipse 25% 59% at 103% 38%, rgba(63,66,255,.67) 0%, rgba(66,58,239,.45) 31%, rgba(76,50,201,.21) 57%, transparent 79%),
    radial-gradient(ellipse 105% 48% at 50% 91%, rgba(244,161,239,.78) 0%, rgba(204,110,235,.59) 24%, rgba(126,74,220,.40) 48%, rgba(66,57,169,.17) 69%, transparent 84%),
    linear-gradient(180deg, #121a35 0%, #151d3b 25%, #1a2048 42%, #292467 58%, #4a329c 73%, #8d55bd 87%, #d79bda 100%);
}

/* Retire the geometric dotted ellipse used in V2.3. The reference is better
   represented by two independent, asymmetric luminous arcs. */
.home-page[data-design-pass="v2.4"] .lm-hero::before{
  content: none !important;
  display: none !important;
}
.home-page[data-design-pass="v2.4"] .lm-hero::after{
  left: -10%;
  right: -10%;
  bottom: -33%;
  height: 74%;
  background:
    radial-gradient(ellipse 61% 43% at 50% 25%, rgba(255,238,251,.22) 0%, rgba(252,181,242,.31) 18%, rgba(216,118,238,.30) 38%, rgba(137,78,222,.18) 58%, transparent 80%);
  filter: blur(25px);
  opacity: .94;
}

.home-page[data-design-pass="v2.4"] .lm-orbit-svg{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  opacity: 1;
}
.home-page[data-design-pass="v2.4"] .lm-orbit-svg svg{
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.home-page[data-design-pass="v2.4"] .lm-orbit-mobile{ display: none; }
.home-page[data-design-pass="v2.4"] .lm-orbit-wide{
  fill: none;
  stroke: url(#lmOrbitGradient);
  stroke-width: 72;
  stroke-linecap: round;
  opacity: .35;
  filter: url(#lmOrbitBlurWide);
  vector-effect: non-scaling-stroke;
}
.home-page[data-design-pass="v2.4"] .lm-orbit-mid{
  fill: none;
  stroke: url(#lmOrbitGradient);
  stroke-width: 31;
  stroke-linecap: round;
  opacity: .56;
  filter: url(#lmOrbitBlurMid);
  vector-effect: non-scaling-stroke;
}
.home-page[data-design-pass="v2.4"] .lm-orbit-core{
  fill: none;
  stroke: url(#lmOrbitGradient);
  stroke-width: 8;
  stroke-linecap: round;
  opacity: .72;
  filter: url(#lmOrbitBlurCore);
  vector-effect: non-scaling-stroke;
}
.home-page[data-design-pass="v2.4"] .lm-orbit-dots{
  fill: none;
  stroke: url(#lmOrbitDotGradient);
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-dasharray: 1 7.6;
  opacity: .94;
  filter: url(#lmOrbitDotGlow);
  vector-effect: non-scaling-stroke;
}
.home-page[data-design-pass="v2.4"] .lm-orbit-hot{
  fill: none;
  stroke: rgba(255,229,255,.92);
  stroke-width: 16;
  stroke-linecap: round;
  opacity: .48;
  filter: url(#lmOrbitHotGlow);
  vector-effect: non-scaling-stroke;
}

/* Keep the copy in the exact optical zone while making the type a touch less
   heavy, closer to the reference's elegant serif silhouette. */
.home-page[data-design-pass="v2.4"] .lm-hero-copy{
  width: min(728px, calc(100% - 44px));
  padding-top: 143px;
}
.home-page[data-design-pass="v2.4"] .lm-trust{ margin-bottom: 13px; }
.home-page[data-design-pass="v2.4"] .lm-hero h1{
  max-width: 706px;
  margin-bottom: 13px;
  font-weight: 470;
  line-height: .965;
  letter-spacing: -.047em;
}
.home-page[data-design-pass="v2.4"] .lm-hero h1 span{
  margin-top: .025em;
  font-weight: 380;
  letter-spacing: -.044em;
}
.home-page[data-design-pass="v2.4"] .lm-hero-copy > p{ margin-bottom: 20px; }

/* Final reference-frame calibration. All cards bottom-align like Framer, but
   the measured heights recreate the uneven top edge seen in the live hero. */
.home-page[data-design-pass="v2.4"] .lm-hero-marquee{
  bottom: 0;
  padding-top: 8px;
}
.home-page[data-design-pass="v2.4"] .lm-marquee-track, .home-page[data-design-pass="v2.4"] .lm-marquee-set{ gap: 27px; }
.home-page[data-design-pass="v2.4"] .lm-marquee-track{
  margin-left: -123px;
  padding-right: 27px;
  animation-name: lmMarqueeV24;
  animation-duration: 51s;
  animation-timing-function: linear;
  animation-delay: -1.15s;
}
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile{
  border-radius: 25px;
  box-shadow: 0 18px 44px rgba(5,7,30,.11);
}
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-pre{ width:166px; height:414px; transform:rotate(.7deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-face{ width:201px; height:372px; transform:rotate(-.55deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-meditate{ width:164px; height:315px; transform:rotate(-1.0deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-flowers{ width:144px; height:306px; transform:rotate(.45deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-yoga{ width:137px; height:274px; transform:rotate(-.25deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-portrait{ width:146px; height:302px; transform:rotate(.7deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-group{ width:167px; height:306px; transform:rotate(-.8deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-water{ width:205px; height:376px; transform:rotate(.65deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-breath{ width:154px; height:292px; transform:rotate(-.4deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-waves{ width:148px; height:280px; transform:rotate(.5deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-rose{ width:154px; height:294px; transform:rotate(-.45deg); }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-winter{ width:165px; height:310px; transform:rotate(.55deg); }

.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-face img{
  transform: scale(2.64);
  object-position: 54.5% 60.5%;
}
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-meditate img{ object-position:50% 52%; }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-flowers img{ object-position:50% 50%; }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-yoga img{ object-position:50% 49%; }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-portrait img{ object-position:50% 43%; }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-group img{ object-position:50% 49%; }
.home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-water img{ object-position:54% 50%; }

@keyframes lmMarqueeV24 {
  from{ transform: translate3d(0,0,0); }
  to{ transform: translate3d(calc(-50% - 13.5px),0,0); }
}

@media (max-width: 920px) {
  .home-page[data-design-pass="v2.4"] .lm-hero-copy{ padding-top: 129px; }
}

@media (max-width: 560px) {
  .home-page[data-design-pass="v2.4"] .lm-hero{
    min-height: 700px;
    max-height: 820px;
    background:
      radial-gradient(ellipse 13% 19% at 0% 58%, rgba(255,242,255,.60) 0%, rgba(241,174,255,.43) 38%, rgba(159,94,245,.19) 70%, transparent 100%),
      radial-gradient(ellipse 13% 19% at 100% 58%, rgba(255,242,255,.60) 0%, rgba(241,174,255,.43) 38%, rgba(159,94,245,.19) 70%, transparent 100%),
      radial-gradient(ellipse 48% 56% at -5% 39%, rgba(64,66,255,.64) 0%, rgba(69,58,235,.38) 42%, transparent 78%),
      radial-gradient(ellipse 48% 56% at 105% 39%, rgba(64,66,255,.64) 0%, rgba(69,58,235,.38) 42%, transparent 78%),
      radial-gradient(ellipse 140% 46% at 50% 89%, rgba(241,150,239,.71) 0%, rgba(190,99,232,.51) 31%, rgba(106,69,211,.29) 58%, transparent 81%),
      linear-gradient(180deg,#121a35 0%,#161e40 33%,#24205d 55%,#4a32a0 76%,#b875ce 100%);
  }
  .home-page[data-design-pass="v2.4"] .lm-orbit-desktop{ display:none; }
  .home-page[data-design-pass="v2.4"] .lm-orbit-mobile{ display:block; }
  .home-page[data-design-pass="v2.4"] .lm-orbit-wide{ stroke-width:50; opacity:.30; }
  .home-page[data-design-pass="v2.4"] .lm-orbit-mid{ stroke-width:22; opacity:.48; }
  .home-page[data-design-pass="v2.4"] .lm-orbit-core{ stroke-width:6; opacity:.62; }
  .home-page[data-design-pass="v2.4"] .lm-orbit-dots{ stroke-width:1.8; stroke-dasharray:1 6.5; opacity:.78; }
  .home-page[data-design-pass="v2.4"] .lm-orbit-hot{ stroke-width:11; opacity:.35; }
  .home-page[data-design-pass="v2.4"] .lm-hero::after{
    bottom:-28%; height:66%; filter:blur(19px); opacity:.9;
  }
  .home-page[data-design-pass="v2.4"] .lm-hero-copy{
    width:calc(100% - 30px);
    padding-top:109px;
  }
  .home-page[data-design-pass="v2.4"] .lm-hero h1{
    max-width:360px;
    font-size:clamp(2.46rem,10.8vw,3.22rem);
    line-height:1.01;
  }
  .home-page[data-design-pass="v2.4"] .lm-hero-copy > p{
    max-width:330px;
    margin-bottom:17px;
  }
  .home-page[data-design-pass="v2.4"] .lm-hero-marquee{ bottom:-1px; padding-top:7px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-track, .home-page[data-design-pass="v2.4"] .lm-marquee-set{ gap:11px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-track{
    margin-left:-39px;
    padding-right:11px;
    animation-duration:38s;
    animation-delay:-.65s;
  }
  .home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile{ border-radius:19px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-pre{ width:94px;  height:232px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-face{ width:113px; height:216px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-meditate{ width:92px;  height:184px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-flowers{ width:81px;  height:178px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-yoga{ width:77px;  height:160px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-portrait{ width:82px;  height:176px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-group{ width:94px;  height:178px; }
  .home-page[data-design-pass="v2.4"] .lm-marquee-set .lm-tile.lm-tile-water{ width:115px; height:220px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page[data-design-pass="v2.4"] .lm-marquee-track{ animation:none; }
}


/* SOURCE css/luminae-v25.css */
/*
 * iBlogger — Luminae V2.5 Hero Final Calibration
 * Final optical pass: asymmetric particle orbits, edge bloom, horizon glow,
 * exact ticker framing/crops, and mobile-specific calibration.
 */

.home-page[data-design-pass="v2.5"] .lm-hero{
  min-height: clamp(720px, 100svh, 860px);
  background:
    radial-gradient(ellipse 10% 27% at -1% 57%, rgba(255,250,255,.98) 0%, rgba(255,219,252,.93) 17%, rgba(244,158,255,.80) 37%, rgba(168,93,255,.50) 61%, rgba(87,70,238,.18) 80%, transparent 100%),
    radial-gradient(ellipse 10% 27% at 101% 57%, rgba(255,250,255,.98) 0%, rgba(255,219,252,.93) 17%, rgba(244,158,255,.80) 37%, rgba(168,93,255,.50) 61%, rgba(87,70,238,.18) 80%, transparent 100%),
    radial-gradient(ellipse 25% 61% at -4% 38%, rgba(63,72,255,.86) 0%, rgba(66,62,245,.62) 28%, rgba(70,53,215,.37) 50%, rgba(67,47,184,.15) 68%, transparent 82%),
    radial-gradient(ellipse 24% 60% at 104% 39%, rgba(63,72,255,.83) 0%, rgba(66,62,245,.60) 28%, rgba(70,53,215,.35) 50%, rgba(67,47,184,.14) 68%, transparent 82%),
    radial-gradient(ellipse 88% 23% at 50% 65%, rgba(231,120,249,.64) 0%, rgba(176,82,237,.48) 31%, rgba(96,61,215,.26) 57%, transparent 79%),
    radial-gradient(ellipse 112% 49% at 50% 100%, rgba(245,170,239,.78) 0%, rgba(207,112,235,.63) 27%, rgba(128,75,220,.44) 49%, rgba(69,57,170,.18) 70%, transparent 86%),
    linear-gradient(180deg, #151e3b 0%, #171f3f 27%, #1a1d42 45%, #27205f 61%, #4c2f99 78%, #b66bc8 100%);
}

.home-page[data-design-pass="v2.5"] .lm-hero::before{ content:none !important; display:none !important; }
.home-page[data-design-pass="v2.5"] .lm-hero::after{
  left:-8%; right:-8%; bottom:-34%; height:76%;
  background:radial-gradient(ellipse 58% 45% at 50% 24%, rgba(255,242,252,.20) 0%, rgba(255,189,245,.30) 19%, rgba(221,125,240,.31) 39%, rgba(148,82,225,.19) 60%, transparent 81%);
  filter:blur(27px); opacity:.96;
}

.home-page[data-design-pass="v2.5"] .lm-orbit-svg{ position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; }
.home-page[data-design-pass="v2.5"] .lm-orbit-svg svg{ display:block; width:100%; height:100%; overflow:visible; }
.home-page[data-design-pass="v2.5"] .lm-orbit-mobile{ display:none; }
.home-page[data-design-pass="v2.5"] .lm-orbit-wide{
  fill:none; stroke-width:78; stroke-linecap:round; opacity:.30; vector-effect:non-scaling-stroke;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-mid{
  fill:none; stroke-width:34; stroke-linecap:round; opacity:.46; vector-effect:non-scaling-stroke;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-core{
  fill:none; stroke-width:7; stroke-linecap:round; opacity:.56; vector-effect:non-scaling-stroke;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-dots, .home-page[data-design-pass="v2.5"] .lm-orbit-specks-a, .home-page[data-design-pass="v2.5"] .lm-orbit-specks-b{
  fill:none; stroke-linecap:round; vector-effect:non-scaling-stroke;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-dots{
  stroke-width:2.15; stroke-dasharray:.55 6.8 1.45 9.3 .45 7.9; opacity:.90;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-specks-a{
  stroke-width:1.25; stroke-dasharray:.35 4.9 .85 10.7 .35 6.4 1.1 12.4; opacity:.66;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-specks-b{
  stroke-width:.95; stroke-dasharray:.25 7.7 .7 5.6 .25 13.2; opacity:.46;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-hot{
  fill:none; stroke:rgba(255,236,255,.97); stroke-width:18; stroke-linecap:round; opacity:.56; vector-effect:non-scaling-stroke;
}

/* Narrow luminous horizon just behind the cards, present in the reference. */
.home-page[data-design-pass="v2.5"] .lm-hero-marquee::before{
  content:""; position:absolute; left:-5%; right:-5%; top:-74px; height:176px; z-index:-1; pointer-events:none;
  background:
    radial-gradient(ellipse 72% 44% at 50% 67%, rgba(255,225,252,.24) 0%, rgba(246,160,246,.42) 22%, rgba(206,99,238,.37) 43%, rgba(126,72,220,.20) 63%, transparent 81%),
    linear-gradient(180deg, transparent 0%, rgba(187,92,238,.10) 38%, rgba(237,145,247,.26) 64%, transparent 100%);
  filter:blur(12px);
}

.home-page[data-design-pass="v2.5"] .lm-hero-copy{ width:min(728px, calc(100% - 44px)); padding-top:143px; }
.home-page[data-design-pass="v2.5"] .lm-trust{ margin-bottom:13px; }
.home-page[data-design-pass="v2.5"] .lm-hero h1{
  max-width:710px; margin-bottom:13px; font-weight:455; line-height:.955; letter-spacing:-.047em;
}
.home-page[data-design-pass="v2.5"] .lm-hero h1 span{
  margin-top:.018em; font-size:1.02em; font-weight:375; line-height:.97; letter-spacing:-.046em;
}
.home-page[data-design-pass="v2.5"] .lm-hero-copy > p{ margin-bottom:20px; }

.home-page[data-design-pass="v2.5"] .lm-hero-marquee{ bottom:0; padding-top:8px; }
.home-page[data-design-pass="v2.5"] .lm-marquee-track, .home-page[data-design-pass="v2.5"] .lm-marquee-set{ gap:27px; }
.home-page[data-design-pass="v2.5"] .lm-marquee-track{
  margin-left:-123px; padding-right:27px; animation-name:lmMarqueeV25; animation-duration:52s; animation-timing-function:linear; animation-delay:-.7s;
}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile{ border-radius:25px; box-shadow:0 17px 42px rgba(5,7,30,.10); overflow:hidden; }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-pre{ width:166px; height:414px; transform:rotate(.55deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-face{ width:201px; height:372px; transform:rotate(-.42deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-meditate{ width:164px; height:315px; transform:rotate(-.88deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-flowers{ width:144px; height:306px; transform:rotate(.34deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-yoga{ width:137px; height:274px; transform:rotate(-.18deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-portrait{ width:146px; height:302px; transform:rotate(.58deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-group{ width:167px; height:306px; transform:rotate(-.68deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-water{ width:205px; height:376px; transform:rotate(.52deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-breath{ width:154px; height:292px; transform:rotate(-.32deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-waves{ width:148px; height:280px; transform:rotate(.38deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-rose{ width:154px; height:294px; transform:rotate(-.34deg); }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-winter{ width:165px; height:310px; transform:rotate(.42deg); }

/* Reference close-up is centered on nostril/lips, not the cheek. */
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-face img{
  transform:scale(2.64); transform-origin:71.5% 54%; object-position:50% 50%;
}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-pre img{ object-position:50% 47%; }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-meditate img{ object-position:50% 52%; }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-flowers img{ object-position:50% 50%; }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-yoga img{ object-position:50% 49%; }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-portrait img{ object-position:50% 43%; }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-group img{ object-position:50% 49%; }
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-water img{ object-position:54% 50%; }

@keyframes lmMarqueeV25 { from{ transform:translate3d(0,0,0); } to{ transform:translate3d(calc(-50% - 13.5px),0,0); } }

@media (max-width:920px) {
  .home-page[data-design-pass="v2.5"] .lm-hero-copy{ padding-top:129px; }
}

@media (max-width:560px) {
  .home-page[data-design-pass="v2.5"] .lm-hero{
    min-height:700px; max-height:820px;
    background:
      radial-gradient(ellipse 15% 22% at -2% 60%, rgba(255,248,255,.90) 0%, rgba(247,190,255,.72) 30%, rgba(177,105,249,.42) 58%, transparent 100%),
      radial-gradient(ellipse 15% 22% at 102% 60%, rgba(255,248,255,.90) 0%, rgba(247,190,255,.72) 30%, rgba(177,105,249,.42) 58%, transparent 100%),
      radial-gradient(ellipse 50% 58% at -7% 41%, rgba(65,72,255,.76) 0%, rgba(70,59,236,.49) 39%, rgba(75,50,200,.19) 67%, transparent 82%),
      radial-gradient(ellipse 50% 58% at 107% 41%, rgba(65,72,255,.74) 0%, rgba(70,59,236,.47) 39%, rgba(75,50,200,.18) 67%, transparent 82%),
      radial-gradient(ellipse 145% 21% at 50% 71%, rgba(230,124,246,.52) 0%, rgba(169,86,232,.38) 44%, transparent 78%),
      radial-gradient(ellipse 145% 48% at 50% 94%, rgba(242,158,239,.74) 0%, rgba(190,99,232,.54) 31%, rgba(106,69,211,.31) 58%, transparent 82%),
      linear-gradient(180deg,#151e3b 0%,#171f41 34%,#231f5a 56%,#4b329d 77%,#b570cb 100%);
  }
  .home-page[data-design-pass="v2.5"] .lm-orbit-desktop{ display:none; }
  .home-page[data-design-pass="v2.5"] .lm-orbit-mobile{ display:block; }
  .home-page[data-design-pass="v2.5"] .lm-orbit-wide{ stroke-width:52; opacity:.27; }
  .home-page[data-design-pass="v2.5"] .lm-orbit-mid{ stroke-width:23; opacity:.41; }
  .home-page[data-design-pass="v2.5"] .lm-orbit-core{ stroke-width:5.5; opacity:.50; }
  .home-page[data-design-pass="v2.5"] .lm-orbit-dots{ stroke-width:1.6; opacity:.70; }
  .home-page[data-design-pass="v2.5"] .lm-orbit-specks-a{ stroke-width:1.0; opacity:.50; }
  .home-page[data-design-pass="v2.5"] .lm-orbit-specks-b{ stroke-width:.8; opacity:.34; }
  .home-page[data-design-pass="v2.5"] .lm-orbit-hot{ stroke-width:12; opacity:.38; }
  .home-page[data-design-pass="v2.5"] .lm-hero::after{ bottom:-27%; height:65%; filter:blur(20px); opacity:.90; }
  .home-page[data-design-pass="v2.5"] .lm-hero-copy{ width:calc(100% - 30px); padding-top:108px; }
  .home-page[data-design-pass="v2.5"] .lm-hero h1{ max-width:360px; font-size:clamp(2.46rem,10.8vw,3.22rem); line-height:1.00; }
  .home-page[data-design-pass="v2.5"] .lm-hero h1 span{ font-size:1.015em; }
  .home-page[data-design-pass="v2.5"] .lm-hero-copy > p{ max-width:330px; margin-bottom:17px; }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{ bottom:-1px; padding-top:7px; }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee::before{ top:-46px; height:118px; filter:blur(9px); }
  .home-page[data-design-pass="v2.5"] .lm-marquee-track, .home-page[data-design-pass="v2.5"] .lm-marquee-set{ gap:11px; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-track{ margin-left:-39px; padding-right:11px; animation-duration:39s; animation-delay:-.45s; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile{ border-radius:19px; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-pre{ width:94px; height:232px; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-face{ width:113px; height:216px; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-meditate{ width:92px; height:184px; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-flowers{ width:81px; height:178px; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-yoga{ width:77px; height:160px; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-portrait{ width:82px; height:176px; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-group{ width:94px; height:178px; }
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-water{ width:115px; height:220px; }
}

@media (prefers-reduced-motion:reduce) { .home-page[data-design-pass="v2.5"] .lm-marquee-track{ animation:none; } }


/* SOURCE css/luminae-v30.css */
/*
 * iBlogger — Luminae V3.0
 * Pixel-focused rebuild of the two sections immediately following the hero:
 * Our Impact + Our Philosophy. Hero remains locked to V2.5.
 */

.home-page[data-sections-pass="v3.0"] .v30-impact, .home-page[data-sections-pass="v3.0"] .v30-philosophy{
  --v30-ink:#111214;
  --v30-muted:#69696f;
  --v30-paper:#f4f1eb;
  --v30-card:#f7f5f0;
  --v30-line:rgba(17,18,20,.08);
}

/* ---------- Impact ---------- */
.home-page[data-sections-pass="v3.0"] .v30-impact{
  position:relative;
  overflow:hidden;
  padding:clamp(112px,10vw,158px) 0 clamp(106px,9vw,148px);
  background:var(--v30-paper);
  color:var(--v30-ink);
}
.home-page[data-sections-pass="v3.0"] .v30-impact::before{
  content:"";
  position:absolute;
  width:640px;height:380px;
  left:-260px;top:-170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(214,200,246,.22),transparent 68%);
  filter:blur(18px);
  pointer-events:none;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-inner{
  width:min(calc(100% - 48px),1240px);
  margin-inline:auto;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-head{
  width:min(850px,100%);
  margin:0 auto clamp(54px,5.6vw,82px);
  text-align:center;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-kicker{
  display:block;
  margin:0 0 20px;
  font-size:12px;
  font-weight:650;
  letter-spacing:.13em;
  color:#77767a;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading{
  margin:0;
  font-size:clamp(45px,5.45vw,78px);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:430;
  color:#161619;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-head > p{
  width:min(610px,92%);
  margin:25px auto 0;
  font-size:15px;
  line-height:1.95;
  color:#6a696e;
}
.home-page[data-sections-pass="v3.0"] .v30-impact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  direction:ltr;
}
.home-page[data-sections-pass="v3.0"] .v30-stat{
  position:relative;
  min-height:440px;
  overflow:hidden;
  isolation:isolate;
  border-radius:31px;
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 24px 60px rgba(21,19,28,.07);
  padding:28px 28px 29px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#151619;
  transform:translateZ(0);
}
.home-page[data-sections-pass="v3.0"] .v30-stat::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  background-position:center;
  background-size:cover;
  transition:transform .8s cubic-bezier(.16,1,.3,1);
}
.home-page[data-sections-pass="v3.0"] .v30-stat:hover::before{ transform:scale(1.025); }
.home-page[data-sections-pass="v3.0"] .v30-stat-a::before{
  background-image:
    url("../assets/images/impact-orbit.svg"),
    radial-gradient(circle at 17% 28%,#13b84e 0 16%,transparent 43%),
    radial-gradient(circle at 75% 17%,#4ecdf0 0 17%,transparent 43%),
    radial-gradient(circle at 22% 89%,#ee9af3 0 20%,transparent 47%),
    linear-gradient(135deg,#109b73,#ecf5fa 58%,#f8d7f5);
}
.home-page[data-sections-pass="v3.0"] .v30-stat-b::before{
  background-image:
    url("../assets/images/impact-orbit.svg"),
    radial-gradient(circle at 18% 20%,#4530ff 0 18%,transparent 47%),
    radial-gradient(circle at 87% 77%,#ec27c8 0 22%,transparent 55%),
    linear-gradient(145deg,#8d69fa,#f1a7f3 56%,#f233cb);
}
.home-page[data-sections-pass="v3.0"] .v30-stat-c::before{
  background-image:
    url("../assets/images/impact-orbit.svg"),
    radial-gradient(circle at 30% 14%,#5ec9f0 0 25%,transparent 57%),
    radial-gradient(circle at 76% 76%,#ffe226 0 25%,transparent 60%),
    linear-gradient(155deg,#64c6f2,#c694f0 58%,#ffe322);
}
.home-page[data-sections-pass="v3.0"] .v30-stat::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.03) 44%,rgba(255,255,255,.46) 100%);
  pointer-events:none;
}
.home-page[data-sections-pass="v3.0"] .v30-stat-orbit{
  position:absolute;
  z-index:-1;
  width:94%;
  height:auto;
  left:3%;
  top:1%;
  opacity:.19;
  mix-blend-mode:screen;
  filter:saturate(.8) contrast(1.05);
  pointer-events:none;
}
.home-page[data-sections-pass="v3.0"] .v30-stat-content{
  position:relative;
  z-index:2;
  direction:rtl;
  text-align:right;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.home-page[data-sections-pass="v3.0"] .v30-stat strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(54px,5vw,72px);
  line-height:.88;
  letter-spacing:-.07em;
  font-weight:400;
  white-space:nowrap;
  color:#151519;
}
.home-page[data-sections-pass="v3.0"] .v30-stat span{
  width:min(150px,46%);
  font-size:13px;
  line-height:1.65;
  color:#34343a;
}

/* ---------- Philosophy ---------- */
.home-page[data-sections-pass="v3.0"] .v30-philosophy{
  position:relative;
  overflow:hidden;
  padding:clamp(108px,9vw,148px) 0 clamp(118px,10vw,166px);
  background:var(--v30-paper);
  color:var(--v30-ink);
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy::after{
  content:"";
  position:absolute;
  width:700px;height:700px;
  right:-360px;bottom:-300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(241,194,232,.22),transparent 68%);
  filter:blur(30px);
  pointer-events:none;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-grid{
  position:relative;
  z-index:1;
  width:min(calc(100% - 48px),1240px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(56px,7.3vw,106px);
  align-items:center;
  direction:ltr;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy{
  direction:rtl;
  text-align:right;
  padding-left:6px;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-kicker{
  display:block;
  margin:0 0 20px;
  font-size:12px;
  letter-spacing:.12em;
  color:#77767b;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading{
  margin:0;
  max-width:560px;
  font-size:clamp(47px,5vw,72px);
  font-weight:420;
  line-height:1.01;
  letter-spacing:-.05em;
  color:#151518;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-style:italic;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy > p{
  max-width:530px;
  margin:28px 0 28px auto;
  font-size:15px;
  line-height:2.05;
  color:#65646a;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .button{
  min-height:51px;
  padding-inline:25px;
  border-radius:999px;
  background:#17181a;
  color:#fff;
  border-color:#17181a;
  box-shadow:none;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .button:hover{
  background:#292a2d;
  border-color:#292a2d;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-media{
  position:relative;
  min-height:690px;
  direction:ltr;
}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-image{
  position:absolute;
  inset:0 0 0 5%;
  width:95%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  border-radius:34px;
  box-shadow:0 28px 70px rgba(17,18,20,.08);
  background:#bdd5d8;
}
.home-page[data-sections-pass="v3.0"] .v30-peace-card{
  position:absolute;
  left:-2px;
  bottom:30px;
  width:278px;
  min-height:215px;
  padding:21px 22px 20px;
  border-radius:26px;
  background:rgba(251,249,244,.92);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 18px 50px rgba(19,21,23,.14);
  backdrop-filter:blur(22px) saturate(1.1);
  -webkit-backdrop-filter:blur(22px) saturate(1.1);
  color:#151619;
}
.home-page[data-sections-pass="v3.0"] .v30-peace-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:29px;
  font-size:12px;
  color:#66656a;
}
.home-page[data-sections-pass="v3.0"] .v30-peace-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#fff;
  font-size:18px;
  box-shadow:0 5px 16px rgba(20,20,24,.06);
}
.home-page[data-sections-pass="v3.0"] .v30-peace-card strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:56px;
  font-weight:400;
  line-height:.9;
  letter-spacing:-.065em;
  margin-bottom:12px;
}
.home-page[data-sections-pass="v3.0"] .v30-peace-card p{
  margin:0;
  max-width:210px;
  font-size:12px;
  line-height:1.65;
  color:#65646a;
}

/* Keep the dynamic blogger section from visually colliding with philosophy. */
.home-page[data-sections-pass="v3.0"] .v30-philosophy + .bloggers-section{
  margin-top:0;
}

@media (max-width: 980px) {
  .home-page[data-sections-pass="v3.0"] .v30-impact-grid{ gap:13px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat{ min-height:375px; padding:23px; border-radius:27px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat-content{ display:block; }
  .home-page[data-sections-pass="v3.0"] .v30-stat span{ display:block; width:100%; margin-top:14px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-grid{ grid-template-columns:.9fr 1.1fr; gap:40px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-media{ min-height:580px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card{ width:238px; min-height:190px; }
}

@media (max-width: 760px) {
  .home-page[data-sections-pass="v3.0"] .v30-impact{ padding:92px 0 92px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-inner, .home-page[data-sections-pass="v3.0"] .v30-philosophy-grid{ width:min(calc(100% - 28px),1240px); }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head{ margin-bottom:38px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading{ font-size:clamp(40px,12vw,58px); }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head > p{ margin-top:20px; font-size:14px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-grid{ grid-template-columns:1fr; gap:14px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat{ min-height:335px; border-radius:26px; padding:24px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat-content{ display:flex; }
  .home-page[data-sections-pass="v3.0"] .v30-stat span{ width:45%; margin-top:0; }
  .home-page[data-sections-pass="v3.0"] .v30-stat strong{ font-size:58px; }

  .home-page[data-sections-pass="v3.0"] .v30-philosophy{ padding:90px 0 108px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-grid{ grid-template-columns:1fr; gap:45px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy{ order:1; padding:0 6px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-media{ order:2; min-height:570px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading{ font-size:clamp(42px,12vw,60px); }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy > p{ font-size:14px; margin-top:23px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-image{ inset:0 0 0 0; width:100%; border-radius:29px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card{ left:14px; bottom:16px; }
}

@media (max-width: 480px) {
  .home-page[data-sections-pass="v3.0"] .v30-impact{ padding-top:80px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-kicker, .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-kicker{ font-size:10.5px; }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading{ font-size:42px; line-height:1.03; }
  .home-page[data-sections-pass="v3.0"] .v30-stat{ min-height:310px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat strong{ font-size:53px; }
  .home-page[data-sections-pass="v3.0"] .v30-stat span{ font-size:12px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading{ font-size:44px; }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-media{ min-height:495px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card{ width:224px; min-height:178px; padding:18px; border-radius:23px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card-head{ margin-bottom:20px; }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card strong{ font-size:50px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page[data-sections-pass="v3.0"] .v30-stat::before{ transition:none; }
}


/* SOURCE css/recovery-final.css */
/* iBlogger recovered visual build — final reconstruction layer.
   Loaded last; preserves all original PHP/JS functionality. */
:root{
  --rf-ink:#202620;--rf-muted:#6f746e;--rf-paper:#f4f1ea;--rf-card:#fbfaf6;
  --rf-moss:#26382d;--rf-lilac:#e9ddf8;--rf-sage:#dcebcf;--rf-sand:#eee2cb;
  --rf-line:rgba(24,31,25,.10);--rf-shadow:0 24px 70px rgba(31,36,31,.10);
}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{background:var(--rf-paper);color:var(--rf-ink)}
.site-header{top:18px;width:min(calc(100% - 38px),1240px);height:64px;border-radius:999px;background:rgba(250,248,242,.78);border:1px solid rgba(25,33,27,.10);box-shadow:0 12px 42px rgba(34,42,36,.07);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.site-header.is-scrolled{background:rgba(250,248,242,.94)}
.header-inner{height:100%;padding-inline:16px 10px}.site-logo-image{max-width:124px}.desktop-nav .nav-link{font-size:.8rem;padding:9px 11px}.header-actions .button{min-height:38px;padding-inline:15px}
.button{transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.button:hover{transform:translateY(-1px)}
.button-primary{background:#25362c;color:#fff}.button-primary:hover{background:#34483b}.button-secondary{background:rgba(255,255,255,.32)}

/* HERO */
.home-page[data-design-pass="v2.5"] .lm-hero{min-height:860px;padding:145px 0 74px;background:
 radial-gradient(ellipse at 0% 32%,rgba(84,116,255,.17),transparent 28%),
 radial-gradient(ellipse at 100% 34%,rgba(167,74,255,.17),transparent 28%),
 radial-gradient(ellipse at 15% 66%,rgba(255,167,225,.18),transparent 22%),
 radial-gradient(ellipse at 86% 70%,rgba(255,214,238,.22),transparent 22%),
 linear-gradient(180deg,#f5f2eb 0%,#f7f4ee 74%,#f4f1ea 100%)}
.home-page[data-design-pass="v2.5"] .lm-hero::before{background:radial-gradient(circle at 50% 31%,rgba(255,255,255,.92) 0 9%,rgba(255,255,255,.42) 26%,transparent 53%)}
.home-page[data-design-pass="v2.5"] .lm-hero-copy{width:min(780px,90vw)}
.home-page[data-design-pass="v2.5"] .lm-trust{margin-bottom:20px;font-size:.78rem}.home-page[data-design-pass="v2.5"] .lm-trust-avatars img, .home-page[data-design-pass="v2.5"] .lm-trust-badge{width:31px;height:31px}
.home-page[data-design-pass="v2.5"] .lm-hero h1{font-size:clamp(54px,6.25vw,88px);line-height:.98;max-width:860px;margin-bottom:19px;font-weight:470;letter-spacing:-.055em}
.home-page[data-design-pass="v2.5"] .lm-hero h1 span{font-weight:390}.home-page[data-design-pass="v2.5"] .lm-hero-copy>p{font-size:15px;line-height:1.95;max-width:545px;margin-bottom:24px}
.home-page[data-design-pass="v2.5"] .lm-hero .button{min-width:160px;min-height:48px;font-size:.9rem}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg{opacity:.94}.home-page[data-design-pass="v2.5"] .lm-orbit-dots{stroke-dasharray:.5 17!important;stroke-width:2.1!important}.home-page[data-design-pass="v2.5"] .lm-orbit-specks-a{stroke-dasharray:.4 27!important;opacity:.7}.home-page[data-design-pass="v2.5"] .lm-orbit-specks-b{stroke-dasharray:.5 35!important;opacity:.5}.home-page[data-design-pass="v2.5"] .lm-orbit-core{opacity:.5}.home-page[data-design-pass="v2.5"] .lm-orbit-mid{opacity:.28}.home-page[data-design-pass="v2.5"] .lm-orbit-wide{opacity:.20}
.home-page[data-design-pass="v2.5"] .lm-hero-marquee{bottom:-4px;height:246px}.home-page[data-design-pass="v2.5"] .lm-marquee-track{gap:12px}.home-page[data-design-pass="v2.5"] .lm-marquee-set{gap:12px}
.home-page[data-design-pass="v2.5"] .lm-tile{border-radius:22px;box-shadow:0 18px 52px rgba(38,40,39,.13);border:1px solid rgba(255,255,255,.5)}
.home-page[data-design-pass="v2.5"] .lm-tile-pre{width:152px;height:190px;transform:translateY(38px) rotate(-5deg)}.home-page[data-design-pass="v2.5"] .lm-tile-face{width:142px;height:204px;transform:translateY(5px) rotate(4deg)}.home-page[data-design-pass="v2.5"] .lm-tile-meditate{width:165px;height:222px;transform:translateY(18px) rotate(-2deg)}.home-page[data-design-pass="v2.5"] .lm-tile-flowers{width:135px;height:178px;transform:translateY(49px) rotate(5deg)}.home-page[data-design-pass="v2.5"] .lm-tile-yoga{width:176px;height:211px;transform:translateY(12px) rotate(-4deg)}.home-page[data-design-pass="v2.5"] .lm-tile-portrait{width:145px;height:206px;transform:translateY(0) rotate(3deg)}.home-page[data-design-pass="v2.5"] .lm-tile-group{width:182px;height:182px;transform:translateY(38px) rotate(-3deg)}.home-page[data-design-pass="v2.5"] .lm-tile-water{width:180px;height:148px;transform:translateY(63px) rotate(3deg)}.home-page[data-design-pass="v2.5"] .lm-tile-breath{width:145px;height:200px;transform:translateY(7px) rotate(-3deg)}.home-page[data-design-pass="v2.5"] .lm-tile-waves{width:144px;height:190px;transform:translateY(37px) rotate(4deg)}.home-page[data-design-pass="v2.5"] .lm-tile-rose{width:137px;height:179px;transform:translateY(51px) rotate(-5deg)}.home-page[data-design-pass="v2.5"] .lm-tile-winter{width:178px;height:145px;transform:translateY(66px) rotate(4deg)}

/* IMPACT */
.home-page[data-sections-pass="v3.0"] .v30-impact{padding:112px 0 126px;background:#f4f1ea}.home-page[data-sections-pass="v3.0"] .v30-impact-inner{width:min(calc(100% - 48px),1190px)}
.home-page[data-sections-pass="v3.0"] .v30-impact-head{width:min(820px,100%);margin-bottom:58px}.home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-kicker{margin-bottom:16px}.home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading{font-size:clamp(44px,5vw,70px);line-height:1.02;font-weight:430}.home-page[data-sections-pass="v3.0"] .v30-impact-head>p{font-size:14px;line-height:1.9;max-width:580px;margin-top:20px}
.home-page[data-sections-pass="v3.0"] .v30-impact-grid{gap:16px;direction:ltr}.home-page[data-sections-pass="v3.0"] .v30-stat{min-height:382px;border-radius:30px;padding:26px;box-shadow:0 18px 48px rgba(25,30,26,.07)}
.home-page[data-sections-pass="v3.0"] .v30-stat-a::before{background-image:radial-gradient(circle at 10% 13%,rgba(65,220,138,.88),transparent 34%),radial-gradient(circle at 84% 16%,rgba(77,194,255,.88),transparent 36%),radial-gradient(circle at 19% 92%,rgba(248,143,236,.82),transparent 42%),linear-gradient(145deg,#64d59e 0%,#e8f6f4 52%,#f8d5f0 100%)}
.home-page[data-sections-pass="v3.0"] .v30-stat-b::before{background-image:radial-gradient(circle at 17% 16%,rgba(77,59,255,.95),transparent 42%),radial-gradient(circle at 88% 74%,rgba(241,55,204,.95),transparent 51%),linear-gradient(145deg,#7862ff,#e4a9ef 58%,#f153cc)}
.home-page[data-sections-pass="v3.0"] .v30-stat-c::before{background-image:radial-gradient(circle at 31% 11%,rgba(78,194,238,.9),transparent 49%),radial-gradient(circle at 79% 78%,rgba(255,225,52,.96),transparent 48%),linear-gradient(150deg,#75caed,#c4a0eb 58%,#ffea55)}
.home-page[data-sections-pass="v3.0"] .v30-stat-orbit{width:104%;left:-2%;top:-1%;opacity:.55;mix-blend-mode:screen;filter:none}.home-page[data-sections-pass="v3.0"] .v30-stat-content{align-items:flex-end;gap:14px}.home-page[data-sections-pass="v3.0"] .v30-stat strong{font-size:clamp(54px,4.8vw,68px)}.home-page[data-sections-pass="v3.0"] .v30-stat span{width:min(154px,48%);font-size:12px;line-height:1.7}

/* PHILOSOPHY */
.home-page[data-sections-pass="v3.0"] .v30-philosophy{padding:122px 0 138px;background:#f7f4ee}.home-page[data-sections-pass="v3.0"] .v30-philosophy-grid{width:min(calc(100% - 48px),1190px);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:82px;align-items:center}.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy{padding:0}.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-kicker{margin-bottom:18px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading{font-size:clamp(44px,4.9vw,70px);line-height:1.03;max-width:525px;margin-bottom:26px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading em{font-weight:390}.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy>p{max-width:485px;font-size:15px;line-height:2;margin-bottom:25px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .button{min-height:44px;padding-inline:19px;font-size:.86rem}
.home-page[data-sections-pass="v3.0"] .v30-philosophy-media{min-height:630px;border-radius:38px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-image{height:630px;width:100%;border-radius:38px;object-fit:cover;object-position:50% 28%;box-shadow:0 26px 80px rgba(31,35,31,.12)}
.home-page[data-sections-pass="v3.0"] .v30-peace-card{left:22px;bottom:22px;width:252px;min-height:175px;padding:20px 21px;border-radius:26px;background:rgba(249,248,244,.76);border:1px solid rgba(255,255,255,.64);box-shadow:0 18px 52px rgba(31,35,31,.13);backdrop-filter:blur(22px) saturate(120%)}.home-page[data-sections-pass="v3.0"] .v30-peace-card-head{font-size:12px}.home-page[data-sections-pass="v3.0"] .v30-peace-card strong{font-size:42px;margin-top:24px}.home-page[data-sections-pass="v3.0"] .v30-peace-card p{font-size:11.5px;line-height:1.65;max-width:190px}

/* SHARED SECTION HEAD */
.home-page[data-design-pass="v2.5"] .lm-section-head{align-items:flex-end;margin-bottom:46px}.home-page[data-design-pass="v2.5"] .lm-section-head .lm-heading{font-size:clamp(43px,4.7vw,68px);line-height:1.02;font-weight:430}.home-page[data-design-pass="v2.5"] .lm-section-head>p{font-size:14px;line-height:1.9;max-width:460px}
.home-page[data-design-pass="v2.5"] .lm-kicker{font-size:11px;letter-spacing:.12em;font-weight:650;color:#727570;margin-bottom:15px}

/* PROGRAMS */
.home-page .rf-programs{padding:128px 0 140px;background:#f4f1ea}.home-page .rf-programs .container{width:min(calc(100% - 48px),1190px)}
.rf-program-portrait-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:290px;direction:ltr}.rf-program-portrait-row img{width:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover;border:4px solid #f4f1ea;margin-left:-4px}.rf-program-proof{display:flex;align-items:center;gap:15px;margin:22px 0 36px;color:#5d625d;font-size:12px}
.rf-program-grid{display:grid;grid-template-columns:1.12fr .88fr 1fr;gap:16px;align-items:start}.rf-program{display:flex;flex-direction:column;border-radius:32px;overflow:hidden;background:#fbfaf6;border:1px solid var(--rf-line);min-height:520px;color:inherit;box-shadow:0 15px 44px rgba(27,32,28,.055);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}.rf-program:nth-child(2){margin-top:42px}.rf-program:hover{transform:translateY(-6px);box-shadow:var(--rf-shadow)}.rf-program-media{height:300px;overflow:hidden}.rf-program:nth-child(2) .rf-program-media{height:247px}.rf-program img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.rf-program:hover img{transform:scale(1.035)}.rf-program-body{padding:24px 24px 22px;display:flex;flex-direction:column;flex:1}.rf-program-body small{font-size:11px;color:#777c76}.rf-program-body h3{font-size:25px;font-weight:520;margin:9px 0 10px}.rf-program-body p{font-size:13px;line-height:1.85;color:#717671;margin:0}.rf-program-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:19px}.rf-program-tag{font-size:10.5px;border:1px solid rgba(24,31,25,.13);padding:7px 10px;border-radius:999px}.rf-program-arrow{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#26382d;color:white;font-size:18px}

/* HOW IT WORKS */
.home-page .rf-how{width:min(calc(100% - 24px),1420px);margin:0 auto;padding:122px 0 132px;background:#e4dfd5;border-radius:50px}.home-page .rf-how .container{width:min(calc(100% - 48px),1160px)}
.rf-steps{display:grid;gap:20px}.rf-step{display:grid;grid-template-columns:1.07fr .93fr;gap:22px;align-items:stretch;height:430px;min-height:430px}.rf-step:nth-child(even){grid-template-columns:.93fr 1.07fr}.rf-step:nth-child(even) .rf-step-media{order:2}.rf-step-media{border-radius:34px;overflow:hidden;min-height:430px}.rf-step-media img{width:100%;height:100%;object-fit:cover}.rf-step:nth-child(1) img{object-position:center 62%}.rf-step-copy{border-radius:34px;background:rgba(249,247,241,.72);padding:44px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.42)}.rf-step-copy small{font-size:11px;letter-spacing:.08em;color:#747873}.rf-step-copy h3{font-size:clamp(34px,3.5vw,50px);font-weight:430;letter-spacing:-.045em;margin:11px 0 14px}.rf-step-copy p{font-size:14px;line-height:1.9;color:#687069;max-width:430px;margin:0}.rf-step-index{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#26382d;color:white;font:400 14px Georgia,serif;margin-bottom:28px}

/* STORIES */
.home-page .rf-stories{padding:132px 0 140px;background:#f4f1ea;overflow:hidden}.home-page .rf-stories .container{width:min(calc(100% - 48px),1190px)}
.rf-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rf-story{display:block;color:inherit}.rf-story-media{aspect-ratio:.77;border-radius:34px;overflow:hidden;margin-bottom:18px;background:#ddd}.rf-story:nth-child(2) .rf-story-media{transform:translateY(28px);margin-bottom:46px}.rf-story img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.16,1,.3,1)}.rf-story:nth-child(1) img{object-position:48% 34%}.rf-story:nth-child(2) img{object-position:50% 27%}.rf-story:nth-child(3) img{object-position:52% 46%}.rf-story:hover img{transform:scale(1.035)}.rf-story-caption{padding-inline:4px}.rf-story-caption h3{font-size:21px;font-weight:520;margin:0 0 5px}.rf-story-caption p{font-size:12px;color:#747974;margin:0}

/* SMART ADS / AI EQUIVALENT */
.home-page .rf-smart{padding:24px 0 130px;background:#f4f1ea}.home-page .rf-smart .container{width:min(calc(100% - 48px),1190px)}
.rf-smart-card{position:relative;min-height:700px;border-radius:48px;overflow:hidden;background:linear-gradient(145deg,#17231c 0%,#263a2d 55%,#31443a 100%);color:white;padding:72px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:36px;box-shadow:0 34px 110px rgba(20,28,23,.16)}.rf-smart-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 79% 28%,rgba(206,192,255,.28),transparent 26%),radial-gradient(circle at 66% 78%,rgba(141,214,180,.22),transparent 28%);pointer-events:none}.rf-smart-copy{position:relative;z-index:2;max-width:470px}.rf-smart-copy .lm-kicker{color:rgba(255,255,255,.58)}.rf-smart-copy .lm-heading{font-size:clamp(48px,5vw,72px);line-height:1.01;font-weight:420;margin:0 0 24px}.rf-smart-copy p{font-size:14px;line-height:2;color:rgba(255,255,255,.7);margin:0 0 28px}.rf-smart-copy .button{background:#f6f2e8;color:#213027;min-height:48px}
.rf-smart-stage{position:relative;min-height:520px}.rf-smart-orb{position:absolute;inset:30px 0 0 30px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f0d9ff,rgba(115,129,255,.32) 33%,rgba(75,130,106,.05) 69%,transparent 72%);filter:blur(1px)}.rf-smart-phone{position:absolute;right:16%;top:7%;width:255px;height:510px;border-radius:45px;background:#f7f5ef;padding:14px;box-shadow:0 40px 90px rgba(0,0,0,.34);transform:rotate(4deg)}.rf-smart-screen{height:100%;border-radius:34px;background:linear-gradient(180deg,#e9e1f7,#f5f1ea 42%,#dfe8de);padding:26px 18px;display:flex;flex-direction:column;gap:12px;color:#26362c}.rf-smart-notch{width:82px;height:18px;background:#1e241f;border-radius:20px;margin:-7px auto 18px}.rf-chat{padding:12px 13px;border-radius:17px;background:rgba(255,255,255,.82);font-size:11px;line-height:1.6;box-shadow:0 8px 18px rgba(42,48,43,.08)}.rf-chat:nth-child(odd){margin-left:25px;background:#25372d;color:#fff}.rf-smart-float{position:absolute;left:2%;bottom:52px;width:230px;border-radius:26px;padding:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px)}.rf-smart-float strong{display:block;font-size:26px;font-weight:450}.rf-smart-float span{font-size:11px;color:rgba(255,255,255,.62)}

/* GIFT / ADD BLOGGER */
.home-page .rf-gift{padding:128px 0;background:#ece7de}.home-page .rf-gift .container{width:min(calc(100% - 48px),1190px)}
.rf-gift-card{min-height:650px;border-radius:46px;background:#f8f5ef;display:grid;grid-template-columns:.83fr 1.17fr;overflow:hidden;border:1px solid rgba(25,31,26,.08);box-shadow:0 24px 80px rgba(34,39,35,.08)}.rf-gift-copy{padding:72px 62px;display:flex;flex-direction:column;justify-content:center}.rf-gift-copy h3{font-size:clamp(44px,4.7vw,68px);line-height:1.02;font-weight:420;margin:0 0 22px}.rf-gift-copy p{font-size:14px;line-height:1.95;color:#6c716c;margin:0 0 27px;max-width:430px}.rf-gift-copy .button{align-self:flex-start;min-height:48px}.rf-gift-collage{position:relative;min-height:650px;background:#e2ddd3;overflow:hidden}.rf-gift-photo{position:absolute;overflow:hidden;border-radius:28px;box-shadow:0 18px 48px rgba(35,39,35,.17);border:5px solid rgba(250,248,242,.9)}.rf-gift-photo img{width:100%;height:100%;object-fit:cover}.rf-gift-photo:nth-child(1){width:43%;height:43%;right:8%;top:7%;transform:rotate(5deg)}.rf-gift-photo:nth-child(2){width:38%;height:35%;left:8%;top:14%;transform:rotate(-6deg)}.rf-gift-photo:nth-child(3){width:47%;height:39%;right:15%;bottom:7%;transform:rotate(-4deg)}.rf-gift-photo:nth-child(4){width:31%;height:28%;left:9%;bottom:10%;transform:rotate(7deg)}.rf-gift-photo:nth-child(5){width:24%;height:23%;left:39%;top:41%;transform:rotate(2deg);z-index:3}

/* FAQ */
.home-page .rf-faq{padding:132px 0 138px;background:#f4f1ea}.home-page .rf-faq .container{width:min(calc(100% - 48px),1120px)}.home-page[data-design-pass="v2.5"] .lm-faq-wrap{grid-template-columns:.78fr 1.22fr;gap:90px}.home-page[data-design-pass="v2.5"] .lm-faq-item summary{padding:25px 2px;font-size:15px}.home-page[data-design-pass="v2.5"] .lm-faq-item p{font-size:13px;line-height:1.9}.home-page[data-design-pass="v2.5"] .lm-faq-list{border-color:rgba(26,31,27,.13)}

/* FINAL CTA */
.home-page .rf-final{padding:24px 0 110px;background:#f4f1ea}.home-page .rf-final .container{width:min(calc(100% - 48px),1190px)}
.rf-final-card{position:relative;min-height:660px;border-radius:48px;overflow:hidden;background:#1f3026;color:white;display:grid;place-items:center;padding:70px;text-align:center}.rf-final-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(103,139,115,.24),transparent 42%),linear-gradient(180deg,rgba(12,19,14,.14),rgba(12,19,14,.52));z-index:1}.rf-final-image{position:absolute;overflow:hidden;border-radius:28px;box-shadow:0 20px 55px rgba(0,0,0,.24);opacity:.92}.rf-final-image img{width:100%;height:100%;object-fit:cover}.rf-final-image.a{width:210px;height:290px;left:4%;top:8%;transform:rotate(-6deg)}.rf-final-image.b{width:230px;height:300px;right:5%;top:10%;transform:rotate(6deg)}.rf-final-image.c{width:190px;height:250px;left:10%;bottom:-35px;transform:rotate(5deg)}.rf-final-image.d{width:190px;height:245px;right:11%;bottom:-28px;transform:rotate(-5deg)}.rf-final-copy{position:relative;z-index:2;max-width:700px}.rf-final-copy .lm-heading{font-size:clamp(52px,6vw,82px);line-height:.99;font-weight:410;margin:0 0 20px}.rf-final-copy p{font-size:14px;line-height:1.9;color:rgba(255,255,255,.7);max-width:530px;margin:0 auto 26px}.rf-final-copy .button{background:#f6f2e8;color:#223128;min-height:49px}

/* BLOGGER DRAWER */
.blogger-drawer[hidden]{display:none!important}.blogger-drawer{z-index:1300}.blogger-drawer .modal-backdrop{background:rgba(20,26,22,.54);backdrop-filter:blur(5px)}.blogger-drawer-panel{position:absolute;top:0;bottom:0;right:0;width:min(840px,92vw);max-height:none!important;height:100vh;border-radius:34px 0 0 34px;padding:0!important;overflow:hidden!important;background:#f7f4ee;transform:translateX(105%);transition:transform .36s cubic-bezier(.16,1,.3,1);box-shadow:-26px 0 90px rgba(19,26,21,.18)}.blogger-drawer.is-open .blogger-drawer-panel{transform:translateX(0)}.blogger-drawer-head{position:sticky;top:0;z-index:5;padding:28px 74px 18px 28px;background:rgba(247,244,238,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(27,34,28,.08)}.blogger-drawer-head h2{font-size:34px;font-weight:460;margin:2px 0 6px}.blogger-drawer-head p{font-size:12px;color:#6d726d;margin:0}.blogger-drawer .modal-close{top:27px;right:24px}.blogger-drawer-tools{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:19px}.blogger-search{height:46px;border-radius:999px!important;background:#fff!important;border:1px solid rgba(26,33,27,.11)!important;padding:0 18px!important;box-shadow:none!important}.blogger-result-count{height:46px;min-width:92px;padding-inline:14px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#25372d;color:white;font-size:11px}.blogger-drawer-scroll{height:calc(100vh - 169px);overflow:auto;padding:22px 24px 40px}.blogger-drawer .blogger-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blogger-drawer .blogger-card{border-radius:26px;box-shadow:none}.blogger-drawer-empty{grid-column:1/-1;padding:42px;text-align:center;color:#727771;background:#fff;border-radius:26px;border:1px solid var(--rf-line)}

/* FOOTER */
.home-page .site-footer{background:#e8e3da;border-top:0;padding-top:72px}.home-page .footer-grid{padding-bottom:62px}.home-page .footer-bottom{border-color:rgba(24,31,25,.1)}

/* Secondary pages share the recovered system without changing page logic. */
body:not(.home-page){background:linear-gradient(180deg,#f3f0e9,#f7f4ee 35%,#f3f0e9)}
body:not(.home-page) main{padding-top:14px}
body:not(.home-page) .service-hero, body:not(.home-page) .auth-shell, body:not(.home-page) .feedback-hero, body:not(.home-page) .profile-hero{padding-top:120px!important}
body:not(.home-page) .service-hero-card, body:not(.home-page) .service-card, body:not(.home-page) .auth-card, body:not(.home-page) .feedback-card, body:not(.home-page) .role-benefit-highlight, body:not(.home-page) .role-benefit-card, body:not(.home-page) .cta-card{border-radius:30px!important;border-color:rgba(27,34,28,.10)!important;box-shadow:0 16px 50px rgba(32,38,33,.06)!important}
body:not(.home-page) .service-hero-panel{border-radius:34px!important;background:linear-gradient(145deg,#23352a,#344b3d)!important}
body:not(.home-page) input, body:not(.home-page) select, body:not(.home-page) textarea{border-radius:15px!important;background:#fcfbf7!important;border-color:rgba(28,35,29,.13)!important;box-shadow:none!important}
body:not(.home-page) .site-footer{background:#e8e3da;border-top:0}

@media(max-width:980px){
  .site-header{width:min(calc(100% - 24px),940px);top:12px}.desktop-nav{display:none}
  .home-page[data-design-pass="v2.5"] .lm-hero{min-height:800px;padding-top:130px}.home-page[data-design-pass="v2.5"] .lm-hero h1{font-size:clamp(50px,8.6vw,74px)}
  .home-page[data-sections-pass="v3.0"] .v30-impact-grid{gap:12px}.home-page[data-sections-pass="v3.0"] .v30-stat{min-height:335px;padding:22px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-grid{grid-template-columns:.92fr 1.08fr;gap:42px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-media, .home-page[data-sections-pass="v3.0"] .v30-philosophy-image{min-height:540px;height:540px}
  .rf-program-grid{grid-template-columns:repeat(3,1fr);gap:12px}.rf-program{min-height:470px}.rf-program-media{height:250px}.rf-program:nth-child(2) .rf-program-media{height:220px}
  .rf-step{height:360px;min-height:360px}.rf-step-media{min-height:360px}.rf-step-copy{padding:32px}.rf-step-index{margin-bottom:18px}
  .rf-smart-card{padding:54px 42px;min-height:620px}.rf-smart-phone{right:10%;width:230px;height:460px}.rf-smart-stage{min-height:480px}
  .rf-gift-card{grid-template-columns:.9fr 1.1fr;min-height:570px}.rf-gift-copy{padding:52px 42px}.rf-gift-collage{min-height:570px}.home-page[data-design-pass="v2.5"] .lm-faq-wrap{gap:50px}
}

@media(max-width:760px){
  .container, .home-page[data-sections-pass="v3.0"] .v30-impact-inner, .home-page[data-sections-pass="v3.0"] .v30-philosophy-grid, .home-page .rf-programs .container, .home-page .rf-how .container, .home-page .rf-stories .container, .home-page .rf-smart .container, .home-page .rf-gift .container, .home-page .rf-faq .container, .home-page .rf-final .container{width:min(calc(100% - 28px),100%)}
  .site-header{height:58px}.site-logo-image{max-width:108px}.header-actions>.button, .lm-header-utility{display:none!important}
  .home-page[data-design-pass="v2.5"] .lm-hero{min-height:708px;padding:111px 0 48px}.home-page[data-design-pass="v2.5"] .lm-hero-copy{width:min(355px,91vw)}.home-page[data-design-pass="v2.5"] .lm-trust{margin-bottom:17px;font-size:10.5px;gap:8px}.home-page[data-design-pass="v2.5"] .lm-trust-avatars img, .home-page[data-design-pass="v2.5"] .lm-trust-badge{width:28px;height:28px;border-width:2px}.home-page[data-design-pass="v2.5"] .lm-trust-badge{font-size:8px}.home-page[data-design-pass="v2.5"] .lm-hero h1{font-size:49px;line-height:1;letter-spacing:-.052em;margin-bottom:16px}.home-page[data-design-pass="v2.5"] .lm-hero-copy>p{font-size:12.5px;line-height:1.85;max-width:330px;margin-bottom:21px}.home-page[data-design-pass="v2.5"] .lm-hero .button{min-height:45px;font-size:12px}.home-page[data-design-pass="v2.5"] .lm-orbit-desktop{display:none}.home-page[data-design-pass="v2.5"] .lm-orbit-mobile{display:block}.home-page[data-design-pass="v2.5"] .lm-hero-marquee{height:184px;bottom:-1px}.home-page[data-design-pass="v2.5"] .lm-marquee-track, .home-page[data-design-pass="v2.5"] .lm-marquee-set{gap:8px}.home-page[data-design-pass="v2.5"] .lm-tile{border-radius:16px}.home-page[data-design-pass="v2.5"] .lm-tile-pre{width:105px;height:132px;transform:translateY(33px) rotate(-5deg)}.home-page[data-design-pass="v2.5"] .lm-tile-face{width:99px;height:142px;transform:translateY(6px) rotate(4deg)}.home-page[data-design-pass="v2.5"] .lm-tile-meditate{width:112px;height:151px;transform:translateY(19px) rotate(-2deg)}.home-page[data-design-pass="v2.5"] .lm-tile-flowers{width:95px;height:126px;transform:translateY(40px) rotate(5deg)}.home-page[data-design-pass="v2.5"] .lm-tile-yoga{width:119px;height:143px;transform:translateY(14px) rotate(-4deg)}.home-page[data-design-pass="v2.5"] .lm-tile-portrait{width:98px;height:139px}.home-page[data-design-pass="v2.5"] .lm-tile-group{width:120px;height:120px;transform:translateY(36px) rotate(-3deg)}.home-page[data-design-pass="v2.5"] .lm-tile-water{width:122px;height:101px;transform:translateY(55px) rotate(3deg)}.home-page[data-design-pass="v2.5"] .lm-tile-breath{width:98px;height:136px}.home-page[data-design-pass="v2.5"] .lm-tile-waves{width:98px;height:128px;transform:translateY(32px) rotate(4deg)}.home-page[data-design-pass="v2.5"] .lm-tile-rose{width:94px;height:122px;transform:translateY(41px) rotate(-5deg)}.home-page[data-design-pass="v2.5"] .lm-tile-winter{width:119px;height:98px;transform:translateY(55px) rotate(4deg)}
  .home-page[data-sections-pass="v3.0"] .v30-impact{padding:88px 0 94px}.home-page[data-sections-pass="v3.0"] .v30-impact-head{margin-bottom:36px}.home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading, .home-page[data-design-pass="v2.5"] .lm-section-head .lm-heading{font-size:39px;line-height:1.04}.home-page[data-sections-pass="v3.0"] .v30-impact-head>p, .home-page[data-design-pass="v2.5"] .lm-section-head>p{font-size:12.5px;line-height:1.85}.home-page[data-sections-pass="v3.0"] .v30-impact-grid{grid-template-columns:1fr;gap:11px;direction:rtl}.home-page[data-sections-pass="v3.0"] .v30-stat{min-height:250px;border-radius:26px;padding:21px}.home-page[data-sections-pass="v3.0"] .v30-stat-content{display:flex!important}.home-page[data-sections-pass="v3.0"] .v30-stat strong{font-size:53px}.home-page[data-sections-pass="v3.0"] .v30-stat span{width:45%;font-size:11.5px}
  .home-page[data-sections-pass="v3.0"] .v30-philosophy{padding:92px 0 100px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-grid{grid-template-columns:1fr;gap:38px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy{order:1}.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading{font-size:40px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-copy>p{font-size:13px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-media{order:2;min-height:500px}.home-page[data-sections-pass="v3.0"] .v30-philosophy-image{height:500px;min-height:500px;border-radius:30px;object-position:50% 24%}.home-page[data-sections-pass="v3.0"] .v30-peace-card{width:215px;min-height:151px;left:14px;bottom:14px;padding:17px;border-radius:22px}.home-page[data-sections-pass="v3.0"] .v30-peace-card strong{font-size:35px;margin-top:16px}.home-page[data-sections-pass="v3.0"] .v30-peace-card p{font-size:10.5px}
  .home-page[data-design-pass="v2.5"] .lm-section-head{display:block;margin-bottom:34px}.home-page[data-design-pass="v2.5"] .lm-section-head>p{margin-top:17px;max-width:340px}.rf-program-proof{margin:17px 0 26px}.rf-program-portrait-row{width:225px}.rf-program-grid{grid-template-columns:1fr;gap:13px}.rf-program:nth-child(2){margin-top:0}.rf-program{min-height:0;border-radius:28px}.rf-program-media, .rf-program:nth-child(2) .rf-program-media{height:235px}.rf-program-body{min-height:224px;padding:21px}.home-page .rf-programs{padding:94px 0 102px}
  .home-page .rf-how{width:calc(100% - 12px);padding:92px 0 94px;border-radius:36px}.rf-step, .rf-step:nth-child(even){grid-template-columns:1fr;gap:10px;height:auto;min-height:0}.rf-step:nth-child(even) .rf-step-media{order:0}.rf-step-media{min-height:280px;height:280px;border-radius:27px}.rf-step-copy{padding:28px 24px;border-radius:27px;min-height:285px}.rf-step-copy h3{font-size:39px}.rf-step-copy p{font-size:12.5px}.rf-step-index{width:42px;height:42px;margin-bottom:14px}
  .home-page .rf-stories{padding:98px 0 105px}.rf-story-grid{grid-template-columns:1fr;gap:27px}.rf-story:nth-child(2) .rf-story-media{transform:none;margin-bottom:18px}.rf-story-media{aspect-ratio:.86;border-radius:29px}.rf-story-caption h3{font-size:19px}
  .home-page .rf-smart{padding:6px 0 98px}.rf-smart-card{min-height:780px;border-radius:36px;padding:42px 25px;grid-template-columns:1fr;gap:12px}.rf-smart-copy .lm-heading{font-size:44px}.rf-smart-copy p{font-size:12.5px}.rf-smart-stage{min-height:405px}.rf-smart-phone{right:50%;transform:translateX(50%) rotate(3deg);top:12px;width:203px;height:405px;border-radius:38px}.rf-smart-screen{border-radius:29px;padding:22px 14px}.rf-chat{font-size:9.5px}.rf-smart-float{width:175px;left:0;bottom:6px;padding:15px;border-radius:21px}.rf-smart-float strong{font-size:21px}.rf-smart-orb{inset:0 -60px 0 -60px}
  .home-page .rf-gift{padding:92px 0}.rf-gift-card{grid-template-columns:1fr;min-height:0;border-radius:34px}.rf-gift-copy{padding:42px 26px}.rf-gift-copy h3{font-size:40px}.rf-gift-copy p{font-size:12.5px}.rf-gift-collage{min-height:450px}.rf-gift-photo{border-radius:20px;border-width:4px}
  .home-page .rf-faq{padding:96px 0 100px}.home-page[data-design-pass="v2.5"] .lm-faq-wrap{grid-template-columns:1fr;gap:35px}.home-page[data-design-pass="v2.5"] .lm-faq-item summary{font-size:13.5px;padding:21px 2px}.home-page[data-design-pass="v2.5"] .lm-faq-item p{font-size:12px}
  .home-page .rf-final{padding:0 0 84px}.rf-final-card{min-height:620px;border-radius:35px;padding:46px 20px}.rf-final-copy .lm-heading{font-size:45px}.rf-final-copy p{font-size:12px;max-width:310px}.rf-final-image.a{width:105px;height:150px;left:-9px;top:42px}.rf-final-image.b{width:111px;height:157px;right:-8px;top:52px}.rf-final-image.c{width:100px;height:136px;left:3px;bottom:18px}.rf-final-image.d{width:100px;height:140px;right:4px;bottom:15px}.rf-final-copy{max-width:330px}
  .blogger-drawer-panel{width:100vw;border-radius:0}.blogger-drawer-head{padding:20px 64px 15px 18px}.blogger-drawer-head h2{font-size:28px}.blogger-drawer .modal-close{top:18px;right:15px}.blogger-drawer-tools{grid-template-columns:1fr}.blogger-result-count{height:35px;justify-self:start}.blogger-drawer-scroll{height:calc(100vh - 181px);padding:16px 14px 30px}.blogger-drawer .blogger-grid{grid-template-columns:1fr;gap:11px}
  body:not(.home-page) .service-hero, body:not(.home-page) .auth-shell, body:not(.home-page) .feedback-hero, body:not(.home-page) .profile-hero{padding-top:94px!important}
}

@media(max-width:420px){.home-page[data-design-pass="v2.5"] .lm-hero h1{font-size:45px}.home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading, .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading, .home-page[data-design-pass="v2.5"] .lm-section-head .lm-heading, .rf-gift-copy h3{font-size:37px}.rf-smart-copy .lm-heading{font-size:41px}.rf-final-copy .lm-heading{font-size:42px}}
@media(prefers-reduced-motion:reduce){.rf-program, .rf-program img, .rf-story img, .blogger-drawer-panel{transition:none!important}}


/* Final hero specificity lock */
.home-page[data-design-pass="v2.5"] .lm-hero{
  min-height:860px;padding:0 0 74px;
  background:
    radial-gradient(ellipse 11% 27% at -1% 56%,rgba(255,245,255,.94) 0%,rgba(247,184,255,.80) 23%,rgba(176,100,249,.48) 55%,transparent 100%),
    radial-gradient(ellipse 11% 27% at 101% 56%,rgba(255,245,255,.94) 0%,rgba(247,184,255,.80) 23%,rgba(176,100,249,.48) 55%,transparent 100%),
    radial-gradient(ellipse 29% 64% at -5% 38%,rgba(58,73,255,.86) 0%,rgba(66,59,239,.57) 39%,rgba(72,48,191,.18) 70%,transparent 84%),
    radial-gradient(ellipse 29% 64% at 105% 38%,rgba(58,73,255,.84) 0%,rgba(66,59,239,.55) 39%,rgba(72,48,191,.18) 70%,transparent 84%),
    radial-gradient(ellipse 95% 26% at 50% 68%,rgba(232,119,249,.60),rgba(162,79,229,.35) 44%,transparent 78%),
    linear-gradient(180deg,#151d3b 0%,#181f41 31%,#211f56 55%,#4a3196 78%,#ad68c5 100%);
}
.home-page[data-design-pass="v2.5"] .lm-hero-copy{width:min(780px,calc(100% - 44px));padding-top:145px}
.home-page[data-design-pass="v2.5"] .lm-trust{margin-bottom:20px;font-size:.78rem}
.home-page[data-design-pass="v2.5"] .lm-hero h1{font-size:clamp(54px,6.25vw,88px);line-height:.98;max-width:860px;margin-bottom:19px;font-weight:470;letter-spacing:-.055em}
.home-page[data-design-pass="v2.5"] .lm-hero h1 span{font-size:1em;font-weight:390;line-height:.99}
.home-page[data-design-pass="v2.5"] .lm-hero-copy>p{font-size:15px;line-height:1.95;max-width:545px;margin-bottom:24px}
.home-page[data-design-pass="v2.5"] .lm-hero-marquee{bottom:-4px;height:246px;padding-top:0}
.home-page[data-design-pass="v2.5"] .lm-hero-marquee::before{top:-58px;height:142px;filter:blur(10px)}
.home-page[data-design-pass="v2.5"] .lm-marquee-track, .home-page[data-design-pass="v2.5"] .lm-marquee-set{gap:12px}
.home-page[data-design-pass="v2.5"] .lm-marquee-track{margin-left:-72px;padding-right:12px;animation-duration:48s}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile{border-radius:22px;box-shadow:0 18px 52px rgba(10,8,35,.18);border:1px solid rgba(255,255,255,.22)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-pre{width:152px;height:190px;transform:translateY(38px) rotate(-5deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-face{width:142px;height:204px;transform:translateY(5px) rotate(4deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-meditate{width:165px;height:222px;transform:translateY(18px) rotate(-2deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-flowers{width:135px;height:178px;transform:translateY(49px) rotate(5deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-yoga{width:176px;height:211px;transform:translateY(12px) rotate(-4deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-portrait{width:145px;height:206px;transform:translateY(0) rotate(3deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-group{width:182px;height:182px;transform:translateY(38px) rotate(-3deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-water{width:180px;height:148px;transform:translateY(63px) rotate(3deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-breath{width:145px;height:200px;transform:translateY(7px) rotate(-3deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-waves{width:144px;height:190px;transform:translateY(37px) rotate(4deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-rose{width:137px;height:179px;transform:translateY(51px) rotate(-5deg)}
.home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-winter{width:178px;height:145px;transform:translateY(66px) rotate(4deg)}
@media(max-width:560px){
 .home-page[data-design-pass="v2.5"] .lm-hero{min-height:708px;max-height:none;padding-bottom:48px}
 .home-page[data-design-pass="v2.5"] .lm-hero-copy{width:min(355px,91vw);padding-top:111px}
 .home-page[data-design-pass="v2.5"] .lm-hero h1{font-size:45px;line-height:1;max-width:345px;margin-bottom:16px}
 .home-page[data-design-pass="v2.5"] .lm-hero-copy>p{font-size:12.5px;line-height:1.85;margin-bottom:21px}
 .home-page[data-design-pass="v2.5"] .lm-hero-marquee{height:184px;bottom:-1px}
 .home-page[data-design-pass="v2.5"] .lm-marquee-track, .home-page[data-design-pass="v2.5"] .lm-marquee-set{gap:8px}
 .home-page[data-design-pass="v2.5"] .lm-marquee-track{margin-left:-35px;padding-right:8px;animation-duration:39s}
 .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile{border-radius:16px}
 .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-pre{width:105px;height:132px;transform:translateY(33px) rotate(-5deg)}
 .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-face{width:99px;height:142px;transform:translateY(6px) rotate(4deg)}
 .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-meditate{width:112px;height:151px;transform:translateY(19px) rotate(-2deg)}
 .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-flowers{width:95px;height:126px;transform:translateY(40px) rotate(5deg)}
 .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-yoga{width:119px;height:143px;transform:translateY(14px) rotate(-4deg)}
 .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-portrait{width:98px;height:139px;transform:translateY(0) rotate(3deg)}
 .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-group{width:120px;height:120px;transform:translateY(36px) rotate(-3deg)}
 .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile.lm-tile-water{width:122px;height:101px;transform:translateY(55px) rotate(3deg)}
}

/* =========================================================
   SURGICAL FINAL VISUAL PASS — 2026-08-17
   Scoped overrides only; functionality and prior section locks stay intact.
   ========================================================= */

/* HERO — calibration only */
@media (min-width:761px){
  .home-page[data-design-pass="v2.5"] .lm-hero{min-height:838px;padding-bottom:66px}
  .home-page[data-design-pass="v2.5"] .lm-hero-copy{padding-top:138px}
  .home-page[data-design-pass="v2.5"] .lm-trust{margin-bottom:18px}
  .home-page[data-design-pass="v2.5"] .lm-hero-copy>p{margin-bottom:22px}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{height:238px;bottom:-2px}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee::before{top:-52px;height:132px}
  .home-page[data-design-pass="v2.5"] .lm-marquee-track{margin-left:-92px}
}

/* PROGRAMS — photography-led editorial cards */
.home-page .rf-programs{padding:142px 0 166px}
.home-page .rf-programs .lm-section-head{margin-bottom:54px;align-items:end}
.home-page .rf-programs .lm-section-head .lm-heading{max-width:760px}
.rf-program-proof{max-width:300px;line-height:1.8;margin:18px 0 0}
.rf-program-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;direction:rtl}
.rf-program{min-height:0;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;transition:transform .45s cubic-bezier(.16,1,.3,1);}
.rf-program:nth-child(2){margin-top:72px}
.rf-program:hover{box-shadow:none;transform:translateY(-7px)}
.rf-program-media, .rf-program:nth-child(2) .rf-program-media{height:auto;aspect-ratio:.79;border-radius:38px;overflow:hidden;background:#ddd;box-shadow:0 20px 55px rgba(30,34,30,.10)}
.rf-program:nth-child(1) .rf-program-media{aspect-ratio:.78}
.rf-program:nth-child(2) .rf-program-media{aspect-ratio:.83}
.rf-program:nth-child(3) .rf-program-media{aspect-ratio:.76}
.rf-program img{transform:scale(1.015)}
.rf-program:nth-child(1) img{object-position:50% 42%}
.rf-program:nth-child(2) img{object-position:50% 42%}
.rf-program:nth-child(3) img{object-position:50% 50%}
.rf-program:hover img{transform:scale(1.045)}
.rf-program-body{padding:24px 5px 0;min-height:220px;display:flex;flex-direction:column}
.rf-program-body small{font-size:10.5px;letter-spacing:.03em;color:#777b76}
.rf-program-body h3{font-size:clamp(25px,2.2vw,31px);line-height:1.18;font-weight:500;margin:10px 0 11px}
.rf-program-body p{font-size:13px;line-height:1.95;color:#6e746e;max-width:340px}
.rf-program-meta{padding-top:20px;border-top:1px solid rgba(28,34,29,.10);margin-top:22px}
.rf-program-tag{border:0;padding:0;color:#687069;font-size:10.5px}
.rf-program-arrow{width:42px;height:42px;background:#24382d;font-size:19px;box-shadow:0 10px 25px rgba(32,50,40,.16)}

/* HOW IT WORKS — four editorial steps, not cards in a container */
.home-page .rf-how{width:100%;margin:0;padding:142px 0 154px;background:#e7e1d7;border-radius:0;overflow:hidden}
.home-page .rf-how .container{width:min(calc(100% - 48px),1190px)}
.home-page .rf-how .lm-section-head{margin-bottom:82px}
.rf-steps{display:grid;gap:92px}
.rf-step, .rf-step:nth-child(even){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center;height:auto;min-height:0;position:relative}
.rf-step:nth-child(even) .rf-step-media{order:2}
.rf-step::after{content:"";position:absolute;left:0;right:0;bottom:-46px;height:1px;background:rgba(28,34,29,.11)}
.rf-step:last-child::after{display:none}
.rf-step-media{height:470px;min-height:0;border-radius:40px;overflow:hidden;background:#d9d4cb;box-shadow:0 24px 65px rgba(44,45,40,.10)}
.rf-step:nth-child(2) .rf-step-media{height:520px}
.rf-step:nth-child(3) .rf-step-media{height:455px}
.rf-step:nth-child(4) .rf-step-media{height:500px}
.rf-step-media img{width:100%;height:100%;object-fit:cover}
.rf-step:nth-child(1) img{object-position:50% 58%}
.rf-step:nth-child(2) img{object-position:50% 31%}
.rf-step:nth-child(3) img{object-position:52% 48%}
.rf-step:nth-child(4) img{object-position:50% 43%}
.rf-step-copy{border-radius:0;background:transparent;padding:28px 4px;border:0;min-height:0;justify-content:center}
.rf-step-index{width:auto;height:auto;border-radius:0;display:inline-flex;place-items:unset;background:transparent;color:#29382f;font:600 11px/1.2 Arial,sans-serif;letter-spacing:.16em;margin-bottom:22px;border-bottom:1px solid rgba(36,52,42,.35);padding:0 0 8px;align-self:flex-start;direction:ltr}
.rf-step-copy small{font-size:10.5px;letter-spacing:.06em;color:#7a7d78;margin-bottom:4px}
.rf-step-copy h3{font-size:clamp(42px,4.2vw,61px);line-height:1.02;font-weight:420;letter-spacing:-.05em;margin:8px 0 20px}
.rf-step-copy p{font-size:14px;line-height:2;color:#656d66;max-width:410px}
.rf-step:nth-child(even) .rf-step-copy{padding-right:28px}

/* GIFT — denser layered collage */
.home-page .rf-gift{padding:142px 0 150px;background:#ece7de}
.rf-gift-card{min-height:730px;grid-template-columns:.77fr 1.23fr;border-radius:48px;background:#f8f5ef;box-shadow:0 28px 90px rgba(34,39,35,.09)}
.rf-gift-copy{padding:76px 58px 76px 64px;position:relative;z-index:4}
.rf-gift-copy h3{font-size:clamp(46px,4.8vw,69px);max-width:430px;margin-bottom:23px}
.rf-gift-copy p{max-width:390px;margin-bottom:30px}
.rf-gift-collage{min-height:730px;background:radial-gradient(circle at 74% 21%,rgba(255,234,210,.95),transparent 28%),radial-gradient(circle at 26% 74%,rgba(208,219,248,.72),transparent 30%),linear-gradient(145deg,#ded8cf,#eee9df 58%,#d9d5cd);overflow:hidden}
.rf-gift-collage::before{content:"";position:absolute;inset:9% 11%;border:1px solid rgba(255,255,255,.58);border-radius:50%;transform:rotate(-8deg)}
.rf-gift-photo{border-radius:24px;border:5px solid rgba(250,248,242,.94);box-shadow:0 22px 58px rgba(35,39,35,.18)}
.rf-gift-photo:nth-child(1){width:35%;height:37%;right:7%;top:7%;transform:rotate(3deg);z-index:3}
.rf-gift-photo:nth-child(2){width:26%;height:31%;left:6%;top:8%;transform:rotate(-5deg);z-index:2}
.rf-gift-photo:nth-child(3){width:39%;height:30%;right:17%;bottom:5%;transform:rotate(-3deg);z-index:4}
.rf-gift-photo:nth-child(4){width:24%;height:26%;left:7%;bottom:8%;transform:rotate(5deg);z-index:3}
.rf-gift-photo:nth-child(5){width:25%;height:31%;left:34%;top:34%;transform:rotate(1.5deg);z-index:6}
.rf-gift-photo:nth-child(6){width:23%;height:34%;right:2%;top:38%;transform:rotate(6deg);z-index:5}
.rf-gift-photo:nth-child(7){width:25%;height:35%;left:14%;top:34%;transform:rotate(-2.5deg);z-index:4}
.rf-gift-photo:nth-child(8){width:28%;height:25%;left:41%;top:7%;transform:rotate(4deg);z-index:1}
.rf-gift-photo:nth-child(1) img{object-position:50% 48%}.rf-gift-photo:nth-child(2) img{object-position:50% 55%}.rf-gift-photo:nth-child(6) img{object-position:50% 37%}.rf-gift-photo:nth-child(7) img{object-position:50% 29%}

/* FINAL CTA — image-led closing composition */
.home-page .rf-final{padding:20px 0 116px;background:#f4f1ea}
.rf-final-card{min-height:690px;border-radius:50px;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(198,205,255,.70),transparent 30%),radial-gradient(circle at 82% 82%,rgba(255,209,231,.65),transparent 31%),linear-gradient(145deg,#e7e1d9 0%,#dddaf0 52%,#d6e2d8 100%);color:#243128;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"art copy";gap:18px;align-items:center;padding:54px 58px;text-align:right;box-shadow:0 32px 100px rgba(36,39,34,.10)}
.rf-final-card::before{background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 46%,rgba(255,255,255,.14));z-index:0}
.rf-final-collage{grid-area:art;position:relative;min-height:575px;z-index:1}
.rf-final-copy{grid-area:copy;position:relative;z-index:2;max-width:500px;padding:20px 8px 20px 24px;direction:rtl;text-align:right}
.rf-final-copy .lm-kicker{display:block;margin-bottom:20px;color:#5f6861}
.rf-final-copy .lm-heading{font-size:clamp(50px,5.1vw,72px);line-height:1.01;color:#243128;font-weight:420;margin:0 0 24px}
.rf-final-copy p{font-size:14px;line-height:2;color:#626b64;max-width:455px;margin:0 0 29px}
.rf-final-copy .button{background:#24362c;color:#fff;min-height:50px;box-shadow:0 10px 28px rgba(36,54,44,.16)}
.rf-final-image{position:absolute;overflow:hidden;border-radius:30px;box-shadow:0 24px 65px rgba(36,40,36,.19);opacity:1;border:6px solid rgba(249,247,241,.88)}
.rf-final-image img{width:100%;height:100%;object-fit:cover}
.rf-final-image.a{width:43%;height:57%;left:4%;top:5%;transform:rotate(-4deg)}
.rf-final-image.b{width:39%;height:55%;right:5%;top:8%;transform:rotate(4deg)}
.rf-final-image.c{width:38%;height:43%;left:31%;bottom:3%;transform:rotate(1.5deg);z-index:3}
.rf-final-image.a img{object-position:50% 38%}.rf-final-image.b img{object-position:50% 27%}.rf-final-image.c img{object-position:50% 46%}

/* responsive surgical calibration */
@media(max-width:980px) and (min-width:761px){
  .rf-program-grid{gap:16px}.rf-program:nth-child(2){margin-top:48px}.rf-program-body{min-height:238px}.rf-program-body h3{font-size:25px}
  .rf-step, .rf-step:nth-child(even){gap:38px}.rf-step-media{height:410px}.rf-step:nth-child(2) .rf-step-media{height:450px}.rf-step:nth-child(3) .rf-step-media{height:400px}.rf-step:nth-child(4) .rf-step-media{height:435px}.rf-step-copy h3{font-size:46px}
  .rf-gift-card{grid-template-columns:.84fr 1.16fr;min-height:650px}.rf-gift-collage{min-height:650px}.rf-gift-copy{padding:58px 42px}.rf-gift-copy h3{font-size:51px}
  .rf-final-card{min-height:620px;padding:42px 40px;grid-template-columns:1fr 1fr}.rf-final-collage{min-height:510px}.rf-final-copy .lm-heading{font-size:55px}
}

@media(max-width:760px){
  .home-page[data-design-pass="v2.5"] .lm-hero{min-height:690px;padding-bottom:42px}.home-page[data-design-pass="v2.5"] .lm-hero-copy{padding-top:106px}.home-page[data-design-pass="v2.5"] .lm-hero-marquee{height:176px}.home-page[data-design-pass="v2.5"] .lm-hero-copy>p{margin-bottom:18px}
  .home-page .rf-programs{padding:98px 0 112px}.home-page .rf-programs .lm-section-head{margin-bottom:38px}.rf-program-proof{margin:16px 0 4px}.rf-program-grid{grid-template-columns:1fr;gap:42px}.rf-program:nth-child(2){margin-top:0}.rf-program-media, .rf-program:nth-child(2) .rf-program-media, .rf-program:nth-child(1) .rf-program-media, .rf-program:nth-child(3) .rf-program-media{height:auto;aspect-ratio:1.16;border-radius:29px}.rf-program:nth-child(1) img{object-position:50% 36%}.rf-program:nth-child(2) img{object-position:50% 43%}.rf-program-body{padding:20px 3px 0;min-height:0}.rf-program-body h3{font-size:27px}.rf-program-body p{font-size:12.5px;max-width:100%}.rf-program-meta{margin-top:18px;padding-top:17px}.rf-program-arrow{width:39px;height:39px}
  .home-page .rf-how{width:100%;padding:98px 0 106px;border-radius:0}.home-page .rf-how .lm-section-head{margin-bottom:54px}.rf-steps{gap:64px}.rf-step, .rf-step:nth-child(even){grid-template-columns:1fr;gap:26px}.rf-step:nth-child(even) .rf-step-media{order:0}.rf-step::after{bottom:-32px}.rf-step-media, .rf-step:nth-child(2) .rf-step-media, .rf-step:nth-child(3) .rf-step-media, .rf-step:nth-child(4) .rf-step-media{height:auto;min-height:0;aspect-ratio:1.12;border-radius:30px}.rf-step:nth-child(2) .rf-step-media{aspect-ratio:.92}.rf-step-copy, .rf-step:nth-child(even) .rf-step-copy{padding:0 3px}.rf-step-index{margin-bottom:17px}.rf-step-copy h3{font-size:42px;margin:7px 0 15px}.rf-step-copy p{font-size:12.5px;line-height:1.95}.rf-step:nth-child(2) img{object-position:50% 28%}
  .home-page .rf-gift{padding:100px 0 108px}.rf-gift-card{grid-template-columns:1fr;min-height:0;border-radius:36px}.rf-gift-copy{padding:44px 27px 38px}.rf-gift-copy h3{font-size:40px}.rf-gift-collage{min-height:520px}.rf-gift-photo{border-radius:18px;border-width:4px}.rf-gift-photo:nth-child(1){width:37%;height:35%;right:5%;top:6%}.rf-gift-photo:nth-child(2){width:29%;height:29%;left:4%;top:8%}.rf-gift-photo:nth-child(3){width:40%;height:27%;right:15%;bottom:4%}.rf-gift-photo:nth-child(4){width:27%;height:24%;left:5%;bottom:7%}.rf-gift-photo:nth-child(5){width:27%;height:29%;left:36%;top:35%}.rf-gift-photo:nth-child(6){width:24%;height:31%;right:1%;top:39%}.rf-gift-photo:nth-child(7){width:27%;height:32%;left:11%;top:36%}.rf-gift-photo:nth-child(8){width:28%;height:23%;left:40%;top:7%}
  .home-page .rf-final{padding:0 0 88px}.rf-final-card{min-height:0;border-radius:36px;padding:28px 22px 42px;grid-template-columns:1fr;grid-template-areas:"art" "copy";gap:22px;text-align:right}.rf-final-collage{min-height:385px}.rf-final-copy{padding:0 4px;max-width:100%}.rf-final-copy .lm-kicker{margin-bottom:14px}.rf-final-copy .lm-heading{font-size:42px;max-width:330px}.rf-final-copy p{font-size:12.5px;max-width:315px;margin-bottom:24px}.rf-final-image{border-radius:21px;border-width:4px}.rf-final-image.a{width:42%;height:61%;left:4%;top:3%}.rf-final-image.b{width:39%;height:59%;right:3%;top:7%}.rf-final-image.c{width:37%;height:45%;left:31%;bottom:2%}
}
/* Surgical correction: prior place-items:center made the art grid item shrink-wrap. */
.rf-final-card{justify-items:stretch}
.rf-final-collage{width:100%}

/* =========================================================
   REFERENCE-GUIDED FINAL PIXEL CALIBRATION — 2026-08-17
   Grounded only in user-supplied reference screenshots.
   Scope: header/hero, programs, how-it-works, gift, final CTA.
   ========================================================= */

/* Header geometry in the 100% reference captures: ~910×74 at 1366px. */
@media (min-width:921px){
  .home-page .site-header{
    top:0;
    width:min(910px,calc(100% - 34px));
    height:74px;
    border-radius:999px;
    background:#050713;
    border-color:rgba(255,255,255,.055);
    box-shadow:none;
  }
  .home-page .header-inner{
    grid-template-columns:180px minmax(0,1fr) 194px;
    gap:8px;
    padding:0 9px 0 30px;
  }
  .home-page .desktop-nav{gap:30px}
  .home-page .desktop-nav .nav-link{font-size:12px;color:rgba(255,255,255,.62)}
  .home-page .header-actions .button-primary{width:184px;min-width:184px;min-height:58px;font-size:12px}
  .home-page .site-header .site-logo::after{font-size:22px}
}

/* HERO: keep the successful copy/glow; correct the visibly late ticker and use an actual orbit path. */
@media (min-width:761px){
  .home-page[data-design-pass="v2.5"] .lm-hero{min-height:838px;padding-bottom:66px}
  .home-page[data-design-pass="v2.5"] .lm-hero-copy{padding-top:143px}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{height:440px;bottom:72px;padding-top:0;overflow:hidden;mask-image:none;-webkit-mask-image:none}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee::before{top:180px;height:190px;filter:blur(13px);opacity:.82}
  @supports (offset-path: ellipse(60% 80% at 50% 120%)){
    .home-page[data-design-pass="v2.5"] .lm-marquee-track{
      position:absolute;inset:0;width:100%;height:100%;display:block!important;
      margin:0!important;padding:0!important;animation:none!important;transform:none!important;
    }
    .home-page[data-design-pass="v2.5"] .lm-marquee-set{position:absolute;inset:0;display:block!important;width:100%;height:100%;}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set:nth-child(2){display:none!important}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile{
      --i:0;position:absolute;left:0;top:0;margin:0;
      width:190px;height:330px;border-radius:24px;
      offset-path:ellipse(64% 84% at 50% 124%);
      offset-anchor:50% 50%;offset-rotate:0deg;
      animation:rf-reference-hero-orbit 42s linear infinite;
      animation-delay:calc(var(--i) * -3.5s);
      box-shadow:0 18px 48px rgba(4,6,24,.18);
      border:1px solid rgba(255,255,255,.18);
      transform:none!important;
    }
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(1){--i:0;width:152px;height:354px;rotate:-2deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(2){--i:1;width:224px;height:350px;rotate:1.4deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(3){--i:2;width:252px;height:330px;rotate:-1deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(4){--i:3;width:178px;height:340px;rotate:1.5deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(5){--i:4;width:206px;height:350px;rotate:-1.2deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(6){--i:5;width:158px;height:348px;rotate:1deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(7){--i:6;width:218px;height:336px;rotate:-1.4deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(8){--i:7;width:248px;height:322px;rotate:1deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(9){--i:8;width:168px;height:346px;rotate:-1.2deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(10){--i:9;width:176px;height:332px;rotate:1.1deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(11){--i:10;width:146px;height:342px;rotate:-1.5deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(12){--i:11;width:188px;height:328px;rotate:1.2deg}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile img{transform:none!important;width:100%;height:100%;object-fit:cover}
    @keyframes rf-reference-hero-orbit{from{offset-distance:0%}to{offset-distance:100%}}
  }
}

/* PROGRAMS: reference is a fixed editorial intro + one large white photo card column. */
@media (min-width:981px){
  .home-page .rf-programs{padding:150px 0 168px;background:#f4f1ea}
  .home-page .rf-programs .container{
    width:min(calc(100% - 48px),920px);
    display:grid;grid-template-columns:400px 400px;column-gap:120px;align-items:start;direction:ltr;
  }
  .home-page .rf-programs .lm-section-head{
    grid-column:1;display:block;margin:18px 0 0;direction:rtl;text-align:right;
  }
  .home-page .rf-programs .lm-section-head>div:first-child{display:block}
  .home-page .rf-programs .lm-section-head .lm-kicker{
    display:inline-flex;width:auto;padding:9px 17px;margin:0 0 20px;background:#fff;border-radius:999px;
    color:#4d52bd;font-size:12px;letter-spacing:.04em
  }
  .home-page .rf-programs .lm-section-head .lm-heading{
    max-width:400px;font-family:"DejaVu Serif",Georgia,serif;font-size:43px;line-height:1.08;font-weight:500;letter-spacing:-.045em;margin:0 0 14px
  }
  .rf-program-intro-meta{display:flex;flex-direction:column;align-items:flex-start;direction:rtl}
  .rf-program-proof{order:1;max-width:390px;margin:0;color:#777a76;font-size:15px;line-height:1.55}
  .rf-program-portrait-row{order:2;display:flex;grid-template-columns:none;gap:0;width:auto;margin:70px 0 14px;direction:ltr}
  .rf-program-portrait-row img{width:34px;height:34px;aspect-ratio:1;border:2px solid #f4f1ea;margin-left:-8px}
  .rf-program-intro-cta{order:3;min-width:182px;min-height:56px;padding:10px 23px;border:0;background:#fff;color:#171915;box-shadow:none;font-size:14px}
  .rf-program-grid{grid-column:2;display:grid;grid-template-columns:1fr;gap:54px;margin-top:-2px;direction:rtl}
  .rf-program, .rf-program:nth-child(2){margin-top:0;display:block;min-height:0;padding:24px;background:#fff;border:0;border-radius:46px;overflow:hidden;box-shadow:none}
  .rf-program:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(30,34,30,.08)}
  .rf-program-media, .rf-program:nth-child(1) .rf-program-media, .rf-program:nth-child(2) .rf-program-media, .rf-program:nth-child(3) .rf-program-media{
    height:auto;aspect-ratio:352/185;border-radius:28px;box-shadow:none;background:#d9d9d4
  }
  .rf-program img{transform:none!important}
  .rf-program:nth-child(1) img{object-position:50% 37%}.rf-program:nth-child(2) img{object-position:50% 38%}.rf-program:nth-child(3) img{object-position:50% 48%}
  .rf-program-body{padding:24px 0 0;min-height:195px}
  .rf-program-body small{font-size:11px;color:#777a76}
  .rf-program-body h3{font-family:"DejaVu Serif",Georgia,serif;font-size:29px;line-height:1.15;font-weight:500;margin:9px 0 10px}
  .rf-program-body p{font-size:15px;line-height:1.55;color:#777a76;max-width:345px}
  .rf-program-meta{margin-top:18px;padding-top:0;border-top:0;align-items:center}
  .rf-program-tag{padding:7px 12px;border-radius:999px;background:#f0efeb;color:#777a76;font-size:12px}
  .rf-program-arrow{width:auto;height:auto;border-radius:999px;padding:7px 12px;background:#edf1ff;color:#111;font-size:0;box-shadow:none}
  .rf-program-arrow::after{content:"مشاهده";font-size:12px}
}

/* HOW IT WORKS: centered intro, then alternating image/text with Step 01 on the text side. */
@media (min-width:981px){
  .home-page .rf-how{width:100%;padding:96px 0 138px;background:#f4f1ea;border-radius:0}
  .home-page .rf-how .container{width:min(calc(100% - 48px),934px)}
  .home-page .rf-how .lm-section-head{display:block;text-align:center;margin:0 auto 66px}
  .home-page .rf-how .lm-section-head>div{display:block}
  .home-page .rf-how .lm-section-head .lm-kicker{
    display:inline-flex;padding:9px 17px;margin:0 0 18px;background:#fff;border-radius:999px;color:#4d52bd;font-size:12px;letter-spacing:.04em
  }
  .home-page .rf-how .lm-section-head .lm-heading{
    font-family:"DejaVu Serif",Georgia,serif;font-size:43px;line-height:1.08;font-weight:500;letter-spacing:-.045em;margin:0 auto 13px
  }
  .home-page .rf-how .lm-section-head>p{max-width:540px;margin:0 auto;font-size:17px;line-height:1.45;color:#777a76}
  .rf-steps{gap:106px}
  .rf-step, .rf-step:nth-child(even){grid-template-columns:510px 1fr;gap:60px;align-items:center;direction:ltr}
  .rf-step:nth-child(even){grid-template-columns:1fr 510px}
  .rf-step:nth-child(even) .rf-step-media{order:2}
  .rf-step-media, .rf-step:nth-child(2) .rf-step-media, .rf-step:nth-child(3) .rf-step-media, .rf-step:nth-child(4) .rf-step-media{
    width:100%;height:324px;border-radius:46px;box-shadow:none
  }
  .rf-step-copy, .rf-step:nth-child(even) .rf-step-copy{direction:rtl;text-align:right;padding:0;display:flex;flex-direction:column;align-items:flex-start}
  .rf-step-index{border:0;padding:0;margin:0 0 17px;color:#4847c6;font-size:12px;letter-spacing:.02em;font-weight:600}
  .rf-step-copy small{display:none}
  .rf-step-copy h3{font-family:"DejaVu Serif",Georgia,serif;font-size:39px;line-height:1.08;font-weight:500;letter-spacing:-.035em;margin:0 0 12px}
  .rf-step-copy p{font-size:16px;line-height:1.45;color:#777a76;max-width:350px}
  .rf-step::after{left:0;right:0;bottom:-53px;background:rgba(28,34,29,.08)}
  .rf-step:nth-child(1) img{object-position:50% 45%}
}

/* GIFT: screenshot shows a circular ring of small imagery around centered copy, not a split card. */
.home-page .rf-gift{padding:104px 0 126px;background:#f4f1ea;overflow:hidden}
.home-page .rf-gift .container{width:min(calc(100% - 40px),920px)}
.rf-gift-card{position:relative;width:700px;max-width:100%;height:700px;min-height:700px;margin:0 auto;display:block;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.rf-gift-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-47%);z-index:4;width:320px;padding:0;text-align:center;align-items:center;justify-content:center}
.rf-gift-copy .lm-kicker{display:inline-flex;padding:8px 15px;margin:0 0 18px;background:#fff;border-radius:999px;color:#4d52bd;font-size:11px;letter-spacing:.03em}
.rf-gift-copy h3{font-family:"DejaVu Serif",Georgia,serif;font-size:39px;line-height:1.08;font-weight:500;letter-spacing:-.04em;max-width:320px;margin:0 auto 13px}
.rf-gift-copy p{font-size:14px;line-height:1.55;color:#777a76;max-width:300px;margin:0 auto 21px}
.rf-gift-copy .button{align-self:center;min-width:160px;min-height:48px;padding:9px 19px;background:#050505;color:#fff;border-color:#050505;font-size:12px;box-shadow:none}
.rf-gift-collage{position:absolute;inset:0;min-height:0;background:none!important;overflow:visible}
.rf-gift-collage::before{display:none}
.rf-gift-photo{position:absolute;width:72px;height:78px;border:0;border-radius:18px;box-shadow:0 10px 25px rgba(35,39,35,.12);overflow:hidden;transform:translate(-50%,-50%);z-index:2}
.rf-gift-photo img{width:100%;height:100%;object-fit:cover}
.rf-gift-photo:nth-child(1){left:50%;top:5%;transform:translate(-50%,-50%) rotate(-3deg)}
.rf-gift-photo:nth-child(2){left:63%;top:8%;transform:translate(-50%,-50%) rotate(4deg)}
.rf-gift-photo:nth-child(3){left:75%;top:15%;transform:translate(-50%,-50%) rotate(5deg)}
.rf-gift-photo:nth-child(4){left:85%;top:25%;transform:translate(-50%,-50%) rotate(-4deg)}
.rf-gift-photo:nth-child(5){left:91%;top:38%;transform:translate(-50%,-50%) rotate(5deg)}
.rf-gift-photo:nth-child(6){left:92%;top:53%;transform:translate(-50%,-50%) rotate(-3deg)}
.rf-gift-photo:nth-child(7){left:87%;top:67%;transform:translate(-50%,-50%) rotate(4deg)}
.rf-gift-photo:nth-child(8){left:77%;top:79%;transform:translate(-50%,-50%) rotate(-5deg)}
.rf-gift-photo:nth-child(9){left:64%;top:87%;transform:translate(-50%,-50%) rotate(4deg)}
.rf-gift-photo:nth-child(10){left:50%;top:91%;transform:translate(-50%,-50%) rotate(-2deg)}
.rf-gift-photo:nth-child(11){left:36%;top:87%;transform:translate(-50%,-50%) rotate(4deg)}
.rf-gift-photo:nth-child(12){left:23%;top:79%;transform:translate(-50%,-50%) rotate(-5deg)}
.rf-gift-photo:nth-child(13){left:13%;top:67%;transform:translate(-50%,-50%) rotate(4deg)}
.rf-gift-photo:nth-child(14){left:8%;top:53%;transform:translate(-50%,-50%) rotate(-4deg)}
.rf-gift-photo:nth-child(15){left:9%;top:38%;transform:translate(-50%,-50%) rotate(5deg)}
.rf-gift-photo:nth-child(16){left:15%;top:25%;transform:translate(-50%,-50%) rotate(-4deg)}

/* FINAL CTA: white rounded card over the pink/lilac closing gradient, with a centered 3-photo cluster. */
.home-page .rf-final{padding:86px 0 122px;background:linear-gradient(180deg,#f4f1ea 0%,#f4f1ea 34%,#efc9e6 68%,#aa61db 100%)}
.home-page .rf-final .container{width:min(calc(100% - 40px),920px)}
.rf-final-card{position:relative;width:100%;min-height:558px;border-radius:47px;overflow:hidden;background:#fff;color:#151713;display:block;padding:225px 70px 52px;text-align:center;box-shadow:none}
.rf-final-card::before{display:none}
.rf-final-collage{position:absolute;left:50%;top:35px;transform:translateX(-50%);width:430px;height:185px;min-height:0;z-index:1;grid-area:auto;mask-image:linear-gradient(#000 0 76%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 76%,transparent 100%)}
.rf-final-image{position:absolute;border:0;border-radius:22px;box-shadow:0 15px 32px rgba(25,28,25,.10);opacity:1;overflow:hidden}
.rf-final-image.a{width:145px;height:155px;left:23px;top:26px;transform:rotate(-12deg)}
.rf-final-image.b{width:180px;height:195px;left:125px;top:0;transform:none;z-index:3}
.rf-final-image.c{width:145px;height:155px;right:23px;top:26px;transform:rotate(12deg);z-index:1}
.rf-final-image img{width:100%;height:100%;object-fit:cover}
.rf-final-image.a img{object-position:50% 35%}.rf-final-image.b img{object-position:50% 34%}.rf-final-image.c img{object-position:50% 30%}
.rf-final-copy{position:relative;z-index:2;max-width:560px;margin:0 auto;padding:0;text-align:center;direction:rtl;grid-area:auto}
.rf-final-copy .lm-kicker{display:none}
.rf-final-copy .lm-heading{font-family:"DejaVu Serif",Georgia,serif;font-size:40px;line-height:1.12;font-weight:500;letter-spacing:-.04em;color:#111;margin:0 auto 14px;max-width:480px}
.rf-final-copy p{font-size:14px;line-height:1.55;color:#777a76;max-width:470px;margin:0 auto 23px}
.rf-final-copy .button{min-width:205px;min-height:52px;background:#050505;color:#fff;border-color:#050505;box-shadow:none;font-size:12px}

/* Tablet/mobile: preserve stability while keeping the same evidence-based silhouettes. */
@media (max-width:980px){
  .home-page .rf-programs .container{display:block;width:min(calc(100% - 34px),680px)}
  .home-page .rf-programs .lm-section-head{display:block;text-align:right;margin-bottom:42px}
  .rf-program-intro-meta{display:flex;flex-direction:column;align-items:flex-start}
  .rf-program-portrait-row{display:flex;width:auto;gap:0;margin:28px 0 12px}.rf-program-portrait-row img{width:32px;height:32px;margin-left:-8px}
  .rf-program-intro-cta{min-width:156px;background:#fff;color:#1d211d}
  .rf-program-grid{grid-template-columns:1fr;gap:32px;margin:0}
  .rf-program, .rf-program:nth-child(2){margin-top:0;padding:18px;background:#fff;border-radius:34px;overflow:hidden}
  .rf-program-media, .rf-program:nth-child(1) .rf-program-media, .rf-program:nth-child(2) .rf-program-media, .rf-program:nth-child(3) .rf-program-media{aspect-ratio:1.75;border-radius:24px}
  .rf-program-body{padding:20px 0 2px;min-height:0}

  .home-page .rf-how .container{width:min(calc(100% - 34px),680px)}
  .home-page .rf-how .lm-section-head{text-align:center;margin-bottom:48px}
  .rf-step, .rf-step:nth-child(even){grid-template-columns:1fr;gap:24px;direction:rtl}
  .rf-step:nth-child(even) .rf-step-media{order:0}
  .rf-step-media, .rf-step:nth-child(2) .rf-step-media, .rf-step:nth-child(3) .rf-step-media, .rf-step:nth-child(4) .rf-step-media{height:auto;aspect-ratio:1.55;border-radius:32px}
  .rf-step-copy, .rf-step:nth-child(even) .rf-step-copy{padding:0;align-items:flex-start;text-align:right;direction:rtl}

  .rf-gift-card{width:590px;height:620px;min-height:620px}.rf-gift-photo{width:63px;height:69px;border-radius:16px}.rf-gift-copy{width:285px}.rf-gift-copy h3{font-size:35px}
  .home-page .rf-final .container{width:min(calc(100% - 34px),720px)}
  .rf-final-card{min-height:540px;padding:218px 42px 46px;border-radius:42px}.rf-final-collage{width:390px}.rf-final-copy .lm-heading{font-size:37px}
}
@media (max-width:760px){
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{height:220px;bottom:-1px;overflow:hidden}
  .home-page .rf-programs{padding:92px 0 108px}.home-page .rf-programs .lm-section-head .lm-heading{font-size:36px}.rf-program-proof{font-size:13px;line-height:1.7}
  .home-page .rf-how{padding:88px 0 100px}.home-page .rf-how .lm-section-head .lm-heading{font-size:36px}.home-page .rf-how .lm-section-head>p{font-size:13px;line-height:1.7}.rf-step-copy h3{font-size:34px}.rf-step-copy p{font-size:13px;line-height:1.75}
  .home-page .rf-gift{padding:82px 0 96px}.rf-gift-card{width:360px;height:500px;min-height:500px}.rf-gift-photo{width:49px;height:55px;border-radius:13px}.rf-gift-copy{width:230px;transform:translate(-50%,-46%)}.rf-gift-copy h3{font-size:29px;max-width:230px}.rf-gift-copy p{font-size:12px;max-width:220px}.rf-gift-copy .button{min-width:145px;min-height:44px}
  .home-page .rf-final{padding:70px 0 90px}.rf-final-card{min-height:500px;padding:190px 24px 38px;border-radius:34px}.rf-final-collage{top:27px;width:310px;height:155px}.rf-final-image.a{width:104px;height:118px;left:17px;top:23px}.rf-final-image.b{width:132px;height:153px;left:89px}.rf-final-image.c{width:104px;height:118px;right:17px;top:23px}.rf-final-copy .lm-heading{font-size:32px;max-width:300px}.rf-final-copy p{font-size:12.5px;line-height:1.7;max-width:290px}.rf-final-copy .button{min-width:176px;min-height:48px}
}
@media (prefers-reduced-motion:reduce){
  .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile{animation:none!important}
}

/* Reference-loop corrections after first render comparison. */
@media (min-width:761px){
  @supports (offset-path: ellipse(60% 80% at 50% 120%)){
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile{offset-path:ellipse(56% 84% at 50% 124%)}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(8){width:142px;height:356px}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(9){width:226px;height:352px}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(10){width:252px;height:326px}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(11){width:214px;height:338px}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(12){width:128px;height:344px}
  }
}
.rf-gift-photo{width:72px!important;height:78px!important;right:auto!important;bottom:auto!important}
.rf-final-image.c{right:5px}
@media(max-width:980px){.rf-gift-photo{width:63px!important;height:69px!important}}
@media(max-width:760px){.rf-gift-photo{width:49px!important;height:55px!important}}

/* =========================================================
   USER-SUPPLIED SCREENSHOT MICRO-CALIBRATION — secondary sections
   2026-08-17. Desktop-only unless explicitly noted.
   ========================================================= */

/* The real reference header turns neutral gray after the hero scroll. */
@media (min-width:921px){
  .home-page .site-header.is-scrolled{
    background:#696967!important;
    border-color:rgba(255,255,255,.06)!important;
    box-shadow:none!important;
  }
}

/* Hero reference: the moving image arc sits slightly higher than the prior pass. */
@media (min-width:761px){
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{bottom:92px}
}

/* IMPACT — reference is a compact 920px composition with 3 ~291×268 centered cards. */
@media (min-width:981px){
  .home-page[data-sections-pass="v3.0"] .v30-impact{padding:78px 0 92px;background:#f4f1ea}
  .home-page[data-sections-pass="v3.0"] .v30-impact-inner{width:920px;max-width:calc(100% - 48px)}
  .home-page[data-sections-pass="v3.0"] .v30-impact-head{width:560px;max-width:100%;margin:0 auto 64px;text-align:center}
  .home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-kicker{
    display:inline-flex;padding:8px 16px;margin:0 0 18px;border-radius:999px;background:#fff;
    color:#4d52bd;font-size:12px;letter-spacing:.04em
  }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head .lm-heading{
    font-family:"DejaVu Serif",Georgia,serif;font-size:40px;line-height:1.12;font-weight:500;letter-spacing:-.045em
  }
  .home-page[data-sections-pass="v3.0"] .v30-impact-head>p{width:410px;max-width:95%;margin:15px auto 0;font-size:15px;line-height:1.55;color:#777a76}
  .home-page[data-sections-pass="v3.0"] .v30-impact-grid{grid-template-columns:repeat(3,1fr);gap:24px}
  .home-page[data-sections-pass="v3.0"] .v30-stat{min-height:268px;height:268px;padding:0;border-radius:44px;box-shadow:none}
  .home-page[data-sections-pass="v3.0"] .v30-stat-content{
    position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center!important;
    gap:7px;text-align:center!important;direction:rtl;padding:20px
  }
  .home-page[data-sections-pass="v3.0"] .v30-stat strong{font-family:Arial,sans-serif;font-size:54px;line-height:1;font-weight:400;letter-spacing:-.035em;color:#fff}
  .home-page[data-sections-pass="v3.0"] .v30-stat span{width:auto;max-width:190px;font-size:14px;line-height:1.35;color:rgba(255,255,255,.94)}
  .home-page[data-sections-pass="v3.0"] .v30-stat-orbit{width:104%;left:-2%;top:-3%;opacity:.78}
  .home-page[data-sections-pass="v3.0"] .v30-stat::after{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,.03))}
}

/* PHILOSOPHY — one white 920×~510 rounded editorial card, two columns, glass stat overlapping the photo. */
@media (min-width:981px){
  .home-page[data-sections-pass="v3.0"] .v30-philosophy{padding:12px 0 78px;background:#f4f1ea}
  .home-page[data-sections-pass="v3.0"] .v30-philosophy::after{display:none}
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-grid{
    width:920px;max-width:calc(100% - 48px);min-height:510px;margin:auto;padding:24px;
    grid-template-columns:416px 432px;gap:24px;align-items:stretch;direction:ltr;
    background:#fff;border-radius:46px
  }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy{
    display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
    padding:6px 0 0;direction:rtl;text-align:right
  }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-kicker{
    display:inline-flex;width:auto;padding:8px 16px;margin:0 0 19px;background:#f6f5f2;border-radius:999px;
    color:#4d52bd;font-size:12px;letter-spacing:.04em
  }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .lm-heading{
    max-width:390px;font-family:"DejaVu Serif",Georgia,serif;font-size:37px;line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:0
  }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy>p{max-width:390px;margin:15px 0 0;font-size:14.5px;line-height:1.55;color:#777a76}
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .button{
    margin-top:auto;min-width:182px;min-height:61px;padding:10px 22px;border:0;background:#f1efe9;color:#111;border-radius:999px;box-shadow:none
  }
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-media{min-height:462px;height:462px;border-radius:30px;overflow:visible}
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-image{inset:0;width:100%;height:100%;border-radius:30px;box-shadow:none;object-position:50% 32%}
  .home-page[data-sections-pass="v3.0"] .v30-peace-card{
    left:-105px;bottom:18px;width:180px;min-height:96px;padding:14px 16px;border-radius:24px;
    background:rgba(248,246,242,.92);box-shadow:0 16px 38px rgba(27,27,29,.11)
  }
  .home-page[data-sections-pass="v3.0"] .v30-peace-card-head{margin:0 0 7px;font-size:9px}
  .home-page[data-sections-pass="v3.0"] .v30-peace-icon{width:28px;height:28px;font-size:13px}
  .home-page[data-sections-pass="v3.0"] .v30-peace-card strong{font-family:Arial,sans-serif;font-size:28px;line-height:1;margin:0 0 5px;letter-spacing:-.03em}
  .home-page[data-sections-pass="v3.0"] .v30-peace-card p{max-width:145px;font-size:8.5px;line-height:1.35}
}

/* STORIES — supplied 80% screenshot shows a centered heading and 3 equal tall portrait cards with text overlaid at the bottom. */
@media (min-width:981px){
  .home-page .rf-stories{padding:92px 0 112px;background:#f4f1ea}
  .home-page .rf-stories .container{width:920px;max-width:calc(100% - 48px)}
  .home-page .rf-stories .lm-section-head{display:block;text-align:center;margin:0 auto 62px}
  .home-page .rf-stories .lm-section-head>div{display:block}
  .home-page .rf-stories .lm-section-head .lm-kicker{display:inline-flex;padding:8px 16px;margin:0 0 16px;background:#fff;border-radius:999px;color:#4d52bd;font-size:11px;letter-spacing:.04em}
  .home-page .rf-stories .lm-section-head .lm-heading{font-family:"DejaVu Serif",Georgia,serif;font-size:40px;line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:0 auto 12px}
  .home-page .rf-stories .lm-section-head>p{max-width:410px;margin:0 auto;font-size:14px;line-height:1.45;color:#777a76}
  .rf-story-grid{grid-template-columns:repeat(3,1fr);gap:16px;direction:ltr}
  .rf-story{position:relative;overflow:hidden;border-radius:30px;aspect-ratio:.61;background:#d9d9d4}
  .rf-story-media, .rf-story:nth-child(2) .rf-story-media{position:absolute;inset:0;margin:0;aspect-ratio:auto;border-radius:0;transform:none!important}
  .rf-story-media::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));pointer-events:none}
  .rf-story-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 20px 19px;color:#fff;text-align:right;direction:rtl}
  .rf-story-caption h3{font-family:"DejaVu Serif",Georgia,serif;font-size:20px;line-height:1.2;font-weight:500;margin:0 0 5px;color:#fff}
  .rf-story-caption p{font-size:12px;line-height:1.4;color:rgba(255,255,255,.85);margin:0}
}

/* SMART ADS — supplied ~66.7% screenshot is a centered phone feature on paper, not a dark split card. */
@media (min-width:981px){
  .home-page .rf-smart{padding:92px 0 118px;background:#f4f1ea}
  .home-page .rf-smart .container{width:920px;max-width:calc(100% - 48px)}
  .rf-smart-card{min-height:760px;padding:0;display:block;background:transparent;color:#151713;border-radius:0;box-shadow:none;overflow:visible}
  .rf-smart-card::before{display:none}
  .rf-smart-copy{max-width:510px;margin:0 auto;text-align:center;direction:rtl}
  .rf-smart-copy .lm-kicker{display:inline-flex;padding:8px 16px;margin:0 0 16px;background:#fff;border-radius:999px;color:#4d52bd;font-size:11px;letter-spacing:.04em}
  .rf-smart-copy .lm-heading{font-family:"DejaVu Serif",Georgia,serif;font-size:41px;line-height:1.08;font-weight:500;letter-spacing:-.045em;margin:0 auto 13px;color:#111}
  .rf-smart-copy p{max-width:470px;margin:0 auto 18px;font-size:14px;line-height:1.45;color:#777a76}
  .rf-smart-copy .button{min-height:44px;padding-inline:18px;background:#050505;color:#fff;border-color:#050505;font-size:12px}
  .rf-smart-stage{width:430px;min-height:525px;height:525px;margin:32px auto 0}
  .rf-smart-orb{inset:20px -55px -20px;border-radius:50%;background:radial-gradient(circle at 50% 44%,rgba(191,176,255,.28),rgba(180,169,255,.10) 38%,transparent 70%);filter:blur(12px)}
  .rf-smart-phone{left:50%;right:auto;top:0;width:255px;height:510px;transform:translateX(-50%);border-radius:45px;background:#f7f5ef;padding:14px;box-shadow:0 30px 75px rgba(33,34,36,.17)}
  .rf-smart-float{left:50%;bottom:120px;transform:translateX(-50%);width:330px;padding:18px 24px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.88);color:#777a76;box-shadow:0 18px 48px rgba(35,35,39,.10);backdrop-filter:blur(18px)}
  .rf-smart-float strong{display:none}.rf-smart-float span{display:block;font-size:12px;line-height:1.45;color:#777a76;text-align:center}
}

/* FAQ — supplied 80% screenshot: centered heading, 4 white pill/rounded accordion rows. */
@media (min-width:981px){
  .home-page .rf-faq{padding:88px 0 112px;background:#f4f1ea}
  .home-page .rf-faq .container, .home-page[data-design-pass="v2.5"] .lm-faq-wrap{width:920px;max-width:calc(100% - 48px);display:block}
  .home-page .rf-faq .lm-faq-wrap>div:first-child{text-align:center;margin:0 auto 55px}
  .home-page .rf-faq .lm-kicker{display:inline-flex;padding:8px 14px;margin:0 0 16px;background:#fff;border-radius:999px;color:#4d52bd;font-size:11px;letter-spacing:.04em}
  .home-page .rf-faq .lm-heading{font-family:"DejaVu Serif",Georgia,serif;font-size:40px;line-height:1.08;font-weight:500;letter-spacing:-.045em;margin:0 auto}
  .home-page[data-design-pass="v2.5"] .lm-faq-list{display:grid;gap:14px;border:0}
  .home-page[data-design-pass="v2.5"] .lm-faq-item{overflow:hidden;background:#fff;border:0!important;border-radius:24px}
  .home-page[data-design-pass="v2.5"] .lm-faq-item summary{padding:18px 16px;font-family:"DejaVu Serif",Georgia,serif;font-size:15px;line-height:1.3}
  .home-page[data-design-pass="v2.5"] .lm-faq-item p{margin:0;padding:15px 16px 18px;border-top:1px solid rgba(25,28,25,.08);font-size:13px;line-height:1.55;color:#777a76}
}

/* FOOTER — direct screenshot evidence: a saturated purple/blue closing field and monumental own-brand wordmark. */
@media (min-width:981px){
  .home-page .site-footer{position:relative;min-height:0;padding:118px 0 70px;overflow:hidden;background:linear-gradient(180deg,#b665df 0%,#6c2ce0 38%,#1710ca 70%,#0a08ac 100%);color:#fff;border-top:0}
  .home-page .site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.12),transparent 28%),radial-gradient(circle at 50% 82%,rgba(30,15,255,.35),transparent 42%);pointer-events:none}
  
  .home-page .site-footer .container{position:relative;z-index:2;width:920px;max-width:calc(100% - 48px)}
  .home-page .footer-grid{grid-template-columns:1.25fr .7fr .8fr 1.25fr;gap:30px}
  .home-page .footer-brand p, .home-page .footer-newsletter p, .home-page .footer-column a, .home-page .footer-link, .home-page .footer-bottom{color:rgba(255,255,255,.76)}
  .home-page .footer-column h3, .home-page .footer-newsletter h3{color:#fff}
  .home-page .footer-bottom{border-color:rgba(255,255,255,.16);padding-top:22px;margin-top:36px}
  .home-page .social-links a{border-color:rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.08)}
  .home-page .newsletter-input{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}
  .home-page .newsletter-input input{color:#fff}.home-page .newsletter-input input::placeholder{color:rgba(255,255,255,.55)}
}
@media (min-width:981px){
  .home-page[data-sections-pass="v3.0"] .v30-philosophy-copy .button{margin-right:auto;margin-left:0}
}
/* Hero orbit: direct screenshot calibration + user-confirmed semicircular motion.
   Five cards ride the visible upper half; the lower return half stays hidden. */
@media (min-width:761px){
  @supports (offset-path: ellipse(50% 7% at 50% 51%)){
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile{offset-path:ellipse(50% 7% at 50% 51%)}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(11){translate:-30px 0}
    .home-page[data-design-pass="v2.5"] .lm-marquee-set .lm-tile:nth-child(12){translate:-60px 0}
    @keyframes rf-reference-hero-orbit{
      0%{offset-distance:0%;opacity:0}
      51%{opacity:0}
      56%{opacity:1}
      96%{opacity:1}
      100%{offset-distance:100%;opacity:0}
    }
  }
}
@media (min-width:981px){
  .rf-program-portrait-row{margin-top:113px}
  .rf-program-body{min-height:219px}
  .rf-program-body small{display:none}
}
@media (min-width:761px){
  @supports (offset-path: ellipse(50% 7% at 50% 51%)){
    @keyframes rf-reference-hero-orbit{
      0%{offset-distance:0%;opacity:0}
      55.99%{opacity:0}
      56%{opacity:1}
      96%{opacity:1}
      96.01%{opacity:0}
      100%{offset-distance:100%;opacity:0}
    }
  }
}


/* VIDEO-VERIFIED HERO CAROUSEL — matched to Rec 0002.mp4.
   Five cards stay in one horizontal line while the whole line rotates around Y.
   At 90° it collapses edge-on at center; at 180° it reopens in reversed order. */
@media (min-width:761px){
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
    height:430px !important;bottom:18px !important;padding:0 !important;overflow:hidden !important;
    mask-image:none !important;-webkit-mask-image:none !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee::before{display:none !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track{
    position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
    margin:0 !important;padding:12px 0 0 !important;box-sizing:border-box !important;
    display:flex !important;align-items:flex-start !important;justify-content:center !important;
    transform:none !important;animation:none !important;overflow:visible !important;
    perspective:900px !important;perspective-origin:50% 50% !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
    position:relative !important;inset:auto !important;left:auto !important;top:auto !important;
    width:max-content !important;height:383px !important;margin:0 !important;padding:0 !important;
    display:flex !important;flex-direction:row !important;align-items:flex-end !important;justify-content:center !important;gap:30px !important;
    transform:none !important;transform-origin:50% 50% !important;transform-style:preserve-3d !important;
    rotate:y 0deg;animation:lmVideoRowTurn 50s linear infinite !important;will-change:rotate !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child > .lm-tile{
    position:relative !important;inset:auto !important;left:auto !important;top:auto !important;flex:0 0 auto !important;
    margin:0 !important;padding:0 !important;transform:none !important;translate:none !important;rotate:none !important;scale:none !important;
    offset-path:none !important;offset-distance:0 !important;offset-rotate:0deg !important;animation:none !important;
    opacity:1 !important;filter:none !important;overflow:hidden !important;border-radius:27px !important;
    border:1px solid rgba(255,255,255,.20) !important;box-shadow:0 18px 46px rgba(8,9,28,.16) !important;
    backface-visibility:visible !important;transform-style:preserve-3d !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-set .lm-tile img{
    width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;transform:none !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-rose{width:135px !important;height:355px !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-portrait{width:220px !important;height:365px !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-water{width:260px !important;height:370px !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-group{width:220px !important;height:378px !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-redhead{width:135px !important;height:383px !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-rose img{object-position:50% 50% !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-portrait img{object-position:50% 42% !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-water img{object-position:52% 50% !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-group img{object-position:50% 50% !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-redhead img{object-position:50% 38% !important}
  @keyframes lmVideoRowTurn{from{rotate:y 0deg}to{rotate:y -360deg}}
}

@media (max-width:760px){
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{height:240px !important;bottom:-4px !important;padding:0 !important;overflow:hidden !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee::before{display:none !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track{
    position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;padding:10px 0 0 !important;
    box-sizing:border-box !important;display:flex !important;align-items:flex-start !important;justify-content:center !important;
    transform:none !important;animation:none !important;overflow:visible !important;perspective:500px !important;perspective-origin:50% 50% !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
    position:relative !important;inset:auto !important;left:auto !important;top:auto !important;width:max-content !important;height:188px !important;
    margin:0 !important;padding:0 !important;display:flex !important;flex-direction:row !important;align-items:flex-end !important;justify-content:center !important;gap:10px !important;
    transform:none !important;transform-origin:50% 50% !important;transform-style:preserve-3d !important;
    rotate:y 0deg;animation:lmVideoRowTurnMobile 44s linear infinite !important;will-change:rotate !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child > .lm-tile{
    position:relative !important;inset:auto !important;left:auto !important;top:auto !important;flex:0 0 auto !important;margin:0 !important;
    transform:none !important;translate:none !important;rotate:none !important;scale:none !important;offset-path:none !important;animation:none !important;
    opacity:1 !important;filter:none !important;border-radius:17px !important;backface-visibility:visible !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-rose{width:64px !important;height:174px !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-portrait{width:98px !important;height:178px !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-water{width:116px !important;height:182px !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-group{width:98px !important;height:185px !important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-wheel-redhead{width:64px !important;height:188px !important}
  @keyframes lmVideoRowTurnMobile{from{rotate:y 0deg}to{rotate:y -360deg}}
}

/* USER CONTENT PASS — remove deleted copy/sections without touching backend logic. */
.home-page .lm-hero-copy{display:none!important}
@media (min-width:761px){
  .home-page[data-design-pass="v2.5"] .lm-hero{min-height:650px!important;padding-bottom:28px!important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{bottom:12px!important}
}
@media (max-width:760px){
  .home-page[data-design-pass="v2.5"] .lm-hero{min-height:445px!important;max-height:none!important;padding-bottom:12px!important}
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{bottom:-2px!important}
}

/* Exact requested authenticated-only message on the three Programs cards. */
.home-page .rf-program[data-auth-hover]{position:relative;isolation:isolate}
.home-page .rf-program[data-auth-hover]::after{
  content:attr(data-auth-hover);
  position:absolute;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  padding:30px;
  border-radius:inherit;
  background:rgba(18,20,19,.88);
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1.8;
  text-align:center;
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
  pointer-events:none;
}
.home-page .rf-program[data-auth-hover]:hover::after, .home-page .rf-program[data-auth-hover]:focus-visible::after{
  opacity:1;
  visibility:visible;
}
@media (max-width:760px){
  .home-page .rf-program[data-auth-hover]::after{font-size:15px;padding:22px}
}

/* Blogger / Blogger-shop switcher — real API data, same established blogger card language. */
.home-page .home-entities{
  padding:92px 0 112px;
  background:#f4f1ea;
  overflow:hidden;
}
.home-page .home-entities .container{width:min(calc(100% - 48px),1040px)}
.home-page .home-entities-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  margin:0 auto 44px;
}
.home-page .home-entities-head .lm-kicker{
  display:inline-flex;
  padding:8px 16px;
  margin:0 0 15px;
  background:#fff;
  border-radius:999px;
  color:#4d52bd;
  font-size:11px;
  letter-spacing:.04em;
}
.home-page .home-entities-head .lm-heading{
  margin:0 0 24px;
  font-family:"DejaVu Serif",Georgia,serif;
  font-size:42px;
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.045em;
}
.home-page .entity-switch{
  display:inline-grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:5px;
  min-width:330px;
  border-radius:999px;
  background:#dedbd4;
  box-shadow:inset 0 0 0 1px rgba(30,34,30,.04);
}
.home-page .entity-switch-button{
  min-height:46px;
  padding:8px 24px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#686b67;
  font:inherit;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.home-page .entity-switch-button.is-active{
  background:#fff;
  color:#161815;
  box-shadow:0 5px 16px rgba(24,28,24,.08);
}
.home-page .entity-switch-button:focus-visible{outline:3px solid rgba(79,79,197,.24);outline-offset:2px}
.home-page .home-entity-status{margin:14px 0 0;color:#777a76;font-size:12px}
.home-page .home-entity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.home-page .home-entity-grid .blogger-card{height:100%;background:#fff!important;border-color:rgba(26,33,27,.08)!important}
.home-page .home-entity-grid .blogger-empty-state{grid-column:1/-1}
.home-page .home-entity-kind{
  align-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 10px;
  border-radius:999px;
  background:#f0efeb;
  color:#686d68;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.home-page .home-shop-card .card-actions .is-disabled{opacity:.62;pointer-events:none}

@media (max-width:980px){
  .home-page .home-entities{padding:72px 0 88px}
  .home-page .home-entities .container{width:min(calc(100% - 36px),860px)}
  .home-page .home-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
}
@media (max-width:620px){
  .home-page .home-entities{padding:58px 0 72px}
  .home-page .home-entities .container{width:calc(100% - 28px)}
  .home-page .home-entities-head{margin-bottom:30px}
  .home-page .home-entities-head .lm-heading{font-size:34px;margin-bottom:19px}
  .home-page .entity-switch{width:100%;min-width:0;max-width:330px}
  .home-page .entity-switch-button{min-height:43px;padding-inline:14px;font-size:13px}
  .home-page .home-entity-grid{grid-template-columns:1fr;gap:13px}
}

/* Neutralize legacy dark bloggers-section shell for the new inline profile browser. */
.home-page .home-entities.bloggers-section{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  color:#171915!important;
}
.home-page .home-entities-head .lm-heading{color:#171915!important}


/* HOME HEADER SYNC WITH SERVICE HEADER — 2026-08-17 */
@media (min-width:1200px){
  .home-page .site-header{width:min(1320px,calc(100% - 20px));height:74px}
  .home-page .header-inner{grid-template-columns:116px minmax(0,1fr) 188px;gap:10px;padding:0 9px 0 18px}
  .home-page .site-header .site-logo::after{font-size:20px}
  .home-page .desktop-nav{direction:rtl;justify-content:center;gap:11px;min-width:0}
  .home-page .desktop-nav .nav-link{font-size:10.5px;padding:8px 0;line-height:1.15;white-space:nowrap}
  .home-page .desktop-nav .nav-dropdown{flex:0 0 auto}
  .home-page .desktop-nav .nav-dropdown-trigger{gap:3px;color:rgba(255,255,255,.62)}
  .home-page .desktop-nav .nav-dropdown-trigger>svg{width:13px;height:13px}
  .home-page .desktop-nav .nav-dropdown-menu{right:50%;left:auto;transform:translate(50%,10px) scale(.985)}
  .home-page .desktop-nav .nav-dropdown:hover .nav-dropdown-menu, .home-page .desktop-nav .nav-dropdown:focus-within .nav-dropdown-menu{transform:translate(50%,0) scale(1)}
  .home-page .header-actions{gap:5px}
  .home-page .header-actions .button-primary{width:174px;min-width:174px;min-height:56px;font-size:11px}
}
@media (min-width:1200px) and (max-width:1320px){
  .home-page .header-inner{grid-template-columns:105px minmax(0,1fr) 168px;gap:7px;padding-left:13px}
  .home-page .desktop-nav{gap:8px}
  .home-page .desktop-nav .nav-link{font-size:9.7px}
  .home-page .header-actions .button-primary{width:156px;min-width:156px;padding-inline:12px;font-size:10px}
  .home-page .site-header .site-logo::after{font-size:18px}
}
@media (min-width:921px) and (max-width:1199px){
  .home-page .site-header{width:min(calc(100% - 24px),940px)}
  .home-page .header-inner{grid-template-columns:1fr auto;padding:0 9px 0 18px}
  .home-page .desktop-nav{display:none!important}
  .home-page .header-actions .button-primary{display:none!important}
  .home-page .menu-toggle{display:inline-grid!important;color:#fff}
}


/* HOME HEADER ACTION SYNC — 2026-08-17 */
@media (min-width:1200px){
  .home-page .header-inner{grid-template-columns:110px minmax(0,1fr) 205px}
  .home-page .desktop-nav{gap:9px}
  .home-page .desktop-nav .nav-link{font-size:10px}
  .home-page .header-actions{direction:rtl;gap:5px;justify-content:flex-start}
  
  .home-page .header-actions .favorites-trigger{display:none!important}
  .home-page .header-actions .home-login-button{display:inline-flex;min-height:40px;padding:8px 12px;border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.06);font-size:10px}
  .home-page .header-actions .button-primary{width:auto!important;min-width:76px!important;min-height:42px!important;padding:8px 14px!important;font-size:10px!important}
}
@media (min-width:1200px) and (max-width:1320px){
  .home-page .header-inner{grid-template-columns:96px minmax(0,1fr) 190px;gap:6px;padding-left:11px}
  .home-page .desktop-nav{gap:6px}
  .home-page .desktop-nav .nav-link{font-size:9px}
  .home-page .header-actions .home-login-button{padding-inline:9px;font-size:9px}
  .home-page .header-actions .button-primary{min-width:68px!important;padding-inline:10px!important;font-size:9px!important}
  
}
@media (max-width:1199px){
  .home-page .header-actions .home-login-button{display:none!important}
}


/* HOME HEADER COMPACT HEIGHT PASS — 2026-08-17
   Width is intentionally unchanged. Only vertical geometry is tightened. */
@media (min-width:1200px){
  .home-page .site-header{
    height:50px!important;
    border-radius:999px;
  }
  .home-page .header-inner{
    height:100%;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .home-page .desktop-nav{
    align-items:center;
  }
  .home-page .desktop-nav .nav-link{
    padding-top:6px!important;
    padding-bottom:6px!important;
    line-height:1.2!important;
  }
  .home-page .header-actions{
    align-items:center;
  }
  
  .home-page .header-actions .home-login-button{
    min-height:32px!important;
    height:32px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .home-page .header-actions .button-primary{
    min-height:32px!important;
    height:32px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
}
@media (min-width:1200px) and (max-width:1320px){
  .home-page .site-header{height:50px!important}
  
  .home-page .header-actions .home-login-button{min-height:30px!important;height:30px!important}
  .home-page .header-actions .button-primary{min-height:32px!important;height:32px!important}
}

@media (min-width:1321px){.home-page .desktop-nav .nav-link{font-size:11px!important}.home-page .header-actions .home-login-button, .home-page .header-actions .button-primary{font-size:11px!important}}
@media (min-width:1200px) and (max-width:1320px){.home-page .desktop-nav .nav-link{font-size:10px!important}.home-page .header-actions .home-login-button, .home-page .header-actions .button-primary{font-size:10px!important}}

/* =========================================================
   GIFT RING — VIDEO MATCH (Rec 0003)
   18 tangent cards around a circular ring + one-shot 3D Y flip on hover.
   This block intentionally overrides all earlier Gift collage geometry.
   ========================================================= */
@media (min-width:981px){
  .home-page .rf-gift .container{width:min(calc(100% - 40px),920px)}
  .home-page .rf-gift .rf-gift-card{
    width:700px;max-width:100%;height:700px;min-height:700px;
    margin-inline:auto;overflow:visible;
  }
  .home-page .rf-gift .rf-gift-collage{
    position:absolute;inset:0;overflow:visible;perspective:1000px;
  }
  .home-page .rf-gift .rf-gift-photo{
    --ring-x:50%;--ring-y:50%;--ring-r:0deg;
    position:absolute!important;
    left:var(--ring-x)!important;top:var(--ring-y)!important;
    right:auto!important;bottom:auto!important;
    width:74px!important;height:82px!important;
    margin:0!important;border:0!important;border-radius:18px!important;
    overflow:hidden!important;
    transform:translate(-50%,-50%) rotate(var(--ring-r)) rotateY(0deg) scale(1)!important;
    transform-origin:50% 50%!important;
    transform-style:preserve-3d!important;
    backface-visibility:visible!important;
    box-shadow:0 9px 22px rgba(35,39,35,.10)!important;
    transition:transform .62s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease!important;
    will-change:transform;
    z-index:2;
  }
  .home-page .rf-gift .rf-gift-photo img{
    width:100%!important;height:100%!important;display:block!important;
    object-fit:cover!important;transform:none!important;backface-visibility:visible!important;
  }
  .home-page .rf-gift .rf-gift-photo:hover{
    transform:translate(-50%,-50%) rotate(var(--ring-r)) rotateY(360deg) scale(1.15)!important;
    box-shadow:0 16px 34px rgba(35,39,35,.17)!important;
    z-index:20;
  }
  .home-page .rf-gift .rf-gift-photo:nth-child(1){--ring-x:50%;  --ring-y:6.6%; --ring-r:0deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(2){--ring-x:64.4%;--ring-y:9.3%; --ring-r:20deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(3){--ring-x:77.2%;--ring-y:16.0%;--ring-r:40deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(4){--ring-x:86.7%;--ring-y:27.9%;--ring-r:60deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(5){--ring-x:91.7%;--ring-y:41.8%;--ring-r:80deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(6){--ring-x:91.7%;--ring-y:56.3%;--ring-r:100deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(7){--ring-x:86.7%;--ring-y:70.1%;--ring-r:120deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(8){--ring-x:77.2%;--ring-y:81.7%;--ring-r:140deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(9){--ring-x:64.4%;--ring-y:88.7%;--ring-r:160deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(10){--ring-x:50%;  --ring-y:91.4%;--ring-r:180deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(11){--ring-x:35.6%;--ring-y:88.7%;--ring-r:200deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(12){--ring-x:22.8%;--ring-y:81.7%;--ring-r:220deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(13){--ring-x:13.3%;--ring-y:70.1%;--ring-r:240deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(14){--ring-x:8.3%; --ring-y:56.3%;--ring-r:260deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(15){--ring-x:8.3%; --ring-y:41.8%;--ring-r:280deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(16){--ring-x:13.3%;--ring-y:27.9%;--ring-r:300deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(17){--ring-x:22.8%;--ring-y:16.0%;--ring-r:320deg}
  .home-page .rf-gift .rf-gift-photo:nth-child(18){--ring-x:35.6%;--ring-y:9.3%; --ring-r:340deg}
}

@media (max-width:980px) and (min-width:761px){
  .home-page .rf-gift .rf-gift-card{width:590px;height:590px;min-height:590px}
  .home-page .rf-gift .rf-gift-photo{width:62px!important;height:69px!important;border-radius:16px!important}
}

@media (max-width:760px){
  .home-page .rf-gift .rf-gift-card{width:min(94vw,430px);height:min(94vw,430px);min-height:min(94vw,430px)}
  .home-page .rf-gift .rf-gift-photo{width:45px!important;height:50px!important;border-radius:12px!important;transition-duration:.55s!important}
  .home-page .rf-gift .rf-gift-photo:hover{transform:translate(-50%,-50%) rotate(var(--ring-r)) rotateY(360deg) scale(1.10)!important}
  .home-page .rf-gift .rf-gift-copy{width:min(58%,240px)}
}

/* Rec 0003 hover correction: keep the figure as a stable hit-area and flip only the image.
   This prevents hover loss when the card reaches its edge-on state. */
@media (min-width:761px){
  .home-page .rf-gift .rf-gift-photo{
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:translate(-50%,-50%) rotate(var(--ring-r))!important;
    perspective:850px!important;
    perspective-origin:50% 50%!important;
    transition:none!important;
  }
  .home-page .rf-gift .rf-gift-photo img{
    width:100%!important;height:100%!important;
    border-radius:inherit!important;
    transform:rotateY(0deg) scale(1)!important;
    transform-origin:50% 50%!important;
    transform-style:preserve-3d!important;
    backface-visibility:visible!important;
    box-shadow:0 9px 22px rgba(35,39,35,.10)!important;
    transition:transform .62s ease-in-out,box-shadow .22s ease!important;
    will-change:transform;
  }
  .home-page .rf-gift .rf-gift-photo:hover{z-index:20!important}
  .home-page .rf-gift .rf-gift-photo:hover img{
    transform:rotateY(180deg) scale(1.14)!important;
    box-shadow:0 16px 34px rgba(35,39,35,.17)!important;
  }
}
@media (max-width:760px){
  .home-page .rf-gift .rf-gift-photo{
    overflow:visible!important;background:transparent!important;box-shadow:none!important;
    transform:translate(-50%,-50%) rotate(var(--ring-r))!important;perspective:650px!important;
  }
  .home-page .rf-gift .rf-gift-photo img{
    border-radius:inherit!important;transform:rotateY(0deg) scale(1)!important;
    transform-origin:50% 50%!important;backface-visibility:visible!important;
    transition:transform .58s ease-in-out,box-shadow .2s ease!important;
  }
  .home-page .rf-gift .rf-gift-photo:hover img{transform:rotateY(180deg) scale(1.10)!important}
}

/* Keep the exact 18-point Rec 0003 ring at every responsive size. */
.home-page .rf-gift .rf-gift-photo:nth-child(1){--ring-x:50%;  --ring-y:6.6%; --ring-r:0deg;   left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(2){--ring-x:64.4%;--ring-y:9.3%; --ring-r:20deg;  left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(3){--ring-x:77.2%;--ring-y:16.0%;--ring-r:40deg;  left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(4){--ring-x:86.7%;--ring-y:27.9%;--ring-r:60deg;  left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(5){--ring-x:91.7%;--ring-y:41.8%;--ring-r:80deg;  left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(6){--ring-x:91.7%;--ring-y:56.3%;--ring-r:100deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(7){--ring-x:86.7%;--ring-y:70.1%;--ring-r:120deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(8){--ring-x:77.2%;--ring-y:81.7%;--ring-r:140deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(9){--ring-x:64.4%;--ring-y:88.7%;--ring-r:160deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(10){--ring-x:50%;  --ring-y:91.4%;--ring-r:180deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(11){--ring-x:35.6%;--ring-y:88.7%;--ring-r:200deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(12){--ring-x:22.8%;--ring-y:81.7%;--ring-r:220deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(13){--ring-x:13.3%;--ring-y:70.1%;--ring-r:240deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(14){--ring-x:8.3%; --ring-y:56.3%;--ring-r:260deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(15){--ring-x:8.3%; --ring-y:41.8%;--ring-r:280deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(16){--ring-x:13.3%;--ring-y:27.9%;--ring-r:300deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(17){--ring-x:22.8%;--ring-y:16.0%;--ring-r:320deg; left:var(--ring-x)!important;top:var(--ring-y)!important}
.home-page .rf-gift .rf-gift-photo:nth-child(18){--ring-x:35.6%;--ring-y:9.3%; --ring-r:340deg; left:var(--ring-x)!important;top:var(--ring-y)!important}

/* Rec 0003 radial lift: hovered card moves outward from the ring center while flipping. */
@media (min-width:981px){
  .home-page .rf-gift .rf-gift-photo img{transform:translateY(0) rotateY(0deg) scale(1)!important}
  .home-page .rf-gift .rf-gift-photo:hover img{transform:translateY(-40px) rotateY(180deg) scale(1.14)!important}
}
@media (max-width:980px) and (min-width:761px){
  .home-page .rf-gift .rf-gift-photo img{transform:translateY(0) rotateY(0deg) scale(1)!important}
  .home-page .rf-gift .rf-gift-photo:hover img{transform:translateY(-34px) rotateY(180deg) scale(1.14)!important}
}
@media (max-width:760px){
  .home-page .rf-gift .rf-gift-photo img{transform:translateY(0) rotateY(0deg) scale(1)!important}
  .home-page .rf-gift .rf-gift-photo:hover img{transform:translateY(-24px) rotateY(180deg) scale(1.10)!important}
}
/* Final video-calibrated outward distance. */
@media (min-width:981px){.home-page .rf-gift .rf-gift-photo:hover img{transform:translateY(-34px) rotateY(180deg) scale(1.14)!important}}
@media (max-width:980px) and (min-width:761px){.home-page .rf-gift .rf-gift-photo:hover img{transform:translateY(-29px) rotateY(180deg) scale(1.14)!important}}
@media (max-width:760px){.home-page .rf-gift .rf-gift-photo:hover img{transform:translateY(-20px) rotateY(180deg) scale(1.10)!important}}
/* Remove the browser's default <figure> margin at tablet/mobile widths as well. */
.home-page .rf-gift .rf-gift-photo{margin:0!important}


/* HOME HEADER WIDTH-FIRST REFINEMENT — 2026-08-17
   Undo the over-compressed 50px-height interpretation. The header now shrinks horizontally
   to its actual content, removes the dead logo→navigation space, and restores readable labels. */
@media (min-width:1200px){
  .home-page .site-header{
    width:max-content!important;
    max-width:calc(100vw - 18px)!important;
    height:64px!important;
    min-height:64px!important;
    border-radius:999px!important;
  }
  .home-page .header-inner{
    width:max-content!important;
    max-width:100%!important;
    height:100%!important;
    display:flex!important;
    direction:ltr!important;
    align-items:center!important;
    justify-content:flex-start!important;
    grid-template-columns:none!important;
    gap:10px!important;
    padding:0 8px!important;
    margin:0!important;
  }
  .home-page .site-header .brand{
    flex:0 0 auto!important;
    justify-self:auto!important;
    margin:0!important;
  }
  .home-page .site-header .site-logo::after{
    font-size:21px!important;
    line-height:1!important;
  }
  .home-page .desktop-nav{
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:0!important;
    margin:0!important;
    direction:rtl!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .home-page .desktop-nav .nav-link{
    flex:0 0 auto!important;
    padding:8px 1px!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:560!important;
    white-space:nowrap!important;
  }
  .home-page .desktop-nav .nav-dropdown-trigger{
    gap:3px!important;
  }
  .home-page .header-actions{
    flex:0 0 auto!important;
    width:max-content!important;
    margin:0!important;
    justify-self:auto!important;
    direction:rtl!important;
    justify-content:flex-start!important;
    gap:6px!important;
  }
  
  .home-page .header-actions .home-login-button{
    display:inline-flex!important;
    height:auto!important;
    min-height:38px!important;
    padding:7px 12px!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
  .home-page .header-actions .button-primary{
    display:inline-flex!important;
    width:auto!important;
    height:auto!important;
    min-width:72px!important;
    min-height:40px!important;
    padding:8px 14px!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
}

@media (min-width:1200px) and (max-width:1279px){
  .home-page .site-header{max-width:calc(100vw - 12px)!important}
  .home-page .header-inner{gap:8px!important;padding:0 6px!important}
  .home-page .site-header .site-logo::after{font-size:19px!important}
  .home-page .desktop-nav{gap:5px!important}
  .home-page .desktop-nav .nav-link{font-size:12px!important;padding-inline:0!important}
  .home-page .header-actions{gap:4px!important}
  
  .home-page .header-actions .home-login-button{padding-inline:9px!important;font-size:12px!important}
  .home-page .header-actions .button-primary{min-width:66px!important;padding-inline:10px!important;font-size:12px!important}
}

/* HOME HEADER = exact smart-ads service header clone.
   Homepage keeps its content/layout, but header geometry/typography/controls follow smart-ads.html. */
.home-page .site-header.service-header{
  position:fixed!important;
  top:18px!important;
  width:min(calc(100% - 38px),1240px)!important;
  max-width:none!important;
  height:64px!important;
  min-height:64px!important;
  margin-inline:auto!important;
  border-radius:999px!important;
  background:rgba(250,248,242,.78)!important;
  border:1px solid rgba(25,33,27,.10)!important;
  box-shadow:0 12px 42px rgba(34,42,36,.07)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
}
.home-page .site-header.service-header.is-scrolled{background:rgba(250,248,242,.94)!important}
.home-page .site-header.service-header .header-inner{
  width:min(calc(100% - 40px),var(--container-width))!important;
  max-width:none!important;
  height:100%!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  direction:rtl!important;
  gap:18px!important;
  padding-inline:16px 10px!important;
  margin-inline:auto!important;
}
.home-page .site-header.service-header .brand{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
}
.home-page .site-header.service-header .site-logo{display:inline-grid!important;align-items:center!important;line-height:0!important}
.home-page .site-header.service-header .site-logo::after{content:none!important;display:none!important}
.home-page .site-header.service-header .site-logo-image{
  display:block!important;
  width:auto!important;
  height:var(--brand-logo-height)!important;
  max-width:124px!important;
  filter:none!important;
}
.home-page .site-header.service-header .logo-light{display:block!important}



.home-page .site-header.service-header .desktop-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  direction:rtl!important;
  gap:0!important;
  width:auto!important;
  min-width:0!important;
  flex:0 1 auto!important;
  margin:0 0 0 auto!important;
}
.home-page .site-header.service-header .desktop-nav .nav-link{
  flex:0 0 auto!important;
  padding:9px 11px!important;
  border-radius:999px!important;
  font-size:.8rem!important;
  line-height:1.2!important;
  font-weight:600!important;
  white-space:nowrap!important;
  color:var(--color-text-secondary)!important;
  background:transparent!important;
}
.home-page .site-header.service-header .desktop-nav .nav-link:hover, .home-page .site-header.service-header .desktop-nav .nav-link.is-active{
  background:rgba(33,48,39,.07)!important;
  color:var(--color-text-primary)!important;
}
.home-page .site-header.service-header .desktop-nav .nav-dropdown-trigger{gap:4px!important;color:var(--color-text-secondary)!important}
.home-page .site-header.service-header .desktop-nav .nav-dropdown-trigger>svg{width:16px!important;height:16px!important}
.home-page .site-header.service-header .desktop-nav .nav-dropdown-menu{
  right:0!important;
  left:auto!important;
  transform:translateY(8px) scale(.985)!important;
}
.home-page .site-header.service-header .desktop-nav .nav-dropdown:hover .nav-dropdown-menu, .home-page .site-header.service-header .desktop-nav .nav-dropdown:focus-within .nav-dropdown-menu{
  transform:translateY(0) scale(1)!important;
}
.home-page .site-header.service-header .service-account{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  margin:0!important;
}

.home-page .site-header.service-header .menu-toggle{display:none!important}

@media (max-width:1180px){
  .home-page .site-header.service-header{
    top:12px!important;
    width:min(calc(100% - 24px),940px)!important;
  }
  .home-page .site-header.service-header .desktop-nav{display:none!important}
  .home-page .site-header.service-header .header-inner{
    width:min(calc(100% - 28px),var(--container-width))!important;
    gap:12px!important;
    padding-inline:0!important;
  }
  .home-page .site-header.service-header .service-account{margin-inline-start:auto!important}
  .home-page .site-header.service-header .menu-toggle{
    display:inline-grid!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    color:var(--color-text-muted)!important;
  }
}
@media (max-width:768px){
  .home-page .site-header.service-header{height:58px!important;min-height:58px!important}
  .home-page .site-header.service-header .site-logo-image{height:var(--brand-logo-height-mobile)!important;max-width:108px!important}
  .home-page .site-header.service-header .menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
}

/* Exact geometry correction after computed-style comparison against smart-ads.html. */
.home-page .site-header.service-header{
  left:auto!important;
  right:auto!important;
  transform:none!important;
  margin-inline:auto!important;
}
.home-page .site-header.service-header .brand{direction:rtl!important}
.home-page .site-header.service-header .header-inner{
  gap:18px!important;
  padding-inline:16px 10px!important;
}
@media (max-width:1180px){
  .home-page .site-header.service-header{
    top:18px!important;
    width:min(calc(100% - 38px),1240px)!important;
  }
  .home-page .site-header.service-header .header-inner{
    width:min(calc(100% - 40px),var(--container-width))!important;
    gap:18px!important;
    padding-inline:16px 10px!important;
  }
  .home-page .site-header.service-header .service-account{margin-inline-start:0!important}
}
@media (max-width:980px){
  .home-page .site-header.service-header{
    top:12px!important;
    width:min(calc(100% - 24px),940px)!important;
  }
}
@media (max-width:760px){
  .home-page .site-header.service-header{height:58px!important;min-height:58px!important}
  .home-page .site-header.service-header .site-logo-image{max-width:108px!important}
}

/* Pixel equality with smart-ads.html header after browser-computed comparison. */
@media (min-width:981px){
  .home-page .site-header.service-header .header-inner{width:calc(100% - 50px)!important}
}
@media (max-width:980px){
  .home-page .site-header.service-header .header-inner{width:calc(100% - 30px)!important}
}
@media (min-width:761px) and (max-width:980px){
  .home-page .site-header.service-header{height:64px!important;min-height:64px!important}
}
.home-page .site-header.service-header .desktop-nav .nav-link{line-height:1.75!important}
.home-page .site-header.service-header .menu-toggle{color:rgb(104,113,105)!important;background:transparent!important}
@media (max-width:1180px){
  .home-page .site-header.service-header .menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
}
.home-page .site-header.service-header .desktop-nav .nav-dropdown-trigger{gap:5px!important}
@media (min-width:981px){.home-page .site-header.service-header .header-inner{width:calc(100% - 48px)!important}}
@media (max-width:980px){.home-page .site-header.service-header .header-inner{width:calc(100% - 28px)!important}}


/* FINAL HEADER SCROLL + TOP GAP FIX
   Keep the homepage service header visible during both downward and upward scrolling,
   and let the Hero background start at the very top of the viewport so no white strip remains. */
body.home-page{
  margin-top:0!important;
  padding-top:0!important;
}
.home-page #main-content{
  margin-top:0!important;
  padding-top:0!important;
}
.home-page #main-content > .lm-hero{
  margin-top:0!important;
}
.home-page .site-header.service-header{
  position:fixed!important;
  top:18px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  z-index:2200!important;
}
@media (max-width:980px){
  .home-page .site-header.service-header{
    top:12px!important;
  }
}
@media (max-width:560px){
  .home-page .site-header.service-header{
    top:8px!important;
  }
}


/* REFERENCE HEADER COLOR + HOMEPAGE ACCOUNT CONTROLS
   Reference screenshot verified colors:
   hero/top state #040613; scrolled light-section state #605F5D. */
.home-page .site-header.service-header{
  background:#040613!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16)!important;
  color:#fff!important;
}
.home-page .site-header.service-header.is-scrolled{
  background:#605f5d!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(20,20,20,.12)!important;
}
.home-page .site-header.service-header .desktop-nav .nav-link, .home-page .site-header.service-header .desktop-nav .nav-dropdown-trigger{
  color:rgba(255,255,255,.68)!important;
}
.home-page .site-header.service-header .desktop-nav .nav-link:hover, .home-page .site-header.service-header .desktop-nav .nav-link.is-active, .home-page .site-header.service-header .desktop-nav .nav-dropdown-trigger:hover, .home-page .site-header.service-header .desktop-nav .nav-dropdown-trigger[aria-expanded="true"]{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
}
.home-page .site-header.service-header .menu-toggle{
  color:rgba(255,255,255,.82)!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.14)!important;
}
.home-page .site-header.service-header .menu-toggle:hover{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
}
.home-page .site-header.service-header .service-account{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.home-page .site-header.service-header .service-account .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  height:40px!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.home-page .site-header.service-header .service-account .button-ghost{
  color:#fff!important;
  background:transparent!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
.home-page .site-header.service-header .service-account .button-ghost:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.38)!important;
}
.home-page .site-header.service-header .service-account .button-primary{
  color:#090b12!important;
  background:#f0eee9!important;
  border:1px solid #f0eee9!important;
  min-width:68px!important;
}
.home-page .site-header.service-header .service-account .button-primary:hover{
  background:#fff!important;
  border-color:#fff!important;
}
.home-page .site-header.service-header .account-chip{
  min-height:40px!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.home-page .site-header.service-header .account-chip small{color:rgba(255,255,255,.62)!important}
@media (min-width:1181px) and (max-width:1320px){
  .home-page .site-header.service-header .desktop-nav .nav-link{padding-inline:8px!important;font-size:.76rem!important}
  .home-page .site-header.service-header .header-inner{gap:12px!important}
  .home-page .site-header.service-header .service-account{gap:5px!important}
  .home-page .site-header.service-header .service-account .button{padding-inline:11px!important;font-size:12px!important}
}
@media (max-width:420px){
  .home-page .site-header.service-header .service-account .button{display:none!important}
}
body.home-page .site-header.service-header{
  background-color:#040613!important;
  background-image:none!important;
}
body.home-page .site-header.service-header.is-scrolled{
  background-color:#605f5d!important;
  background-image:none!important;
}
/* Keep the iBlogger mark legible on the reference-dark header in both theme modes. */
.home-page .site-header.service-header .logo-light{
  display:block!important;
  filter:brightness(0) invert(1)!important;
}



/* REC 0004 BACKGROUND MOTION — moving dotted ribbons + breathing bloom.
   Video-matched behavior: flowing dots, staggered left/right pulses, transient light blooms. */
.home-page[data-design-pass="v2.5"] .lm-orbit-svg{
  opacity:1;
  mix-blend-mode:screen;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg .lm-orbit-wide{
  animation:lmBgWidePulse 8.6s ease-in-out infinite;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg .lm-orbit-mid{
  animation:lmBgMidPulse 7.4s ease-in-out infinite;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg .lm-orbit-core{
  animation:lmBgCorePulse 6.2s ease-in-out infinite;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg .lm-orbit-dots{
  stroke-dasharray:.7 10.8 1.5 7.6 .6 12.2;
  animation:lmBgDotFlow 11.6s linear infinite, lmBgDotPulse 6.8s ease-in-out infinite;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg .lm-orbit-specks-a{
  stroke-dasharray:.45 15 .8 11 .35 18;
  animation:lmBgSpeckFlowA 15.2s linear infinite, lmBgSpeckPulseA 8.4s ease-in-out infinite;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg .lm-orbit-specks-b{
  stroke-dasharray:.35 21 .65 13 .3 25;
  animation:lmBgSpeckFlowB 19s linear infinite reverse, lmBgSpeckPulseB 10.2s ease-in-out infinite;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg .lm-orbit-hot{
  stroke-dasharray:16 84;
  animation:lmBgHotFlow 7.8s linear infinite, lmBgHotPulse 5.4s ease-in-out infinite;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg > svg > g:nth-of-type(2) .lm-orbit-wide, .home-page[data-design-pass="v2.5"] .lm-orbit-svg > svg > g:nth-of-type(2) .lm-orbit-mid, .home-page[data-design-pass="v2.5"] .lm-orbit-svg > svg > g:nth-of-type(2) .lm-orbit-core, .home-page[data-design-pass="v2.5"] .lm-orbit-svg > svg > g:nth-of-type(2) .lm-orbit-dots, .home-page[data-design-pass="v2.5"] .lm-orbit-svg > svg > g:nth-of-type(2) .lm-orbit-specks-a, .home-page[data-design-pass="v2.5"] .lm-orbit-svg > svg > g:nth-of-type(2) .lm-orbit-specks-b, .home-page[data-design-pass="v2.5"] .lm-orbit-svg > svg > g:nth-of-type(2) .lm-orbit-hot{
  animation-delay:-3.1s,-1.7s;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-ribbons{
  pointer-events:none;
  opacity:.96;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-ribbons .lm-ribbon{
  fill:none;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-dasharray:.8 12 1.6 8 .55 15;
  vector-effect:non-scaling-stroke;
  opacity:0;
  animation:lmRibbonFlow 13.5s linear infinite, lmRibbonPulse 8.2s ease-in-out infinite;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-ribbons .lm-ribbon-b{
  stroke-width:2.1;
  animation-duration:17s,9.8s;
  animation-delay:-6.3s,-2.6s;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-ribbons .lm-ribbon-c{
  animation-duration:14.8s,8.8s;
  animation-delay:-8.2s,-4.1s;
}
.home-page[data-design-pass="v2.5"] .lm-orbit-ribbons .lm-ribbon-d{
  stroke-width:2.15;
  animation-duration:18.6s,10.4s;
  animation-delay:-2.9s,-6.8s;
}
.home-page[data-design-pass="v2.5"] .lm-hero::before{
  animation:lmHeroAmbientBreath 9.6s ease-in-out infinite;
}
.home-page[data-design-pass="v2.5"] .lm-hero::after{
  animation:lmHeroHorizonBreath 8.4s ease-in-out infinite;
}
@keyframes lmBgDotFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-220}}
@keyframes lmBgSpeckFlowA{from{stroke-dashoffset:50}to{stroke-dashoffset:-260}}
@keyframes lmBgSpeckFlowB{from{stroke-dashoffset:-80}to{stroke-dashoffset:240}}
@keyframes lmBgHotFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes lmRibbonFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-260}}
@keyframes lmBgWidePulse{0%, 100%{opacity:.06}18%{opacity:.12}43%{opacity:.28}66%{opacity:.10}82%{opacity:.20}}
@keyframes lmBgMidPulse{0%, 100%{opacity:.08}24%{opacity:.24}48%{opacity:.42}71%{opacity:.13}88%{opacity:.30}}
@keyframes lmBgCorePulse{0%, 100%{opacity:.10}20%{opacity:.32}45%{opacity:.58}67%{opacity:.18}84%{opacity:.43}}
@keyframes lmBgDotPulse{0%, 100%{opacity:.12}15%{opacity:.52}38%{opacity:.92}58%{opacity:.28}76%{opacity:.78}90%{opacity:.22}}
@keyframes lmBgSpeckPulseA{0%, 100%{opacity:.05}22%{opacity:.24}43%{opacity:.66}61%{opacity:.16}81%{opacity:.46}}
@keyframes lmBgSpeckPulseB{0%, 100%{opacity:.03}30%{opacity:.34}55%{opacity:.11}74%{opacity:.48}91%{opacity:.09}}
@keyframes lmBgHotPulse{0%, 100%{opacity:.04}24%{opacity:.16}43%{opacity:.58}55%{opacity:.72}69%{opacity:.15}84%{opacity:.42}}
@keyframes lmRibbonPulse{0%, 100%{opacity:0}9%{opacity:.10}23%{opacity:.78}42%{opacity:.96}59%{opacity:.32}73%{opacity:.82}90%{opacity:.08}}
@keyframes lmHeroAmbientBreath{0%, 100%{opacity:.78;filter:blur(0)}45%{opacity:1;filter:blur(1px)}72%{opacity:.86;filter:blur(.3px)}}
@keyframes lmHeroHorizonBreath{0%, 100%{opacity:.78;filter:blur(28px)}40%{opacity:1;filter:blur(23px)}68%{opacity:.86;filter:blur(31px)}}

@media (max-width:560px){
  .home-page[data-design-pass="v2.5"] .lm-orbit-ribbons .lm-ribbon{stroke-width:1.65;stroke-dasharray:.65 11 1.2 8 .4 14}
  .home-page[data-design-pass="v2.5"] .lm-orbit-svg .lm-orbit-wide{animation-duration:9.4s}
  .home-page[data-design-pass="v2.5"] .lm-orbit-svg .lm-orbit-dots{animation-duration:12.8s,7.6s}
}
@media (prefers-reduced-motion:reduce){
  .home-page[data-design-pass="v2.5"] .lm-orbit-svg path, .home-page[data-design-pass="v2.5"] .lm-hero::before, .home-page[data-design-pass="v2.5"] .lm-hero::after{animation:none!important}
  .home-page[data-design-pass="v2.5"] .lm-orbit-ribbons .lm-ribbon{opacity:.42}
}

/* REC 0004 exact-motion pass — procedural dotted C-ribbons reconstructed from the supplied video.
   The older SVG orbit experiment is disabled so no competing line/ribbon geometry remains. */
.home-page[data-design-pass="v2.5"] .lm-orbit-svg{
  display:none!important;
}
.home-page[data-design-pass="v2.5"] .lm-ref-particle-bg{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:1;
}
.home-page[data-design-pass="v2.5"] .lm-hero-copy, .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
  z-index:5;
}
@media (prefers-reduced-motion:reduce){
  .home-page[data-design-pass="v2.5"] .lm-ref-particle-bg{opacity:.72}
}

/* REC 0004 FINAL FRAME-DERIVED BACKGROUND
   The moving dot geometry is extracted from the user's supplied video frames,
   then stored locally as a transparent animated WebP. No external dependency. */
.home-page[data-design-pass="v2.5"] .lm-orbit-svg{display:none!important}
.home-page[data-design-pass="v2.5"] .lm-ref-particle-bg{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:top center!important;
  pointer-events:none!important;
  user-select:none!important;
  mix-blend-mode:screen!important;
  opacity:1!important;
  filter:none!important;
}
.home-page[data-design-pass="v2.5"] .lm-hero-copy, .home-page[data-design-pass="v2.5"] .lm-hero-marquee{z-index:5!important}
@media (max-width:560px){
  .home-page[data-design-pass="v2.5"] .lm-ref-particle-bg{
    width:150%!important;
    left:-25%!important;
    max-width:none!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .home-page[data-design-pass="v2.5"] .lm-ref-particle-bg{opacity:.72!important}
}

/* REC 0004 LIGHT-RIBBON VIDEO OVERRIDE — frame-derived from the supplied reference video. */
.home-page[data-design-pass="v2.5"] video.lm-ref-particle-bg{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  z-index:1!important;
  object-fit:contain!important;
  object-position:top center!important;
  pointer-events:none!important;
  user-select:none!important;
  mix-blend-mode:screen!important;
  opacity:1!important;
  filter:none!important;
}
@media (max-width:560px){
  .home-page[data-design-pass="v2.5"] video.lm-ref-particle-bg{
    width:150%!important;
    left:-25%!important;
  }
}

/* REC 0004 optical calibration: reference keeps the ribbon bloom narrow;
   the discrete dot grid remains the dominant animated element. */
.home-page[data-design-pass="v2.5"] video.lm-ref-particle-glow{
  opacity:.36!important;
  filter:saturate(1.08)!important;
}
.home-page[data-design-pass="v2.5"] canvas.lm-ref-particle-dots{
  opacity:.92!important;
}

/* REC 0004 — definitive frame-derived particle playback.
   Black in the local MP4 disappears through screen blending; the same timeline is
   duplicated once to create the moving soft bloom seen around the reference dots. */
.home-page[data-design-pass="v2.5"] .lm-orbit-svg{display:none!important}
.home-page[data-design-pass="v2.5"] video.lm-ref-particle-bg{
  position:absolute!important;
  inset:0 auto auto 0!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  z-index:1!important;
  object-fit:contain!important;
  object-position:top center!important;
  pointer-events:none!important;
  user-select:none!important;
  mix-blend-mode:screen!important;
  background:transparent!important;
}
.home-page[data-design-pass="v2.5"] video.lm-ref-particle-dots{
  opacity:.98!important;
  filter:saturate(1.08) brightness(1.04)!important;
}
.home-page[data-design-pass="v2.5"] video.lm-ref-particle-glow{
  opacity:.76!important;
  filter:blur(15px) saturate(1.16) brightness(1.12)!important;
  transform:scale(1.015)!important;
  transform-origin:50% 36%!important;
}
.home-page[data-design-pass="v2.5"] .lm-hero-copy, .home-page[data-design-pass="v2.5"] .lm-hero-marquee{z-index:5!important}
@media (max-width:560px){
  .home-page[data-design-pass="v2.5"] video.lm-ref-particle-bg{
    width:150%!important;
    left:-25%!important;
  }
  .home-page[data-design-pass="v2.5"] video.lm-ref-particle-glow{filter:blur(10px) saturate(1.14) brightness(1.08)!important}
}
@media (prefers-reduced-motion:reduce){
  .home-page[data-design-pass="v2.5"] video.lm-ref-particle-bg{animation:none!important}
}

/* REC 0004 static field calibration — matches the supplied video's dark navy crown,
   electric-blue side walls, pink horizon and pale lower field. */
.home-page[data-design-pass="v2.5"] .lm-hero{
  background:
    radial-gradient(ellipse 13% 30% at -2% 58%,rgba(255,250,255,.98) 0%,rgba(255,218,250,.94) 17%,rgba(242,153,253,.78) 36%,rgba(163,87,246,.48) 58%,rgba(74,63,231,.18) 78%,transparent 100%),
    radial-gradient(ellipse 13% 30% at 102% 58%,rgba(255,250,255,.98) 0%,rgba(255,218,250,.94) 17%,rgba(242,153,253,.78) 36%,rgba(163,87,246,.48) 58%,rgba(74,63,231,.18) 78%,transparent 100%),
    radial-gradient(ellipse 28% 66% at -5% 35%,rgba(55,66,255,.92) 0%,rgba(49,53,236,.68) 31%,rgba(48,42,198,.38) 54%,rgba(46,37,151,.13) 72%,transparent 84%),
    radial-gradient(ellipse 28% 66% at 105% 35%,rgba(55,66,255,.90) 0%,rgba(49,53,236,.66) 31%,rgba(48,42,198,.36) 54%,rgba(46,37,151,.13) 72%,transparent 84%),
    radial-gradient(ellipse 96% 27% at 50% 69%,rgba(221,105,245,.55) 0%,rgba(159,75,226,.33) 43%,transparent 76%),
    linear-gradient(180deg,#090f31 0%,#0a1034 19%,#0d123f 34%,#12134f 43%,#1c176d 50%,#30229d 59%,#7d48c2 68%,#bd79d5 76%,#dda9df 84%,#efcedf 91%,#f0efea 100%)!important;
}
.home-page[data-design-pass="v2.5"] .lm-hero::after{
  background:radial-gradient(ellipse 78% 42% at 50% 30%,rgba(255,244,252,.20) 0%,rgba(255,195,244,.26) 20%,rgba(222,132,240,.20) 42%,transparent 76%)!important;
  opacity:.74!important;
}
.home-page[data-design-pass="v2.5"] video.lm-ref-particle-dots{
  opacity:.84!important;
  filter:saturate(1.55) brightness(.96)!important;
}
.home-page[data-design-pass="v2.5"] video.lm-ref-particle-glow{
  opacity:.43!important;
  filter:blur(13px) saturate(1.7) brightness(.96)!important;
}

/* REC 0004 final optical color match: retain the electric-blue/violet particle hue
   visible in the supplied recording instead of allowing the bloom to wash it gray. */
.home-page[data-design-pass="v2.5"] video.lm-ref-particle-dots{
  opacity:.86!important;
  filter:saturate(2.1) brightness(.96)!important;
}
.home-page[data-design-pass="v2.5"] video.lm-ref-particle-glow{
  opacity:.50!important;
  filter:blur(13px) saturate(2.2) brightness(.98)!important;
}

/* MODERN LIGHTWEIGHT HERO BACKGROUND — replaces the heavy reference-video pass.
   Focused around the rotating photo wheel with animated ribbons, glows and sparks. */
.home-page[data-design-pass="v2.5"] .lm-ref-particle-bg, .home-page[data-design-pass="v2.5"] video.lm-ref-particle-bg, .home-page[data-design-pass="v2.5"] canvas.lm-ref-particle-dots{display:none !important;}
.home-page[data-design-pass="v2.5"] .lm-orbit-svg{display:none !important;}
.home-page[data-design-pass="v2.5"] .lm-modern-hero-bg{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;isolation:isolate;}
.home-page[data-design-pass="v2.5"] .lm-modern-ribbons{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.home-page[data-design-pass="v2.5"] .lm-ribbon{fill:none;stroke-linecap:round;stroke-width:2.75;stroke-dasharray:1 18 1 22;opacity:.85;filter:url(#lmRibbonGlow);animation:lmRibbonFlow 26s linear infinite,lmRibbonBreathe 7.6s ease-in-out infinite;}
.home-page[data-design-pass="v2.5"] .lm-ribbon-soft{stroke-width:16;opacity:.18;stroke-dasharray:none;filter:url(#lmRibbonSoft);animation:lmSoftDrift 9s ease-in-out infinite alternate;}
.home-page[data-design-pass="v2.5"] .lm-ribbon-b, .home-page[data-design-pass="v2.5"] .lm-ribbon-d{animation-duration:30s,8.4s;animation-delay:-4s,-1.5s;}
.home-page[data-design-pass="v2.5"] .lm-ribbon-c{animation-duration:24s,6.8s;animation-delay:-11s,-2.2s;opacity:.66;}
.home-page[data-design-pass="v2.5"] .lm-ribbon-d{opacity:.52;}
.home-page[data-design-pass="v2.5"] .lm-modern-glow{position:absolute;border-radius:50%;filter:blur(22px);mix-blend-mode:screen;opacity:.6;animation:lmHeroGlowPulse 9s ease-in-out infinite;}
.home-page[data-design-pass="v2.5"] .lm-glow-left{width:280px;height:280px;left:-4%;top:31%;background:radial-gradient(circle, rgba(95,150,255,.68) 0%, rgba(84,86,255,.38) 45%, rgba(71,47,201,.08) 72%, transparent 100%);}
.home-page[data-design-pass="v2.5"] .lm-glow-right{width:292px;height:292px;right:-5%;top:29%;background:radial-gradient(circle, rgba(95,150,255,.7) 0%, rgba(94,88,255,.42) 46%, rgba(72,46,190,.1) 72%, transparent 100%);animation-delay:-3.4s;}
.home-page[data-design-pass="v2.5"] .lm-glow-bottom{width:520px;height:170px;left:50%;bottom:9%;transform:translateX(-50%);border-radius:999px;filter:blur(26px);background:radial-gradient(ellipse at center, rgba(255,174,237,.42) 0%, rgba(201,119,241,.24) 48%, transparent 78%);animation-delay:-1.8s;}
.home-page[data-design-pass="v2.5"] .lm-glow-center{width:180px;height:180px;left:50%;top:46%;transform:translateX(-50%);background:radial-gradient(circle, rgba(255,255,255,.18) 0%, rgba(198,143,255,.16) 42%, transparent 72%);filter:blur(18px);animation-duration:6.8s;}
.home-page[data-design-pass="v2.5"] .lm-modern-sparks{position:absolute;inset:0;}
.home-page[data-design-pass="v2.5"] .lm-modern-spark{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(144,202,255,.95) 28%, rgba(118,121,255,.84) 62%, rgba(236,165,255,.4) 100%);box-shadow:0 0 10px rgba(117,164,255,.75), 0 0 24px rgba(222,158,255,.32);opacity:.78;animation:lmSparkFloat 8.8s ease-in-out infinite;animation-delay:var(--delay);}
.home-page[data-design-pass="v2.5"] .lm-modern-spark::after{content:"";position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle, rgba(153,198,255,.28) 0%, rgba(169,129,255,.18) 44%, transparent 74%);}
.home-page[data-design-pass="v2.5"] .lm-hero-copy, .home-page[data-design-pass="v2.5"] .lm-hero-marquee{position:relative;z-index:5 !important;}
.home-page[data-design-pass="v2.5"] .lm-hero-marquee{filter:drop-shadow(0 28px 58px rgba(19,23,69,.24));}
.home-page[data-design-pass="v2.5"] .lm-hero{overflow:hidden;}
@keyframes lmRibbonFlow{from{stroke-dashoffset:0;}to{stroke-dashoffset:-560;}}
@keyframes lmRibbonBreathe{0%, 100%{opacity:.56;transform:translateY(0) scale(1);}50%{opacity:.92;transform:translateY(-5px) scale(1.01);}}
@keyframes lmSoftDrift{0%{opacity:.12;transform:translateY(8px) scale(.985);}50%{opacity:.22;}100%{opacity:.18;transform:translateY(-10px) scale(1.015);}}
@keyframes lmHeroGlowPulse{0%, 100%{opacity:.36;transform:translate3d(0,0,0) scale(.96);}50%{opacity:.78;transform:translate3d(0,-8px,0) scale(1.07);}}
@keyframes lmSparkFloat{0%, 100%{transform:translate3d(0,0,0) scale(.82);opacity:.34;}30%{transform:translate3d(5px,-10px,0) scale(1);opacity:.88;}55%{transform:translate3d(-3px,8px,0) scale(1.16);opacity:.94;}80%{transform:translate3d(7px,-6px,0) scale(.96);opacity:.54;}}
@media (max-width: 900px){.home-page[data-design-pass="v2.5"] .lm-glow-left, .home-page[data-design-pass="v2.5"] .lm-glow-right{width:220px;height:220px;top:36%;}.home-page[data-design-pass="v2.5"] .lm-glow-bottom{width:340px;height:132px;bottom:18%;}.home-page[data-design-pass="v2.5"] .lm-ribbon{stroke-width:2.2;stroke-dasharray:1 15 1 20;}.home-page[data-design-pass="v2.5"] .lm-ribbon-soft{stroke-width:12;}}
@media (max-width: 560px){.home-page[data-design-pass="v2.5"] .lm-modern-hero-bg{inset:6% -12% 0 -12%;}.home-page[data-design-pass="v2.5"] .lm-glow-left{left:-18%;top:41%;width:160px;height:160px;}.home-page[data-design-pass="v2.5"] .lm-glow-right{right:-18%;top:41%;width:160px;height:160px;}.home-page[data-design-pass="v2.5"] .lm-glow-bottom{width:220px;height:110px;bottom:26%;}.home-page[data-design-pass="v2.5"] .lm-glow-center{width:120px;height:120px;top:50%;}.home-page[data-design-pass="v2.5"] .lm-ribbon{stroke-width:1.7;stroke-dasharray:1 12 1 16;opacity:.72;}.home-page[data-design-pass="v2.5"] .lm-ribbon-soft{stroke-width:9;opacity:.12;}.home-page[data-design-pass="v2.5"] .lm-modern-spark{box-shadow:0 0 8px rgba(117,164,255,.7), 0 0 18px rgba(222,158,255,.24);}}
@media (prefers-reduced-motion: reduce){.home-page[data-design-pass="v2.5"] .lm-ribbon, .home-page[data-design-pass="v2.5"] .lm-ribbon-soft, .home-page[data-design-pass="v2.5"] .lm-modern-glow, .home-page[data-design-pass="v2.5"] .lm-modern-spark{animation:none !important;}.home-page[data-design-pass="v2.5"] .lm-modern-glow{opacity:.52;}.home-page[data-design-pass="v2.5"] .lm-modern-spark{opacity:.7;}}

/* HERO AMBIENT POLISH — quieter, slower, and focused around the rotating imagery. */
.home-page[data-design-pass="v2.5"] .lm-modern-hero-bg{
  --parallax-x:0px;
  --parallax-y:0px;
  transform:translate3d(var(--parallax-x),var(--parallax-y),0) scale(1.018);
  transform-origin:50% 58%;
  transition:filter .35s ease;
}
.home-page[data-design-pass="v2.5"] .lm-modern-ribbons{opacity:.9;}
.home-page[data-design-pass="v2.5"] .lm-ribbon{
  stroke-width:2.15;
  stroke-dasharray:1 20 1 28;
  opacity:.58;
  animation-duration:38s,11s;
}
.home-page[data-design-pass="v2.5"] .lm-ribbon-soft{
  stroke-width:13;
  opacity:.11;
  animation-duration:13s;
}
.home-page[data-design-pass="v2.5"] .lm-ribbon-b{animation-duration:44s,12.5s;animation-delay:-13s,-4s;}
.home-page[data-design-pass="v2.5"] .lm-ribbon-c{animation-duration:34s,10.5s;animation-delay:-19s,-6s;opacity:.42;}
.home-page[data-design-pass="v2.5"] .lm-ribbon-d{display:none;}
.home-page[data-design-pass="v2.5"] .lm-modern-aura{
  position:absolute;
  left:50%;
  top:59%;
  width:620px;
  height:260px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  opacity:.34;
  mix-blend-mode:screen;
  filter:blur(30px);
  background:conic-gradient(from 25deg,transparent 0 12%,rgba(94,139,255,.24) 20%,rgba(137,103,255,.3) 33%,transparent 47%,rgba(245,160,255,.24) 61%,transparent 76%,rgba(88,180,255,.18) 89%,transparent 100%);
  animation:lmAuraOrbit 24s linear infinite;
}
.home-page[data-design-pass="v2.5"] .lm-aura-b{
  width:500px;
  height:210px;
  opacity:.2;
  filter:blur(38px);
  animation-duration:31s;
  animation-direction:reverse;
  animation-delay:-9s;
}
.home-page[data-design-pass="v2.5"] .lm-modern-glow{filter:blur(28px);opacity:.44;animation-duration:12s;}
.home-page[data-design-pass="v2.5"] .lm-glow-left{width:235px;height:235px;left:2%;top:39%;background:radial-gradient(circle,rgba(94,174,255,.44) 0%,rgba(91,100,255,.26) 46%,transparent 76%);}
.home-page[data-design-pass="v2.5"] .lm-glow-right{width:245px;height:245px;right:1%;top:37%;background:radial-gradient(circle,rgba(101,174,255,.46) 0%,rgba(102,92,255,.28) 46%,transparent 76%);animation-delay:-4.5s;}
.home-page[data-design-pass="v2.5"] .lm-glow-bottom{width:470px;height:142px;bottom:14%;opacity:.38;background:radial-gradient(ellipse at center,rgba(255,177,236,.34) 0%,rgba(204,119,242,.17) 50%,transparent 80%);animation-delay:-2.2s;}
.home-page[data-design-pass="v2.5"] .lm-glow-center{width:150px;height:150px;top:53%;opacity:.28;filter:blur(24px);animation-duration:9.5s;}
.home-page[data-design-pass="v2.5"] .lm-modern-spark{
  opacity:.58;
  box-shadow:0 0 8px rgba(120,174,255,.58),0 0 18px rgba(220,160,255,.2);
  animation-duration:11.5s;
}
.home-page[data-design-pass="v2.5"] .lm-modern-spark::after{inset:-5px;opacity:.72;}
.home-page[data-design-pass="v2.5"] .lm-hero-marquee{filter:drop-shadow(0 28px 48px rgba(22,26,75,.2));}

@keyframes lmAuraOrbit{
  from{transform:translate(-50%,-50%) rotate(0deg) scale(.98);}
  50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.035);}
  to{transform:translate(-50%,-50%) rotate(360deg) scale(.98);}
}

@media (max-width:900px){
  .home-page[data-design-pass="v2.5"] .lm-modern-aura{width:450px;height:210px;top:63%;}
  .home-page[data-design-pass="v2.5"] .lm-aura-b{width:360px;height:170px;}
  .home-page[data-design-pass="v2.5"] .lm-ribbon{stroke-width:1.8;stroke-dasharray:1 17 1 24;}
}
@media (max-width:560px){
  .home-page[data-design-pass="v2.5"] .lm-modern-aura{width:280px;height:150px;top:68%;opacity:.26;}
  .home-page[data-design-pass="v2.5"] .lm-aura-b{width:240px;height:120px;opacity:.16;}
  .home-page[data-design-pass="v2.5"] .lm-modern-spark:nth-child(n/**/+9){display:none;}
  .home-page[data-design-pass="v2.5"] .lm-ribbon{opacity:.48;}
}
@media (prefers-reduced-motion:reduce){
  .home-page[data-design-pass="v2.5"] .lm-modern-hero-bg{transform:none;}
  .home-page[data-design-pass="v2.5"] .lm-modern-aura{animation:none !important;opacity:.22;}
}

/* ROTATING HERO PHOTOS — lower placement requested by user.
   Keep the carousel geometry/animation unchanged; only reduce the gap above the Benefits section. */
@media (min-width:761px){
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
    bottom:-15px !important;
  }
}
@media (max-width:760px){
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
    bottom:-20px !important;
  }
}

/* HERO PHOTO WHEEL — stronger downward repositioning per user feedback.
   Move only the rotating photo group closer to the Benefits box. */
@media (min-width: 761px){
  .home-page[data-design-pass="v2.5"] .lm-hero{
    min-height: 650px !important;
    padding-bottom: 8px !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
    bottom: -68px !important;
  }
}
@media (max-width: 760px){
  .home-page[data-design-pass="v2.5"] .lm-hero{
    min-height: 445px !important;
    padding-bottom: 4px !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
    bottom: -22px !important;
  }
}

/* FINAL HERO WHEEL POSITION FIX — align the rotating cards themselves to the bottom
   of the Hero, instead of only moving their outer container. */
@media (min-width:761px){
  .home-page[data-design-pass="v2.5"] .lm-hero{
    min-height:650px !important;
    padding-bottom:0 !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
    height:398px !important;
    bottom:0 !important;
    overflow:hidden !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track{
    inset:0 !important;
    height:100% !important;
    padding:0 0 8px !important;
    align-items:flex-end !important;
    justify-content:center !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
    align-self:flex-end !important;
    margin-bottom:0 !important;
  }
}
@media (max-width:760px){
  .home-page[data-design-pass="v2.5"] .lm-hero{
    min-height:445px !important;
    padding-bottom:0 !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
    height:202px !important;
    bottom:0 !important;
    overflow:hidden !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track{
    inset:0 !important;
    height:100% !important;
    padding:0 0 6px !important;
    align-items:flex-end !important;
    justify-content:center !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
    align-self:flex-end !important;
    margin-bottom:0 !important;
  }
}

/* HERO PHOTO WHEEL — verified positional lock.
   IMPORTANT: .lm-hero-marquee had been reset to position:relative by the ambient
   background pass, which kept the cards at the top of the Hero. Restore absolute
   positioning and anchor the actual card row just above the Benefits section. */
@media (min-width:761px){
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:20px !important;
    height:398px !important;
    overflow:hidden !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track{
    position:absolute !important;
    inset:0 !important;
    height:100% !important;
    padding:0 0 8px !important;
    align-items:flex-end !important;
    justify-content:center !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
    align-self:flex-end !important;
    margin:0 !important;
  }
}
@media (max-width:760px){
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:12px !important;
    height:202px !important;
    overflow:hidden !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track{
    position:absolute !important;
    inset:0 !important;
    height:100% !important;
    padding:0 0 6px !important;
    align-items:flex-end !important;
    justify-content:center !important;
  }
  .home-page[data-design-pass="v2.5"] .lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
    align-self:flex-end !important;
    margin:0 !important;
  }
}


/* SOURCE css/header-top-match.css */
/* Homepage header top-state color match.
   At scrollY <= 16, the header surface is fully transparent so the exact Hero
   background underneath is visible through it. The scrolled state retains the
   existing solid header treatment for legibility. */
body.home-page .site-header.service-header:not(.is-scrolled){
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.home-page .site-header.service-header.is-scrolled{
  background:#605f5d !important;
  background-color:#605f5d !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 10px 30px rgba(20,20,20,.12) !important;
  backdrop-filter:blur(20px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(135%) !important;
}

/* Keep navigation readable on the dark Hero while the header surface itself is invisible. */
body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-link, body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-dropdown-trigger, body.home-page .site-header.service-header:not(.is-scrolled) .menu-toggle{
  color:rgba(255,255,255,.78) !important;
}

body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-link:hover, body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-link.is-active, body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-dropdown-trigger:hover, body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-dropdown-trigger[aria-expanded="true"]{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
}

/* Defensive reset: no nested header surface may paint a different top-state color. */
body.home-page .site-header.service-header:not(.is-scrolled) .header-inner{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}


/* SOURCE css/site-v4.css */
/* =========================================================
   iBlogger V4 — unified frontend redesign layer
   Keeps backend/API hooks intact while replacing presentation.
   ========================================================= */

:root{
  --v4-bg:#f4f5fb;
  --v4-surface:#ffffff;
  --v4-ink:#13162f;
  --v4-muted:#6f7694;
  --v4-line:rgba(38,44,92,.10);
  --v4-navy:#080b22;
  --v4-navy-2:#111640;
  --v4-blue:#696cff;
  --v4-blue-2:#8798ff;
  --v4-pink:#e790e7;
  --v4-lilac:#c6b1ff;
  --v4-radius-xl:40px;
  --v4-radius-lg:28px;
  --v4-radius-md:20px;
  --v4-shadow:0 24px 70px rgba(39,46,108,.11);
  --v4-shadow-soft:0 14px 38px rgba(39,46,108,.08);
}

html{scroll-behavior:smooth}
body.v4-page{background:var(--v4-bg);color:var(--v4-ink);overflow-x:hidden}
body.v4-page main{overflow:hidden}
body.v4-page .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}

/* ---------- shared header ---------- */
body.v4-page .site-header{
  position:fixed!important;
  top:16px!important;
  left:0!important;
  right:0!important;
  z-index:100!important;
  width:100%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:transform .3s ease,opacity .3s ease!important;
}
body.v4-page .site-header .header-inner{
  min-height:62px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  background:rgba(7,9,26,.88)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 44px rgba(4,7,25,.24)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
body.v4-page.home-page .site-header:not(.is-scrolled) .header-inner{
  background:rgba(7,9,26,.78)!important;
}
body.v4-page .brand{color:#fff!important}
body.v4-page .desktop-nav{gap:3px!important}
body.v4-page .desktop-nav .nav-link, body.v4-page .desktop-nav .nav-dropdown-trigger{
  min-height:40px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:.77rem!important;
  font-weight:750!important;
  transition:.2s ease!important;
}
body.v4-page .desktop-nav .nav-link:hover, body.v4-page .desktop-nav .nav-link.is-active, body.v4-page .desktop-nav .nav-dropdown-trigger:hover{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}
body.v4-page .service-account{gap:7px!important}
body.v4-page .service-account .button, body.v4-page .site-header .button{
  min-height:40px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  font-size:.76rem!important;
  font-weight:850!important;
}
body.v4-page .site-header .button-primary{
  background:#fff!important;
  color:#0d1028!important;
  border-color:#fff!important;
}
body.v4-page .site-header .button-ghost{
  background:transparent!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.20)!important;
}
body.v4-page .site-header .icon-button{
  width:40px!important;height:40px!important;border-radius:50%!important;
  color:#fff!important;background:transparent!important;border:1px solid rgba(255,255,255,.16)!important;
}
body.v4-page .site-header .site-logo-image{max-width:128px!important;height:34px!important}
body.v4-page .site-header .logo-light{display:block!important}

body.v4-page .nav-dropdown-menu{
  border-radius:20px!important;
  background:rgba(13,16,43,.97)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 22px 54px rgba(3,5,20,.35)!important;
  backdrop-filter:blur(18px)!important;
}
body.v4-page .nav-dropdown-menu a{color:#fff!important;border-radius:14px!important}
body.v4-page .nav-dropdown-menu a:hover{background:rgba(255,255,255,.07)!important}
body.v4-page .nav-dropdown-menu small{color:rgba(255,255,255,.54)!important}

/* ---------- shared buttons/text ---------- */
.v4-btn{
  min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 20px;border-radius:999px;text-decoration:none;font-size:.86rem;font-weight:900;
  border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.v4-btn:hover{transform:translateY(-2px)}
.v4-btn-light{background:#fff;color:#151832;border-color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.13)}
.v4-btn-glass{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.20);backdrop-filter:blur(12px)}
.v4-btn-dark{background:#11152f;color:#fff;border-color:#11152f;box-shadow:0 14px 30px rgba(17,21,47,.18)}
.v4-btn-primary{background:linear-gradient(135deg,#666cff,#866ff5);color:#fff!important;border:0;box-shadow:0 15px 30px rgba(95,99,239,.22)}
.v4-text-link{display:inline-flex;gap:8px;align-items:center;color:#4650bd;font-weight:900;text-decoration:none}
.v4-text-button{border:0;background:transparent;color:#4d56bd;font-weight:850;cursor:pointer;padding:7px 4px}
.v4-section-kicker{display:inline-flex;margin-bottom:12px;color:#6971d8;font-size:.72rem;font-weight:950;letter-spacing:.04em}
.v4-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);font-size:.72rem;font-weight:850}
.v4-eyebrow i{width:7px;height:7px;border-radius:50%;background:#9ac8ff;box-shadow:0 0 0 5px rgba(154,200,255,.12)}

/* ---------- home hero ---------- */
body.v4-page .v4-home-hero.lm-hero{
  position:relative!important;
  min-height:760px!important;
  padding:132px 0 0!important;
  background:
    radial-gradient(circle at 8% 60%,rgba(99,84,255,.74),transparent 24%),
    radial-gradient(circle at 93% 56%,rgba(100,81,255,.72),transparent 25%),
    radial-gradient(ellipse at 50% 91%,rgba(238,160,231,.66),transparent 35%),
    linear-gradient(180deg,#080b24 0%,#0c1031 38%,#262372 64%,#9c66c2 82%,#e8c8df 100%)!important;
  overflow:hidden!important;
  isolation:isolate;
}
body.v4-page .v4-home-hero::before{
  content:"";position:absolute;inset:0;z-index:0;opacity:.32;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,255,255,.72) 1px,transparent 1.5px);
  background-size:34px 34px;mask-image:linear-gradient(180deg,transparent 2%,#000 28%,#000 70%,transparent 94%);
}
body.v4-page .v4-home-hero::after{content:none!important}
.v4-hero-aurora span{position:absolute;border-radius:50%;filter:blur(42px);mix-blend-mode:screen;opacity:.34;animation:v4Float 10s ease-in-out infinite alternate}
.v4-hero-aurora span:nth-child(1){width:240px;height:240px;left:-40px;top:310px;background:#5e75ff}
.v4-hero-aurora span:nth-child(2){width:280px;height:280px;right:-60px;top:300px;background:#695fff;animation-delay:-3s}
.v4-hero-aurora span:nth-child(3){width:440px;height:140px;left:50%;bottom:90px;transform:translateX(-50%);background:#e38fda;animation-delay:-1s}
@keyframes v4Float{to{transform:translate3d(0,-14px,0) scale(1.06);opacity:.5}}
.v4-hero-shell{position:relative;z-index:4;display:flex;justify-content:center;text-align:center}
.v4-hero-copy{width:min(720px,100%)}
.v4-hero-copy h1{margin:20px 0 18px;color:#fff;font-size:clamp(3rem,5.7vw,5.65rem);line-height:.95;letter-spacing:-.065em;font-weight:800}
.v4-hero-copy h1 em{font-family:Georgia,serif;font-weight:500;color:#ead8ff}
.v4-hero-copy>p{max-width:600px;margin:0 auto;color:rgba(255,255,255,.72);font-size:1rem;line-height:2}
.v4-hero-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}
.v4-hero-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}
.v4-hero-chips span{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.62);font-size:.68rem}

/* photo wheel: keep rotation, deliberately near Benefits edge */
body.v4-page .v4-home-hero .lm-modern-hero-bg{z-index:1!important;opacity:.74}
body.v4-page .v4-photo-wheel.lm-hero-marquee{
  position:absolute!important;left:0!important;right:0!important;bottom:4px!important;height:310px!important;z-index:5!important;
  overflow:hidden!important;padding:0!important;filter:drop-shadow(0 22px 40px rgba(8,10,35,.17))!important;
}
body.v4-page .v4-photo-wheel .lm-marquee-track{
  position:absolute!important;inset:0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;
  margin:0!important;padding:0 0 6px!important;perspective:900px!important;overflow:visible!important;transform:none!important;animation:none!important;
}
body.v4-page .v4-photo-wheel .lm-wheel-set{
  position:relative!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:28px!important;
  width:max-content!important;height:285px!important;margin:0!important;padding:0!important;transform-style:preserve-3d!important;
  rotate:y 0deg;animation:v4PhotoWheelFullTurn 50s linear infinite!important;
}
body.v4-page .v4-photo-wheel .lm-tile{
  position:relative!important;inset:auto!important;margin:0!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;
  offset-path:none!important;animation:none!important;overflow:hidden!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 18px 45px rgba(5,7,28,.17)!important;backface-visibility:visible!important;
}
body.v4-page .v4-photo-wheel .lm-tile img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
body.v4-page .v4-photo-wheel .lm-wheel-rose{width:120px!important;height:260px!important}
body.v4-page .v4-photo-wheel .lm-wheel-portrait{width:190px!important;height:274px!important}
body.v4-page .v4-photo-wheel .lm-wheel-water{width:230px!important;height:280px!important}
body.v4-page .v4-photo-wheel .lm-wheel-group{width:190px!important;height:276px!important}
body.v4-page .v4-photo-wheel .lm-wheel-redhead{width:120px!important;height:265px!important}

/* ---------- shared section shells ---------- */
.v4-section{padding:82px 0}
.v4-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.v4-section-head h2, .v4-creators-head h2, .v4-faq h2{margin:0;color:var(--v4-ink);font-size:clamp(2rem,3.4vw,3.55rem);line-height:1.06;letter-spacing:-.055em}
.v4-section-head>p{max-width:440px;margin:0;color:var(--v4-muted);font-size:.9rem;line-height:1.9}

.v4-benefit-intro{padding-top:26px;background:#f4f5fb}
.v4-split-card{display:grid;grid-template-columns:1fr .8fr;gap:52px;align-items:center;padding:28px 28px 28px 48px;border-radius:var(--v4-radius-xl);background:#fff;box-shadow:var(--v4-shadow);border:1px solid var(--v4-line)}
.v4-split-copy h2{margin:0 0 18px;font-size:clamp(2.35rem,4vw,4rem);line-height:1.05;letter-spacing:-.06em}
.v4-split-copy h2 em{font-family:Georgia,serif;color:#7566c9;font-weight:500}
.v4-split-copy p{max-width:620px;color:var(--v4-muted);line-height:2;font-size:.94rem}
.v4-split-visual{position:relative;height:420px;overflow:hidden;border-radius:30px;background:#e8e7f2}
.v4-split-visual>img{width:100%;height:100%;object-fit:cover}
.v4-floating-proof{position:absolute;right:18px;bottom:18px;left:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(11,13,34,.68);color:#fff;backdrop-filter:blur(14px)}
.v4-floating-proof small, .v4-floating-proof span{display:block;color:rgba(255,255,255,.62);font-size:.68rem}.v4-floating-proof strong{display:block;margin:3px 0;font-size:1.1rem}

.v4-services{background:linear-gradient(180deg,#f4f5fb 0%,#eceef7 100%)}
.v4-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v4-service-card{position:relative;display:block;padding:16px 16px 24px;border-radius:30px;background:#fff;border:1px solid var(--v4-line);box-shadow:var(--v4-shadow-soft);text-decoration:none;color:var(--v4-ink);overflow:hidden;transition:.28s ease}
.v4-service-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(39,46,108,.14)}
.v4-service-featured{background:#11152f;color:#fff}.v4-service-featured p{color:rgba(255,255,255,.62)!important}.v4-service-featured .v4-card-link{color:#c7c6ff}
.v4-service-no{position:absolute;top:26px;right:26px;z-index:2;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.88);color:#24294a;font-size:.68rem;font-weight:900}
.v4-service-media{height:270px;border-radius:22px;overflow:hidden;margin-bottom:20px}.v4-service-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.v4-service-card:hover img{transform:scale(1.04)}
.v4-service-card h3{margin:0 8px 8px;font-size:1.25rem}.v4-service-card p{margin:0 8px 16px;color:var(--v4-muted);font-size:.82rem;line-height:1.85}.v4-card-link{margin:0 8px;color:#5861c9;font-size:.78rem;font-weight:900}

.v4-creators{background:#fff}
.v4-creators-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.v4-creators-head p{margin:8px 0 0;color:var(--v4-muted);font-size:.85rem}
.v4-entity-switch{padding:5px;border:1px solid var(--v4-line);border-radius:999px;background:#f4f5fb}.v4-entity-switch .entity-switch-button{border:0;border-radius:999px;padding:10px 16px;background:transparent;color:#6a718e;font-weight:850}.v4-entity-switch .entity-switch-button.is-active{background:#171b3b;color:#fff;box-shadow:0 8px 20px rgba(23,27,59,.16)}
.v4-entity-status{margin:0 0 20px;color:#838aa5;font-size:.76rem}
.v4-entity-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body.v4-page .blogger-card{border-radius:26px!important;border:1px solid var(--v4-line)!important;background:#fff!important;box-shadow:var(--v4-shadow-soft)!important;overflow:hidden!important}
body.v4-page .blogger-card:hover{transform:translateY(-5px)!important;box-shadow:0 25px 52px rgba(39,46,108,.14)!important}

.v4-workflow{background:#10142e;color:#fff}
.v4-workflow-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:start}.v4-workflow-copy h2{margin:0 0 16px;font-size:clamp(2.2rem,3.6vw,3.8rem);line-height:1.03;letter-spacing:-.055em}.v4-workflow-copy p{color:rgba(255,255,255,.62);line-height:1.9}.v4-workflow .v4-section-kicker{color:#b5b9ff}
.v4-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.v4-steps article{padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(255,255,255,.05)}.v4-steps span{color:#b9bfff;font-size:.7rem;font-weight:900}.v4-steps h3{margin:12px 0 6px;font-size:1rem}.v4-steps p{margin:0;color:rgba(255,255,255,.55);font-size:.78rem;line-height:1.8}

.v4-add-creator{background:#eef0f8}.v4-add-shell{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:34px;padding:36px;border-radius:40px;background:linear-gradient(135deg,#e2e6ff,#f3e7f5);border:1px solid rgba(90,96,166,.08)}
.v4-add-collage{position:relative;height:360px;padding-inline:8px;overflow:hidden}.v4-add-collage img{position:absolute;width:112px;height:174px;object-fit:cover;object-position:center 15%;border-radius:24px;box-shadow:0 18px 40px rgba(33,40,98,.16);border:4px solid rgba(255,255,255,.84)}.v4-add-collage img:nth-child(1){right:2%;top:24%;transform:rotate(8deg)}.v4-add-collage img:nth-child(2){right:19.5%;top:4%;transform:rotate(-6deg)}.v4-add-collage img:nth-child(3){right:37%;top:24%;transform:rotate(4deg)}.v4-add-collage img:nth-child(4){right:54.5%;top:6%;transform:rotate(-8deg)}.v4-add-collage img:nth-child(5){right:72%;top:25%;transform:rotate(7deg)}
.v4-add-copy h2{margin:0 0 16px;font-size:clamp(2rem,3.4vw,3.45rem);line-height:1.05;letter-spacing:-.05em}.v4-add-copy p{color:#666f90;line-height:1.95;margin-bottom:20px}

.v4-faq{background:#fff}.v4-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:54px}.v4-faq-grid>div:first-child>p{color:var(--v4-muted);line-height:1.9}.v4-faq-list{display:grid;gap:10px}.v4-faq-list details{padding:18px 20px;border:1px solid var(--v4-line);border-radius:20px;background:#f8f9fd}.v4-faq-list summary{cursor:pointer;font-weight:900}.v4-faq-list p{margin:12px 0 0;color:var(--v4-muted);font-size:.82rem;line-height:1.9}
.v4-final-cta{padding-top:20px;background:#fff}.v4-final-shell{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 46px;border-radius:38px;background:linear-gradient(135deg,#11152f,#292d71);color:#fff;overflow:hidden;position:relative}.v4-final-shell::after{content:"";position:absolute;width:320px;height:320px;left:-100px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(146,132,255,.36),transparent 67%)}.v4-final-shell h2{margin:0 0 8px;font-size:clamp(2rem,3.2vw,3.3rem);line-height:1.08}.v4-final-shell p{margin:0;color:rgba(255,255,255,.62)}.v4-final-actions{display:flex;gap:10px;position:relative;z-index:2}

/* ---------- inner pages ---------- */
.v4-inner-main{background:#f4f5fb}
.v4-inner-hero{position:relative;min-height:610px;padding:148px 0 72px;color:#fff;background:radial-gradient(circle at 8% 74%,rgba(99,86,255,.52),transparent 26%),radial-gradient(circle at 93% 36%,rgba(126,91,255,.38),transparent 22%),linear-gradient(150deg,#090c25 0%,#101541 58%,#2b2875 100%);overflow:hidden}
.v4-inner-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.38) 1px,transparent 1.3px);background-size:38px 38px;opacity:.18;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 80%,transparent)}
.v4-inner-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-240px;top:60px;background:radial-gradient(circle,rgba(127,108,255,.33),transparent 68%);filter:blur(8px)}
.v4-inner-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center}
.v4-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:rgba(255,255,255,.52);font-size:.7rem}.v4-breadcrumb a{color:inherit;text-decoration:none}.v4-breadcrumb a:hover{color:#fff}
.v4-inner-hero h1{max-width:720px;margin:18px 0;font-size:clamp(2.8rem,4.8vw,5.1rem);line-height:.98;letter-spacing:-.06em}.v4-inner-hero p{max-width:650px;color:rgba(255,255,255,.66);font-size:.96rem;line-height:2}.v4-inner-hero .v4-hero-actions{justify-content:flex-start}
.v4-hero-art{position:relative;min-height:380px;display:grid;place-items:center}
.v4-photo-stack{position:relative;width:420px;height:350px}.v4-photo-stack img{position:absolute;width:180px;height:260px;object-fit:cover;border-radius:28px;border:1px solid rgba(255,255,255,.16);box-shadow:0 26px 60px rgba(0,0,0,.28)}.v4-photo-stack img:nth-child(1){right:12px;top:58px;transform:rotate(8deg)}.v4-photo-stack img:nth-child(2){right:120px;top:10px;z-index:2}.v4-photo-stack img:nth-child(3){right:232px;top:72px;transform:rotate(-8deg)}
.v4-art-note{position:absolute;bottom:6px;right:34px;padding:15px 17px;border-radius:18px;background:rgba(9,12,36,.72);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}.v4-art-note small{display:block;color:rgba(255,255,255,.5);font-size:.65rem}.v4-art-note strong{font-size:.84rem}

.v4-panel{padding:28px;border:1px solid var(--v4-line);border-radius:30px;background:#fff;box-shadow:var(--v4-shadow-soft)}
.v4-panel-head{margin-bottom:22px}.v4-panel-head h2{margin:0 0 6px;font-size:1.55rem;letter-spacing:-.03em}.v4-panel-head p{margin:0;color:var(--v4-muted);font-size:.8rem;line-height:1.8}.v4-panel-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.v4-panel-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:16px;border-radius:14px;background:#eef0ff;color:#5762ce;font-size:1.2rem;font-weight:900}.v4-status-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef0ff;color:#5962cd;font-size:.68rem;font-weight:900}
.v4-form input, .v4-form select, .v4-form textarea, .v4-submission-grid input, .v4-submission-grid select, .v4-submission-grid textarea, .v4-filter-bar input, .v4-filter-bar select{border:1px solid rgba(92,103,166,.14)!important;border-radius:15px!important;background:#f8f9fd!important;color:#222846!important;box-shadow:none!important}.v4-form input:focus, .v4-form select:focus, .v4-form textarea:focus, .v4-submission-grid input:focus, .v4-submission-grid select:focus, .v4-submission-grid textarea:focus, .v4-filter-bar input:focus, .v4-filter-bar select:focus{border-color:#7d86ec!important;box-shadow:0 0 0 4px rgba(125,134,236,.10)!important;outline:0!important}.v4-form textarea, .v4-submission-grid textarea{min-height:120px!important}.v4-form-submit{width:100%}
.v4-notice{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(95,105,182,.11);border-radius:18px;background:#eceefa;color:#606a8c}.v4-notice>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#fff;color:#5861c9;font-weight:900}.v4-notice p{margin:0;font-size:.78rem;line-height:1.85}.v4-notice strong{color:#29304f}
.v4-info-box{display:grid;gap:4px;margin-top:18px;padding:14px 15px;border-radius:16px;background:#f2f4fb}.v4-info-box strong{font-size:.78rem}.v4-info-box span{color:var(--v4-muted);font-size:.72rem;line-height:1.7}

/* add blogger */
.v4-submission-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.v4-segmented{padding:5px!important;border:1px solid var(--v4-line);border-radius:16px;background:#f2f4fb!important}.v4-segmented label{border-radius:12px!important}.v4-track-panel{position:sticky;top:104px}.v4-track-search{display:grid;grid-template-columns:1fr auto;gap:8px}.v4-track-search input{min-height:48px;padding:10px 14px}.request-item{border-radius:17px!important;border-color:var(--v4-line)!important;background:#f8f9fd!important}

/* opportunities */
.v4-campaign-art{grid-template-columns:1fr .62fr;gap:12px}.v4-campaign-art>img{width:220px;height:330px;object-fit:cover;border-radius:28px;box-shadow:0 28px 60px rgba(0,0,0,.27)}.v4-campaign-card{padding:24px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}.v4-campaign-card>span{color:#afb8ff;font-size:.68rem;font-weight:900}.v4-campaign-card strong{display:block;margin:12px 0 8px;font-size:1.35rem;line-height:1.3}.v4-campaign-card p{font-size:.78rem;line-height:1.8}.v4-campaign-card div{display:flex;gap:7px;flex-wrap:wrap}.v4-campaign-card b{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.64rem}
.v4-filter-bar{display:grid!important;grid-template-columns:1.5fr .8fr .8fr auto!important;gap:10px!important;align-items:end!important;padding:14px!important;border-radius:20px!important;background:#f4f5fb!important}.v4-check{min-height:46px;padding:10px 12px;border-radius:14px;background:#fff}.v4-results-line{padding:14px 2px 10px!important;color:#7d849e!important}.v4-opportunity-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.opportunity-card{border-radius:22px!important;border:1px solid var(--v4-line)!important;background:#fff!important;box-shadow:0 12px 28px rgba(39,46,108,.06)!important;padding:20px!important}.opportunity-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(39,46,108,.11)!important}

/* smart ads */
.v4-smart-art{place-items:center}.v4-orb{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9cbff 0%,#7778ff 36%,#895ac0 65%,transparent 66%);filter:blur(.1px);opacity:.8}.v4-smart-console{position:relative;z-index:2;width:min(420px,100%);padding:18px;border-radius:28px;background:rgba(7,10,31,.76);border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 75px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.v4-smart-console header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:16px}.v4-smart-console header i{width:8px;height:8px;border-radius:50%;background:#7ed4ff}.v4-smart-console header span{font-weight:900}.v4-smart-console header small{color:rgba(255,255,255,.46)}.v4-console-row{display:flex;justify-content:space-between;gap:15px;padding:13px 12px;border-top:1px solid rgba(255,255,255,.08)}.v4-console-row span{color:rgba(255,255,255,.5);font-size:.7rem}.v4-console-row b{font-size:.76rem}
.v4-smart-workspace{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}.v4-order-sidebar{position:sticky;top:104px}.v4-smart-column{display:grid;gap:18px}.order-item{border-radius:16px!important;border:1px solid var(--v4-line)!important;background:#f8f9fd!important}.order-item.is-active{border-color:#8b93ee!important;background:#eef0ff!important}.smart-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.summary-tile{border-radius:17px!important;background:#f5f6fb!important;border:1px solid var(--v4-line)!important}.v4-subtitle{margin:22px 0 12px;font-size:1rem}

/* guarantee */
.v4-guarantee-art{place-items:center}.v4-shield{width:260px;height:300px;display:grid;place-items:center;clip-path:polygon(50% 0,91% 16%,86% 66%,50% 100%,14% 66%,9% 16%);background:linear-gradient(145deg,#9eb7ff,#6c6cff 52%,#a668d7);box-shadow:0 32px 80px rgba(0,0,0,.26)}.v4-shield span{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#5f66d8;font-size:2.2rem;font-weight:900}.v4-guarantee-float{position:absolute;bottom:8px;left:8px;width:270px;padding:18px;border-radius:20px;background:rgba(8,10,31,.80);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.v4-guarantee-float small{color:rgba(255,255,255,.5)}.v4-guarantee-float strong{display:block;margin:5px 0;font-size:.92rem}.v4-guarantee-float p{font-size:.7rem;line-height:1.7}
.v4-role-switch, .v4-benefit-tabs{display:inline-flex;gap:6px;padding:5px;margin-bottom:18px;border:1px solid var(--v4-line);border-radius:999px;background:#fff}.v4-role-switch .role-tab, .v4-benefit-tabs .benefit-role-tab{padding:10px 16px;border:0;border-radius:999px;background:transparent;color:#727994;font-weight:850}.v4-role-switch .role-tab.is-active, .v4-benefit-tabs .benefit-role-tab.is-active{background:#171b3b;color:#fff;box-shadow:0 8px 18px rgba(23,27,59,.16)}.v4-role-intro{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.v4-role-intro article{padding:20px;border:1px solid var(--v4-line);border-radius:20px;background:#fff}.v4-role-intro span{color:#7b83df;font-size:.68rem;font-weight:900}.v4-role-intro h3{margin:9px 0 5px;font-size:1rem}.v4-role-intro p{margin:0;color:var(--v4-muted);font-size:.76rem;line-height:1.8}.v4-guarantee-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}.v4-offer-panel{position:sticky;top:104px}.offer-item{border-radius:18px!important;background:#f8f9fd!important;border:1px solid var(--v4-line)!important}

/* benefits */
.v4-benefit-art>img{width:340px;height:420px;object-fit:cover;border-radius:36px;box-shadow:0 30px 75px rgba(0,0,0,.28)}.v4-benefit-badge{position:absolute;bottom:8px;right:25px;padding:15px 18px;border-radius:18px;background:rgba(9,12,36,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.v4-benefit-badge small{display:block;color:rgba(255,255,255,.5)}.v4-benefit-badge strong{font-size:.88rem}.v4-benefit-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:stretch}.v4-benefit-highlight{padding:32px;border-radius:30px;background:linear-gradient(145deg,#171b3b,#292f6e);color:#fff}.v4-benefit-highlight h2{margin:0 0 14px;font-size:2rem;line-height:1.1}.v4-benefit-highlight p{color:rgba(255,255,255,.64);font-size:.82rem;line-height:1.9;margin-bottom:20px}.v4-benefit-highlight .v4-section-kicker{color:#b9c0ff}.v4-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.v4-benefit-grid article{padding:24px;border:1px solid var(--v4-line);border-radius:24px;background:#fff;box-shadow:0 10px 25px rgba(39,46,108,.05)}.v4-benefit-grid article>span{color:#7b84df;font-size:.67rem;font-weight:900}.v4-benefit-grid h3{margin:11px 0 7px;font-size:1rem}.v4-benefit-grid p{margin:0;color:var(--v4-muted);font-size:.76rem;line-height:1.8}.v4-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.v4-principles article{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--v4-line)}.v4-principles span{display:inline-block;margin-bottom:10px;color:#6670d0;font-size:.68rem;font-weight:900}.v4-principles h3{margin:0 0 7px}.v4-principles p{margin:0;color:var(--v4-muted);font-size:.76rem;line-height:1.8}

/* ---------- footer ---------- */
body.v4-page .site-footer{margin-top:0!important;padding:58px 0 22px!important;background:#0c0f28!important;color:#fff!important;border-top:0!important}
body.v4-page .footer-grid{gap:34px!important}
body.v4-page .footer-brand p, body.v4-page .footer-column a, body.v4-page .footer-newsletter p, body.v4-page .footer-bottom{color:rgba(255,255,255,.56)!important}
body.v4-page .footer-column h3, body.v4-page .footer-newsletter h3{color:#fff!important}
body.v4-page .footer-column a:hover{color:#fff!important}
body.v4-page .footer-bottom{border-color:rgba(255,255,255,.08)!important}
body.v4-page .site-footer .logo-light{display:block!important}

/* ---------- reveal ---------- */
[data-v4-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
[data-v4-reveal].is-visible{opacity:1;transform:none}

/* ---------- mobile nav ---------- */
body.v4-page .mobile-nav{background:#0d102a!important;color:#fff!important}
body.v4-page .mobile-nav a, body.v4-page .mobile-nav-title{color:#fff!important}
body.v4-page .mobile-nav small{color:rgba(255,255,255,.52)!important}
body.v4-page .mobile-nav .button-secondary{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
body.v4-page .mobile-nav .button-primary{background:#fff!important;color:#11152f!important}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  body.v4-page .container{width:min(100% - 34px,1000px)}
  body.v4-page .desktop-nav .nav-link, body.v4-page .desktop-nav .nav-dropdown-trigger{padding-inline:7px!important;font-size:.7rem!important}
  .v4-inner-hero-grid{gap:30px}.v4-smart-workspace{grid-template-columns:260px 1fr}.v4-split-card{grid-template-columns:1fr .75fr;gap:32px}.v4-photo-stack{transform:scale(.88)}
}
@media (max-width:900px){
  body.v4-page .desktop-nav, body.v4-page .service-account{display:none!important}
  body.v4-page .menu-toggle{display:grid!important}
  body.v4-page .site-header .header-inner{justify-content:space-between!important}
  .v4-home-hero.lm-hero{min-height:690px!important;padding-top:120px!important}
  .v4-hero-copy h1{font-size:clamp(2.7rem,8vw,4.7rem)}
  body.v4-page .v4-photo-wheel.lm-hero-marquee{height:250px!important;bottom:2px!important}
  body.v4-page .v4-photo-wheel .lm-wheel-set{height:225px!important;gap:14px!important}
  body.v4-page .v4-photo-wheel .lm-wheel-rose{width:82px!important;height:190px!important}body.v4-page .v4-photo-wheel .lm-wheel-portrait{width:130px!important;height:205px!important}body.v4-page .v4-photo-wheel .lm-wheel-water{width:155px!important;height:216px!important}body.v4-page .v4-photo-wheel .lm-wheel-group{width:130px!important;height:207px!important}body.v4-page .v4-photo-wheel .lm-wheel-redhead{width:82px!important;height:194px!important}
  .v4-split-card, .v4-add-shell, .v4-workflow-shell, .v4-faq-grid, .v4-inner-hero-grid, .v4-submission-grid, .v4-guarantee-grid, .v4-benefit-layout{grid-template-columns:1fr}
  .v4-split-card{padding:24px}.v4-split-visual{height:360px}.v4-service-grid{grid-template-columns:1fr 1fr}.v4-service-grid .v4-service-card:last-child{grid-column:span 2}.v4-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v4-add-collage{order:2}.v4-inner-hero{min-height:auto;padding-bottom:54px}.v4-inner-hero-grid{gap:24px}.v4-hero-art{min-height:330px}.v4-smart-workspace{grid-template-columns:1fr}.v4-order-sidebar, .v4-track-panel, .v4-offer-panel{position:static}.v4-filter-bar{grid-template-columns:1fr 1fr!important}.v4-filter-bar .ui-field:first-child{grid-column:1/-1}.v4-opportunity-grid{grid-template-columns:1fr!important}.v4-role-intro, .v4-benefit-grid, .v4-principles{grid-template-columns:1fr 1fr}.smart-summary{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:620px){
  body.v4-page .container{width:calc(100% - 24px)}
  body.v4-page .site-header{top:8px!important}body.v4-page .site-header .header-inner{min-height:54px!important;padding:6px 9px!important}body.v4-page .site-header .site-logo-image{max-width:110px!important;height:30px!important}
  .v4-section{padding:58px 0}.v4-home-hero.lm-hero{min-height:610px!important;padding-top:102px!important}.v4-hero-copy h1{font-size:2.6rem}.v4-hero-copy>p{font-size:.86rem;line-height:1.85}.v4-hero-actions{gap:7px}.v4-btn{min-height:44px;padding:9px 15px;font-size:.78rem}.v4-hero-chips{display:none}
  body.v4-page .v4-photo-wheel.lm-hero-marquee{height:200px!important;bottom:0!important}body.v4-page .v4-photo-wheel .lm-wheel-set{height:184px!important;gap:8px!important;animation-duration:44s!important}body.v4-page .v4-photo-wheel .lm-tile{border-radius:18px!important}body.v4-page .v4-photo-wheel .lm-wheel-rose{width:57px!important;height:150px!important}body.v4-page .v4-photo-wheel .lm-wheel-portrait{width:88px!important;height:160px!important}body.v4-page .v4-photo-wheel .lm-wheel-water{width:104px!important;height:168px!important}body.v4-page .v4-photo-wheel .lm-wheel-group{width:88px!important;height:162px!important}body.v4-page .v4-photo-wheel .lm-wheel-redhead{width:57px!important;height:153px!important}
  .v4-split-card{padding:16px;border-radius:28px;gap:22px}.v4-split-copy h2{font-size:2.3rem}.v4-split-visual{height:300px;border-radius:22px}.v4-section-head, .v4-creators-head, .v4-final-shell{align-items:flex-start;flex-direction:column}.v4-service-grid{grid-template-columns:1fr}.v4-service-grid .v4-service-card:last-child{grid-column:auto}.v4-service-media{height:230px}.v4-entity-grid{grid-template-columns:1fr!important}.v4-workflow-shell{gap:28px}.v4-steps{grid-template-columns:1fr 1fr}.v4-add-shell{padding:20px;border-radius:28px}.v4-add-collage{height:260px;padding-inline:2px}.v4-add-collage img{width:71px;height:118px;border-radius:17px;object-position:center 14%}.v4-add-collage img:nth-child(1){right:1%;top:26%}.v4-add-collage img:nth-child(2){right:19%;top:8%}.v4-add-collage img:nth-child(3){right:37%;top:26%}.v4-add-collage img:nth-child(4){right:55%;top:8%}.v4-add-collage img:nth-child(5){right:72%;top:27%}.v4-add-copy h2{font-size:2.3rem}.v4-faq-grid{gap:26px}.v4-final-shell{padding:28px;border-radius:28px}.v4-final-actions{width:100%}.v4-final-actions .v4-btn{flex:1}
  .v4-inner-hero{padding:112px 0 42px}.v4-inner-hero h1{font-size:2.65rem}.v4-inner-hero p{font-size:.84rem}.v4-hero-art{min-height:260px}.v4-photo-stack{width:320px;height:250px;transform:scale(.78);transform-origin:center}.v4-campaign-art{display:block}.v4-campaign-art>img{display:none}.v4-campaign-card{width:100%}.v4-smart-console{width:100%}.v4-orb{width:220px;height:220px}.v4-shield{width:190px;height:220px}.v4-guarantee-float{width:230px;left:0}.v4-benefit-art>img{width:260px;height:320px}.v4-panel{padding:18px;border-radius:23px}.v4-panel-head-row{display:block}.v4-panel-head-row>.v4-text-button, .v4-panel-head-row>.v4-status-pill{margin-top:10px}.v4-filter-bar{grid-template-columns:1fr!important}.v4-filter-bar .ui-field:first-child{grid-column:auto}.v4-role-switch, .v4-benefit-tabs{display:flex;width:100%;overflow:auto}.v4-role-switch .role-tab, .v4-benefit-tabs .benefit-role-tab{flex:1;white-space:nowrap;padding-inline:12px}.v4-role-intro, .v4-benefit-grid, .v4-principles{grid-template-columns:1fr}.v4-benefit-highlight{padding:24px;border-radius:24px}.smart-summary{grid-template-columns:1fr 1fr!important}.field-grid, .field-grid.two, .submission-form-grid{grid-template-columns:1fr!important}.v4-track-search{grid-template-columns:1fr}.v4-panel .form-actions .v4-btn{width:100%}
}

@media (prefers-reduced-motion:reduce){
  [data-v4-reveal]{opacity:1;transform:none;transition:none}.v4-hero-aurora span{animation:none}.v4-photo-wheel .lm-wheel-set{animation:none!important}
}
/* logo contrast lock for dark V4 headers/footers */
body.v4-page .site-header .site-logo-image, body.v4-page .site-footer .site-logo-image{filter:brightness(0) invert(1)!important;opacity:1!important}

/* ---------- bloggers full-screen experience ---------- */
body.v4-page .blogger-drawer .modal-backdrop{background:rgba(5,7,23,.72)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
body.v4-page .blogger-drawer-panel{
  position:fixed!important;inset:18px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;
  padding:0!important;border-radius:32px!important;overflow:hidden!important;background:#f4f5fb!important;border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 35px 100px rgba(0,0,0,.30)!important;display:grid!important;grid-template-rows:auto 1fr!important;
}
body.v4-page .blogger-drawer-head{
  position:relative!important;padding:42px 48px 30px!important;background:radial-gradient(circle at 12% 10%,rgba(104,98,255,.40),transparent 26%),linear-gradient(135deg,#0d102c,#272b70)!important;color:#fff!important;
}
body.v4-page .blogger-drawer-head .lm-kicker{color:#b8bfff!important;font-size:.7rem!important}
body.v4-page .blogger-drawer-head h2{margin:7px 0 8px!important;color:#fff!important;font-size:clamp(2rem,3vw,3.1rem)!important;letter-spacing:-.05em!important}
body.v4-page .blogger-drawer-head p{max-width:650px!important;margin:0 0 18px!important;color:rgba(255,255,255,.62)!important;font-size:.82rem!important}
body.v4-page .blogger-drawer-tools{display:flex!important;align-items:center!important;gap:10px!important;max-width:780px!important}
body.v4-page .blogger-search{min-height:48px!important;flex:1!important;padding:10px 16px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:15px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:none!important}
body.v4-page .blogger-search::placeholder{color:rgba(255,255,255,.46)!important}
body.v4-page .blogger-result-count{padding:9px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;color:rgba(255,255,255,.72)!important;font-size:.7rem!important;white-space:nowrap!important}
body.v4-page .blogger-drawer-scroll{overflow:auto!important;padding:28px 34px 38px!important;background:#f4f5fb!important}
body.v4-page .blogger-drawer-scroll .blogger-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
body.v4-page .blogger-drawer .modal-close{top:26px!important;left:28px!important;width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;z-index:5!important}
body.v4-page .blogger-empty-state{grid-column:1/-1!important;padding:42px!important;border-radius:26px!important;background:#fff!important;border:1px solid var(--v4-line)!important}
@media(max-width:900px){body.v4-page .blogger-drawer-panel{inset:10px!important;border-radius:25px!important}body.v4-page .blogger-drawer-head{padding:34px 24px 24px!important}body.v4-page .blogger-drawer-scroll{padding:20px!important}body.v4-page .blogger-drawer-scroll .blogger-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){body.v4-page .blogger-drawer-panel{inset:0!important;border-radius:0!important}body.v4-page .blogger-drawer-head{padding:72px 16px 20px!important}body.v4-page .blogger-drawer-head h2{font-size:2rem!important}body.v4-page .blogger-drawer-tools{display:grid!important}body.v4-page .blogger-result-count{justify-self:start!important}body.v4-page .blogger-drawer-scroll{padding:14px!important}body.v4-page .blogger-drawer-scroll .blogger-grid{grid-template-columns:1fr!important}body.v4-page .blogger-drawer .modal-close{top:18px!important;left:16px!important}}
body.v4-page .blogger-drawer .modal-close{position:absolute!important;float:none!important;top:24px!important;left:24px!important}
body.v4-page .v4-fav-trigger{position:relative!important}
body.v4-page .v4-fav-trigger svg{width:18px;height:18px}
body.v4-page .v4-fav-count{position:absolute;top:-4px;left:-3px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#fff;color:#11152f;font-size:.58rem;font-weight:950;border:2px solid #0a0d25}
body.v4-page .v4-fav-count[hidden]{display:none!important}
.v4-creator-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media(max-width:620px){.v4-creator-actions{width:100%;justify-content:space-between}.v4-creator-actions .v4-text-button{font-size:.72rem}}

/* =====================================================================
   HERO PHOTO WHEEL — original 360° Y rotation restored.
   The short-viewport rules keep the wheel inside the visible Hero at 100%
   browser zoom on common 1366×768 laptop displays.
   ===================================================================== */
@keyframes v4PhotoWheelFullTurn{
  from{rotate:y 0deg}
  to{rotate:y -360deg}
}
@keyframes v4PhotoWheelFullTurnMobile{
  from{rotate:y 0deg}
  to{rotate:y -360deg}
}

body.home-page.v4-page[data-design-pass="v2.5"] .v4-home-hero .v4-photo-wheel.lm-hero-marquee{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:4px!important;
  height:310px!important;
  z-index:5!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
  padding:0!important;
}
body.home-page.v4-page[data-design-pass="v2.5"] .v4-home-hero .v4-photo-wheel.lm-hero-marquee .lm-marquee-track{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 0 6px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
  perspective:900px!important;
  perspective-origin:50% 50%!important;
  transform:none!important;
  animation:none!important;
  opacity:1!important;
  visibility:visible!important;
}
body.home-page.v4-page[data-design-pass="v2.5"] .v4-home-hero .v4-photo-wheel.lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
  position:relative!important;
  inset:auto!important;
  width:max-content!important;
  height:285px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:28px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transform-origin:50% 50%!important;
  transform-style:preserve-3d!important;
  rotate:y 0deg;
  animation:v4PhotoWheelFullTurn 50s linear infinite!important;
  will-change:rotate!important;
}
body.home-page.v4-page[data-design-pass="v2.5"] .v4-home-hero .v4-photo-wheel.lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child > .lm-tile{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  offset-path:none!important;
  animation:none!important;
  backface-visibility:visible!important;
  transform-style:preserve-3d!important;
}

/* 100% browser zoom on a 1366×768 laptop usually leaves ~620–680 CSS px
   of page viewport after the browser chrome. Fit the hero to that height. */
@media (min-width:901px) and (max-height:780px){
  body.v4-page .v4-home-hero.lm-hero{
    min-height:clamp(610px,100svh,690px)!important;
    height:clamp(610px,100svh,690px)!important;
    padding-top:86px!important;
  }
  body.v4-page .v4-hero-copy h1{
    margin:12px 0 10px!important;
    font-size:clamp(2.75rem,4vw,3.8rem)!important;
    line-height:.96!important;
  }
  body.v4-page .v4-hero-copy>p{
    max-width:550px!important;
    font-size:.86rem!important;
    line-height:1.75!important;
  }
  body.v4-page .v4-hero-actions{margin-top:14px!important}
  body.v4-page .v4-hero-chips{display:none!important}

  body.home-page.v4-page[data-design-pass="v2.5"] .v4-home-hero .v4-photo-wheel.lm-hero-marquee{
    height:260px!important;
    bottom:0!important;
  }
  body.home-page.v4-page[data-design-pass="v2.5"] .v4-home-hero .v4-photo-wheel.lm-hero-marquee .lm-marquee-track{
    padding-bottom:4px!important;
  }
  body.home-page.v4-page[data-design-pass="v2.5"] .v4-home-hero .v4-photo-wheel.lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
    height:242px!important;
    gap:22px!important;
  }
  body.v4-page .v4-photo-wheel .lm-wheel-rose{width:104px!important;height:222px!important}
  body.v4-page .v4-photo-wheel .lm-wheel-portrait{width:164px!important;height:232px!important}
  body.v4-page .v4-photo-wheel .lm-wheel-water{width:196px!important;height:238px!important}
  body.v4-page .v4-photo-wheel .lm-wheel-group{width:164px!important;height:234px!important}
  body.v4-page .v4-photo-wheel .lm-wheel-redhead{width:104px!important;height:226px!important}
}

@media (max-width:900px){
  body.home-page.v4-page[data-design-pass="v2.5"] .v4-home-hero .v4-photo-wheel.lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
    rotate:y 0deg;
    animation:v4PhotoWheelFullTurnMobile 44s linear infinite!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.home-page.v4-page[data-design-pass="v2.5"] .v4-home-hero .v4-photo-wheel.lm-hero-marquee .lm-marquee-track > .lm-marquee-set.lm-wheel-set:first-child:last-child{
    animation:none!important;
    rotate:y 0deg;
  }
}


/* SOURCE css/creators-v2.css */
/* iBlogger creators v2 — rebuilt from scratch to match the main Luminae/V4 visual language */
:root{
  --cr-bg:#f4f5fb;--cr-surface:#fff;--cr-ink:#13162f;--cr-muted:#747b98;--cr-line:rgba(35,42,91,.10);
  --cr-night:#090c26;--cr-night2:#16184b;--cr-violet:#6f6cf6;--cr-lilac:#bba7ff;--cr-pink:#e7a3df;
  --cr-radius-xl:42px;--cr-radius-lg:30px;--cr-radius-md:22px;--cr-shadow:0 28px 78px rgba(38,45,106,.13);
}
body.creator-directory-page, body.creator-profile-page{background:var(--cr-bg)!important;color:var(--cr-ink)!important}
body.creator-directory-page main, body.creator-profile-page main{overflow:visible!important}
.creator-directory-hero{position:relative;min-height:540px;padding:150px 0 94px;overflow:hidden;isolation:isolate;background:
 radial-gradient(circle at 10% 50%,rgba(105,92,255,.72),transparent 27%),
 radial-gradient(circle at 92% 42%,rgba(115,89,255,.62),transparent 27%),
 radial-gradient(ellipse at 52% 112%,rgba(237,166,226,.75),transparent 40%),
 linear-gradient(180deg,#080b24 0%,#11143d 54%,#493b91 78%,#d8b5dc 100%)}
.creator-directory-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background-image:radial-gradient(circle,rgba(255,255,255,.75) 1px,transparent 1.3px);background-size:34px 34px;mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 72%,transparent 96%)}
.creator-directory-hero:after{content:"";position:absolute;width:560px;height:230px;left:50%;bottom:-125px;translate:-50% 0;border-radius:50%;background:#edb8dd;filter:blur(48px);opacity:.65;z-index:-1}
.creator-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:center;gap:72px}
.creator-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:rgba(255,255,255,.56);font-size:.73rem}.creator-breadcrumb a{color:inherit;text-decoration:none}.creator-breadcrumb strong{color:#fff}
.creator-hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.84);font-size:.72rem;font-weight:900}.creator-hero-kicker i{width:7px;height:7px;border-radius:50%;background:#b4ccff;box-shadow:0 0 0 5px rgba(180,204,255,.12)}
.creator-directory-copy h1{margin:18px 0 17px;color:#fff;font-size:clamp(3.1rem,5.2vw,5.25rem);line-height:1.04;letter-spacing:-.055em;font-weight:820}.creator-directory-copy h1 em{display:inline-block;margin-inline:5px;font-family:Georgia,serif;font-weight:500;color:#ead9ff}.creator-directory-copy>p{max-width:650px;margin:0;color:rgba(255,255,255,.68);line-height:2;font-size:.95rem}
.creator-hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.creator-hero-links a{min-height:47px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;text-decoration:none;font-size:.8rem;font-weight:900}.creator-hero-links .is-primary{background:#fff;color:#171a35;box-shadow:0 14px 34px rgba(0,0,0,.14)}.creator-hero-links .is-secondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(12px)}
.creator-hero-art{position:relative;height:330px}.creator-art-photo{position:absolute;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.24);box-shadow:0 24px 60px rgba(6,8,28,.24)}.creator-art-photo img{width:100%;height:100%;object-fit:cover}.creator-art-photo.a{width:188px;height:268px;right:9%;top:22px;transform:rotate(7deg)}.creator-art-photo.b{width:170px;height:230px;right:39%;top:76px;transform:rotate(-7deg)}.creator-art-photo.c{width:142px;height:190px;left:5%;top:26px;transform:rotate(4deg)}
.creator-art-note{position:absolute;right:18%;bottom:4px;min-width:235px;padding:15px 17px;border-radius:20px;border:1px solid rgba(255,255,255,.22);background:rgba(10,13,42,.62);color:#fff;backdrop-filter:blur(16px);box-shadow:0 18px 42px rgba(4,7,25,.18)}.creator-art-note small, .creator-art-note span{display:block;color:rgba(255,255,255,.57);font-size:.66rem}.creator-art-note strong{display:block;margin:4px 0;font-size:1rem}
.creator-directory-shell{position:relative;z-index:4;margin-top:-52px;padding-bottom:96px}
.creator-filter-panel{display:grid;grid-template-columns:minmax(250px,1.35fr) repeat(2,minmax(150px,.55fr)) minmax(150px,.5fr);gap:10px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.7);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 26px 70px rgba(44,50,109,.14);backdrop-filter:blur(22px)}
.creator-filter-field{position:relative}.creator-filter-field input, .creator-filter-field select{width:100%;height:52px;border:1px solid var(--cr-line);border-radius:17px;background:#f7f8fc;color:var(--cr-ink);padding:0 15px;outline:0;font:inherit;font-size:.8rem;transition:.2s}.creator-filter-field input:focus, .creator-filter-field select:focus{background:#fff;border-color:rgba(105,108,255,.45);box-shadow:0 0 0 4px rgba(105,108,255,.08)}
.creator-directory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:54px 0 22px}.creator-directory-heading span{display:inline-flex;margin-bottom:9px;color:#6971d8;font-size:.7rem;font-weight:950}.creator-directory-heading h2{margin:0;font-size:clamp(2rem,3vw,3.1rem);line-height:1.05;letter-spacing:-.05em}.creator-directory-heading p{margin:9px 0 0;color:var(--cr-muted);font-size:.82rem}.creator-directory-meta{display:flex;align-items:center;gap:8px}.creator-result-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 13px;border:1px solid var(--cr-line);border-radius:999px;background:#fff;color:#676f90;font-size:.72rem;font-weight:850}
.creator-directory-grid, .v4-entity-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.creator-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:30px!important;border:1px solid var(--cr-line)!important;background:#fff!important;box-shadow:0 14px 42px rgba(39,46,108,.085)!important;overflow:hidden!important;isolation:isolate;transition:transform .32s cubic-bezier(.2,.75,.2,1),box-shadow .32s ease,border-color .32s ease!important}.creator-card:before{display:none!important}.creator-card:hover{transform:translateY(-7px)!important;border-color:rgba(105,108,255,.18)!important;box-shadow:0 30px 70px rgba(39,46,108,.15)!important}
.creator-card-media{position:relative;height:256px;margin:10px 10px 0;border-radius:22px;overflow:hidden;background:#e7e7f1}.creator-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1)}article[data-entity-type="blogger"] .creator-card-media img{object-position:center 15%}.creator-card:hover .creator-card-media img{transform:scale(1.035)}.creator-card-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(8,11,34,.55))}
.creator-type-chip, .creator-platform-chip{position:absolute;z-index:3;top:14px;padding:7px 10px;border-radius:999px;font-size:.64rem;font-weight:900;backdrop-filter:blur(12px)}.creator-type-chip{right:14px;background:rgba(9,12,38,.68);border:1px solid rgba(255,255,255,.18);color:#fff}.creator-platform-chip{left:14px;background:rgba(255,255,255,.86);color:#242846;border:1px solid rgba(255,255,255,.7)}
.creator-card-identity{position:absolute;z-index:3;right:16px;left:16px;bottom:15px;color:#fff}.creator-card-identity h3{margin:0 0 4px;font-size:1.28rem;letter-spacing:-.03em}.creator-card-identity p{margin:0;color:rgba(255,255,255,.72);font-size:.7rem}
.creator-card-body{display:flex;flex:1;flex-direction:column;padding:18px 20px 20px}.creator-card-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:15px}.creator-card-tags span{padding:6px 9px;border-radius:999px;background:#f1f2f9;color:#666e8d;font-size:.65rem;font-weight:800}.creator-card-tags .is-verified{background:#eef0ff;color:#5d61d0}
.creator-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border-radius:18px;background:#f7f8fc;border:1px solid rgba(35,42,91,.06)}.creator-card-metrics div{text-align:center;border-left:1px solid rgba(35,42,91,.07)}.creator-card-metrics div:last-child{border-left:0}.creator-card-metrics strong{display:block;color:#181b39;font-size:.9rem}.creator-card-metrics span{display:block;margin-top:3px;color:#8a90a8;font-size:.58rem}
.creator-card-rating{display:flex;align-items:center;gap:7px;margin:15px 0 0;color:#777e99;font-size:.68rem}.creator-card-rating .star{color:#806de0;font-size:.95rem}.creator-card-rating strong{color:#20243f}.creator-card-bio{margin:14px 0 0;color:#747b96;font-size:.72rem;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.creator-card-actions{display:grid;grid-template-columns:1fr 44px;gap:8px;margin-top:auto;padding-top:17px}.creator-card-actions a, .creator-card-actions button{min-height:44px;border-radius:14px;border:1px solid var(--cr-line);display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}.creator-card-actions .creator-primary{background:#151938;color:#fff;border-color:#151938}.creator-card-actions .creator-secondary{background:#f7f8fc;color:#4c5475}.creator-card-actions svg{width:18px;height:18px}
.creator-empty{grid-column:1/-1;padding:48px;text-align:center;border:1px dashed rgba(61,68,128,.18);border-radius:30px;background:#fff;color:#777e99}.creator-empty strong{display:block;margin-bottom:7px;color:#242845;font-size:1.1rem}
/* home creator block */
body.home-page.v4-page .v4-creators{position:relative;background:linear-gradient(180deg,#fff 0%,#f5f6fb 100%)!important;overflow:hidden}.v4-creators:before{content:"";position:absolute;width:420px;height:420px;left:-220px;top:15%;border-radius:50%;background:rgba(121,105,244,.08);filter:blur(10px)}
body.home-page.v4-page .v4-entity-grid .creator-card-media{height:238px}.creator-more-link{display:inline-flex!important;align-items:center;gap:7px;text-decoration:none!important}
/* Profile page visual rebuild */
body.creator-profile-page{background:linear-gradient(180deg,#0a0d29 0,#16194a 360px,#f4f5fb 720px)!important;min-height:100vh}
body.creator-profile-page:before{content:"";position:fixed;inset:0 0 auto;height:620px;pointer-events:none;opacity:.2;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1.4px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent)}
body.creator-profile-page .profile-dashboard-brandbar{display:none!important}
body.creator-profile-page .profile-dashboard-main{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:150px 0 95px!important}
body.creator-profile-page .profile-dashboard-shell{width:100%!important;max-width:none!important;margin:0!important}
body.creator-profile-page .influencer-dashboard{display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
body.creator-profile-page .pd-card{border:1px solid rgba(41,48,107,.09)!important;border-radius:30px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 22px 64px rgba(35,41,96,.11)!important}
body.creator-profile-page .influencer-profile-panel{position:sticky!important;top:104px!important;padding:24px!important;text-align:center!important;overflow:hidden!important}.influencer-profile-panel:before{content:"";position:absolute;inset:0 0 auto;height:130px;background:linear-gradient(135deg,#cbc9ff,#ead5f4);z-index:0}.influencer-profile-panel>*{position:relative;z-index:1}.profile-dot-pattern{display:none!important}
body.creator-profile-page .profile-avatar-frame{width:142px!important;height:142px!important;margin:36px auto 16px!important;border-radius:34px!important;border:6px solid #fff!important;background:#e9eaf3!important;box-shadow:0 16px 38px rgba(44,49,108,.2)!important;overflow:visible!important}.profile-avatar-frame img{width:100%!important;height:100%!important;border-radius:28px!important;object-fit:cover!important}.profile-verified-badge{right:auto!important;left:-4px!important;bottom:-4px!important;background:#171b3b!important;color:#fff!important;border:4px solid #fff!important}
body.creator-profile-page .profile-identity h1{font-size:1.75rem!important;letter-spacing:-.04em!important;color:#171a36!important}.profile-username{color:#8087a2!important}.profile-category{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:8px!important;padding:7px 10px!important;border-radius:999px!important;background:#f0f1f8!important;color:#626a88!important;font-size:.7rem!important}.profile-category svg{width:15px!important}
body.creator-profile-page .profile-rating{margin:17px 0!important;padding:13px!important;border:1px solid var(--cr-line)!important;border-radius:18px!important;background:#f8f8fc!important}.profile-rating-stars{color:#7966d6!important}.profile-rating-meta{font-size:.7rem!important;color:#747b98!important}
body.creator-profile-page .profile-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.profile-actions .button{min-height:45px!important;border-radius:14px!important;font-size:.7rem!important;box-shadow:none!important}.profile-actions .button-primary{background:#151938!important;color:#fff!important;border-color:#151938!important}.profile-actions .button-secondary{background:#f5f6fb!important;color:#49516f!important}
body.creator-profile-page .profile-trust-note{margin:15px 0 0!important;padding:12px!important;border-radius:16px!important;background:#f3f4fa!important;color:#737a96!important;font-size:.65rem!important;line-height:1.7!important}.profile-trust-note svg{color:#6567c9!important}
body.creator-profile-page .profile-menu-wrap{top:16px!important;left:16px!important;right:auto!important}.profile-icon-button{background:rgba(255,255,255,.86)!important;border:1px solid rgba(43,50,103,.1)!important;color:#232744!important}.profile-menu{left:0!important;right:auto!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(31,38,88,.16)!important}
body.creator-profile-page .influencer-analytics{display:grid!important;gap:18px!important}.analytics-toolbar{padding:20px 22px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:28px!important;background:rgba(11,14,43,.74)!important;color:#fff!important;backdrop-filter:blur(16px)!important}.analytics-title h2{color:#fff!important}.analytics-title p{color:rgba(255,255,255,.55)!important}.range-picker select{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}.analytics-charts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.analytics-chart-card{padding:20px!important;min-width:0!important}.chart-card-copy small{color:#858ca6!important}.chart-card-copy strong{color:#625fd0!important}.chart-growth-pill{border-radius:999px!important}.chart-viewport{min-height:230px!important}.performance-summary{overflow:hidden!important}.performance-summary-content{padding:22px!important}.performance-grid{gap:10px!important}.performance-item{border-radius:18px!important;background:#f7f8fc!important;border:1px solid rgba(40,47,100,.07)!important}.performance-art{background:linear-gradient(145deg,#c8c5ff,#e5c6e7)!important}.real-data-panel, .real-bio-panel, .profile-feedbacks-panel{padding:24px!important}.real-data-head h2, .profile-feedbacks-head h3, .real-bio-panel h3{color:#171a36!important}.real-data-grid>div{border-radius:18px!important;background:#f7f8fc!important;border-color:rgba(39,46,101,.07)!important}.profile-feedback-card{border-radius:20px!important;background:#f8f8fc!important;border:1px solid rgba(39,46,101,.07)!important;box-shadow:none!important}
/* Shop profile */
.shop-profile-main{padding-bottom:95px}.shop-profile-hero{position:relative;min-height:460px;padding:150px 0 76px;overflow:hidden;background:radial-gradient(circle at 15% 45%,rgba(112,93,255,.64),transparent 27%),radial-gradient(circle at 90% 45%,rgba(230,151,220,.40),transparent 26%),linear-gradient(180deg,#090c26,#171a4b 72%,#51428c)}.shop-profile-hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1.3px);background-size:34px 34px}.shop-profile-shell{position:relative;z-index:2;display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:end}.shop-profile-media{height:330px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.24);box-shadow:0 30px 70px rgba(5,7,28,.26)}.shop-profile-media img{width:100%;height:100%;object-fit:cover}.shop-profile-copy{padding-bottom:16px;color:#fff}.shop-profile-copy .creator-breadcrumb{margin-bottom:16px}.shop-profile-copy h1{margin:0 0 8px;font-size:clamp(2.8rem,4.4vw,4.8rem);letter-spacing:-.055em}.shop-profile-copy>p{max-width:620px;color:rgba(255,255,255,.65);line-height:1.9}.shop-profile-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.shop-profile-badges span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-size:.68rem}.shop-profile-content{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:28px}.shop-profile-card{padding:24px;border:1px solid var(--cr-line);border-radius:30px;background:#fff;box-shadow:0 18px 55px rgba(39,46,108,.09)}.shop-profile-card h2, .shop-profile-card h3{margin:0 0 12px;letter-spacing:-.03em}.shop-profile-card p{color:var(--cr-muted);line-height:1.9}.shop-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-metrics div{padding:18px;text-align:center;border-radius:20px;background:#f7f8fc;border:1px solid rgba(39,46,108,.06)}.shop-metrics strong{display:block;font-size:1.3rem}.shop-metrics span{color:#858ca6;font-size:.65rem}.shop-profile-action{display:flex;min-height:47px;align-items:center;justify-content:center;border-radius:15px;text-decoration:none;background:#151938;color:#fff;font-weight:900;font-size:.75rem}
@media(max-width:1020px){.creator-hero-grid{grid-template-columns:1fr;gap:34px}.creator-hero-art{height:260px}.creator-art-photo.a{right:13%}.creator-art-photo.b{right:42%}.creator-filter-panel{grid-template-columns:1fr 1fr}.creator-filter-field:first-child{grid-column:1/-1}.creator-directory-grid, .v4-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.creator-profile-page .influencer-dashboard{grid-template-columns:290px minmax(0,1fr)!important}.analytics-charts{grid-template-columns:1fr!important}.shop-profile-shell{grid-template-columns:300px 1fr}.shop-profile-content{grid-template-columns:1fr}}
@media(max-width:720px){body.creator-directory-page .container, body.creator-profile-page .container{width:min(100% - 28px,1180px)}.creator-directory-hero{min-height:620px;padding:126px 0 86px}.creator-directory-copy h1{font-size:clamp(2.45rem,11.5vw,3.8rem);line-height:1.09}.creator-hero-art{height:235px}.creator-art-photo.a{width:142px;height:210px;right:5%}.creator-art-photo.b{width:132px;height:178px;right:38%;top:48px}.creator-art-photo.c{width:110px;height:150px;left:2%;top:16px}.creator-art-note{right:15%;min-width:190px;padding:12px}.creator-directory-shell{margin-top:-38px}.creator-filter-panel{grid-template-columns:1fr;padding:10px;border-radius:22px}.creator-filter-field:first-child{grid-column:auto}.creator-directory-toolbar{align-items:flex-start;flex-direction:column;margin-top:38px}.creator-directory-grid, .v4-entity-grid{grid-template-columns:1fr!important}.creator-card-media, body.home-page.v4-page .v4-entity-grid .creator-card-media{height:280px}.creator-directory-grid{gap:14px!important}body.creator-profile-page .profile-dashboard-main{width:min(100% - 28px,1180px);padding:124px 0 70px!important}body.creator-profile-page .influencer-dashboard{grid-template-columns:1fr!important}.influencer-profile-panel{position:relative!important;top:auto!important}.analytics-charts{grid-template-columns:1fr!important}.shop-profile-hero{padding:126px 0 60px}.shop-profile-shell{grid-template-columns:1fr}.shop-profile-media{height:360px}.shop-profile-copy h1{font-size:2.8rem}.shop-profile-content{grid-template-columns:1fr}.shop-metrics{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:430px){.creator-hero-art{height:205px}.creator-art-photo.a{width:125px;height:184px}.creator-art-photo.b{width:116px;height:155px}.creator-art-photo.c{width:92px;height:126px}.creator-art-note{display:none}.creator-card-media{height:250px}.creator-card-metrics{padding:9px;gap:4px}.creator-card-body{padding:16px}.shop-profile-media{height:300px}.shop-metrics{grid-template-columns:1fr}.profile-actions{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.creator-card, .creator-card img{transition:none!important}}

.creator-card .creator-favorite{position:absolute!important;z-index:5!important;top:56px!important;left:14px!important;width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.88)!important;color:#252944!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 8px 22px rgba(9,12,38,.12)!important;backdrop-filter:blur(12px)!important}.creator-card .creator-favorite svg{width:18px!important;height:18px!important}.creator-card .creator-favorite.is-saved{background:#151938!important;color:#fff!important;border-color:#151938!important}


/* Creator pages: theme + mobile header parity with the homepage */
@media(max-width:900px){
  body.creator-directory-page .site-header .brand, body.creator-profile-page .site-header .brand{max-width:122px!important;overflow:visible!important;flex:0 0 auto!important}
  body.creator-directory-page .site-header .site-logo, body.creator-profile-page .site-header .site-logo{display:flex!important;width:auto!important;max-width:116px!important;overflow:visible!important}
  body.creator-directory-page .site-header .site-logo-image, body.creator-profile-page .site-header .site-logo-image{width:112px!important;height:30px!important;max-width:112px!important;object-fit:contain!important;object-position:center!important}
}













/* Shared creator-page footer interactions */
.footer-newsletter .field-error.is-success{color:#5f65ce!important}
.creator-modal-open{overflow:hidden!important}.creator-legal-backdrop{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:24px;background:rgba(6,8,28,.58);backdrop-filter:blur(9px)}.creator-legal-backdrop[hidden]{display:none!important}.creator-legal-modal{position:relative;width:min(520px,100%);padding:34px;border-radius:30px;border:1px solid rgba(255,255,255,.65);background:#fff;color:#171a36;box-shadow:0 34px 90px rgba(7,10,37,.30)}.creator-legal-kicker{display:inline-flex;margin-bottom:10px;color:#696cda;font-size:.68rem;font-weight:950}.creator-legal-modal h2{margin:0 0 12px;font-size:2rem;letter-spacing:-.04em}.creator-legal-modal p{margin:0;color:#727994;line-height:2;font-size:.82rem}.creator-legal-close{position:absolute;top:16px;left:16px;width:38px;height:38px;border:1px solid rgba(37,44,91,.1);border-radius:50%;background:#f4f5fb;color:#202440;font-size:1.35rem;cursor:pointer}


/* Blogger directory compact pass — minimizes vertical scrolling and removes dead space
   while preserving the Luminae visual language. Scoped only to bloggers.html. */
body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-hero{
  min-height:340px!important;
  padding:104px 0 44px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-hero-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
  gap:42px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-breadcrumb{
  margin-bottom:10px!important;
  font-size:.68rem!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-hero-kicker{
  padding:6px 10px!important;
  font-size:.66rem!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-copy h1{
  margin:10px 0 10px!important;
  font-size:clamp(2.55rem,4.1vw,4rem)!important;
  line-height:1.02!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-copy>p{
  max-width:590px!important;
  line-height:1.75!important;
  font-size:.82rem!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-hero-links{
  margin-top:14px!important;
  gap:8px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-hero-links a{
  min-height:38px!important;
  padding:7px 14px!important;
  font-size:.7rem!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-hero-art{
  height:205px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-art-photo{
  border-radius:22px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-art-photo.a{
  width:128px!important;height:182px!important;right:12%!important;top:4px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-art-photo.b{
  width:118px!important;height:158px!important;right:41%!important;top:37px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-art-photo.c{
  width:98px!important;height:134px!important;left:7%!important;top:8px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-art-note{
  right:19%!important;bottom:0!important;min-width:188px!important;padding:10px 12px!important;border-radius:16px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-art-note small, body.creator-directory-page[data-creator-directory="blogger"] .creator-art-note span{font-size:.57rem!important}
body.creator-directory-page[data-creator-directory="blogger"] .creator-art-note strong{font-size:.82rem!important;margin:2px 0!important}

body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-shell{
  margin-top:-30px!important;
  padding-bottom:42px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-panel{
  grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(128px,.55fr))!important;
  gap:8px!important;
  padding:9px!important;
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(44,50,109,.11)!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-field input, body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-field select{
  height:42px!important;
  border-radius:13px!important;
  padding-inline:12px!important;
  font-size:.7rem!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-toolbar{
  align-items:center!important;
  margin:20px 0 12px!important;
  gap:16px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-heading{
  display:flex!important;
  align-items:baseline!important;
  gap:12px!important;
  min-width:0!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-heading span{
  margin:0!important;
  white-space:nowrap!important;
  font-size:.64rem!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-heading h2{
  margin:0!important;
  font-size:clamp(1.45rem,2vw,2rem)!important;
  line-height:1.12!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-heading p{
  display:none!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-result-pill{
  min-height:32px!important;
  padding:5px 10px!important;
  font-size:.64rem!important;
}

body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:11px!important;
  align-items:stretch!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card{
  border-radius:22px!important;
  box-shadow:0 10px 28px rgba(39,46,108,.075)!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 18px 40px rgba(39,46,108,.13)!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-media{
  height:156px!important;
  margin:7px 7px 0!important;
  border-radius:16px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-type-chip, body.creator-directory-page[data-creator-directory="blogger"] .creator-platform-chip{
  top:9px!important;
  padding:5px 7px!important;
  font-size:.53rem!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-type-chip{right:9px!important}
body.creator-directory-page[data-creator-directory="blogger"] .creator-platform-chip{left:9px!important}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-identity{
  right:10px!important;left:10px!important;bottom:9px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-identity h3{
  margin-bottom:2px!important;
  font-size:.96rem!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-identity p{font-size:.57rem!important}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-body{
  padding:10px 10px 11px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-tags{
  gap:4px!important;
  margin-bottom:7px!important;
  min-height:22px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-tags span{
  padding:4px 6px!important;
  font-size:.52rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-metrics{
  gap:3px!important;
  padding:7px 4px!important;
  border-radius:13px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-metrics strong{font-size:.72rem!important}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-metrics span{margin-top:1px!important;font-size:.47rem!important}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-rating{
  gap:4px!important;
  margin-top:7px!important;
  font-size:.54rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-rating .star{font-size:.75rem!important}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-view{
  margin-inline-start:auto!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-bio{
  margin-top:6px!important;
  font-size:.58rem!important;
  line-height:1.55!important;
  -webkit-line-clamp:1!important;
  min-height:0!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-actions{
  grid-template-columns:1fr 34px!important;
  gap:5px!important;
  padding-top:8px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-actions a, body.creator-directory-page[data-creator-directory="blogger"] .creator-card-actions button{
  min-height:34px!important;
  border-radius:11px!important;
  font-size:.58rem!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-actions svg{width:14px!important;height:14px!important}

/* Compact footer on the directory page: no large dead zone after the cards. */
body.creator-directory-page[data-creator-directory="blogger"] .site-footer{
  padding:30px 0 12px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .footer-grid{
  gap:20px!important;
  padding-bottom:24px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .footer-brand p, body.creator-directory-page[data-creator-directory="blogger"] .footer-newsletter p{
  margin-block:7px!important;
  font-size:.72rem!important;
  line-height:1.7!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .footer-column, body.creator-directory-page[data-creator-directory="blogger"] .footer-newsletter{gap:6px!important}
body.creator-directory-page[data-creator-directory="blogger"] .footer-column h3, body.creator-directory-page[data-creator-directory="blogger"] .footer-newsletter h3{margin-bottom:4px!important;font-size:.78rem!important}
body.creator-directory-page[data-creator-directory="blogger"] .footer-column a, body.creator-directory-page[data-creator-directory="blogger"] .footer-link{font-size:.68rem!important;line-height:1.45!important}
body.creator-directory-page[data-creator-directory="blogger"] .social-links{margin-top:8px!important}
body.creator-directory-page[data-creator-directory="blogger"] .footer-bottom{
  min-height:46px!important;
  font-size:.65rem!important;
}

@media (max-width:1279px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:13px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-media{height:176px!important}
}
@media (max-width:1020px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-hero{
    min-height:300px!important;padding:96px 0 36px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-hero-grid{
    grid-template-columns:minmax(0,1.15fr) minmax(245px,.85fr)!important;gap:24px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-hero-art{height:170px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-art-photo.a{width:105px!important;height:150px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-art-photo.b{width:94px!important;height:128px!important;top:30px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-art-photo.c{width:78px!important;height:108px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-art-note{display:none!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-panel{grid-template-columns:1.3fr repeat(3,1fr)!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-field:first-child{grid-column:auto!important}
}
@media (max-width:760px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-hero{
    min-height:auto!important;padding:92px 0 24px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-hero-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-copy h1{font-size:clamp(2.05rem,10vw,3rem)!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-copy>p{font-size:.74rem!important;line-height:1.7!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-hero-art{display:none!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-shell{margin-top:-14px!important;padding-bottom:28px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-panel{grid-template-columns:1fr 1fr!important;gap:6px!important;padding:7px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-field:first-child{grid-column:1/-1!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-field input, body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-field select{height:39px!important;font-size:.65rem!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-toolbar{margin:14px 0 9px!important;align-items:center!important;flex-direction:row!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-heading span{display:none!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-heading h2{font-size:1.3rem!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-media{height:160px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-bio{display:none!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-view{display:none!important}
  body.creator-directory-page[data-creator-directory="blogger"] .site-footer{padding-top:24px!important}
}
@media (max-width:520px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-panel{grid-template-columns:1fr!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-filter-field:first-child{grid-column:auto!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid{grid-template-columns:1fr!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card{display:grid!important;grid-template-columns:126px minmax(0,1fr)!important;min-height:178px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-media{height:164px!important;margin:7px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-body{padding:9px 8px 9px 2px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-tags{margin-bottom:5px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-rating{margin-top:5px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-actions{padding-top:6px!important}
  body.creator-directory-page[data-creator-directory="blogger"] .footer-grid{gap:14px!important}
}

/* Blogger directory footer density: keep navigation useful without turning the page into a long footer. */
@media (min-width:901px){
  body.creator-directory-page[data-creator-directory="blogger"] .footer-grid{
    grid-template-columns:1.25fr .68fr .68fr 1.18fr!important;
    align-items:start!important;
    gap:18px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .footer-newsletter{
    grid-column:auto!important;
    max-width:none!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .newsletter-input input{
    min-height:40px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .newsletter-input .button{
    min-height:40px!important;
  }
}
@media (min-width:521px) and (max-width:900px){
  body.creator-directory-page[data-creator-directory="blogger"] .footer-grid{
    grid-template-columns:1.1fr .9fr!important;
    gap:16px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .footer-brand, body.creator-directory-page[data-creator-directory="blogger"] .footer-newsletter{
    grid-column:auto!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .footer-newsletter{display:none!important}
}
@media (max-width:520px){
  body.creator-directory-page[data-creator-directory="blogger"] .site-footer{
    padding:20px 0 8px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .footer-grid{
    display:block!important;
    padding-bottom:12px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .footer-column, body.creator-directory-page[data-creator-directory="blogger"] .footer-newsletter{
    display:none!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .footer-brand{
    text-align:center!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .footer-brand .brand{
    justify-content:center!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .footer-brand p{
    max-width:300px!important;
    margin:7px auto!important;
    font-size:.68rem!important;
    line-height:1.7!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .social-links{
    justify-content:center!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .footer-bottom{
    min-height:34px!important;
    padding-block:8px!important;
    align-items:center!important;
    text-align:center!important;
  }
}

/* Directory card readability pass — 2026-08-25.
   Keep every text group in its own layout row at all responsive widths. */
body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-media{
  height:210px!important;
  flex:0 0 auto!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-identity, body.creator-directory-page[data-creator-directory="blogger"] .creator-card-body, body.creator-directory-page[data-creator-directory="blogger"] .creator-card-tags, body.creator-directory-page[data-creator-directory="blogger"] .creator-card-rating{
  min-width:0!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-identity h3, body.creator-directory-page[data-creator-directory="blogger"] .creator-card-identity p{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:12px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  min-height:0!important;
  margin:0!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-tags span{
  max-width:100%!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-metrics{
  width:100%!important;
  min-width:0!important;
  padding:9px 5px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-metrics div{
  min-width:0!important;
  padding-inline:3px!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-metrics strong, body.creator-directory-page[data-creator-directory="blogger"] .creator-card-metrics span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-metrics span{
  font-size:.54rem!important;
  line-height:1.45!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-rating{
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr)!important;
  gap:5px!important;
  margin:0!important;
  overflow:visible!important;
  white-space:normal!important;
  align-items:center!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-rating>span:nth-of-type(2){
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-view{
  grid-column:1/-1!important;
  margin:0!important;
  white-space:nowrap!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-bio{
  margin:0!important;
  min-height:2.9em!important;
  -webkit-line-clamp:2!important;
}
body.creator-directory-page[data-creator-directory="blogger"] .creator-card-actions{
  width:100%!important;
  margin-top:auto!important;
  padding-top:2px!important;
}

@media (max-width:1279px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
}
@media (max-width:900px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-media{
    height:220px!important;
  }
}
@media (max-width:600px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card{
    min-height:0!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-media{
    width:auto!important;
    height:230px!important;
    margin:8px 8px 0!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-body{
    padding:12px 14px 14px!important;
    gap:10px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-bio{
    display:-webkit-box!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card-actions{
    grid-template-columns:1fr 40px!important;
  }
}

/* iBlogger v24 — blogger-card cleanup and responsive profile-photo layout.
   Blogger cards only: no favorite/eye-only buttons, names live outside photos,
   square right-side portrait on phones, and larger precision stars. */
.creator-card[data-entity-type="blogger"] .creator-favorite, .creator-card[data-entity-type="blogger"] .creator-secondary, body.home-page.v4-page .mph-profile-card .mph-heart{
  display:none !important;
}

.creator-card[data-entity-type="blogger"] .creator-card-media::after{
  display:none !important;
}

.creator-card[data-entity-type="blogger"] .creator-card-identity{
  position:static !important;
  inset:auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 0 10px !important;
  padding:0 !important;
  color:#171a36 !important;
  background:transparent !important;
  text-shadow:none !important;
}
.creator-card[data-entity-type="blogger"] .creator-card-identity h3{
  max-width:100% !important;
  margin:0 0 3px !important;
  color:#171a36 !important;
  font-size:1.12rem !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.creator-card[data-entity-type="blogger"] .creator-card-identity p{
  max-width:100% !important;
  margin:0 !important;
  color:#7a819d !important;
  font-size:.68rem !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}



.creator-card[data-entity-type="blogger"] .creator-card-actions{
  grid-template-columns:1fr !important;
}
.creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary{
  width:100% !important;
}
.creator-card[data-entity-type="blogger"] .creator-card-stars{
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
  font-size:1.05rem !important;
  line-height:1 !important;
}
.creator-card[data-entity-type="blogger"] .creator-card-stars .rating-star{
  font-size:inherit !important;
}

/* Defensive cleanup for the dormant compact homepage cards too. */
body.home-page.v4-page .mph-profile-card .mph-view .home-text-icon{
  display:none !important;
}

@media (min-width:721px) {
  .creator-card[data-entity-type="blogger"] .creator-card-media img{
    object-position:center 15% !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity h3{
    font-size:1.05rem !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity p{
    font-size:.66rem !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-stars, body.home-page.v4-page .creator-card[data-entity-type="blogger"] .creator-card-stars{
    font-size:1.08rem !important;
  }
}

@media (max-width:720px) {
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid, body.home-page.v4-page .v4-entity-grid{
    grid-template-columns:1fr !important;
  }

  .creator-card[data-entity-type="blogger"]{
    direction:ltr !important;
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:flex-start !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .creator-card[data-entity-type="blogger"] .creator-card-media{
    align-self:flex-start !important;
    flex:0 0 124px !important;
    width:124px !important;
    height:124px !important;
    aspect-ratio:1 / 1 !important;
    margin:12px 12px 12px 8px !important;
    border-radius:16px !important;
    overflow:hidden !important;
    flex:none !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:50% 14% !important;
    transform:none !important;
  }
  .creator-card[data-entity-type="blogger"]:hover .creator-card-media img{
    transform:none !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-type-chip{
    top:7px !important;
    right:7px !important;
    padding:4px 7px !important;
    font-size:.57rem !important;
  }

  .creator-card[data-entity-type="blogger"] .creator-card-body{
    direction:rtl !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    min-width:0 !important;
    padding:12px 10px 12px 8px !important;
    gap:7px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity{
    margin:0 0 2px !important;
    text-align:right !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity h3{
    font-size:1rem !important;
    line-height:1.35 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity p{
    font-size:.68rem !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-tags{
    min-height:0 !important;
    margin:0 !important;
    gap:4px !important;
    flex-wrap:wrap !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-tags span{
    padding:4px 6px !important;
    font-size:.6rem !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics{
    gap:2px !important;
    padding:7px 3px !important;
    border-radius:11px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics strong{
    font-size:.78rem !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics span{
    font-size:.52rem !important;
    line-height:1.35 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-rating{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:5px !important;
    margin:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    font-size:.62rem !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-stars{
    flex:0 0 auto !important;
    font-size:1.12rem !important;
    gap:2px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-view{
    display:none !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-bio{
    display:-webkit-box !important;
    margin:0 !important;
    min-height:0 !important;
    font-size:.62rem !important;
    line-height:1.65 !important;
    -webkit-line-clamp:2 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    margin-top:0 !important;
    padding-top:2px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-actions a{
    min-height:34px !important;
    border-radius:11px !important;
    font-size:.68rem !important;
  }
}

@media (max-width:360px) {
  .creator-card[data-entity-type="blogger"] .creator-card-media{
    flex-basis:108px !important;
    width:108px !important;
    height:108px !important;
    margin:10px 10px 10px 7px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-body{
    padding:10px 8px 10px 7px !important;
    gap:6px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-stars{
    font-size:1.04rem !important;
  }
}

/* v24.1 — high-specificity mobile enforcement against legacy directory rules. */
@media (max-width:720px) {
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"], body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]{
    direction:ltr !important;
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:flex-start !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media{
    align-self:flex-start !important;
    flex:0 0 124px !important;
    width:124px !important;
    height:124px !important;
    aspect-ratio:1 / 1 !important;
    margin:12px 12px 12px 8px !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media img, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:50% 14% !important;
    transform:none !important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-body, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-body{
    direction:rtl !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    min-width:0 !important;
    padding:12px 10px 12px 8px !important;
    gap:7px !important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:360px) {
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media{
    flex-basis:108px !important;
    width:108px !important;
    height:108px !important;
    margin:10px 10px 10px 7px !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-body, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-body{
    padding:10px 8px 10px 7px !important;
    gap:6px !important;
  }
}

/* iBlogger v27 — blogger card proportion and alignment refinement.
   Scope: blogger cards on homepage + blogger directory only.
   Goal: consistent internal rhythm, readable metadata, balanced portraits and aligned actions. */
.creator-card[data-entity-type="blogger"]{
  --bc-gap: 11px;
}
.creator-card[data-entity-type="blogger"] .creator-card-body{
  min-width: 0 !important;
}
.creator-card[data-entity-type="blogger"] .creator-card-identity, .creator-card[data-entity-type="blogger"] .creator-card-tags, .creator-card[data-entity-type="blogger"] .creator-card-metrics, .creator-card[data-entity-type="blogger"] .creator-card-rating, .creator-card[data-entity-type="blogger"] .creator-card-bio, .creator-card[data-entity-type="blogger"] .creator-card-actions{
  box-sizing: border-box !important;
}
.creator-card[data-entity-type="blogger"] .creator-card-tags span, .creator-card[data-entity-type="blogger"] .creator-card-rating, .creator-card[data-entity-type="blogger"] .creator-card-bio{
  text-wrap: pretty;
}
.creator-card[data-entity-type="blogger"] .creator-card-rating{
  min-width: 0 !important;
}
.creator-card[data-entity-type="blogger"] .creator-card-stars{
  letter-spacing: 0 !important;
}
.creator-card[data-entity-type="blogger"] .creator-card-actions{
  align-self: stretch !important;
}

@media (min-width:721px) {
  .creator-card[data-entity-type="blogger"]{
    height: 100% !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-media{
    margin: 10px 10px 0 !important;
    border-radius: 20px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-body{
    display: grid !important;
    grid-template-rows: auto auto auto auto minmax(2.9em,1fr) auto !important;
    align-content: start !important;
    gap: var(--bc-gap) !important;
    padding: 15px 16px 16px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity{
    margin: 0 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity h3{
    margin-bottom: 4px !important;
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity p{
    font-size: .69rem !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-tags{
    min-height: 26px !important;
    margin: 0 !important;
    gap: 6px !important;
    align-items: center !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-tags span{
    padding: 5px 8px !important;
    font-size: .61rem !important;
    line-height: 1.25 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics{
    margin: 0 !important;
    padding: 10px 7px !important;
    gap: 0 !important;
    border-radius: 15px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics div{
    min-width: 0 !important;
    padding-inline: 4px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics strong{
    font-size: .82rem !important;
    line-height: 1.25 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics span{
    margin-top: 3px !important;
    font-size: .55rem !important;
    line-height: 1.3 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-rating{
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    font-size: .64rem !important;
    line-height: 1.45 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-stars{
    font-size: 1.13rem !important;
    gap: 1.5px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-view{
    margin-inline-start: auto !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: rgba(111,108,246,.10) !important;
    color: #635fe3 !important;
    font-size: .58rem !important;
    font-weight: 850 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-bio{
    align-self: start !important;
    min-height: 2.9em !important;
    margin: 0 !important;
    font-size: .67rem !important;
    line-height: 1.65 !important;
    -webkit-line-clamp: 2 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-actions{
    margin: 0 !important;
    padding: 0 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-actions a{
    min-height: 39px !important;
    border-radius: 12px !important;
    font-size: .68rem !important;
  }

  /* Directory-specific legacy compact rules were too dense; normalize them. */
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-body{
    padding: 15px 14px 14px !important;
    gap: 9px !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags{
    min-height: 25px !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags span{
    padding: 5px 7px !important;
    font-size: .59rem !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics{
    padding: 9px 6px !important;
    gap: 0 !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics strong{
    font-size: .79rem !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics span{
    font-size: .53rem !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating{
    margin: 0 !important;
    gap: 5px !important;
    font-size: .61rem !important;
    overflow: visible !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-stars{
    font-size: 1.12rem !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-bio{
    display: -webkit-box !important;
    min-height: 3em !important;
    margin: 0 !important;
    font-size: .64rem !important;
    line-height: 1.6 !important;
    -webkit-line-clamp: 2 !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions{
    padding: 0 !important;
  }
}

@media (max-width:720px) {
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"], body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]{
    display: grid !important;
    grid-template-columns: 124px minmax(0,1fr) !important;
    direction: rtl !important;
    align-items: stretch !important;
    min-height: 0 !important;
    border-radius: 22px !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media{
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
    margin: 12px 12px 0 0 !important;
    border-radius: 15px !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media img, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media img{
    object-fit: cover !important;
    object-position: 50% 13% !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-body, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-body{
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-rows: auto auto auto auto auto auto !important;
    align-content: start !important;
    min-width: 0 !important;
    gap: 7px !important;
    padding: 12px 12px 12px 8px !important;
    direction: rtl !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity{
    margin: 0 !important;
    text-align: right !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity h3{
    margin-bottom: 2px !important;
    font-size: 1rem !important;
    line-height: 1.3 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity p{
    font-size: .66rem !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-tags{
    min-height: 0 !important;
    margin: 0 !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-tags span{
    padding: 4px 6px !important;
    font-size: .59rem !important;
    line-height: 1.25 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics{
    margin: 0 !important;
    padding: 7px 3px !important;
    gap: 0 !important;
    border-radius: 12px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics div{
    min-width: 0 !important;
    padding-inline: 2px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics strong{
    font-size: .77rem !important;
    line-height: 1.2 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-metrics span{
    margin-top: 2px !important;
    font-size: .51rem !important;
    line-height: 1.25 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-rating{
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin: 0 !important;
    font-size: .61rem !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-stars{
    font-size: 1.12rem !important;
    gap: 1px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-bio{
    display: -webkit-box !important;
    min-height: 0 !important;
    margin: 0 !important;
    font-size: .61rem !important;
    line-height: 1.55 !important;
    -webkit-line-clamp: 2 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-actions{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-actions a{
    min-height: 34px !important;
    border-radius: 10px !important;
    font-size: .65rem !important;
  }
}

@media (max-width:360px) {
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"], body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]{
    grid-template-columns: 108px minmax(0,1fr) !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media{
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    margin: 10px 10px 0 0 !important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-body, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-body{
    gap: 6px !important;
    padding: 10px 9px 10px 6px !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-stars{
    font-size: 1.06rem !important;
  }
}


/* SOURCE css/header-scroll-clean-v1.css */
/* Header scroll cleanup — keep the fixed outer header completely paint-free.
   Only the centered pill (.header-inner) receives a surface after scrolling. */
body.home-page.v4-page .site-header.service-header, body.home-page.v4-page .site-header.service-header.is-scrolled{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* At the very top, preserve the exact Hero background through the pill. */
body.home-page.v4-page .site-header.service-header:not(.is-scrolled) .header-inner{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* After scrolling, paint only the actual centered header capsule. */
body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner{
  background:#605f5d !important;
  background-color:#605f5d !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 10px 30px rgba(20,20,20,.12) !important;
  backdrop-filter:blur(20px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(135%) !important;
}

/* Keep the pill transition clean; the full-width fixed wrapper never paints. */
body.home-page.v4-page .site-header.service-header .header-inner{
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease !important;
}


/* SOURCE css/mobile-system-v1.css */
/* =========================================================
   iBlogger Mobile System v1
   Final mobile-only consolidation layer, loaded last.
   Scope: 900px and below, with touch-specific refinements.
   ========================================================= */

@media (max-width:900px){
  html{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:82px}
  body{width:100%;max-width:100%;overflow-x:clip}
  *, *::before, *::after{box-sizing:border-box}
  body :where(main,section,article,aside,header,footer,nav,form,fieldset,div){min-width:0}
  img, video, canvas, svg, iframe{max-width:100%}
  table{max-width:100%}
  pre, code{max-width:100%;overflow-wrap:anywhere}
  :where(h1,h2,h3,h4,p,a,span,strong,small,label,button){overflow-wrap:anywhere}
  :where(input,select,textarea,button){max-width:100%}

  /* shared V4 shell */
  body.v4-page .container{width:min(calc(100% - 24px),760px)!important}
  body.v4-page .site-header{top:max(8px,env(safe-area-inset-top))!important;padding-inline:6px!important}
  body.v4-page .site-header .header-inner{
    width:100%!important;min-height:56px!important;height:auto!important;margin:0 auto!important;padding:6px 8px!important;
    gap:7px!important;border-radius:18px!important
  }
  body.v4-page .site-header .brand{margin-inline-end:auto!important}
  body.v4-page .site-header .site-logo-image{width:auto!important;height:31px!important;max-width:116px!important}
  body.v4-page .site-header .icon-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  body.v4-page .desktop-nav, body.v4-page .service-account{display:none!important}
  body.v4-page .menu-toggle{display:grid!important}

  body.v4-page .mobile-nav{
    width:min(92vw,380px)!important;max-width:100%!important;padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important
  }
  body.v4-page .mobile-nav-head{min-height:52px!important;padding-bottom:12px!important}
  body.v4-page .mobile-nav-close{width:44px!important;height:44px!important;min-width:44px!important}
  body.v4-page .mobile-nav-links{gap:5px!important;padding-block:14px!important}
  body.v4-page .mobile-nav-links>a, body.v4-page .mobile-nav-links summary{min-height:48px!important;padding:11px 12px!important;border-radius:13px!important;font-size:.88rem!important}
  body.v4-page .mobile-nav-links small{font-size:.72rem!important;line-height:1.55!important}
  body.v4-page .mobile-feedback-submenu{padding:5px 0!important}
  body.v4-page .mobile-nav-actions{gap:8px!important;padding-top:8px!important}
  body.v4-page .mobile-nav-actions .button{min-height:48px!important;width:100%!important}

  /* general controls and cards */
  body.v4-page :where(.v4-btn,.button,.icon-button,button,a.button){touch-action:manipulation}
  body.v4-page .v4-section{padding:54px 0!important}
  body.v4-page .v4-section-head{gap:12px!important;margin-bottom:24px!important}
  body.v4-page .v4-section-head h2, body.v4-page .v4-creators-head h2, body.v4-page .v4-faq h2{font-size:clamp(1.85rem,8vw,2.55rem)!important;line-height:1.1!important;letter-spacing:-.045em!important}
  body.v4-page .v4-section-head>p{font-size:.88rem!important;line-height:1.85!important}
  body.v4-page .v4-panel{padding:18px!important;border-radius:22px!important}
  body.v4-page .v4-panel-head{margin-bottom:16px!important}
  body.v4-page .v4-panel-head h2, body.v4-page .v4-panel-head h3{font-size:1.05rem!important;line-height:1.45!important}
  body.v4-page .v4-notice{padding:13px!important;border-radius:16px!important}
  body.v4-page .v4-notice p{font-size:.82rem!important;line-height:1.8!important}

  /* Internal hero pages */
  body.v4-page .v4-inner-hero{min-height:auto!important;padding:104px 0 44px!important}
  body.v4-page .v4-inner-hero-grid{grid-template-columns:1fr!important;gap:22px!important}
  body.v4-page .v4-inner-hero h1{font-size:clamp(2.2rem,10vw,3.15rem)!important;line-height:1.04!important;letter-spacing:-.05em!important;margin:12px 0 14px!important}
  body.v4-page .v4-inner-hero p{font-size:.9rem!important;line-height:1.9!important}
  body.v4-page .v4-breadcrumb{font-size:.72rem!important;line-height:1.6!important;margin-bottom:12px!important}
  body.v4-page .v4-eyebrow{font-size:.7rem!important;padding:7px 10px!important}
  body.v4-page .v4-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:20px!important}
  body.v4-page .v4-hero-actions .v4-btn{width:100%!important;min-height:47px!important;padding-inline:12px!important}
  body.v4-page .v4-hero-art{min-height:250px!important;width:100%!important;overflow:visible!important}
  body.v4-page .v4-photo-stack{width:min(330px,94vw)!important;height:250px!important;margin:auto!important;transform:scale(.78)!important;transform-origin:center!important}
  body.v4-page .v4-art-note{max-width:min(250px,74vw)!important}
  body.v4-page .v4-campaign-art{display:block!important;min-height:230px!important}
  body.v4-page .v4-campaign-art>img{display:none!important}
  body.v4-page .v4-campaign-card{width:100%!important;max-width:100%!important;padding:20px!important;border-radius:23px!important}
  body.v4-page .v4-smart-art{min-height:260px!important}
  body.v4-page .v4-smart-console{width:100%!important;max-width:360px!important;padding:15px!important;border-radius:22px!important}
  body.v4-page .v4-console-row{gap:9px!important;padding:11px 8px!important}
  body.v4-page .v4-orb{width:210px!important;height:210px!important}
  body.v4-page .v4-guarantee-art{min-height:250px!important}
  body.v4-page .v4-shield{width:180px!important;height:205px!important}
  body.v4-page .v4-shield span{width:62px!important;height:62px!important;font-size:1.7rem!important}
  body.v4-page .v4-guarantee-float{width:min(230px,72vw)!important;left:0!important;bottom:0!important;padding:14px!important}
  body.v4-page .v4-benefit-art{min-height:300px!important}
  body.v4-page .v4-benefit-art>img{width:min(250px,72vw)!important;height:300px!important;border-radius:26px!important}
  body.v4-page .v4-benefit-badge{right:12px!important;bottom:3px!important;max-width:230px!important;padding:12px 14px!important}

  /* all form controls */
  body.v4-page :where(.v4-form,.v4-submission-grid,.v4-filter-bar,.feedback-toolbar) :where(input,select,textarea), body.service-page :where(.ui-input,.ui-select,.ui-textarea), body.service-page :where(input,select,textarea){min-width:0!important;width:100%!important}
  body.v4-page .field-grid, body.v4-page .field-grid.two, body.v4-page .submission-form-grid, body.v4-page .moderation-fields{grid-template-columns:1fr!important;gap:11px!important}
  body.v4-page .v4-filter-bar, body.service-page .filter-toolbar{grid-template-columns:1fr!important;gap:10px!important}
  body.v4-page .v4-filter-bar .ui-field:first-child, body.service-page .filter-toolbar .ui-field:first-child{grid-column:auto!important}
  body.v4-page .form-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.v4-page .form-actions :where(.button,.v4-btn){width:100%!important;min-height:48px!important}

  /* Access/summary blocks */
  body.service-page .access-gate{grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;padding:15px!important}
  body.service-page .access-gate-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  body.service-page .access-gate-actions .button{width:100%!important;min-width:0!important}
  body.v4-page .smart-summary{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.v4-page .summary-tile{padding:13px!important}

  /* Home below hero (hero itself has a dedicated isolated implementation) */
  body.home-page.v4-page .v4-benefit-intro{padding-top:18px!important}
  body.home-page.v4-page .v4-split-card{grid-template-columns:1fr!important;padding:16px!important;gap:20px!important;border-radius:26px!important}
  body.home-page.v4-page .v4-split-copy h2{font-size:clamp(2rem,9vw,2.65rem)!important;line-height:1.08!important}
  body.home-page.v4-page .v4-split-copy p{font-size:.88rem!important;line-height:1.9!important}
  body.home-page.v4-page .v4-split-visual{height:285px!important;border-radius:21px!important}
  body.home-page.v4-page .v4-service-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.home-page.v4-page .v4-service-grid .v4-service-card:last-child{grid-column:auto!important}
  body.home-page.v4-page .v4-service-card{border-radius:25px!important;padding:14px 14px 21px!important}
  body.home-page.v4-page .v4-service-media{height:220px!important;border-radius:19px!important}
  body.home-page.v4-page .v4-creators-head{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  body.home-page.v4-page .v4-creator-actions{width:100%!important;justify-content:space-between!important;gap:8px!important}
  body.home-page.v4-page .v4-entity-switch{flex:1!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  body.home-page.v4-page .v4-entity-switch .entity-switch-button{padding:10px 9px!important}
  body.home-page.v4-page .v4-entity-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.home-page.v4-page .v4-add-shell{grid-template-columns:1fr!important;padding:18px!important;border-radius:26px!important}
  body.home-page.v4-page .v4-add-copy h2{font-size:clamp(2rem,9vw,2.6rem)!important}
  body.home-page.v4-page .v4-add-collage{height:250px!important}
  body.home-page.v4-page .v4-workflow-shell, body.home-page.v4-page .v4-faq-grid{grid-template-columns:1fr!important}
  body.home-page.v4-page .v4-steps{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.home-page.v4-page .v4-final-shell{padding:24px!important;border-radius:25px!important}
  body.home-page.v4-page .v4-final-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}

  /* Blogger drawer */
  body.v4-page .blogger-drawer-panel{inset:0!important;border-radius:0!important}
  body.v4-page .blogger-drawer-head{padding:68px 15px 18px!important}
  body.v4-page .blogger-drawer-head h2{font-size:1.9rem!important;line-height:1.08!important}
  body.v4-page .blogger-drawer-head p{font-size:.8rem!important;line-height:1.75!important}
  body.v4-page .blogger-drawer-tools{display:grid!important;grid-template-columns:1fr!important;max-width:none!important;width:100%!important}
  body.v4-page .blogger-search{min-height:48px!important;font-size:16px!important}
  body.v4-page .blogger-result-count{justify-self:start!important}
  body.v4-page .blogger-drawer-scroll{padding:12px!important}
  body.v4-page .blogger-drawer-scroll .blogger-grid{grid-template-columns:1fr!important;gap:11px!important}
  body.v4-page .blogger-drawer .modal-close{top:15px!important;left:14px!important;width:44px!important;height:44px!important}

  /* Add blogger */
  body.v4-page .v4-submission-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.v4-page .v4-track-panel{position:static!important}
  body.v4-page .v4-track-search{grid-template-columns:1fr!important;gap:8px!important}
  body.v4-page .v4-track-search .button{width:100%!important;min-height:48px!important}
  body.v4-page .v4-segmented{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}

  /* Opportunities */
  body.v4-page .v4-opportunity-grid{grid-template-columns:1fr!important;gap:11px!important}
  body.v4-page .opportunity-card{padding:17px!important;border-radius:20px!important}

  /* Smart ads */
  body.v4-page .v4-smart-workspace{grid-template-columns:1fr!important;gap:14px!important}
  body.v4-page .v4-order-sidebar{position:static!important}
  body.v4-page .order-list{grid-template-columns:1fr!important;max-height:none!important}

  /* Guarantee */
  body.v4-page .v4-role-switch{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;overflow:visible!important;border-radius:16px!important}
  body.v4-page .v4-role-switch .role-tab{min-width:0!important;padding-inline:8px!important}
  body.v4-page .v4-role-intro{grid-template-columns:1fr!important;gap:9px!important}
  body.v4-page .v4-role-intro article{padding:17px!important;border-radius:18px!important}
  body.v4-page .v4-guarantee-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.v4-page .v4-offer-panel{position:static!important}
  body.v4-page .offer-item{grid-template-columns:1fr!important}

  /* Benefits */
  body.v4-page .v4-benefit-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;overflow:visible!important;border-radius:16px!important;gap:4px!important}
  body.v4-page .v4-benefit-tabs .benefit-role-tab{min-width:0!important;white-space:normal!important;padding:9px 6px!important;font-size:.72rem!important;line-height:1.4!important}
  body.v4-page .v4-benefit-layout{grid-template-columns:1fr!important;gap:12px!important}
  body.v4-page .v4-benefit-highlight{padding:22px!important;border-radius:22px!important}
  body.v4-page .v4-benefit-highlight h2{font-size:1.75rem!important}
  body.v4-page .v4-benefit-grid, body.v4-page .v4-principles{grid-template-columns:1fr!important;gap:10px!important}
  body.v4-page .v4-benefit-grid article, body.v4-page .v4-principles article{padding:18px!important;border-radius:19px!important}

  /* Feedback redesigned pages */
  body.v4-feedback-page .v4-feedback-hero{min-height:auto!important;padding:100px 0 58px!important}
  body.v4-feedback-page .v4-feedback-hero-grid{grid-template-columns:1fr!important;gap:24px!important}
  body.v4-feedback-page .v4-feedback-hero h1{font-size:clamp(2.25rem,10vw,3rem)!important;line-height:1.03!important;letter-spacing:-.05em!important}
  body.v4-feedback-page .v4-feedback-lead{font-size:.9rem!important;line-height:1.9!important}
  body.v4-feedback-page .v4-feedback-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.v4-feedback-page .v4-feedback-actions .v4-btn{width:100%!important}
  body.v4-feedback-page .v4-feedback-trust{gap:6px!important}
  body.v4-feedback-page .v4-feedback-trust span{font-size:.67rem!important}
  body.v4-feedback-page .v4-feedback-art{min-height:245px!important;overflow:hidden!important}
  body.v4-feedback-page .v4-feedback-photo-stage{width:340px!important;height:260px!important;max-width:100%!important;transform:scale(.72)!important;transform-origin:center!important;margin:auto!important}
  body.v4-feedback-page .v4-feedback-values{margin-top:-18px!important}
  body.v4-feedback-page .v4-feedback-values-grid{grid-template-columns:1fr!important;padding:9px!important;border-radius:22px!important;gap:7px!important}
  body.v4-feedback-page .v4-feedback-value{padding:12px!important}
  body.v4-feedback-page .v4-feedback-directory{padding:54px 0!important}
  body.v4-feedback-page .v4-feedback-section-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  body.v4-feedback-page .feedback-toolbar{position:static!important;grid-template-columns:1fr!important;gap:9px!important;padding:12px!important}
  body.v4-feedback-page .feedback-search{grid-column:auto!important}
  body.v4-feedback-page :where(.feedback-search input,.feedback-select){min-height:48px!important;width:100%!important}
  body.v4-feedback-page .feedback-grid{grid-template-columns:1fr!important;gap:11px!important}
  body.v4-feedback-page .feedback-card{padding:17px!important;border-radius:20px!important}
  body.v4-feedback-page .v4-feedback-guidance{padding-bottom:54px!important}
  body.v4-feedback-page .v4-feedback-guidance-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.v4-feedback-page .v4-feedback-editorial{padding:21px!important;border-radius:22px!important}
  body.v4-feedback-page .v4-feedback-switch-card{align-items:stretch!important;flex-direction:column!important}
  body.v4-feedback-page .v4-feedback-switch-card .v4-btn{width:100%!important}

  /* Footer */
  body.v4-page .site-footer{padding:44px 0 calc(18px + env(safe-area-inset-bottom))!important}
  body.v4-page .footer-grid{grid-template-columns:1fr!important;gap:25px!important}
  body.v4-page .footer-brand{grid-column:auto!important}
  body.v4-page .footer-brand p{font-size:.82rem!important;line-height:1.9!important}
  body.v4-page .footer-column h3, body.v4-page .footer-newsletter h3{font-size:.86rem!important;margin-bottom:10px!important}
  body.v4-page .footer-column a{min-height:36px!important;display:flex!important;align-items:center!important;font-size:.8rem!important}
  body.v4-page .footer-bottom{gap:12px!important;flex-direction:column!important;align-items:flex-start!important;font-size:.7rem!important}

  /* Service modals/toasts */
  body.service-page .service-modal{padding:0!important;place-items:end center!important}
  body.service-page .service-modal-panel{width:100%!important;max-width:none!important;max-height:94dvh!important;border-radius:24px 24px 0 0!important;padding:22px 16px calc(20px + env(safe-area-inset-bottom))!important}
  body.service-page .service-toast-region{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important}
}

/* Actual touch phones: readability beats desktop display-scaling compaction. */
@media (max-width:620px) and (hover:none) and (pointer:coarse){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{min-height:720px!important;height:max(720px,100dvh)!important}
  html body.home-page.v4-page #top{--hero-copy-top-edge:72px!important;--hero-photo-zone:210px!important}
  html body.home-page.v4-page #top .v4-hero-copy{width:min(94vw,520px)!important}
  html body.home-page.v4-page #top .v4-eyebrow{font-size:.67rem!important;padding:6px 9px!important}
  html body.home-page.v4-page #top .v4-hero-copy h1{font-size:clamp(2.25rem,10.5vw,3rem)!important;line-height:.98!important;margin:10px 0 12px!important}
  html body.home-page.v4-page #top .v4-hero-copy>p{max-width:340px!important;font-size:.83rem!important;line-height:1.8!important}
  html body.home-page.v4-page #top .v4-hero-actions{margin-top:13px!important;gap:7px!important}
  html body.home-page.v4-page #top .v4-hero-actions .v4-btn{min-height:44px!important;padding:8px 13px!important;font-size:.76rem!important}
  html body.home-page.v4-page #top .v4-hero-chips{margin-top:10px!important;gap:5px!important;flex-wrap:wrap!important}
  html body.home-page.v4-page #top .v4-hero-chips span{padding:5px 7px!important;font-size:.62rem!important;line-height:1.25!important}
  html body.home-page.v4-page #heroPhotoWheel{height:210px!important}

  :where(input,select,textarea){font-size:16px!important}
  :where(button,.button,.v4-btn,a.button){min-height:44px}
  body.v4-page :where(.ui-field label,.submission-field label,.field label){font-size:.79rem!important}
}

@media (max-width:430px){
  body.v4-page .container{width:calc(100% - 18px)!important}
  body.v4-page .site-header{padding-inline:4px!important}
  body.v4-page .site-header .header-inner{padding:5px 6px!important;gap:5px!important;border-radius:16px!important}
  body.v4-page .site-header .site-logo-image{height:29px!important;max-width:108px!important}
  body.v4-page .site-header .icon-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  body.v4-page .v4-hero-actions{grid-template-columns:1fr!important}
  body.v4-page .v4-inner-hero h1{font-size:2.25rem!important}
  body.v4-page .v4-hero-art{min-height:225px!important}
  body.v4-page .v4-final-actions{grid-template-columns:1fr!important}
  body.v4-page .smart-summary{grid-template-columns:1fr!important}
  body.service-page .access-gate{grid-template-columns:1fr!important}
  body.service-page .access-gate-icon{margin-bottom:2px!important}
  body.service-page .access-gate-actions{grid-column:auto!important;grid-template-columns:1fr!important}
  body.v4-page .v4-benefit-tabs .benefit-role-tab{font-size:.66rem!important;padding-inline:4px!important}
  body.v4-feedback-page .v4-feedback-photo-stage{transform:scale(.64)!important}
}

/* Auth pages */
@media (max-width:680px){
  body.auth-page{overflow-x:clip!important}
  body.auth-page .authn-shell{width:100%!important;min-height:100dvh!important}
  body.auth-page .authn-form-pane{padding:8px 9px calc(14px + env(safe-area-inset-bottom))!important}
  body.auth-page .authn-topbar{min-height:52px!important;padding:6px 7px!important;border-radius:16px!important}
  body.auth-page .authn-brand .site-logo-image{height:31px!important;max-width:118px!important}
  body.auth-page .authn-back, body.auth-page .authn-theme{min-width:42px!important;width:42px!important;min-height:42px!important;height:42px!important}
  body.auth-page .authn-form-wrap, body.auth-page .authn-signup-wrap{width:100%!important;max-width:540px!important;padding:18px 2px 8px!important}
  body.auth-page .authn-heading{margin-bottom:12px!important}
  body.auth-page .authn-heading h1{font-size:clamp(1.8rem,8.5vw,2.2rem)!important;line-height:1.08!important}
  body.auth-page .authn-heading p{font-size:.82rem!important;line-height:1.75!important}
  body.auth-page .authn-form{padding:14px!important;border-radius:19px!important;gap:11px!important}
  body.auth-page .authn-input{min-height:48px!important;border-radius:14px!important}
  body.auth-page .authn-input input{height:44px!important;font-size:16px!important;min-width:0!important}
  body.auth-page .authn-submit, body.auth-page .authn-google{min-height:48px!important;border-radius:14px!important}
  body.auth-page .authn-switch{font-size:.75rem!important;line-height:1.6!important}
  body.auth-page .authn-security{font-size:.68rem!important;line-height:1.6!important}
  body.auth-page.signup-page .authn-role-selector{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.auth-page.signup-page .authn-role-card{min-height:84px!important;padding:8px 4px!important}
  body.auth-page.signup-page .authn-row{grid-template-columns:1fr!important;gap:8px!important}
  body.auth-page.signup-page .authn-field>label{font-size:.73rem!important}
  body.auth-page.signup-page .authn-terms-wrap{padding:9px!important}
}
@media (min-width:380px) and (max-width:680px){
  body.auth-page.signup-page .authn-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Blogger profile dashboard */
@media (max-width:660px){
  body.profile-dashboard-body{overflow-x:clip!important}
  body.profile-dashboard-body .profile-dashboard-brandbar{width:calc(100% - 16px)!important;min-height:58px!important;margin:8px auto 0!important;padding:7px 9px!important;border-radius:15px!important}
  body.profile-dashboard-body .profile-dashboard-logo .site-logo-image{height:31px!important;max-width:116px!important}
  body.profile-dashboard-body .profile-dashboard-main{padding:12px 0 22px!important}
  body.profile-dashboard-body .profile-dashboard-shell{width:calc(100% - 16px)!important}
  body.profile-dashboard-body .influencer-dashboard{grid-template-columns:1fr!important;gap:12px!important}
  body.profile-dashboard-body .pd-card{border-radius:16px!important}
  body.profile-dashboard-body .influencer-profile-panel{padding:14px 11px!important}
  body.profile-dashboard-body .profile-avatar-frame{width:138px!important;height:138px!important}
  body.profile-dashboard-body .profile-actions{grid-template-columns:1fr!important;gap:8px!important}
  body.profile-dashboard-body .profile-actions .button{min-height:46px!important}
  body.profile-dashboard-body .analytics-toolbar{flex-direction:column!important;align-items:stretch!important}
  body.profile-dashboard-body .range-picker{width:100%!important;overflow-x:auto!important;display:flex!important}
  body.profile-dashboard-body .range-picker button{flex:1 0 auto!important;min-height:42px!important}
  body.profile-dashboard-body .analytics-charts{grid-template-columns:1fr!important}
  body.profile-dashboard-body .analytics-chart-card{height:240px!important;padding:12px 8px 8px!important}
  body.profile-dashboard-body .performance-summary{grid-template-columns:1fr!important}
  body.profile-dashboard-body .real-data-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.profile-dashboard-body .profile-dialog{width:calc(100% - 16px)!important;max-height:92dvh!important;overflow:auto!important;padding:20px 14px!important;border-radius:18px!important}
  body.profile-dashboard-body .profile-quick-form input, body.profile-dashboard-body .profile-quick-form textarea{font-size:16px!important}
  body.profile-dashboard-body .profile-dialog-actions{grid-template-columns:1fr!important}
}
@media (max-width:380px){body.profile-dashboard-body .real-data-grid{grid-template-columns:1fr!important}}

/* Reviewer/customer profile */
@media (max-width:520px){
  body.reviewer-page-body{overflow-x:clip!important}
  body.reviewer-page-body .reviewer-brandbar{width:calc(100% - 16px)!important;min-height:58px!important;margin:8px auto 0!important;padding:7px 9px!important;border-radius:15px!important}
  body.reviewer-page-body .reviewer-brand-logo .site-logo-image{height:31px!important;max-width:116px!important}
  body.reviewer-page-body .reviewer-profile-main{padding:14px 0 24px!important}
  body.reviewer-page-body .reviewer-profile-shell{width:calc(100% - 16px)!important}
  body.reviewer-page-body .reviewer-profile-layout{grid-template-columns:1fr!important;gap:12px!important}
  body.reviewer-page-body .reviewer-summary-card, body.reviewer-page-body .reviewer-history-panel{border-radius:17px!important}
  body.reviewer-page-body .reviewer-summary-card{padding:20px 14px!important}
  body.reviewer-page-body .reviewer-profile-avatar{width:104px!important;height:104px!important;border-radius:29px!important}
  body.reviewer-page-body .reviewer-history-panel{padding:16px 12px!important}
  body.reviewer-page-body .reviewer-history-panel>header{flex-direction:column!important;gap:8px!important}
  body.reviewer-page-body .reviewer-history-card{padding:14px!important}
  body.reviewer-page-body .reviewer-history-card footer{flex-direction:column!important;align-items:flex-start!important}
}

/* Moderation mobile: align legacy admin UI with the current site language. */
@media (max-width:900px){
  body.service-page:not(.v4-page){background:#f4f5fb!important;overflow-x:clip!important}
  body.service-page:not(.v4-page) .site-header{position:sticky!important;top:0!important;background:#0c0f28!important;border-bottom:0!important}
  body.service-page:not(.v4-page) .site-header .header-inner{width:calc(100% - 16px)!important;min-height:58px!important;gap:7px!important}
  body.service-page:not(.v4-page) .site-header .site-logo-image{height:31px!important;max-width:116px!important;filter:brightness(0) invert(1)!important}
  body.service-page:not(.v4-page) .site-header .desktop-nav, body.service-page:not(.v4-page) .service-account{display:none!important}
  body.service-page:not(.v4-page) .site-header .menu-toggle{display:grid!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
  body.service-page:not(.v4-page) .moderation-main{width:min(calc(100% - 18px),760px)!important;margin-inline:auto!important;padding:28px 0 44px!important}
  body.service-page:not(.v4-page) .moderation-toolbar{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:18px!important}
  body.service-page:not(.v4-page) .moderation-toolbar h1{font-size:2rem!important;line-height:1.1!important}
  body.service-page:not(.v4-page) .moderation-admin-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.service-page:not(.v4-page) .submission-card{padding:18px!important;border-radius:20px!important;background:#fff!important;border-color:rgba(38,44,92,.1)!important;box-shadow:0 12px 30px rgba(39,46,108,.07)!important}
  body.service-page:not(.v4-page) .submission-form-grid, body.service-page:not(.v4-page) .moderation-fields{grid-template-columns:1fr!important}
  body.service-page:not(.v4-page) input, body.service-page:not(.v4-page) select, body.service-page:not(.v4-page) textarea{font-size:16px!important;max-width:100%!important}
  body.service-page:not(.v4-page) .moderation-batch-bar{align-items:stretch!important;flex-direction:column!important}
  body.service-page:not(.v4-page) .moderation-batch-bar .button{width:100%!important}
  body.service-page:not(.v4-page) .site-footer{background:#0c0f28!important;color:#fff!important}
  body.service-page:not(.v4-page) .footer-grid{grid-template-columns:1fr!important}
}

/* Touch landscape: keep controls tappable even when the hero compacts vertically. */
@media (max-width:900px) and (max-height:430px) and (hover:none) and (pointer:coarse){
  body.v4-page .site-header .header-inner{min-height:50px!important}
  body.v4-page :where(.v4-btn,.button,button){min-height:40px!important}
  html body.home-page.v4-page #top .v4-hero-actions .v4-btn{min-height:40px!important;padding:6px 12px!important;font-size:.7rem!important}
  body.v4-page .v4-inner-hero{padding-top:82px!important;padding-bottom:28px!important}
  body.v4-page .v4-inner-hero h1{font-size:2.1rem!important}
  body.v4-page .v4-inner-hero p{font-size:.8rem!important;line-height:1.65!important}
  body.v4-page .v4-hero-art{min-height:190px!important}
}

/* QA fixes discovered by the mobile matrix. */
@media (max-width:620px) and (hover:none) and (pointer:coarse){
  body.v4-feedback-page .feedback-toolbar .feedback-input, body.v4-feedback-page .feedback-toolbar .feedback-select{
    font-size:16px!important;
  }
}

@media (max-width:660px){
  body.profile-dashboard-body .profile-quick-form input, body.profile-dashboard-body .profile-quick-form textarea, body.profile-dashboard-body .profile-dialog input, body.profile-dashboard-body .profile-dialog select, body.profile-dashboard-body .profile-dialog textarea{
    font-size:16px!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (max-width:900px){
  body.service-page:not(.v4-page) .moderation-admin-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
  }
  body.service-page:not(.v4-page) .moderation-admin-grid > *, body.service-page:not(.v4-page) .moderation-tool-card, body.service-page:not(.v4-page) .submission-field, body.service-page:not(.v4-page) .submission-form-grid, body.service-page:not(.v4-page) .moderation-fields{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.service-page:not(.v4-page) .submission-form-grid, body.service-page:not(.v4-page) .moderation-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.service-page:not(.v4-page) input, body.service-page:not(.v4-page) select, body.service-page:not(.v4-page) textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Mobile layer-order hardening: drawers/modals must always cover the fixed homepage header. */
@media (max-width:900px){
  body .mobile-nav-backdrop{z-index:2900!important}
  body .mobile-nav{z-index:3000!important}
  body .modal{z-index:3100!important}
  body .blogger-drawer{z-index:3150!important}
  body .toast-container, body .toast{z-index:3200!important}
}
@media (max-width:560px){
  body.v4-page .blogger-drawer .modal-close{left:14px!important;right:auto!important;top:15px!important}
}
@media (max-width:560px){
  body.v4-page .blogger-drawer .modal-close{z-index:20!important}
}


/* SOURCE css/hero-layout-v11.css */
/*
 * Hero layout v11 — requested composition cleanup.
 * - remove trust chips and secondary CTA from the copy block
 * - four rotating photos remain in one collective row with the original middle slot left empty
 * - primary CTA sits in that preserved empty center slot without joining the rotation
 * - photo row spans almost the full viewport width while photo heights stay unchanged
 * - wheel viewport no longer clips the top/shadows of photos during rotation
 * - text rhythm is relaxed and intentional
 */

html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  --hero-header-safe:86px;
  --hero-photo-zone:clamp(250px,47dvh,345px);
  height:100dvh!important;
  min-height:620px!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
}

/* Copy: only eyebrow + title + paragraph remain. */
html body.home-page.v4-page #top > .v4-hero-shell.container{
  position:absolute!important;
  inset:var(--hero-header-safe) 0 var(--hero-photo-zone) 0!important;
  width:min(980px,calc(100% - 48px))!important;
  min-height:0!important;
  margin-inline:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  z-index:8!important;
}
html body.home-page.v4-page #top .v4-hero-copy{
  width:min(850px,92vw)!important;
  margin:0 auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
html body.home-page.v4-page #top .v4-eyebrow{
  margin:0 0 20px!important;
  font-size:.78rem!important;
  line-height:1.35!important;
}
html body.home-page.v4-page #top .v4-hero-copy h1{
  margin:0!important;
  font-size:clamp(3rem,5.45vw,5.15rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
html body.home-page.v4-page #top .v4-hero-copy>p{
  max-width:650px!important;
  margin:22px auto 0!important;
  font-size:.97rem!important;
  line-height:1.95!important;
}
html body.home-page.v4-page #top .v4-hero-actions, html body.home-page.v4-page #top .v4-hero-chips{display:none!important}

/* Photo stage: large free canvas, no clipping/mask above the cards. */
html body.home-page.v4-page #heroPhotoWheel{
  position:absolute!important;
  inset:auto 0 0 0!important;
  width:100%!important;
  height:var(--hero-photo-zone)!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  contain:none!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:12!important;
  pointer-events:none!important;
}
html body.home-page.v4-page #heroPhotoWheel::before, html body.home-page.v4-page #heroPhotoWheel::after{
  content:none!important;
  display:none!important;
}
html body.home-page.v4-page #heroPhotoTrack{
  position:absolute!important;
  inset:-42px 0 0!important;
  width:100%!important;
  height:calc(100% + 42px)!important;
  margin:0!important;
  padding:42px 0 5px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  perspective:1200px!important;
  perspective-origin:50% 58%!important;
  transform:none!important;
  animation:none!important;
}

/* Exactly five horizontal slots: photo / photo / EMPTY / photo / photo.
   The entire grid remains the one object rotated by hero-photo-row-v8.js. */
html body.home-page.v4-page #heroPhotoRow{
  position:relative!important;
  width:92vw!important;
  max-width:none!important;
  height:calc(100% - 8px)!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:.72fr 1.36fr 1.55fr 1.36fr .72fr!important;
  column-gap:clamp(14px,1.55vw,24px)!important;
  align-items:end!important;
  justify-content:stretch!important;
  opacity:1!important;
  visibility:visible!important;
  transform-origin:50% 57%!important;
  transform-style:preserve-3d!important;
  backface-visibility:visible!important;
  overflow:visible!important;
}
html body.home-page.v4-page #heroPhotoRow > .lm-tile, html body.home-page.v4-page #heroPhotoRow > .hero-photo-gap{
  min-width:0!important;
  width:100%!important;
  justify-self:stretch!important;
  align-self:end!important;
}

/* Preserve current requested heights; widen only. */
html body.home-page.v4-page #heroPhotoRow .lm-wheel-rose{height:222px!important;aspect-ratio:auto!important}
html body.home-page.v4-page #heroPhotoRow .lm-wheel-portrait{height:232px!important;aspect-ratio:auto!important}
html body.home-page.v4-page #heroPhotoRow .hero-photo-gap{height:238px!important;display:block!important;visibility:hidden!important;pointer-events:none!important}
html body.home-page.v4-page #heroPhotoRow .lm-wheel-group{height:234px!important;aspect-ratio:auto!important}
html body.home-page.v4-page #heroPhotoRow .lm-wheel-redhead{height:226px!important;aspect-ratio:auto!important}
html body.home-page.v4-page #heroPhotoRow > .lm-tile{
  overflow:hidden!important;
  border-radius:24px!important;
  box-shadow:0 18px 44px rgba(8,9,28,.18)!important;
}

/* Primary CTA occupies the visual center of the removed photo's slot.
   It is deliberately outside #heroPhotoRow so it stays readable while the row rotates. */
html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{
  position:absolute!important;
  left:50%!important;
  top:42%!important;
  transform:translate(-50%,-50%)!important;
  z-index:40!important;
  min-height:46px!important;
  padding:10px 22px!important;
  font-size:.86rem!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
  box-shadow:0 14px 34px rgba(8,10,35,.18)!important;
}

/* Short desktop browser windows / common Windows scaling. */
@media (min-width:621px) and (max-height:760px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-header-safe:82px;
    --hero-photo-zone:clamp(245px,45dvh,300px);
    min-height:560px!important;
  }
  html body.home-page.v4-page #top > .v4-hero-shell.container{
    inset:var(--hero-header-safe) 0 calc(var(--hero-photo-zone) + 14px) 0!important;
  }
  html body.home-page.v4-page #top .v4-eyebrow{margin-bottom:13px!important;font-size:.7rem!important}
  html body.home-page.v4-page #top .v4-hero-copy h1{font-size:clamp(2.5rem,7.4dvh,3.65rem)!important;line-height:.96!important}
  html body.home-page.v4-page #top .v4-hero-copy>p{margin-top:14px!important;font-size:clamp(.76rem,1.55dvh,.9rem)!important;line-height:1.72!important}
  html body.home-page.v4-page #heroPhotoRow .lm-wheel-rose{height:206px!important}
  html body.home-page.v4-page #heroPhotoRow .lm-wheel-portrait{height:220px!important}
  html body.home-page.v4-page #heroPhotoRow .hero-photo-gap{height:226px!important}
  html body.home-page.v4-page #heroPhotoRow .lm-wheel-group{height:222px!important}
  html body.home-page.v4-page #heroPhotoRow .lm-wheel-redhead{height:210px!important}
  html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{top:39%!important;min-height:42px!important;padding:8px 19px!important;font-size:.79rem!important}
}

/* Phones: retain the same composition without horizontal overflow. */
@media (max-width:620px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-header-safe:70px;
    --hero-photo-zone:245px;
    min-height:680px!important;
    height:max(680px,100dvh)!important;
  }
  html body.home-page.v4-page #top > .v4-hero-shell.container{
    inset:var(--hero-header-safe) 0 calc(var(--hero-photo-zone) + 22px) 0!important;
    width:92vw!important;
  }
  html body.home-page.v4-page #top .v4-hero-copy{width:92vw!important}
  html body.home-page.v4-page #top .v4-eyebrow{margin-bottom:13px!important;font-size:.7rem!important}
  html body.home-page.v4-page #top .v4-hero-copy h1{font-size:clamp(2.15rem,10.2vw,2.85rem)!important;line-height:1!important}
  html body.home-page.v4-page #top .v4-hero-copy>p{max-width:335px!important;margin-top:16px!important;font-size:.82rem!important;line-height:1.75!important}
  html body.home-page.v4-page #heroPhotoWheel{height:var(--hero-photo-zone)!important}
  html body.home-page.v4-page #heroPhotoTrack{inset:-28px 0 0!important;height:calc(100% + 28px)!important;padding-top:28px!important}
  html body.home-page.v4-page #heroPhotoRow{
    width:94vw!important;
    grid-template-columns:.72fr 1.36fr 1.58fr 1.36fr .72fr!important;
    column-gap:clamp(5px,1.8vw,8px)!important;
  }
  html body.home-page.v4-page #heroPhotoRow .lm-wheel-rose{height:150px!important}
  html body.home-page.v4-page #heroPhotoRow .lm-wheel-portrait{height:160px!important}
  html body.home-page.v4-page #heroPhotoRow .hero-photo-gap{height:168px!important}
  html body.home-page.v4-page #heroPhotoRow .lm-wheel-group{height:162px!important}
  html body.home-page.v4-page #heroPhotoRow .lm-wheel-redhead{height:153px!important}
  html body.home-page.v4-page #heroPhotoRow > .lm-tile{border-radius:17px!important}
  html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{top:38%!important;min-height:40px!important;padding:8px 16px!important;font-size:.74rem!important}
}

@media (max-width:370px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{min-height:650px!important;height:max(650px,100dvh)!important}
  html body.home-page.v4-page #top .v4-hero-copy h1{font-size:clamp(1.95rem,10vw,2.5rem)!important}
  html body.home-page.v4-page #top .v4-hero-copy>p{font-size:.78rem!important}
  html body.home-page.v4-page #heroPhotoRow{width:95vw!important;column-gap:5px!important}
  html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{font-size:.69rem!important;padding-inline:13px!important}
}

/* Final visual tuning after render review. */
html body.home-page.v4-page #top .v4-hero-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
html body.home-page.v4-page #top .v4-eyebrow{margin:0 0 20px!important}
html body.home-page.v4-page #top .v4-hero-copy h1{margin:0!important}
html body.home-page.v4-page #top .v4-hero-copy>p{margin:22px auto 0!important}
html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{top:46%!important}
@media (min-width:621px) and (max-height:760px){
  html body.home-page.v4-page #top .v4-eyebrow{margin-bottom:15px!important}
  html body.home-page.v4-page #top .v4-hero-copy>p{margin-top:16px!important}
  html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{top:40%!important}
}
@media (max-width:620px){
  html body.home-page.v4-page #top .v4-eyebrow{margin-bottom:15px!important}
  html body.home-page.v4-page #top .v4-hero-copy>p{margin-top:17px!important}
  html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{top:46%!important}
}

/* Rotation clipping fix: preserve the original flat collective Y-turn, but remove
   perspective scaling that enlarged card tops outside the photo stage. */
html body.home-page.v4-page #heroPhotoTrack{
  perspective:none!important;
  perspective-origin:50% 50%!important;
}
html body.home-page.v4-page #heroPhotoRow{
  transform:rotateY(0deg) translateZ(0)!important;
  transform-style:flat!important;
}
@media (max-width:620px){
  html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{
    min-height:38px!important;
    padding:7px 10px!important;
    font-size:.68rem!important;
  }
}

/* Requested adjustment: enlarge only the centered "مشاهده بلاگرها" CTA by 30%.
   Keep its existing center point unchanged between the rotating photos. */
html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{
  transform:translate(-50%,-50%) scale(1.3)!important;
  transform-origin:center center!important;
}

/* Requested composition lift: move the complete photo stage (all four photos +
   centered CTA) upward as one unit, while preserving a safe visual gap below
   the hero copy. Values are reduced on shorter screens to avoid text overlap. */
html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  --hero-photo-lift:92px;
}
html body.home-page.v4-page #heroPhotoWheel{
  bottom:var(--hero-photo-lift)!important;
}
@media (min-width:621px) and (max-height:760px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-lift:62px;
  }
}
@media (max-width:620px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-lift:58px;
  }
}
@media (max-width:370px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-lift:48px;
  }
}

/* Requested refinement:
   - enlarge the centered CTA an additional 15% over the already-grown size
   - make the rotating photos square (equal width/height)
   - increase the visual size of the rotating photo cards by about 20%
   - lift the entire photo stage a bit closer to the hero copy without overlap */
html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  --hero-photo-lift:112px;
}
html body.home-page.v4-page #heroPhotoWheel{
  bottom:var(--hero-photo-lift)!important;
}
html body.home-page.v4-page #heroPhotoRow{
  width:96vw!important;
  grid-template-columns:1fr 1.25fr 1.4fr 1.25fr 1fr!important;
  column-gap:clamp(10px,1.15vw,18px)!important;
  align-items:end!important;
}
html body.home-page.v4-page #heroPhotoRow .lm-wheel-rose, html body.home-page.v4-page #heroPhotoRow .lm-wheel-portrait, html body.home-page.v4-page #heroPhotoRow .lm-wheel-group, html body.home-page.v4-page #heroPhotoRow .lm-wheel-redhead, html body.home-page.v4-page #heroPhotoRow .hero-photo-gap{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
}
html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{
  transform:translate(-50%,-50%) scale(1.495)!important;
  top:44%!important;
  transform-origin:center center!important;
}

@media (min-width:621px) and (max-height:760px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-lift:74px;
  }
  html body.home-page.v4-page #heroPhotoRow{
    width:95vw!important;
    column-gap:clamp(8px,1vw,15px)!important;
  }
  html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{
    top:42%!important;
  }
}

@media (max-width:620px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-lift:70px;
  }
  html body.home-page.v4-page #heroPhotoRow{
    width:132vw!important;
    grid-template-columns:1fr 1.22fr 1.34fr 1.22fr 1fr!important;
    column-gap:6px!important;
  }
  html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{
    top:44%!important;
  }
}

@media (max-width:370px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-lift:58px;
  }
  html body.home-page.v4-page #heroPhotoRow{
    width:138vw!important;
    column-gap:5px!important;
  }
}


/* Requested refinement:
   - all four rotating photos must be true squares
   - all four photo cards should share the same size
   - increase their visible height by about 20% compared with the previous square pass */
html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  --hero-square-gap:clamp(10px,1.15vw,18px);
  --hero-square-size:clamp(188px,15.7vw,226px);
}
html body.home-page.v4-page #heroPhotoRow{
  width:fit-content!important;
  grid-template-columns:repeat(5,var(--hero-square-size))!important;
  column-gap:var(--hero-square-gap)!important;
  justify-content:center!important;
  align-items:end!important;
}
html body.home-page.v4-page #heroPhotoRow > .lm-tile, html body.home-page.v4-page #heroPhotoRow > .hero-photo-gap, html body.home-page.v4-page #heroPhotoRow .lm-wheel-rose, html body.home-page.v4-page #heroPhotoRow .lm-wheel-portrait, html body.home-page.v4-page #heroPhotoRow .lm-wheel-group, html body.home-page.v4-page #heroPhotoRow .lm-wheel-redhead{
  width:var(--hero-square-size)!important;
  min-width:var(--hero-square-size)!important;
  max-width:var(--hero-square-size)!important;
  height:var(--hero-square-size)!important;
  min-height:var(--hero-square-size)!important;
  max-height:var(--hero-square-size)!important;
  aspect-ratio:1 / 1!important;
}
html body.home-page.v4-page #heroPhotoRow > .hero-photo-gap{
  display:block!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media (min-width:621px) and (max-height:760px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-square-gap:clamp(8px,1vw,14px);
    --hero-square-size:clamp(168px,15vw,198px);
  }
}

@media (max-width:620px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-square-gap:6px;
    --hero-square-size:108px;
  }
  html body.home-page.v4-page #heroPhotoRow{
    grid-template-columns:repeat(5,var(--hero-square-size))!important;
    column-gap:var(--hero-square-gap)!important;
  }
}

@media (max-width:370px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-square-gap:5px;
    --hero-square-size:94px;
  }
}


/* Requested update:
   - return to collective row rotation (handled in JS)
   - enlarge the square rotating photos by about 30% while keeping width and height equal */
html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  --hero-square-gap:clamp(10px,1.05vw,16px);
  --hero-square-size:clamp(244px,20.4vw,294px);
}
html body.home-page.v4-page #heroPhotoRow{
  width:fit-content!important;
  grid-template-columns:repeat(5,var(--hero-square-size))!important;
  column-gap:var(--hero-square-gap)!important;
}
html body.home-page.v4-page #heroPhotoRow > .lm-tile, html body.home-page.v4-page #heroPhotoRow > .hero-photo-gap, html body.home-page.v4-page #heroPhotoRow .lm-wheel-rose, html body.home-page.v4-page #heroPhotoRow .lm-wheel-portrait, html body.home-page.v4-page #heroPhotoRow .lm-wheel-group, html body.home-page.v4-page #heroPhotoRow .lm-wheel-redhead{
  width:var(--hero-square-size)!important;
  min-width:var(--hero-square-size)!important;
  max-width:var(--hero-square-size)!important;
  height:var(--hero-square-size)!important;
  min-height:var(--hero-square-size)!important;
  max-height:var(--hero-square-size)!important;
  aspect-ratio:1 / 1!important;
}

@media (min-width:621px) and (max-height:760px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-square-gap:clamp(8px,.9vw,13px);
    --hero-square-size:clamp(206px,18.4vw,258px);
  }
}

@media (max-width:620px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-square-gap:6px;
    --hero-square-size:140px;
  }
  html body.home-page.v4-page #heroPhotoRow{
    grid-template-columns:repeat(5,var(--hero-square-size))!important;
    column-gap:var(--hero-square-gap)!important;
  }
}

@media (max-width:370px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-square-gap:5px;
    --hero-square-size:122px;
  }
}


/* Requested update:
   - increase the height of the four rotating photos by an additional 30%
   - keep the current row rotation behavior intact
   - keep the widths unchanged and only stretch the vertical size */
html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  --hero-photo-card-height:calc(var(--hero-square-size) * 1.56);
}
html body.home-page.v4-page #heroPhotoRow > .lm-tile, html body.home-page.v4-page #heroPhotoRow > .hero-photo-gap, html body.home-page.v4-page #heroPhotoRow .lm-wheel-rose, html body.home-page.v4-page #heroPhotoRow .lm-wheel-portrait, html body.home-page.v4-page #heroPhotoRow .lm-wheel-group, html body.home-page.v4-page #heroPhotoRow .lm-wheel-redhead{
  height:var(--hero-photo-card-height)!important;
  min-height:var(--hero-photo-card-height)!important;
  max-height:var(--hero-photo-card-height)!important;
  aspect-ratio:auto!important;
}


/* Requested layer behavior:
   rotating photos must visually pass IN FRONT of the centered CTA when their
   collective Y-rotation crosses the middle slot. The CTA remains clickable
   whenever it is not visually covered by a photo. */
html body.home-page.v4-page #heroPhotoTrack{
  z-index:60!important;
  pointer-events:none!important;
}
html body.home-page.v4-page #heroPhotoRow{
  z-index:60!important;
}
html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{
  z-index:30!important;
}


/* Requested 3D overlap behavior:
   - left-side photos remain behind the CTA
   - right-side photos pass in front of the CTA
   - keep the row rotating as one collective strip by splitting it into a back
     left-half layer and a front right-half clone layer with identical motion */
html body.home-page.v4-page #heroPhotoTrack{
  z-index:32!important;
  clip-path:inset(0 50% 0 0)!important;
  pointer-events:none!important;
}
html body.home-page.v4-page #heroPhotoTrackFront{
  position:absolute!important;
  inset:inherit!important;
  inset-block-start:-42px!important;
  inset-inline:0!important;
  width:100%!important;
  height:calc(100% + 42px)!important;
  margin:0!important;
  padding:42px 0 5px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
  clip-path:inset(0 0 0 50%)!important;
  mask:none!important;
  -webkit-mask:none!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:58!important;
  pointer-events:none!important;
}
html body.home-page.v4-page #heroPhotoRowFront{
  position:relative!important;
  width:inherit!important;
  height:calc(100% - 8px)!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:inherit!important;
  column-gap:inherit!important;
  align-items:end!important;
  justify-content:center!important;
  opacity:1!important;
  visibility:visible!important;
  transform-origin:50% 57%!important;
  transform-style:flat!important;
  backface-visibility:visible!important;
  overflow:visible!important;
  z-index:58!important;
}
html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{
  z-index:44!important;
}
@media (max-width:620px){
  html body.home-page.v4-page #heroPhotoTrackFront{
    inset-block-start:-28px!important;
    height:calc(100% + 28px)!important;
    padding-top:28px!important;
  }
}


html body.home-page.v4-page #heroPhotoRowFront > .lm-tile > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}


/* Final refinement:
   - keep the left/right over-under behavior correct through the full 360° turn
   - show full photo bottoms without lifting the photos or reducing their height */
html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  overflow:visible!important;
  position:relative!important;
  isolation:isolate!important;
  z-index:20!important;
}
html body.home-page.v4-page #heroPhotoWheel{
  z-index:28!important;
  overflow:visible!important;
}
html body.home-page.v4-page #heroPhotoTrack{
  z-index:32!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  overflow:visible!important;
  padding-bottom:32px!important;
  height:calc(100% + 74px)!important;
}
html body.home-page.v4-page #heroPhotoRow{
  z-index:32!important;
}
html body.home-page.v4-page #heroPhotoTrackFront{
  position:absolute!important;
  z-index:58!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  overflow:visible!important;
  pointer-events:none!important;
  padding-bottom:32px!important;
  height:calc(100% + 74px)!important;
}
html body.home-page.v4-page #heroPhotoRowFront{
  z-index:58!important;
}
html body.home-page.v4-page #heroPhotoWheel > .hero-photo-cta{
  z-index:44!important;
}
html body.home-page.v4-page #benefits-home, html body.home-page.v4-page .v4-benefit-intro{
  position:relative!important;
  z-index:1!important;
}
@media (max-width:620px){
  html body.home-page.v4-page #heroPhotoTrack{
    padding-bottom:24px!important;
    height:calc(100% + 52px)!important;
  }
  html body.home-page.v4-page #heroPhotoTrackFront{
    padding-bottom:24px!important;
    height:calc(100% + 52px)!important;
  }
}


/* Requested spacing fix:
   - extend the colored hero background downward so the rotating photos fully sit inside it
   - push the "مزایای آی‌بلاگر" intro box down enough that the rotating photos never overlap it
   - preserve the current photo size; do not reduce height */
html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  --hero-bottom-extend:170px;
  min-height:calc(620px + var(--hero-bottom-extend))!important;
  height:calc(100dvh + var(--hero-bottom-extend))!important;
  padding-bottom:var(--hero-bottom-extend)!important;
}
html body.home-page.v4-page #heroPhotoWheel{
  bottom:calc(var(--hero-photo-lift) + var(--hero-bottom-extend))!important;
}
html body.home-page.v4-page #benefits-home, html body.home-page.v4-page .v4-benefit-intro{
  padding-top:118px!important;
  margin-top:0!important;
}
html body.home-page.v4-page #benefits-home > .container.v4-split-card, html body.home-page.v4-page .v4-benefit-intro > .container.v4-split-card{
  margin-top:0!important;
}

@media (min-width:621px) and (max-height:760px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-bottom-extend:126px;
    min-height:calc(560px + var(--hero-bottom-extend))!important;
    height:calc(100dvh + var(--hero-bottom-extend))!important;
  }
  html body.home-page.v4-page #benefits-home, html body.home-page.v4-page .v4-benefit-intro{
    padding-top:94px!important;
  }
}

@media (max-width:620px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-bottom-extend:108px;
    min-height:calc(680px + var(--hero-bottom-extend))!important;
    height:calc(100dvh + var(--hero-bottom-extend))!important;
  }
  html body.home-page.v4-page #benefits-home, html body.home-page.v4-page .v4-benefit-intro{
    padding-top:82px!important;
  }
}

@media (max-width:370px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-bottom-extend:92px;
    min-height:calc(650px + var(--hero-bottom-extend))!important;
    height:calc(100dvh + var(--hero-bottom-extend))!important;
  }
  html body.home-page.v4-page #benefits-home, html body.home-page.v4-page .v4-benefit-intro{
    padding-top:72px!important;
  }
}


/* Video-review master calibration:
   - reserve a true safe area for the hero text
   - keep the full rotating-photo envelope inside the purple hero background
   - keep the next white benefit section fully below the rotating photos
   - preserve photo height while reducing visual collisions */
html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  --hero-photo-floor:120px;
  --hero-benefit-clear:164px;
  min-height:max(1120px,calc(100dvh + 340px))!important;
  height:max(1120px,calc(100dvh + 340px))!important;
  padding-bottom:0!important;
  overflow:visible!important;
}
html body.home-page.v4-page #top > .v4-hero-shell.container{
  inset:86px 0 auto 0!important;
  width:min(920px,calc(100% - 56px))!important;
  min-height:0!important;
  height:auto!important;
  align-items:flex-start!important;
  padding-top:8px!important;
}
html body.home-page.v4-page #top .v4-hero-copy{
  width:min(760px,90vw)!important;
}
html body.home-page.v4-page #top .v4-hero-copy h1{
  font-size:clamp(2.9rem,4.9vw,4.8rem)!important;
}
html body.home-page.v4-page #top .v4-hero-copy>p{
  max-width:620px!important;
}
html body.home-page.v4-page #heroPhotoWheel{
  height:calc(var(--hero-photo-card-height) + 120px)!important;
  inset:auto 0 var(--hero-photo-floor) 0!important;
  bottom:var(--hero-photo-floor)!important;
  z-index:28!important;
}
html body.home-page.v4-page #heroPhotoTrack, html body.home-page.v4-page #heroPhotoTrackFront{
  inset:-18px 0 -6px!important;
  height:calc(100% + 24px)!important;
  padding:18px 0 24px!important;
  overflow:visible!important;
  perspective:1700px!important;
  perspective-origin:50% 56%!important;
}
html body.home-page.v4-page #heroPhotoRow, html body.home-page.v4-page #heroPhotoRowFront{
  transform-style:preserve-3d!important;
  transform-origin:50% 56%!important;
}
html body.home-page.v4-page #benefits-home, html body.home-page.v4-page .v4-benefit-intro{
  padding-top:var(--hero-benefit-clear)!important;
  margin-top:0!important;
}

@media (min-width:621px) and (max-height:760px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-floor:96px;
    --hero-benefit-clear:140px;
    min-height:max(980px,calc(100dvh + 270px))!important;
    height:max(980px,calc(100dvh + 270px))!important;
  }
  html body.home-page.v4-page #top > .v4-hero-shell.container{
    inset:80px 0 auto 0!important;
  }
  html body.home-page.v4-page #heroPhotoWheel{
    height:calc(var(--hero-photo-card-height) + 98px)!important;
  }
}

@media (max-width:620px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-floor:84px;
    --hero-benefit-clear:118px;
    min-height:max(900px,calc(100dvh + 210px))!important;
    height:max(900px,calc(100dvh + 210px))!important;
  }
  html body.home-page.v4-page #top > .v4-hero-shell.container{
    inset:74px 0 auto 0!important;
    width:min(94vw,620px)!important;
  }
  html body.home-page.v4-page #top .v4-hero-copy h1{
    font-size:clamp(2.05rem,7vw,3.1rem)!important;
  }
  html body.home-page.v4-page #top .v4-hero-copy>p{
    font-size:.8rem!important;
    line-height:1.8!important;
  }
  html body.home-page.v4-page #heroPhotoWheel{
    height:calc(var(--hero-photo-card-height) + 86px)!important;
    inset:auto 0 var(--hero-photo-floor) 0!important;
  }
  html body.home-page.v4-page #heroPhotoTrack, html body.home-page.v4-page #heroPhotoTrackFront{
    inset:-14px 0 -4px!important;
    height:calc(100% + 18px)!important;
    padding:14px 0 18px!important;
    perspective:1450px!important;
  }
}

@media (max-width:370px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-floor:76px;
    --hero-benefit-clear:104px;
    min-height:max(860px,calc(100dvh + 180px))!important;
    height:max(860px,calc(100dvh + 180px))!important;
  }
}


/* Final pass refinements after video audit:
   - soften perspective so side cards do not balloon at the edges
   - keep all hero visuals comfortably inside the stage */
html body.home-page.v4-page #heroPhotoTrack, html body.home-page.v4-page #heroPhotoTrackFront{
  perspective:2600px!important;
  perspective-origin:50% 58%!important;
}
@media (max-width:620px){
  html body.home-page.v4-page #heroPhotoTrack, html body.home-page.v4-page #heroPhotoTrackFront{
    perspective:2200px!important;
  }
}


/* Requested hero-copy vertical placement:
   place the complete copy group visually between the fixed header and the
   rotating-photo stage without changing photo geometry. */
html body.home-page.v4-page #top > .v4-hero-shell.container{
  inset:166px 0 auto 0!important;
}
@media (min-width:621px) and (max-height:760px){
  html body.home-page.v4-page #top > .v4-hero-shell.container{
    inset:152px 0 auto 0!important;
  }
}
@media (max-width:620px){
  html body.home-page.v4-page #top > .v4-hero-shell.container{
    inset:150px 0 auto 0!important;
  }
}
@media (max-width:370px){
  html body.home-page.v4-page #top > .v4-hero-shell.container{
    inset:138px 0 auto 0!important;
  }
}


/* Requested mobile hero compaction:
   desktop composition stays unchanged; on phones remove the excessive empty
   band between the hero copy and the rotating photo row while preserving a
   safe gap above the following section. */
@media (max-width:620px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-floor:45px!important;
    --hero-benefit-clear:82px!important;
    min-height:clamp(650px,80dvh,700px)!important;
    height:clamp(650px,80dvh,700px)!important;
    padding-bottom:0!important;
  }
  html body.home-page.v4-page #heroPhotoWheel{
    bottom:var(--hero-photo-floor)!important;
    inset:auto 0 var(--hero-photo-floor) 0!important;
  }
  html body.home-page.v4-page #benefits-home, html body.home-page.v4-page .v4-benefit-intro{
    padding-top:var(--hero-benefit-clear)!important;
  }
}
@media (max-width:370px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-photo-floor:30px!important;
    --hero-benefit-clear:68px!important;
    min-height:620px!important;
    height:620px!important;
  }
}


/* Mobile photo-row fit: desktop dimensions remain untouched.
   The full four-photo row plus the center CTA slot stays inside the viewport. */
@media (max-width:620px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-square-gap:4px!important;
    --hero-square-size:clamp(56px,17.8vw,82px)!important;
  }
  html body.home-page.v4-page #heroPhotoRow, html body.home-page.v4-page #heroPhotoRowFront{
    width:fit-content!important;
    max-width:calc(100vw - 12px)!important;
    grid-template-columns:repeat(5,var(--hero-square-size))!important;
    column-gap:var(--hero-square-gap)!important;
    margin-inline:auto!important;
  }
  html body.home-page.v4-page #heroPhotoRow > .lm-tile, html body.home-page.v4-page #heroPhotoRow > .hero-photo-gap, html body.home-page.v4-page #heroPhotoRowFront > .lm-tile, html body.home-page.v4-page #heroPhotoRowFront > .hero-photo-gap{
    width:var(--hero-square-size)!important;
    min-width:var(--hero-square-size)!important;
    max-width:var(--hero-square-size)!important;
  }
}
@media (max-width:360px){
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    --hero-square-gap:3px!important;
    --hero-square-size:17.6vw!important;
  }
}


/* SOURCE css/theme-ultimate.css */
/* iBlogger ultimate light/dark visual system — final polish layer */
:root{
  --ui-bg:#f3f4fa;
  --ui-bg-2:#eceef7;
  --ui-surface:#ffffff;
  --ui-surface-2:#f8f8fc;
  --ui-surface-3:#f0f1f8;
  --ui-ink:#171a35;
  --ui-ink-2:#2a2e4d;
  --ui-muted:#747c99;
  --ui-faint:#a0a6bb;
  --ui-line:rgba(39,44,88,.10);
  --ui-line-strong:rgba(39,44,88,.16);
  --ui-accent:#6964e8;
  --ui-accent-2:#8f7ef8;
  --ui-accent-soft:#eeecff;
  --ui-pink:#ef9fbe;
  --ui-green:#16a77b;
  --ui-yellow:#d99a00;
  --ui-danger:#d44f69;
  --ui-shadow-sm:0 8px 24px rgba(22,26,67,.07);
  --ui-shadow:0 24px 70px rgba(22,26,67,.10);
  --ui-shadow-lg:0 34px 100px rgba(22,26,67,.14);
  --ui-radius-sm:14px;
  --ui-radius:22px;
  --ui-radius-lg:32px;
  --ui-radius-xl:44px;
}

html{background:var(--ui-bg);scroll-behavior:smooth}
body{background:var(--ui-bg)!important;color:var(--ui-ink)!important;transition:background-color .25s ease,color .25s ease}
body, button, input, textarea, select{font-family:inherit}
::selection{background:color-mix(in srgb,var(--ui-accent) 28%,transparent);color:var(--ui-ink)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 42%,transparent)!important;outline-offset:3px!important}

/* Header / navigation */
body .site-header{border-color:var(--ui-line)!important;box-shadow:0 10px 40px rgba(20,24,65,.05)!important}
body .site-header .header-inner{background:color-mix(in srgb,var(--ui-surface) 90%,transparent)!important;border-color:var(--ui-line)!important;backdrop-filter:blur(22px) saturate(140%)}

body .desktop-nav .nav-link, body .nav-dropdown-trigger{color:var(--ui-ink-2)!important}
body .desktop-nav .nav-link:hover, body .desktop-nav .nav-link.is-active, body .nav-dropdown-trigger:hover{color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important}
body .nav-dropdown-menu{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}
body .nav-dropdown-menu a{color:var(--ui-ink-2)!important}
body .nav-dropdown-menu a:hover{background:var(--ui-surface-3)!important;color:var(--ui-accent)!important}
body .icon-button, body .menu-toggle{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
body .icon-button:hover{background:var(--ui-accent-soft)!important;border-color:color-mix(in srgb,var(--ui-accent) 28%,var(--ui-line))!important;color:var(--ui-accent)!important}
body .mobile-nav{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-lg)!important;color:var(--ui-ink)!important}
body .mobile-nav a{color:var(--ui-ink-2)!important;border-color:var(--ui-line)!important}
body .mobile-nav a:hover{background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important}

/* Common controls */
body .button, body .v4-btn, body .creator-primary, body .shop-profile-action, body button[type="submit"]{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
body .button-primary, body .v4-btn-primary, body .creator-primary, body .shop-profile-action{background:linear-gradient(135deg,var(--ui-accent),#8177ef)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px color-mix(in srgb,var(--ui-accent) 24%,transparent)!important}
body .button-primary:hover, body .v4-btn-primary:hover, body .creator-primary:hover, body .shop-profile-action:hover{transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb,var(--ui-accent) 32%,transparent)!important}
body .button-secondary, body .v4-btn-light, body .creator-secondary{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line-strong)!important;box-shadow:var(--ui-shadow-sm)!important}
body .button-secondary:hover, body .v4-btn-light:hover, body .creator-secondary:hover{background:var(--ui-surface-3)!important;border-color:color-mix(in srgb,var(--ui-accent) 28%,var(--ui-line))!important;color:var(--ui-accent)!important}
body input, body textarea, body select{background:var(--ui-surface-2);border-color:var(--ui-line-strong);color:var(--ui-ink)}
body input::placeholder, body textarea::placeholder{color:var(--ui-faint)}
body input:focus, body textarea:focus, body select:focus{background:var(--ui-surface)!important;border-color:color-mix(in srgb,var(--ui-accent) 55%,var(--ui-line))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-accent) 10%,transparent)!important}

/* Site-wide section/card surfaces */
body.v4-page .v4-section:not(.v4-home-hero), body.service-page main{color:var(--ui-ink)}
body .v4-split-card, body .v4-service-card, body .v4-workflow-shell, body .v4-faq-item, body .v4-add-shell, body .v4-benefit-card, body .v4-principle-card, body .service-card, body .panel, body .card{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-sm)!important;color:var(--ui-ink)!important}
body .v4-split-card:hover, body .v4-service-card:hover, body .v4-benefit-card:hover{border-color:color-mix(in srgb,var(--ui-accent) 22%,var(--ui-line))!important;box-shadow:var(--ui-shadow)!important}
body .v4-section-kicker, body .section-kicker{color:var(--ui-accent)!important}
body .v4-section h2, body .v4-section h3, body .service-page h1, body .service-page h2, body .service-page h3{color:var(--ui-ink)!important}
body .v4-section p, body .service-page p{color:var(--ui-muted)}



/* Home hero readability in both themes */
body.home-page .v4-home-hero{color:#171a35!important}
body.home-page .v4-home-hero .v4-hero-copy h1, body.home-page .v4-home-hero .v4-hero-copy p, body.home-page .v4-home-hero .v4-eyebrow{color:#171a35!important}




/* Creator directory */
body.creator-directory-page{background:var(--ui-bg)!important}
body .creator-directory-shell{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-bg) 84%,var(--ui-accent-soft)) 0%,var(--ui-bg) 55%,var(--ui-bg) 100%)!important}
body .creator-filter-panel, body .creator-card, body .creator-empty{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .creator-card:hover{box-shadow:var(--ui-shadow)!important;transform:translateY(-5px)}
body .creator-filter-field input, body .creator-filter-field select{background:var(--ui-surface-2)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
body .creator-card-body{color:var(--ui-ink)}
body .creator-card-tags span{background:var(--ui-surface-3)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
body .creator-card-tags .is-verified{background:color-mix(in srgb,var(--ui-green) 12%,var(--ui-surface))!important;color:var(--ui-green)!important}
body .creator-card-metrics{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important}
body .creator-card-metrics strong{color:var(--ui-ink)!important}
body .creator-card-metrics span, body .creator-card-bio, body .creator-directory-heading p{color:var(--ui-muted)!important}
body .creator-card-rating{color:var(--ui-muted)!important;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
body .creator-card-rating strong{color:var(--ui-ink)!important}
body .creator-card-rating .star{color:var(--ui-yellow)!important}
body .creator-card-view{margin-inline-start:auto;padding:4px 9px;border-radius:99px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:.66rem;font-weight:800}
body .creator-result-pill{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}

/* Blogger profile */
body.creator-profile-page, body.profile-dashboard-body{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body.creator-profile-page .profile-dashboard-main, body.creator-profile-page .shop-profile-main{background:var(--ui-bg)!important}
body.creator-profile-page .pd-card, body.creator-profile-page .influencer-profile-panel, body.creator-profile-page .analytics-chart-card, body.creator-profile-page .performance-summary, body.creator-profile-page .real-data-panel, body.creator-profile-page .real-bio-panel, body.creator-profile-page .profile-feedbacks-panel{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body.creator-profile-page .analytics-toolbar, body.creator-profile-page .profile-dashboard-brandbar{background:color-mix(in srgb,var(--ui-surface) 92%,transparent)!important;border-color:var(--ui-line)!important}
body.creator-profile-page .profile-identity h1, body.creator-profile-page .analytics-title h2, body.creator-profile-page .real-data-head h2, body.creator-profile-page .profile-feedbacks-head h3, body.creator-profile-page .real-bio-panel h3{color:var(--ui-ink)!important}
body.creator-profile-page .profile-username, body.creator-profile-page .profile-rating-meta, body.creator-profile-page .analytics-title p, body.creator-profile-page .real-data-head p, body.creator-profile-page .profile-feedbacks-head p, body.creator-profile-page .real-bio-panel p{color:var(--ui-muted)!important}
body.creator-profile-page .profile-category{background:var(--ui-accent-soft)!important;color:var(--ui-accent)!important;border-color:color-mix(in srgb,var(--ui-accent) 18%,var(--ui-line))!important}
body.creator-profile-page .profile-verified-badge.is-neutral{background:var(--ui-accent)!important;color:#fff!important}
body.creator-profile-page .performance-item, body.creator-profile-page .real-data-grid>div, body.creator-profile-page .profile-feedback-card, body.creator-profile-page .profile-trust-note{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important}
body.creator-profile-page .performance-item strong, body.creator-profile-page .real-data-grid strong, body.creator-profile-page .profile-feedback-card h4{color:var(--ui-ink)!important}
body.creator-profile-page .profile-feedback-card p, body.creator-profile-page .profile-feedback-card small{color:var(--ui-muted)!important}
body.creator-profile-page .range-picker, body.creator-profile-page .profile-icon-button, body.creator-profile-page .chart-menu-button, body.creator-profile-page .feedback-scroll-button{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
body.creator-profile-page .profile-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 4px}
body.creator-profile-page .profile-audience-grid>div{padding:14px 15px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface-2);display:flex;flex-direction:column;gap:5px}
body.creator-profile-page .profile-audience-grid span{font-size:.68rem;color:var(--ui-muted)}
body.creator-profile-page .profile-audience-grid strong{font-size:.94rem;color:var(--ui-ink)}
body.creator-profile-page .profile-feedback-stars, body.creator-profile-page .profile-rating-stars{color:var(--ui-yellow)!important}

/* Shop profile — complete analytics layout */
body .shop-profile-hero{background:linear-gradient(135deg,#dfd9ff 0%,#f5c7db 52%,#d9e5ff 100%)!important;color:#171a35!important}

body .shop-profile-shell{display:grid!important;grid-template-columns:210px 1fr auto!important;gap:36px!important;align-items:center!important}
body .shop-profile-media{position:relative}
body .shop-profile-media img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:32px!important;box-shadow:0 26px 60px rgba(33,33,72,.20)!important}
body .shop-profile-status{position:absolute;right:14px;bottom:14px;padding:7px 12px;border-radius:999px;background:#fff;color:#188763;font-size:.68rem;font-weight:900;box-shadow:var(--ui-shadow-sm)}
body .shop-profile-copy h1{color:inherit!important}
body .shop-profile-copy>p, body .shop-profile-copy .creator-breadcrumb, body .shop-profile-copy .creator-breadcrumb a{color:color-mix(in srgb,currentColor 72%,transparent)!important}
body .shop-profile-score{min-width:150px;padding:20px 22px;border-radius:24px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.56);backdrop-filter:blur(15px);display:flex;flex-direction:column;gap:4px;text-align:center;color:#171a35}

body .shop-profile-score small, body .shop-profile-score span{font-size:.68rem;opacity:.68} body .shop-profile-score strong{font-size:1.65rem}
body .shop-profile-content-rich{grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr)!important;align-items:stretch!important}
body .shop-profile-card{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .shop-profile-card p{color:var(--ui-muted)!important}
body .shop-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
body .shop-update-pill{padding:7px 10px;border-radius:999px;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:.65rem;font-weight:850}
body .shop-metrics-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body .shop-metrics div{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important}
body .shop-metrics strong{color:var(--ui-ink)!important}
body .shop-metrics span{color:var(--ui-muted)!important}
body .shop-capacity{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
body .shop-capacity span{padding:14px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface-2);display:flex;flex-direction:column;gap:5px}
body .shop-capacity small{color:var(--ui-muted)}
body .shop-analytics-section{padding-block:14px 60px}
body .shop-analytics-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}
body .shop-analytics-heading h2{margin:5px 0 0;color:var(--ui-ink);font-size:clamp(1.7rem,3vw,2.7rem)}
body .shop-analytics-heading p{max-width:430px;margin:0;color:var(--ui-muted);line-height:1.9}
body .shop-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body .shop-chart-card{padding:20px;border:1px solid var(--ui-line);border-radius:28px;background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);color:var(--ui-accent)}
body .shop-chart-card.is-secondary{color:#d58d22}

body .shop-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--ui-ink)}
body .shop-chart-head>div{display:flex;flex-direction:column;gap:3px} body .shop-chart-head small{color:var(--ui-muted)} body .shop-chart-head strong{color:currentColor;font-size:1.2rem} body .shop-chart-head>span{padding:8px 11px;border-radius:12px;background:var(--ui-surface-2);font-weight:850}
body .shop-profile-chart-svg{width:100%;height:auto;overflow:visible;color:inherit} body .shop-profile-chart-svg text{fill:var(--ui-muted);font-size:9px} body .shop-chart-grid{stroke:var(--ui-line);stroke-width:1;fill:none} body .shop-chart-area{color:inherit} body .shop-chart-line{stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round} body .shop-chart-dot{fill:currentColor;stroke:var(--ui-surface);stroke-width:3}
body .shop-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:80px}
body .shop-insight-bars{display:grid;gap:16px;margin-top:20px}.shop-insight-bars>div{display:grid;grid-template-columns:110px 1fr 54px;align-items:center;gap:12px}.shop-insight-bars span{font-size:.72rem;color:var(--ui-muted)}.shop-insight-bars b{height:8px;border-radius:99px;background:var(--ui-surface-3);overflow:hidden}.shop-insight-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-accent),var(--ui-pink))}.shop-insight-bars strong{text-align:left;font-size:.76rem;color:var(--ui-ink)}
body .shop-feature-list{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none}.shop-feature-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--ui-line);color:var(--ui-muted);font-size:.78rem}.shop-feature-list li:last-child{border-bottom:0}.shop-feature-list strong{color:var(--ui-ink)}

/* Feedback directories */
body.v4-feedback-page{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body .feedback-card, body .feedback-quote, body .feedback-filter-bar, body .feedback-empty-state{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .feedback-card h3, body .feedback-quote-title, body .feedback-list-head h2{color:var(--ui-ink)!important}
body .feedback-card p, body .feedback-card small, body .feedback-reviewer span{color:var(--ui-muted)!important}
body .feedback-tag{background:var(--ui-surface-3)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
body .feedback-stars{color:var(--ui-yellow)!important}

/* Auth */
body.auth-page.auth-next{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body.auth-page .authn-form-pane{background:linear-gradient(180deg,var(--ui-bg),var(--ui-bg-2))!important}
body.auth-page .authn-topbar, body.auth-page .authn-form{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow)!important}
body.auth-page .authn-heading h1, body.auth-page .authn-field>label, body.auth-page .authn-label-row label{color:var(--ui-ink)!important}
body.auth-page .authn-heading p, body.auth-page .authn-switch, body.auth-page .authn-security{color:var(--ui-muted)!important}
body.auth-page .authn-input{background:var(--ui-surface-2)!important;border-color:var(--ui-line-strong)!important}
body.auth-page .authn-input input{background:transparent!important;color:var(--ui-ink)!important}
body.auth-page .authn-google, body.auth-page .authn-back, body.auth-page .authn-theme{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
html[data-theme="light"] body.auth-page .authn-brand img{filter:grayscale(1) brightness(.08)!important}


/* Footer */
body .site-footer, body .v4-footer{background:color-mix(in srgb,var(--ui-bg-2) 92%,#0e1230)!important;border-color:var(--ui-line)!important;color:var(--ui-muted)!important}
body .site-footer h3, body .site-footer h4, body .v4-footer h3, body .v4-footer h4{color:var(--ui-ink)!important}
body .site-footer a, body .v4-footer a{color:var(--ui-muted)!important} body .site-footer a:hover, body .v4-footer a:hover{color:var(--ui-accent)!important}

/* General modal/table/notice polish */
body [role="dialog"]:not(.service-modal), body .modal:not(.service-modal), body .profile-dialog, body .creator-legal-modal{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-lg)!important}
body .service-modal{background:transparent!important;border:0!important;box-shadow:none!important}
body .service-modal-panel{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-lg)!important}
body .service-modal-head p{color:var(--ui-muted)!important}
body .service-modal-close{background:var(--ui-surface-3)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
body .service-toast{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}
body .service-toast span{color:var(--ui-muted)!important}
body table{color:var(--ui-ink);border-color:var(--ui-line)} body th{background:var(--ui-surface-3);color:var(--ui-ink)} body td{border-color:var(--ui-line);color:var(--ui-muted)}
body .notice, body .status-box, body .info-box{background:var(--ui-surface-2)!important;border-color:var(--ui-line)!important;color:var(--ui-muted)!important}

@media(max-width:900px){
  body .shop-profile-shell{grid-template-columns:160px 1fr!important}.shop-profile-score{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,1fr);align-items:center;width:100%}
  body .shop-profile-content-rich, body .shop-chart-grid, body .shop-insights-grid{grid-template-columns:1fr!important}
  body.creator-profile-page .profile-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  :root{--ui-radius-xl:30px;--ui-radius-lg:24px}
  body .shop-profile-shell{grid-template-columns:1fr!important;text-align:center!important}.shop-profile-media{width:min(220px,66vw);margin:auto}.shop-profile-copy .creator-breadcrumb{justify-content:center}.shop-profile-badges{justify-content:center}.shop-profile-score{grid-template-columns:1fr 1fr 1fr;padding:14px!important}.shop-profile-score strong{font-size:1.25rem!important}
  body .shop-metrics-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body .shop-analytics-heading{display:block}.shop-analytics-heading p{margin-top:10px!important}
  body .shop-insight-bars>div{grid-template-columns:90px 1fr 48px}
  body.creator-profile-page .profile-audience-grid{grid-template-columns:1fr 1fr}
  body .creator-card-view{width:100%;margin-inline-start:0;text-align:center}
}
@media(prefers-reduced-motion:reduce){*, *::before, *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Reviewer profile + moderation/admin */
body.reviewer-page-body{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
body .reviewer-brandbar{background:color-mix(in srgb,var(--ui-surface) 92%,transparent)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow-sm)!important;backdrop-filter:blur(20px)}
body .reviewer-profile-main{background:var(--ui-bg)!important}
body .reviewer-profile-card, body .reviewer-feedback-card, body .reviewer-summary-card, body .reviewer-profile-loading{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .reviewer-profile-card h1, body .reviewer-profile-card h2, body .reviewer-feedback-card h3{color:var(--ui-ink)!important}
body .reviewer-profile-card p, body .reviewer-feedback-card p, body .reviewer-feedback-card small{color:var(--ui-muted)!important}
body .moderation-main{background:var(--ui-bg)!important;color:var(--ui-ink)!important;min-height:70vh}
body .moderation-toolbar, body .moderation-batch-bar, body .submission-card, body .moderation-item{background:var(--ui-surface)!important;border-color:var(--ui-line)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-shadow-sm)!important}
body .moderation-toolbar h1, body .submission-card h2, body .moderation-item h3{color:var(--ui-ink)!important}
body .moderation-toolbar .muted, body .submission-card p, body .moderation-item p, body .moderation-batch-bar span{color:var(--ui-muted)!important}
body .submission-field input, body .submission-field textarea, body .submission-field select{background:var(--ui-surface-2)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}



/* Home hero sits on a deep indigo composition in both themes; keep copy readable. */
body.home-page .v4-home-hero .v4-hero-copy h1{color:#ffffff!important;text-shadow:0 2px 20px rgba(4,7,30,.12)!important}
body.home-page .v4-home-hero .v4-hero-copy h1 em{color:#f3d6ff!important}
body.home-page .v4-home-hero .v4-hero-copy>p{color:rgba(245,247,255,.82)!important}
body.home-page .v4-home-hero .v4-eyebrow{color:rgba(255,255,255,.90)!important}

















/* Creator/profile dark-mode details that were previously left light. */





/* Auth detail surfaces. */


/* Dark home sections should never fall back to hard-coded white. */



/* Reliability: content must never remain invisible if an observer is delayed. */
body.v4-page [data-v4-reveal], body.auth-page [data-v4-reveal], body.reviewer-page-body [data-v4-reveal]{
  opacity:1!important;
  transform:none!important;
}

/* Feedback pages: keep the complete long-form directory surface dark, not only cards. */




/* Mobile completion for legacy/non-v4 service pages (moderation/admin). */
@media(max-width:900px){
  
  
  
  
  
}

/* Final profile avatar geometry guard: keep the media fully inside its frame. */
body.creator-profile-page .profile-avatar-frame{
  position:relative!important;
  overflow:visible!important;
  margin-bottom:24px!important;
}
body.creator-profile-page .profile-avatar-frame > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  border-radius:28px!important;
}
body.creator-profile-page .profile-identity{
  position:relative!important;
  z-index:3!important;
}


/* Home-page light/dark contrast correction — workflow + final CTA */
body.home-page.v4-page .v4-workflow{
  background:linear-gradient(145deg,#10142e 0%,#171b42 55%,#20255b 100%)!important;
  color:#fff!important;
}
body.home-page.v4-page .v4-workflow-shell{
  background:#ffffff!important;
  color:#171a35!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 28px 76px rgba(7,10,35,.22)!important;
}
body.home-page.v4-page .v4-workflow-copy .v4-section-kicker{
  color:#6f68e8!important;
}
body.home-page.v4-page .v4-workflow-copy h2{
  color:#171a35!important;
}
body.home-page.v4-page .v4-workflow-copy>p{
  color:#68708f!important;
}
body.home-page.v4-page .v4-steps article{
  background:linear-gradient(145deg,#f7f7fc 0%,#f0f1fa 100%)!important;
  border-color:rgba(42,47,92,.10)!important;
  box-shadow:0 10px 24px rgba(29,34,82,.06)!important;
}
body.home-page.v4-page .v4-steps article:hover{
  transform:translateY(-2px);
  border-color:rgba(105,100,232,.24)!important;
  box-shadow:0 14px 30px rgba(29,34,82,.10)!important;
}
body.home-page.v4-page .v4-steps span{
  color:#655fe1!important;
  font-size:.78rem!important;
  letter-spacing:.03em;
}
body.home-page.v4-page .v4-steps h3{
  color:#171a35!important;
  font-size:1.04rem!important;
}
body.home-page.v4-page .v4-steps p{
  color:#6f7692!important;
  font-size:.82rem!important;
}

body.home-page.v4-page .v4-final-cta{
  background:#ffffff!important;
}
body.home-page.v4-page .v4-final-shell{
  background:radial-gradient(circle at 8% 10%,rgba(146,132,255,.38),transparent 30%),linear-gradient(135deg,#10142f 0%,#20255d 58%,#343a83 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 24px 64px rgba(21,25,70,.20)!important;
  color:#fff!important;
}
body.home-page.v4-page .v4-final-shell .v4-section-kicker{
  color:#c9c6ff!important;
}
body.home-page.v4-page .v4-final-shell h2{
  color:#ffffff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
body.home-page.v4-page .v4-final-shell p{
  color:rgba(255,255,255,.78)!important;
}
body.home-page.v4-page .v4-final-actions .v4-btn-light{
  background:#ffffff!important;
  color:#171a35!important;
  border-color:#ffffff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
body.home-page.v4-page .v4-final-actions .v4-btn-glass{
  background:rgba(255,255,255,.10)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px);
}
body.home-page.v4-page .v4-final-actions .v4-btn-glass:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.56)!important;
}















html[data-theme="light"] body.home-page.v4-page .v4-workflow{
  background:
    radial-gradient(circle at 14% 18%,rgba(128,115,255,.10),transparent 34%),
    radial-gradient(circle at 88% 82%,rgba(94,171,255,.08),transparent 30%),
    linear-gradient(180deg,#f6f7fc 0%,#eef1f8 100%)!important;
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-shell{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(50,58,100,.10)!important;
  box-shadow:0 24px 64px rgba(34,40,82,.10)!important;
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy .v4-section-kicker{
  color:#655fe1!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy h2{
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy>p{
  color:#68708f!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps article{
  background:linear-gradient(145deg,#fbfbfe 0%,#f2f3fa 100%)!important;
  border:1px solid rgba(50,58,100,.10)!important;
  box-shadow:0 10px 26px rgba(34,40,82,.06)!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps article:hover{
  background:#ffffff!important;
  border-color:rgba(101,95,225,.28)!important;
  box-shadow:0 16px 34px rgba(34,40,82,.10)!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps span{
  color:#655fe1!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps h3{
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps p{
  color:#6f7692!important;
}


/* Revert workflow light-theme background to the original dark presentation.
   Only refine the white workflow panel so its exposed outer corners are rounded. */
html[data-theme="light"] body.home-page.v4-page .v4-workflow{
  background:linear-gradient(145deg,#10142e 0%,#171b42 55%,#20255b 100%)!important;
  color:#fff!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-shell{
  background:#ffffff!important;
  color:#171a35!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:32px!important;
  overflow:hidden!important;
  box-shadow:0 28px 76px rgba(7,10,35,.22)!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy .v4-section-kicker{
  color:#6f68e8!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy h2{
  color:#171a35!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy>p{
  color:#68708f!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps article{
  background:linear-gradient(145deg,#f7f7fc 0%,#f0f1fa 100%)!important;
  border-color:rgba(42,47,92,.10)!important;
  box-shadow:0 10px 24px rgba(29,34,82,.06)!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-steps span{color:#655fe1!important}
html[data-theme="light"] body.home-page.v4-page .v4-steps h3{color:#171a35!important}
html[data-theme="light"] body.home-page.v4-page .v4-steps p{color:#6f7692!important}

@media (max-width:620px){
  html[data-theme="light"] body.home-page.v4-page .v4-workflow-shell{
    border-radius:26px!important;
  }
}


/* Requested workflow inner breathing room:
   keep the copy and four step cards away from the rounded white panel edges. */
body.home-page.v4-page .v4-workflow-shell{
  box-sizing:border-box!important;
  padding:30px 34px!important;
  gap:46px!important;
}
body.home-page.v4-page .v4-steps{
  gap:12px!important;
}
@media (max-width:620px){
  body.home-page.v4-page .v4-workflow-shell{
    padding:18px!important;
    gap:22px!important;
  }
  body.home-page.v4-page .v4-steps{
    gap:10px!important;
  }
}
@media (max-width:300px){
  body.home-page.v4-page .v4-workflow-shell{
    padding:14px!important;
  }
  body.home-page.v4-page .v4-steps{
    grid-template-columns:1fr!important;
  }
}


/* Home FAQ: complete dark-mode treatment for the real <details> cards. */










/* SOURCE css/home-restored.css */
/* Homepage restoration layer.
   The original V4 page composition is visible again. The compact reference
   composition stays dormant, except for its approved creator cards on phones. */

.mobile-pixel-home, .mobile-pixel-footer, .mph-creators-zone{
  display: none !important;
}

body.home-page.v4-page > .v4-home-main, body.home-page.v4-page > .site-footer{
  display: block !important;
}

body.home-page.v4-page .v4-photo-wheel, body.home-page.v4-page #heroPhotoWheel, body.home-page.v4-page #heroPhotoTrack, body.home-page.v4-page #heroPhotoRow{
  display: none !important;
}

body.home-page.v4-page .v4-service-card .v4-service-reference-media{
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  background: transparent !important;
}

body.home-page.v4-page .v4-service-card .v4-service-reference-media > img{
  object-fit: contain !important;
}

body.home-page.v4-page .v4-benefit-intro .v4-split-visual{
  width: 100% !important;
  max-width: 448px !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 1122 / 1402 !important;
  justify-self: center !important;
  background: #fff !important;
}

body.home-page.v4-page .v4-benefit-intro .v4-split-visual > img{
  object-fit: contain !important;
}

/* The photo wheel no longer reserves any hero space. */
html body.home-page.v4-page #top.v4-home-hero.lm-hero{
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 680px !important;
  max-height: none !important;
  padding: 138px 0 112px !important;
  overflow: hidden !important;
}

html body.home-page.v4-page #top > .v4-hero-shell.container{
  position: relative !important;
  inset: auto !important;
  width: min(980px, calc(100% - 48px)) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  z-index: 8 !important;
}

html body.home-page.v4-page #top .v4-hero-copy{
  width: min(850px, 92vw) !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.home-page.v4-page #top .v4-eyebrow{
  margin: 0 0 20px !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
}

html body.home-page.v4-page #top .v4-hero-copy h1{
  margin: 0 !important;
  font-size: clamp(3rem, 5.45vw, 5.15rem) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

html body.home-page.v4-page #top .v4-hero-copy > p{
  max-width: 650px !important;
  margin: 22px auto 0 !important;
  font-size: .97rem !important;
  line-height: 1.95 !important;
}

html body.home-page.v4-page #top .v4-hero-actions{
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 25px !important;
}

html body.home-page.v4-page #top .v4-hero-actions .v4-btn{
  min-height: 48px !important;
  padding: 10px 24px !important;
  font-size: .86rem !important;
}

@media (max-width: 620px) {
  html, body.home-page.v4-page{
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  /* Preserve the approved mobile header shown in the supplied reference. */
  body.home-page.v4-page .site-header.service-header, body.home-page.v4-page .site-header.service-header.is-scrolled{
    position: absolute !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 100 !important;
  }

  body.home-page.v4-page .site-header.service-header .header-inner, body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner{
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 auto !important;
    padding: 8px 0 !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.home-page.v4-page .site-header .desktop-nav{
    display: none !important;
  }

  body.home-page.v4-page .site-header .brand{
    order: 1 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 4px 0 auto !important;
    padding: 0 !important;
  }

  body.home-page.v4-page .site-header .site-logo{
    display: block !important;
    width: auto !important;
    max-width: none !important;
    line-height: 0 !important;
  }

  body.home-page.v4-page .site-header .site-logo-image, body.home-page.v4-page .site-header.service-header .site-logo-image{
    width: 74px !important;
    max-width: 74px !important;
    height: 23px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
  }

  body.home-page.v4-page .site-header .logo-light{
    display: block !important;
  }

  

  body.home-page.v4-page .site-header .service-account{
    order: 2 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    gap: 5px !important;
  }

  body.home-page.v4-page .site-header .service-account .button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 36px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
  }

  body.home-page.v4-page .site-header .service-account .button-ghost{
    width: 45px !important;
    color: #fff !important;
    background: rgba(4, 8, 31, .28) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
  }

  body.home-page.v4-page .site-header .service-account .button-primary{
    width: 53px !important;
    color: #111426 !important;
    background: #fbfaf9 !important;
    border: 1px solid rgba(255, 255, 255, .86) !important;
  }

  body.home-page.v4-page .site-header .favorites-trigger{
    order: 3 !important;
    display: grid !important;
  }

  body.home-page.v4-page .site-header .menu-toggle{
    order: 4 !important;
    display: grid !important;
  }

  body.home-page.v4-page .site-header .favorites-trigger, body.home-page.v4-page .site-header .menu-toggle{
    place-items: center !important;
    flex: 0 0 35px !important;
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    color: #fff !important;
    background: rgba(4, 8, 31, .22) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
  }

  body.home-page.v4-page .site-header .favorites-trigger svg, body.home-page.v4-page .site-header .menu-toggle svg{
    width: 17px !important;
    height: 17px !important;
  }

  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    min-height: 560px !important;
    height: auto !important;
    padding: 116px 0 82px !important;
  }

  html body.home-page.v4-page #top > .v4-hero-shell.container{
    width: calc(100% - 28px) !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy{
    width: min(100%, 430px) !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow{
    min-height: 27px !important;
    margin-bottom: 18px !important;
    padding: 6px 10px !important;
    font-size: .68rem !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy h1{
    font-size: clamp(2.55rem, 12.2vw, 3.25rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.05em !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy > p{
    max-width: 360px !important;
    margin-top: 20px !important;
    font-size: .88rem !important;
    line-height: 1.9 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions{
    display: flex !important;
    margin-top: 24px !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn{
    min-width: 154px !important;
    min-height: 46px !important;
    padding: 9px 20px !important;
    font-size: .8rem !important;
  }

  /* Keep the current approved creator boxes in the restored page flow. */
  body.home-page.v4-page .v4-creators{
    display: none !important;
  }

  body.home-page.v4-page .mph-creators-zone.restored-mobile-creators{
    display: block !important;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 26px 14px 32px;
    background: #fff;
  }

  .restored-mobile-creators, .restored-mobile-creators *{
    box-sizing: border-box;
  }

  .restored-mobile-creators .mph-creators-card{
    width: 100%;
    height: auto;
    padding: 14px;
    border: 1px solid rgba(49, 54, 101, .06);
    border-radius: 20px;
    background: rgba(249, 249, 253, .98);
    box-shadow: 0 14px 34px rgba(35, 41, 91, .11);
  }

  .restored-mobile-creators .mph-tabs{
    direction: rtl;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    height: 48px;
    margin: 0 0 14px;
    padding: 5px;
    border: 1px solid rgba(37, 43, 91, .08);
    border-radius: 12px;
    background: #f1f2f8;
  }

  .restored-mobile-creators .mph-tabs a{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0 !important;
    border-radius: 8px;
    color: #565d7c;
    font-size: 11.5px;
    font-weight: 800;
  }

  .restored-mobile-creators .mph-tabs a.is-active{
    background: #fff;
    color: #272b4d;
    box-shadow: 0 1px 5px rgba(28, 33, 76, .08);
  }

  .restored-mobile-creators .mph-profile-list{
    display: grid;
    gap: 12px;
  }

  .restored-mobile-creators .mph-profile{
    direction: ltr;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    grid-template-rows: 58px minmax(0, 1fr);
    column-gap: 10px;
    align-items: stretch;
    width: 100%;
    height: 156px;
    overflow: hidden;
    padding: 9px;
    border: 1px solid rgba(44, 49, 95, .055);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(31, 37, 81, .08);
  }

  .restored-mobile-creators .mph-avatar{
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: center;
    width: 82px;
    height: 133px;
    overflow: hidden;
    border-radius: 12px;
  }

  .restored-mobile-creators .mph-avatar img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .restored-mobile-creators .mph-identity{
    direction: rtl;
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 1px 6px 0 2px;
    text-align: right;
  }

  .restored-mobile-creators .mph-name{
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 3px;
    color: #20233e;
    font-size: 12.5px;
    font-weight: 950;
    line-height: 1.35;
    white-space: nowrap;
  }

  .restored-mobile-creators .mph-verified{
    display: inline-grid;
    place-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #5165ed;
    color: #fff;
    font-size: 8px;
    line-height: 1;
  }

  .restored-mobile-creators .mph-category{
    margin: 0;
    color: #69708a;
    font-size: 10.5px;
    line-height: 1.55;
    white-space: nowrap;
  }

  .restored-mobile-creators .mph-rating{
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    color: #485075;
    font-size: 10.5px;
    font-weight: 800;
  }

  .restored-mobile-creators .mph-rating-score{
    direction: ltr;
    font-family: Arial, sans-serif;
  }

  .restored-mobile-creators .mph-stars{
    direction: ltr;
    display: inline-flex;
    align-items: center;
    gap: 1px;
    white-space: nowrap;
  }

  .restored-mobile-creators .mph-stars i{
    color: #f5b500;
    font-style: normal;
    font-size: 9.5px;
    line-height: 1;
  }

  .restored-mobile-creators .mph-stars i.is-empty{
    color: #c4c7d5;
  }

  .restored-mobile-creators .mph-profile-side{
    direction: rtl;
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-rows: minmax(44px, 1fr) 36px;
    align-self: stretch;
    min-width: 0;
    padding: 0 4px 0 2px;
  }

  .restored-mobile-creators .mph-metrics{
    direction: ltr;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    text-align: center;
  }

  .restored-mobile-creators .mph-metric{
    min-width: 0;
    padding-inline: 2px;
  }

  .restored-mobile-creators .mph-metric strong{
    display: block;
    color: #1a1d38;
    font: 900 12px/1.2 Arial, sans-serif;
    white-space: nowrap;
  }

  .restored-mobile-creators .mph-metric span{
    display: block;
    margin-top: 3px;
    color: #69708d;
    font-size: 9.5px;
    font-weight: 650;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .restored-mobile-creators .mph-actions{
    direction: ltr;
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
  }

  .restored-mobile-creators .mph-heart{
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    min-height: 0 !important;
    padding: 0;
    border: 1px solid rgba(48, 53, 96, .10);
    border-radius: 50%;
    background: #fff;
    color: #596080;
  }

  .restored-mobile-creators .mph-heart svg{
    width: 16px;
    height: 16px;
  }

  .restored-mobile-creators .mph-view{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    min-height: 0 !important;
    border-radius: 9px;
    background: linear-gradient(90deg, #5039de, #623fe3);
    color: #fff;
    font-size: 10.5px;
    font-weight: 850;
    box-shadow: 0 5px 12px rgba(81, 57, 222, .22);
  }
}

/* Exact mobile hero: the supplied reference is the pixel source of truth. */
@media (max-width: 620px) {
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1080 / 1206 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #090a1f !important;
    background-image:
      linear-gradient(180deg, #08091f 0%, #090a22 100%),
      url("../assets/images/mobile-hero-reference-exact.webp?v=20260824opt1") !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 100% 10.9%, 100% 100% !important;
  }

  html body.home-page.v4-page #top.v4-home-hero::before, html body.home-page.v4-page #top.v4-home-hero::after, html body.home-page.v4-page #top .v4-hero-aurora, html body.home-page.v4-page #top .v4-mobile-trust-stage{
    display: none !important;
  }

  html body.home-page.v4-page #top > .v4-hero-shell.container{
    position: absolute !important;
    inset: 0 !important;
    z-index: 9 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow, html body.home-page.v4-page #top .v4-hero-copy h1, html body.home-page.v4-page #top .v4-hero-copy > p{
    visibility: visible !important;
    opacity: 0 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions{
    position: absolute !important;
    top: 52.49% !important;
    left: 32.59% !important;
    z-index: 12 !important;
    display: block !important;
    visibility: visible !important;
    width: 34.91% !important;
    height: 8.04% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn{
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: auto !important;
  }

  html body.home-page.v4-page #top .v4-mobile-trust-metrics{
    right: 7.52% !important;
    bottom: 1.9% !important;
    width: 84.81% !important;
    height: 18.41% !important;
    padding: clamp(8px,2.55vw,10px) 5px clamp(6px,1.8vw,7px) !important;
    background: linear-gradient(105deg,rgb(38,28,91),rgb(49,31,104)) !important;
    border-color: rgba(255,255,255,.12) !important;
    border-radius: clamp(18px,5.64vw,22px) !important;
    box-shadow: 0 13px 30px rgba(7,6,31,.2),inset 0 1px 0 rgba(255,255,255,.035) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.home-page.v4-page .site-header.service-header .header-inner, html body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner{
    background: rgb(7,9,31) !important;
  }
}

/* Reference-matched trust hero: desktop keeps the existing composition. */
body.home-page.v4-page .v4-mobile-trust-stage, body.home-page.v4-page .v4-mobile-trust-metrics, body.home-page.v4-page .v4-hero-cta-arrow{
  display: none;
}

body.home-page.v4-page .unified-auth-button{
  direction: ltr;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px;
}

body.home-page.v4-page .unified-auth-icon{
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
}

body.home-page.v4-page .unified-auth-icon svg{ width: 17px; height: 17px; }

@media (max-width: 620px) {
  html body.home-page.v4-page .site-header.service-header, html body.home-page.v4-page .site-header.service-header.is-scrolled{
    position: absolute !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 7px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 100 !important;
  }

  html body.home-page.v4-page .site-header.service-header .header-inner, html body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner{
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 500px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 auto !important;
    padding: 4px 11px !important;
    gap: 0 !important;
    background: rgba(7,9,31,.58) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-top: 0 !important;
    border-radius: 0 0 24px 24px !important;
    box-shadow: 0 10px 30px rgba(2,4,20,.15) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  html body.home-page.v4-page .site-header .brand{
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
  }

  html body.home-page.v4-page .site-header .site-logo-image, html body.home-page.v4-page .site-header.service-header .site-logo-image{
    width: 92px !important;
    max-width: 92px !important;
    height: 25px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
  }

  html body.home-page.v4-page .site-header .service-account{
    order: 2 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.home-page.v4-page .site-header .service-account .unified-auth-button{
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  html body.home-page.v4-page .site-header .menu-toggle{
    position: relative !important;
    order: 3 !important;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 3px 0 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: rgba(255,255,255,.065) !important;
    border: 1px solid rgba(255,255,255,.04) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
  }

  html body.home-page.v4-page .site-header .menu-toggle svg{ width: 18px !important; height: 18px !important; }

  html body.home-page.v4-page .unified-auth-label{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 36px !important;
    color: #fff !important;
    background: linear-gradient(135deg,#7351ef 0%,#9e5cf3 100%) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(116,63,231,.28),inset 0 1px 0 rgba(255,255,255,.2) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
  }

  html body.home-page.v4-page .site-header .favorites-trigger{
    display: none !important;
  }

  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: clamp(420px,111.67vw,460px) !important;
    min-height: clamp(420px,111.67vw,460px) !important;
    max-height: 460px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    background:
      radial-gradient(ellipse at 50% 96%,rgba(115,53,245,.66) 0%,rgba(76,31,180,.42) 30%,transparent 64%),
      radial-gradient(circle at 103% 58%,rgba(128,55,214,.43) 0%,rgba(88,37,169,.2) 23%,transparent 43%),
      radial-gradient(circle at -4% 69%,rgba(86,39,196,.31) 0%,rgba(65,31,157,.15) 24%,transparent 43%),
      linear-gradient(180deg,#090a1f 0%,#0b0b27 42%,#120d3b 66%,#211151 83%,#2c1765 100%) !important;
    isolation: isolate;
  }

  html body.home-page.v4-page #top.v4-home-hero::after{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    opacity: .88 !important;
    background:
      radial-gradient(105% 66% at 50% 122%,transparent 58%,rgba(124,62,241,.08) 59%,rgba(137,73,255,.48) 60.1%,rgba(111,47,227,.16) 61.2%,transparent 63%),
      radial-gradient(94% 57% at 50% 115%,transparent 57%,rgba(160,92,255,.07) 58%,rgba(130,67,244,.26) 59.2%,transparent 61.5%),
      radial-gradient(32% 33% at 101% 64%,rgba(165,79,242,.22),transparent 72%),
      radial-gradient(28% 29% at -2% 70%,rgba(102,54,230,.18),transparent 74%) !important;
    filter: drop-shadow(0 0 12px rgba(121,56,239,.32)) !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top.v4-home-hero::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    opacity: .56 !important;
    background-image:
      radial-gradient(circle at 8% 72%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),
      radial-gradient(circle at 18% 68%,rgba(127,77,255,.9) 0 1px,transparent 1.7px),
      radial-gradient(circle at 38% 77%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),
      radial-gradient(circle at 63% 70%,rgba(139,89,255,.9) 0 1px,transparent 1.7px),
      radial-gradient(circle at 80% 78%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),
      radial-gradient(circle at 93% 65%,rgba(125,73,255,.85) 0 1px,transparent 1.7px) !important;
    background-size: 100% 100% !important;
    pointer-events: none !important;
    mask-image: none !important;
  }

  html body.home-page.v4-page #top .v4-hero-aurora{ position: absolute !important; inset: 0 !important; z-index: 0 !important; }
  html body.home-page.v4-page #top .v4-hero-aurora span:nth-child(1){ width: 150px; height: 150px; left: -70px; top: 242px; background: #5e37e6; opacity: .25; }
  html body.home-page.v4-page #top .v4-hero-aurora span:nth-child(2){ width: 160px; height: 160px; right: -76px; top: 233px; background: #7c3cf2; opacity: .27; }
  html body.home-page.v4-page #top .v4-hero-aurora span:nth-child(3){ width: 300px; height: 78px; left: 50%; bottom: 60px; background: #6031e7; opacity: .32; }

  html body.home-page.v4-page #top > .v4-hero-shell.container{
    position: absolute !important;
    top: 60px !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 7 !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    text-align: center !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy{
    display: block !important;
    width: min(100%,390px) !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px !important;
    margin: 0 0 8px !important;
    padding: 4px 10px !important;
    gap: 5px !important;
    color: rgba(255,255,255,.84) !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow > .home-text-icon{
    width: 11px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffc961 !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy h1{
    width: 100% !important;
    max-width: 370px !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: clamp(25px,7.6vw,31px) !important;
    font-weight: 950 !important;
    line-height: 1.28 !important;
    letter-spacing: -.04em !important;
    text-align: center !important;
    text-shadow: 0 5px 17px rgba(0,0,0,.2) !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy h1 > .home-text-icon, html body.home-page.v4-page #top .v4-hero-copy > p > .home-text-icon{
    display: none !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy h1 em{
    color: #9a52f2 !important;
    font: inherit !important;
    font-style: normal !important;
    text-shadow: 0 0 20px rgba(151,70,246,.28) !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy > p{
    width: min(100%,330px) !important;
    max-width: 330px !important;
    margin: 0 auto !important;
    color: rgba(236,235,246,.72) !important;
    font-size: clamp(10px,2.85vw,11.7px) !important;
    font-weight: 500 !important;
    line-height: 1.82 !important;
    text-align: center !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions{
    display: flex !important;
    justify-content: center !important;
    margin: 11px 0 0 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn{
    direction: rtl !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: clamp(118px,34.9vw,136px) !important;
    min-width: clamp(118px,34.9vw,136px) !important;
    height: clamp(31px,8.98vw,35px) !important;
    min-height: clamp(31px,8.98vw,35px) !important;
    margin: 0 !important;
    padding: 3px clamp(12px,3.85vw,15px) 3px 4px !important;
    color: #fff !important;
    background: linear-gradient(100deg,#6f52f7 0%,#b273e8 100%) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px rgba(81,40,207,.27),inset 0 1px 0 rgba(255,255,255,.17) !important;
    font-size: clamp(9.5px,2.82vw,11px) !important;
    font-weight: 850 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn > .home-text-icon{ display: none !important; }

  html body.home-page.v4-page #top .v4-hero-cta-arrow{
    direction: ltr;
    display: grid !important;
    place-items: center;
    flex: 0 0 clamp(25px,7.18vw,28px);
    width: clamp(25px,7.18vw,28px);
    height: clamp(25px,7.18vw,28px);
    margin: 0;
    color: #6a42e5;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(45,25,131,.16);
  }

  html body.home-page.v4-page #top .v4-hero-cta-arrow svg{
    display: block;
    width: clamp(13px,3.85vw,15px);
    height: clamp(13px,3.85vw,15px);
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html body.home-page.v4-page #top .v4-mobile-trust-stage{
    position: absolute;
    top: 62.8%;
    right: 0;
    left: 0;
    z-index: 6;
    display: block;
    width: 100%;
    height: 85px;
    margin: 0 auto;
    pointer-events: none;
  }

  html body.home-page.v4-page .v4-trust-orbit{
    position: absolute;
    top: -61px;
    left: -13%;
    width: 126%;
    height: 141px;
    border: 2px solid rgba(126,67,255,.34);
    border-top-color: rgba(143,84,255,.68);
    border-radius: 50%;
    box-shadow: 0 0 17px rgba(119,52,255,.34),inset 0 -6px 15px rgba(113,53,241,.12);
  }

  html body.home-page.v4-page .v4-trust-person{
    position: absolute;
    z-index: 3;
    width: 12vw;
    height: 12vw;
    margin: 0;
    overflow: visible;
    background: #1b174c;
    border: 1.5px solid rgba(144,83,255,.86);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255,255,255,.07),0 0 10px rgba(112,52,241,.32);
  }

  html body.home-page.v4-page .v4-trust-person img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }

  html body.home-page.v4-page .v4-trust-person-1{ top: 6vw; left: 10%; width: 9vw; height: 9vw; }
  html body.home-page.v4-page .v4-trust-person-2{ top: 3.8vw; left: 24.5%; width: 11vw; height: 11vw; }
  html body.home-page.v4-page .v4-trust-person-3{ top: 0; left: 50%; width: 16.8vw; height: 16.8vw; transform: translateX(-50%); border-width: 2px; }
  html body.home-page.v4-page .v4-trust-person-4{ top: 3.8vw; right: 24%; width: 10.9vw; height: 10.9vw; }
  html body.home-page.v4-page .v4-trust-person-5{ top: 6vw; right: 9.7%; width: 9.2vw; height: 9.2vw; }
  html body.home-page.v4-page .v4-trust-person-1 img{ object-position: center 28%; }
  html body.home-page.v4-page .v4-trust-person-2 img{ object-position: center 30%; }
  html body.home-page.v4-page .v4-trust-person-3 img{ object-position: center 32%; }
  html body.home-page.v4-page .v4-trust-person-4 img{ object-position: center 24%; }
  html body.home-page.v4-page .v4-trust-person-5 img{ object-position: center 32%; }

  html body.home-page.v4-page .v4-trust-badge{
    position: absolute;
    right: -3px;
    bottom: -3px;
    display: grid;
    place-items: center;
    width: 13px;
    height: 13px;
    color: #fff;
    background: linear-gradient(145deg,#6742eb,#9b56ef);
    border-radius: 6px 8px 8px 7px;
    box-shadow: 0 3px 7px rgba(77,38,191,.26);
    font-size: 8px;
    font-weight: 900;
  }

  html body.home-page.v4-page .v4-trust-person-3 .v4-trust-badge{
    right: -3px;
    bottom: -2px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    border-radius: 8px 11px 11px 9px;
  }

  html body.home-page.v4-page .v4-trust-float{
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    color: rgba(151,92,255,.82);
    background: rgba(83,46,182,.14);
    border-radius: 50%;
    box-shadow: 0 0 18px rgba(111,53,236,.2);
  }

  html body.home-page.v4-page .v4-trust-float svg{
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html body.home-page.v4-page .v4-trust-float-instagram{ top: -10px; left: 20.3%; }
  html body.home-page.v4-page .v4-trust-float-chat{ top: -10px; right: 20.3%; }

  html body.home-page.v4-page #top .v4-mobile-trust-metrics{
    position: absolute;
    right: 7.5%;
    bottom: 10px;
    z-index: 8;
    direction: rtl;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    width: 85%;
    height: 78px;
    margin: 0;
    padding: 10px 5px 7px;
    background: rgba(32,23,84,.42);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 22px;
    box-shadow: 0 13px 30px rgba(7,6,31,.18),inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  html body.home-page.v4-page .v4-mobile-trust-metrics article{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    padding: 0 4px;
    border-left: 1px solid rgba(255,255,255,.09);
  }

  html body.home-page.v4-page .v4-mobile-trust-metrics article:last-child{ border-left: 0; }

  html body.home-page.v4-page .v4-mobile-trust-metrics article > span{
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #58baff;
    background: rgba(63,115,231,.11);
    border-radius: 50%;
    box-shadow: 0 0 13px rgba(72,119,242,.13);
  }

  html body.home-page.v4-page .v4-mobile-trust-metrics article:nth-child(2) > span{ color: #f5c84e; background: rgba(191,138,42,.1); }
  html body.home-page.v4-page .v4-mobile-trust-metrics article:nth-child(3) > span{ color: #b96aff; background: rgba(139,72,215,.1); }
  html body.home-page.v4-page .v4-mobile-trust-metrics article:nth-child(4) > span{ color: #48d68e; background: rgba(57,180,118,.1); }

  html body.home-page.v4-page .v4-mobile-trust-metrics svg{
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html body.home-page.v4-page .v4-mobile-trust-metrics small{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    color: rgba(239,238,249,.74);
    overflow: visible;
    text-align: center;
    white-space: normal;
    font-size: clamp(7px,2.15vw,8.8px);
    font-weight: 650;
    line-height: 1.25;
  }
}

@media (max-width: 350px) {
  html body.home-page.v4-page .site-header .site-logo-image, html body.home-page.v4-page .site-header.service-header .site-logo-image{ width: 83px !important; max-width: 83px !important; }
  html body.home-page.v4-page .site-header .service-account .unified-auth-button{ width: 59px !important; min-width: 59px !important; }
  html body.home-page.v4-page .site-header .menu-toggle{ width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; }
  html body.home-page.v4-page .unified-auth-label{ width: 59px !important; font-size: 10px !important; }
  html body.home-page.v4-page #top > .v4-hero-shell.container{ top: 57px !important; padding-inline: 9px !important; }
  html body.home-page.v4-page #top .v4-hero-copy h1{ font-size: 25px !important; }
  html body.home-page.v4-page #top .v4-hero-copy > p{ width: 290px !important; font-size: 9.7px !important; }
  html body.home-page.v4-page #top .v4-hero-actions{ margin-top: 8px !important; }
  html body.home-page.v4-page #top .v4-mobile-trust-stage{ top: 64%; }
  html body.home-page.v4-page .v4-trust-person-1{ left: 10%; }
  html body.home-page.v4-page .v4-trust-person-2{ left: 24.5%; }
  html body.home-page.v4-page .v4-trust-person-4{ right: 24%; }
  html body.home-page.v4-page .v4-trust-person-5{ right: 9.7%; }
  html body.home-page.v4-page #top .v4-mobile-trust-metrics{ right: 4%; width: 92%; padding-inline: 3px; }
  html body.home-page.v4-page .v4-mobile-trust-metrics article{ padding-inline: 2px; }
}

/* Four-step workflow illustration. Hidden on desktop so the current desktop
   composition remains unchanged. */
body.home-page.v4-page .v4-step-art, body.home-page.v4-page .v4-workflow-path{
  display: none;
}

@media (max-width: 620px) {
  html body.home-page.v4-page .v4-workflow{
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 clamp(8px,4vw,16px) 32px !important;
    color: #111631 !important;
    background: #fff !important;
  }

  html body.home-page.v4-page .v4-workflow-shell.container{
    position: relative !important;
    isolation: isolate;
    display: block !important;
    width: 100% !important;
    max-width: 500px !important;
    min-height: 568px !important;
    margin: 0 auto !important;
    padding: 16px clamp(13px,4.6vw,18px) 30px !important;
    overflow: hidden !important;
    color: #111631 !important;
    background:
      radial-gradient(circle at 54% 14%, rgba(186,139,255,.18), transparent 19%),
      radial-gradient(circle at 13% 54%, rgba(255,241,211,.66), transparent 31%),
      linear-gradient(180deg,#fbf3e6 0%,#fcf6e9 55%,#fbf4e7 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.home-page.v4-page .v4-workflow-shell::before, html body.home-page.v4-page .v4-workflow-shell::after{
    content: "";
    position: absolute;
    z-index: -1;
    width: 145px;
    height: 180px;
    opacity: .36;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='145' height='180' viewBox='0 0 145 180'%3E%3Cg fill='none' stroke='%23dfd4b9' stroke-width='1.4'%3E%3Cpath d='M36 1 69 20v38L36 77 3 58V20Z'/%3E%3Cpath d='m105 39 33 19v38l-33 19-33-19V58Z'/%3E%3Cpath d='m36 77 33 19v38l-33 19-33-19V96Z'/%3E%3Cpath d='m105 115 33 19v38l-33 19-33-19v-38Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    pointer-events: none;
  }

  html body.home-page.v4-page .v4-workflow-shell::before{
    top: -20px;
    left: -40px;
  }

  html body.home-page.v4-page .v4-workflow-shell::after{
    right: -51px;
    bottom: -39px;
    transform: rotate(180deg);
  }

  html body.home-page.v4-page .v4-workflow-copy{
    position: relative;
    z-index: 2;
    display: block !important;
    width: 100% !important;
    text-align: right !important;
  }

  html body.home-page.v4-page .v4-workflow-copy::before{
    content: "";
    position: absolute;
    top: 36px;
    right: 7%;
    z-index: -1;
    width: 88%;
    height: 68px;
    background: radial-gradient(ellipse at center,rgba(170,119,255,.28),rgba(170,119,255,.08) 47%,transparent 73%);
    filter: blur(7px);
    pointer-events: none;
  }

  html body.home-page.v4-page .v4-workflow-copy .v4-section-kicker{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    min-height: 27px !important;
    margin: 0 0 8px auto !important;
    padding: 5px 13px !important;
    color: #171935 !important;
    background: linear-gradient(105deg,rgba(226,212,255,.92),rgba(239,226,255,.7)) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 13px rgba(118,79,186,.08) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
  }

  html body.home-page.v4-page .v4-workflow-copy .v4-section-kicker > .home-text-icon, html body.home-page.v4-page .v4-workflow-copy h2 > .home-text-icon, html body.home-page.v4-page .v4-workflow-copy > p > .home-text-icon{
    display: none !important;
  }

  html body.home-page.v4-page .v4-workflow-copy h2{
    position: relative;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    color: #10152f !important;
    font-size: clamp(28px,7.6vw,33px) !important;
    font-weight: 950 !important;
    line-height: 1.36 !important;
    letter-spacing: -.035em !important;
    text-align: right !important;
    text-shadow: 0 2px 2px rgba(15,19,45,.04),0 0 17px rgba(150,108,236,.22) !important;
  }

  html body.home-page.v4-page .v4-workflow-copy > p{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 73px !important;
    margin: 0 !important;
    padding: 11px 15px !important;
    color: #22253c !important;
    background: rgba(244,231,214,.82) !important;
    border: 1px solid rgba(237,224,201,.34) !important;
    border-radius: 14px !important;
    font-size: clamp(11.5px,3.3vw,14px) !important;
    font-weight: 560 !important;
    line-height: 2 !important;
    text-align: center !important;
  }

  html body.home-page.v4-page .v4-steps{
    position: relative !important;
    z-index: 1;
    direction: rtl !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px 9px !important;
    width: min(100%,295px) !important;
    height: auto !important;
    margin: 25px auto 0 !important;
    padding: 0 !important;
  }

  html body.home-page.v4-page .v4-steps article{
    position: relative !important;
    z-index: 2;
    display: block !important;
    min-width: 0 !important;
    min-height: clamp(146px,39vw,161px) !important;
    margin: 0 !important;
    padding: 15px 17px 14px !important;
    overflow: hidden !important;
    color: #10152f !important;
    background: linear-gradient(150deg,rgba(255,255,255,.99),rgba(255,255,255,.92)) !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    border-radius: 25px !important;
    box-shadow: 0 13px 25px rgba(72,64,48,.105) !important;
    transform: none !important;
    text-align: right !important;
  }

  html body.home-page.v4-page .v4-steps article:hover{
    transform: none !important;
    background: #fff !important;
    border-color: rgba(255,255,255,.92) !important;
    box-shadow: 0 13px 25px rgba(72,64,48,.105) !important;
  }

  html body.home-page.v4-page .v4-steps .v4-step-no{
    position: absolute !important;
    top: 24px !important;
    right: 18px !important;
    z-index: 3;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #65b8b1 !important;
    background: transparent !important;
    font: 850 13px/1 Arial,sans-serif !important;
    letter-spacing: .02em !important;
  }

  html body.home-page.v4-page .v4-steps .v4-step-art{
    position: absolute !important;
    top: 14px !important;
    left: 17px !important;
    z-index: 2;
    display: block !important;
    width: 45px !important;
    height: 45px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111631 !important;
    background: transparent !important;
    font-size: 1rem !important;
  }

  html body.home-page.v4-page .v4-step-art svg{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    fill: none;
    stroke: #111631;
    stroke-width: 2.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 2px 1px rgba(32,31,62,.08));
  }

  html body.home-page.v4-page .v4-steps h3{
    width: 100% !important;
    margin: 51px 0 4px !important;
    padding: 0 !important;
    color: #10152f !important;
    font-size: clamp(16px,4.35vw,18.5px) !important;
    font-weight: 950 !important;
    line-height: 1.45 !important;
    letter-spacing: -.03em !important;
    text-align: right !important;
  }

  html body.home-page.v4-page .v4-steps h3 > .home-text-icon, html body.home-page.v4-page .v4-steps p > .home-text-icon{
    display: none !important;
  }

  html body.home-page.v4-page .v4-steps p{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #22253d !important;
    font-size: clamp(10.5px,2.95vw,12.5px) !important;
    font-weight: 520 !important;
    line-height: 1.95 !important;
    text-align: right !important;
  }

  html body.home-page.v4-page .v4-workflow-path{
    position: absolute !important;
    top: 2px !important;
    left: 50% !important;
    z-index: 1;
    display: block !important;
    width: 31px !important;
    height: calc(100% - 1px) !important;
    overflow: visible !important;
    transform: translateX(-50%);
    pointer-events: none;
  }

  html body.home-page.v4-page .v4-workflow-path path{
    fill: none;
    stroke: #8179aa;
    stroke-width: 2.1;
    vector-effect: non-scaling-stroke;
  }

  html body.home-page.v4-page .v4-workflow-path circle{
    fill: #8179aa;
    stroke: #fbf6e8;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
  }

  html body.home-page.v4-page .v4-workflow-path circle:nth-of-type(1), html body.home-page.v4-page .v4-workflow-path circle:nth-of-type(4){
    fill: #68bbb2;
  }

  html body.home-page.v4-page .v4-workflow-path circle:last-of-type{
    filter: drop-shadow(0 0 4px rgba(110,102,158,.55));
  }
}

@media (max-width: 350px) {
  html body.home-page.v4-page .v4-workflow{ padding-inline: 8px !important; }
  html body.home-page.v4-page .v4-workflow-shell.container{
    min-height: 544px !important;
    padding: 14px 13px 25px !important;
  }
  html body.home-page.v4-page .v4-workflow-copy h2{
    font-size: 27px !important;
  }
  html body.home-page.v4-page .v4-workflow-copy > p{
    min-height: 68px !important;
    padding-inline: 10px !important;
    font-size: 10.5px !important;
  }
  html body.home-page.v4-page .v4-steps{
    gap: 8px 7px !important;
    margin-top: 21px !important;
  }
  html body.home-page.v4-page .v4-steps article{
    min-height: 146px !important;
    padding: 12px 13px !important;
    border-radius: 21px !important;
  }
  html body.home-page.v4-page .v4-steps .v4-step-art{
    top: 14px !important;
    left: 13px !important;
    width: 42px !important;
    height: 42px !important;
  }
  html body.home-page.v4-page .v4-steps .v4-step-no{
    top: 21px !important;
    right: 14px !important;
    font-size: 11.5px !important;
  }
  html body.home-page.v4-page .v4-steps h3{
    margin-top: 48px !important;
    font-size: 15.5px !important;
  }
  html body.home-page.v4-page .v4-steps p{
    font-size: 10px !important;
    line-height: 1.9 !important;
  }
}

@media (max-width: 360px) {
  body.home-page.v4-page .mph-creators-zone.restored-mobile-creators{
    padding-inline: 10px;
  }

  .restored-mobile-creators .mph-creators-card{
    padding: 11px;
  }

  .restored-mobile-creators .mph-profile{
    grid-template-columns: 78px minmax(0, 1fr);
    grid-template-rows: 54px minmax(0, 1fr);
    column-gap: 8px;
    padding: 8px;
  }

  .restored-mobile-creators .mph-avatar{
    width: 73px;
    height: 130px;
  }

  .restored-mobile-creators .mph-identity{
    padding: 1px 4px 0 1px;
  }

  .restored-mobile-creators .mph-name{
    font-size: 11.5px;
  }

  .restored-mobile-creators .mph-category{
    font-size: 9.5px;
  }

  .restored-mobile-creators .mph-rating{
    font-size: 9.5px;
  }

  .restored-mobile-creators .mph-stars i{
    font-size: 8.5px;
  }

  .restored-mobile-creators .mph-metric strong{
    font-size: 11.5px;
  }

  .restored-mobile-creators .mph-metric span{
    font-size: 9px;
  }

  .restored-mobile-creators .mph-view{
    font-size: 9.5px;
  }
}

/* Contextual line icons for homepage copy only. */
body.home-page.v4-page .home-text-icon{
  display: inline-block;
  flex: 0 0 auto;
  width: 1.08em;
  height: 1.08em;
  margin-inline-end: .42em;
  overflow: visible;
  vertical-align: -.18em;
  color: currentColor;
  pointer-events: none;
}

body.home-page.v4-page .v4-eyebrow > i{
  display: none !important;
}

body.home-page.v4-page .v4-eyebrow > .home-text-icon, body.home-page.v4-page .v4-section-kicker > .home-text-icon{
  width: 1.18em;
  height: 1.18em;
  margin-inline-end: .5em;
  color: #6c61e8;
}

body.home-page.v4-page #top .v4-eyebrow > .home-text-icon, body.home-page.v4-page .v4-final-cta .v4-section-kicker > .home-text-icon{
  color: #d8d2ff;
}

body.home-page.v4-page h1 > .home-text-icon, body.home-page.v4-page h2 > .home-text-icon{
  box-sizing: content-box;
  width: .64em;
  height: .64em;
  margin-inline-end: .28em;
  padding: .13em;
  border: 1px solid rgba(105, 96, 225, .16);
  border-radius: .32em;
  background: linear-gradient(145deg, rgba(112, 100, 235, .12), rgba(195, 111, 214, .08));
  color: #665cdd;
  vertical-align: -.04em;
  box-shadow: 0 7px 18px rgba(58, 51, 134, .08);
}

body.home-page.v4-page #top h1 > .home-text-icon, body.home-page.v4-page .v4-final-cta h2 > .home-text-icon{
  border-color: rgba(255, 255, 255, .17);
  background: rgba(255, 255, 255, .09);
  color: #f0ecff;
  box-shadow: none;
}

body.home-page.v4-page h3 > .home-text-icon{
  width: .88em;
  height: .88em;
  margin-inline-end: .38em;
  color: #685dde;
  vertical-align: -.12em;
}

body.home-page.v4-page .v4-service-featured h3 > .home-text-icon, body.home-page.v4-page .v4-service-featured .v4-card-link > .home-text-icon, body.home-page.v4-page .v4-workflow h3 > .home-text-icon{
  color: #ccc7ff;
}

body.home-page.v4-page p[data-home-icon] > .home-text-icon{
  width: 1em;
  height: 1em;
  color: #7770d9;
  vertical-align: -.2em;
}

body.home-page.v4-page #top p[data-home-icon] > .home-text-icon, body.home-page.v4-page .v4-workflow p[data-home-icon] > .home-text-icon, body.home-page.v4-page .v4-final-cta p[data-home-icon] > .home-text-icon, body.home-page.v4-page .site-footer p[data-home-icon] > .home-text-icon{
  color: #c7c1ff;
}

body.home-page.v4-page .v4-service-card h3[data-home-icon], body.home-page.v4-page .v4-card-link[data-home-icon], body.home-page.v4-page .v4-btn[data-home-icon], body.home-page.v4-page .v4-text-link[data-home-icon], body.home-page.v4-page .v4-text-button[data-home-icon], body.home-page.v4-page .entity-switch-button[data-home-icon], body.home-page.v4-page .site-footer a[data-home-icon], body.home-page.v4-page .site-footer button[data-home-icon], body.home-page.v4-page .newsletter-input button[data-home-icon], body.home-page.v4-page .mph-tabs a[data-home-icon], body.home-page.v4-page .mph-view[data-home-icon]{
  align-items: center;
}

body.home-page.v4-page .v4-service-card h3[data-home-icon], body.home-page.v4-page .v4-btn[data-home-icon], body.home-page.v4-page .v4-text-link[data-home-icon], body.home-page.v4-page .v4-text-button[data-home-icon], body.home-page.v4-page .entity-switch-button[data-home-icon], body.home-page.v4-page .newsletter-input button[data-home-icon], body.home-page.v4-page .mph-tabs a[data-home-icon], body.home-page.v4-page .mph-view[data-home-icon]{
  display: inline-flex;
}

body.home-page.v4-page .v4-btn > .home-text-icon, body.home-page.v4-page .v4-text-link > .home-text-icon, body.home-page.v4-page .v4-text-button > .home-text-icon, body.home-page.v4-page .entity-switch-button > .home-text-icon, body.home-page.v4-page .newsletter-input button > .home-text-icon, body.home-page.v4-page .mph-view > .home-text-icon{
  width: 1.2em;
  height: 1.2em;
  margin-inline-end: .48em;
}

body.home-page.v4-page .v4-card-link > .home-text-icon{
  width: 1.05em;
  height: 1.05em;
  color: #7166de;
}

body.home-page.v4-page .v4-service-card p[data-home-icon] > .home-text-icon, body.home-page.v4-page .v4-steps p[data-home-icon] > .home-text-icon, body.home-page.v4-page .v4-faq-list p[data-home-icon] > .home-text-icon{
  color: #8a82dc;
}

body.home-page.v4-page .v4-faq-list summary > .home-text-icon{
  width: 1.12em;
  height: 1.12em;
  color: #6b61db;
}

body.home-page.v4-page .v4-entity-status > .home-text-icon{
  color: #6d63db;
}

body.home-page.v4-page .creator-type-chip > .home-text-icon, body.home-page.v4-page .creator-platform-chip > .home-text-icon, body.home-page.v4-page .creator-card-tags .home-text-icon, body.home-page.v4-page .creator-card-metrics .home-text-icon, body.home-page.v4-page .creator-card-bio > .home-text-icon, body.home-page.v4-page .creator-card-actions .home-text-icon{
  width: 1em;
  height: 1em;
  margin-inline-end: .34em;
}

body.home-page.v4-page .creator-card-tags [data-home-icon], body.home-page.v4-page .creator-card-metrics [data-home-icon], body.home-page.v4-page .creator-primary[data-home-icon]{
  align-items: center;
}

body.home-page.v4-page .creator-card-tags [data-home-icon], body.home-page.v4-page .creator-primary[data-home-icon]{
  display: inline-flex;
}

body.home-page.v4-page .creator-card-metrics span[data-home-icon] > .home-text-icon{
  display: inline-block;
  color: #8178d9;
  vertical-align: -.2em;
}

body.home-page.v4-page .site-footer h3 > .home-text-icon{
  color: #bdb7ff;
}

body.home-page.v4-page .site-footer a[data-home-icon], body.home-page.v4-page .site-footer button[data-home-icon]{
  display: flex;
  gap: 0;
}

body.home-page.v4-page .site-footer a[data-home-icon] > .home-text-icon, body.home-page.v4-page .site-footer button[data-home-icon] > .home-text-icon{
  width: 1.02em;
  height: 1.02em;
  color: #aaa4ef;
}

body.home-page.v4-page .restored-mobile-creators .mph-tabs .home-text-icon{
  width: 14px;
  height: 14px;
  margin-inline-end: 5px;
  color: #6257db;
}

body.home-page.v4-page .restored-mobile-creators .mph-category .home-text-icon{
  width: 11px;
  height: 11px;
  margin-inline-end: 3px;
  color: #7068ce;
}

body.home-page.v4-page .restored-mobile-creators .mph-view .home-text-icon{
  width: 13px;
  height: 13px;
  margin-inline-end: 4px;
  color: #fff;
}

@media (max-width: 620px) {
  body.home-page.v4-page h1 > .home-text-icon, body.home-page.v4-page h2 > .home-text-icon{
    width: .58em;
    height: .58em;
    padding: .11em;
    margin-inline-end: .22em;
  }

  body.home-page.v4-page .v4-section-kicker > .home-text-icon, body.home-page.v4-page .v4-eyebrow > .home-text-icon{
    margin-inline-end: .4em;
  }

  body.home-page.v4-page .site-footer a[data-home-icon] > .home-text-icon, body.home-page.v4-page .site-footer button[data-home-icon] > .home-text-icon{
    width: 1em;
    height: 1em;
  }
}

/* Final mobile reference lock. Keep this block last in the cascade. */
@media (max-width: 620px) {
  html body.home-page.v4-page #top.v4-home-hero.lm-hero{
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1080 / 1206 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, #08091f 0%, #090a22 100%) center top / 100% 10.9% no-repeat,
      #090a1f url("../assets/images/mobile-hero-reference-exact.webp?v=20260824opt1") center top / 100% 100% no-repeat !important;
  }

  html body.home-page.v4-page #top.v4-home-hero::before, html body.home-page.v4-page #top.v4-home-hero::after, html body.home-page.v4-page #top .v4-hero-aurora, html body.home-page.v4-page #top .v4-mobile-trust-stage{
    display: none !important;
  }

  html body.home-page.v4-page #top > .v4-hero-shell.container{
    position: absolute !important;
    inset: 0 !important;
    z-index: 9 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top .v4-hero-copy{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  html body.home-page.v4-page #top .v4-eyebrow, html body.home-page.v4-page #top .v4-hero-copy h1, html body.home-page.v4-page #top .v4-hero-copy > p{
    visibility: visible !important;
    opacity: 0 !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions{
    position: absolute !important;
    top: 52.49% !important;
    left: 32.59% !important;
    z-index: 12 !important;
    display: block !important;
    visibility: visible !important;
    width: 34.91% !important;
    height: 8.04% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
  }

  html body.home-page.v4-page #top .v4-hero-actions .v4-btn{
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: auto !important;
  }

  html body.home-page.v4-page #top .v4-mobile-trust-metrics{
    right: 7.52% !important;
    bottom: 1.9% !important;
    width: 84.81% !important;
    height: 18.41% !important;
    padding: clamp(8px,2.55vw,10px) 5px clamp(6px,1.8vw,7px) !important;
    background: linear-gradient(105deg,rgb(38,28,91),rgb(49,31,104)) !important;
    border-color: rgba(255,255,255,.12) !important;
    border-radius: clamp(18px,5.64vw,22px) !important;
    box-shadow: 0 13px 30px rgba(7,6,31,.2),inset 0 1px 0 rgba(255,255,255,.035) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body.home-page.v4-page .site-header.service-header .header-inner, html body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner{
    background: rgb(7,9,31) !important;
  }

  html body.home-page.v4-page .site-header.service-header, html body.home-page.v4-page .site-header.service-header.is-scrolled{
    background: rgb(7,9,31) !important;
  }
}


/* SOURCE css/mobile-unified-footer.css */
/* Unified mobile-only footer shared by every iBlogger page. */
.mobile-unified-footer{
  display: none;
}

@media (max-width: 620px) {
  html body.home-page.v4-page > .site-footer, html body.mobile-approved-page > .site-footer, html body.mobile-approved-page .site-footer, html body .mobile-pixel-footer, html body .mar-footer, html body .mar-auth-foot{
    display: none !important;
  }

  html body .mobile-unified-footer{
    position: relative;
    isolation: isolate;
    direction: rtl;
    display: block !important;
    box-sizing: border-box;
    width: calc(100% - 20px);
    max-width: 600px;
    margin: 22px auto 0;
    padding: 27px 16px max(16px, env(safe-area-inset-bottom));
    overflow: hidden;
    color: #fff;
    background:
      radial-gradient(circle at 86% -8%, rgba(128,83,244,.28), transparent 34%),
      radial-gradient(circle at 6% 110%, rgba(66,96,224,.2), transparent 38%),
      linear-gradient(150deg, #050923 0%, #080d32 56%, #0d1240 100%);
    border: 1px solid rgba(255,255,255,.09);
    border-bottom: 0;
    border-radius: 28px 28px 0 0;
    box-shadow: 0 -14px 38px rgba(20,14,66,.12), inset 0 1px 0 rgba(255,255,255,.04);
    font-family: Vazirmatn, Tahoma, Arial, sans-serif;
  }

  .mobile-unified-footer, .mobile-unified-footer *, .mobile-unified-footer *::before, .mobile-unified-footer *::after{
    box-sizing: border-box;
  }

  .mobile-unified-footer a{
    color: inherit;
    text-decoration: none;
  }

  .muf-brand{
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    text-align: center;
  }

  .muf-logo{
    display: block;
    line-height: 0;
  }

  .muf-logo img{
    display: block;
    width: 108px;
    height: 29px;
    object-fit: contain;
    filter: brightness(0) invert(1);
  }

  .muf-brand p{
    width: min(330px, 94%);
    margin: 10px auto 0;
    color: rgba(225,228,244,.72);
    font-size: 10.5px;
    font-weight: 560;
    line-height: 1.9;
  }

  .muf-nav{
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 20px;
  }

  .muf-nav > a{
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-height: 66px;
    padding: 10px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 17px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  }

  .muf-icon{
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #bdb2ff;
    background: rgba(125,91,240,.15);
    border: 1px solid rgba(182,164,255,.1);
    border-radius: 13px;
  }

  .muf-nav > a:nth-child(2) .muf-icon{ color: #7ee1cf; background: rgba(61,194,171,.12); }
  .muf-nav > a:nth-child(3) .muf-icon{ color: #ffd064; background: rgba(215,161,44,.12); }
  .muf-nav > a:nth-child(4) .muf-icon{ color: #75bdff; background: rgba(64,145,225,.12); }

  .muf-icon svg{
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .muf-nav strong, .muf-nav small{
    display: block;
    min-width: 0;
  }

  .muf-nav strong{
    color: #fff;
    font-size: 10.5px;
    font-weight: 850;
    line-height: 1.45;
  }

  .muf-nav small{
    margin-top: 3px;
    color: rgba(208,213,235,.58);
    font-size: 8px;
    font-weight: 560;
    line-height: 1.45;
  }

  .muf-actions{
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 12px;
  }

  .muf-actions a{
    display: grid;
    place-items: center;
    min-height: 42px;
    padding: 8px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
  }

  .muf-actions .is-primary{
    background: linear-gradient(135deg, #7351ef, #a05bf2);
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: 0 10px 22px rgba(115,81,239,.22), inset 0 1px 0 rgba(255,255,255,.2);
  }

  .muf-actions .is-secondary{
    color: #d9dcf0;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.09);
  }

  .muf-bottom{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 17px;
    padding-top: 13px;
    color: rgba(184,191,221,.5);
    border-top: 1px solid rgba(255,255,255,.075);
    font-size: 8px;
    line-height: 1.5;
  }

  .muf-bottom a{
    color: rgba(220,224,242,.72);
    font-weight: 750;
  }
}

@media (max-width: 350px) {
  html body .mobile-unified-footer{
    width: calc(100% - 12px);
    padding-inline: 11px;
    border-radius: 24px 24px 0 0;
  }

  .muf-nav{ gap: 6px; }
  .muf-nav > a{ grid-template-columns: 34px minmax(0, 1fr); gap: 7px; padding: 8px; }
  .muf-icon{ width: 34px; height: 34px; border-radius: 11px; }
  .muf-nav strong{ font-size: 9.5px; }
  .muf-nav small{ font-size: 7px; }
}

/* Theme-coherent footer layer. Geometry stays shared; colors follow the site theme. */
@media (max-width: 620px) {
  html body .mobile-unified-footer{
    --muf-bg: #f2f3fa;
    --muf-surface: rgba(255,255,255,.88);
    --muf-surface-hover: #fff;
    --muf-ink: #171a35;
    --muf-muted: #626a84;
    --muf-faint: #626a84;
    --muf-line: rgba(32,37,79,.10);
    --muf-accent: #695be7;
    --muf-accent-soft: #efedff;
    padding-top: 28px;
    color: var(--muf-ink) !important;
    background:
      radial-gradient(circle at 86% -8%, color-mix(in srgb,var(--muf-accent) 14%,transparent), transparent 35%),
      radial-gradient(circle at 5% 112%, rgba(44,178,146,.09), transparent 39%),
      linear-gradient(150deg,#f9f9fd 0%,var(--muf-bg) 100%) !important;
    border-color: var(--muf-line) !important;
    box-shadow: 0 -14px 38px rgba(23,26,68,.08),inset 0 1px 0 rgba(255,255,255,.72) !important;
  }
  
  .muf-logo img{ width:112px;height:30px;filter:none !important; }
  
  .muf-brand p{
    width:min(350px,96%);
    margin-top:11px;
    color:var(--muf-muted) !important;
    font-size:12px;
    line-height:1.9;
  }
  .muf-nav{ gap:9px;margin-top:21px; }
  .muf-nav>a{
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    min-height:70px;
    color:var(--muf-ink) !important;
    background:var(--muf-surface) !important;
    border-color:var(--muf-line) !important;
    border-radius:18px;
    box-shadow:0 7px 22px rgba(23,26,68,.045),inset 0 1px 0 rgba(255,255,255,.12);
    transition:border-color .2s ease,background-color .2s ease,transform .2s ease;
  }
  .muf-nav>a:hover{
    color:var(--muf-ink) !important;
    background:var(--muf-surface-hover) !important;
    border-color:color-mix(in srgb,var(--muf-accent) 26%,var(--muf-line)) !important;
    transform:translateY(-1px);
  }
  .muf-icon{
    width:40px;height:40px;
    color:var(--muf-accent);
    background:var(--muf-accent-soft);
    border-color:color-mix(in srgb,var(--muf-accent) 13%,transparent);
  }
  .muf-nav>a:nth-child(2) .muf-icon{ color:#159b78;background:rgba(30,181,143,.12); }
  
  .muf-nav>a:nth-child(3) .muf-icon{ color:#c58a00;background:rgba(226,170,36,.13); }
  
  .muf-nav>a:nth-child(4) .muf-icon{ color:#317fc5;background:rgba(64,145,225,.12); }
  
  .muf-icon svg{ width:21px;height:21px; }
  .muf-nav strong{ color:var(--muf-ink) !important;font-size:12px; }
  .muf-nav small{ color:var(--muf-muted) !important;font-size:9.5px;line-height:1.5; }
  .muf-actions{ gap:9px;margin-top:13px; }
  .muf-actions a{ min-height:44px;font-size:11.5px; }
  .muf-actions .is-primary{
    color:#fff !important;
    background:linear-gradient(135deg,#695be7,#8974ef) !important;
  }
  .muf-actions .is-secondary{
    color:var(--muf-ink) !important;
    background:var(--muf-surface) !important;
    border-color:var(--muf-line) !important;
  }
  .muf-bottom{
    color:var(--muf-faint) !important;
    border-color:var(--muf-line) !important;
    font-size:10px;
    line-height:1.6;
  }
  .muf-bottom a{ color:var(--muf-muted) !important; }
}

@media (max-width:350px) {
  .muf-nav>a{ grid-template-columns:35px minmax(0,1fr);gap:7px; }
  .muf-icon{ width:35px;height:35px; }
  .muf-nav strong{ font-size:10.5px; }
  .muf-nav small{ font-size:8.5px; }
}


/* SOURCE css/design-system-2026.css */
/*
 * iBlogger Design System 2026
 * Final visual layer shared by every public, account and moderation page.
 * It intentionally changes presentation only; application behavior stays in existing JS/PHP.
 */

:root{
  color-scheme: light;
  --ui-bg: #f6f7fb;
  --ui-bg-2: #eef0f7;
  --ui-surface: #ffffff;
  --ui-surface-2: #fafaff;
  --ui-surface-3: #f1f2f9;
  --ui-surface-glass: rgba(255, 255, 255, .82);
  --ui-ink: #171a35;
  --ui-ink-2: #303453;
  --ui-muted: #69718d;
  --ui-faint: #9ba1b6;
  --ui-line: rgba(32, 37, 79, .09);
  --ui-line-strong: rgba(32, 37, 79, .16);
  --ui-accent: #695be7;
  --ui-accent-2: #8f78f5;
  --ui-accent-strong: #5345ce;
  --ui-accent-soft: #efedff;
  --ui-accent-softer: #f7f5ff;
  --ui-pink: #e99bbb;
  --ui-pink-soft: #fff0f6;
  --ui-green: #18a77d;
  --ui-green-soft: #e9f8f2;
  --ui-yellow: #d99a00;
  --ui-yellow-soft: #fff7dc;
  --ui-danger: #d6516b;
  --ui-danger-soft: #fff0f3;
  --ui-shadow-xs: 0 2px 10px rgba(23, 26, 68, .04);
  --ui-shadow-sm: 0 10px 30px rgba(23, 26, 68, .07);
  --ui-shadow: 0 24px 68px rgba(23, 26, 68, .11);
  --ui-shadow-lg: 0 40px 110px rgba(23, 26, 68, .16);
  --ui-radius-sm: 14px;
  --ui-radius: 22px;
  --ui-radius-lg: 30px;
  --ui-radius-xl: 40px;
  --ui-ease: cubic-bezier(.2, .75, .2, 1);

  /* Keep every legacy token in the same visual family. */
  --color-brand-yellow: var(--ui-accent);
  --color-brand-gold: var(--ui-accent-strong);
  --color-charcoal: var(--ui-ink);
  --color-deep: #0a0d1f;
  --color-primary: var(--ui-accent);
  --color-primary-hover: var(--ui-accent-strong);
  --color-primary-active: #4639b8;
  --color-primary-soft: var(--ui-accent-soft);
  --color-secondary: var(--ui-green);
  --color-secondary-hover: #118867;
  --color-secondary-soft: var(--ui-green-soft);
  --color-accent: var(--ui-accent-2);
  --color-accent-soft: var(--ui-accent-soft);
  --color-background: var(--ui-bg);
  --color-background-alt: var(--ui-bg-2);
  --color-surface: var(--ui-surface);
  --color-surface-elevated: var(--ui-surface);
  --color-surface-subtle: var(--ui-surface-3);
  --color-text-primary: var(--ui-ink);
  --color-text-secondary: var(--ui-muted);
  --color-text-muted: var(--ui-faint);
  --color-border: var(--ui-line);
  --color-border-strong: var(--ui-line-strong);
  --color-success: var(--ui-green);
  --color-success-soft: var(--ui-green-soft);
  --color-warning: var(--ui-yellow);
  --color-warning-soft: var(--ui-yellow-soft);
  --color-error: var(--ui-danger);
  --color-error-soft: var(--ui-danger-soft);
  --color-info: var(--ui-accent);
  --color-info-soft: var(--ui-accent-soft);
  --color-on-primary: #ffffff;
  --color-on-dark: #ffffff;
  --color-overlay: rgba(10, 13, 31, .68);
  --shadow-xs: var(--ui-shadow-xs);
  --shadow-sm: var(--ui-shadow-sm);
  --shadow-md: var(--ui-shadow);
  --shadow-lg: var(--ui-shadow-lg);
  --shadow-primary: 0 14px 34px rgba(105, 91, 231, .24);

  --v4-ink: var(--ui-ink);
  --v4-muted: var(--ui-muted);
  --v4-line: var(--ui-line);
  --v4-soft: var(--ui-bg-2);
  --v4-primary: var(--ui-accent);
  --v4-shadow-soft: var(--ui-shadow-sm);
  --v4-shadow: var(--ui-shadow);
}

/* Exact fractional five-star ratings (0–100% fill per star). */
body .rating-stars-precise{
  --rating-star-color: var(--ui-yellow, #f0b90b);
  --rating-star-empty: #d3d6e0;
  direction: ltr;
  display: inline-flex;
  align-items: center;
  gap: .08em;
  white-space: nowrap;
}
body .rating-star, html body.creator-profile-page .profile-rating-stars > span.rating-star, html body.creator-profile-page .profile-feedback-stars > span.rating-star{
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  color: var(--rating-star-empty, #d3d6e0) !important;
  font-style: normal;
  line-height: 1;
  text-align: left;
  vertical-align: middle;
}
body .rating-star::before{
  content: "★";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--rating-fill, 0%);
  overflow: hidden;
  color: var(--rating-star-color, #f0b90b);
  line-height: inherit;
  white-space: nowrap;
}
body .creator-card-stars{ font-size: .78rem; }




html{
  background: var(--ui-bg);
  accent-color: var(--ui-accent);
  scroll-behavior: smooth;
}

body{
  background:
    radial-gradient(circle at 12% -8%, color-mix(in srgb, var(--ui-accent) 10%, transparent), transparent 34rem),
    radial-gradient(circle at 92% 14%, color-mix(in srgb, var(--ui-pink) 7%, transparent), transparent 30rem),
    var(--ui-bg) !important;
  color: var(--ui-ink) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  transition: background-color .25s ease, color .25s ease;
}

body, button, input, select, textarea{ font-family: Vazirmatn, "Segoe UI", Tahoma, Arial, sans-serif; }
h1, h2, h3, h4{ color: var(--ui-ink); letter-spacing: -.035em; text-wrap: balance; }
p{ text-wrap: pretty; }
::selection{ background: color-mix(in srgb, var(--ui-accent) 28%, transparent); color: var(--ui-ink); }
:focus-visible{ outline: 3px solid color-mix(in srgb, var(--ui-accent) 42%, transparent) !important; outline-offset: 3px !important; }

/* Header and navigation */
body:not(.auth-page) .site-header{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body:not(.auth-page) .site-header .header-inner{
  min-height: 64px;
  padding: 7px 10px 7px 14px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 999px !important;
  background: var(--ui-surface-glass) !important;
  box-shadow: var(--ui-shadow-sm) !important;
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
}
body:not(.auth-page) .site-header.is-scrolled .header-inner{ box-shadow: var(--ui-shadow) !important; }
body .site-logo-image{ object-fit: contain; }
body .desktop-nav{ gap: 2px !important; }
body .desktop-nav .nav-link, body .nav-dropdown-trigger{
  min-height: 38px;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  color: var(--ui-ink-2) !important;
  font-size: .78rem !important;
  font-weight: 760 !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
body .desktop-nav .nav-link:hover, body .desktop-nav .nav-link.is-active, body .nav-dropdown-trigger:hover{
  background: var(--ui-accent-soft) !important;
  color: var(--ui-accent) !important;
}
body .nav-dropdown-menu{
  padding: 8px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 20px !important;
  background: var(--ui-surface) !important;
  box-shadow: var(--ui-shadow) !important;
}
body .nav-dropdown-menu a{ border-radius: 14px !important; color: var(--ui-ink-2) !important; }
body .nav-dropdown-menu a:hover{ background: var(--ui-surface-3) !important; color: var(--ui-accent) !important; }
body .icon-button, body .menu-toggle{
  border: 1px solid var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-ink) !important;
  box-shadow: none !important;
}
body .icon-button:hover, body .menu-toggle:hover{
  border-color: color-mix(in srgb, var(--ui-accent) 28%, var(--ui-line)) !important;
  background: var(--ui-accent-soft) !important;
  color: var(--ui-accent) !important;
  transform: translateY(-1px);
}
body .mobile-nav{
  border-inline-start: 1px solid var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-lg) !important;
}
body .mobile-nav-head{ border-color: var(--ui-line) !important; }
body .mobile-nav-links a, body .mobile-nav-links summary{
  border-color: var(--ui-line) !important;
  color: var(--ui-ink-2) !important;
}
body .mobile-nav-links a:hover, body .mobile-nav-links summary:hover{ background: var(--ui-accent-soft) !important; color: var(--ui-accent) !important; }
body .mobile-nav-backdrop{ background: rgba(5, 7, 20, .52) !important; backdrop-filter: blur(6px); }

/* Buttons, inputs and interactive controls */
body .button, body .v4-btn, body .creator-primary, body .shop-profile-action, body button[type="submit"]{
  border-radius: 14px !important;
  font-weight: 820 !important;
  transition: transform .18s var(--ui-ease), box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}
body .button-primary, body .v4-btn-primary, body .creator-primary, body .shop-profile-action, body .authn-submit{
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--ui-accent), var(--ui-accent-2)) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--ui-accent) 25%, transparent) !important;
}

body .button-primary:hover, body .v4-btn-primary:hover, body .creator-primary:hover, body .shop-profile-action:hover, body .authn-submit:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px color-mix(in srgb, var(--ui-accent) 34%, transparent) !important;
}
body .button-secondary, body .v4-btn-light, body .v4-btn-glass, body .creator-secondary, body .v4-text-button{
  border-color: var(--ui-line-strong) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-xs) !important;
}
body .button-secondary:hover, body .v4-btn-light:hover, body .v4-btn-glass:hover, body .creator-secondary:hover, body .v4-text-button:hover{
  border-color: color-mix(in srgb, var(--ui-accent) 36%, var(--ui-line)) !important;
  background: var(--ui-accent-soft) !important;
  color: var(--ui-accent) !important;
}
body .v4-btn-dark{
  border-color: transparent !important;
  background: #171a38 !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(23, 26, 56, .20) !important;
}
body.home-page .v4-final-shell .v4-btn-glass{
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
}
body input, body textarea, body select{
  border-color: var(--ui-line-strong) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-ink) !important;
  box-shadow: none !important;
}
body input::placeholder, body textarea::placeholder{ color: var(--ui-faint) !important; }
body input:hover, body textarea:hover, body select:hover{ border-color: color-mix(in srgb, var(--ui-accent) 24%, var(--ui-line-strong)) !important; }
body input:focus, body textarea:focus, body select:focus{
  border-color: color-mix(in srgb, var(--ui-accent) 64%, var(--ui-line)) !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ui-accent) 11%, transparent) !important;
}
body input:disabled, body textarea:disabled, body select:disabled{ opacity: .58; cursor: not-allowed; }

/* Shared visual surfaces */
body .v4-panel, body .panel, body .card, body .service-card, body .submission-card, body .moderation-card, body .dashboard-card, body .feedback-card, body .creator-card, body .shop-profile-card, body .reviewer-summary-card, body .reviewer-history-card{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
body .v4-panel, body .submission-card, body .moderation-card, body .dashboard-card{ border-radius: var(--ui-radius-lg) !important; }
body .v4-section-kicker, body .section-kicker, body .creator-hero-kicker, body .v4-eyebrow{
  color: var(--ui-accent) !important;
}
body .v4-section-kicker, body .section-kicker, body .creator-hero-kicker{
  border-color: color-mix(in srgb, var(--ui-accent) 18%, var(--ui-line)) !important;
  background: var(--ui-accent-soft) !important;
}
body .v4-eyebrow, body .v4-feedback-kicker{
  border-color: color-mix(in srgb, var(--ui-accent) 18%, var(--ui-line)) !important;
  background: var(--ui-accent-soft) !important;
  color: var(--ui-accent) !important;
}
body .v4-section p, body .service-page p, body .creator-directory-page p{ color: var(--ui-muted); }
body hr{ border-color: var(--ui-line); }

/* Homepage */
body.home-page .v4-home-main{ background: transparent !important; }
body.home-page .v4-section{ position: relative; }
body.home-page .v4-creators, body.home-page .v4-services, body.home-page .v4-workflow, body.home-page .v4-faq, body.home-page .v4-benefit-intro, body.home-page .v4-add-creator{ background: transparent !important; }
body.home-page .v4-split-card, body.home-page .v4-workflow-shell, body.home-page .v4-add-shell, body.home-page .v4-final-shell{
  border: 1px solid var(--ui-line) !important;
  background: linear-gradient(145deg, var(--ui-surface), var(--ui-surface-2)) !important;
  box-shadow: var(--ui-shadow) !important;
}
body.home-page .v4-service-card{
  border: 1px solid var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
body.home-page .v4-service-card:hover{ border-color: color-mix(in srgb, var(--ui-accent) 22%, var(--ui-line)) !important; box-shadow: var(--ui-shadow) !important; }
body.home-page .v4-service-card p{ color: var(--ui-muted) !important; }
body.home-page .v4-service-card .v4-card-link{ color: var(--ui-accent) !important; }
body.home-page .v4-service-featured{
  background: linear-gradient(150deg, #171a38, #252451 58%, #423b82) !important;
  color: #fff !important;
}
body.home-page .v4-service-featured h3{ color: #fff !important; }
body.home-page .v4-service-featured p{ color: rgba(255, 255, 255, .68) !important; }
body.home-page .v4-service-featured .v4-card-link{ color: #d5d0ff !important; }
body.home-page .v4-steps article, body.home-page .v4-faq-list details{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-xs) !important;
}
body.home-page .v4-faq-list details[open]{ border-color: color-mix(in srgb, var(--ui-accent) 26%, var(--ui-line)) !important; box-shadow: var(--ui-shadow-sm) !important; }
body.home-page .v4-add-shell{ background: linear-gradient(135deg, color-mix(in srgb, var(--ui-accent-soft) 72%, var(--ui-surface)), color-mix(in srgb, var(--ui-pink-soft) 62%, var(--ui-surface))) !important; }
body.home-page .v4-final-shell{ background: linear-gradient(135deg, #171a38, #252451 58%, #453e85) !important; border-color: rgba(255, 255, 255, .10) !important; }
body.home-page .v4-final-shell h2{ color: #fff !important; }
body.home-page .v4-final-shell p{ color: rgba(255, 255, 255, .68) !important; }



/* Service pages and inner heroes */
body.service-page{ background: var(--ui-bg) !important; }
body .v4-inner-hero, body .creator-directory-hero, body .v4-feedback-hero{
  border-bottom: 1px solid var(--ui-line) !important;
  background:
    radial-gradient(circle at 76% 22%, color-mix(in srgb, var(--ui-accent) 17%, transparent), transparent 28rem),
    radial-gradient(circle at 18% 72%, color-mix(in srgb, var(--ui-pink) 10%, transparent), transparent 24rem),
    linear-gradient(180deg, var(--ui-surface-2), var(--ui-bg)) !important;
  color: var(--ui-ink) !important;
}
body .v4-inner-hero h1, body .creator-directory-hero h1, body .v4-feedback-hero h1{ color: var(--ui-ink) !important; }
body .v4-inner-hero p, body .creator-directory-hero p, body .v4-feedback-hero p{ color: var(--ui-muted) !important; }
body .v4-breadcrumb, body .creator-breadcrumb, body .v4-feedback-breadcrumb{ color: var(--ui-muted) !important; }
body .v4-breadcrumb a, body .creator-breadcrumb a, body .v4-feedback-breadcrumb a{ color: var(--ui-ink-2) !important; }
body .v4-inner-glow{ opacity: .55; filter: saturate(.9); }
body .v4-campaign-card{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-glass) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow) !important;
}
body .v4-campaign-card b{ background: var(--ui-accent-soft) !important; color: var(--ui-accent) !important; }
body .v4-notice, body .access-gate, body .v4-info-box{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
body .access-gate-icon, body .status-badge, body .v4-status-pill{ background: var(--ui-accent-soft) !important; color: var(--ui-accent) !important; border-color: var(--ui-line) !important; }
body .v4-filter-bar, body .filter-toolbar{ border-color: var(--ui-line) !important; background: var(--ui-surface-2) !important; }

/* Rich service workspaces */
body.v4-page .v4-form :is(input, select, textarea), body.v4-page .v4-submission-grid :is(input, select, textarea), body.v4-page .v4-filter-bar :is(input, select, textarea){
  border-color: var(--ui-line-strong) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-ink) !important;
}
body.v4-page .v4-form :is(input, select, textarea):focus, body.v4-page .v4-submission-grid :is(input, select, textarea):focus, body.v4-page .v4-filter-bar :is(input, select, textarea):focus{
  border-color: var(--ui-accent) !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ui-accent) 11%, transparent) !important;
}
body.v4-page .v4-segmented, body.v4-page .v4-role-switch, body.v4-page .v4-benefit-tabs{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-3) !important;
}
body.v4-page .v4-role-switch .role-tab, body.v4-page .v4-benefit-tabs .benefit-role-tab{ color: var(--ui-muted) !important; }
body.v4-page .v4-role-switch .role-tab.is-active, body.v4-page .v4-benefit-tabs .benefit-role-tab.is-active{
  background: var(--ui-accent) !important;
  color: var(--color-on-primary) !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--ui-accent) 22%, transparent) !important;
}
body.v4-page .request-item, body.v4-page .opportunity-card, body.v4-page .opportunity-meta > div, body.v4-page .order-item, body.v4-page .summary-tile, body.v4-page .recommendation-card, body.v4-page .v4-role-intro article, body.v4-page .offer-item, body.v4-page .guarantee-info-card, body.v4-page .process-step{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-ink) !important;
}
body.v4-page .opportunity-card, body.v4-page .recommendation-card, body.v4-page .v4-role-intro article, body.v4-page .process-step{ box-shadow: var(--ui-shadow-xs) !important; }
body.v4-page .opportunity-card:hover, body.v4-page .order-item:hover, body.v4-page .order-item.is-active{
  border-color: color-mix(in srgb, var(--ui-accent) 42%, var(--ui-line)) !important;
  background: var(--ui-accent-soft) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
body.v4-page .v4-benefit-grid article, body.v4-page .v4-principles article{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-xs) !important;
}
body.v4-page .v4-benefit-grid article:hover, body.v4-page .v4-principles article:hover{ border-color: color-mix(in srgb, var(--ui-accent) 24%, var(--ui-line)) !important; box-shadow: var(--ui-shadow-sm) !important; }
body.v4-page .v4-benefit-highlight{ background: linear-gradient(145deg, #171a38, #2b2d67) !important; color: #fff !important; box-shadow: var(--ui-shadow) !important; }
body.v4-page .v4-benefit-highlight h2{ color: #fff !important; }
body.v4-page .v4-benefit-highlight p{ color: rgba(255, 255, 255, .70) !important; }

/* Creator and shop directories */
body.creator-directory-page .creator-directory-shell{ background: transparent !important; }
body.creator-directory-page .creator-filter-panel{
  border: 1px solid var(--ui-line) !important;
  background: var(--ui-surface-glass) !important;
  box-shadow: var(--ui-shadow) !important;
  backdrop-filter: blur(20px) saturate(140%);
}
body.creator-directory-page .creator-card{
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
body.creator-directory-page .creator-card:hover{ border-color: color-mix(in srgb, var(--ui-accent) 24%, var(--ui-line)) !important; box-shadow: var(--ui-shadow) !important; }
body .creator-card-tags span{ border: 1px solid var(--ui-line) !important; background: var(--ui-surface-3) !important; color: var(--ui-muted) !important; }
body .creator-card-tags .is-verified{ border-color: color-mix(in srgb, var(--ui-green) 18%, var(--ui-line)) !important; background: var(--ui-green-soft) !important; color: var(--ui-green) !important; }
body .creator-card-metrics{ border-color: var(--ui-line) !important; background: var(--ui-surface-2) !important; }
body .creator-card-metrics strong, body .creator-card-rating strong{ color: var(--ui-ink) !important; }
body .creator-card-metrics span, body .creator-card-bio, body .creator-card-rating{ color: var(--ui-muted) !important; }
body .creator-card-rating .star{ color: var(--ui-yellow) !important; }
body .creator-result-pill{ border-color: var(--ui-line) !important; background: var(--ui-surface) !important; color: var(--ui-ink) !important; box-shadow: var(--ui-shadow-xs) !important; }
body .creator-art-note{ border-color: rgba(255, 255, 255, .52) !important; background: var(--ui-surface-glass) !important; color: var(--ui-ink) !important; box-shadow: var(--ui-shadow) !important; }

/* Feedback pages */
body.v4-feedback-page{ background: var(--ui-bg) !important; color: var(--ui-ink) !important; }
body .v4-feedback-glass-card, body .v4-feedback-value, body .feedback-toolbar, body .feedback-card, body .feedback-empty, body .v4-feedback-guidance-grid{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
body .feedback-card:hover{ border-color: color-mix(in srgb, var(--ui-accent) 22%, var(--ui-line)) !important; box-shadow: var(--ui-shadow) !important; }
body .feedback-card p, body .feedback-card small, body .feedback-reviewer span, body .v4-feedback-value span{ color: var(--ui-muted) !important; }
body .feedback-stars{ color: var(--ui-yellow) !important; }
body .feedback-tag{ border-color: var(--ui-line) !important; background: var(--ui-surface-3) !important; color: var(--ui-muted) !important; }
body.v4-feedback-page .v4-feedback-directory, body.v4-feedback-page .v4-feedback-guidance{ background: transparent !important; }
body.v4-feedback-page .v4-feedback-values-grid, body.v4-feedback-page .v4-feedback-directory .feedback-toolbar, body.v4-feedback-page .v4-feedback-directory .feedback-card, body.v4-feedback-page .v4-feedback-editorial, body.v4-feedback-page .v4-feedback-directory .feedback-empty{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
body.v4-feedback-page .v4-feedback-value, body.v4-feedback-page .v4-feedback-directory :is(.feedback-input, .feedback-select, .feedback-rating-row, .feedback-quote), body.v4-feedback-page .v4-feedback-point, body.v4-feedback-page .v4-feedback-directory .feedback-real-shop-metrics span{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-ink) !important;
}
body.v4-feedback-page .v4-feedback-trust span{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-glass) !important;
  color: var(--ui-muted) !important;
}
body.v4-feedback-page .v4-feedback-glass-card :is(small, span){ color: var(--ui-muted) !important; }
body.v4-feedback-page .v4-feedback-glass-card strong{ color: var(--ui-ink) !important; }
body.v4-feedback-page .v4-feedback-value > span, body.v4-feedback-page .v4-feedback-directory .feedback-result-count{
  background: var(--ui-accent-soft) !important;
  color: var(--ui-accent) !important;
}
body.v4-feedback-page .v4-feedback-directory :is(.feedback-input, .feedback-select):focus{
  border-color: var(--ui-accent) !important;
  background: var(--ui-surface) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ui-accent) 11%, transparent) !important;
}
body.v4-feedback-page .v4-feedback-directory :is(.feedback-quote-title, .feedback-list-head h2), body.v4-feedback-page .v4-feedback-section-head h2, body.v4-feedback-page .v4-feedback-editorial h2{ color: var(--ui-ink) !important; }
body.v4-feedback-page .v4-feedback-editorial.dark{ background: linear-gradient(145deg, #171a38, #2b2d67) !important; color: #fff !important; }
body.v4-feedback-page .v4-feedback-editorial.dark h2{ color: #fff !important; }
body.v4-feedback-page .v4-feedback-editorial.dark p{ color: rgba(255, 255, 255, .68) !important; }

/* Blogger and shop profiles */
body.creator-profile-page, body.profile-dashboard-body, body.reviewer-page-body{ background: var(--ui-bg) !important; color: var(--ui-ink) !important; }
body.creator-profile-page .pd-card, body.creator-profile-page .influencer-profile-panel, body.creator-profile-page .analytics-chart-card, body.creator-profile-page .performance-summary, body.creator-profile-page .real-data-panel, body.creator-profile-page .real-bio-panel, body.creator-profile-page .profile-feedbacks-panel, body.creator-profile-page .shop-profile-card{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
body.creator-profile-page .performance-item, body.creator-profile-page .real-data-grid > div, body.creator-profile-page .profile-feedback-card, body.creator-profile-page .profile-trust-note, body.creator-profile-page .profile-audience-grid > div, body .shop-metrics > div, body .shop-chart-card, body .shop-capacity span{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-ink) !important;
}
body.creator-profile-page .profile-category, body .shop-update-pill{ border-color: color-mix(in srgb, var(--ui-accent) 18%, var(--ui-line)) !important; background: var(--ui-accent-soft) !important; color: var(--ui-accent) !important; }
body.creator-profile-page .profile-rating-stars, body.creator-profile-page .profile-feedback-stars{ color: var(--ui-yellow) !important; }
body.creator-profile-page .profile-menu, body.creator-profile-page .range-picker, body.creator-profile-page .profile-icon-button, body.creator-profile-page .chart-menu-button, body.creator-profile-page .feedback-scroll-button{ border-color: var(--ui-line) !important; background: var(--ui-surface-2) !important; color: var(--ui-ink) !important; }
body.creator-profile-page .profile-premium-gate{
  border: 1px solid color-mix(in srgb, var(--ui-accent) 22%, var(--ui-line)) !important;
  background: color-mix(in srgb, var(--ui-surface-glass) 92%, transparent) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow) !important;
  backdrop-filter: blur(18px) saturate(135%);
}
body.creator-profile-page .profile-premium-icon{ background: var(--ui-accent-soft) !important; color: var(--ui-accent) !important; }
body .shop-profile-hero{ background: linear-gradient(135deg, #e6e1ff 0%, #f7d9e7 50%, #dfe9ff 100%) !important; color: #171a35 !important; }

body .shop-chart-card{ background: var(--ui-surface) !important; box-shadow: var(--ui-shadow-sm) !important; }
body .shop-chart-grid{ stroke: var(--ui-line) !important; }

/* Authentication */
body.auth-page.auth-next{ background: var(--ui-bg) !important; color: var(--ui-ink) !important; }
body.auth-page .authn-form-pane{ background: radial-gradient(circle at 70% 10%, color-mix(in srgb, var(--ui-accent) 10%, transparent), transparent 26rem), linear-gradient(180deg, var(--ui-bg), var(--ui-bg-2)) !important; }
body.auth-page .authn-topbar, body.auth-page .authn-form, body.auth-page .auth-dialog-card{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow) !important;
}
body.auth-page .authn-input{ border-color: var(--ui-line-strong) !important; background: var(--ui-surface-2) !important; }
body.auth-page .authn-input input{ background: transparent !important; color: var(--ui-ink) !important; }
body.auth-page .authn-google, body.auth-page .authn-back, body.auth-page .authn-theme, body.auth-page .authn-role-card{ border-color: var(--ui-line) !important; background: var(--ui-surface-2) !important; color: var(--ui-ink) !important; box-shadow: none !important; }
body.auth-page .authn-role-card:hover, body.auth-page .authn-role-card.is-active{ border-color: color-mix(in srgb, var(--ui-accent) 42%, var(--ui-line)) !important; background: var(--ui-accent-soft) !important; }
body.auth-page .authn-heading p, body.auth-page .authn-switch, body.auth-page .authn-security{ color: var(--ui-muted) !important; }

/* Moderation and reviewer profile */
body .moderation-main, body .reviewer-profile-main{ color: var(--ui-ink) !important; }
body .moderation-toolbar, body .moderation-batch-bar, body .moderation-item, body .reviewer-profile-layout > *, body .reviewer-history-empty{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
body .reviewer-history-rating{ color: var(--ui-yellow) !important; }
body .reviewer-brandbar{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-glass) !important;
  box-shadow: var(--ui-shadow-sm) !important;
  backdrop-filter: blur(22px) saturate(140%);
}
body .reviewer-profile-meta > div, body .reviewer-history-card{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-ink) !important;
}
body .moderation-scrape-box, body .moderation-fields, body .moderation-tool-card{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-ink) !important;
}

/* Modals, tables, alerts and toasts */
body .modal-panel, body .service-modal-panel, body .profile-dialog, body .creator-legal-modal, body [role="dialog"]:not(.modal-backdrop):not(.service-modal){
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-lg) !important;
}
body .modal-backdrop, body .service-modal{ background: rgba(4, 6, 18, .58) !important; backdrop-filter: blur(8px); }
body .service-toast, body .auth-toast, body .profile-toast{
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow) !important;
}
body table{ border-color: var(--ui-line) !important; color: var(--ui-ink) !important; }
body th{ border-color: var(--ui-line) !important; background: var(--ui-surface-3) !important; color: var(--ui-ink) !important; }
body td{ border-color: var(--ui-line) !important; color: var(--ui-muted) !important; }
body .field-error, body [aria-invalid="true"] + .field-error{ color: var(--ui-danger) !important; }

/* Footer */
body .site-footer, body .v4-footer, body .mobile-unified-footer{
  border-color: var(--ui-line) !important;
  background: linear-gradient(180deg, var(--ui-bg-2), color-mix(in srgb, var(--ui-bg-2) 88%, #111630)) !important;
  color: var(--ui-muted) !important;
}
body .site-footer h3, body .site-footer h4, body .v4-footer h3, body .mobile-unified-footer strong{ color: var(--ui-ink) !important; }
body .site-footer a, body .site-footer button, body .v4-footer a{ color: var(--ui-muted) !important; }
body .site-footer a:hover, body .site-footer button:hover, body .v4-footer a:hover{ color: var(--ui-accent) !important; }
body .social-links a{ border-color: var(--ui-line) !important; background: var(--ui-surface-2) !important; color: var(--ui-ink) !important; }
body .social-links a:hover{ border-color: color-mix(in srgb, var(--ui-accent) 28%, var(--ui-line)) !important; background: var(--ui-accent-soft) !important; color: var(--ui-accent) !important; }
body .footer-bottom{ border-color: var(--ui-line) !important; }

/* Theme-specific image and chart finishing */





@media (max-width: 1100px) {
  body .desktop-nav .nav-link, body .nav-dropdown-trigger{ padding-inline: 9px !important; font-size: .72rem !important; }
}

@media (max-width: 900px) {
  body:not(.auth-page) .site-header .header-inner{ min-height: 58px; }
  body .v4-panel, body .submission-card, body .moderation-card{ border-radius: 24px !important; }
  body .shop-profile-content-rich, body .shop-chart-grid, body .shop-insights-grid{ grid-template-columns: 1fr !important; }
}

@media (max-width: 760px) {
  :root{ --ui-radius-xl: 30px; --ui-radius-lg: 24px; --ui-radius: 20px; }
  body{ background: var(--ui-bg) !important; }
  body:not(.auth-page) .site-header{ top: 8px !important; width: calc(100% - 16px) !important; }
  body:not(.auth-page) .site-header .header-inner{ min-height: 54px; padding: 5px 7px 5px 10px !important; }
  body .mobile-nav{ width: min(86vw, 360px) !important; }
  body .v4-section{ padding-block: 52px; }
  body .v4-inner-hero, body .creator-directory-hero, body .v4-feedback-hero{ background: linear-gradient(180deg, var(--ui-surface-2), var(--ui-bg)) !important; }
  body .button, body .v4-btn{ min-height: 42px; }
  body .modal-panel, body .service-modal-panel, body .profile-dialog{ border-radius: 24px !important; }
  /* Existing pixel-perfect mobile geometry stays authoritative. */
  body.mobile-approved-page .mobile-approved-shell, body.profile-dashboard-body .profile-dashboard-main, body.home-page .mobile-pixel-home{ color: inherit; }
}

@media (max-width: 520px) {
  body .container{ width: min(calc(100% - 24px), var(--container-width)); }
  body .v4-panel, body .creator-card, body .feedback-card, body .shop-profile-card{ border-radius: 20px !important; }
  body .v4-section-kicker, body .section-kicker{ font-size: .67rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  html{ scroll-behavior: auto; }
  *, *::before, *::after{ animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* --------------------------------------------------------------------------
   Theme coherence 2026.1
   Exact overrides for legacy high-specificity sections and both footer modes.
   -------------------------------------------------------------------------- */

/* Four-step workflow: one visual language in light and dark. */
html[data-theme] body.home-page.v4-page .v4-workflow{
  color: var(--ui-ink) !important;
  background:
    radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--ui-accent) 10%,transparent),transparent 34%),
    radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--ui-green) 7%,transparent),transparent 30%),
    linear-gradient(180deg,var(--ui-bg),var(--ui-bg-2)) !important;
}
html[data-theme] body.home-page.v4-page .v4-workflow-shell{
  color: var(--ui-ink) !important;
  background: linear-gradient(145deg,var(--ui-surface),var(--ui-surface-2)) !important;
  border: 1px solid var(--ui-line) !important;
  box-shadow: var(--ui-shadow) !important;
}
html[data-theme] body.home-page.v4-page .v4-workflow-copy .v4-section-kicker{
  color: var(--ui-accent) !important;
  background: var(--ui-accent-soft) !important;
  border-color: color-mix(in srgb,var(--ui-accent) 18%,var(--ui-line)) !important;
}
html[data-theme] body.home-page.v4-page .v4-workflow-copy h2, html[data-theme] body.home-page.v4-page .v4-steps h3{ color: var(--ui-ink) !important; }
html[data-theme] body.home-page.v4-page .v4-workflow-copy>p, html[data-theme] body.home-page.v4-page .v4-steps p{ color: var(--ui-muted) !important; }
html[data-theme] body.home-page.v4-page .v4-workflow-copy>p{
  background: var(--ui-surface-3) !important;
  border-color: var(--ui-line) !important;
}
html[data-theme] body.home-page.v4-page .v4-steps article, html[data-theme] body.home-page.v4-page .v4-steps article:hover{
  color: var(--ui-ink) !important;
  background: linear-gradient(145deg,var(--ui-surface),var(--ui-surface-2)) !important;
  border-color: var(--ui-line) !important;
  box-shadow: var(--ui-shadow-sm) !important;
}
html[data-theme] body.home-page.v4-page .v4-steps .v4-step-no{ color: var(--ui-green) !important; }
html[data-theme] body.home-page.v4-page .v4-step-art, html[data-theme] body.home-page.v4-page .v4-step-art svg{ color: var(--ui-ink) !important; }
html[data-theme] body.home-page.v4-page .v4-step-art svg{
  stroke: var(--ui-ink) !important;
  filter: drop-shadow(0 2px 2px color-mix(in srgb,var(--ui-ink) 10%,transparent)) !important;
}
html[data-theme] body.home-page.v4-page .v4-step-art svg [fill="#9189d6"], html[data-theme] body.home-page.v4-page .v4-step-art svg [fill="#a7a3dd"], html[data-theme] body.home-page.v4-page .v4-step-art svg [fill="#948dd9"], html[data-theme] body.home-page.v4-page .v4-step-art svg [fill="#9a91d8"], html[data-theme] body.home-page.v4-page .v4-step-art svg [fill="#9c95dc"]{ fill: var(--ui-accent-2) !important; }
html[data-theme] body.home-page.v4-page .v4-step-art svg [fill="#8fd7ca"], html[data-theme] body.home-page.v4-page .v4-step-art svg [fill="#89d4ca"], html[data-theme] body.home-page.v4-page .v4-step-art svg [fill="#8ed8ca"]{ fill: var(--ui-green) !important; }
html[data-theme] body.home-page.v4-page .v4-step-art svg [fill="#111735"]{ fill: var(--ui-bg) !important; }
html[data-theme] body.home-page.v4-page .v4-workflow-path path{ stroke: color-mix(in srgb,var(--ui-accent) 65%,var(--ui-line)) !important; }
html[data-theme] body.home-page.v4-page .v4-workflow-path circle{
  fill: var(--ui-accent) !important;
  stroke: var(--ui-surface) !important;
}
html[data-theme] body.home-page.v4-page .v4-workflow-path circle:nth-of-type(1), html[data-theme] body.home-page.v4-page .v4-workflow-path circle:nth-of-type(4){ fill: var(--ui-green) !important; }

/* Desktop footer uses a light surface in light mode and a navy surface in dark. */
html[data-theme="light"] body.v4-page .site-footer, html[data-theme="light"] body .site-footer{
  color: var(--ui-ink) !important;
  background:
    radial-gradient(circle at 88% 0,color-mix(in srgb,var(--ui-accent) 9%,transparent),transparent 28rem),
    linear-gradient(180deg,var(--ui-surface),var(--ui-bg-2)) !important;
  border-top: 1px solid var(--ui-line) !important;
}

html[data-theme] body.v4-page .site-footer .footer-brand p, html[data-theme] body.v4-page .site-footer .footer-column a, html[data-theme] body.v4-page .site-footer .footer-newsletter p, html[data-theme] body.v4-page .site-footer .footer-bottom, html[data-theme] body .site-footer .footer-brand p, html[data-theme] body .site-footer .footer-column a, html[data-theme] body .site-footer .footer-newsletter p, html[data-theme] body .site-footer .footer-bottom{ color: var(--ui-muted) !important; }
html[data-theme] body.v4-page .site-footer h3, html[data-theme] body .site-footer h3{ color: var(--ui-ink) !important; }
html[data-theme] body.v4-page .site-footer .footer-column a:hover, html[data-theme] body .site-footer .footer-column a:hover{ color: var(--ui-accent) !important; }
html[data-theme] body.v4-page .site-footer .footer-bottom, html[data-theme] body .site-footer .footer-bottom{ border-color: var(--ui-line) !important; }
html[data-theme="light"] body.v4-page .site-footer .footer-brand p, html[data-theme="light"] body.v4-page .site-footer .footer-column a, html[data-theme="light"] body.v4-page .site-footer .footer-newsletter p, html[data-theme="light"] body.v4-page .site-footer .footer-bottom, html[data-theme="light"] body .site-footer .footer-brand p, html[data-theme="light"] body .site-footer .footer-column a, html[data-theme="light"] body .site-footer .footer-newsletter p, html[data-theme="light"] body .site-footer .footer-bottom{ color:#626a84 !important; }
html[data-theme] body .site-footer .footer-link{
  color: var(--ui-muted) !important;
  background: transparent !important;
}
html[data-theme] body .site-footer .newsletter-input{
  background: var(--ui-surface-2) !important;
  border: 1px solid var(--ui-line) !important;
}
html[data-theme] body .site-footer .newsletter-input input{
  color: var(--ui-ink) !important;
  background: transparent !important;
}
html[data-theme] body .site-footer .newsletter-input input::placeholder{ color: var(--ui-faint) !important; }
html[data-theme="light"] body .site-footer .footer-link, html[data-theme="light"] body .site-footer .newsletter-input input::placeholder{ color:#626a84 !important; }
html[data-theme="light"] body.v4-page .site-footer .logo-light, html[data-theme="light"] body .site-footer .logo-light{ display: block !important; filter: none !important; }




/* The accepted phone layout keeps its geometry and now responds to the theme. */
@media (max-width:620px) {
  
  html[data-theme] body.home-page.v4-page, html[data-theme] body.home-page.v4-page .mobile-pixel-home{ color:var(--ui-ink) !important;background:var(--ui-bg) !important; }
  html[data-theme="light"] body.home-page.v4-page .mph-benefit-zone{
    background:linear-gradient(180deg,var(--ui-bg-2),var(--ui-accent-soft),var(--ui-bg)) !important;
  }
  
  html[data-theme] body.home-page.v4-page .mph-creators-zone, html[data-theme] body.home-page.v4-page .mph-workflow-zone, html[data-theme] body.home-page.v4-page .mph-faq{ background:var(--ui-bg) !important; }
  html[data-theme] body.home-page.v4-page .mph-benefit{
    color:var(--ui-ink) !important;
    background:color-mix(in srgb,var(--ui-surface) 94%,transparent) !important;
    border:1px solid var(--ui-line) !important;
    box-shadow:var(--ui-shadow-sm) !important;
  }
  html[data-theme] body.home-page.v4-page .mph-benefit-copy h2, html[data-theme] body.home-page.v4-page .mph-name, html[data-theme] body.home-page.v4-page .mph-metric strong{ color:var(--ui-ink) !important; }
  html[data-theme] body.home-page.v4-page .mph-benefit-copy p, html[data-theme] body.home-page.v4-page .mph-category, html[data-theme] body.home-page.v4-page .mph-metric span{ color:var(--ui-muted) !important; }
  html[data-theme] body.home-page.v4-page .mph-creators-card, html[data-theme] body.home-page.v4-page .mph-profile, html[data-theme] body.home-page.v4-page .mph-tabs a.is-active, html[data-theme] body.home-page.v4-page .mph-heart{
    color:var(--ui-ink) !important;
    background:var(--ui-surface) !important;
    border-color:var(--ui-line) !important;
  }
  html[data-theme] body.home-page.v4-page .mph-creators-card, html[data-theme] body.home-page.v4-page .mph-profile{ box-shadow:var(--ui-shadow-sm) !important; }
  html[data-theme] body.home-page.v4-page .mph-tabs{ background:var(--ui-surface-3) !important; }
  html[data-theme] body.home-page.v4-page .mph-tabs a{ color:var(--ui-muted) !important; }
  html[data-theme] body.home-page.v4-page .mph-tabs a.is-active{ box-shadow:var(--ui-shadow-xs) !important; }
  html[data-theme] body.home-page.v4-page .mph-workflow{
    color:var(--ui-ink) !important;
    background:
      radial-gradient(circle at 90% 0,color-mix(in srgb,var(--ui-accent) 13%,transparent),transparent 42%),
      linear-gradient(145deg,var(--ui-surface),var(--ui-surface-2)) !important;
    border:1px solid var(--ui-line) !important;
    box-shadow:var(--ui-shadow-sm) !important;
  }
  html[data-theme] body.home-page.v4-page .mph-workflow h2, html[data-theme] body.home-page.v4-page .mph-step-copy strong{ color:var(--ui-ink) !important; }
  html[data-theme] body.home-page.v4-page .mph-step{
    color:var(--ui-ink) !important;
    background:var(--ui-surface-3) !important;
    border-color:var(--ui-line) !important;
  }
  html[data-theme] body.home-page.v4-page .mph-step-icon{
    color:var(--ui-accent) !important;
    background:var(--ui-accent-soft) !important;
    border:1px solid color-mix(in srgb,var(--ui-accent) 16%,var(--ui-line)) !important;
  }
  html[data-theme] body.home-page.v4-page .mph-step-copy span{ color:var(--ui-muted) !important; }
  html[data-theme] body.home-page.v4-page .mph-step-no{ color:var(--ui-accent) !important; }
  html[data-theme] body.home-page.v4-page .mph-faq h2{ color:var(--ui-accent) !important; }
  html[data-theme] body.home-page.v4-page .mph-faq-list details{
    color:var(--ui-ink) !important;
    background:var(--ui-surface) !important;
    border:1px solid var(--ui-line) !important;
    box-shadow:var(--ui-shadow-xs) !important;
  }
  html[data-theme] body.home-page.v4-page .mph-faq-list summary{ color:var(--ui-ink) !important; }

  /* Mobile version of the detailed workflow, when surfaced by layout changes. */
  html[data-theme] body.home-page.v4-page .v4-workflow{ background:var(--ui-bg) !important; }
  html[data-theme] body.home-page.v4-page .v4-workflow-shell.container{
    color:var(--ui-ink) !important;
    background:
      radial-gradient(circle at 54% 14%,color-mix(in srgb,var(--ui-accent) 13%,transparent),transparent 24%),
      linear-gradient(180deg,var(--ui-surface-2),var(--ui-bg-2)) !important;
    border:1px solid var(--ui-line) !important;
    border-radius:26px !important;
    box-shadow:var(--ui-shadow-sm) !important;
  }
  html[data-theme] body.home-page.v4-page .v4-workflow-shell::before, html[data-theme] body.home-page.v4-page .v4-workflow-shell::after{ opacity:.11 !important;filter:saturate(.6); }
}


/* SOURCE css/platform-rights-v1.css */
/* iBlogger platform rights notice — intentionally isolated from existing page styling. */
.platform-rights-notice{
  position:relative;
  z-index:2;
  width:100%;
  box-sizing:border-box;
  direction:rtl;
  padding:14px clamp(14px,3vw,30px) 18px;
  background:linear-gradient(180deg,#f7f6fc 0%,#f3f1fa 100%);
  border-top:1px solid rgba(104,79,194,.09);
  color:#505675;
}
.platform-rights-notice__inner{
  width:min(1180px,100%);
  min-height:62px;
  margin:0 auto;
  padding:12px 18px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(104,79,194,.11);
  border-radius:16px;
  box-shadow:0 8px 28px rgba(39,31,84,.045);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.platform-rights-notice__icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  color:#6d46ff;
  background:#f0ecff;
  border:1px solid rgba(109,70,255,.12);
  border-radius:11px;
}
.platform-rights-notice__icon svg{width:19px;height:19px;display:block}
.platform-rights-notice p{
  max-width:920px;
  margin:0;
  color:inherit;
  font-family:inherit;
  font-size:clamp(11px,.78rem,13px);
  font-weight:650;
  line-height:2;
  letter-spacing:-.01em;
}



@media (max-width:620px){
  .platform-rights-notice{padding:10px 10px calc(12px + env(safe-area-inset-bottom,0px));}
  .platform-rights-notice__inner{min-height:0;padding:11px 12px;gap:9px;border-radius:14px;align-items:flex-start;}
  .platform-rights-notice__icon{width:30px;height:30px;flex-basis:30px;border-radius:10px;margin-top:1px;}
  .platform-rights-notice__icon svg{width:17px;height:17px;}
  .platform-rights-notice p{font-size:10.5px;line-height:1.95;text-align:right;}
  body.home-page.back-to-top-clearing-rights .muf-bottom{
    padding-left:68px;
    transition:padding-left .18s ease;
  }
}


/* SOURCE css/home-service-theme-images-v18.css */








/* SOURCE css/home-services-sizing-v11.css */
/* iBlogger v11 — service cards sizing and CTA typography.
   Scope: homepage only; Opportunities, Smart Ads and Blogger Guarantee cards. */
body.home-page.v4-page .v4-service-grid > .v4-service-card .v4-service-reference-media{
  height: auto !important;
  aspect-ratio: 1.185 / 1 !important;
}

body.home-page.v4-page .v4-service-grid > .v4-service-card .v4-card-link{
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
}




@media (max-width: 620px) {
  /* Homepage compact header: match the existing circular utility buttons. */
  

  html body.home-page.v4-page .site-header.service-header .favorites-trigger{ order: 3 !important; }
  html body.home-page.v4-page .site-header.service-header .menu-toggle{ order: 5 !important; }

  

  /* Approved mobile pages: same scale as the hamburger control. */
  

  html body.mobile-approved-page .site-header.service-header .menu-toggle{
    order: 4 !important;
  }

  

  /* Maintain the existing sun/moon state machine. */
  
  
  
  

  

  
}

@media (max-width: 350px) {
  

  html body.mobile-approved-page .site-header.service-header .menu-toggle{
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  
}


/* SOURCE css/home-hero-light-eyebrow-v26.css */

html[data-theme="light"] body.home-page.v4-page #top .v4-eyebrow{
  color: #4f43c7 !important;
  background: rgba(255, 255, 255, .96) !important;
  border-color: rgba(105, 91, 231, .28) !important;
  box-shadow: 0 8px 24px rgba(65, 55, 160, .16), inset 0 1px 0 rgba(255,255,255,.92) !important;
  text-shadow: none !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

html[data-theme="light"] body.home-page.v4-page #top .v4-eyebrow > i{
  background: #695be7 !important;
  box-shadow: 0 0 0 4px rgba(105, 91, 231, .13) !important;
}

html[data-theme="light"] body.home-page.v4-page #top .v4-eyebrow > .home-text-icon{
  color: #695be7 !important;
  filter: none !important;
}

@media (max-width: 620px) {
  /* The approved mobile hero artwork contains an embedded dark eyebrow.
     In Light Mode reveal the real DOM label as an opaque light badge over it. */
  html[data-theme="light"] body.home-page.v4-page #top .v4-eyebrow{
    position: absolute !important;
    top: 12.35% !important;
    left: 50% !important;
    right: auto !important;
    z-index: 20 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    max-width: calc(100% - 56px) !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    gap: 6px !important;
    border-radius: 999px !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(-50%) !important;
    font-size: clamp(9px, 2.45vw, 10.5px) !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
  }

  html[data-theme="light"] body.home-page.v4-page #top .v4-eyebrow > .home-text-icon{
    width: 12px !important;
    height: 12px !important;
  }
}


/* SOURCE css/home-final-cta-light-v30.css */

html[data-theme="light"] body.home-page.v4-page .v4-final-shell .v4-section-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  margin-bottom:14px!important;
  padding:7px 12px!important;
  border:1px solid rgba(92,84,205,.18)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#433b9f!important;
  box-shadow:0 8px 22px rgba(31,36,83,.12)!important;
  text-shadow:none!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
html[data-theme="light"] body.home-page.v4-page .v4-final-shell .v4-section-kicker .home-text-icon{
  color:#655fe1!important;
}
@media (max-width:760px){
  html[data-theme="light"] body.home-page.v4-page .v4-final-shell .v4-section-kicker{
    padding:6px 10px!important;
    font-size:.72rem!important;
  }
}


/* SOURCE css/blogger-card-mobile-v40.css */
/* iBlogger v40 — final approved mobile blogger-card system.
   381–720px keeps the pixel-refined 430px geometry.
   320–380px uses the same design proportionally, without depending on legacy card styles.
   Desktop remains untouched. */
@media (min-width:381px) and (max-width:720px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid, body.home-page.v4-page .v4-entity-grid{
    width:359px!important;
    max-width:calc(100vw - 36px)!important;
    margin-inline:auto!important;
    gap:14px!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"], body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]{
    position:relative!important;
    display:block!important;
    width:359px!important;
    max-width:100%!important;
    height:238px!important;
    min-height:238px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e8ebf3!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(34,42,80,.075)!important;
    overflow:hidden!important;
    isolation:isolate!important;
    transform:none!important;
    direction:rtl!important;
  }
  
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"]::after, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]::after{
    content:""!important;
    position:absolute!important;
    left:19px!important;
    right:12px!important;
    top:178px!important;
    bottom:auto!important;
    width:auto!important;
    height:1px!important;
    background:#e9ecf3!important;
    opacity:1!important;
    pointer-events:none!important;
  }
  

  .creator-card[data-entity-type="blogger"] .creator-card-body{display:contents!important}
  .creator-card[data-entity-type="blogger"] .creator-type-chip, .creator-card[data-entity-type="blogger"] .creator-platform-chip, .creator-card[data-entity-type="blogger"] .creator-card-bio, .creator-card[data-entity-type="blogger"] .creator-card-view{display:none!important}

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media{
    position:absolute!important;
    top:16px!important;
    right:12px!important;
    left:auto!important;
    width:117px!important;
    height:145px!important;
    min-width:117px!important;
    min-height:145px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#f3f4f8!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-media::after{display:none!important}
  .creator-card[data-entity-type="blogger"] .creator-card-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:inherit!important;
    transform:none!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity{
    position:absolute!important;
    top:20px!important;
    left:20px!important;
    right:auto!important;
    width:196px!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:#151b36!important;
    text-align:left!important;
    direction:rtl!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-identity h3{
    margin:0 0 5px!important;
    color:inherit!important;
    font-size:20px!important;
    font-weight:900!important;
    line-height:24px!important;
    letter-spacing:-.4px!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-identity p{
    margin:0!important;
    color:#8d94aa!important;
    font-size:10px!important;
    font-weight:500!important;
    line-height:14px!important;
    direction:ltr!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-tags{
    position:absolute!important;
    top:79px!important;
    left:20px!important;
    right:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:196px!important;
    min-height:27px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    direction:ltr!important;
    text-align:left!important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-tags > span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:auto!important;
    max-width:100%!important;
    min-height:27px!important;
    height:27px!important;
    margin:0!important;
    padding:4px 10px!important;
    border:1px solid #e2e5ef!important;
    border-radius:9px!important;
    background:#f7f5ff!important;
    color:#373d59!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:17px!important;
    direction:rtl!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-tags .home-text-icon{display:none!important}
  .creator-card[data-entity-type="blogger"] .creator-card-tags > span::before{
    width:13px!important;height:13px!important;flex:0 0 13px!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-metrics{
    position:absolute!important;
    top:122px!important;
    left:19px!important;
    right:auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    width:196px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    border:1px solid #e3e7ef!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(38,45,86,.025)!important;
    overflow:hidden!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-metrics > div{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    padding:3px 2px!important;
    border-left:1px solid #e6e9f2!important;
    text-align:center!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-metrics > div:last-child{border-left:0!important}
  .creator-card[data-entity-type="blogger"] .creator-card-metrics strong{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    margin:0!important;
    color:#18203d!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:14px!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-metrics strong::before{width:13px!important;height:13px!important;flex-basis:13px!important}
  .creator-card[data-entity-type="blogger"] .creator-card-metrics span{
    display:block!important;
    margin:2px 0 0!important;
    color:#878fa7!important;
    font-size:9px!important;
    font-weight:600!important;
    line-height:11px!important;
    white-space:nowrap!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating{
    position:absolute!important;
    top:188px!important;
    left:28px!important;
    right:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:176px!important;
    height:33px!important;
    min-height:33px!important;
    margin:0!important;
    padding:0!important;
    gap:5px!important;
    border:0!important;
    background:transparent!important;
    direction:ltr!important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-rating strong{
    order:1!important;
    flex:0 0 auto!important;
    margin:0 8px 0 0!important;
    color:#16203d!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:16px!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-card-stars{
    order:2!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:0!important;
    flex:0 0 auto!important;
    color:#d99b00!important;
    font-size:16px!important;
    line-height:16px!important;
    white-space:nowrap!important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-rating-count-desktop{display:none!important}
  .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-rating-count-mobile{
    order:3!important;
    display:inline!important;
    flex:0 0 auto!important;
    margin:0 0 0 7px!important;
    color:#8a91a7!important;
    font-size:10px!important;
    font-weight:500!important;
    line-height:14px!important;
    white-space:nowrap!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions{
    position:absolute!important;
    top:188px!important;
    right:12px!important;
    left:auto!important;
    display:block!important;
    width:130px!important;
    height:33px!important;
    min-height:33px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary{
    display:inline-flex!important;
    flex-direction:row-reverse!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:130px!important;
    height:33px!important;
    min-height:33px!important;
    margin:0!important;
    padding:5px 8px!important;
    border:1px solid #6455ea!important;
    border-radius:9px!important;
    background:#6455ea!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(100,85,234,.22)!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:16px!important;
    white-space:nowrap!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary::after{
    width:17px!important;height:17px!important;flex:0 0 17px!important;
  }
  .creator-card[data-entity-type="blogger"] .creator-action-label-desktop{display:none!important}
  .creator-card[data-entity-type="blogger"] .creator-action-label-mobile{display:inline!important}
}

/* Proportional fallback on phones narrower than the 430px reference viewport. */
@media (max-width:380px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid, body.home-page.v4-page .v4-entity-grid{width:calc(100vw - 36px)!important;max-width:none!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"], body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]{
    width:100%!important;
    height:auto!important;
    aspect-ratio:359/238!important;
  }
  /* Preserve the same spatial ratios below 381px. */
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media{
    top:6.72%!important;right:3.34%!important;width:32.59%!important;height:60.92%!important;min-width:0!important;min-height:0!important
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity{top:8.4%!important;left:5.57%!important;width:54.6%!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-tags{top:33.2%!important;left:5.57%!important;width:54.6%!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-metrics{top:51.26%!important;left:5.29%!important;width:54.6%!important;height:20.17%!important;min-height:0!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"]::after, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]::after{top:74.79%!important;left:5.29%!important;right:3.34%!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating{top:78.99%!important;left:7.8%!important;width:49%!important;height:13.87%!important;min-height:0!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions{top:78.99%!important;right:3.34%!important;width:36.21%!important;height:13.87%!important;min-height:0!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary{width:100%!important;height:100%!important;min-height:0!important}
  .creator-card[data-entity-type="blogger"] .creator-card-identity h3{font-size:clamp(16px,4.65vw,20px)!important;line-height:1.2!important}
  .creator-card[data-entity-type="blogger"] .creator-card-identity p{font-size:clamp(8px,2.32vw,10px)!important}
  .creator-card[data-entity-type="blogger"] .creator-card-tags > span{height:auto!important;min-height:24px!important;font-size:clamp(8px,2.32vw,10px)!important}
  .creator-card[data-entity-type="blogger"] .creator-card-metrics strong{font-size:clamp(9px,2.79vw,12px)!important}
  .creator-card[data-entity-type="blogger"] .creator-card-metrics span{font-size:clamp(7px,2.09vw,9px)!important}
  .creator-card[data-entity-type="blogger"] .creator-card-rating strong{font-size:clamp(10px,3.02vw,13px)!important}
  .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-card-stars{font-size:clamp(12px,3.72vw,16px)!important}
  .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-rating-count-mobile{font-size:clamp(8px,2.32vw,10px)!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary{font-size:clamp(9px,2.55vw,11px)!important}
}

/* Final pixel alignment corrections against the approved 430px reference. */
@media (min-width:381px) and (max-width:720px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media{
    inset:auto 11px auto auto!important;
    top:15px!important;
    align-self:auto!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity{
    inset:20px auto auto 20px!important;
    align-self:auto!important;
    place-self:auto!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-tags{
    inset:77px auto auto 20px!important;
    align-self:auto!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-metrics{
    inset:121px auto auto 19px!important;
    align-self:auto!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating{
    inset:186px auto auto 28px!important;
    align-self:auto!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions{
    inset:185px 11px auto auto!important;
    align-self:auto!important;
  }
}

/* Typography/controls: use the same specificity as legacy mobile rules so the reference sizes win. */
@media (min-width:381px) and (max-width:720px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity h3, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity h3{
    font-size:20px!important;line-height:24px!important;font-weight:900!important;margin:0 0 5px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity p, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity p{
    font-size:10px!important;line-height:14px!important;font-weight:500!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags > span, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-tags > span{
    font-size:10px!important;line-height:17px!important;font-weight:700!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics strong, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-metrics strong{
    font-size:12px!important;line-height:14px!important;font-weight:900!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics span, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-metrics span{
    font-size:9px!important;line-height:11px!important;font-weight:600!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions{
    width:132px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary{
    width:132px!important;
  }
}
@media (min-width:381px) and (max-width:720px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid, body.home-page.v4-page .v4-entity-grid{gap:13px!important}
}

/* Micro-alignment pass from direct pixel comparison with the approved reference. */
@media (min-width:381px) and (max-width:720px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity{
    inset:21px auto auto 19px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity h3, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity h3{
    transform:scale(1.012,.85)!important;
    transform-origin:left top!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity p, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity p{
    font-size:11.5px!important;
    letter-spacing:0!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags > span, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-tags > span{
    padding-inline:12.5px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-metrics{
    top:120px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"]::after, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]::after{
    top:177px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating{
    top:184px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating strong, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating strong{
    font-size:12px!important;
  }
}

/* Pixel comparison finalizer — 430px approved reference. */
@media (min-width:381px) and (max-width:720px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity{
    inset:21px auto auto 20px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity p, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity p{
    transform:translateX(1px)!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-tags{
    top:77px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags > span, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-tags > span{
    height:25px!important;
    min-height:25px!important;
    padding:1px 8px 6px 9px!important;
    font-size:10.2px!important;
    letter-spacing:.05px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating{
    top:184px!important;
    gap:5px!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating strong, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating strong{
    margin-right:3px!important;
    transform:translateY(-1px) scale(1,.89)!important;
    transform-origin:left center!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-card-stars, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-card-stars{
    font-size:17.5px!important;
    line-height:17.5px!important;
  }
}


/* v39: self-contained proportional rendering for 320–380px phones.
   This block intentionally repeats the required card geometry so legacy mobile CSS cannot restore the old design. */
@media (max-width:380px){
  body.creator-directory-page[data-creator-directory="blogger"] .creator-directory-grid, body.home-page.v4-page .v4-entity-grid{
    width:calc(100vw - 36px)!important;
    max-width:359px!important;
    margin-inline:auto!important;
    gap:13px!important;
    container-type:inline-size!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"], body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:359/238!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e8ebf3!important;
    border-radius:clamp(12px,4.18cqw,15px)!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(34,42,80,.075)!important;
    overflow:hidden!important;
    isolation:isolate!important;
    transform:none!important;
    direction:rtl!important;
  }
  
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"]::after, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"]::after{
    content:""!important;
    position:absolute!important;
    left:5.292cqw!important;
    right:3.343cqw!important;
    top:49.304cqw!important;
    bottom:auto!important;
    width:auto!important;
    height:1px!important;
    background:#e9ecf3!important;
    opacity:1!important;
    pointer-events:none!important;
  }
  

  .creator-card[data-entity-type="blogger"] .creator-card-body{display:contents!important}
  .creator-card[data-entity-type="blogger"] .creator-type-chip, .creator-card[data-entity-type="blogger"] .creator-platform-chip, .creator-card[data-entity-type="blogger"] .creator-card-bio, .creator-card[data-entity-type="blogger"] .creator-card-view{display:none!important}

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-media, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-media{
    position:absolute!important;
    top:4.178cqw!important;
    right:3.064cqw!important;
    left:auto!important;
    width:32.591cqw!important;
    height:40.390cqw!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:clamp(7px,2.507cqw,9px)!important;
    overflow:hidden!important;
    background:#f3f4f8!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-media::after{display:none!important}
  .creator-card[data-entity-type="blogger"] .creator-card-media img{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
    border-radius:inherit!important;transform:none!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity{
    position:absolute!important;
    top:5.850cqw!important;
    left:5.571cqw!important;
    right:auto!important;
    width:54.596cqw!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;padding:0!important;
    color:#151b36!important;text-align:left!important;direction:rtl!important;
  }
  
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity h3, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity h3{
    margin:0 0 clamp(3px,1.393cqw,5px)!important;
    color:inherit!important;
    font-size:clamp(16px,5.571cqw,20px)!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:-.4px!important;
    text-align:left!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    transform:scale(1.012,.85)!important;transform-origin:left top!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-identity p, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-identity p{
    margin:0!important;color:#8d94aa!important;
    font-size:clamp(9.5px,3.203cqw,11.5px)!important;font-weight:500!important;line-height:1.22!important;
    direction:ltr!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    transform:translateX(1px)!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-tags{
    position:absolute!important;top:21.448cqw!important;left:5.571cqw!important;right:auto!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:54.596cqw!important;min-height:0!important;margin:0!important;padding:0!important;gap:0!important;
    direction:ltr!important;text-align:left!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-tags > span, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-tags > span{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    width:auto!important;max-width:100%!important;height:6.964cqw!important;min-height:22px!important;
    margin:0!important;padding:1px clamp(7px,2.228cqw,8px) clamp(4px,1.671cqw,6px) clamp(8px,2.507cqw,9px)!important;
    border:1px solid #e2e5ef!important;border-radius:clamp(7px,2.507cqw,9px)!important;
    background:#f7f5ff!important;color:#373d59!important;
    font-size:clamp(8.5px,2.841cqw,10.2px)!important;font-weight:700!important;line-height:1.6!important;
    direction:rtl!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-tags .home-text-icon{display:none!important}
  .creator-card[data-entity-type="blogger"] .creator-card-tags > span::before{
    width:clamp(11px,3.621cqw,13px)!important;height:clamp(11px,3.621cqw,13px)!important;flex:0 0 clamp(11px,3.621cqw,13px)!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-metrics{
    position:absolute!important;top:33.426cqw!important;left:5.292cqw!important;right:auto!important;
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    width:54.596cqw!important;height:13.370cqw!important;min-height:0!important;
    margin:0!important;padding:0!important;gap:0!important;
    border:1px solid #e3e7ef!important;border-radius:clamp(8px,2.786cqw,10px)!important;
    background:#fff!important;box-shadow:0 2px 8px rgba(38,45,86,.025)!important;overflow:hidden!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-metrics > div{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;
    padding:2px 1px!important;border-left:1px solid #e6e9f2!important;text-align:center!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-metrics > div:last-child{border-left:0!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics strong, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-metrics strong{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;margin:0!important;
    color:#18203d!important;font-size:clamp(10px,3.343cqw,12px)!important;font-weight:900!important;line-height:1.15!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-metrics strong::before{width:clamp(11px,3.621cqw,13px)!important;height:clamp(11px,3.621cqw,13px)!important;flex-basis:clamp(11px,3.621cqw,13px)!important}
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-metrics span, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-metrics span{
    display:block!important;margin:2px 0 0!important;color:#878fa7!important;
    font-size:clamp(7.5px,2.507cqw,9px)!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating{
    position:absolute!important;top:51.253cqw!important;left:7.799cqw!important;right:auto!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:49.025cqw!important;height:9.192cqw!important;min-height:0!important;
    margin:0!important;padding:0!important;gap:clamp(3px,1.393cqw,5px)!important;border:0!important;background:transparent!important;direction:ltr!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating strong, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating strong{
    order:1!important;flex:0 0 auto!important;margin:0 clamp(2px,.836cqw,3px) 0 0!important;
    color:#16203d!important;font-size:clamp(10.5px,3.343cqw,12px)!important;font-weight:900!important;line-height:1.2!important;
    transform:translateY(-1px) scale(1,.89)!important;transform-origin:left center!important;
  }
  
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-card-stars, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-card-stars{
    order:2!important;display:inline-flex!important;align-items:center!important;gap:0!important;flex:0 0 auto!important;
    color:#d99b00!important;font-size:clamp(14px,4.875cqw,17.5px)!important;line-height:1!important;white-space:nowrap!important;
  }
  .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-rating-count-desktop{display:none!important}
  .creator-card[data-entity-type="blogger"] .creator-card-rating .creator-rating-count-mobile{
    order:3!important;display:inline!important;flex:0 0 auto!important;margin:0 0 0 clamp(4px,1.95cqw,7px)!important;
    color:#8a91a7!important;font-size:clamp(8px,2.786cqw,10px)!important;font-weight:500!important;line-height:1.2!important;white-space:nowrap!important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions{
    position:absolute!important;top:51.532cqw!important;right:3.064cqw!important;left:auto!important;
    display:block!important;width:36.769cqw!important;height:9.192cqw!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;
  }
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary{
    display:inline-flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:center!important;
    gap:clamp(4px,1.671cqw,6px)!important;width:100%!important;height:100%!important;min-height:0!important;
    margin:0!important;padding:clamp(3px,1.393cqw,5px) clamp(6px,2.228cqw,8px)!important;
    border:1px solid #6455ea!important;border-radius:clamp(7px,2.507cqw,9px)!important;
    background:#6455ea!important;color:#fff!important;box-shadow:0 5px 14px rgba(100,85,234,.22)!important;
    font-size:clamp(9px,3.064cqw,11px)!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;
  }
  
  .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary::after{
    width:clamp(14px,4.735cqw,17px)!important;height:clamp(14px,4.735cqw,17px)!important;flex:0 0 clamp(14px,4.735cqw,17px)!important;
  }
  .creator-card[data-entity-type="blogger"] .creator-action-label-desktop{display:none!important}
  .creator-card[data-entity-type="blogger"] .creator-action-label-mobile{display:inline!important}
}


/* SOURCE css/mobile-blogger-cards-v43.css */
@media (max-width: 620px){
/* iBlogger v43 — mobile-only blogger cards. Desktop is intentionally untouched. */
@media (max-width:620px){
  .ib43-grid, .mobile-approved-render[data-page="bloggers"] .mar-directory-list.ib43-grid, body.home-page.v4-page .mph-profile-list.ib43-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    justify-items:center!important;
  }
  .ib43-card{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:min(359px,calc(100vw - 36px))!important;
    height:238px!important;
    min-height:238px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    direction:rtl!important;
    border:1px solid #e8ebf3!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(34,42,80,.075)!important;
    color:#151a32!important;
  }
  
  .ib43-photo{
    position:absolute!important;right:12px!important;top:12px!important;
    width:117px!important;height:145px!important;border-radius:12px!important;
    overflow:hidden!important;background:#edf0f6!important;
  }
  .ib43-photo img{
    display:block!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:50% 50%!important;
  }
  .ib43-info{
    position:absolute!important;left:20px!important;top:18px!important;
    width:196px!important;min-width:0!important;text-align:left!important;direction:rtl!important;
  }
  .ib43-name{
    margin:0!important;color:#151a32!important;font-size:20px!important;font-weight:900!important;
    line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;
  }
  
  .ib43-user{
    margin:4px 0 0!important;color:#8991aa!important;font-size:12px!important;font-weight:600!important;
    line-height:1.3!important;direction:ltr!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .ib43-tag{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    margin-top:13px!important;min-height:29px!important;padding:5px 13px!important;
    border:1px solid #dedaf7!important;border-radius:9px!important;background:#f8f6ff!important;
    color:#5142bb!important;font-size:11px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;
  }
  
  .ib43-metrics{
    position:absolute!important;left:19px!important;top:112px!important;width:196px!important;height:48px!important;
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;border:1px solid #e6e9f1!important;
    border-radius:10px!important;background:#fff!important;overflow:hidden!important;direction:rtl!important;
  }
  
  .ib43-metric{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:2px!important;min-width:0!important;border-left:1px solid #eceef4!important;
  }
  .ib43-metric:last-child{border-left:0!important}
  
  .ib43-metric b{color:#171c34!important;font-size:12px!important;font-weight:900!important;line-height:1!important;direction:ltr!important}
  
  .ib43-metric span{color:#858da5!important;font-size:8.5px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}
  .ib43-sep{position:absolute!important;left:19px!important;right:12px!important;top:178px!important;height:1px!important;background:#eceef4!important}
  
  .ib43-rating{
    position:absolute!important;left:19px!important;bottom:17px!important;height:31px!important;
    display:flex!important;align-items:center!important;gap:6px!important;direction:ltr!important;white-space:nowrap!important;
  }
  .ib43-score{color:#171c34!important;font-size:14px!important;font-weight:900!important;line-height:1!important}
  
  .ib43-stars, .ib43-stars .rating-stars-precise, .ib43-stars .mar-rating-icons{
    display:inline-flex!important;align-items:center!important;gap:1px!important;color:#f5aa00!important;
    font-size:17px!important;letter-spacing:0!important;line-height:1!important;direction:ltr!important;
  }
  .ib43-stars .rating-star{position:relative!important;display:inline-block!important;color:#dfe3eb!important;font-style:normal!important;line-height:1!important}
  .ib43-stars .rating-star::before{content:"★"!important;position:absolute!important;inset:0!important;width:var(--rating-fill,100%)!important;overflow:hidden!important;color:#f5aa00!important}
  .ib43-count{color:#8d95aa!important;font-size:10px!important;font-weight:700!important;direction:rtl!important}
  .ib43-btn{
    position:absolute!important;right:12px!important;bottom:15px!important;width:138px!important;height:34px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    border:1px solid #6554ea!important;border-radius:9px!important;background:#6554ea!important;color:#fff!important;
    text-decoration:none!important;font-size:11px!important;font-weight:900!important;line-height:1!important;
    box-shadow:0 5px 12px rgba(101,84,234,.18)!important;
  }
  .ib43-btn svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

  @media (max-width:380px){
    .ib43-card{width:calc(100vw - 28px)!important;height:226px!important;min-height:226px!important}
    .ib43-photo{right:10px!important;top:11px!important;width:108px!important;height:134px!important}
    .ib43-info{left:16px!important;top:16px!important;width:calc(100% - 148px)!important}
    .ib43-name{font-size:18px!important}.ib43-user{font-size:11px!important}.ib43-tag{margin-top:10px!important;font-size:10px!important;padding-inline:10px!important}
    .ib43-metrics{left:16px!important;top:103px!important;width:calc(100% - 148px)!important;height:45px!important}
    .ib43-sep{left:16px!important;right:10px!important;top:165px!important}
    .ib43-rating{left:16px!important;bottom:15px!important;gap:4px!important}.ib43-stars, .ib43-stars .rating-stars-precise, .ib43-stars .mar-rating-icons{font-size:15.5px!important}.ib43-score{font-size:13px!important}.ib43-count{font-size:9px!important}
    .ib43-btn{right:10px!important;bottom:13px!important;width:128px!important;height:33px!important;font-size:10.5px!important}
  }
}

}

/* SOURCE css/desktop-blogger-actions-v44.css */
/* iBlogger v44 — desktop blogger action alignment only.
   Mobile card renderer v43 is intentionally untouched. */
@media (min-width: 721px) {
  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
  }

  body.creator-directory-page[data-creator-directory="blogger"] .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary, body.home-page.v4-page .v4-entity-grid .creator-card[data-entity-type="blogger"] .creator-card-actions .creator-primary{
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .creator-card[data-entity-type="blogger"] .creator-action-label-desktop{
    display: inline !important;
  }
  .creator-card[data-entity-type="blogger"] .creator-action-label-mobile{
    display: none !important;
  }
}


/* SOURCE css/ib47-home-search.css */
/* iBlogger v47 — homepage directory search, visually aligned with the approved design system. */
.ib47-discovery{position:relative;z-index:2;padding:48px 0 22px;background:linear-gradient(180deg,#f9f9ff 0%,#fff 100%);font-family:inherit}
.ib47-discovery *{box-sizing:border-box}
.ib47-discovery .container{position:relative;max-width:1180px}
.ib47-search-card{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:36px;min-height:218px;padding:30px 34px;border:1px solid rgba(103,91,205,.13);border-radius:28px;background:radial-gradient(circle at 8% 9%,rgba(225,219,255,.68),transparent 38%),linear-gradient(115deg,#fff,#fcfbff 64%,#f4f2ff);box-shadow:0 20px 55px rgba(44,37,104,.07),0 3px 12px rgba(51,43,130,.025);overflow:visible}
.ib47-search-card::before{content:"";position:absolute;left:19px;top:18px;width:90px;height:90px;border:1px solid rgba(118,102,236,.13);border-radius:25px;transform:rotate(21deg);pointer-events:none}
.ib47-search-card>*{position:relative;z-index:1}
.ib47-search-copy{text-align:right;min-width:0}
.ib47-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:30px;background:#f0edff;border:1px solid #e8e1ff;color:#6552db;font-size:12px;font-weight:800;line-height:1.2}
.ib47-eyebrow-dot{width:7px;height:7px;border-radius:100%;background:#7c68ef;box-shadow:0 0 0 4px #e1daff}
.ib47-search-copy h2{margin:14px 0 8px;font-size:clamp(21px,2.1vw,31px);line-height:1.58;font-weight:900;letter-spacing:0;color:#1d2141}
.ib47-search-copy h2 span{display:block;color:#6855e8}
.ib47-search-copy p{margin:0;max-width:440px;font-size:13.5px;line-height:2;color:#737c96}
.ib47-search-form{min-width:0;width:100%}
.ib47-search-types{display:flex;gap:8px;margin:0 0 13px;flex-wrap:wrap}
.ib47-type{border:1px solid #e9e6f8;border-radius:11px;padding:9px 17px;line-height:1.3;background:rgba(255,255,255,.9);color:#757a9a;cursor:pointer;font-family:inherit;font-size:12px;font-weight:800;line-height:1.35;transition:background .15s,border .15s,color .15s,box-shadow .15s}
.ib47-type:hover{border-color:#bdb2ff;color:#5443d5}
.ib47-type.is-selected{color:#fff;background:#6653e5;border-color:#6653e5;box-shadow:0 5px 13px rgba(100,83,229,.18)}
.ib47-search-field{display:flex;align-items:center;gap:9px;padding:7px 7px 7px 7px;min-height:66px;border:1.5px solid #e0dff0;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(45,43,105,.065);transition:border-color .18s,box-shadow .18s}
.ib47-search-field:focus-within{border-color:#7665e9;box-shadow:0 0 0 4px rgba(109,90,234,.10),0 8px 28px rgba(45,43,105,.065)}
.ib47-search-symbol{display:grid;place-items:center;width:36px;height:36px;flex:none;color:#7566dd;background:#f3f0ff;border-radius:11px;margin-inline-start:3px}
.ib47-search-symbol svg{width:18px;height:18px}
.ib47-search-field input{flex:1;min-width:0;outline:none;border:0;background:transparent;color:#232448;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.4;direction:rtl;appearance:none}
.ib47-search-field input::placeholder{color:#a0a5b9;opacity:1}
.ib47-search-field input::-webkit-search-cancel-button{cursor:pointer}
.ib47-search-submit{display:flex;align-items:center;justify-content:center;gap:7px;min-width:117px;min-height:48px;padding:8px 15px;color:#fff;background:linear-gradient(125deg,#7865f0,#5b49d5);border:0;border-radius:12px;box-shadow:0 7px 16px rgba(99,78,215,.2);cursor:pointer;font-family:inherit;font-size:13px;font-weight:800;line-height:1.3;white-space:nowrap}
.ib47-search-submit:hover{filter:brightness(1.07)}
.ib47-search-submit svg{width:16px;height:16px;flex:none}
.ib47-help-line{display:flex;align-items:center;gap:6px;min-height:23px;margin:9px 4px 0;color:#8388a3;font-size:11.5px;font-weight:600}
.ib47-help-icon{color:#8371e5;font-size:15px}
.ib47-search-results{position:relative;width:100%;margin-top:10px;background:#fff;border:1px solid #e9e7f3;border-radius:15px;box-shadow:0 14px 28px rgba(42,38,95,.08);overflow:hidden}
.ib47-search-results[hidden]{display:none!important}
.ib47-result-caption{padding:10px 15px 8px;color:#8d8fa3;font-size:11px;font-weight:750;background:#fbfaff}
.ib47-result{display:flex;align-items:center;gap:12px;padding:10px 15px;border-top:1px solid #f1f0f8;text-decoration:none;color:inherit;transition:background .15s}
.ib47-result:hover, .ib47-result:focus-visible{background:#f6f4ff;outline:none}
.ib47-result-avatar{width:42px;height:42px;object-fit:cover;border-radius:12px;background:#ebe9f5;flex:none}
.ib47-result-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ib47-result-name{font-size:13px;color:#222447;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib47-result-meta{color:#9297aa;font-size:10.5px;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis}
.ib47-result-kind{padding:5px 8px;border-radius:8px;background:#f1edff;color:#6e5ae5;font-size:10px;white-space:nowrap;font-weight:800}
.ib47-empty{text-align:center;padding:17px;color:#7a7f96;font-size:12px;line-height:1.8}
.ib47-empty a{color:#6750da;text-decoration:underline}
.ib47-visually-hidden{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}













@media(max-width:850px){.ib47-search-card{grid-template-columns:1fr;gap:20px;padding:24px}.ib47-search-copy h2 span{display:inline}.ib47-discovery{padding:26px 0 12px}}
@media(max-width:620px){
 .ib47-discovery{padding:20px 0 8px!important;background:#fff!important}
 .ib47-discovery .container{width:auto;max-width:none;margin-inline:14px;padding:0!important}
 .ib47-search-card{padding:20px 15px 15px;border-radius:21px;gap:17px;box-shadow:0 12px 30px rgba(42,40,97,.07)}
 .ib47-search-card::before{height:56px;width:56px;border-radius:18px}
 .ib47-eyebrow{font-size:10.5px;padding:6px 10px}
 .ib47-search-copy h2{margin:10px 0 6px;font-size:19px;line-height:1.65}
 .ib47-search-copy h2 span{display:block}
 .ib47-search-copy p{font-size:11.5px;line-height:1.8}
 .ib47-search-types{gap:6px;margin-bottom:10px}
 .ib47-type{font-size:11px;padding:8px 12px;border-radius:9px}
 .ib47-search-field{min-height:56px;border-radius:14px;gap:6px;padding:5px 6px}
 .ib47-search-symbol{width:30px;height:30px;margin-inline-start:1px;border-radius:9px}
 .ib47-search-symbol svg{width:16px;height:16px}
 .ib47-search-field input{font-size:11.7px}
 .ib47-search-submit{min-width:86px;min-height:42px;padding:6px 9px;border-radius:10px;font-size:11.5px;gap:2px}
 .ib47-search-submit svg{width:13px;height:13px}
 .ib47-help-line{font-size:10.5px;margin-top:8px}
 .ib47-result-kind{font-size:9px}
}
@media(max-width:360px){.ib47-discovery .container{margin-inline:10px}.ib47-search-card{padding-inline:11px}.ib47-search-field input{font-size:10.8px}.ib47-search-submit{min-width:74px;padding-inline:6px}}
/* Neutralize the sitewide input focus ring inside the compound search field. */
html body.home-page .ib47-discovery .ib47-search-field input, html body.home-page .ib47-discovery .ib47-search-field input:hover, html body.home-page .ib47-discovery .ib47-search-field input:focus, html body.home-page .ib47-discovery .ib47-search-field input:focus-visible{
  width:auto !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:4px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  outline:0 !important;
  box-shadow:none !important;
}


/* SOURCE css/ib61-home-search-position.css */
/* The search now lives directly beneath the home blogger/bloggershop selector. */
html body.home-page #creators > .container > .ib47-discovery{
  width:100%; margin:0 0 22px; padding:10px 0 6px; background:transparent;
}
html body.home-page #creators > .container > .ib47-discovery > .container{
  padding:0; max-width:none; width:100%;
}
html body.home-page #creators .v4-creators-head{ margin-bottom:12px; }
@media(max-width:620px){
  html body.home-page .mph-creators-card > .ib47-discovery{
    width:100%; margin:0 0 18px; padding:0!important; background:transparent!important;
  }
  html body.home-page .mph-creators-card > .ib47-discovery > .container{
    width:100%!important; max-width:none!important; margin:0!important; padding:0!important;
  }
  html body.home-page .mph-creators-card > .mph-tabs{margin-bottom:12px!important;}
  html body.home-page .mph-creators-card .ib47-search-card{
    min-height:0; padding:16px 13px; border-radius:17px; gap:13px;
  }
  html body.home-page .mph-creators-card .ib47-search-copy h2{
    font-size:clamp(18px,5vw,21px);line-height:1.5; margin:8px 0 4px;
  }
  html body.home-page .mph-creators-card .ib47-search-copy p{
    font-size:12.5px; line-height:1.85;
  }
  html body.home-page .mph-creators-card .ib47-eyebrow{font-size:11.5px;}
  html body.home-page .mph-creators-card .ib47-type{font-size:12px;padding:8px 10px;}
  html body.home-page .mph-creators-card .ib47-search-field input{font-size:14px!important;}
  html body.home-page .mph-creators-card .ib47-help-line{font-size:11.5px;line-height:1.6;}
  html body.home-page .mph-creators-card .ib47-result-name{font-size:13px;}
  html body.home-page .mph-creators-card .ib47-result-meta{font-size:11px;}
  html body.home-page .mph-creators-card .ib47-result-kind{font-size:10px;}
  html body.home-page .mph-creators-card .ib47-search-submit{font-size:12px;min-width:80px;}
}
@media(max-width:360px){
  html body.home-page .mph-creators-card .ib47-search-card{padding-inline:10px;}
  html body.home-page .mph-creators-card .ib47-search-symbol{display:none;}
  html body.home-page .mph-creators-card .ib47-search-submit{min-width:68px;padding-inline:6px;}
}


/* SOURCE css/ib48-add-creators.css */
/* Version 48: last grid tile directs visitors to the appropriate submission form. */
body.home-page .ib48-add-card{
  box-sizing:border-box; align-self:stretch; justify-self:stretch; min-width:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:12px; min-height:380px; padding:32px 22px; text-align:center;
  border:2px dashed rgba(107,89,226,.35); border-radius:25px;
  background:radial-gradient(ellipse at 10% 8%,rgba(219,208,255,.48),transparent 44%),linear-gradient(145deg,#fcfbff,#f5f2ff);
  box-shadow:0 14px 40px rgba(65,52,142,.055); text-decoration:none; color:#202345;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
body.home-page .ib48-add-card:hover, body.home-page .ib48-add-card:focus-visible{
  transform:translateY(-4px); border-color:#7865f0;
  box-shadow:0 20px 44px rgba(83,68,176,.13);outline:none;
}
body.home-page .ib48-add-orbit{
  display:grid;place-items:center;width:68px;height:68px;border-radius:22px;
  color:#fff;background:linear-gradient(138deg,#9e85ff,#6751e9);
  box-shadow:0 12px 25px rgba(104,81,225,.22),0 0 0 9px rgba(121,102,239,.075);
}
body.home-page .ib48-add-orbit svg{width:30px;height:30px}
body.home-page .ib48-add-title{font-size:21px;font-weight:900;line-height:1.65;color:#25204b}
body.home-page .ib48-add-desc{max-width:260px;font-size:12px;line-height:2;color:#7b7e9d}
body.home-page .ib48-add-action{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;
  margin-top:7px;padding:10px 20px;border-radius:13px;
  background:linear-gradient(115deg,#7865ef,#5e4cdd);color:white;font-size:13px;font-weight:850;
  box-shadow:0 10px 22px rgba(101,78,214,.2);
}
body.home-page .ib48-add-action svg{width:17px;height:17px}



@media(max-width:620px){
  body.home-page .mph-profile-list.ib43-grid > .ib48-add-card{
    display:flex!important;width:min(359px,calc(100vw - 36px))!important;
    height:205px!important;min-height:205px!important;
    margin:0 auto!important;padding:20px 16px!important;gap:8px!important;
    border-radius:17px!important;
  }
  body.home-page .mph-profile-list.ib43-grid > .ib48-add-card .ib48-add-orbit{width:50px;height:50px;border-radius:16px}
  body.home-page .mph-profile-list.ib43-grid > .ib48-add-card .ib48-add-orbit svg{width:25px;height:25px}
  body.home-page .mph-profile-list.ib43-grid > .ib48-add-card .ib48-add-title{font-size:17px}
  body.home-page .mph-profile-list.ib43-grid > .ib48-add-card .ib48-add-desc{font-size:10px;line-height:1.5}
  body.home-page .mph-profile-list.ib43-grid > .ib48-add-card .ib48-add-action{min-height:34px;padding:7px 17px;margin-top:1px;font-size:11px;border-radius:9px}
}
@media(prefers-reduced-motion:reduce){body.home-page .ib48-add-card{transition:none}}


/* SOURCE css/ib62-home-search-compact.css */
/* iBlogger v62 — concise, accessible homepage quick search. Does not modify lookup logic. */
/* Keep the module directly under the blogger/bloggershop switch (v61). */
html body.home-page #creators > .container > .ib47-discovery{
  margin:0 0 15px!important;
  padding:4px 0 2px!important;
  background:transparent!important;
}
html body.home-page #creators .ib47-discovery .container{max-width:100%;padding:0!important}
html body.home-page #creators .ib47-search-card{
  display:grid;
  grid-template-columns:minmax(175px,.24fr) minmax(0,1fr);
  align-items:center;
  gap:16px;
  min-height:0;
  padding:14px 18px;
  border-radius:17px;
  box-shadow:0 7px 23px rgba(45,37,105,.045);
  background:linear-gradient(110deg,#fff 0%,#faf9ff 100%);
}
html body.home-page #creators .ib47-search-card::before{display:none}
html body.home-page #creators .ib47-search-copy h2{
  font-size:16px;
  line-height:1.5;
  font-weight:850;
  margin:0 0 3px;
  color:#262547;
  white-space:normal;
}
html body.home-page #creators .ib47-search-copy p{
  font-size:11.5px;
  line-height:1.65;
  color:#7b829e;
  margin:0;
}
html body.home-page #creators .ib47-search-form{display:flex;flex-direction:column;gap:8px}
html body.home-page #creators .ib47-search-types{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:6px;
  margin:0 0 7px!important;
}
html body.home-page #creators .ib47-type{
  padding:5px 11px;
  min-height:29px;
  border-radius:8px;
  font-size:11.5px;
  font-weight:800;
  line-height:1.35;
  white-space:nowrap;
}
html body.home-page #creators .ib47-search-field{
  min-height:45px;
  padding:4px 5px;
  gap:8px;
  border-radius:11px;
  box-shadow:0 3px 10px rgba(45,43,105,.04);
}
html body.home-page #creators .ib47-search-symbol{width:29px;height:29px;border-radius:8px;margin-inline-start:2px}
html body.home-page #creators .ib47-search-symbol svg{width:16px;height:16px}
html body.home-page #creators .ib47-search-field input{font-size:13.5px!important;min-width:0!important}
html body.home-page #creators .ib47-search-submit{
  min-width:88px;
  min-height:35px;
  padding:6px 10px;
  border-radius:8px;
  box-shadow:0 3px 8px rgba(99,78,215,.12);
  font-size:12px;
}
/* Keep polite announcements available to screen readers without creating a permanent third row. */
html body.home-page #creators .ib47-help-line{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
html body.home-page #creators .ib47-search-results{margin-top:2px;border-radius:12px}
html body.home-page #creators .ib47-result-name{font-size:13.5px}
html body.home-page #creators .ib47-result-meta{font-size:11px}
html body.home-page #creators .ib47-result-kind{font-size:10.5px}



@media(max-width:850px){
  html body.home-page #creators .ib47-search-card{grid-template-columns:1fr;gap:10px}
}
@media(max-width:620px){
  html body.home-page .mph-creators-card > .ib47-discovery{
    margin:0 0 12px!important;
    padding:0!important;
    width:100%!important;
  }
  html body.home-page .mph-creators-card > .ib47-discovery > .container{width:100%!important;margin:0!important;padding:0!important}
  html body.home-page .mph-creators-card > .mph-tabs{margin-bottom:9px!important}
  html body.home-page .mph-creators-card .ib47-search-card{
    grid-template-columns:1fr;
    padding:12px;
    gap:9px;
    min-height:0;
    border-radius:14px;
    border-color:#e5e1f7;
    box-shadow:0 5px 17px rgba(45,37,105,.045);
  }
  html body.home-page .mph-creators-card .ib47-search-copy h2{
    font-size:15px;
    line-height:1.45;
    margin:0;
  }
  html body.home-page .mph-creators-card .ib47-search-copy p{display:none}
  html body.home-page .mph-creators-card .ib47-search-form{gap:8px}
  html body.home-page .mph-creators-card .ib47-search-types{gap:5px;margin:0 0 7px!important}
  html body.home-page .mph-creators-card .ib47-type{
    font-size:11px;
    min-height:29px;
    padding:5px 11px;
    border-radius:8px;
  }
  html body.home-page .mph-creators-card .ib47-search-field{
    min-height:45px;
    padding:4px 5px;
    gap:6px;
    border-radius:10px;
  }
  html body.home-page .mph-creators-card .ib47-search-symbol{width:28px;height:28px;margin-inline-start:0}
  html body.home-page .mph-creators-card .ib47-search-symbol svg{width:15px;height:15px}
  html body.home-page .mph-creators-card .ib47-search-field input{font-size:13px!important}
  html body.home-page .mph-creators-card .ib47-search-submit{
    min-width:72px;
    min-height:35px;
    padding:6px 8px;
    font-size:11.5px;
    border-radius:8px;
  }
  html body.home-page .mph-creators-card .ib47-help-line{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important}
}
@media(max-width:360px){
  html body.home-page .mph-creators-card .ib47-search-card{padding:10px}
  html body.home-page .mph-creators-card .ib47-type{padding:5px 9px;font-size:10.5px}
  html body.home-page .mph-creators-card .ib47-search-symbol{display:none}
  html body.home-page .mph-creators-card .ib47-search-submit{min-width:66px;padding-inline:6px}
}


/* SOURCE css/ib63-desktop-reference.css */
/* v63 desktop hero/directory based on supplied visual reference. Mobile layout untouched. */
.ib63-showcase{display:none}
@media(min-width:901px){
html{scroll-behavior:smooth}
body.home-page.v4-page #top.v4-home-hero, body.home-page.v4-page #creators.v4-creators{display:none!important}
body.home-page.v4-page .ib63-showcase{display:block;position:relative;background:radial-gradient(ellipse at 48% 18%,#28144d 0%,#0b1032 37%,#050c25 82%);color:#fff;isolation:isolate;overflow:hidden;padding:0 0 38px;font-family:inherit}
.ib63-showcase *{box-sizing:border-box}
.ib63-hero{height:435px;position:relative;display:flex;align-items:center;max-width:1440px;margin:auto;padding:20px 5.4%;overflow:hidden}
.ib63-glow{position:absolute;inset:0;background:radial-gradient(circle at 19% 48%,#8043fa55,transparent 26%),radial-gradient(circle at 46% 23%,#823aff27,transparent 22%);pointer-events:none}
.ib63-stars{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(circle,#af79ff 1.6px,transparent 2.4px),radial-gradient(circle,#8048b9 1px,transparent 2px);background-size:103px 131px,69px 97px;background-position:13px 27px,30px 60px;mask-image:linear-gradient(to right,black,transparent 75%)}
.ib63-portrait{position:absolute;left:1.4%;bottom:0;width:44%;height:100%;display:flex;align-items:end;justify-content:center}
.ib63-portrait>img{height:106%;width:88%;object-fit:cover;object-position:top center;mask-image:linear-gradient(to bottom,#000 0%,#000 69%,transparent 99%);filter:drop-shadow(0 9px 30px #bd69f666)}
.ib63-orbit{position:absolute;width:86%;height:135px;left:2%;bottom:21%;border:3px solid #ac68fe88;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 21px #9d47ff, inset 0 0 14px #7b44ff;pointer-events:none}
.ib63-float{position:absolute;background:linear-gradient(135deg,#9a5bff88,#252263bb);border:1px solid #d4aaff44;border-radius:13px;padding:10px 13px;color:#eee0ff;box-shadow:0 0 25px #a34cff4d;font-size:15px;backdrop-filter:blur(8px)}
.ib63-instagram{top:18%;right:16%;font-size:38px;transform:rotate(14deg)}.ib63-like{top:37%;left:4%;transform:rotate(-12deg)}.ib63-chart{bottom:20%;right:11%;font-size:26px;transform:rotate(9deg)}.ib63-users{top:55%;right:22%;font-size:12px}
.ib63-hero-content{z-index:2;width:56%;margin-right:0;margin-left:auto;text-align:right;padding-bottom:10px}
.ib63-eyebrow{display:inline-flex;background:#ffffff0c;border:1px solid #9872ed44;border-radius:28px;padding:9px 15px;font-size:12px;color:#e4dcff;margin-bottom:19px;box-shadow:inset 0 0 10px #7b56cb1a}
.ib63-hero h1{font-size:clamp(35px,3.55vw,55px)!important;line-height:1.5!important;font-weight:900!important;letter-spacing:-.6px;margin:0 0 13px!important;color:#fff!important;max-width:none!important}
.ib63-hero h1 em, .ib63-directory h2 em{font-style:normal;color:#ba86ff}
.ib63-hero p{font-size:15px;line-height:2;letter-spacing:0;color:#ccc6e3;margin:0 0 20px}
.ib63-hero-actions{display:flex;align-items:center;gap:20px}
.ib63-main-cta{background:linear-gradient(110deg,#8150f7,#6537f5);border:1px solid #9272ff;border-radius:11px;padding:13px 32px;text-decoration:none;color:white!important;font-size:14px;font-weight:750;box-shadow:0 9px 25px #6c3bee55}
.ib63-video-cta{display:flex;align-items:center;gap:10px;color:#e5ddff;text-decoration:none;font-size:12px}.ib63-video-cta small{color:#b5adcc}.ib63-play{height:39px;width:39px;display:grid;place-items:center;border:2px solid #ba7dff;border-radius:50%;font-size:24px;color:#d8afff}
.ib63-discover{margin:0 auto 36px;max-width:calc(100% - 7%);width:1330px;background:linear-gradient(135deg,#14183c,#111436);border:1px solid #563b8e;border-radius:16px;padding:17px 18px 19px;box-shadow:0 16px 40px #03061a77}
.ib63-tabs{display:flex;align-items:center;justify-content:center;margin:0 auto 13px;width:420px;max-width:100%;background:#1b204a;border:1px solid #303a63;border-radius:9px;padding:4px}
.ib63-tabs button{flex:1;background:none;color:#bfc4df;border:0;border-radius:7px;padding:11px 9px;cursor:pointer;font:700 13px inherit}
.ib63-tabs button.is-active{background:linear-gradient(90deg,#9c64ff,#763def);color:#fff;box-shadow:0 3px 10px #875af355}
.ib63-search-row{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:10px;align-items:center;background:#090e2a;padding:8px;border:1px solid #2b3158;border-radius:9px}
.ib63-search-row label{height:47px;min-width:0;display:flex;align-items:center;background:#101735;border:1px solid #273057;border-radius:8px;color:#bbb9df;overflow:hidden}
.ib63-search-text{flex-direction:row;direction:rtl}.ib63-search-text button{background:#693cf0;color:white;border:none;border-radius:7px;margin:4px;height:37px;width:40px;flex:none;font-size:26px;cursor:pointer}
.ib63-search-text input{background:transparent;border:none;outline:none;min-width:0;width:100%;height:100%;color:white;padding:5px 13px;font-size:13px}.ib63-search-text input::placeholder{color:#8289a9}
.ib63-filter{padding:0 10px;gap:8px;font-size:18px}.ib63-filter select{appearance:none;border:none;outline:none;width:100%;color:#c9c8e4;background:transparent;font-size:12px;cursor:pointer}.ib63-filter option{background:#141638;color:white}
.ib63-directory{max-width:1440px;margin:0 auto;padding:0 3.5%}
.ib63-directory-head{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:26px}
.ib63-directory-title h2{font-size:clamp(25px,2.65vw,35px);line-height:1.5;margin:0 0 7px;color:white;font-weight:850}.ib63-directory-title p{font-size:13px;color:#a9a8c4;line-height:1.8;margin:0}
.ib63-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:15px}.ib63-pills button, .ib63-pills a{border:1px solid #292e50;background:#151939;padding:9px 16px;color:#bfc1e5;border-radius:8px;font-size:12px;text-decoration:none;cursor:pointer;white-space:nowrap}.ib63-pills button.is-on{background:#7d45f0;color:white;border-color:#9d69ff}.ib63-pills a{background:transparent;border-color:#7952ad;color:#dbc8ff}
.ib63-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ib63-card{background:#13193a;border:1px solid #353459;border-radius:14px;padding:8px;box-shadow:0 14px 26px #0005;min-width:0;overflow:hidden}
.ib63-photo{height:clamp(155px,18.1vw,245px);position:relative;overflow:hidden;border-radius:11px 11px 4px 4px;background:#29254a}.ib63-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.ib63-photo:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0b1038bb);pointer-events:none}
.ib63-city, .ib63-heart{position:absolute;z-index:1;top:10px;background:#10132ac9;border:1px solid #ffffff33;border-radius:8px;color:white;padding:7px 10px;font-size:12px}.ib63-city{right:10px}.ib63-heart{left:10px;font-size:19px;padding:3px 8px}
.ib63-card-body{padding:10px 9px 7px}.ib63-name{display:flex;align-items:center;gap:9px;min-width:0}.ib63-name>div{display:flex;flex-direction:column;gap:2px;min-width:0}.ib63-name strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ib63-name small{direction:ltr;text-align:right;color:#9baccf;font-size:11px}.ib63-verify{color:#a979ff;font-size:22px}.ib63-kind{margin-right:auto;font-size:10px;color:#a8a2d3;white-space:nowrap}
.ib63-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;border:1px solid #2a3159;border-radius:8px;padding:9px 0}.ib63-stats div{display:flex;flex-direction:column;align-items:center;gap:3px;border-left:1px solid #30365c}.ib63-stats div:last-child{border-left:none}.ib63-stats strong{font-size:13px;color:#fff}.ib63-stats small{font-size:10px;color:#aaaecb}
.ib63-rating{display:flex;justify-content:space-between;align-items:center;margin:11px 1px 5px;direction:ltr}.ib63-rating-stars{font-size:18px;color:#ffcb35;letter-spacing:1px}.ib63-rating b{font-size:13px;color:#e8e2fb}.ib63-card-body>p{margin:4px 0 10px;color:#9d9eba;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.ib63-card-cta{display:block;background:linear-gradient(90deg,#b69aff,#9b74f6);color:#171139!important;text-align:center;border-radius:7px;font-weight:800;font-size:13px;padding:12px 8px;text-decoration:none;box-shadow:inset 0 1px #ffffff88}
.ib63-empty{padding:20px;text-align:center;color:#d2c4f3}.ib63-grid article[hidden], .ib63-empty[hidden]{display:none!important}
}
@media(min-width:901px) and (max-width:1120px){.ib63-hero{height:370px}.ib63-hero h1{font-size:34px!important}.ib63-hero p{font-size:13px}.ib63-grid{gap:11px}.ib63-pills button, .ib63-pills a{padding:9px}.ib63-kind{display:none}.ib63-portrait{width:46%}}

/* Final desktop geometry and screenshot asset parity */
@media(min-width:901px){
 body.home-page.v4-page .ib63-showcase{margin-top:72px}
 .ib63-hero{padding-top:0;padding-bottom:0}
 .ib63-portrait{left:0;width:49%;height:100%;overflow:hidden;align-items:stretch;justify-content:start}
 .ib63-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center center;mask-image:linear-gradient(to right,#000 0%,#000 74%,transparent 100%);filter:none}
 .ib63-orbit, .ib63-float{display:none!important}
 .ib63-search-row select{background:#101735!important;color:#d6d3ea!important;appearance:none!important}
 .ib63-search-row select option{background:#101735!important;color:#fff!important}
 .ib63-search-row input{background:transparent!important;color:#fff!important}
 .ib63-tabs button{font-size:13px!important;font-weight:700!important}
 .ib63-card .ib63-photo img{object-position:center center}
}


/* v64 additions: dark header alignment + lower reference sections */
@media(min-width:901px){
  body.home-page.v4-page{background:#050c25!important;}
  body.home-page.v4-page .ib63-showcase{margin-top:0!important;padding-top:98px!important;}
  body.home-page.v4-page .site-header.service-header.is-scrolled{background:rgba(7,11,33,.94)!important;background-color:rgba(7,11,33,.94)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 16px 32px rgba(0,0,0,.28)!important;}
  body.home-page.v4-page .site-header.service-header:not(.is-scrolled){background:transparent!important;}
  body.home-page.v4-page .site-header.service-header .header-inner{background:transparent!important;}
  .ib63-hero{height:445px!important;}
  .ib64-brand-strip, .ib64-cta-banner{margin-top:22px;border-radius:16px;overflow:hidden;border:1px solid #2a3159;box-shadow:0 14px 30px rgba(0,0,0,.22);background:#0f163b;}
  .ib64-brand-strip img, .ib64-cta-banner img{display:block;width:100%;height:auto;}
  .ib64-cta-banner{margin-top:18px;margin-bottom:8px;}
}


/* SOURCE css/ib65-home-continuation.css */
/* v65 desktop continuation for homepage */
.ib65-home-continuation{display:none}
@media(min-width:901px){
  body.home-page.v4-page #benefits-home, body.home-page.v4-page #programs, body.home-page.v4-page .v4-workflow, body.home-page.v4-page #add-blogger, body.home-page.v4-page #why-us, body.home-page.v4-page .v4-final-cta{display:none!important}
  .ib65-home-continuation{display:block;max-width:1440px;margin:28px auto 0;padding:0 3.5% 52px;color:#fff}
  .ib65-home-continuation *{box-sizing:border-box}
  .ib65-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(152,114,237,.28);border-radius:999px;padding:8px 14px;font-size:12px;color:#e5ddff;box-shadow:inset 0 0 10px rgba(123,86,203,.1)}
  .ib65-home-continuation h2{margin:16px 0 10px;font-size:36px;line-height:1.45;font-weight:850;color:#fff}
  .ib65-home-continuation h2 em{font-style:normal;color:#ba86ff}
  .ib65-home-continuation p{color:#b8bdd8;line-height:2;font-size:14px}
  .ib65-benefits, .ib65-services, .ib65-workflow, .ib65-faq-cta{margin-top:24px}
  .ib65-split-card, .ib65-faq-card, .ib65-final-cta{background:linear-gradient(135deg,#14183c,#101436);border:1px solid #2c3157;border-radius:22px;box-shadow:0 16px 40px rgba(3,6,26,.45)}
  .ib65-split-card{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:26px;padding:28px 30px;overflow:hidden}
  .ib65-benefits-visual img{display:block;width:100%;height:auto;border-radius:18px}
  .ib65-text-link{display:inline-flex;align-items:center;gap:8px;color:#d6c4ff;text-decoration:none;font-weight:700;margin-top:12px}
  .ib65-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
  .ib65-section-head>div{max-width:55%}
  .ib65-section-head h2{margin-bottom:0}
  .ib65-section-head p{max-width:470px;margin:0}
  .ib65-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .ib65-service-card{position:relative;background:linear-gradient(180deg,#141a40,#10142f);border:1px solid #2a3156;border-radius:20px;padding:18px 18px 20px;box-shadow:0 16px 32px rgba(0,0,0,.22)}
  .ib65-service-card.is-featured{border-color:#7f57ea;box-shadow:0 16px 36px rgba(118,61,239,.20)}
  .ib65-service-no{position:absolute;left:16px;top:14px;font-size:12px;color:#aeb3d0;background:#0d1232;border:1px solid #303860;border-radius:999px;padding:5px 9px}
  .ib65-service-media{height:190px;background:#0b102b;border-radius:16px;overflow:hidden;margin-bottom:15px}
  .ib65-service-media img{width:100%;height:100%;object-fit:cover;display:block}
  .ib65-service-card h3{margin:0 0 8px;font-size:22px;color:#fff}
  .ib65-service-card p{margin:0 0 14px;font-size:13px;min-height:54px}
  .ib65-service-card a{color:#d5c1ff;text-decoration:none;font-weight:700}
  .ib65-workflow .ib65-workflow-head{align-items:center}
  .ib65-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .ib65-steps-grid article{background:linear-gradient(180deg,#13193b,#0f1430);border:1px solid #2a3159;border-radius:20px;padding:22px 18px;box-shadow:0 14px 28px rgba(0,0,0,.18)}
  .ib65-steps-grid span{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#9d64ff,#703ff1);font-weight:800;margin-bottom:16px}
  .ib65-steps-grid h3{margin:0 0 8px;font-size:20px;color:#fff}
  .ib65-steps-grid p{margin:0;font-size:13px}
  .ib65-faq-cta{display:grid;grid-template-columns:1.18fr .82fr;gap:18px;align-items:start}
  .ib65-faq-card{padding:28px 30px;display:grid;grid-template-columns:.7fr 1.3fr;gap:24px}
  .ib65-faq-list details{background:#0f1432;border:1px solid #262d57;border-radius:14px;padding:14px 16px;margin-bottom:10px}
  .ib65-faq-list summary{list-style:none;cursor:pointer;font-weight:700;color:#fff;font-size:14px}
  .ib65-faq-list summary::-webkit-details-marker{display:none}
  .ib65-faq-list p{margin:10px 0 0;font-size:13px;line-height:1.9}
  .ib65-final-cta{padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
  .ib65-final-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
  .ib65-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px}
  .ib65-btn.primary{background:linear-gradient(90deg,#9c64ff,#763def);color:#fff;border:1px solid #9d78ff;box-shadow:0 12px 24px rgba(118,61,239,.24)}
  .ib65-btn.secondary{background:transparent;color:#e6dbff;border:1px solid #4b5387}
}
@media(min-width:901px) and (max-width:1180px){
  .ib65-service-grid, .ib65-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ib65-faq-cta{grid-template-columns:1fr}
}

@media(min-width:901px){
  .ib64-cta-banner{position:relative}
  .ib65-banner-hotspot{position:absolute;top:64%;height:19%;display:block;border-radius:10px;z-index:2;cursor:pointer}
  .ib65-banner-register{left:76%;width:22%}
  .ib65-banner-more{left:59%;width:16%}
  .ib65-banner-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px;background:rgba(255,255,255,.08)}
  .ib65-benefits-visual{display:flex;align-items:center;justify-content:center}
  .ib65-benefits-visual img{max-width:430px}
}
@media(min-width:901px) and (max-width:1180px){
  .ib65-service-card:last-child{grid-column:1/-1;width:min(100%,520px);justify-self:center}
}

/* Desktop-only integration with legacy homepage sections/footer */
@media(min-width:901px){
  body.home-page.v4-page main.v4-home-main{display:none!important;}
  body.home-page.v4-page .site-footer{
    position:relative!important;
    background:#080d27!important;
    background-image:none!important;
    border-top:1px solid rgba(128,114,208,.2)!important;
    color:#e9eaff!important;
    padding:56px 0 22px!important;
    margin:0!important;
    min-height:0!important;
  }
  body.home-page.v4-page .site-footer::before{content:none!important;display:none!important;}
  body.home-page.v4-page .site-footer .footer-column h3, body.home-page.v4-page .site-footer .footer-newsletter h3{color:#fff!important;}
  body.home-page.v4-page .site-footer .footer-brand p, body.home-page.v4-page .site-footer .footer-column a, body.home-page.v4-page .site-footer .footer-newsletter p, body.home-page.v4-page .site-footer .footer-bottom{color:#b0b6d6!important;}
  body.home-page.v4-page .site-footer .newsletter-input, body.home-page.v4-page .site-footer input{background:#111936!important;color:#fff!important;border-color:#303759!important;}
  body.home-page.v4-page .platform-rights-notice{
    background:#070c23!important;
    border-color:#272c4e!important;
    color:#bdc4df!important;
  }
  body.home-page.v4-page .platform-rights-notice__inner{
    background:#101633!important;
    border-color:#2f3359!important;
    box-shadow:none!important;
  }
  body.home-page.v4-page .platform-rights-notice__icon{
    color:#b598ff!important;
    background:#231d50!important;
    border-color:#4a3b80!important;
  }
}
@media(min-width:901px){
  html[data-theme] body.home-page.v4-page > .site-footer{
    background:#080d27!important;
    background-image:none!important;
    color:#e9eaff!important;
    border-top-color:#252a51!important;
  }
  html[data-theme] body.home-page.v4-page .site-footer :is(.footer-column h3,.footer-newsletter h3){color:#fff!important;}
  html[data-theme] body.home-page.v4-page .site-footer :is(.footer-brand p,.footer-column a,.footer-newsletter p,.footer-bottom){color:#b0b6d6!important;}
  html[data-theme] body.home-page.v4-page .site-footer .newsletter-input{background:#111936!important;border-color:#333a64!important;}
  html[data-theme] body.home-page.v4-page .site-footer .newsletter-input input{background:transparent!important;color:#fff!important;}
  html[data-theme] body.home-page.v4-page .site-footer .logo-light{display:block!important;filter:brightness(0) invert(1)!important;}
  
}


/* SOURCE css/ib67-desktop-header-clearance.css */
/* iBlogger v67 — Desktop header and hero clearance. Mobile remains unchanged. */
@media (min-width:901px) {
  body.home-page.v4-page .site-header.service-header{
    top:10px!important;
  }
  body.home-page.v4-page .site-header.service-header .header-inner{
    min-height:54px!important;
    padding:5px 14px!important;
    border-radius:18px!important;
    background:rgba(8,12,34,.91)!important;
    background-color:rgba(8,12,34,.91)!important;
    border:1px solid rgba(171,138,255,.17)!important;
    box-shadow:0 9px 25px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(12px) saturate(120%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(120%)!important;
  }
  body.home-page.v4-page .site-header.service-header .desktop-nav .nav-link, body.home-page.v4-page .site-header.service-header .desktop-nav .nav-dropdown-trigger{
    min-height:36px!important;
    padding:6px 8px!important;
  }
  body.home-page.v4-page .site-header.service-header .site-logo-image{
    height:30px!important;
    max-width:120px!important;
  }
  body.home-page.v4-page .site-header.service-header .service-account .button, body.home-page.v4-page .site-header.service-header .unified-auth-button{
    min-height:36px!important;
    padding:6px 12px!important;
  }
  body.home-page.v4-page .site-header.service-header .icon-button{
    width:36px!important;
    height:36px!important;
  }
  /* Top of the hero now sits clearly BELOW the fixed header. */
  body.home-page.v4-page .ib63-showcase{
    margin-top:0!important;
    padding-top:116px!important;
  }
  body.home-page.v4-page .ib63-hero{
    padding-top:0!important;
  }
  /* Make sure the top of the original portrait remains fully visible. */
  body.home-page.v4-page .ib63-portrait>img{
    object-position:center top!important;
  }
}


/* SOURCE css/ib68-header-fixed.css */
/* iBlogger v68 — keep the homepage header pinned to the viewport while scrolling.
   The mobile homepage had several legacy rules setting the header to position:absolute.
   This final override keeps its existing dimensions and styling but fixes its position. */
html body.home-page.v4-page #siteHeader.site-header.service-header, html body.home-page.v4-page #siteHeader.site-header.service-header.is-scrolled{
  position: fixed !important;
  transform: none !important;
  translate: none !important;
  opacity: 1 !important;
  animation: none !important;
  z-index: 1000 !important;
}

@media (max-width: 620px) {
  html body.home-page.v4-page #siteHeader.site-header.service-header, html body.home-page.v4-page #siteHeader.site-header.service-header.is-scrolled{
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    inset-block-start: 0 !important;
    inset-block-end: auto !important;
    inset-inline: 0 !important;
    width: 100% !important;
  }
}


/* SOURCE css/ib69-brand-cta-quality.css */
/* iBlogger v69: crisp native brand strip and CTA banner; desktop-only */
.ib69-brand-strip, .ib69-cta-banner{display:none}
@media(min-width:901px){
  .ib69-brand-strip{
    display:grid!important;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:24px;
    min-height:126px;margin:22px 0 18px!important;padding:22px 24px!important;
    border-radius:20px!important;border:1px solid rgba(116,105,201,.32)!important;
    background:radial-gradient(ellipse at 12% 50%,rgba(103,63,201,.15),transparent 44%),linear-gradient(115deg,#0d1434 0%,#101738 52%,#11183b 100%)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)!important;overflow:hidden;position:relative;
  }
  .ib69-brand-strip::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(154,118,255,.045),transparent 76%)}
  .ib69-brand-heading{position:relative;z-index:1;min-width:0}
  .ib69-eyebrow{display:inline-flex;align-items:center;border:1px solid rgba(160,126,255,.25);background:rgba(126,88,228,.10);color:#cbb8ff;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700;margin-bottom:9px}
  .ib69-brand-heading-main{display:flex;align-items:center;gap:12px}
  .ib69-trust-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;color:#c6a5ff;background:linear-gradient(145deg,#2a2257,#171b43);border:1px solid #55438b;border-radius:14px;box-shadow:0 0 20px rgba(131,85,255,.13)}
  .ib69-trust-icon svg{width:26px;height:26px}
  .ib69-brand-heading h2{margin:0;color:#f7f6ff;font-size:17px;line-height:1.65;font-weight:850;letter-spacing:-.2px}
  .ib69-brand-heading p{margin:3px 0 0;color:#aeb7d7;font-size:11px;line-height:1.8}
  .ib69-brand-carousel{min-width:0;display:flex;align-items:center;gap:13px;direction:ltr;position:relative;z-index:1}
  .ib69-brand-controls{display:flex;flex-direction:row;gap:8px;flex:0 0 auto}
  .ib69-brand-controls button{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;padding:0;border:1px solid #303963;background:linear-gradient(145deg,#171f49,#0d1430);color:#d6c7ff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease;box-shadow:0 5px 14px rgba(0,0,0,.16)}
  .ib69-brand-controls button:hover{transform:translateY(-1px);border-color:#8866ed;background:#211b4e}
  .ib69-brand-controls button:focus-visible{outline:2px solid #c6a6ff;outline-offset:3px}
  .ib69-brand-controls svg{width:17px;height:17px}
  .ib69-brand-viewport{min-width:0;flex:1;overflow:hidden;direction:ltr;padding:4px 1px}
  .ib69-brand-track{display:flex;align-items:center;gap:11px;min-width:0;direction:ltr}
  .ib69-brand-logo{height:66px;min-width:0;flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 4px;border-radius:10px;border:1px solid transparent;background:transparent;color:#f3f4ff;white-space:nowrap;transition:border-color .2s ease,background .2s ease,transform .2s ease;animation:ib69-brand-enter .28s ease both}
  .ib69-brand-logo:hover{border-color:rgba(164,129,255,.24);background:rgba(87,70,158,.10);transform:translateY(-2px)}
  .ib69-logo-symbol{width:auto;height:auto;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:0;background:transparent;border:0;color:#c8adff;font-size:23px;font-weight:900;line-height:1}
  .ib69-logo-name{font-size:15px;font-weight:850;letter-spacing:-.35px;color:#f0efff}
  .ib69-logo-m .ib69-logo-symbol{background:linear-gradient(135deg,#c5a7ff,#8051f2);background-clip:text;color:transparent;font-size:29px}.ib69-logo-m .ib69-logo-name{display:none}
  .ib69-logo-zarin .ib69-logo-symbol{color:#ffc979}
  .ib69-logo-namava .ib69-logo-symbol{color:#f6a6ca}
  .ib69-logo-tapsi .ib69-logo-symbol{color:#b8a1ff;font-size:28px}
  .ib69-logo-snapp .ib69-logo-symbol{color:#9ee6be}
  .ib69-logo-digikala .ib69-logo-symbol{color:#ff9aab}
  @keyframes ib69-brand-enter{from{opacity:.55;transform:translateX(10px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}
  .ib69-brand-logo.ib69-brand-enter-next{animation:ib69-brand-enter-next .28s ease both}
  .ib69-brand-logo.ib69-brand-enter-prev{animation:ib69-brand-enter-prev .28s ease both}
  @keyframes ib69-brand-enter-next{from{opacity:.35;transform:translateX(14px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}
  @keyframes ib69-brand-enter-prev{from{opacity:.35;transform:translateX(-14px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}

  .ib69-cta-banner{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;
    min-height:270px;margin:18px 0 28px!important;padding:27px 34px!important;position:relative;isolation:isolate;overflow:hidden;
    border-radius:22px!important;border:1px solid rgba(111,97,205,.35)!important;
    background:radial-gradient(ellipse at 18% 52%,rgba(116,63,221,.29),transparent 38%),radial-gradient(ellipse at 73% 8%,rgba(63,49,139,.20),transparent 35%),linear-gradient(112deg,#0d1436 0%,#101639 48%,#0c1230 100%)!important;
    box-shadow:0 20px 44px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)!important;
  }
  .ib69-cta-banner::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.34;background-image:radial-gradient(circle at 10% 20%,#a77bff 0 1px,transparent 2px),radial-gradient(circle at 33% 72%,#9169ff 0 1px,transparent 2px),radial-gradient(circle at 53% 24%,#bca1ff 0 1px,transparent 2px),radial-gradient(circle at 85% 80%,#8a66ff 0 1px,transparent 2px);background-size:130px 100px,170px 140px,210px 160px,160px 120px;pointer-events:none}
  .ib69-cta-copy{grid-column:1;grid-row:1;position:relative;z-index:2;max-width:520px}
  .ib69-cta-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(154,120,255,.35);background:rgba(91,64,165,.18);color:#d8c7ff;font-size:11px;font-weight:750}
  .ib69-cta-badge span{color:#d6b7ff;font-size:15px}
  .ib69-cta-copy h2{margin:13px 0 8px;font-size:31px;line-height:1.48;font-weight:900;letter-spacing:-.6px;color:#fff}
  .ib69-cta-copy h2 em{font-style:normal;color:#c09aff;text-shadow:0 0 22px rgba(157,101,255,.18)}
  .ib69-cta-copy p{max-width:510px;margin:0;color:#b7bfdc;font-size:13px;line-height:2.05}
  .ib69-cta-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:18px}
  .ib69-cta-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .ib69-cta-primary{background:linear-gradient(100deg,#9b68ff,#7440ef);color:#fff;border:1px solid #a17cff;box-shadow:0 10px 24px rgba(118,65,230,.25)}
  .ib69-cta-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(118,65,230,.34)}
  .ib69-cta-primary span{font-size:17px}
  .ib69-cta-secondary{color:#e0d6ff;background:rgba(10,15,39,.35);border:1px solid #514c89}
  .ib69-cta-secondary:hover{border-color:#9b7cff;transform:translateY(-2px)}
  .ib69-cta-art{grid-column:2;grid-row:1;position:relative;height:224px;min-width:0;direction:ltr}
  .ib69-cta-art::before{content:"";position:absolute;width:300px;height:210px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(123,73,255,.18);filter:blur(30px)}
  .ib69-cta-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(168,129,255,.38);border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg)}
  .ib69-orbit-one{width:390px;height:140px}.ib69-orbit-two{width:320px;height:190px;transform:translate(-50%,-50%) rotate(25deg);border-color:rgba(114,98,234,.24)}
  .ib69-creator-card{position:absolute;top:50%;width:136px;height:180px;padding:6px;border-radius:18px;border:1px solid rgba(183,150,255,.76);background:linear-gradient(145deg,rgba(176,137,255,.55),rgba(26,26,72,.88));box-shadow:0 16px 28px rgba(0,0,0,.38),0 0 25px rgba(124,75,255,.18);overflow:hidden}
  .ib69-creator-card img{width:100%;height:100%;display:block;object-fit:cover;border-radius:12px}
  .ib69-creator-left{left:calc(50% - 150px);transform:translate(-50%,-50%) rotate(-12deg);opacity:.8;scale:.9}
  .ib69-creator-right{left:calc(50% + 150px);transform:translate(-50%,-50%) rotate(12deg);opacity:.78;scale:.9}
  .ib69-creator-main{left:50%;width:150px;height:200px;transform:translate(-50%,-50%) rotate(-3deg);z-index:2;border-width:2px;box-shadow:0 22px 38px rgba(0,0,0,.42),0 0 30px rgba(133,82,255,.28)}
  .ib69-creator-count{position:absolute;left:calc(50% - 128px);top:50%;transform:translateY(-30%);z-index:3;padding:13px 15px;border-radius:13px;background:linear-gradient(145deg,#36266e,#191b4d);border:1px solid #8f6af0;box-shadow:0 10px 24px rgba(0,0,0,.35),0 0 20px rgba(139,86,255,.28);display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff}
  .ib69-creator-count strong{font-size:21px;line-height:1.2;font-weight:900}.ib69-creator-count span{font-size:10px;color:#d6caff;white-space:nowrap}
}
@media(min-width:901px) and (max-width:1180px){
  .ib69-brand-strip{grid-template-columns:245px minmax(0,1fr);gap:15px;padding:18px!important}
  .ib69-brand-heading h2{font-size:15px}
  .ib69-brand-logo{gap:4px;padding:5px 2px}.ib69-logo-name{font-size:11.5px}.ib69-logo-symbol{font-size:18px}
  .ib69-brand-track{gap:7px}
  .ib69-cta-banner{padding:24px!important;gap:10px}
  .ib69-cta-copy h2{font-size:27px}
  .ib69-creator-card{width:112px;height:158px}.ib69-creator-main{width:130px;height:178px}
}


/* SOURCE css/ib71-brand-cta-reference.css */
/* iBlogger v71 — closer desktop reconstruction of the supplied brand-strip and CTA reference.
   The sections remain real HTML/CSS; mobile markup is intentionally unchanged. */
.ib71-brand-strip, .ib71-cta-art{isolation:isolate}
@media (min-width:901px){
  .ib69-brand-strip.ib71-brand-strip{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:330px minmax(0,1fr)!important;
    align-items:center!important;
    gap:22px!important;
    min-height:140px!important;
    margin:22px 0 24px!important;
    padding:17px 22px!important;
    border-radius:24px!important;
    border:1px solid #263a76!important;
    background:linear-gradient(105deg,#08132e 0%,#0a1533 55%,#0a1430 100%)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)!important;
    overflow:hidden!important;
  }
  .ib71-brand-strip::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(76,82,180,.035),transparent 45%,rgba(73,55,149,.05));}
  .ib71-brand-strip .ib69-brand-heading{position:relative;z-index:2;min-width:0;}
  .ib71-brand-strip .ib69-brand-heading-main{display:flex;align-items:center;gap:12px;}
  .ib71-brand-strip .ib69-trust-icon{
    width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;
    color:#a77aff;background:transparent;border:0;box-shadow:0 0 17px rgba(125,75,255,.22);
  }
  .ib71-brand-strip .ib69-trust-icon svg{width:30px;height:30px;filter:drop-shadow(0 0 5px rgba(132,83,255,.35));}
  .ib71-brand-strip .ib69-brand-heading h2{font-size:17.5px;line-height:1.5;letter-spacing:-.25px;white-space:nowrap;margin:0;color:#f7f7ff;font-weight:850;}
  .ib71-brand-strip .ib69-brand-heading p{font-size:12px;line-height:1.65;white-space:nowrap;margin:5px 0 0;color:#aebbd9;}
  .ib71-brand-strip .ib69-brand-carousel{display:flex;align-items:center;gap:12px;min-width:0;direction:ltr;}
  .ib71-brand-strip .ib69-brand-controls{display:flex;flex:0 0 auto;flex-direction:row;gap:8px;}
  .ib71-brand-strip .ib69-brand-controls button{
    width:34px;height:34px;flex:0 0 34px;border-radius:50%;padding:0;display:grid;place-items:center;
    background:#101f4c;border:1px solid #243b7b;color:#dfe4ff;box-shadow:none;transition:background .18s,border-color .18s,transform .18s;
  }
  .ib71-brand-strip .ib69-brand-controls button:hover{background:#1a2d65;border-color:#8b63ff;transform:translateY(-1px);}
  .ib71-brand-strip .ib69-brand-controls svg{width:17px;height:17px;}
  .ib71-brand-strip .ib69-brand-viewport{min-width:0;flex:1;overflow:hidden;padding:4px 1px;direction:ltr;}
  .ib71-brand-strip .ib69-brand-track{display:flex;align-items:center;gap:8px;min-width:0;direction:ltr;}
  .ib71-brand-strip .ib69-brand-logo{
    box-sizing:border-box;height:62px;min-width:0;flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:5px;
    padding:4px 2px;border:1px solid transparent;border-radius:8px;background:transparent;white-space:nowrap;
    color:#f4f3ff;transition:background .18s,border-color .18s;animation:ib69-brand-enter .28s ease both;
  }
  .ib71-brand-strip .ib69-brand-logo:hover{background:rgba(94,82,171,.09);border-color:rgba(146,124,255,.15);}
  .ib71-brand-strip .ib69-logo-symbol{display:none;width:auto;height:auto;flex:0 0 auto;background:transparent;border:0;color:#c7b7ff;font-size:22px;font-weight:900;line-height:1;}
  .ib71-brand-strip .ib69-logo-name{font-size:21px;line-height:1.2;font-weight:850;letter-spacing:-.45px;color:#e7e6ff;}
  .ib71-brand-strip .ib69-logo-digikala .ib69-logo-name{font-size:22px;font-weight:750;letter-spacing:-.8px;color:#dcdcff;}
  .ib71-brand-strip .ib69-logo-snapp .ib69-logo-name{font-size:21px;font-style:italic;font-weight:900;letter-spacing:-.6px;color:#f4eaff;}
  .ib71-brand-strip .ib69-logo-tapsi .ib69-logo-symbol{display:inline-block;font-size:25px;line-height:.7;color:#d5d1ff;font-weight:900;transform:scaleX(1.1);}
  .ib71-brand-strip .ib69-logo-tapsi .ib69-logo-name{font-size:19px;color:#d9d5ff;}
  .ib71-brand-strip .ib69-logo-namava .ib69-logo-name{font-size:22px;letter-spacing:.1px;color:#e1dcff;}
  .ib71-brand-strip .ib69-logo-zarin .ib69-logo-symbol{display:inline-block;font-size:24px;color:#dcd6ff;transform:rotate(0deg);}
  .ib71-brand-strip .ib69-logo-zarin .ib69-logo-name{font-size:17px;color:#d9d5ff;}
  .ib71-brand-strip .ib69-logo-m .ib69-logo-symbol{display:inline-block;font-size:30px;letter-spacing:-2px;color:#e2d8ff;background:linear-gradient(135deg,#f2e8ff,#9f83ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
  .ib71-brand-strip .ib69-logo-m .ib69-logo-name{display:none;}

  .ib69-cta-banner.ib69-cta-banner{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
    align-items:center!important;gap:28px!important;
    min-height:350px!important;margin:16px 0 28px!important;padding:22px 30px!important;
    position:relative!important;isolation:isolate!important;overflow:hidden!important;
    border-radius:28px!important;border:1px solid rgba(92,78,202,.5)!important;
    background:radial-gradient(ellipse at 22% 56%,rgba(103,42,245,.43),transparent 39%),radial-gradient(ellipse at 7% 10%,rgba(83,63,194,.22),transparent 31%),linear-gradient(112deg,#0b1230 0%,#0b1433 52%,#08122c 100%)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035)!important;
  }
  .ib69-cta-banner::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.42;pointer-events:none;background-image:radial-gradient(circle at 8% 23%,#9d67ff 0 1px,transparent 2px),radial-gradient(circle at 35% 72%,#9169ff 0 1px,transparent 2px),radial-gradient(circle at 57% 26%,#bca1ff 0 1px,transparent 2px),radial-gradient(circle at 85% 80%,#8a66ff 0 1px,transparent 2px);background-size:130px 100px,170px 140px,210px 160px,160px 120px;}
  .ib69-cta-banner::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(45,28,114,.18),transparent 52%);}
  .ib69-cta-banner .ib69-cta-copy{grid-column:1;grid-row:1;position:relative;z-index:5;max-width:100%;min-width:0;}
  .ib69-cta-banner .ib69-cta-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid rgba(117,73,255,.52);background:rgba(61,37,140,.28);color:#ded2ff;font-size:11px;font-weight:800;white-space:nowrap;}
  .ib69-cta-banner .ib69-cta-badge span{color:#d9bdff;font-size:15px;}
  .ib69-cta-banner .ib69-cta-copy h2{margin:15px 0 14px;font-size:36px;line-height:1.42;font-weight:900;letter-spacing:-.55px;color:#fff;}
  .ib69-cta-banner .ib69-cta-copy h2 em{font-style:normal;color:#c19aff;text-shadow:0 0 20px rgba(157,101,255,.19);}
  .ib69-cta-banner .ib69-cta-copy p{max-width:100%;margin:0;color:#bac3df;font-size:13px;line-height:2.1;}
  .ib69-cta-banner .ib69-cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-top:28px;}
  .ib69-cta-banner .ib69-cta-actions a{min-height:60px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 24px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:850;white-space:nowrap;transition:transform .18s,box-shadow .18s,border-color .18s;}
  .ib69-cta-banner .ib69-cta-primary{background:linear-gradient(100deg,#9c67ff,#743cff);color:#fff;border:1px solid #a17cff;box-shadow:0 10px 24px rgba(118,65,230,.28);}
  .ib69-cta-banner .ib69-cta-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(118,65,230,.36);}
  .ib69-cta-banner .ib69-cta-primary span{font-size:17px;}
  .ib69-cta-banner .ib69-cta-secondary{color:#e2d9ff;background:rgba(7,13,35,.45);border:1px solid #514c89;}
  .ib69-cta-banner .ib69-cta-secondary:hover{border-color:#9b7cff;transform:translateY(-2px);}
  .ib69-cta-banner .ib71-cta-art{grid-column:2;grid-row:1;position:relative;height:294px;min-width:0;width:100%;direction:ltr;}
  .ib69-cta-banner .ib71-cta-art::before{content:"";position:absolute;width:82%;height:75%;left:48%;top:52%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(100,53,246,.26);filter:blur(32px);}
  .ib69-cta-banner .ib71-cta-art .ib69-cta-orbit{position:absolute;left:48%;top:50%;border:1px solid rgba(150,110,255,.33);border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg);}
  .ib69-cta-banner .ib71-cta-art .ib69-orbit-one{width:92%;height:58%;}
  .ib69-cta-banner .ib71-cta-art .ib69-orbit-two{width:75%;height:82%;transform:translate(-50%,-50%) rotate(25deg);border-color:rgba(114,98,234,.22);}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-card{box-sizing:border-box;position:absolute;top:50%;width:184px;height:244px;padding:5px;border-radius:19px;border:1px solid rgba(183,150,255,.78);background:linear-gradient(145deg,rgba(176,137,255,.65),rgba(26,26,72,.92));box-shadow:0 16px 28px rgba(0,0,0,.38),0 0 24px rgba(124,75,255,.25);overflow:hidden;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:13px;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-left{left:calc(50% - 183px);transform:translate(-50%,-50%) rotate(-12deg);opacity:.98;z-index:2;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-right{left:calc(50% + 173px);transform:translate(-50%,-50%) rotate(11deg);opacity:.98;z-index:2;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-main{left:48%;width:226px;height:292px;transform:translate(-50%,-50%) rotate(-4deg);z-index:4;border-width:2px;box-shadow:0 20px 36px rgba(0,0,0,.42),0 0 28px rgba(133,82,255,.4);}
  .ib69-cta-banner .ib71-cta-art .ib71-creator-back-left{left:calc(50% - 270px);width:116px;height:174px;transform:translate(-50%,-50%) rotate(-17deg);opacity:.34;z-index:0;filter:blur(1.2px);}
  .ib69-cta-banner .ib71-cta-art .ib71-creator-back-right{left:calc(50% + 270px);width:116px;height:174px;transform:translate(-50%,-50%) rotate(13deg);opacity:.56;z-index:0;filter:blur(.5px);}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-count{position:absolute;left:calc(48% - 202px);top:40%;transform:translateY(-35%);z-index:6;min-width:154px;min-height:124px;padding:18px 20px;border-radius:15px;background:linear-gradient(145deg,#30216e,#15183f);border:1px solid #936bff;box-shadow:0 10px 24px rgba(0,0,0,.38),0 0 24px rgba(139,86,255,.36);display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-count strong{font-size:29px;line-height:1.2;font-weight:900;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-count span{font-size:12px;color:#ddd1ff;white-space:nowrap;}
}
@media (min-width:901px) and (max-width:1180px){
  .ib69-brand-strip.ib71-brand-strip{grid-template-columns:260px minmax(0,1fr)!important;gap:12px!important;padding:15px 16px!important;min-height:126px!important;}
  .ib71-brand-strip .ib69-brand-heading h2{font-size:14px;}
  .ib71-brand-strip .ib69-brand-heading p{font-size:9px;}
  .ib71-brand-strip .ib69-brand-logo{height:52px;}
  .ib71-brand-strip .ib69-logo-name{font-size:13px;}
  .ib71-brand-strip .ib69-logo-digikala .ib69-logo-name{font-size:14px;}
  .ib71-brand-strip .ib69-logo-snapp .ib69-logo-name{font-size:14px;}
  .ib71-brand-strip .ib69-logo-namava .ib69-logo-name{font-size:15px;}
  .ib71-brand-strip .ib69-logo-tapsi .ib69-logo-name{font-size:13px;}
  .ib71-brand-strip .ib69-logo-zarin .ib69-logo-name{font-size:12px;}
  .ib69-cta-banner.ib69-cta-banner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:14px!important;min-height:312px!important;padding:20px!important;}
  .ib69-cta-banner .ib69-cta-copy h2{font-size:28px;margin:12px 0 10px;}
  .ib69-cta-banner .ib69-cta-copy p{font-size:11.5px;line-height:1.95;}
  .ib69-cta-banner .ib69-cta-actions{gap:7px;}
  .ib69-cta-banner .ib69-cta-actions a{min-height:50px;padding:0 12px;font-size:11.5px;}
  .ib69-cta-banner .ib71-cta-art{height:260px;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-card{width:150px;height:202px;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-main{width:190px;height:248px;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-left{left:calc(50% - 146px);}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-right{left:calc(50% + 145px);}
  .ib69-cta-banner .ib71-cta-art .ib71-creator-back-left{left:calc(50% - 216px);width:95px;height:146px;}
  .ib69-cta-banner .ib71-cta-art .ib71-creator-back-right{left:calc(50% + 216px);width:95px;height:146px;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-count{left:calc(48% - 158px);min-width:118px;min-height:98px;padding:12px 13px;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-count strong{font-size:23px;}
}
@media (min-width:901px){
  .ib69-cta-banner .ib69-cta-primary span{width:29px;height:29px;flex:0 0 29px;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.95);border-radius:50%;font-size:15px;line-height:1;}
  .ib69-cta-banner .ib69-cta-copy p{max-width:100%;}
}

@media (min-width:901px){
  .ib69-cta-banner .ib69-cta-copy h2{font-size:36px;line-height:1.42;margin:15px 0 14px;}
  .ib69-cta-banner .ib69-cta-copy p{font-size:13px;line-height:2.1;}
  .ib69-cta-banner .ib69-cta-actions{margin-top:28px;}
}
@media (min-width:901px){
  .ib69-cta-banner .ib69-cta-copy{transform:translateY(-10px);}
  .ib69-cta-banner .ib71-cta-art{transform:translateY(-16px);}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-main{width:232px;height:300px;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-count{top:42%;}
}
@media (min-width:901px) and (max-width:1180px){
  .ib69-cta-banner .ib69-cta-copy{transform:translateY(-4px);}
  .ib69-cta-banner .ib71-cta-art{transform:translateY(-10px);}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-main{width:190px;height:248px;}
  .ib69-cta-banner .ib71-cta-art .ib69-creator-count{top:42%;}
}

@media (min-width:901px){.ib69-cta-banner .ib71-cta-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 17px}.ib69-cta-banner .ib71-cta-badge-icon svg{display:block;width:17px;height:17px;color:#d9bdff}}


/* SOURCE css/ib80-brand-autoplay.css */
/* iBlogger v80: calm, automatic brand rotation */
@media (min-width:901px){
  .ib71-brand-strip .ib69-brand-logo.ib69-brand-enter-next, .ib71-brand-strip .ib69-brand-logo.ib69-brand-enter-prev{animation-duration:.68s!important;}
}
@media (prefers-reduced-motion:reduce){
  .ib71-brand-strip .ib69-brand-logo.ib69-brand-enter-next, .ib71-brand-strip .ib69-brand-logo.ib69-brand-enter-prev{animation:none!important;}
}


/* SOURCE css/ib73-header-layout-fix.css */
/* iBlogger v73 — prevent the shared header from overflowing horizontally.
   Keep the fixed-on-scroll behaviour; collapse the full nav before it can collide. */
html body.v4-page .site-header.service-header, html body.v4-page .site-header.service-header.is-scrolled{
  box-sizing: border-box !important;
  inset-inline: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin-inline: 0 !important;
  overflow: visible !important;
}
html body.v4-page #siteHeader .header-inner{
  box-sizing: border-box !important;
  width: min(1560px, calc(100% - 32px)) !important;
  max-width: 1560px !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  gap: clamp(5px, .65vw, 10px) !important;
}
html body.v4-page #siteHeader .brand, html body.v4-page #siteHeader .site-logo{
  box-sizing: border-box !important;
  flex: 0 1 122px !important;
  min-width: 0 !important;
  max-width: 122px !important;
}
html body.v4-page #siteHeader .site-logo-image{
  display: block !important;
  width: 100% !important;
  max-width: 122px !important;
  height: 30px !important;
  object-fit: contain !important;
}
/* The supplied light-logo file is dark-colored; invert it for the dark header. */
html body.v4-page #siteHeader .site-logo-image.logo-light{
  display: block !important;
  filter: brightness(0) invert(1) !important;
}

html body.v4-page #siteHeader .service-account, html body.v4-page #siteHeader .favorites-trigger, html body.v4-page #siteHeader .menu-toggle{
  flex: 0 0 auto !important;
  min-width: 0 !important;
}
html body.v4-page #siteHeader .desktop-nav{
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  justify-content: space-between !important;
  gap: 0 !important;
  white-space: nowrap !important;
}
html body.v4-page #siteHeader .desktop-nav .nav-link, html body.v4-page #siteHeader .desktop-nav .nav-dropdown-trigger{
  box-sizing: border-box !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  white-space: nowrap !important;
  font-size: clamp(10px, .78vw, 12px) !important;
  padding-inline: clamp(3px, .38vw, 7px) !important;
}
html body.v4-page #siteHeader .service-account .button, html body.v4-page #siteHeader .unified-auth-button{
  white-space: nowrap !important;
  padding-inline: 11px !important;
  font-size: 11px !important;
}
html body.v4-page #siteHeader .icon-button{
  box-sizing: border-box !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
}
html body.v4-page #siteHeader .icon-button svg{ width: 17px !important; height: 17px !important; }

/* At compact laptop/tablet widths, use the existing functional mobile drawer instead of
   forcing every navigation label into an insufficient horizontal space. */
@media (min-width: 769px) and (max-width: 1280px) {
  html body.v4-page #siteHeader .header-inner{
    width: calc(100% - 28px) !important;
    gap: 10px !important;
    padding-inline: 12px !important;
  }
  html body.v4-page #siteHeader .desktop-nav{ display: none !important; }
  html body.v4-page #siteHeader .menu-toggle{ display: inline-grid !important; }
  html body.v4-page #siteHeader .brand, html body.v4-page #siteHeader .site-logo{ flex-basis: 122px !important; max-width: 122px !important; }
  html body.v4-page #siteHeader .icon-button{ width: 36px !important; height: 36px !important; flex-basis: 36px !important; }
}

/* Compact but balanced mobile header; no element can push past the viewport. */
@media (max-width: 768px) {
  html body.v4-page #siteHeader .header-inner{
    width: calc(100% - 16px) !important;
    padding: 4px 8px !important;
    gap: 6px !important;
  }
  html body.v4-page #siteHeader .brand, html body.v4-page #siteHeader .site-logo{
    flex: 0 1 122px !important;
    width: 122px !important;
    max-width: 122px !important;
  }
  html body.v4-page #siteHeader .site-logo-image{
    width: 100% !important;
    max-width: 122px !important;
    height: 29px !important;
  }
  html body.v4-page #siteHeader .service-account{ display: none !important; }
  html body.v4-page #siteHeader .favorites-trigger, html body.v4-page #siteHeader .menu-toggle{
    display: inline-grid !important;
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }
}


/* SOURCE css/ib74-header-fixed-hardfix.css */
/* iBlogger v74 — hard override for the homepage header.
   Several legacy mobile rules set the header to position:absolute; this file is loaded last. */
html body.home-page.v4-page #siteHeader.site-header.service-header, html body.home-page.v4-page #siteHeader.site-header.service-header.is-scrolled{
  position: fixed !important;
  inset-block-start: 10px !important;
  inset-block-end: auto !important;
  inset-inline: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2000 !important;
}

/* Fixed elements must remain viewport-relative even if an older theme adds effects. */
html, body.home-page.v4-page{
  transform: none !important;
  filter: none !important;
  perspective: none !important;
  contain: none !important;
}

@media (min-width: 621px) and (max-width: 900px) {
  html body.home-page.v4-page #siteHeader.site-header.service-header, html body.home-page.v4-page #siteHeader.site-header.service-header.is-scrolled{
    inset-block-start: 9px !important;
  }
}

@media (max-width: 620px) {
  html body.home-page.v4-page #siteHeader.site-header.service-header, html body.home-page.v4-page #siteHeader.site-header.service-header.is-scrolled{
    position: fixed !important;
    inset-block-start: 0 !important;
    inset-block-end: auto !important;
    inset-inline: 0 !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2000 !important;
  }
}


/* SOURCE css/ib76-hero-background-blend.css */
/* iBlogger v76: blend the top edge of the desktop hero artwork into the site background. */
@media (min-width: 901px) {
  body.home-page.v4-page .ib63-showcase{
    background: radial-gradient(ellipse at 48% 18%, #28144d 0%, #0b1032 37%, #050c25 82%) !important;
  }
  body.home-page.v4-page .ib63-portrait{
    isolation: isolate;
  }
  body.home-page.v4-page .ib63-portrait > img{
    /* Fade only the top edge to transparency so the actual page background shows through. */
    -webkit-mask-image:
      linear-gradient(to bottom, transparent 0%, #000 15%, #000 100%),
      linear-gradient(to right, #000 0%, #000 74%, transparent 100%) !important;
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(to bottom, transparent 0%, #000 15%, #000 100%),
      linear-gradient(to right, #000 0%, #000 74%, transparent 100%) !important;
    mask-composite: intersect;
  }
}


/* SOURCE css/ib82-hero-header-gap.css */
/* iBlogger v82 — reduce the desktop hero's top gap without overlapping the fixed header.
   The mobile hero is intentionally untouched. */
@media (min-width: 901px) {
  body.home-page.v4-page .ib63-showcase{
    /* Header bottom is around 74px; 88px leaves a clear 14px safety gap. */
    padding-top: 88px !important;
  }
}


/* SOURCE css/ib81-header-fixed-final.css */
/* iBlogger v81 — final viewport-pinned header rule for all site pages. */
html body #siteHeader.site-header.service-header{
  position: fixed !important;
  inset-block-start: 10px !important;
  inset-block-end: auto !important;
  inset-inline: 0 !important;
  top: 10px !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  z-index: 3000 !important;
  will-change: auto !important;
}
html body #siteHeader.site-header.service-header.is-scrolled{
  position: fixed !important;
  inset-block-start: 10px !important;
  inset-block-end: auto !important;
  top: 10px !important;
  bottom: auto !important;
  transform: none !important;
  translate: none !important;
}
/* The non-v4 moderation page previously kept its header in normal document flow. */
html body.service-page:not(.v4-page){
  padding-top: calc(var(--header-height, 64px) + 14px) !important;
}
@media (max-width: 620px) {
  html body #siteHeader.site-header.service-header, html body #siteHeader.site-header.service-header.is-scrolled{
    inset-block-start: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    translate: none !important;
  }
  html body.service-page:not(.v4-page){
    padding-top: calc(var(--header-height, 58px) + 8px) !important;
  }
}


/* SOURCE css/light-theme-unified-v83.css */

html[data-theme="light"]{
  color-scheme:light;
  --ui-bg:#f5f6fc;
  --ui-bg-2:#eef0f8;
  --ui-surface:#ffffff;
  --ui-surface-2:#fafaff;
  --ui-surface-3:#f0f1f9;
  --ui-ink:#1b1d3a;
  --ui-ink-2:#343656;
  --ui-muted:#6e7592;
  --ui-faint:#9aa1b8;
  --ui-line:rgba(49,53,100,.12);
  --ui-line-strong:rgba(49,53,100,.20);
  --ui-accent:#6f58dc;
  --ui-accent-2:#8d7af1;
  --ui-accent-soft:#f0edff;
  --ui-pink:#d979aa;
  --ui-green:#0e9974;
  --ui-yellow:#bd8500;
  --ui-danger:#c83e61;
  --ui-shadow-sm:0 8px 24px rgba(36,39,83,.06);
  --ui-shadow:0 20px 56px rgba(36,39,83,.09);
  --ui-shadow-lg:0 28px 82px rgba(36,39,83,.13);
}
html[data-theme="light"], html[data-theme="light"] body{background:#f5f6fc!important;color:#1b1d3a!important;color-scheme:light;}
html[data-theme="light"] body{background-image:none!important}
html[data-theme="light"] body :is(h1,h2,h3,h4,h5,h6){color:var(--ui-ink)}
html[data-theme="light"] body :is(p,li,small,label,.muted,.description){color:var(--ui-muted)}
html[data-theme="light"] body :is(a:not(.button):not(.v4-btn):not(.creator-primary):not(.ib63-main-cta):not(.ib63-card-cta)){text-decoration-color:color-mix(in srgb,var(--ui-accent) 40%,transparent)}
html[data-theme="light"] body :is(input,select,textarea){background:#fff!important;color:#202344!important;border-color:#dfe2f0!important;box-shadow:none}
html[data-theme="light"] body :is(input,select,textarea)::placeholder{color:#9299b1!important}
html[data-theme="light"] body :is(input,select,textarea):focus{border-color:#9a8aee!important;box-shadow:0 0 0 4px rgba(111,88,220,.10)!important}
html[data-theme="light"] body :is(option){background:#fff!important;color:#202344!important}

/* Header, menus and global navigation */
html[data-theme="light"] body .site-header, html[data-theme="light"] body .site-header.service-header, html[data-theme="light"] body .site-header.is-scrolled{background:rgba(255,255,255,.92)!important;background-color:rgba(255,255,255,.92)!important;border-color:#e4e6f2!important;box-shadow:0 8px 30px rgba(35,38,83,.08)!important;backdrop-filter:blur(22px) saturate(135%)}
html[data-theme="light"] body .site-header .header-inner{background:rgba(255,255,255,.84)!important;border-color:#e5e7f2!important}
html[data-theme="light"] body .site-header .desktop-nav .nav-link, html[data-theme="light"] body .site-header .nav-dropdown-trigger{color:#373955!important}
html[data-theme="light"] body .site-header .desktop-nav .nav-link:hover, html[data-theme="light"] body .site-header .desktop-nav .nav-link.is-active, html[data-theme="light"] body .site-header .nav-dropdown-trigger:hover{background:#f0edff!important;color:#6f58dc!important}
html[data-theme="light"] body .site-header .icon-button, html[data-theme="light"] body .site-header .menu-toggle{background:#f7f7fd!important;color:#373955!important;border-color:#e3e5f1!important}
html[data-theme="light"] body .site-header .nav-dropdown-menu, html[data-theme="light"] body .site-header .mobile-nav{background:#fff!important;color:#272946!important;border-color:#e4e6f2!important;box-shadow:0 20px 55px rgba(35,38,83,.13)!important}
html[data-theme="light"] body .site-header .nav-dropdown-menu a, html[data-theme="light"] body .site-header .mobile-nav a{color:#414360!important}

/* Common light surfaces for cards, panels, tables, forms, dialogs and notices */
html[data-theme="light"] body :is(.card,.panel,.v4-panel,.v4-split-card,.v4-benefit-card,.v4-principle-card,.v4-service-card,.v4-workflow-shell,.v4-faq-item,.v4-add-shell,.v4-role-panel,.role-panel,.benefit-role-panel,.v4-opportunity-panel,.v4-order-sidebar,.v4-results-panel,.v4-track-panel,.v4-offer-panel,.v4-guarantee-grid,.v4-campaign-card,.service-card,.submission-card,.moderation-tool-card,.request-item,.auth-dialog-card,.profile-dialog,.creator-legal-modal,.service-modal-panel,.service-toast,.notice,.status-box,.info-box){background:linear-gradient(145deg,#fff 0%,#f8f8fe 100%)!important;border-color:#e2e4f1!important;color:#252744!important;box-shadow:0 10px 30px rgba(38,41,88,.06)!important}
html[data-theme="light"] body :is(.v4-panel-head h2,.v4-panel-head h3,.v4-section h2,.v4-section h3,.v4-role-intro h2,.v4-role-intro h3,.benefit-role-panel h2,.benefit-role-panel h3,.service-modal-head h2,.submission-card h2,.submission-card h3){color:#202241!important}
html[data-theme="light"] body :is(.v4-panel-head p,.v4-panel p,.v4-notice p,.v4-info-box span,.service-modal-head p,.submission-card p){color:#6e7592!important}
html[data-theme="light"] body :is(.v4-panel-icon,.v4-status-pill,.v4-section-kicker,.section-kicker,.v4-inner-hero .v4-section-kicker,.creator-hero-kicker){background:#f0edff!important;color:#6f58dc!important;border-color:#ded8fb!important}
html[data-theme="light"] body :is(.v4-segmented,.v4-info-box,.v4-notice,.request-item,.v4-filter-bar,.field-help,.form-hint){background:#f3f4fb!important;border-color:#e2e5f2!important;color:#626985!important}
html[data-theme="light"] body :is(.v4-form input,.v4-form select,.v4-form textarea,.v4-submission-grid input,.v4-submission-grid select,.v4-submission-grid textarea,.v4-filter-bar input,.v4-filter-bar select){background:#fff!important;color:#202344!important;border-color:#dfe2f0!important}
html[data-theme="light"] body :is(.button-primary,.v4-btn-primary,.creator-primary,.shop-profile-action,.v4-form-submit){background:linear-gradient(135deg,#8068e8,#6a50d8)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(111,88,220,.20)!important}
html[data-theme="light"] body :is(.button-secondary,.v4-btn-light,.creator-secondary){background:#fff!important;color:#38365d!important;border-color:#dcdff0!important;box-shadow:0 6px 18px rgba(36,39,83,.06)!important}

/* Homepage: the desktop reference showcase, directory, search and creator cards */
@media(min-width:901px){
 html[data-theme="light"] body.home-page.v4-page{background:#f5f6fc!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-showcase{background:radial-gradient(ellipse at 14% 18%,rgba(163,143,255,.22),transparent 34%),radial-gradient(ellipse at 83% 10%,rgba(169,207,255,.20),transparent 32%),linear-gradient(180deg,#f8f8fe 0%,#eff1fa 100%)!important;color:#1b1d3a!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-glow{opacity:.24}
 html[data-theme="light"] body.home-page.v4-page .ib63-stars{opacity:.12}
 html[data-theme="light"] body.home-page.v4-page .ib63-hero h1{color:#20203f!important;text-shadow:none!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-hero h1 em, html[data-theme="light"] body.home-page.v4-page .ib63-directory h2 em{color:#795ce0!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-hero p{color:#606784!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-eyebrow{background:rgba(255,255,255,.88)!important;color:#6653b8!important;border-color:#e0d9fb!important;box-shadow:0 5px 16px rgba(52,43,105,.06)!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-video-cta{color:#51477e!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-video-cta small{color:#747a98!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-play{color:#7659d8!important;border-color:#a99aef!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-discover{background:linear-gradient(145deg,#fff 0%,#f7f6ff 100%)!important;border-color:#dfd8f8!important;box-shadow:0 18px 42px rgba(39,37,89,.09)!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-tabs{background:#f0eff9!important;border-color:#e2e0f1!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-tabs button{color:#656b87!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-tabs button.is-active{background:linear-gradient(100deg,#9279ee,#7357dd)!important;color:#fff!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-search-row{background:#f2f3fb!important;border-color:#e0e3f1!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-search-row label{background:#fff!important;border-color:#dfe2f0!important;color:#777d98!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-search-text input{background:transparent!important;color:#272a49!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-search-text input::placeholder{color:#9298b0!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-filter select, html[data-theme="light"] body.home-page.v4-page .ib63-search-row select{background:transparent!important;color:#424664!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-search-row select option{background:#fff!important;color:#272a49!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-directory-title h2{color:#20203f!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-directory-title p{color:#727994!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-pills button, html[data-theme="light"] body.home-page.v4-page .ib63-pills a{background:#fff!important;color:#5e6480!important;border-color:#e1e3f1!important;box-shadow:0 4px 12px rgba(38,41,88,.04)!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-pills button.is-on{background:#765bdf!important;color:#fff!important;border-color:#765bdf!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-pills a{color:#6d55cb!important;border-color:#cfc5f4!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-card{background:#fff!important;border-color:#e2e4f2!important;box-shadow:0 12px 30px rgba(37,40,87,.09)!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-photo{background:#eeebf9!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-photo:after{background:linear-gradient(transparent,rgba(28,24,57,.48))!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-name strong{color:#202241!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-name small{color:#8a8fa7!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-kind{color:#777b99!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-stats{background:#f8f8fd!important;border-color:#e4e6f2!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-stats div{border-color:#e4e6f2!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-stats strong{color:#282a49!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-stats small{color:#8187a0!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-rating b{color:#373957!important}
 html[data-theme="light"] body.home-page.v4-page .ib63-card-body>p{color:#727891!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-brand-strip{background:radial-gradient(ellipse at 12% 50%,rgba(135,112,230,.10),transparent 44%),linear-gradient(115deg,#fff 0%,#f7f6ff 52%,#f0f2fc 100%)!important;border-color:#dfd9f5!important;box-shadow:0 14px 34px rgba(38,39,88,.08)!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-eyebrow{background:#f0edff!important;color:#6d55c9!important;border-color:#ded6fb!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-trust-icon{background:linear-gradient(145deg,#f1edff,#e5e0fb)!important;border-color:#d7cff5!important;color:#765bd6!important;box-shadow:none!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-brand-heading h2{color:#272444!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-brand-heading p{color:#747a96!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-brand-controls button{background:linear-gradient(145deg,#fff,#f0effa)!important;border-color:#dddff0!important;color:#6554bb!important;box-shadow:0 4px 12px rgba(38,39,88,.07)!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-brand-logo{color:#4d4c70!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-logo-name{color:#4b4a6d!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-cta-banner{background:radial-gradient(ellipse at 18% 52%,rgba(143,116,235,.17),transparent 38%),radial-gradient(ellipse at 73% 8%,rgba(165,190,255,.17),transparent 35%),linear-gradient(112deg,#fff 0%,#f7f5ff 48%,#eef1fb 100%)!important;border-color:#ddd6f4!important;box-shadow:0 16px 36px rgba(38,39,88,.09)!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-cta-banner::before{opacity:.16}
 html[data-theme="light"] body.home-page.v4-page .ib69-cta-badge{background:#f0edff!important;color:#6a52c7!important;border-color:#dcd3fa!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-cta-badge span{color:#775bda!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-cta-copy h2{color:#22203f!important;text-shadow:none!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-cta-copy h2 em{color:#7859db!important;text-shadow:none!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-cta-copy p{color:#676d89!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-cta-secondary{background:#fff!important;color:#5d4b9c!important;border-color:#cfc5ef!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-creator-card{background:linear-gradient(145deg,#fff,#eee9ff)!important;border-color:#cbbbf6!important;box-shadow:0 14px 28px rgba(57,39,115,.18),0 0 22px rgba(124,75,255,.12)!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-creator-count{background:linear-gradient(145deg,#fff,#eee8ff)!important;color:#4e368f!important;border-color:#b9a4f0!important;box-shadow:0 8px 20px rgba(57,39,115,.16)!important}
 html[data-theme="light"] body.home-page.v4-page .ib69-creator-count span{color:#7864b0!important}
}

/* The full homepage continuation and remaining homepage sections */
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation{color:#242443!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation h2, html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation h3{color:#242342!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation h2 em{color:#785bdb!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation p{color:#69708b!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation :is(.ib65-split-card,.ib65-faq-card,.ib65-final-cta){background:linear-gradient(135deg,#fff,#f5f3fc)!important;border-color:#e0dcef!important;box-shadow:0 14px 34px rgba(43,31,82,.08)!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation :is(.ib65-service-card,.ib65-steps-grid article){background:linear-gradient(180deg,#fff,#f7f5fd)!important;border-color:#e1dcef!important;box-shadow:0 12px 28px rgba(43,31,82,.08)!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation .ib65-kicker{color:#6941ad!important;background:#f0eaff!important;border-color:#ddd0ff!important;box-shadow:none!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation :is(.ib65-service-media,.ib65-benefits-visual){background:#f2effa!important;border-color:#e0d7f5!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation :is(.ib65-service-card a,.ib65-text-link){color:#6840b4!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation .ib65-service-no{color:#684c99!important;background:#f0eaff!important;border-color:#ddd0f7!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation .ib65-faq-list details{background:#fff!important;border-color:#e2dcef!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation .ib65-faq-list summary{color:#282444!important}
html[data-theme="light"] body.home-page.v4-page .ib65-home-continuation .ib65-btn.secondary{color:#62409e!important;border-color:#c7b6e9!important;background:#fff!important}
html[data-theme="light"] body.home-page.v4-page .v4-home-main{background:#f5f6fc!important}
html[data-theme="light"] body.home-page.v4-page .v4-home-main :is(.v4-section,.v4-benefit-intro,.v4-creators,.v4-faq,.v4-add-creator,.v4-final-cta){background:#f5f6fc!important;color:#202241!important}
html[data-theme="light"] body.home-page.v4-page .v4-home-main :is(.v4-section:nth-of-type(even),.v4-benefit-intro,.v4-creators){background:linear-gradient(180deg,#f5f6fc,#eef0f8)!important}
html[data-theme="light"] body.home-page.v4-page #top.v4-home-hero{background:radial-gradient(circle at 16% 20%,rgba(163,143,255,.24),transparent 32%),linear-gradient(145deg,#f8f8fe,#eef0fa)!important;color:#202241!important}
html[data-theme="light"] body.home-page.v4-page #top.v4-home-hero :is(h1,h2,.v4-eyebrow){color:#202241!important}
html[data-theme="light"] body.home-page.v4-page #top.v4-home-hero p{color:#69708c!important}
html[data-theme="light"] body.home-page.v4-page .v4-workflow{background:linear-gradient(145deg,#f7f8fd,#edf0f9)!important;color:#202241!important}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-shell{background:#fff!important;color:#202241!important;border-color:#e0e3f0!important;box-shadow:0 18px 44px rgba(37,40,87,.08)!important}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy :is(h2,p){color:#202241!important}
html[data-theme="light"] body.home-page.v4-page .v4-workflow-copy p{color:#6b718b!important}
html[data-theme="light"] body.home-page.v4-page .v4-steps article{background:linear-gradient(145deg,#fff,#f4f4fc)!important;border-color:#e2e4f1!important;box-shadow:0 8px 22px rgba(37,40,87,.05)!important}
html[data-theme="light"] body.home-page.v4-page .v4-steps :is(h3,p){color:#242443!important}
html[data-theme="light"] body.home-page.v4-page .v4-steps p{color:#707691!important}
html[data-theme="light"] body.home-page.v4-page .v4-faq-list details{background:#fff!important;border-color:#e1e4f1!important;color:#242443!important}
html[data-theme="light"] body.home-page.v4-page .v4-faq-list summary{color:#242443!important}
html[data-theme="light"] body.home-page.v4-page .v4-faq-list details p{color:#707691!important}
html[data-theme="light"] body.home-page.v4-page .v4-final-cta{background:#f5f6fc!important}
html[data-theme="light"] body.home-page.v4-page .v4-final-shell{background:linear-gradient(135deg,#fff,#f0edff)!important;border-color:#ded8f5!important;box-shadow:0 18px 42px rgba(37,40,87,.08)!important;color:#242443!important}
html[data-theme="light"] body.home-page.v4-page .v4-final-shell :is(h2,p){color:#242443!important;text-shadow:none!important}
html[data-theme="light"] body.home-page.v4-page .v4-final-shell p{color:#6e7490!important}
html[data-theme="light"] body.home-page.v4-page .v4-final-shell .v4-section-kicker{color:#6f58dc!important}
html[data-theme="light"] body.home-page.v4-page .v4-final-actions .v4-btn-glass{background:#fff!important;color:#5d4b9c!important;border-color:#d7cff2!important}

/* Inner service pages: benefits, add blogger, opportunities, smart ads, guarantee */
html[data-theme="light"] body.service-page .v4-inner-main{background:#f5f6fc!important;color:#242443!important}
html[data-theme="light"] body.service-page .v4-inner-hero{background:radial-gradient(circle at 8% 74%,rgba(140,118,235,.16),transparent 27%),radial-gradient(circle at 92% 36%,rgba(160,188,255,.20),transparent 24%),linear-gradient(150deg,#fff 0%,#f4f3fc 58%,#eceffc 100%)!important;color:#242443!important}
html[data-theme="light"] body.service-page .v4-inner-hero::after{opacity:.07;background-image:radial-gradient(circle,rgba(86,75,150,.45) 1px,transparent 1.3px)!important}
html[data-theme="light"] body.service-page .v4-inner-hero :is(h1,h2,h3,strong){color:#242443!important}
html[data-theme="light"] body.service-page .v4-inner-hero p{color:#69708c!important}
html[data-theme="light"] body.service-page .v4-breadcrumb, html[data-theme="light"] body.service-page .v4-breadcrumb a{color:#777d98!important}
html[data-theme="light"] body.service-page .v4-breadcrumb a:hover{color:#6f58dc!important}
html[data-theme="light"] body.service-page .v4-art-note{background:rgba(255,255,255,.88)!important;border-color:#e2e4f1!important;color:#292846!important;box-shadow:0 10px 28px rgba(38,41,88,.10)!important}
html[data-theme="light"] body.service-page .v4-art-note small{color:#767b96!important}
html[data-theme="light"] body.service-page :is(.v4-campaign-card,.v4-smart-art .v4-panel,.v4-guarantee-art .v4-panel){background:rgba(255,255,255,.88)!important;border-color:#e1e3f0!important;color:#282744!important;box-shadow:0 12px 28px rgba(38,41,88,.08)!important}
html[data-theme="light"] body.service-page .v4-campaign-card :is(strong,p){color:#343552!important}
html[data-theme="light"] body.service-page .v4-campaign-card>span{color:#6f58dc!important}
html[data-theme="light"] body.service-page :is(.v4-section,.v4-benefits-page .v4-section,.v4-submission-page .v4-section,.v4-opportunities-page .v4-section,.v4-smart-page .v4-section,.v4-guarantee-page .v4-section){background:#f5f6fc!important;color:#242443!important}
html[data-theme="light"] body.service-page :is(.v4-benefit-grid,.v4-guarantee-grid,.v4-submission-grid,.opportunity-grid,.recommendation-grid){color:#242443!important}
html[data-theme="light"] body.service-page :is(.v4-benefit-panel,.benefit-role-panel,.role-panel,.v4-panel,.v4-opportunity-panel,.v4-order-sidebar,.v4-results-panel,.v4-track-panel,.v4-offer-panel,.v4-service-card,.v4-principle-card,.v4-benefit-card){background:#fff!important;border-color:#e1e4f1!important;color:#292846!important;box-shadow:0 10px 28px rgba(38,41,88,.06)!important}
html[data-theme="light"] body.service-page :is(.v4-benefit-panel h2,.v4-benefit-panel h3,.benefit-role-panel h2,.benefit-role-panel h3,.role-panel h2,.role-panel h3,.v4-panel h2,.v4-panel h3,.v4-service-card h3){color:#252443!important}
html[data-theme="light"] body.service-page :is(.v4-benefit-panel p,.benefit-role-panel p,.role-panel p,.v4-panel p,.v4-service-card p){color:#6d738f!important}
html[data-theme="light"] body.service-page :is(.v4-panel-head,.v4-panel-head-row){border-color:#e3e5f1!important}
html[data-theme="light"] body.service-page :is(.v4-form input,.v4-form select,.v4-form textarea,.v4-submission-grid input,.v4-submission-grid select,.v4-submission-grid textarea,.v4-filter-bar input,.v4-filter-bar select,.v4-track-search input){background:#fff!important;color:#242443!important;border-color:#dfe2f0!important}
html[data-theme="light"] body.service-page .v4-segmented{background:#f2f1fa!important;border-color:#e1e1f0!important}
html[data-theme="light"] body.service-page .v4-notice{background:#f0effb!important;border-color:#dfd9f7!important;color:#626985!important}
html[data-theme="light"] body.service-page .v4-notice strong{color:#343252!important}
html[data-theme="light"] body.service-page .v4-notice>span{background:#fff!important;color:#6f58dc!important}
html[data-theme="light"] body.service-page .v4-info-box{background:#f5f5fc!important;border-color:#e4e5f2!important}

/* Blogger and blogger-shop directories */
html[data-theme="light"] body.creator-directory-page{background:#f5f6fc!important;color:#242443!important}
html[data-theme="light"] body.creator-directory-page .creator-directory-hero{background:radial-gradient(circle at 15% 30%,rgba(143,119,239,.18),transparent 30%),radial-gradient(circle at 86% 26%,rgba(171,199,255,.22),transparent 28%),linear-gradient(145deg,#fff 0%,#f3f2fc 58%,#eceffc 100%)!important;color:#242443!important}
html[data-theme="light"] body.creator-directory-page .creator-directory-hero::before{opacity:.08;background-image:radial-gradient(circle,rgba(83,76,142,.38) 1px,transparent 1.3px)!important}
html[data-theme="light"] body.creator-directory-page .creator-directory-hero :is(h1,h2,h3,strong){color:#242443!important}
html[data-theme="light"] body.creator-directory-page .creator-directory-hero p{color:#6d738f!important}
html[data-theme="light"] body.creator-directory-page .creator-hero-kicker{background:#f0edff!important;color:#6f58dc!important;border-color:#ddd6fa!important}
html[data-theme="light"] body.creator-directory-page .creator-directory-shell{background:linear-gradient(180deg,#f5f6fc 0%,#eef0f8 100%)!important}
html[data-theme="light"] body.creator-directory-page .creator-filter-panel, html[data-theme="light"] body.creator-directory-page .creator-card, html[data-theme="light"] body.creator-directory-page .creator-empty{background:#fff!important;border-color:#e1e4f1!important;color:#242443!important;box-shadow:0 12px 30px rgba(38,41,88,.07)!important}
html[data-theme="light"] body.creator-directory-page .creator-filter-field :is(input,select){background:#fafaff!important;color:#282946!important;border-color:#dfe2f0!important}
html[data-theme="light"] body.creator-directory-page .creator-directory-heading h2{color:#242443!important}
html[data-theme="light"] body.creator-directory-page .creator-directory-heading p{color:#6e7591!important}
html[data-theme="light"] body.creator-directory-page .creator-card-body{background:#fff!important;color:#242443!important}
html[data-theme="light"] body.creator-directory-page .creator-card-metrics, html[data-theme="light"] body.creator-directory-page .creator-card-tags span{background:#f5f5fc!important;border-color:#e4e6f2!important;color:#727892!important}
html[data-theme="light"] body.creator-directory-page .creator-card-metrics strong, html[data-theme="light"] body.creator-directory-page .creator-card-rating strong{color:#242443!important}
html[data-theme="light"] body.creator-directory-page .creator-card-bio{color:#6d738f!important}
html[data-theme="light"] body.creator-directory-page .creator-card .creator-favorite{background:rgba(255,255,255,.94)!important;color:#514e78!important;border-color:#e7e7f3!important}

/* Feedback pages */
html[data-theme="light"] body.v4-feedback-page{background:#f5f6fc!important;color:#242443!important}
html[data-theme="light"] body.v4-feedback-page .v4-feedback-hero{background:radial-gradient(circle at 6% 74%,rgba(133,112,233,.16),transparent 28%),radial-gradient(circle at 92% 27%,rgba(166,190,255,.20),transparent 25%),linear-gradient(150deg,#fff 0%,#f5f4fc 56%,#eef0fa 100%)!important;color:#242443!important}
html[data-theme="light"] body.v4-feedback-page .v4-feedback-hero::before{opacity:.08;background-image:radial-gradient(circle,rgba(80,73,140,.42) 1px,transparent 1.35px)!important}
html[data-theme="light"] body.v4-feedback-page .v4-feedback-hero :is(h1,h2,h3,strong){color:#242443!important}
html[data-theme="light"] body.v4-feedback-page .v4-feedback-hero p{color:#6b718d!important}
html[data-theme="light"] body.v4-feedback-page .v4-feedback-hero h1 em{color:#785bdb!important}
html[data-theme="light"] body.v4-feedback-page :is(.v4-feedback-glass-card,.v4-feedback-switch-card,.v4-feedback-value-card,.feedback-card,.feedback-quote,.feedback-filter-bar,.feedback-empty-state){background:#fff!important;border-color:#e1e4f1!important;color:#242443!important;box-shadow:0 12px 30px rgba(38,41,88,.07)!important}
html[data-theme="light"] body.v4-feedback-page :is(.v4-feedback-glass-card h2,.v4-feedback-glass-card h3,.feedback-card h3,.feedback-quote-title){color:#242443!important}
html[data-theme="light"] body.v4-feedback-page :is(.v4-feedback-glass-card p,.feedback-card p,.feedback-card small,.feedback-reviewer span){color:#6e7591!important}
html[data-theme="light"] body.v4-feedback-page .feedback-tag{background:#f0effa!important;color:#6d7190!important;border-color:#e2e2f1!important}

/* Login, signup, user profile, reviewer profile and moderation tools */
html[data-theme="light"] body.auth-page{background:#f5f6fc!important;color:#242443!important}
html[data-theme="light"] body.auth-page .authn-shell{background:linear-gradient(135deg,#f6f6fd,#eceefa)!important}
html[data-theme="light"] body.auth-page :is(.authn-form-pane,.authn-form-wrap,.authn-form,.authn-topbar,.authn-role-card,.authn-form-section,.auth-dialog-card){background:#fff!important;color:#242443!important;border-color:#e1e4f1!important;box-shadow:0 12px 32px rgba(38,41,88,.07)!important}
html[data-theme="light"] body.auth-page .authn-visual-pane{background:radial-gradient(circle at 18% 24%,rgba(152,131,239,.18),transparent 34%),linear-gradient(145deg,#f1effc,#e9edf9)!important;color:#242443!important}
html[data-theme="light"] body.auth-page .authn-visual-pane :is(h1,h2,h3,p){color:#242443!important}
html[data-theme="light"] body.auth-page .authn-float-card{background:rgba(255,255,255,.94)!important;color:#3b3a5b!important;border-color:#dedcf3!important;box-shadow:0 12px 28px rgba(38,41,88,.10)!important}
html[data-theme="light"] body.auth-page .authn-input{background:#fafaff!important;border-color:#dfe2f0!important}
html[data-theme="light"] body.auth-page .authn-input input{background:transparent!important;color:#242443!important}
html[data-theme="light"] body.auth-page :is(.authn-google,.authn-back,.authn-theme){background:#f6f6fc!important;border-color:#e1e4f1!important;color:#3b3b5c!important}
html[data-theme="light"] body.auth-page .role-card{background:#fff!important;border-color:#e1e4f1!important;color:#242443!important}
html[data-theme="light"] body.auth-page .role-card :is(h3,p,span){color:inherit}
html[data-theme="light"] body.reviewer-page-body, html[data-theme="light"] body.moderation-page{background:#f5f6fc!important;color:#242443!important}
html[data-theme="light"] body.reviewer-page-body :is(.reviewer-profile-shell,.reviewer-profile-card,.reviewer-profile-panel,.reviewer-stat-card,.reviewer-feedback-card,.reviewer-summary-card){background:#fff!important;color:#242443!important;border-color:#e1e4f1!important;box-shadow:0 10px 28px rgba(38,41,88,.06)!important}
html[data-theme="light"] body :is(.moderation-main,.moderation-admin-grid){background:#f5f6fc!important;color:#242443!important}
html[data-theme="light"] body .moderation-tool-card{background:#fff!important;color:#242443!important;border-color:#e1e4f1!important}
html[data-theme="light"] body :is(.ibm-hero,.ibm-about,.ibm-work,.ibm-panel){background:linear-gradient(145deg,#fff,#f4f3fc)!important;color:#242443!important;border-color:#e1e4f1!important;box-shadow:0 12px 30px rgba(38,41,88,.07)!important}
html[data-theme="light"] body :is(.ibm-hero,.ibm-about,.ibm-work) :is(h1,h2,h3,p,li){color:#242443!important}

/* Blogger and shop profile dashboards, charts and feedback */
html[data-theme="light"] body.creator-profile-page, html[data-theme="light"] body.profile-dashboard-body{background:#f5f6fc!important;color:#242443!important}
html[data-theme="light"] body.creator-profile-page :is(.profile-dashboard-main,.shop-profile-main){background:#f5f6fc!important}
html[data-theme="light"] body.creator-profile-page :is(.pd-card,.influencer-profile-panel,.analytics-chart-card,.performance-summary,.real-data-panel,.real-bio-panel,.profile-feedbacks-panel,.shop-profile-card,.shop-chart-card){background:#fff!important;color:#242443!important;border-color:#e1e4f1!important;box-shadow:0 10px 28px rgba(38,41,88,.06)!important}
html[data-theme="light"] body.creator-profile-page :is(.analytics-toolbar,.profile-dashboard-brandbar){background:rgba(255,255,255,.94)!important;border-color:#e1e4f1!important}
html[data-theme="light"] body.creator-profile-page .shop-profile-hero{background:linear-gradient(135deg,#eeeaff 0%,#f8eaf4 52%,#e8efff 100%)!important;color:#242443!important}
html[data-theme="light"] body.creator-profile-page .shop-profile-copy{color:#242443!important}
html[data-theme="light"] body.creator-profile-page .shop-profile-copy>p, html[data-theme="light"] body.creator-profile-page .shop-profile-copy .creator-breadcrumb, html[data-theme="light"] body.creator-profile-page .shop-profile-copy .creator-breadcrumb a{color:#6d738f!important}
html[data-theme="light"] body.creator-profile-page .shop-profile-score{background:rgba(255,255,255,.84)!important;color:#242443!important;border-color:#e1e4f1!important}
html[data-theme="light"] body.creator-profile-page :is(.performance-item,.real-data-grid>div,.profile-feedback-card,.profile-trust-note,.shop-metrics div,.shop-capacity span){background:#f8f8fd!important;border-color:#e3e5f1!important;color:#646b87!important}
html[data-theme="light"] body.creator-profile-page :is(.performance-item strong,.real-data-grid strong,.profile-feedback-card h4,.shop-metrics strong,.shop-profile-card h2,.shop-profile-card h3){color:#242443!important}
html[data-theme="light"] body.creator-profile-page :is(.profile-username,.profile-rating-meta,.analytics-title p,.real-data-head p,.profile-feedbacks-head p,.real-bio-panel p,.profile-feedback-card p,.profile-feedback-card small,.shop-profile-card p,.shop-metrics span){color:#6e7591!important}

/* Footers and legal notice: no navy-black panels in the light theme */
html[data-theme="light"] body .site-footer, html[data-theme="light"] body .v4-footer, html[data-theme="light"] body .mobile-unified-footer, html[data-theme="light"] body .mobile-pixel-footer{background:linear-gradient(180deg,#f0f1f9,#e9ecf6)!important;background-image:none!important;color:#626985!important;border-top:1px solid #dfe2f0!important}
html[data-theme="light"] body .site-footer :is(h3,h4), html[data-theme="light"] body .v4-footer :is(h3,h4), html[data-theme="light"] body .mobile-unified-footer :is(h2,h3,h4), html[data-theme="light"] body .mobile-pixel-footer :is(h2,h3,h4){color:#242443!important}
html[data-theme="light"] body :is(.site-footer,.v4-footer,.mobile-unified-footer,.mobile-pixel-footer) :is(p,a,li,span){color:#68708c!important}
html[data-theme="light"] body :is(.site-footer,.v4-footer,.mobile-unified-footer,.mobile-pixel-footer) a:hover{color:#6f58dc!important}
html[data-theme="light"] body .site-footer .newsletter-input, html[data-theme="light"] body .site-footer .newsletter-input input, html[data-theme="light"] body .site-footer input{background:#fff!important;color:#242443!important;border-color:#dfe2f0!important}
html[data-theme="light"] body .platform-rights-notice{background:#f0f1f9!important;border-color:#dfe2f0!important;color:#68708c!important}
html[data-theme="light"] body .platform-rights-notice__inner{background:#fff!important;border-color:#e1e4f1!important;box-shadow:0 8px 24px rgba(38,41,88,.05)!important}
html[data-theme="light"] body .platform-rights-notice__icon{color:#6f58dc!important;background:#f0edff!important;border-color:#ded7fa!important}

/* Mobile home variants and responsive surfaces */
@media(max-width:900px){
 html[data-theme="light"] body.home-page.v4-page .v4-home-main{background:#f5f6fc!important}
 html[data-theme="light"] body.home-page.v4-page #top.v4-home-hero{background:radial-gradient(circle at 16% 18%,rgba(163,143,255,.20),transparent 34%),linear-gradient(145deg,#fff,#eef0fa)!important}
 html[data-theme="light"] body.home-page.v4-page #top .v4-hero-copy :is(h1,h2,.v4-eyebrow){color:#242443!important}
 html[data-theme="light"] body.home-page.v4-page #top .v4-hero-copy p{color:#6d738f!important}
 html[data-theme="light"] body.home-page.v4-page .v4-home-main :is(.v4-section,.v4-benefit-intro,.v4-creators,.v4-workflow,.v4-faq,.v4-add-creator,.v4-final-cta){background:#f5f6fc!important;color:#242443!important}
 html[data-theme="light"] body.home-page.v4-page .v4-home-main :is(.v4-split-card,.v4-benefit-card,.v4-service-card,.v4-workflow-shell,.v4-steps article,.v4-faq-list details,.v4-add-shell,.v4-final-shell){background:#fff!important;color:#242443!important;border-color:#e1e4f1!important;box-shadow:0 10px 26px rgba(38,41,88,.06)!important}
 html[data-theme="light"] body.home-page.v4-page .v4-home-main :is(h2,h3,strong,summary){color:#242443!important}
 html[data-theme="light"] body.home-page.v4-page .v4-home-main p{color:#6d738f!important}
 html[data-theme="light"] body.home-page.v4-page .v4-home-main .v4-final-shell :is(h2,p){color:#242443!important}
 html[data-theme="light"] body.home-page.v4-page .mobile-unified-footer{background:#eef0f8!important}
}
@media(prefers-reduced-motion:reduce){html[data-theme="light"] body *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Additional page-specific light surfaces discovered in the full-page audit */
html[data-theme="light"] body :is(.v4-benefit-highlight,.v4-benefit-grid article,.v4-principles article,.v4-principle-card,.v4-benefit-card){background:linear-gradient(145deg,#fff,#f6f5fd)!important;border-color:#e2e4f1!important;color:#242443!important;box-shadow:0 10px 26px rgba(38,41,88,.06)!important}
html[data-theme="light"] body :is(.v4-benefit-highlight h2,.v4-benefit-highlight h3,.v4-benefit-grid article h3,.v4-principles article h3,.v4-principles article strong){color:#242443!important}
html[data-theme="light"] body :is(.v4-benefit-highlight p,.v4-benefit-grid article p,.v4-principles article p){color:#6e7591!important}
html[data-theme="light"] body .v4-benefit-grid article>span, html[data-theme="light"] body .v4-principles article>span{background:#f0edff!important;color:#6f58dc!important;border-color:#ded7f8!important}
html[data-theme="light"] body :is(.v4-feedback-main,.v4-feedback-values,.v4-feedback-directory,.v4-feedback-guidance){background:#f5f6fc!important;color:#242443!important}
html[data-theme="light"] body .v4-feedback-values-grid>.v4-feedback-value{background:#fff!important;border-color:#e2e4f1!important;color:#242443!important;box-shadow:0 8px 22px rgba(38,41,88,.05)!important}
html[data-theme="light"] body .v4-feedback-value :is(strong,small){color:#242443!important}
html[data-theme="light"] body .v4-feedback-value small{color:#6e7591!important}
html[data-theme="light"] body .v4-feedback-value>span, html[data-theme="light"] body .v4-feedback-point>span{background:#f0edff!important;color:#6f58dc!important;border-color:#ddd7f7!important}
html[data-theme="light"] body .v4-feedback-section-head :is(h2,p){color:#242443!important}
html[data-theme="light"] body .v4-feedback-section-head p{color:#6e7591!important}
html[data-theme="light"] body .v4-feedback-section-kicker{color:#6f58dc!important}
html[data-theme="light"] body .feedback-toolbar, html[data-theme="light"] body .feedback-search, html[data-theme="light"] body .feedback-select{background:#fff!important;border-color:#e1e4f1!important;color:#303250!important;box-shadow:none!important}
html[data-theme="light"] body .feedback-list-head :is(h2,p){color:#242443!important}
html[data-theme="light"] body .feedback-list-head p{color:#6e7591!important}
html[data-theme="light"] body .feedback-result-count{background:#f0edff!important;color:#6f58dc!important;border-color:#ddd7f7!important}
html[data-theme="light"] body .feedback-empty{background:#fff!important;color:#6e7591!important;border-color:#e1e4f1!important}
html[data-theme="light"] body .v4-feedback-editorial, html[data-theme="light"] body .v4-feedback-editorial.dark{background:linear-gradient(145deg,#fff,#f1effb)!important;border:1px solid #e1dff0!important;border-radius:24px!important;color:#242443!important;box-shadow:0 10px 28px rgba(38,41,88,.06)!important}
html[data-theme="light"] body .v4-feedback-editorial :is(h2,h3,strong){color:#242443!important}
html[data-theme="light"] body .v4-feedback-editorial p{color:#6e7591!important}
html[data-theme="light"] body .v4-feedback-points>div{border-color:#e2e4f1!important}
html[data-theme="light"] body .v4-feedback-switch-card{background:#f5f4fc!important;border-color:#e2e0f1!important}
html[data-theme="light"] body .creator-directory-toolbar, html[data-theme="light"] body .creator-result-pill{color:#4d506e!important}
html[data-theme="light"] body .creator-result-pill{background:#fff!important;border-color:#e1e4f1!important}
html[data-theme="light"] body :is(.opportunity-card,.v4-opportunity-card,.recommendation-card,.v4-recommendation-card,.smart-result-card,.v4-campaign-result,.v4-result-card,.campaign-result-card){background:#fff!important;border-color:#e1e4f1!important;color:#242443!important;box-shadow:0 10px 26px rgba(38,41,88,.06)!important}
html[data-theme="light"] body :is(.opportunity-card,.v4-opportunity-card,.recommendation-card,.v4-recommendation-card,.smart-result-card,.v4-campaign-result,.v4-result-card,.campaign-result-card) :is(h2,h3,h4,strong){color:#242443!important}
html[data-theme="light"] body :is(.opportunity-card,.v4-opportunity-card,.recommendation-card,.v4-recommendation-card,.smart-result-card,.v4-campaign-result,.v4-result-card,.campaign-result-card) p{color:#6e7591!important}
html[data-theme="light"] body :is(.reviewer-brandbar,.reviewer-profile-shell,.reviewer-profile-loading){background:#fff!important;color:#242443!important;border-color:#e1e4f1!important;box-shadow:0 10px 26px rgba(38,41,88,.06)!important}
html[data-theme="light"] body .reviewer-brandbar :is(a,button,.reviewer-back-link){background:#f7f7fd!important;color:#3b3b5b!important;border-color:#e1e4f1!important}
html[data-theme="light"] body :is(.ibm-dialog,.ibm-toast){background:#fff!important;color:#242443!important;border-color:#e1e4f1!important;box-shadow:0 16px 42px rgba(38,41,88,.12)!important}
html[data-theme="light"] body .ibm-dialog-overlay{background:rgba(33,32,63,.30)!important;backdrop-filter:blur(5px)}
html[data-theme="light"] body :is(.ibm-review,.ibm-work-item,.ibm-stats,.ibm-engagement,.ibm-followers,.ibm-rating){background:#f7f7fd!important;border-color:#e2e4f1!important;color:#242443!important}
html[data-theme="light"] body .ibm-hero-backdrop{opacity:.22!important}
html[data-theme="light"] body .ibm-hero .ibm-brand-name, html[data-theme="light"] body .ibm-hero .ibm-handle, html[data-theme="light"] body .ibm-hero .ibm-category{color:#343252!important}
html[data-theme="light"] body .ibm-actions :is(a,button){background:#fff!important;color:#5b4b9e!important;border-color:#dcd6f3!important}
html[data-theme="light"] body .moderation-toolbar, html[data-theme="light"] body .moderation-batch-bar{background:#fff!important;color:#242443!important;border-color:#e1e4f1!important}
html[data-theme="light"] body .submission-card-head{border-color:#e1e4f1!important;color:#242443!important}
html[data-theme="light"] body .submission-field :is(label,small){color:#6e7591!important}
html[data-theme="light"] body .admin-connection-status{background:#f0f5f2!important;color:#24765b!important;border-color:#d9ebe2!important}














/* Global page canvases and section bands */




/* Header, navigation, menus and footer */











/* Reusable cards, panels, dialogs, drawers, callouts and widgets */







/* Forms, filters, tables, select menus and text inputs */









/* Buttons, tabs, chips, badges and states */











/* Home page: maintain the intended navy-violet hero while aligning every surrounding component */































/* Directory, feedback, service and auth hero areas */












/* Charts, analytics, tables and profile dashboards */









/* Auth, account, moderation, notifications and overlays */








/* Legacy page-specific hard-coded colors: normalize section and card backgrounds */






@media(prefers-reduced-motion:reduce){}


/* SOURCE css/ib75-home-theme-artwork.css */
/* iBlogger v75 — theme-aware artwork and uncropped service illustrations. */
@media (min-width:901px) {
  .ib65-home-continuation .ib65-benefits-visual{
    min-width:0;
    padding:14px;
    border-radius:20px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(145,130,220,.16);
  }
  .ib65-home-continuation .ib65-benefits-visual img{
    display:block;
    width:100%;
    max-width:460px;
    max-height:500px;
    height:auto;
    object-fit:contain;
    object-position:center;
    border-radius:14px;
  }
  .ib65-home-continuation .ib65-service-card{
    display:flex;
    flex-direction:column;
    min-width:0;
  }
  .ib65-home-continuation .ib65-service-media{
    width:100%;
    height:auto !important;
    aspect-ratio:1 / 1;
    min-height:0;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:16px;
    overflow:hidden;
    margin-bottom:18px;
    background:#f1effa;
    border:1px solid rgba(122,95,194,.16);
  }
  .ib65-home-continuation .ib65-service-media img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:contain !important;
    object-position:center;
    transform:none !important;
    border-radius:inherit;
  }
  .ib65-home-continuation .ib65-service-card h3{ margin-top:0; }
}

/* Light theme: card surfaces, artwork surrounds and typography use the light palette. */
html[data-theme="light"] .ib65-home-continuation .ib65-split-card, html[data-theme="light"] .ib65-home-continuation .ib65-faq-card, html[data-theme="light"] .ib65-home-continuation .ib65-final-cta{
  background:linear-gradient(135deg,#ffffff,#f5f3fc) !important;
  border-color:#e0dcef !important;
  box-shadow:0 14px 34px rgba(43,31,82,.08) !important;
}
html[data-theme="light"] .ib65-home-continuation .ib65-service-card, html[data-theme="light"] .ib65-home-continuation .ib65-steps-grid article{
  background:linear-gradient(180deg,#ffffff,#f7f5fd) !important;
  border-color:#e1dcef !important;
  box-shadow:0 12px 28px rgba(43,31,82,.08) !important;
}
html[data-theme="light"] .ib65-home-continuation .ib65-home-continuation h2, html[data-theme="light"] .ib65-home-continuation h2, html[data-theme="light"] .ib65-home-continuation h3, html[data-theme="light"] .ib65-home-continuation .ib65-faq-list summary{
  color:#20183c !important;
}
html[data-theme="light"] .ib65-home-continuation p{ color:#5c5672 !important; }
html[data-theme="light"] .ib65-home-continuation .ib65-kicker{
  color:#6941ad !important;
  background:#f0eaff !important;
  border-color:#ddd0ff !important;
  box-shadow:none !important;
}
html[data-theme="light"] .ib65-home-continuation .ib65-service-media, html[data-theme="light"] .ib65-home-continuation .ib65-benefits-visual{
  background:#f2effa !important;
  border-color:#e0d7f5 !important;
}
html[data-theme="light"] .ib65-home-continuation .ib65-service-card a, html[data-theme="light"] .ib65-home-continuation .ib65-text-link{ color:#6840b4 !important; }
html[data-theme="light"] .ib65-home-continuation .ib65-service-no{
  color:#684c99 !important;
  background:#f0eaff !important;
  border-color:#ddd0f7 !important;
}
html[data-theme="light"] .ib65-home-continuation .ib65-faq-list details{
  background:#fff !important;
  border-color:#e2dcef !important;
}
html[data-theme="light"] .ib65-home-continuation .ib65-btn.secondary{
  color:#62409e !important;
  border-color:#c7b6e9 !important;
}





/* The legacy homepage service cards also need complete artwork, not cropped artwork. */
body.home-page.v4-page .v4-service-grid > .v4-service-card .v4-service-reference-media{
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  min-height:0 !important;
  background:transparent !important;
  overflow:hidden !important;
}
body.home-page.v4-page .v4-service-grid > .v4-service-card .v4-service-reference-media > img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}
body.home-page.v4-page .v4-benefit-intro .v4-split-visual > img{
  object-fit:contain !important;
  object-position:center !important;
}
html[data-theme="light"] body.home-page.v4-page .v4-service-grid > .v4-service-card .v4-service-reference-media{
  background:#f2effb !important;
  border:1px solid #e2daf5 !important;
}



/* SOURCE css/theme-audit-corrections-v85.css */
/* Some legacy page classes redeclare --ui-* directly on BODY (rather than :root).
   Shadow these declarations there so computed surfaces actually use the shared palette. */
html[data-theme="light"] body{
 --ui-bg:#f5f6fc!important;--ui-bg-2:#eef0f8!important;
 --ui-surface:#fff!important;--ui-surface-2:#fafaff!important;
 --ui-surface-3:#f0f1f9!important;--ui-ink:#242443!important;
 --ui-ink-2:#363956!important;--ui-muted:#676f8c!important;
 --ui-faint:#9098b1!important;--ui-accent:#6f58dc!important;
 --ui-line:#e1e4f1!important;--ui-line-strong:#d6daed!important;
 --rf-paper:#f5f6fc!important;--rf-card:#fff!important;
}

/* iBlogger v85: verified complementary light/dark color normalization.
   This layer is intentionally theme-scoped and loaded after all older styles.
   Does not alter header positioning, page layout, or dark/light selection logic. */
:root[data-theme="light"]{
  color-scheme:light;
  --ui-bg:#f5f6fc;--ui-bg-2:#eef0f8;--ui-surface:#fff;--ui-surface-2:#fafaff;
  --ui-surface-3:#f0f1f9;--ui-ink:#242443;--ui-ink-2:#363956;
  --ui-muted:#676f8c;--ui-faint:#9098b1;--ui-accent:#6f58dc;
  --ui-accent-soft:#f0edff;--ui-line:#e1e4f1;--ui-line-strong:#d6daed;
  --color-background:var(--ui-bg);--color-surface:var(--ui-surface);
  --color-text-primary:var(--ui-ink);--color-text-secondary:var(--ui-muted);
  --rf-paper:var(--ui-bg);--rf-card:var(--ui-surface);
}

/* Important: independent old page themes overrode the global v83/v84 background rules.
   Increase specificity only for canvases, without replacing artwork and hero photography. */
:root[data-theme="light"] body, :root[data-theme="light"] body.v4-page, :root[data-theme="light"] body.creator-directory-page, :root[data-theme="light"] body.service-page, :root[data-theme="light"] body.v4-feedback-page, :root[data-theme="light"] body.moderation-page, :root[data-theme="light"] body.reviewer-page-body, :root[data-theme="light"] body.auth-page, :root[data-theme="light"] body.creator-profile-page{background-color:#f5f6fc!important;color:#242443!important}

/* Normalize the header on *light* pages, where old per-page dark headers were overriding light colors.
   The header remains fixed as defined by v81; only color properties are changed. */
:root[data-theme="light"] body .site-header.service-header, :root[data-theme="light"] body .site-header.service-header.is-scrolled, :root[data-theme="light"] body .site-header:not(.service-header), :root[data-theme="light"] body .site-header.is-scrolled{
  background:rgba(255,255,255,.97)!important;background-color:rgba(255,255,255,.97)!important;
  border-color:#e1e4f1!important;color:#242443!important;
  box-shadow:0 9px 26px rgba(35,38,83,.08)!important
}
:root[data-theme="light"] body .site-header.service-header .header-inner, :root[data-theme="light"] body .site-header .header-inner{
  background:rgba(255,255,255,.95)!important;border-color:#e1e4f1!important;
  color:#242443!important
}
:root[data-theme="light"] body .site-header .desktop-nav a.nav-link, :root[data-theme="light"] body .site-header .desktop-nav .nav-link, :root[data-theme="light"] body .site-header .nav-dropdown-trigger, :root[data-theme="light"] body .site-header .desktop-nav button.nav-link, :root[data-theme="light"] body .site-header .nav-link, :root[data-theme="light"] body .site-header .brand{color:#343656!important;text-shadow:none!important}
:root[data-theme="light"] body .site-header .nav-link:hover, :root[data-theme="light"] body .site-header .nav-link.is-active, :root[data-theme="light"] body .site-header .nav-dropdown-trigger:hover{
  color:#6f58dc!important;background:#f0edff!important
}
:root[data-theme="light"] body .site-header .nav-dropdown-menu, :root[data-theme="light"] body .site-header .mobile-nav{
  color:#242443!important;background:#fff!important;border-color:#e1e4f1!important
}




/* Keep buttons distinguishable on light/dark backgrounds. */
:root[data-theme="light"] body .site-header .unified-auth-button, :root[data-theme="light"] body .site-header .service-account .button{
  background:linear-gradient(115deg,#7358df,#5d44ca)!important;color:white!important;border-color:transparent!important
}

/* Directory hero: breadcrumb and secondary button on light backgrounds */
:root[data-theme="light"] body.creator-directory-page :is(.creator-breadcrumb,.creator-directory-hero .creator-breadcrumb,.creator-directory-hero .creator-hero-actions .v4-btn-glass), :root[data-theme="light"] body.service-page .v4-inner-hero :is(.creator-breadcrumb,.v4-btn-glass){color:#525b7c!important}
:root[data-theme="light"] body.creator-directory-page .creator-directory-hero :is(.v4-btn-glass,.creator-secondary){background:#fff!important;color:#5a4a9c!important;border-color:#d6daec!important}
/* Consistent content backgrounds for older sections in feedback/admin pages */
:root[data-theme="light"] body :is(.v4-feedback-main,.v4-feedback-values,.v4-feedback-directory,.v4-feedback-guidance,.feedback-main,.moderation-main,.moderation-admin-grid,.reviewer-main){background-color:#f5f6fc!important;color:#242443!important}

:root[data-theme="light"] body :is(.v4-feedback-value-card,.v4-feedback-switch-card,.feedback-card,.reviewer-profile-card,.moderation-tool-card,.request-item,.reviewer-summary-card){background:#fff!important;color:#242443!important;border-color:#e1e4f1!important}

:root[data-theme="light"] body :is(.feedback-hero,.v4-feedback-hero,.moderation-hero,.rf-hero) :is(.breadcrumb,a,small){color:#616a8b!important}

/* Dark home benefits/services: no pure black blocks; light home retains the v83 treatment. */
@media(min-width:901px){
 
 
 
}
/* Preserve existing status colors; these should not be overwritten with generic text color. */
:root[data-theme="light"] body :is(.is-error,.error-message,.validation-error){color:#bd3455!important}

@media (prefers-reduced-motion:reduce){:root[data-theme="light"] body{transition:none!important}}
/* Explicitly correct the homepage-only pale navigation on the light header. */
html[data-theme="light"] body.home-page.v4-page #siteHeader.site-header .header-inner .desktop-nav a.nav-link, html[data-theme="light"] body.home-page.v4-page #siteHeader.site-header .header-inner .desktop-nav button.nav-link, html[data-theme="light"] body.home-page.v4-page #siteHeader.site-header .header-inner .desktop-nav .nav-dropdown-trigger{
  color:#343656!important;-webkit-text-fill-color:#343656!important;opacity:1!important;text-shadow:none!important;
}
html[data-theme="light"] body.home-page.v4-page #siteHeader.site-header .header-inner .desktop-nav .nav-link:hover, html[data-theme="light"] body.home-page.v4-page #siteHeader.site-header .header-inner .desktop-nav .nav-link.is-active{
  color:#6f58dc!important;-webkit-text-fill-color:#6f58dc!important;background:#f0edff!important;
}

/* iBlogger v91 fail-safe: the mobile drawer must never appear on desktop. */
@media (min-width: 1151px) {
  html body #siteHeader.site-header .header-inner{ direction: rtl !important; }
  html body #mobileNav.mobile-nav, html body #mobileNav.mobile-nav.is-open{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(110%) !important;
  }
  html body #mobileNavBackdrop.mobile-nav-backdrop, html body #mobileNavBackdrop.mobile-nav-backdrop.is-open{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  html body #siteHeader.site-header .menu-toggle{ display: none !important; }
}


/* iBlogger v158 — override legacy, high-specificity cover-crop rules on desktop.
   Keep the full portrait visible at its natural aspect ratio inside the existing card media frame. */
@media screen and (min-width: 721px) {
  html body.home-page.v4-page #homeEntityGrid.v4-entity-grid
  .creator-card[data-entity-type="blogger"] .creator-card-media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #f1f2f7 !important;
  }

  html body.home-page.v4-page #homeEntityGrid.v4-entity-grid
  .creator-card[data-entity-type="blogger"] .creator-card-media > img,
  html body.home-page.v4-page #homeEntityGrid.v4-entity-grid
  .creator-card[data-entity-type="blogger"].ib-v40-normalized .creator-card-media > img {
    display: block !important;
    flex: 0 1 auto !important;
    box-sizing: border-box !important;
    width: auto !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    border-radius: inherit !important;
  }

  html body.home-page.v4-page #homeEntityGrid.v4-entity-grid
  .creator-card[data-entity-type="blogger"]:hover .creator-card-media > img {
    width: auto !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }
}