.symbiora-homepage {
  background:
    radial-gradient(circle at top left, rgba(62, 127, 255, 0.12), transparent 32%),
    radial-gradient(circle at top right, rgba(17, 180, 156, 0.12), transparent 26%),
    linear-gradient(180deg, #f6f9ff 0%, #eef4ff 100%);
  padding: 42px 0 78px;
}
.symbiora-home-shell {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}
.symbiora-home-section,
.symbiora-home-hero,
.symbiora-home-cta-band {
  border: 1px solid rgba(190, 208, 238, .75);
  border-radius: 28px;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 55px rgba(27, 52, 93, .09);
}
.symbiora-home-hero {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 30px;
  padding: 38px;
  position: relative;
  overflow: hidden;
}
.symbiora-home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(43,100,235,.04), transparent 45%, rgba(18,180,145,.05));
  pointer-events: none;
}
.symbiora-home-badge,
.symbiora-home-card-eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(36, 80, 215, 0.08);
  color: #2450d7;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.symbiora-home-hero-copy,
.symbiora-home-visual-stage {
  position: relative;
  z-index: 1;
}
.symbiora-home-hero h1,
.symbiora-home-section h2,
.symbiora-home-cta-band h2 {
  color: #0d2345;
  line-height: 1.04;
  letter-spacing: -.03em;
  margin: 16px 0 14px;
}
.symbiora-home-hero h1 { font-size: clamp(46px, 6vw, 74px); max-width: 10ch; }
.symbiora-home-section h2,
.symbiora-home-cta-band h2 { font-size: clamp(28px, 3vw, 42px); }
.symbiora-home-lead,
.symbiora-home-section p,
.symbiora-home-cta-band p,
.symbiora-home-card p,
.symbiora-home-login-card p {
  color: #385271;
  font-size: 18px;
  line-height: 1.7;
}
.symbiora-home-hero-bullets,
.symbiora-home-mini-points,
.symbiora-home-trust-row,
.symbiora-home-ui-actions,
.symbiora-home-cta-row,
.symbiora-home-login-actions,
.symbiora-home-login-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.symbiora-home-hero-bullets { margin: 24px 0; }
.symbiora-home-bullet,
.symbiora-home-mini-points span,
.symbiora-home-trust-pill,
.symbiora-home-ui-actions span {
  border-radius: 999px;
  padding: 11px 15px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(189,206,237,.9);
  color: #193459;
  font-weight: 800;
}
.symbiora-home-button {
  min-height: 56px;
  padding: 14px 20px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.symbiora-home-button:hover { transform: translateY(-4px); }
.symbiora-home-button--primary {
  color: #fff;
  background: linear-gradient(135deg, #1b63ea, #1148cf 58%, #12b48d);
  box-shadow: 0 20px 38px rgba(27,99,234,.24);
}
.symbiora-home-button--ghost {
  color: #17375e;
  background: #fff;
  border: 1px solid rgba(190,206,236,.9);
}
.symbiora-home-button--soft {
  color: #2450d7;
  background: rgba(36,80,215,.08);
  border: 1px solid rgba(162,185,231,.7);
}
.symbiora-home-visual-stage {
  min-height: 450px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(226,237,255,.72), rgba(241,247,255,.84));
  border: 1px solid rgba(194,212,243,.85);
  overflow: hidden;
}
.symbiora-home-glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(18px);
  opacity: .75;
}
.symbiora-home-glow--one {
  width: 220px; height: 220px; top: 28px; right: 48px;
  background: rgba(41,118,255,.26);
}
.symbiora-home-glow--two {
  width: 180px; height: 180px; bottom: 34px; left: 42px;
  background: rgba(17,180,145,.24);
}
.symbiora-home-ui-card,
.symbiora-home-stat,
.symbiora-home-card,
.symbiora-home-login-card {
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(188,208,241,.86);
  box-shadow: 0 20px 44px rgba(16, 38, 74, .09);
}
.symbiora-home-ui-card {
  position: absolute;
  top: 42px; left: 34px;
  width: min(380px, calc(100% - 68px));
  padding: 24px;
  border-radius: 24px;
}
.symbiora-home-ui-card h3 { margin: 12px 0 10px; color: #0f2342; font-size: 30px; }
.symbiora-home-floating { position: absolute; }
.symbiora-home-floating--a { top: 36px; right: 30px; }
.symbiora-home-floating--b { right: 22px; bottom: 116px; }
.symbiora-home-floating--c { left: 34px; bottom: 28px; }
.symbiora-home-stat {
  min-width: 190px;
  padding: 18px 20px;
  border-radius: 24px;
}
.symbiora-home-stat strong {
  display: block;
  color: #0f2342;
  font-size: 24px;
}
.symbiora-home-stat span { color: #3b5676; font-weight: 800; }
.symbiora-home-section { margin-top: 22px; padding: 30px; }
.symbiora-home-section-head { margin-bottom: 18px; }
.symbiora-home-card-grid { display: grid; gap: 18px; }
.symbiora-home-card-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.symbiora-home-card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.symbiora-home-card,
.symbiora-home-login-card {
  padding: 24px;
  border-radius: 24px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.symbiora-home-card:hover,
.symbiora-home-login-card:hover { transform: translateY(-6px); box-shadow: 0 26px 46px rgba(16,38,74,.13); }
.symbiora-home-card h3,
.symbiora-home-login-card h3 { color: #0f2342; margin: 12px 0 10px; font-size: 24px; }
.symbiora-home-card-actions { margin-top: 16px; }
.symbiora-home-section--problem-solution .symbiora-home-card--problem {
  background: linear-gradient(180deg, rgba(255,247,247,.92), rgba(255,255,255,.92));
}
.symbiora-home-section--problem-solution .symbiora-home-card--solution {
  background: linear-gradient(180deg, rgba(243,255,251,.92), rgba(255,255,255,.92));
}
.symbiora-home-list { margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.symbiora-home-list li {
  padding: 15px 16px 15px 44px;
  border-radius: 18px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(195,210,238,.84);
  position: relative;
  color: #18355c;
  font-weight: 800;
}
.symbiora-home-list li::before {
  content: "–";
  position: absolute;
  left: 16px; top: 12px;
  color: #d63b3b;
  font-size: 26px;
  font-weight: 800;
}
.symbiora-home-list--positive li::before { content: "✓"; color: #12a36b; }
.symbiora-home-meaning-grid,
.symbiora-home-login-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: 1.06fr .94fr;
}
.symbiora-home-quote {
  margin: 20px 0 0;
  padding: 18px 20px;
  border-left: 4px solid #2450d7;
  background: rgba(245,248,255,.95);
  border-radius: 0 18px 18px 0;
  color: #17375e;
  font-weight: 800;
}
.symbiora-home-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.symbiora-home-card--step { position: relative; }
.symbiora-home-card--step::after {
  content: "";
  position: absolute;
  top: 34px; right: -10px;
  width: 20px; height: 2px;
  background: linear-gradient(90deg, rgba(36,80,215,.7), rgba(18,180,145,.7));
}
.symbiora-home-steps-grid .symbiora-home-card:last-child::after { display: none; }
.symbiora-home-login-card {
  position: relative;
  overflow: hidden;
}
.symbiora-home-login-card::before {
  content: "";
  position: absolute;
  top: -60px; right: -40px;
  width: 160px; height: 160px;
  border-radius: 36px;
  background: linear-gradient(135deg, rgba(27,99,234,.08), rgba(24,180,145,.12));
  transform: rotate(18deg);
}
.symbiora-home-login-topline { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; position: relative; z-index: 1; }
.symbiora-home-login-badge {
  display: inline-flex; align-items:center;
  padding: 8px 12px; border-radius: 999px;
  background: rgba(36,80,215,.08); color: #2450d7; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
.symbiora-home-login-status {
  font-size: 12px; font-weight: 800; color: #14546f; background: rgba(20,84,111,.08); border-radius: 999px; padding: 8px 12px;
}
.symbiora-home-login-form .login label { display:block; font-weight:700; color:#17375e; margin-bottom:8px; }
.symbiora-home-login-form .login input[type="text"],
.symbiora-home-login-form .login input[type="password"],
.symbiora-home-login-form .login input[type="email"] {
  width: 100%; min-height: 56px; border-radius: 18px; border: 1px solid #cfe0fb; background: #f2f7ff; padding: 0 18px; margin-bottom: 16px;
}
.symbiora-home-login-form .login input[type="submit"],
.symbiora-home-login-form .login .button {
  width: 100%; min-height: 56px; border: none; border-radius: 18px; color:#fff; font-weight:800; background: linear-gradient(135deg, #1b63ea, #1148cf 58%, #12b48d); box-shadow:0 18px 34px rgba(27,99,234,.22);
}
.symbiora-home-login-form .login .login-remember { display:flex; align-items:center; gap:8px; margin-bottom:16px; }
.symbiora-home-quick-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:12px; margin-top:18px; }
.symbiora-home-quick {
  text-decoration: none;
  padding: 16px;
  border-radius: 18px;
  background: rgba(244,248,255,.96);
  border: 1px solid rgba(196,211,240,.86);
  color: #17375e;
}
.symbiora-home-quick strong { display:block; margin-bottom:6px; color:#0f2342; }
.symbiora-home-quick span { display:block; color:#45617f; }
.symbiora-home-login-links { margin-top: 18px; }
.symbiora-home-login-links a { color:#2450d7; font-weight:700; text-decoration:none; }
.symbiora-home-trust-row { margin-top: 10px; }
.symbiora-home-cta-band {
  margin-top: 22px;
  padding: 30px;
  background: linear-gradient(135deg, #1148cf 0%, #1f63ea 58%, #12b48d 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.symbiora-home-cta-band .symbiora-home-badge { background: rgba(255,255,255,.14); color: #fff; }
.symbiora-home-cta-band h2,
.symbiora-home-cta-band p { color: #fff; }
.symbiora-home-cta-band .symbiora-home-button--ghost { background:#fff; border-color:#fff; }
.symbiora-home-cta-band .symbiora-home-button--primary { background:#0f2342; box-shadow:none; }

.symbiora-home-hero-copy .symbiora-home-badge {
  box-shadow: 0 10px 24px rgba(36,80,215,.08);
}
.symbiora-home-cta-row { margin-top: 12px; }
.symbiora-home-mini-points { margin-top: 18px; }
.symbiora-home-ui-card--main {
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,250,255,.92));
}
.symbiora-home-stat {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 2px 12px;
  align-items: center;
}
.symbiora-home-stat em {
  grid-row: 1 / span 2;
  font-style: normal;
  font-size: 22px;
}
.symbiora-home-stat strong {
  margin: 0;
  font-size: 19px;
  line-height: 1.2;
}
.symbiora-home-stat span {
  line-height: 1.35;
}
.symbiora-home-card--problem h2,
.symbiora-home-card--solution h2 {
  font-size: clamp(26px, 2.4vw, 38px);
}
.symbiora-home-card--audience p strong {
  color: #0f2342;
}
@media (max-width: 1024px) {
  .symbiora-home-hero,
  .symbiora-home-meaning-grid,
  .symbiora-home-login-grid,
  .symbiora-home-card-grid--two,
  .symbiora-home-card-grid--three,
  .symbiora-home-steps-grid,
  .symbiora-home-cta-band { grid-template-columns: 1fr; display:grid; }
  .symbiora-home-visual-stage { min-height: 360px; }
}
@media (max-width: 767px) {
  .symbiora-homepage { padding: 18px 0 44px; }
  .symbiora-home-shell { width: min(100% - 20px, 1180px); }
  .symbiora-home-hero,
  .symbiora-home-section,
  .symbiora-home-cta-band { padding: 20px; border-radius: 24px; }
  .symbiora-home-hero h1 { font-size: 38px; }
  .symbiora-home-ui-card { position: relative; top: auto; left: auto; width: auto; margin: 24px 18px 0; }
  .symbiora-home-floating { position: relative; top:auto; right:auto; left:auto; bottom:auto; margin: 12px 18px 0; }
  .symbiora-home-quick-grid { grid-template-columns: 1fr; }
}


.symbiora-home-highlight {
  background: linear-gradient(135deg, #1b63ea 0%, #12b48d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
}
.symbiora-home-highlight::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(27,99,234,.18), rgba(18,180,141,.18));
  z-index: -1;
}
.symbiora-home-hero-copy > * { position: relative; z-index: 1; }
.symbiora-home-lead {
  max-width: 30ch;
  font-size: clamp(19px, 2vw, 22px);
}
.symbiora-home-button {
  position: relative;
  overflow: hidden;
}
.symbiora-home-button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.24) 48%, transparent 100%);
  transform: translateX(-120%);
  transition: transform .5s ease;
}
.symbiora-home-button:hover::after { transform: translateX(120%); }
.symbiora-home-button--primary {
  animation: symbioraPulse 3.2s ease-in-out infinite;
}
@keyframes symbioraPulse {
  0%, 100% { box-shadow: 0 20px 38px rgba(27,99,234,.24); }
  50% { box-shadow: 0 24px 48px rgba(18,180,141,.26); }
}
.symbiora-home-visual-stage::before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.5);
  pointer-events: none;
}
.symbiora-home-ui-card--main {
  box-shadow: 0 28px 60px rgba(16,38,74,.12);
}
.symbiora-home-ui-card--main::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 24px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(27,99,234,.28), rgba(18,180,141,.22));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.symbiora-home-floating {
  animation: symbioraFloat 6s ease-in-out infinite;
}
.symbiora-home-floating--b { animation-duration: 6.8s; }
.symbiora-home-floating--c { animation-duration: 7.4s; }
@keyframes symbioraFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.symbiora-home-section-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.symbiora-home-card-grid--three .symbiora-home-card,
.symbiora-home-steps-grid .symbiora-home-card,
.symbiora-home-meaning-points .symbiora-home-card {
  position: relative;
}
.symbiora-home-card-grid--three .symbiora-home-card::before,
.symbiora-home-steps-grid .symbiora-home-card::before,
.symbiora-home-meaning-points .symbiora-home-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.22), transparent 28%);
  pointer-events: none;
}
.symbiora-home-card--difference h3,
.symbiora-home-card--feature h3,
.symbiora-home-card--meaning h3,
.symbiora-home-card--step h3 {
  padding-right: 26px;
}
.symbiora-home-card--difference::after,
.symbiora-home-card--feature::after,
.symbiora-home-card--meaning::after,
.symbiora-home-card--step::after {
  box-shadow: none;
}
.symbiora-home-card--difference .symbiora-home-card-eyebrow,
.symbiora-home-card--feature .symbiora-home-card-eyebrow,
.symbiora-home-card--meaning .symbiora-home-card-eyebrow,
.symbiora-home-card--step .symbiora-home-card-eyebrow {
  background: rgba(15,35,66,.06);
  color: #0f2342;
}
.symbiora-home-card--audience {
  padding-top: 84px;
}
.symbiora-home-card--audience::after {
  content: "";
  position: absolute;
  top: 24px;
  left: 24px;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(27,99,234,.12), rgba(18,180,141,.14));
  box-shadow: inset 0 0 0 1px rgba(27,99,234,.08);
}
.symbiora-home-card-grid--three .symbiora-home-card--audience:nth-child(1)::before,
.symbiora-home-card-grid--three .symbiora-home-card--audience:nth-child(2)::before,
.symbiora-home-card-grid--three .symbiora-home-card--audience:nth-child(3)::before {
  content: attr(data-icon);
}
.symbiora-home-card-grid--three .symbiora-home-card--audience:nth-child(1)::before {
  content: "👔";
}
.symbiora-home-card-grid--three .symbiora-home-card--audience:nth-child(2)::before {
  content: "⚡";
}
.symbiora-home-card-grid--three .symbiora-home-card--audience:nth-child(3)::before {
  content: "🛠";
}
.symbiora-home-card-grid--three .symbiora-home-card--audience::before {
  position: absolute;
  top: 35px;
  left: 37px;
  z-index: 2;
  font-size: 20px;
  line-height: 1;
}
.symbiora-home-card--problem,
.symbiora-home-card--solution {
  box-shadow: 0 18px 40px rgba(16,38,74,.08), inset 0 1px 0 rgba(255,255,255,.65);
}
.symbiora-home-card--problem {
  border-color: rgba(239,190,190,.8);
}
.symbiora-home-card--solution {
  border-color: rgba(170,224,202,.92);
}
.symbiora-home-flow-strip {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.symbiora-home-flow-strip span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 14px 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(242,247,255,.94));
  border: 1px solid rgba(192,209,240,.9);
  color: #0f2342;
  font-weight: 800;
}
.symbiora-home-flow-strip span:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -17px;
  top: 50%;
  transform: translateY(-50%);
  color: #2450d7;
  font-size: 22px;
  font-weight: 800;
}
.symbiora-home-trust-pill {
  box-shadow: 0 10px 22px rgba(16,38,74,.06);
}
.symbiora-home-cta-band {
  position: relative;
  overflow: hidden;
}
.symbiora-home-cta-band::before {
  content: "";
  position: absolute;
  inset: -40% auto auto -10%;
  width: 280px;
  height: 280px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  filter: blur(12px);
}
.symbiora-home-cta-band::after {
  content: "";
  position: absolute;
  inset: auto -8% -40% auto;
  width: 240px;
  height: 240px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  filter: blur(12px);
}
.symbiora-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .55s ease, transform .55s ease;
}
.symbiora-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 1024px) {
  .symbiora-home-lead { max-width: none; }
  .symbiora-home-flow-strip { grid-template-columns: 1fr; }
  .symbiora-home-flow-strip span:not(:last-child)::after {
    content: "↓";
    right: auto;
    left: 50%;
    top: auto;
    bottom: -19px;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .symbiora-home-button--primary { animation: none; }
  .symbiora-home-floating { animation: none; }
  .symbiora-home-card--audience { padding-top: 74px; }
  .symbiora-home-card-grid--three .symbiora-home-card--audience::before { top: 31px; left: 33px; }
}


@media (max-width: 1180px) {
  .symbiora-home-shell {
    width: min(100% - 28px, 1100px);
  }

  .symbiora-home-hero,
  .symbiora-home-meaning-grid,
  .symbiora-home-login-grid,
  .symbiora-home-cta-band {
    grid-template-columns: 1fr;
  }

  .symbiora-home-hero {
    padding: 32px;
  }

  .symbiora-home-visual-stage {
    min-height: 380px;
  }
}

@media (max-width: 980px) {
  .symbiora-homepage {
    padding: 24px 0 48px;
  }

  .symbiora-home-section,
  .symbiora-home-hero,
  .symbiora-home-cta-band {
    border-radius: 22px;
  }

  .symbiora-home-hero {
    gap: 22px;
    padding: 24px;
  }

  .symbiora-home-hero h1 {
    max-width: none;
    font-size: clamp(34px, 8vw, 54px);
  }

  .symbiora-home-lead,
  .symbiora-home-section p,
  .symbiora-home-card p,
  .symbiora-home-login-card p {
    font-size: 16px;
    line-height: 1.65;
  }

  .symbiora-home-card-grid--two,
  .symbiora-home-card-grid--three,
  .symbiora-home-steps-grid,
  .symbiora-home-quick-grid {
    grid-template-columns: 1fr;
  }

  .symbiora-home-cta-band {
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .symbiora-home-shell {
    width: calc(100% - 20px);
  }

  .symbiora-home-hero,
  .symbiora-home-section,
  .symbiora-home-cta-band {
    padding: 18px;
    border-radius: 18px;
  }

  .symbiora-home-badge,
  .symbiora-home-card-eyebrow,
  .symbiora-home-trust-pill,
  .symbiora-home-bullet {
    font-size: 11px;
  }

  .symbiora-home-button,
  .symbiora-home-cta-row .symbiora-home-button,
  .symbiora-home-card-actions .symbiora-home-button {
    width: 100%;
    min-height: 52px;
  }

  .symbiora-home-hero-bullets,
  .symbiora-home-cta-row,
  .symbiora-home-login-links,
  .symbiora-home-trust-row,
  .symbiora-home-ui-actions {
    gap: 10px;
  }

  .symbiora-home-visual-stage {
    min-height: 320px;
    padding: 14px;
  }

  .symbiora-home-ui-card {
    position: relative;
    inset: auto;
    width: 100%;
    margin-bottom: 14px;
    padding: 18px;
  }

  .symbiora-home-floating {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    margin: 0 0 12px;
  }

  .symbiora-home-stat {
    min-width: 0;
    width: 100%;
    padding: 16px;
    border-radius: 18px;
  }

  .symbiora-home-section-head {
    margin-bottom: 14px;
  }

  .symbiora-home-login-form .login input[type="text"],
  .symbiora-home-login-form .login input[type="password"],
  .symbiora-home-login-form .login input[type="email"],
  .symbiora-home-login-form .login input[type="submit"],
  .symbiora-home-login-form .login .button {
    min-height: 52px;
  }

  .symbiora-home-cta-band::before,
  .symbiora-home-cta-band::after,
  .symbiora-home-glow {
    display: none;
  }
}


.symbiora-homepage--member {
  padding: 18px 0 44px;
}

.symbiora-home-shell--member {
  display: grid;
  gap: 18px;
}

.symbiora-member-home {
  display: grid;
  gap: 22px;
}

.symbiora-member-home-hero,
.symbiora-member-panel {
  background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
  border: 1px solid rgba(37, 99, 235, 0.10);
  border-radius: 28px;
  padding: 28px;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
}

.symbiora-member-home-hero {
  display: grid;
  gap: 18px;
  align-items: start;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
}

.symbiora-member-home-copy h1 {
  margin: 10px 0 12px;
  font-size: clamp(2rem, 3vw, 3.2rem);
  line-height: 1.05;
}

.symbiora-member-home-copy p {
  margin: 0;
  color: #4b5563;
  font-size: 1.02rem;
  line-height: 1.75;
  max-width: 760px;
}

.symbiora-member-role-pill {
  display: inline-flex;
  margin-top: 16px;
  border-radius: 999px;
  padding: 10px 16px;
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
  font-weight: 700;
}

.symbiora-member-home-actions {
  display: grid;
  gap: 12px;
}

.symbiora-member-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.symbiora-member-widget-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.symbiora-member-widget {
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  border: 1px solid rgba(37, 99, 235, 0.10);
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
  display: grid;
  gap: 12px;
}

.symbiora-member-widget.is-priority {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(16, 185, 129, 0.08));
}

.symbiora-member-widget h3 {
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.3;
  color: #0f172a;
}

.symbiora-member-widget p {
  margin: 0;
  color: #4b5563;
  line-height: 1.65;
}

.symbiora-member-widget-links {
  display: grid;
  gap: 10px;
  margin-top: 2px;
}

.symbiora-member-widget-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: #0f172a;
  text-decoration: none;
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.symbiora-member-widget-link:hover {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, 0.18);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.symbiora-member-widget-link-arrow {
  font-size: 1rem;
  color: #1d4ed8;
}

.symbiora-member-card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.symbiora-member-card-title {
  display: block;
  color: #64748b;
  font-weight: 700;
  margin-bottom: 10px;
}

.symbiora-member-card-value {
  display: block;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1;
  color: #0f172a;
}

.symbiora-member-card-meta {
  display: block;
  margin-top: 10px;
  color: #64748b;
  line-height: 1.5;
}

.symbiora-member-sections {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr);
  gap: 18px;
}

