/* 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/feedback.css */
/* Feedback directory pages */
.feedback-page{ --feedback-accent: var(--color-primary); }
.feedback-main{ overflow: hidden; }
.feedback-hero{ position: relative; padding: 78px 0 48px; }
.feedback-hero::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 0, color-mix(in srgb, var(--feedback-accent) 18%, transparent), transparent 36%), radial-gradient(circle at 10% 90%, color-mix(in srgb, var(--color-secondary) 13%, transparent), transparent 34%); pointer-events: none; }
.feedback-hero-grid{ position: relative; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(340px,.65fr); gap: 54px; align-items: center; }
.feedback-breadcrumb{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; color: var(--color-text-muted); font-size: .77rem; }
.feedback-breadcrumb a:hover{ color: var(--color-primary); }
.feedback-kicker{ display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; color: var(--color-primary); font-weight: 850; font-size: .8rem; }
.feedback-kicker::before{ content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--color-secondary); box-shadow: 0 0 0 5px color-mix(in srgb, var(--color-secondary) 14%, transparent); }
.feedback-hero h1{ font-size: clamp(2.5rem,6vw,5.1rem); letter-spacing: -.05em; margin-bottom: 18px; }
.feedback-hero-copy{ max-width: 760px; color: var(--color-text-secondary); font-size: 1.03rem; line-height: 2; }
.feedback-hero-actions{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.feedback-summary-panel{ padding: 27px; border: 1px solid var(--color-border); border-radius: 25px; background: color-mix(in srgb, var(--color-surface) 94%, transparent); box-shadow: var(--shadow-md); backdrop-filter: blur(14px); }
.feedback-summary-panel > span{ width: 58px; height: 58px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(145deg,var(--color-primary),var(--color-secondary)); color: var(--color-charcoal); font-size: 1.6rem; box-shadow: 0 12px 28px rgba(240,185,11,.20); }
.feedback-summary-panel h2{ font-size: 1.25rem; margin: 18px 0 7px; }
.feedback-summary-panel p{ margin: 0; color: var(--color-text-muted); font-size: .78rem; line-height: 1.85; }
.feedback-summary-stats{ display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; margin-top: 19px; }
.feedback-summary-stats div{ padding: 12px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface-subtle); }
.feedback-summary-stats strong{ display: block; color: var(--color-primary); font-size: 1.05rem; }
.feedback-summary-stats span{ color: var(--color-text-muted); font-size: .67rem; }
.feedback-directory{ padding: 34px 0 92px; }
.feedback-toolbar{ display: grid; grid-template-columns: minmax(260px,1.35fr) repeat(2,minmax(170px,.55fr)); gap: 12px; padding: 15px; border: 1px solid var(--color-border); border-radius: 20px; background: var(--color-surface); box-shadow: var(--shadow-sm); position: sticky; top: calc(var(--header-height) + 12px); z-index: 20; }
.feedback-search{ position: relative; }
.feedback-search svg{ position: absolute; right: 15px; top: 50%; width: 19px; height: 19px; transform: translateY(-50%); color: var(--color-text-muted); pointer-events: none; }
.feedback-search input{ padding-right: 44px; }
.feedback-input, .feedback-select{ width: 100%; min-height: 46px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface-subtle); color: var(--color-text-primary); padding: 10px 13px; font-family: inherit; outline: none; transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast); }
.feedback-input:focus, .feedback-select:focus{ border-color: var(--color-primary); box-shadow: 0 0 0 4px var(--color-primary-soft); background: var(--color-surface); }
.feedback-list-head{ display: flex; align-items: end; justify-content: space-between; gap: 18px; margin: 34px 0 18px; }
.feedback-list-head h2{ font-size: 1.45rem; margin-bottom: 5px; }
.feedback-list-head p{ color: var(--color-text-muted); font-size: .77rem; margin: 0; }
.feedback-result-count{ display: inline-flex; align-items: center; min-height: 34px; padding: 7px 11px; border-radius: 999px; background: var(--color-primary-soft); color: var(--color-primary); font-size: .72rem; font-weight: 850; white-space: nowrap; }
.feedback-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.feedback-card{ position: relative; min-width: 0; display: flex; flex-direction: column; padding: 21px; border: 1px solid var(--color-border); border-radius: 21px; background: var(--color-surface); box-shadow: var(--shadow-sm); transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal); overflow: hidden; }
.feedback-card::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg,var(--color-primary),var(--color-secondary)); opacity: 0; transition: opacity var(--transition-fast); }
.feedback-card:hover{ transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: color-mix(in srgb,var(--color-primary) 28%,var(--color-border)); }
.feedback-card:hover::before{ opacity: 1; }
.feedback-card-head{ display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: 12px; align-items: center; }
.feedback-entity-avatar{ width: 58px; height: 58px; border-radius: 17px; object-fit: cover; border: 1px solid var(--color-border); background: var(--color-surface-subtle); }
.feedback-shop-avatar{ display: grid; place-items: center; color: var(--color-charcoal); font-size: 1.05rem; font-weight: 900; background: linear-gradient(145deg,var(--avatar-a,#FCD535),var(--avatar-b,#0ECB81)); }
.feedback-entity-title{ min-width: 0; }
.feedback-entity-title h3{ font-size: .94rem; margin: 0 0 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.feedback-entity-title p{ margin: 0; color: var(--color-text-muted); font-size: .69rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.feedback-verified{ width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: var(--color-on-primary); background: var(--color-primary); }
.feedback-verified svg{ width: 14px; height: 14px; }
.feedback-stars{ display: flex; align-items: center; gap: 2px; color: #F0B90B; letter-spacing: .03em; font-size: .86rem; }
.feedback-rating-row{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 17px 0 13px; }
.feedback-rating-row strong{ font-size: .8rem; }
.feedback-rating-row small{ color: var(--color-text-muted); font-size: .67rem; }
.feedback-quote{ flex: 1; position: relative; padding: 15px; border-radius: 15px; background: var(--color-surface-subtle); color: var(--color-text-secondary); font-size: .76rem; line-height: 1.95; }
.feedback-quote::before{ content: "“"; position: absolute; top: -4px; right: 8px; color: color-mix(in srgb,var(--color-primary) 26%,transparent); font-size: 3rem; line-height: 1; font-family: serif; }
.feedback-reviewer{ display: flex; align-items: center; gap: 10px; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--color-border); }
.feedback-reviewer-avatar{ width: 37px; height: 37px; display: grid; place-items: center; border-radius: 12px; background: var(--color-primary-soft); color: var(--color-primary); font-size: .68rem; font-weight: 900; }
.feedback-reviewer div{ min-width: 0; }
.feedback-reviewer strong{ display: block; font-size: .73rem; }
.feedback-reviewer span{ display: block; color: var(--color-text-muted); font-size: .64rem; margin-top: 2px; }
.feedback-tags{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.feedback-tag{ padding: 5px 8px; border-radius: 999px; background: var(--color-primary-soft); color: var(--color-primary); font-size: .62rem; font-weight: 800; }
.feedback-card-action{ margin-top: 15px; }
.feedback-card-action .button{ width: 100%; }
.feedback-empty{ padding: 54px 20px; text-align: center; border: 1px dashed var(--color-border); border-radius: 20px; background: var(--color-surface); }
.feedback-empty[hidden]{ display: none; }
.feedback-empty strong{ display: block; margin-bottom: 6px; }
.feedback-empty span{ color: var(--color-text-muted); font-size: .76rem; }
.feedback-switch-card{ margin-top: 28px; padding: 27px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-radius: 22px; color: #fff; background: linear-gradient(135deg,var(--color-deep),var(--color-charcoal) 58%,#2B3139); }
.feedback-switch-card h2{ color: #fff; font-size: 1.35rem; margin-bottom: 6px; }
.feedback-switch-card p{ color: rgba(255,255,255,.68); font-size: .76rem; margin: 0; }
@media (max-width: 1180px) { .feedback-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 960px) { .feedback-hero-grid{ grid-template-columns: 1fr; } .feedback-summary-panel{ max-width: 620px; } }
@media (max-width: 768px) { .feedback-hero{ padding-top: 52px; } .feedback-toolbar{ position: static; grid-template-columns: 1fr 1fr; } .feedback-search{ grid-column: 1 / -1; } .feedback-switch-card{ flex-direction: column; align-items: flex-start; } }
@media (max-width: 620px) { .feedback-grid{ grid-template-columns: 1fr; } .feedback-toolbar{ grid-template-columns: 1fr; } .feedback-search{ grid-column: auto; } .feedback-list-head{ align-items: flex-start; } .feedback-card{ padding: 18px; } }
.feedback-card[hidden]{ display: none; }

.feedback-card.is-local-feedback{
  border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
  box-shadow: 0 14px 34px color-mix(in srgb, var(--color-primary) 9%, transparent);
}
.feedback-card.is-local-feedback::after{
  content: "بازخورد جدید";
  position: absolute;
  top: 13px;
  left: 13px;
  padding: 4px 8px;
  border-radius: 999px;
  color: var(--color-primary);
  background: var(--color-primary-soft);
  font-size: .62rem;
  font-weight: 850;
}
.feedback-quote{
  display: grid;
  gap: 7px;
}
.feedback-quote-title{
  color: var(--color-text-primary);
  font-size: .82rem;
}
.feedback-quote > span{ display: block; }

/* Real-only blogger-shop cards */
.feedback-shop-real-card .feedback-entity-avatar{ border-radius: 18px; }
.feedback-real-account-row > div{ display: grid; gap: 3px; }
.feedback-real-account-row > strong{ display: inline-flex; align-items: baseline; gap: 5px; }
.feedback-real-account-row > strong small{ font-size: .58rem; font-weight: 700; color: var(--color-text-muted); }
.feedback-real-shop-metrics{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 13px; }
.feedback-real-shop-metrics span{ display: grid; gap: 3px; padding: 10px; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface); }
.feedback-real-shop-metrics small{ color: var(--color-text-muted); font-size: .6rem; }
.feedback-real-shop-metrics strong{ font-size: .76rem; overflow: hidden; text-overflow: ellipsis; }
.feedback-card-action .button.is-disabled{ opacity: .55; cursor: not-allowed; pointer-events: none; }
@media (max-width: 420px) { .feedback-real-shop-metrics{ grid-template-columns: 1fr; } }
.feedback-page[data-feedback-type="shops"] .feedback-toolbar{ grid-template-columns: minmax(0,1.7fr) minmax(180px,.8fr); }
@media (max-width: 768px) { .feedback-page[data-feedback-type="shops"] .feedback-toolbar{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .feedback-page[data-feedback-type="shops"] .feedback-toolbar{ grid-template-columns: 1fr; } }


/* 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/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/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/feedback-v4.css */
/* =========================================================
   iBlogger Feedback V4 — rebuilt feedback directory pages
   Presentation-only layer; existing API/JS hooks are preserved.
   ========================================================= */
body.v4-page.v4-feedback-page{background:#f4f5fb!important;color:var(--v4-ink);}
body.v4-page.v4-feedback-page main{overflow:hidden!important;background:#f4f5fb;}

/* Hero */
.v4-feedback-hero{position:relative;min-height:650px;padding:146px 0 76px;color:#fff;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 6% 74%,rgba(105,91,255,.58),transparent 27%),radial-gradient(circle at 92% 27%,rgba(116,87,255,.42),transparent 23%),radial-gradient(ellipse at 55% 112%,rgba(227,144,231,.34),transparent 38%),linear-gradient(150deg,#080b23 0%,#101540 56%,#29256f 100%)}
.v4-feedback-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 1.35px);background-size:38px 38px;mask-image:linear-gradient(180deg,transparent 4%,#000 25%,#000 82%,transparent 98%)}
.v4-feedback-hero::after{content:"";position:absolute;width:520px;height:520px;left:-260px;bottom:-260px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(225,142,231,.38),transparent 68%);filter:blur(8px)}
.v4-feedback-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:58px;align-items:center;position:relative;z-index:2}
.v4-feedback-copy{max-width:690px}
.v4-feedback-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:rgba(255,255,255,.48);font-size:.7rem}.v4-feedback-breadcrumb a{color:inherit;text-decoration:none}.v4-feedback-breadcrumb a:hover{color:#fff}
.v4-feedback-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.76);font-size:.7rem;font-weight:900}.v4-feedback-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#a9c8ff;box-shadow:0 0 0 5px rgba(169,200,255,.10)}
.v4-feedback-hero h1{margin:20px 0 18px;color:#fff;font-size:clamp(3rem,5vw,5.15rem);line-height:.98;letter-spacing:-.06em;font-weight:800}.v4-feedback-hero h1 em{font-family:Georgia,serif;font-weight:500;color:#e5d8ff;font-style:italic}
.v4-feedback-lead{max-width:630px;margin:0;color:rgba(255,255,255,.66);font-size:.96rem;line-height:2}
.v4-feedback-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.v4-feedback-actions .v4-btn{min-width:148px}
.v4-feedback-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.v4-feedback-trust span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.58);font-size:.65rem}.v4-feedback-trust i{width:5px;height:5px;border-radius:50%;background:#aab7ff}

/* Hero visual: editorial photo stack + trust UI; no fake profile data */
.v4-feedback-art{position:relative;min-height:410px;display:grid;place-items:center;perspective:1000px}
.v4-feedback-photo-stage{position:relative;width:min(470px,100%);height:380px}
.v4-feedback-photo{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:30px;box-shadow:0 32px 74px rgba(3,6,24,.38);background:#202657}
.v4-feedback-photo img{width:100%;height:100%;display:block;object-fit:cover}
.v4-feedback-photo-a{width:185px;height:280px;right:16px;top:70px;transform:rotate(7deg)}
.v4-feedback-photo-b{width:220px;height:330px;right:128px;top:18px;z-index:2}
.v4-feedback-photo-c{width:170px;height:255px;right:286px;top:92px;transform:rotate(-8deg)}
.v4-feedback-glass-card{position:absolute;z-index:5;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:rgba(8,11,34,.76);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 22px 50px rgba(3,5,20,.28)}
.v4-feedback-glass-card small{display:block;margin-bottom:4px;color:rgba(255,255,255,.45);font-size:.61rem}.v4-feedback-glass-card strong{display:block;color:#fff;font-size:.83rem}.v4-feedback-glass-card span{display:block;margin-top:4px;color:rgba(255,255,255,.54);font-size:.62rem}
.v4-feedback-glass-primary{right:26px;bottom:4px}.v4-feedback-glass-secondary{left:0;top:32px}.v4-feedback-check{display:inline-grid!important;place-items:center;width:28px;height:28px!important;margin:0 0 9px!important;border-radius:9px;background:linear-gradient(135deg,#96a6ff,#8068ef);font-weight:950;color:#fff!important}

/* Trust bridge */
.v4-feedback-values{position:relative;z-index:4;margin-top:-32px}
.v4-feedback-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;border:1px solid rgba(53,60,111,.08);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 24px 65px rgba(36,43,102,.11);backdrop-filter:blur(16px)}
.v4-feedback-value{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:19px;background:#f7f8fc}.v4-feedback-value>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eceeff;color:#5d66cf;font-size:1rem;font-weight:950}.v4-feedback-value strong{display:block;margin-bottom:3px;font-size:.8rem}.v4-feedback-value small{display:block;color:#7c839f;font-size:.64rem;line-height:1.65}

/* Directory */
.v4-feedback-directory{padding:86px 0 94px;background:linear-gradient(180deg,#f4f5fb 0%,#eef0f7 100%)}
.v4-feedback-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.v4-feedback-section-head h2{margin:5px 0 0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.045em;line-height:1.06}.v4-feedback-section-head p{max-width:460px;margin:0;color:#737b98;font-size:.8rem;line-height:1.9}.v4-feedback-section-kicker{color:#6972d6;font-size:.68rem;font-weight:950}
.v4-feedback-directory .feedback-toolbar{position:sticky;top:96px;z-index:20;display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(170px,.65fr) minmax(170px,.65fr);gap:10px;padding:12px;border:1px solid var(--v4-line);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 16px 42px rgba(39,46,108,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.v4-page.v4-feedback-page[data-feedback-type="shops"] .feedback-toolbar{grid-template-columns:minmax(280px,1.6fr) minmax(180px,.7fr)!important}
.v4-feedback-directory .feedback-input, .v4-feedback-directory .feedback-select{width:100%;min-height:50px!important;border:1px solid rgba(68,77,139,.12)!important;border-radius:15px!important;background:#f6f7fb!important;color:#252a49!important;box-shadow:none!important;font-size:.78rem!important;font-family:inherit}.v4-feedback-directory .feedback-input:focus, .v4-feedback-directory .feedback-select:focus{border-color:#8189e8!important;background:#fff!important;box-shadow:0 0 0 4px rgba(129,137,232,.10)!important;outline:0!important}
.v4-feedback-directory .feedback-search{position:relative}.v4-feedback-directory .feedback-search svg{position:absolute;right:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#7d85a1;pointer-events:none}.v4-feedback-directory .feedback-search input{padding-right:46px!important}
.v4-feedback-directory .feedback-list-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 2px 18px}.v4-feedback-directory .feedback-list-head h2{margin:0 0 5px;font-size:1.35rem;letter-spacing:-.025em}.v4-feedback-directory .feedback-list-head p{margin:0;color:#8087a0;font-size:.72rem}.v4-feedback-directory .feedback-result-count{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;background:#e9ecff!important;color:#5963cc!important;padding:8px 12px!important;font-size:.67rem!important;font-weight:900;white-space:nowrap}
.v4-feedback-directory .feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v4-feedback-directory .feedback-card[hidden]{display:none!important}
.v4-feedback-directory .feedback-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:20px;border:1px solid rgba(56,65,123,.09);border-radius:26px;background:#fff;box-shadow:0 13px 34px rgba(39,46,108,.065);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.v4-feedback-directory .feedback-card::before{height:0}.v4-feedback-directory .feedback-card:hover{transform:translateY(-5px);border-color:rgba(105,113,214,.19);box-shadow:0 24px 50px rgba(39,46,108,.12)}
.v4-feedback-directory .feedback-card-head{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center}.v4-feedback-directory .feedback-entity-avatar{width:62px;height:62px;object-fit:cover;border-radius:19px;border:1px solid rgba(56,65,123,.09)}.v4-feedback-directory .feedback-entity-title h3{margin:0 0 3px;font-size:.94rem}.v4-feedback-directory .feedback-entity-title p{margin:0;color:#8289a1;font-size:.68rem}.v4-feedback-directory .feedback-verified{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#626bd4!important;color:#fff!important;box-shadow:0 6px 14px rgba(98,107,212,.20)}.v4-feedback-directory .feedback-verified svg{width:14px;height:14px}
.v4-feedback-directory .feedback-rating-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 13px;padding:12px 13px;border-radius:16px;background:#f7f8fc}.v4-feedback-directory .feedback-stars{color:#e4a71e;font-size:.86rem}.v4-feedback-directory .feedback-rating-row strong{font-size:.78rem}.v4-feedback-directory .feedback-rating-row small{color:#8389a0;font-size:.64rem}
.v4-feedback-directory .feedback-quote{position:relative;flex:1;display:grid;gap:7px;padding:16px;border:1px solid rgba(56,65,123,.07);border-radius:18px;background:#f7f8fc;color:#616981;font-size:.74rem;line-height:1.9}.v4-feedback-directory .feedback-quote::before{content:"“";position:absolute;top:-4px;right:8px;color:rgba(103,111,211,.16);font-size:3rem;line-height:1;font-family:serif}.v4-feedback-directory .feedback-quote-title{color:#252a49;font-size:.8rem}
.v4-feedback-directory .feedback-reviewer{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(56,65,123,.08)}.v4-feedback-directory .feedback-reviewer-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#ebedff;color:#5f68cf;font-size:.66rem;font-weight:900}.v4-feedback-directory .feedback-reviewer strong{display:block;font-size:.7rem}.v4-feedback-directory .feedback-reviewer span{display:block;margin-top:2px;color:#858ca4;font-size:.61rem}
.v4-feedback-directory .feedback-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.v4-feedback-directory .feedback-tag{padding:6px 9px;border-radius:999px;background:#edf0ff;color:#5b65cb;font-size:.6rem;font-weight:850}.v4-feedback-directory .feedback-card-action{margin-top:15px}.v4-feedback-directory .feedback-card-action .button{width:100%;min-height:43px!important;border-radius:999px!important;background:#151936!important;color:#fff!important;border:0!important;font-size:.72rem!important;font-weight:900!important}.v4-feedback-directory .feedback-card-action .button:hover{background:#252b5c!important}
.v4-feedback-directory .feedback-real-shop-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.v4-feedback-directory .feedback-real-shop-metrics span{display:grid;gap:3px;padding:10px;border:1px solid rgba(56,65,123,.08);border-radius:15px;background:#f8f9fc}.v4-feedback-directory .feedback-real-shop-metrics small{color:#858ca4;font-size:.59rem}.v4-feedback-directory .feedback-real-shop-metrics strong{font-size:.74rem;overflow:hidden;text-overflow:ellipsis}.v4-feedback-directory .feedback-real-account-row>div{display:grid;gap:3px}.v4-feedback-directory .feedback-real-account-row>strong{display:inline-flex;align-items:baseline;gap:5px}.v4-feedback-directory .feedback-real-account-row>strong small{font-size:.57rem;font-weight:700;color:#858ca4}
.v4-feedback-directory .feedback-empty{padding:54px 20px;text-align:center;border:1px dashed rgba(70,78,137,.18);border-radius:25px;background:#fff;color:#242946}.v4-feedback-directory .feedback-empty[hidden]{display:none}.v4-feedback-directory .feedback-empty strong{display:block;margin-bottom:6px}.v4-feedback-directory .feedback-empty span{color:#80879e;font-size:.74rem}

/* Editorial information + cross-link */
.v4-feedback-guidance{padding:0 0 90px;background:#eef0f7}.v4-feedback-guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v4-feedback-editorial{padding:34px;border-radius:32px;background:#fff;border:1px solid var(--v4-line);box-shadow:0 13px 34px rgba(39,46,108,.055)}.v4-feedback-editorial.dark{position:relative;overflow:hidden;background:linear-gradient(145deg,#11152f,#292d6d);color:#fff;border:0}.v4-feedback-editorial.dark::after{content:"";position:absolute;width:300px;height:300px;left:-130px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(159,142,255,.34),transparent 68%)}
.v4-feedback-editorial .v4-feedback-section-kicker{display:block;margin-bottom:13px}.v4-feedback-editorial.dark .v4-feedback-section-kicker{color:#bac0ff}.v4-feedback-editorial h2{position:relative;z-index:1;margin:0 0 12px;font-size:clamp(1.7rem,2.5vw,2.55rem);letter-spacing:-.04em;line-height:1.1}.v4-feedback-editorial p{position:relative;z-index:1;margin:0;color:#747c98;font-size:.8rem;line-height:1.95}.v4-feedback-editorial.dark p{color:rgba(255,255,255,.61)}
.v4-feedback-points{display:grid;gap:9px;margin-top:22px}.v4-feedback-point{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:15px;background:#f6f7fb}.v4-feedback-point>span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#e9ebff;color:#5e67d0;font-size:.68rem;font-weight:950}.v4-feedback-point strong{display:block;font-size:.72rem}.v4-feedback-point small{display:block;margin-top:2px;color:#7e859e;font-size:.62rem;line-height:1.6}
.v4-feedback-switch-card{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:24px}.v4-feedback-switch-card .v4-btn{flex:0 0 auto}




@media(max-width:1080px){.v4-feedback-hero-grid{grid-template-columns:1fr .86fr;gap:30px}.v4-feedback-photo-stage{transform:scale(.88);transform-origin:center}.v4-feedback-directory .feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.v4-feedback-hero{min-height:auto;padding:122px 0 78px}.v4-feedback-hero-grid{grid-template-columns:1fr}.v4-feedback-copy{max-width:760px}.v4-feedback-art{min-height:330px}.v4-feedback-photo-stage{transform:scale(.82);height:330px}.v4-feedback-values{margin-top:-24px}.v4-feedback-values-grid{grid-template-columns:1fr 1fr}.v4-feedback-values-grid .v4-feedback-value:last-child{grid-column:1/-1}.v4-feedback-directory .feedback-toolbar{position:static;grid-template-columns:1fr 1fr}.v4-feedback-directory .feedback-search{grid-column:1/-1}body.v4-page.v4-feedback-page[data-feedback-type="shops"] .feedback-toolbar{grid-template-columns:1fr 1fr!important}.v4-feedback-guidance-grid{grid-template-columns:1fr}}
@media(max-width:620px){.v4-feedback-hero{padding:102px 0 62px}.v4-feedback-hero h1{font-size:2.75rem}.v4-feedback-lead{font-size:.82rem;line-height:1.9}.v4-feedback-actions{display:grid;grid-template-columns:1fr}.v4-feedback-actions .v4-btn{width:100%}.v4-feedback-trust{gap:6px}.v4-feedback-art{min-height:245px}.v4-feedback-photo-stage{width:360px;height:265px;transform:scale(.68);transform-origin:center}.v4-feedback-values-grid{grid-template-columns:1fr;padding:10px;border-radius:23px}.v4-feedback-values-grid .v4-feedback-value:last-child{grid-column:auto}.v4-feedback-directory{padding:68px 0 70px}.v4-feedback-section-head{align-items:flex-start;flex-direction:column}.v4-feedback-directory .feedback-toolbar, body.v4-page.v4-feedback-page[data-feedback-type="shops"] .feedback-toolbar{grid-template-columns:1fr!important}.v4-feedback-directory .feedback-search{grid-column:auto}.v4-feedback-directory .feedback-grid{grid-template-columns:1fr}.v4-feedback-guidance{padding-bottom:68px}.v4-feedback-editorial{padding:24px;border-radius:25px}.v4-feedback-switch-card{align-items:stretch;flex-direction:column}.v4-feedback-switch-card .v4-btn{width:100%}.v4-feedback-directory .feedback-list-head{align-items:flex-start}.v4-feedback-directory .feedback-real-shop-metrics{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:390px){.v4-feedback-photo-stage{transform:scale(.61)}.v4-feedback-hero h1{font-size:2.45rem}.v4-feedback-value{padding:12px}.v4-feedback-directory .feedback-real-shop-metrics{grid-template-columns:1fr}}


/* 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/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/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); }
}




@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/feedback-v58.css */
/* iBlogger v58 - dedicated feedback pages typography, header and separation.
   Scoped to feedback pages only. No changes to other templates. */
@media(min-width:621px){
  html body.ib-feedback-repaired .site-header .header-inner{
    background:rgba(9,13,43,.96)!important;
    border:1px solid rgba(255,255,255,.17)!important;
    box-shadow:0 14px 42px rgba(9,12,46,.20)!important;
    backdrop-filter:blur(16px) saturate(125%)!important;
  }
  html body.ib-feedback-repaired .site-header .brand, html body.ib-feedback-repaired .site-header .site-logo{
    display:inline-flex!important;align-items:center!important;min-width:142px!important;
  }
  html body.ib-feedback-repaired .site-header .site-logo-image.logo-light{
    display:block!important;width:144px!important;height:41px!important;max-width:144px!important;
    object-fit:contain!important;filter:brightness(0) invert(1)!important;
    opacity:1!important;visibility:visible!important;
  }
  
  html body.ib-feedback-repaired .site-header .desktop-nav .nav-link, html body.ib-feedback-repaired .site-header .desktop-nav .nav-dropdown-trigger{
    color:#f3f0ff!important;font-size:13px!important;line-height:1.45!important;padding-inline:8px!important;
  }
  
  html body.ib-feedback-repaired .site-header .unified-auth-button{font-size:13px!important;min-height:38px!important;}
  html body.ib-feedback-repaired .v4-feedback-breadcrumb, html body.ib-feedback-repaired .v4-feedback-kicker{font-size:13px!important;line-height:1.6!important;}
  html body.ib-feedback-repaired .v4-feedback-lead{font-size:16px!important;line-height:1.95!important;}
  html body.ib-feedback-repaired .v4-feedback-trust span{font-size:13px!important;line-height:1.6!important;}
  html body.ib-feedback-repaired .v4-feedback-glass-card small, html body.ib-feedback-repaired .v4-feedback-glass-card span{font-size:12px!important;line-height:1.5!important;}
  html body.ib-feedback-repaired .v4-feedback-value strong{font-size:15px!important;line-height:1.5!important;}
  html body.ib-feedback-repaired .v4-feedback-value small{font-size:13px!important;line-height:1.75!important;}
  html body.ib-feedback-repaired .v4-feedback-section-kicker{font-size:13px!important;}
  html body.ib-feedback-repaired .v4-feedback-section-head p{font-size:14px!important;line-height:1.85!important;}
  html body.ib-feedback-repaired .v4-feedback-directory :is(.feedback-input,.feedback-select){font-size:14px!important;}
  html body.ib-feedback-repaired .v4-feedback-directory .feedback-result-count{font-size:12px!important;}
  html body.ib-feedback-repaired .v4-feedback-directory .feedback-list-head p{font-size:13px!important;}
  html body.ib-feedback-repaired .v4-feedback-directory :is(.feedback-entity-title p,.feedback-rating-row small,.feedback-reviewer span,.feedback-real-shop-metrics small,.feedback-tag,.feedback-reviewer strong,.feedback-real-account-row small){font-size:12px!important;line-height:1.65!important;}
  html body.ib-feedback-repaired .v4-feedback-directory :is(.feedback-quote,.feedback-quote-title,.feedback-card-action .button){font-size:13px!important;line-height:1.75!important;}
  html body.ib-feedback-repaired .v4-feedback-editorial p{font-size:14px!important;line-height:1.9!important;}
  html body.ib-feedback-repaired .v4-feedback-point strong{font-size:14px!important;}
  html body.ib-feedback-repaired .v4-feedback-point small{font-size:13px!important;line-height:1.7!important;}
  html body.ib-feedback-repaired .site-footer :is(p,a,small,span){font-size:13px!important;line-height:1.75!important;}
  html body.ib-feedback-repaired .site-footer h3{font-size:15px!important;}
}
@media(min-width:621px) and (max-width:1100px){
  html body.ib-feedback-repaired .site-header .desktop-nav .nav-link, html body.ib-feedback-repaired .site-header .desktop-nav .nav-dropdown-trigger{font-size:12px!important;padding-inline:5px!important;}
  html body.ib-feedback-repaired .site-header .site-logo-image.logo-light{width:126px!important;height:37px!important;}
  html body.ib-feedback-repaired .site-header .brand{min-width:126px!important;}
}

/* Page-specific mobile renderer: expand content naturally rather than
   overlapping the review card with a negative top margin. */
@media(max-width:620px){
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"]{
    overflow:clip!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-header{
    height:65px!important;padding:0 9px!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-header-inner{
    height:61px!important;max-width:100%!important;padding:7px 12px!important;
    background:rgba(5,10,36,.93)!important;border:1px solid rgba(255,255,255,.15)!important;
    border-radius:0 0 19px 19px!important;box-shadow:0 12px 34px rgba(3,5,24,.22)!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-logo{
    width:135px!important;flex:0 1 135px!important;min-width:0!important;margin-left:auto!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-logo img{
    width:100%!important;height:39px!important;max-width:135px!important;
    display:block!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;
    opacity:1!important;visibility:visible!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-header-actions{gap:8px!important;flex:0 0 auto!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-unified-auth, html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-unified-auth span{font-size:13px!important;min-height:39px!important;width:68px!important;height:39px!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-menu-panel{top:65px!important;width:min(250px,calc(100vw - 24px))!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-menu-panel a{font-size:13px!important;line-height:1.55!important;padding:10px!important;}

  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-hero{
    height:auto!important;min-height:330px!important;overflow:hidden!important;
    padding:99px 16px 42px!important;display:block!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-hero-copy{
    width:calc(100% - 116px)!important;max-width:none!important;position:relative!important;
    min-height:0!important;z-index:4!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-kicker{
    font-size:12px!important;line-height:1.7!important;margin-bottom:8px!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-hero h1{
    font-size:clamp(22px,6.5vw,27px)!important;line-height:1.38!important;
    margin:0 0 10px!important;letter-spacing:-.025em!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-hero p{
    font-size:12.5px!important;line-height:1.85!important;overflow-wrap:anywhere!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-hero-photo{
    width:94px!important;height:118px!important;top:134px!important;left:14px!important;
    border-radius:19px!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-main{
    width:calc(100% - 28px)!important;position:relative!important;
    margin:0 auto!important;padding:19px 0 26px!important;min-height:0!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-spot{
    display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;
    align-items:center!important;gap:12px!important;
    height:auto!important;min-height:0!important;
    margin:0!important;padding:15px!important;border-radius:19px!important;
    position:relative!important;z-index:1!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-spot>img{
    width:86px!important;height:92px!important;object-fit:cover!important;border-radius:13px!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-spot>div{min-width:0!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-spot h2{
    font-size:16px!important;line-height:1.45!important;overflow-wrap:anywhere!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-spot b{
    font-size:12px!important;line-height:1.65!important;margin-top:5px!important;
    display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-spot p{
    font-size:12px!important;line-height:1.75!important;margin:4px 0 0!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-spot a{
    grid-column:1 / -1!important;width:100%!important;min-height:41px!important;height:auto!important;
    font-size:13px!important;font-weight:800!important;line-height:1.5!important;
    padding:9px 12px!important;margin-top:2px!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-main>.mar-pills{
    margin-top:17px!important;padding:7px!important;gap:5px!important;
    min-height:52px!important;height:auto!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-main>.mar-pills button{
    min-height:38px!important;white-space:normal!important;
    font-size:12px!important;line-height:1.5!important;padding:7px 5px!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-list{
    display:grid!important;gap:12px!important;margin:15px 0 0!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-list article{
    grid-template-columns:43px minmax(0,1fr)!important;gap:13px!important;
    min-height:0!important;height:auto!important;padding:17px!important;border-radius:17px!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-list>article>i{
    width:40px!important;height:40px!important;font-size:19px!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-list h3{
    font-size:15px!important;line-height:1.6!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-list small{
    font-size:12px!important;line-height:1.7!important;display:block!important;margin-top:3px!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-list b{
    font-size:13px!important;line-height:1.6!important;letter-spacing:1px!important;margin:8px 0!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-list p{
    font-size:13px!important;line-height:1.85!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-note{
    height:auto!important;min-height:0!important;margin:20px 0 0!important;
    padding:16px!important;font-size:13px!important;line-height:1.8!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mobile-unified-footer{
    margin-top:14px!important;position:relative!important;
  }
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mobile-unified-footer :is(a,small,p){
    font-size:12px!important;line-height:1.8!important;
  }
}
@media(max-width:350px){
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-logo{width:112px!important;flex-basis:112px!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-logo img{max-width:112px!important;height:34px!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-hero{min-height:350px!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-hero-copy{width:calc(100% - 106px)!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-hero-photo{width:84px!important;height:104px!important;left:12px!important;top:154px!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-hero h1{font-size:21px!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-spot{grid-template-columns:75px minmax(0,1fr)!important;padding:12px!important;gap:10px!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-spot>img{width:75px!important;height:88px!important;}
  html body.ib-feedback-repaired .mobile-approved-render[data-page^="feedback-"] .mar-feedback-main>.mar-pills button{font-size:11px!important;}
}
@media(min-width:621px){
  html body.ib-feedback-repaired .site-header .desktop-nav .nav-link:is(.is-active,:hover,:focus-visible), html body.ib-feedback-repaired .site-header .desktop-nav .nav-dropdown-trigger:is(.is-active,:hover,:focus-visible), html body.ib-feedback-repaired .site-header .desktop-nav .nav-dropdown-trigger[aria-expanded="true"]{
    color:#fff!important;background:rgba(139,115,250,.24)!important;
  }
}
@media(max-width:620px){
  
  
}


/* 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/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;
}