.symbiora-member-panel--soft {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.06), rgba(16, 185, 129, 0.07));
}

.symbiora-member-panel h2 {
  margin: 10px 0 8px;
}

.symbiora-member-panel p {
  margin: 0 0 16px;
  color: #4b5563;
}

.symbiora-member-actions-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.symbiora-member-action {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
  color: #0f172a;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.symbiora-member-action:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.09);
  border-color: rgba(37, 99, 235, 0.18);
}

.symbiora-member-action.is-primary {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  border-color: transparent;
}

.symbiora-member-action-icon {
  font-size: 1.35rem;
  line-height: 1;
}

.symbiora-member-action-label {
  line-height: 1.3;
}

@media (max-width: 980px) {
  .symbiora-member-home-hero,
  .symbiora-member-sections,
  .symbiora-member-stats-grid,
  .symbiora-member-widget-grid {
    grid-template-columns: 1fr;
  }

  .symbiora-member-actions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .symbiora-homepage--member {
    padding: 14px 0 32px;
  }

  .symbiora-member-home {
    gap: 16px;
  }

  .symbiora-member-home-hero,
  .symbiora-member-panel {
    border-radius: 22px;
    padding: 18px;
  }

  .symbiora-member-home-copy h1 {
    font-size: 1.8rem;
  }

  .symbiora-member-home-copy p,
  .symbiora-member-panel p,
  .symbiora-member-card-meta {
    font-size: 0.96rem;
    line-height: 1.6;
  }

  .symbiora-member-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .symbiora-member-widget-grid {
    gap: 12px;
  }

  .symbiora-member-widget {
    border-radius: 20px;
    padding: 18px;
  }

  .symbiora-member-widget h3 {
    font-size: 1.05rem;
  }

  .symbiora-member-widget-link {
    padding: 12px 13px;
    border-radius: 14px;
  }

  .symbiora-member-card {
    border-radius: 20px;
    padding: 16px;
  }

  .symbiora-member-card-value {
    font-size: 2rem;
  }

  .symbiora-member-actions-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .symbiora-member-action {
    min-height: 64px;
    border-radius: 18px;
    padding: 14px 16px;
  }
}


.symbiora-member-focus-list {
  margin-top: 14px;
}

.symbiora-member-focus-list li {
  line-height: 1.55;
}

.symbiora-member-home-copy {
  display: grid;
  gap: 10px;
}

.symbiora-member-home-actions .symbiora-home-btn {
  justify-content: center;
}

@media (min-width: 981px) {
  .symbiora-member-panel--soft {
    align-self: start;
  }
}

@media (max-width: 767px) {
  .symbiora-member-home-copy {
    gap: 8px;
  }

  .symbiora-member-home-copy h1 {
    margin-bottom: 8px;
  }

  .symbiora-member-role-pill {
    margin-top: 8px;
    padding: 8px 14px;
    font-size: 0.92rem;
  }

  .symbiora-member-home-actions {
    grid-template-columns: 1fr;
  }

  .symbiora-member-home-actions .symbiora-home-btn {
    width: 100%;
  }
}


.symbiora-onboarding-box {
  display: grid;
  gap: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 28px;
  padding: 26px;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.07);
}

.symbiora-onboarding-head {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(240px, 0.7fr);
  gap: 18px;
  align-items: start;
}

.symbiora-onboarding-head h2,
.symbiora-onboarding-panel h3,
.symbiora-onboarding-next-step h3 {
  margin: 10px 0 8px;
}

.symbiora-onboarding-head p,
.symbiora-onboarding-next-step p,
.symbiora-onboarding-panel p,
.symbiora-onboarding-step p {
  margin: 0;
  color: #4b5563;
  line-height: 1.65;
}

.symbiora-onboarding-progress-card {
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  padding: 18px;
  display: grid;
  gap: 10px;
}

.symbiora-onboarding-progress-label {
  color: #64748b;
  font-weight: 700;
}

.symbiora-onboarding-progress-card strong {
  font-size: clamp(2rem, 4vw, 2.8rem);
  color: #0f172a;
  line-height: 1;
}

.symbiora-onboarding-progress {
  height: 12px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.symbiora-onboarding-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb 0%, #10b981 100%);
}

.symbiora-onboarding-next-step {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 20px 22px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(16, 185, 129, 0.08));
  border: 1px solid rgba(37, 99, 235, 0.12);
}

.symbiora-onboarding-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.symbiora-onboarding-panel {
  background: rgba(255,255,255,0.94);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  padding: 20px;
  display: grid;
  gap: 14px;
}

.symbiora-onboarding-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.symbiora-onboarding-checklist li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.07);
}

.symbiora-onboarding-checklist li.is-done {
  border-color: rgba(16, 185, 129, 0.18);
  background: rgba(16, 185, 129, 0.06);
}

.symbiora-onboarding-checklist li.is-missing {
  border-color: rgba(245, 158, 11, 0.18);
  background: rgba(245, 158, 11, 0.05);
}

.symbiora-onboarding-check-icon {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
  font-weight: 800;
}

.symbiora-onboarding-steps {
  display: grid;
  gap: 12px;
}

.symbiora-onboarding-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.symbiora-onboarding-step.is-done {
  opacity: 0.72;
}

.symbiora-onboarding-step-index {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(37, 99, 235, 0.10);
  color: #1d4ed8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.symbiora-onboarding-step-body {
  display: grid;
  gap: 8px;
}

.symbiora-onboarding-step-body h4 {
  margin: 0;
  font-size: 1rem;
}

.symbiora-onboarding-step-body a {
  color: #1d4ed8;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 980px) {
  .symbiora-onboarding-head,
  .symbiora-onboarding-grid,
  .symbiora-onboarding-next-step {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .symbiora-onboarding-box {
    padding: 18px;
    border-radius: 22px;
    gap: 14px;
  }
  .symbiora-onboarding-panel,
  .symbiora-onboarding-progress-card {
    border-radius: 18px;
    padding: 16px;
  }
  .symbiora-onboarding-next-step {
    padding: 16px;
    border-radius: 18px;
  }
}


/* Symbiora Pro 2.7.12 - member affiliate start block */
.symbiora-affiliate-start-block{
    margin: 28px 0 34px;
    padding: 28px;
    border-radius: 28px;
    border: 1px solid rgba(29, 78, 216, .22);
    background:
        radial-gradient(circle at 12% 85%, rgba(34, 197, 94, .18), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(37, 99, 235, .18), transparent 30%),
        linear-gradient(135deg, rgba(239, 246, 255, .96), rgba(240, 253, 244, .92));
    box-shadow: 0 24px 60px rgba(15, 23, 42, .08);
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 28px;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.symbiora-affiliate-start-block:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:4px;
    background: linear-gradient(90deg, #2563eb, #14b8a6, #22c55e);
}
.symbiora-affiliate-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    background: rgba(37, 99, 235, .10);
    color:#1d4ed8;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-size:12px;
    margin-bottom:14px;
}
.symbiora-affiliate-start-copy h2{
    margin:0 0 10px;
    font-size: clamp(28px, 3vw, 42px);
    line-height:1.05;
    color:#0f172a;
}
.symbiora-affiliate-start-copy p{
    max-width: 760px;
    margin:0;
    color:#334155;
    font-size:16px;
    line-height:1.65;
}
.symbiora-affiliate-benefits{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:20px;
}
.symbiora-affiliate-benefits span{
    display:inline-flex;
    align-items:center;
    padding:10px 14px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(37,99,235,.14);
    box-shadow:0 12px 28px rgba(15,23,42,.06);
    color:#0f172a;
    font-weight:800;
    font-size:14px;
}
.symbiora-affiliate-start-card{
    background: rgba(255,255,255,.88);
    border:1px solid rgba(37,99,235,.18);
    border-radius:24px;
    padding:22px;
    box-shadow:0 24px 52px rgba(15,23,42,.10);
}
.symbiora-affiliate-card-title{
    font-weight:900;
    color:#0f172a;
    font-size:19px;
    margin-bottom:14px;
}
.symbiora-affiliate-card-row{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:11px 0;
    border-bottom:1px solid rgba(148,163,184,.25);
    color:#475569;
    font-weight:700;
}
.symbiora-affiliate-card-row strong{color:#16a34a;}
.symbiora-affiliate-start-button{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    margin:18px 0 12px;
    padding:16px 18px;
    border-radius:16px;
    background: linear-gradient(135deg, #2563eb, #14b8a6);
    color:#fff !important;
    font-weight:900;
    text-decoration:none !important;
    box-shadow:0 16px 34px rgba(37,99,235,.25);
}
.symbiora-affiliate-start-card small{
    display:block;
    color:#64748b;
    text-align:center;
    font-weight:700;
    line-height:1.45;
}
@media (max-width: 820px){
    .symbiora-affiliate-start-block{grid-template-columns:1fr;padding:22px;border-radius:22px;}
}

/* Symbiora Pro 2.7.14 - live affiliate quick actions */
.symbiora-affiliate-start-block-live{align-items:start;}
.symbiora-affiliate-live-actions button.symbiora-affiliate-action{
    border:1px solid rgba(37,99,235,.16);background:#fff;color:#1d4ed8;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(15,35,70,.07);transition:.18s ease;
}
.symbiora-affiliate-live-actions button.symbiora-affiliate-action:hover,.symbiora-affiliate-live-actions button.symbiora-affiliate-action.is-active{transform:translateY(-1px);background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.22)}
.symbiora-affiliate-inline-panel{display:none;margin-top:16px;background:rgba(255,255,255,.88);border:1px solid #dbeafe;border-radius:22px;padding:18px;box-shadow:0 14px 34px rgba(15,35,70,.08)}
.symbiora-affiliate-inline-panel.is-open{display:block;animation:symbAffIn .16s ease-out}
@keyframes symbAffIn{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
.symbiora-affiliate-inline-panel>strong{display:block;font-size:17px;color:#0f2342;margin-bottom:10px}
.symbiora-affiliate-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:10px 0}
.symbiora-affiliate-copy-row input{border:1px solid #d8e2ee;border-radius:14px;padding:12px 14px;width:100%;font-weight:800;color:#17365d;background:#fff}
.symbiora-affiliate-copy-row button,.symbiora-affiliate-mini-link{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,#2563eb,#10b981);color:#fff!important;font-weight:900;text-decoration:none!important;cursor:pointer;box-shadow:0 10px 22px rgba(37,99,235,.18)}
.symbiora-affiliate-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.symbiora-affiliate-mini-stats span{display:block;background:#fff;border:1px solid #e5edf7;border-radius:16px;padding:12px;color:#334155;font-weight:800}
.symbiora-affiliate-mini-stats b{display:block;font-size:22px;line-height:1.1;color:#0f2342;margin-bottom:4px}
.symbiora-affiliate-progress-text{font-size:14px!important;line-height:1.55!important;color:#334155!important;margin:10px 0 0!important}
.symbiora-affiliate-inline-panel .symb-aff-card{box-shadow:none;border-radius:16px;margin:10px 0;background:#fff}
.symbiora-affiliate-inline-panel .symb-aff-invite-form{display:grid;grid-template-columns:1fr;gap:10px}
.symbiora-affiliate-inline-panel .symb-aff-invite-form textarea{min-height:110px!important}
.symbiora-affiliate-inline-panel .symb-aff-invite-form textarea[name="invite_message"]{min-height:170px!important}
.symbiora-affiliate-inline-panel .symb-aff-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
@media(max-width:760px){.symbiora-affiliate-copy-row,.symbiora-affiliate-mini-stats{grid-template-columns:1fr}.symbiora-affiliate-start-block-live{padding:20px}.symbiora-affiliate-inline-panel{padding:14px}}