/* SmartGenius SEO UI v2 — scoped Dark Premium system. */
.sgseo-root,
.sgseo-gate {
  --sgseo-bg: #0a0a0a;
  --sgseo-surface: #0f0f12;
  --sgseo-surface-2: #151519;
  --sgseo-surface-3: #1b1b21;
  --sgseo-text: #f7f7f8;
  --sgseo-muted: #aaaab5;
  --sgseo-dim: #858591;
  --sgseo-line: rgba(255, 255, 255, 0.1);
  --sgseo-line-strong: rgba(255, 255, 255, 0.18);
  --sgseo-violet: #8b5cf6;
  --sgseo-blue: #3b82f6;
  --sgseo-cyan: #22d3ee;
  --sgseo-danger: #fb7185;
  --sgseo-success: #42d392;
  --sgseo-focus: #7dd3fc;
  --sgseo-radius-lg: 18px;
  --sgseo-radius-md: 14px;
  --sgseo-radius-sm: 10px;
  --sgseo-shadow: 0 20px 55px rgba(0, 0, 0, 0.26);
  --sgseo-media-ratio: 4 / 5;
  box-sizing: border-box;
  color: var(--sgseo-text);
  font-family: Inter, Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.sgseo-root *,
.sgseo-root *::before,
.sgseo-root *::after,
.sgseo-gate *,
.sgseo-gate *::before,
.sgseo-gate *::after {
  box-sizing: border-box;
}

.sgseo-root img {
  display: block;
  max-width: 100%;
}

.sgseo-root a {
  color: inherit;
}

.sgseo-root button,
.sgseo-root input,
.sgseo-gate button,
.sgseo-gate a {
  font: inherit;
}

.sgseo-root button,
.sgseo-gate button {
  -webkit-tap-highlight-color: transparent;
}

.sgseo-root :focus-visible,
.sgseo-gate :focus-visible {
  outline: 3px solid var(--sgseo-focus);
  outline-offset: 3px;
}

.sgseo-icon {
  width: 1.2em;
  height: 1.2em;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sgseo-visually-hidden {
  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;
}

.sgseo-is-hidden {
  display: none !important;
}

.sgseo-section {
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 0;
  padding: clamp(64px, 8vw, 112px) 24px;
  overflow: clip;
  background: var(--sgseo-bg);
  color: var(--sgseo-text);
}

.sgseo-section--surface {
  background: var(--sgseo-surface);
}

.sgseo-section--compact {
  padding-block: clamp(48px, 6vw, 80px);
}

.sgseo-shell {
  width: min(1360px, 100%);
  margin-inline: auto;
}

.sgseo-copy {
  width: min(760px, 100%);
}

.sgseo-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  color: #bda9ff;
  font-size: 0.76rem;
  font-weight: 760;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.sgseo-kicker::before {
  content: "";
  width: 24px;
  height: 1px;
  background: currentColor;
}

.sgseo-heading {
  max-width: 900px;
  margin: 0;
  color: var(--sgseo-text);
  font-size: clamp(2.25rem, 5vw, 4.4rem);
  font-weight: 760;
  letter-spacing: -0.052em;
  line-height: 0.98;
}

.sgseo-heading--medium {
  font-size: clamp(2rem, 4vw, 3.45rem);
}

.sgseo-lead {
  max-width: 720px;
  margin: 22px 0 0;
  color: var(--sgseo-muted);
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  line-height: 1.72;
}

.sgseo-prose {
  color: var(--sgseo-muted);
  font-size: 1.02rem;
  line-height: 1.76;
}

.sgseo-prose p {
  margin: 0 0 1.2em;
}

.sgseo-prose p:last-child {
  margin-bottom: 0;
}

.sgseo-prose strong,
.sgseo-prose a {
  color: var(--sgseo-text);
}

.sgseo-prose a {
  text-decoration-color: rgba(125, 211, 252, 0.65);
  text-underline-offset: 0.18em;
}

.sgseo-btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: var(--sgseo-radius-sm);
  padding: 12px 18px;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 730;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease, opacity 160ms ease;
}

.sgseo-btn:hover {
  transform: translateY(-1px);
}

.sgseo-btn:active {
  transform: translateY(0);
}

.sgseo-btn:disabled,
.sgseo-btn[aria-disabled="true"] {
  opacity: 0.46;
  cursor: not-allowed;
  transform: none;
}

.sgseo-btn--primary {
  border-color: rgba(255, 255, 255, 0.16);
  background: linear-gradient(110deg, #7c3aed, #2563eb 68%, #0e7490);
  box-shadow: 0 10px 30px rgba(76, 83, 255, 0.2);
}

.sgseo-btn--primary:hover {
  box-shadow: 0 14px 34px rgba(76, 83, 255, 0.27);
}

.sgseo-btn--secondary {
  border-color: var(--sgseo-line-strong);
  background: var(--sgseo-surface-2);
  color: var(--sgseo-text);
}

.sgseo-btn--secondary:hover {
  border-color: rgba(139, 92, 246, 0.7);
  background: var(--sgseo-surface-3);
}

.sgseo-btn--quiet {
  min-height: 42px;
  border-color: transparent;
  background: transparent;
  color: var(--sgseo-muted);
}

.sgseo-btn--quiet:hover {
  color: var(--sgseo-text);
  background: rgba(255, 255, 255, 0.055);
}

/* Interactive Hero */
.sgseo-hero {
  padding-top: clamp(28px, 4vw, 58px);
  padding-bottom: clamp(56px, 7vw, 96px);
  background:
    radial-gradient(circle at 83% 18%, rgba(60, 79, 160, 0.13), transparent 35%),
    var(--sgseo-bg);
}

.sgseo-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(440px, 1.18fr);
  grid-template-areas:
    "copy visual"
    "upload visual"
    "presets visual"
    "actions visual"
    "message visual";
  gap: 18px clamp(34px, 5vw, 76px);
  align-items: start;
}

.sgseo-hero__copy {
  grid-area: copy;
  padding-top: clamp(12px, 3vw, 44px);
}

.sgseo-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: #c4b5fd;
  font-size: 0.77rem;
  font-weight: 760;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sgseo-hero h1,
.sgseo-hero__copy h2 {
  max-width: 690px;
  margin: 0;
  color: var(--sgseo-text);
  font-size: clamp(3.15rem, 5.2vw, 4.5rem);
  font-weight: 780;
  letter-spacing: -0.057em;
  line-height: 0.94;
}

.sgseo-hero__copy > p,
.sgseo-hero__description {
  max-width: 610px;
  margin: 24px 0 0;
  color: var(--sgseo-muted);
  font-size: clamp(1rem, 1.45vw, 1.14rem);
  line-height: 1.65;
}

.sgseo-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 18px 0 0;
  padding: 0;
  color: var(--sgseo-dim);
  font-size: 0.82rem;
  list-style: none;
}

.sgseo-hero__trust li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.sgseo-hero__trust .sgseo-icon {
  color: #a7f3d0;
}

.sgseo-hero__upload {
  grid-area: upload;
  margin-top: 12px;
}

.sgseo-upload {
  position: relative;
  display: flex;
  min-height: 96px;
  align-items: center;
  gap: 14px;
  width: 100%;
  border: 1px dashed rgba(255, 255, 255, 0.23);
  border-radius: var(--sgseo-radius-md);
  padding: 15px;
  background: var(--sgseo-surface);
  color: var(--sgseo-text);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.sgseo-upload:hover,
.sgseo-upload[data-sgseo-drag="true"] {
  border-color: rgba(125, 211, 252, 0.7);
  background: var(--sgseo-surface-2);
}

.sgseo-upload[aria-disabled="true"] {
  opacity: 0.58;
  cursor: not-allowed;
}

.sgseo-upload:focus-within {
  outline: 3px solid var(--sgseo-focus);
  outline-offset: 3px;
}

.sgseo-upload__icon {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 12px;
  background: #20202a;
  color: #c4b5fd;
}

.sgseo-upload__icon .sgseo-icon {
  width: 24px;
  height: 24px;
}

.sgseo-upload__text {
  min-width: 0;
}

.sgseo-upload__title {
  display: block;
  color: var(--sgseo-text);
  font-size: 0.96rem;
  font-weight: 720;
}

.sgseo-upload__hint {
  display: block;
  margin-top: 5px;
  color: var(--sgseo-dim);
  font-size: 0.78rem;
  line-height: 1.4;
}

.sgseo-upload__file {
  display: block;
  max-width: 100%;
  margin-top: 5px;
  overflow: hidden;
  color: #a7f3d0;
  font-size: 0.78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sgseo-hero__presets {
  grid-area: presets;
  min-width: 0;
}

.sgseo-control-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 10px;
  color: var(--sgseo-text);
  font-size: 0.83rem;
  font-weight: 720;
}

.sgseo-control-label__meta {
  color: var(--sgseo-dim);
  font-size: 0.72rem;
  font-weight: 560;
}

.sgseo-preset-header {
  display: grid;
  gap: 9px;
  margin-bottom: 8px;
}

.sgseo-preset-header .sgseo-control-label {
  margin-bottom: 0;
}

.sgseo-gender-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, 250px);
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--sgseo-line);
  border-radius: 12px;
  background: #101014;
}

.sgseo-gender-tab {
  min-height: 34px;
  border: 0;
  border-radius: 8px;
  padding: 6px 12px;
  background: transparent;
  color: var(--sgseo-dim);
  cursor: pointer;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 700;
  transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.sgseo-gender-tab:hover:not(:disabled) {
  color: var(--sgseo-text);
  background: rgba(255, 255, 255, 0.05);
}

.sgseo-gender-tab[aria-pressed="true"] {
  background: #20202a;
  color: var(--sgseo-text);
  box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.22);
}

.sgseo-gender-tab:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.sgseo-preset-rail {
  display: grid;
  grid-auto-columns: minmax(96px, 1fr);
  grid-auto-flow: column;
  gap: 9px;
  padding: 2px 2px 9px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-color: #393943 transparent;
  scrollbar-width: thin;
  scroll-snap-type: inline proximity;
}

.sgseo-preset {
  position: relative;
  min-width: 104px;
  border: 1px solid var(--sgseo-line);
  border-radius: 12px;
  padding: 6px;
  overflow: hidden;
  background: var(--sgseo-surface);
  color: var(--sgseo-muted);
  cursor: pointer;
  scroll-snap-align: start;
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

.sgseo-preset:hover {
  border-color: rgba(255, 255, 255, 0.24);
  color: var(--sgseo-text);
  transform: translateY(-1px);
}

.sgseo-preset[aria-pressed="true"] {
  border-color: rgba(125, 211, 252, 0.82);
  background: #181828;
  color: var(--sgseo-text);
  box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.34);
}

.sgseo-preset__image {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  object-fit: cover;
  background: #222229;
}

.sgseo-preset__name {
  display: block;
  min-height: 2.25em;
  margin: 7px 2px 2px;
  font-size: 0.72rem;
  font-weight: 660;
  line-height: 1.15;
}

.sgseo-preset__check {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 7px;
  background: #f4f4f5;
  color: #17171b;
}

.sgseo-preset[aria-pressed="true"] .sgseo-preset__check {
  display: grid;
}

.sgseo-preset__check .sgseo-icon {
  width: 14px;
  height: 14px;
  stroke-width: 2.3;
}

.sgseo-hero__actions {
  grid-area: actions;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sgseo-hero__actions .sgseo-btn--primary {
  flex: 1 1 220px;
}

.sgseo-hero__actions .sgseo-btn--secondary,
.sgseo-hero__actions .sgseo-btn--quiet {
  flex: 0 1 auto;
}

.sgseo-hero__message {
  grid-area: message;
  min-height: 1.5em;
  color: var(--sgseo-dim);
  font-size: 0.81rem;
  line-height: 1.45;
}

.sgseo-hero__message[data-sgseo-kind="error"] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-left: 2px solid var(--sgseo-danger);
  padding: 8px 10px;
  color: #fecdd3;
  background: rgba(251, 113, 133, 0.075);
}

.sgseo-hero__visual {
  grid-area: visual;
  position: sticky;
  top: 90px;
  min-width: 0;
}

.sgseo-hero__stage {
  position: relative;
  width: 100%;
  aspect-ratio: var(--sgseo-hero-ratio, 1 / 1);
  border: 1px solid var(--sgseo-line);
  border-radius: var(--sgseo-radius-lg);
  overflow: hidden;
  background: var(--sgseo-surface-2);
  box-shadow: var(--sgseo-shadow);
}

.sgseo-hero__preview,
.sgseo-hero__preview img,
.sgseo-hero__proof {
  width: 100%;
  height: 100%;
}

.sgseo-hero__preview img {
  object-fit: cover;
}

/* The shared Hair Hero follows the uploaded source ratio. The stage changes
   between landscape, square and portrait sizes; contain is a final guard
   against cutting off the head, hair or shoulders when provider output has a
   slightly different pixel ratio. */
.sgseo-root[data-sgseo-tool="hair"] .sgseo-hero__stage[data-sgseo-aspect="portrait"] {
  width: min(100%, 520px);
  margin-left: auto;
}

.sgseo-root[data-sgseo-tool="hair"] .sgseo-hero__stage[data-sgseo-aspect="square"] {
  width: min(100%, 640px);
  margin-left: auto;
}

.sgseo-root[data-sgseo-tool="hair"] .sgseo-hero__stage[data-sgseo-aspect="landscape"] {
  width: 100%;
  margin-left: 0;
}

.sgseo-root[data-sgseo-tool="hair"] .sgseo-hero__stage .sgseo-before-after img,
.sgseo-root[data-sgseo-tool="hair"] .sgseo-hero__stage .sgseo-hero__preview img {
  object-fit: contain;
  background: #0b0b0f;
}

.sgseo-hero__stage .sgseo-before-after {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
}

.sgseo-hero__loading {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: none;
  align-items: flex-end;
  padding: 24px;
  background: linear-gradient(180deg, rgba(8, 8, 10, 0.16), rgba(8, 8, 10, 0.88));
}

.sgseo-hero__loading::before {
  content: "";
  position: absolute;
  inset: -30%;
  background: linear-gradient(105deg, transparent 38%, rgba(125, 211, 252, 0.13) 49%, rgba(167, 139, 250, 0.16) 53%, transparent 64%);
  transform: translateX(-46%);
  animation: sgseo-sweep 2.8s ease-in-out infinite;
}

.sgseo-hero__loading-card {
  position: relative;
  width: min(440px, 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 16px;
  background: rgba(15, 15, 18, 0.9);
}

.sgseo-hero__loading-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--sgseo-text);
  font-size: 0.96rem;
  font-weight: 700;
}

.sgseo-loading-line {
  height: 3px;
  margin-top: 13px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.09);
}

.sgseo-loading-line::after {
  content: "";
  display: block;
  width: 36%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sgseo-violet), var(--sgseo-cyan));
  animation: sgseo-loading 1.7s ease-in-out infinite alternate;
}

.sgseo-hero[data-sgseo-state="generating"] .sgseo-hero__loading {
  display: flex;
}

.sgseo-hero__result-actions {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 5;
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 14px;
  padding: 10px;
  background: rgba(10, 10, 12, 0.9);
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.28);
}

.sgseo-hero__result-actions .sgseo-btn {
  min-height: 42px;
  padding: 9px 13px;
  font-size: 0.8rem;
}

.sgseo-hero[data-sgseo-state="success"] .sgseo-hero__result-actions {
  display: flex;
}

@keyframes sgseo-sweep {
  0%, 20% { transform: translateX(-48%); }
  80%, 100% { transform: translateX(48%); }
}

@keyframes sgseo-loading {
  from { transform: translateX(-15%); }
  to { transform: translateX(190%); }
}

/* Before / After */
.sgseo-before-after {
  --sgseo-ba-position: 50%;
  position: relative;
  aspect-ratio: var(--sgseo-media-ratio);
  border: 1px solid var(--sgseo-line);
  border-radius: var(--sgseo-radius-md);
  overflow: hidden;
  background: var(--sgseo-surface-2);
  touch-action: pan-y;
}

.sgseo-before-after > img,
.sgseo-before-after__after,
.sgseo-before-after__after img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sgseo-before-after__after {
  z-index: 1;
  clip-path: inset(0 calc(100% - var(--sgseo-ba-position)) 0 0);
}

.sgseo-before-after__divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--sgseo-ba-position);
  z-index: 3;
  width: 2px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.22);
  transform: translateX(-1px);
  pointer-events: none;
}

.sgseo-before-after__divider::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255, 255, 255, 0.92);
  border-radius: 50%;
  background: #17171b;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.33);
  transform: translate(-50%, -50%);
}

.sgseo-before-after__divider::before {
  content: "‹  ›";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 5px;
  line-height: 1;
  transform: translate(-44%, -54%);
}

.sgseo-before-after__range {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0.001;
  cursor: ew-resize;
  touch-action: none;
}

/* The range itself is intentionally transparent; expose keyboard focus on the
   visible comparison frame instead of relying on an opacity-dimmed outline. */
.sgseo-before-after:focus-within {
  outline: 3px solid var(--sgseo-focus);
  outline-offset: 3px;
}

.sgseo-before-after__label {
  position: absolute;
  top: 14px;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 6px 9px;
  background: rgba(10, 10, 12, 0.78);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 740;
  line-height: 1;
}

.sgseo-before-after__label--before { left: 14px; }
.sgseo-before-after__label--after { right: 14px; }

/* Showcase and editorial sections */
.sgseo-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: clamp(30px, 5vw, 58px);
}

.sgseo-section-head .sgseo-lead {
  max-width: 500px;
  margin: 0;
}

.sgseo-showcase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.sgseo-showcase-item {
  min-width: 0;
}

.sgseo-showcase-item:nth-child(1),
.sgseo-showcase-item:nth-child(6) {
  grid-column: span 2;
}

.sgseo-showcase-item:nth-child(1) .sgseo-before-after,
.sgseo-showcase-item:nth-child(6) .sgseo-before-after {
  --sgseo-media-ratio: 8 / 5;
}

.sgseo-showcase-item__caption {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 2px 5px;
}

.sgseo-showcase-item__caption strong {
  color: var(--sgseo-text);
  font-size: 0.88rem;
}

.sgseo-showcase-item__caption span {
  color: var(--sgseo-dim);
  font-size: 0.74rem;
}

/* Predictable showcase layouts. A page chooses one explicit layout instead
   of relying on item position. Cards sharing a row always share dimensions. */
.sgseo-showcase-grid[data-sgseo-gallery-layout] {
  align-items: start;
}

.sgseo-showcase-grid[data-sgseo-gallery-layout] > .sgseo-showcase-item {
  grid-column: auto;
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.sgseo-showcase-grid[data-sgseo-gallery-layout="grid-2"],
.sgseo-showcase-grid[data-sgseo-gallery-layout="grid-2x2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.sgseo-showcase-grid[data-sgseo-gallery-layout="grid-3"],
.sgseo-showcase-grid[data-sgseo-gallery-layout="grid-3x2"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sgseo-showcase-grid[data-sgseo-gallery-layout="grid-4"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sgseo-showcase-grid[data-sgseo-gallery-layout="stack"],
.sgseo-showcase-grid[data-sgseo-gallery-layout="stack-wide"] {
  grid-template-columns: minmax(0, 1fr);
}

.sgseo-showcase-grid[data-sgseo-gallery-media="square"] .sgseo-before-after {
  --sgseo-media-ratio: 1 / 1 !important;
}

.sgseo-showcase-grid[data-sgseo-gallery-media="portrait"] .sgseo-before-after {
  --sgseo-media-ratio: 4 / 5 !important;
}

.sgseo-showcase-grid[data-sgseo-gallery-layout] .sgseo-before-after img {
  object-fit: contain;
  background: #0b0b0f;
}

.sgseo-showcase-grid[data-sgseo-gallery-layout] .sgseo-showcase-item__caption {
  min-height: 58px;
}

.sgseo-editorial {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(40px, 8vw, 120px);
  align-items: start;
}

.sgseo-editorial__aside {
  position: sticky;
  top: 110px;
}

.sgseo-editorial__body {
  display: grid;
  gap: 32px;
}

.sgseo-editorial__chapter {
  padding-top: 28px;
  border-top: 1px solid var(--sgseo-line);
}

.sgseo-editorial__chapter:first-child {
  padding-top: 0;
  border-top: 0;
}

.sgseo-editorial__chapter h3 {
  margin: 0 0 10px;
  color: var(--sgseo-text);
  font-size: 1.15rem;
  letter-spacing: -0.02em;
}

.sgseo-editorial__chapter p {
  margin: 0;
  color: var(--sgseo-muted);
  font-size: 1rem;
  line-height: 1.74;
}

.sgseo-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  counter-reset: sgseo-step;
}

.sgseo-step {
  position: relative;
  min-height: 250px;
  padding: 30px clamp(24px, 4vw, 44px);
  border-left: 1px solid var(--sgseo-line);
  counter-increment: sgseo-step;
}

.sgseo-step:first-child {
  border-left: 0;
  padding-left: 0;
}

.sgseo-step:last-child {
  padding-right: 0;
}

.sgseo-step::before {
  content: "0" counter(sgseo-step);
  display: block;
  margin-bottom: 50px;
  color: #8d8d9a;
  font-size: 0.76rem;
  font-weight: 760;
  letter-spacing: 0.1em;
}

.sgseo-step h3 {
  margin: 0;
  color: var(--sgseo-text);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  letter-spacing: -0.035em;
}

.sgseo-step p {
  margin: 14px 0 0;
  color: var(--sgseo-muted);
  font-size: 0.95rem;
  line-height: 1.64;
}

.sgseo-style-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--sgseo-line);
  border-radius: var(--sgseo-radius-lg);
  overflow: hidden;
  background: var(--sgseo-line);
}

.sgseo-style-group {
  min-height: 255px;
  padding: 26px;
  background: var(--sgseo-surface);
}

.sgseo-style-group .sgseo-icon {
  width: 28px;
  height: 28px;
  color: #c4b5fd;
}

.sgseo-style-group h3 {
  margin: 42px 0 14px;
  color: var(--sgseo-text);
  font-size: 1.25rem;
  letter-spacing: -0.025em;
}

.sgseo-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sgseo-tag-list li {
  border: 1px solid var(--sgseo-line);
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--sgseo-muted);
  font-size: 0.76rem;
}

.sgseo-feature-lines {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px 52px;
}

.sgseo-feature-line {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 18px;
  padding: 26px 0;
  border-top: 1px solid var(--sgseo-line);
}

.sgseo-feature-line:nth-child(-n + 2) {
  border-top: 0;
}

.sgseo-feature-line__icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 11px;
  background: var(--sgseo-surface-2);
  color: #c4b5fd;
}

.sgseo-feature-line h3 {
  margin: 0;
  color: var(--sgseo-text);
  font-size: 1.08rem;
}

.sgseo-feature-line p {
  margin: 8px 0 0;
  color: var(--sgseo-muted);
  font-size: 0.92rem;
  line-height: 1.6;
}

.sgseo-cluster-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}

.sgseo-cluster-card {
  position: relative;
  grid-column: span 4;
  min-height: 350px;
  border-radius: var(--sgseo-radius-md);
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background: var(--sgseo-surface-2);
}

.sgseo-cluster-card:nth-child(1),
.sgseo-cluster-card:nth-child(5) {
  grid-column: span 8;
}

.sgseo-cluster-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 400ms ease;
}

.sgseo-cluster-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(5, 5, 7, 0.88));
}

.sgseo-cluster-card:hover img {
  transform: scale(1.018);
}

.sgseo-cluster-card__body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 24px;
}

.sgseo-cluster-card h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  letter-spacing: -0.035em;
}

.sgseo-cluster-card p {
  max-width: 550px;
  margin: 9px 0 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.9rem;
  line-height: 1.5;
}

.sgseo-cluster-card__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  color: #fff;
  font-size: 0.84rem;
  font-weight: 700;
}

.sgseo-audience-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 48px;
}

.sgseo-audience-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: start;
  padding: 26px 0;
  border-top: 1px solid var(--sgseo-line);
}

.sgseo-audience-item:nth-child(-n + 2) {
  border-top: 0;
}

.sgseo-audience-item > .sgseo-icon {
  width: 25px;
  height: 25px;
  color: #c4b5fd;
}

.sgseo-audience-item h3 {
  margin: 0;
  color: var(--sgseo-text);
  font-size: 1.08rem;
}

.sgseo-audience-item p {
  margin: 8px 0 0;
  color: var(--sgseo-muted);
  line-height: 1.58;
}

.sgseo-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--sgseo-line);
  border-radius: var(--sgseo-radius-md);
  background: var(--sgseo-surface);
  -webkit-overflow-scrolling: touch;
}

.sgseo-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  color: var(--sgseo-text);
}

.sgseo-table caption {
  padding: 18px 22px;
  color: var(--sgseo-muted);
  text-align: left;
}

.sgseo-table th,
.sgseo-table td {
  padding: 18px 22px;
  border-top: 1px solid var(--sgseo-line);
  text-align: left;
  vertical-align: top;
}

.sgseo-table thead th {
  border-top: 0;
  color: var(--sgseo-dim);
  font-size: 0.74rem;
  font-weight: 760;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sgseo-table tbody th {
  width: 24%;
  color: var(--sgseo-text);
  font-size: 0.91rem;
}

.sgseo-table td {
  color: var(--sgseo-muted);
  font-size: 0.9rem;
  line-height: 1.5;
}

.sgseo-table td:last-child {
  color: #dcfce7;
  background: rgba(66, 211, 146, 0.035);
}

.sgseo-tool-links {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr;
  gap: 12px;
}

.sgseo-tool-link {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--sgseo-line);
  border-radius: var(--sgseo-radius-md);
  padding: 24px;
  background: var(--sgseo-surface);
  color: var(--sgseo-text);
  text-decoration: none;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.sgseo-tool-link:first-child {
  grid-row: span 2;
  min-height: 392px;
}

.sgseo-tool-link:hover {
  border-color: rgba(139, 92, 246, 0.6);
  background: var(--sgseo-surface-2);
  transform: translateY(-2px);
}

.sgseo-tool-link > .sgseo-icon {
  width: 28px;
  height: 28px;
  color: #c4b5fd;
}

.sgseo-tool-link h3 {
  margin: 0;
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  letter-spacing: -0.035em;
}

.sgseo-tool-link p {
  margin: 10px 0 0;
  color: var(--sgseo-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.sgseo-tool-link__arrow {
  align-self: flex-end;
  color: var(--sgseo-muted);
}

.sgseo-faq {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(40px, 8vw, 120px);
}

.sgseo-faq__list {
  border-top: 1px solid var(--sgseo-line);
}

.sgseo-faq details {
  border-bottom: 1px solid var(--sgseo-line);
}

.sgseo-faq summary {
  position: relative;
  padding: 23px 48px 23px 0;
  color: var(--sgseo-text);
  font-size: 1rem;
  font-weight: 690;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
}

.sgseo-faq summary::-webkit-details-marker {
  display: none;
}

.sgseo-faq summary::before,
.sgseo-faq summary::after {
  content: "";
  position: absolute;
  top: 31px;
  right: 8px;
  width: 15px;
  height: 1.5px;
  background: var(--sgseo-muted);
  transition: transform 160ms ease;
}

.sgseo-faq summary::after {
  transform: rotate(90deg);
}

.sgseo-faq details[open] summary::after {
  transform: rotate(0);
}

.sgseo-faq details > div {
  max-width: 700px;
  padding: 0 48px 24px 0;
  color: var(--sgseo-muted);
  line-height: 1.67;
}

.sgseo-final {
  padding-block: clamp(64px, 8vw, 104px);
  background:
    linear-gradient(120deg, rgba(124, 58, 237, 0.11), transparent 38%),
    var(--sgseo-surface);
}

.sgseo-final__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 30px;
  align-items: end;
}

.sgseo-final__inner .sgseo-heading {
  max-width: 820px;
}

.sgseo-final__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin: 22px 0 0;
  padding: 0;
  color: var(--sgseo-muted);
  list-style: none;
}

.sgseo-final__facts li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.sgseo-final__facts .sgseo-icon {
  color: #a7f3d0;
}

/* Premium auth gate */
html.sgseo-v2-modal-open,
html.sgseo-v2-modal-open body {
  overflow: hidden;
  overscroll-behavior: none;
}

.sgseo-gate {
  position: fixed;
  inset: 0;
  z-index: 10100;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(3, 3, 5, 0.82);
}

.sgseo-gate[hidden] {
  display: none;
}

.sgseo-gate__dialog {
  position: relative;
  width: min(520px, 100%);
  max-height: min(720px, calc(100vh - 40px));
  overflow: auto;
  border: 1px solid var(--sgseo-line-strong);
  border-radius: var(--sgseo-radius-lg);
  padding: clamp(24px, 5vw, 36px);
  background: var(--sgseo-surface-2);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55);
}

.sgseo-gate__close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid var(--sgseo-line);
  border-radius: 10px;
  background: transparent;
  color: var(--sgseo-muted);
  cursor: pointer;
}

.sgseo-gate__close:hover {
  background: rgba(255, 255, 255, 0.055);
  color: #fff;
}

.sgseo-gate__mark {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.24), rgba(34, 211, 238, 0.12));
  color: #ddd6fe;
}

.sgseo-gate__mark .sgseo-icon {
  width: 25px;
  height: 25px;
}

.sgseo-gate h2 {
  margin: 22px 42px 0 0;
  color: #fff;
  font-size: clamp(1.8rem, 5vw, 2.45rem);
  letter-spacing: -0.045em;
  line-height: 1.04;
}

.sgseo-gate__description {
  margin: 15px 0 0;
  color: var(--sgseo-muted);
  line-height: 1.62;
}

.sgseo-gate__benefits {
  display: grid;
  gap: 11px;
  margin: 24px 0;
  padding: 0;
  list-style: none;
}

.sgseo-gate__benefits li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e5e7eb;
  font-size: 0.9rem;
}

.sgseo-gate__benefits .sgseo-icon {
  color: #a7f3d0;
}

.sgseo-gate__actions {
  display: grid;
  gap: 9px;
}

.sgseo-gate__status {
  min-height: 1.4em;
  margin-top: 10px;
  color: var(--sgseo-dim);
  font-size: 0.78rem;
  text-align: center;
}

@media (max-width: 1120px) {
  .sgseo-hero__grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1.1fr);
    gap-inline: 34px;
  }

  .sgseo-showcase-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sgseo-showcase-item:nth-child(1),
  .sgseo-showcase-item:nth-child(6) {
    grid-column: span 1;
  }

  .sgseo-showcase-item:nth-child(1) .sgseo-before-after,
  .sgseo-showcase-item:nth-child(6) .sgseo-before-after {
    --sgseo-media-ratio: 4 / 5;
  }

  .sgseo-style-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .sgseo-section {
    padding-inline: 20px;
  }

  .sgseo-hero__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "upload"
      "visual"
      "presets"
      "actions"
      "message";
    gap: 16px;
  }

  .sgseo-hero__copy {
    padding-top: 0;
  }

  .sgseo-hero__visual {
    position: relative;
    top: auto;
    width: min(620px, 100%);
  }

  .sgseo-hero__upload {
    margin-top: 4px;
  }

  .sgseo-section-head,
  .sgseo-final__inner {
    display: block;
  }

  .sgseo-section-head .sgseo-lead {
    margin-top: 18px;
  }

  .sgseo-editorial,
  .sgseo-faq {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .sgseo-editorial__aside {
    position: static;
  }

  .sgseo-cluster-card,
  .sgseo-cluster-card:nth-child(1),
  .sgseo-cluster-card:nth-child(5) {
    grid-column: span 6;
  }

  .sgseo-tool-links {
    grid-template-columns: 1fr 1fr;
  }

  .sgseo-tool-link:first-child {
    grid-row: auto;
    grid-column: span 2;
    min-height: 240px;
  }

  .sgseo-showcase-grid[data-sgseo-gallery-layout="grid-3"],
  .sgseo-showcase-grid[data-sgseo-gallery-layout="grid-3x2"],
  .sgseo-showcase-grid[data-sgseo-gallery-layout="grid-4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sgseo-final__inner > .sgseo-btn {
    margin-top: 28px;
  }
}

@media (max-width: 640px) {
  .sgseo-section {
    padding: 58px 16px;
  }

  .sgseo-section--compact {
    padding-block: 44px;
  }

  .sgseo-hero {
    padding-top: 20px;
    padding-bottom: 52px;
  }

  .sgseo-hero h1,
  .sgseo-hero__copy h2 {
    font-size: clamp(2.18rem, 10.8vw, 3.05rem);
    letter-spacing: -0.052em;
    line-height: 0.98;
  }

  .sgseo-hero__copy > p,
  .sgseo-hero__description {
    margin-top: 15px;
    font-size: 0.95rem;
    line-height: 1.52;
  }

  .sgseo-hero__eyebrow {
    margin-bottom: 12px;
    font-size: 0.68rem;
  }

  .sgseo-hero__trust {
    display: none;
  }

  .sgseo-upload {
    min-height: 78px;
    padding: 12px;
  }

  .sgseo-upload__icon {
    width: 42px;
    height: 42px;
  }

  .sgseo-upload__hint {
    max-width: 240px;
    font-size: 0.7rem;
  }

  .sgseo-hero__stage {
    width: min(100%, 390px);
    max-height: 390px;
    border-radius: 15px;
  }

  .sgseo-preset-rail {
    grid-auto-columns: 88px;
    margin-inline: -2px;
  }

  .sgseo-preset {
    min-width: 88px;
  }

  .sgseo-preset__name {
    font-size: 0.66rem;
  }

  .sgseo-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sgseo-hero__actions .sgseo-btn {
    width: 100%;
  }

  .sgseo-hero__result-actions {
    left: 8px;
    right: 8px;
    bottom: 8px;
    padding: 8px;
  }

  .sgseo-hero__result-actions .sgseo-btn {
    flex: 1 1 calc(50% - 8px);
  }

  .sgseo-heading,
  .sgseo-heading--medium {
    font-size: clamp(2rem, 10vw, 2.8rem);
    line-height: 1;
  }

  .sgseo-lead {
    margin-top: 16px;
    font-size: 0.96rem;
    line-height: 1.62;
  }

  .sgseo-showcase-grid {
    display: grid;
    grid-auto-columns: minmax(76vw, 1fr);
    grid-auto-flow: column;
    grid-template-columns: none;
    gap: 12px;
    margin-inline: -16px;
    padding: 0 16px 12px;
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
  }

  .sgseo-showcase-grid[data-sgseo-gallery-layout] {
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    grid-template-columns: minmax(0, 1fr);
    margin-inline: 0;
    padding: 0;
    overflow: visible;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-hero__stage[data-sgseo-aspect] {
    width: min(100%, 430px);
    margin-left: 0;
  }

  .sgseo-showcase-item {
    scroll-snap-align: center;
  }

  .sgseo-steps,
  .sgseo-style-list,
  .sgseo-feature-lines,
  .sgseo-audience-grid,
  .sgseo-tool-links {
    grid-template-columns: 1fr;
  }

  .sgseo-step,
  .sgseo-step:first-child,
  .sgseo-step:last-child {
    min-height: 0;
    border-top: 1px solid var(--sgseo-line);
    border-left: 0;
    padding: 25px 0;
  }

  .sgseo-step:first-child {
    border-top: 0;
  }

  .sgseo-step::before {
    margin-bottom: 26px;
  }

  .sgseo-style-group {
    min-height: 0;
  }

  .sgseo-feature-line,
  .sgseo-feature-line:nth-child(-n + 2),
  .sgseo-audience-item,
  .sgseo-audience-item:nth-child(-n + 2) {
    border-top: 1px solid var(--sgseo-line);
  }

  .sgseo-feature-line:first-child,
  .sgseo-audience-item:first-child {
    border-top: 0;
  }

  .sgseo-cluster-grid {
    grid-template-columns: 1fr;
  }

  .sgseo-cluster-card,
  .sgseo-cluster-card:nth-child(1),
  .sgseo-cluster-card:nth-child(5) {
    grid-column: auto;
    min-height: 310px;
  }

  .sgseo-tool-link,
  .sgseo-tool-link:first-child {
    grid-column: auto;
    min-height: 205px;
  }

  .sgseo-table-wrap {
    margin-inline: -16px;
    width: calc(100% + 32px);
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .sgseo-faq summary {
    padding-block: 20px;
  }

  .sgseo-faq details > div {
    padding-right: 0;
  }

  .sgseo-final__facts {
    display: grid;
  }

  .sgseo-gate {
    align-items: end;
    padding: 10px;
  }

  .sgseo-gate__dialog {
    width: 100%;
    max-height: calc(100dvh - 20px);
    border-radius: 17px;
    padding: 24px 18px 18px;
  }
}

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

/* Beard Appearance Hero — compact real Editor color controls. */
.sgseo-beard-color {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--sgseo-line);
}

.sgseo-color-rail {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.sgseo-color-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  border: 1px solid var(--sgseo-line);
  border-radius: 10px;
  padding: 6px 9px;
  background: #101014;
  color: var(--sgseo-muted);
  cursor: pointer;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 650;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.sgseo-color-chip:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.24);
  color: var(--sgseo-text);
}

.sgseo-color-chip[aria-pressed="true"] {
  border-color: rgba(125, 211, 252, 0.72);
  background: #181828;
  color: var(--sgseo-text);
  box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.26);
}

.sgseo-color-chip:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.sgseo-color-chip__swatch {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 50%;
  background: var(--sgseo-swatch, #9aa4ad);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}

.sgseo-preset-rail--beard {
  grid-auto-columns: minmax(108px, 1fr);
}

@media (max-width: 640px) {
  .sgseo-color-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sgseo-color-chip {
    justify-content: flex-start;
    min-width: 0;
    padding-inline: 8px;
    font-size: 0.68rem;
  }

  .sgseo-preset-rail--beard {
    grid-auto-columns: 96px;
  }
}

/* Reusable text-first cluster navigation for families without approved imagery. */
.sgseo-topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--sgseo-line);
  border-radius: 16px;
  background: var(--sgseo-line);
}

.sgseo-topic-link {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: start;
  gap: 14px;
  min-height: 150px;
  padding: 24px;
  background: var(--sgseo-bg);
  color: inherit;
  text-decoration: none;
  transition: background 160ms ease;
}

.sgseo-topic-link:hover {
  background: #111116;
}

.sgseo-topic-link > .sgseo-icon {
  width: 26px;
  height: 26px;
  margin-top: 2px;
  color: #c4b5fd;
}

.sgseo-topic-link h3 {
  margin: 0 0 7px;
  color: var(--sgseo-text);
  font-size: 1.03rem;
}

.sgseo-topic-link p {
  margin: 0;
  color: var(--sgseo-muted);
  font-size: 0.88rem;
  line-height: 1.55;
}

.sgseo-topic-link__arrow {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid var(--sgseo-line);
  border-radius: 9px;
  color: var(--sgseo-dim);
}

.sgseo-topic-link:hover .sgseo-topic-link__arrow {
  color: var(--sgseo-text);
  border-color: rgba(255,255,255,.2);
}

@media (max-width: 760px) {
  .sgseo-topic-grid {
    grid-template-columns: 1fr;
  }

  .sgseo-topic-link {
    min-height: 0;
    padding: 19px 17px;
  }
}


/* ==========================================================================\n   Beard composition v2.2 — same SmartGenius system, independent page rhythm.\n   ========================================================================== */
.sgseo-beard-hero {
  background:
    radial-gradient(circle at 73% 18%, rgba(34, 211, 238, .075), transparent 28%),
    radial-gradient(circle at 20% 0%, rgba(139, 92, 246, .065), transparent 24%),
    var(--sgseo-bg);
}
.sgseo-beard-hero__grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
  gap: 14px clamp(42px, 6vw, 92px);
}
.sgseo-beard-hero__copy { padding-top: clamp(4px, 2vw, 24px); }
.sgseo-beard-hero h1 { max-width: 650px; font-size: clamp(3rem, 4.8vw, 4.25rem); }
.sgseo-beard-hero__visual { width: min(100%, 570px); justify-self: end; }
.sgseo-beard-hero__stage { aspect-ratio: 4 / 5; border-radius: 20px; }
.sgseo-beard-hero .sgseo-preset-rail--beard {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: row; gap: 8px; overflow: visible; padding-bottom: 0;
}
.sgseo-beard-hero .sgseo-preset { display:grid; grid-template-columns:48px 1fr auto; align-items:center; min-width:0; padding:6px 8px; }
.sgseo-beard-hero .sgseo-preset__image { width:48px; height:48px; aspect-ratio:1; }
.sgseo-beard-hero .sgseo-preset__name { min-height:0; margin:0 0 0 8px; font-size:.74rem; }
.sgseo-beard-hero .sgseo-preset__check { position:static; width:20px; height:20px; }
.sgseo-beard-hero .sgseo-beard-color { margin-top:12px; padding-top:12px; }
.sgseo-beard-hero .sgseo-color-chip { min-height:31px; padding:5px 8px; }
.sgseo-beard-crop > img,
.sgseo-beard-crop .sgseo-before-after__after img { object-position:center var(--sgseo-beard-crop-y, 18%); }

.sgseo-beard-proof__head,
.sgseo-beard-styles__head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:48px; align-items:end; margin-bottom:48px; }
.sgseo-beard-proof__head .sgseo-lead,
.sgseo-beard-styles__head .sgseo-lead { margin:0; }
.sgseo-beard-proof { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr); gap:clamp(28px,5vw,68px); align-items:center; }
.sgseo-beard-proof__main .sgseo-before-after { --sgseo-media-ratio: 4 / 3; border-radius:18px; }
.sgseo-beard-proof__main-caption { display:flex; justify-content:space-between; gap:16px; padding:14px 2px 0; color:var(--sgseo-dim); font-size:.78rem; }
.sgseo-beard-proof__main-caption strong { color:var(--sgseo-text); font-size:.92rem; }
.sgseo-beard-proof__notes { align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.sgseo-beard-proof__note { display:grid; grid-template-columns:26px 1fr; gap:16px; padding:22px 0; border-top:1px solid var(--sgseo-line); }
.sgseo-beard-proof__note:first-of-type { border-top:0; }
.sgseo-beard-proof__note > span { width:26px; height:1px; margin-top:11px; background:linear-gradient(90deg,var(--sgseo-violet),var(--sgseo-cyan)); }
.sgseo-beard-proof__note h3 { margin:0 0 7px; font-size:1rem; }
.sgseo-beard-proof__note p { margin:0; color:var(--sgseo-muted); font-size:.91rem; line-height:1.58; }
.sgseo-beard-secondary { margin-top:clamp(42px,6vw,72px); padding-top:28px; border-top:1px solid var(--sgseo-line); }
.sgseo-beard-secondary__intro { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:22px; }
.sgseo-beard-secondary__intro h3 { margin:0; font-size:1.35rem; letter-spacing:-.025em; }
.sgseo-beard-secondary__intro p { max-width:620px; margin:0; color:var(--sgseo-muted); line-height:1.6; }
.sgseo-beard-secondary__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sgseo-beard-mini { min-width:0; }
.sgseo-beard-mini__pair { display:grid; grid-template-columns:1fr 1fr; gap:2px; overflow:hidden; border-radius:12px; background:var(--sgseo-line); }
.sgseo-beard-mini figure { position:relative; margin:0; aspect-ratio:1 / 1.05; overflow:hidden; background:var(--sgseo-surface-2); }
.sgseo-beard-mini img { width:100%; height:100%; object-fit:cover; object-position:center 16%; }
.sgseo-beard-mini figcaption { position:absolute; left:8px; bottom:8px; margin:0; border-radius:7px; padding:4px 7px; background:rgba(10,10,12,.76); color:#fff; font-size:.63rem; font-weight:700; }
.sgseo-beard-mini h3 { margin:10px 1px 0; font-size:.85rem; }

.sgseo-beard-detail__grid { display:grid; grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr); gap:clamp(48px,8vw,120px); align-items:center; }
.sgseo-beard-detail__media { position:relative; margin:0; aspect-ratio:4 / 5; overflow:hidden; border-radius:18px; background:var(--sgseo-surface-2); }
.sgseo-beard-detail__media img { width:100%; height:100%; object-fit:cover; object-position:center 12%; transform:scale(1.04); }
.sgseo-beard-detail__media figcaption { position:absolute; left:14px; bottom:14px; padding:7px 10px; border-radius:8px; background:rgba(10,10,12,.78); font-size:.72rem; font-weight:700; }
.sgseo-beard-detail__rows { margin-top:34px; }
.sgseo-beard-detail__rows article { display:grid; grid-template-columns:42px 1fr; gap:18px; padding:20px 0; border-top:1px solid var(--sgseo-line); }
.sgseo-beard-detail__rows article > span { color:#bda9ff; font-size:.72rem; font-weight:760; letter-spacing:.1em; }
.sgseo-beard-detail__rows h3 { margin:0 0 6px; font-size:1rem; }
.sgseo-beard-detail__rows p { margin:0; color:var(--sgseo-muted); line-height:1.62; }

.sgseo-beard-wide-head { max-width:860px; }
.sgseo-beard-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:50px; border-top:1px solid var(--sgseo-line); border-bottom:1px solid var(--sgseo-line); }
.sgseo-beard-step { min-height:250px; padding:28px 34px 30px 0; }
.sgseo-beard-step + .sgseo-beard-step { border-left:1px solid var(--sgseo-line); padding-left:34px; }
.sgseo-beard-step__n { display:block; margin-bottom:48px; color:#bda9ff; font-size:.76rem; font-weight:760; letter-spacing:.12em; }
.sgseo-beard-step h3 { margin:0 0 10px; font-size:1.15rem; }
.sgseo-beard-step p { margin:0; color:var(--sgseo-muted); line-height:1.66; }
.sgseo-beard-inline-cta { display:inline-flex; align-items:center; gap:9px; margin-top:26px; color:var(--sgseo-text); font-weight:700; text-decoration:none; }
.sgseo-beard-inline-cta .sgseo-icon { color:#7dd3fc; }

.sgseo-beard-style-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-top:1px solid var(--sgseo-line); border-bottom:1px solid var(--sgseo-line); }
.sgseo-beard-style { min-height:205px; padding:24px 20px; }
.sgseo-beard-style + .sgseo-beard-style { border-left:1px solid var(--sgseo-line); }
.sgseo-beard-style__index { display:block; margin-bottom:38px; color:var(--sgseo-dim); font-size:.7rem; letter-spacing:.1em; }
.sgseo-beard-style h3 { margin:0 0 9px; font-size:1rem; }
.sgseo-beard-style p { margin:0; color:var(--sgseo-muted); font-size:.86rem; line-height:1.55; }

.sgseo-beard-use__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr); gap:clamp(50px,8vw,120px); align-items:start; }
.sgseo-beard-use__list { margin-top:38px; }
.sgseo-beard-use__list article { display:grid; grid-template-columns:26px 1fr; gap:14px; padding:19px 0; border-top:1px solid var(--sgseo-line); }
.sgseo-beard-use__list .sgseo-icon { color:#a7f3d0; margin-top:2px; }
.sgseo-beard-use__list h3 { margin:0 0 6px; font-size:1rem; }
.sgseo-beard-use__list p { margin:0; color:var(--sgseo-muted); line-height:1.58; }
.sgseo-beard-vs { position:sticky; top:110px; padding:30px 0 0 34px; border-left:1px solid var(--sgseo-line); }
.sgseo-beard-vs h3 { margin:0; font-size:clamp(1.8rem,3vw,2.65rem); letter-spacing:-.04em; line-height:1.04; }
.sgseo-beard-vs > p:not(.sgseo-kicker) { margin:20px 0 0; color:var(--sgseo-muted); line-height:1.68; }
.sgseo-beard-vs__line { display:grid; grid-template-columns:auto 1fr auto 1fr; gap:10px; align-items:center; margin-top:34px; padding-top:18px; border-top:1px solid var(--sgseo-line); color:var(--sgseo-dim); font-size:.74rem; }
.sgseo-beard-vs__line strong { color:var(--sgseo-text); font-size:.8rem; }

.sgseo-beard-nav-list { margin-top:46px; border-top:1px solid var(--sgseo-line); }
.sgseo-beard-nav-link { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; padding:25px 0; border-bottom:1px solid var(--sgseo-line); text-decoration:none; transition:padding-left 160ms ease; }
.sgseo-beard-nav-link:hover { padding-left:8px; }
.sgseo-beard-nav-link h3 { margin:0 0 5px; font-size:1.08rem; }
.sgseo-beard-nav-link p { max-width:760px; margin:0; color:var(--sgseo-muted); line-height:1.55; }
.sgseo-beard-nav-link .sgseo-icon { color:#7dd3fc; }
.sgseo-beard-tools { display:grid; grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr); gap:42px; margin-top:48px; padding-top:28px; border-top:1px solid var(--sgseo-line); }
.sgseo-beard-tools h3 { margin:0; font-size:1.1rem; }
.sgseo-beard-tools > div { display:flex; flex-wrap:wrap; gap:10px 22px; }
.sgseo-beard-tools a { display:inline-flex; align-items:center; gap:6px; color:var(--sgseo-muted); text-decoration:none; }
.sgseo-beard-tools a:hover { color:var(--sgseo-text); }
.sgseo-beard-tools .sgseo-icon { width:.95em; height:.95em; }

.sgseo-beard-faq { padding-bottom:clamp(52px,6vw,78px); border-bottom:1px solid var(--sgseo-line); }
.sgseo-beard-final { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:50px; align-items:end; padding-top:clamp(52px,7vw,86px); }
.sgseo-beard-final h2 { max-width:760px; margin:0; font-size:clamp(2.5rem,5vw,4.8rem); letter-spacing:-.055em; line-height:.96; }
.sgseo-beard-final p:not(.sgseo-kicker) { max-width:650px; margin:18px 0 0; color:var(--sgseo-muted); line-height:1.65; }

@media (max-width:1120px) {
  .sgseo-beard-hero__grid { grid-template-columns:minmax(0,1fr) minmax(360px,.85fr); gap-inline:38px; }
  .sgseo-beard-style-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sgseo-beard-style:nth-child(4) { border-left:0; border-top:1px solid var(--sgseo-line); }
  .sgseo-beard-style:nth-child(5), .sgseo-beard-style:nth-child(6) { border-top:1px solid var(--sgseo-line); }
}
@media (max-width:860px) {
  .sgseo-beard-hero__grid { grid-template-columns:1fr; }
  .sgseo-beard-hero__visual { width:min(520px,100%); justify-self:start; }
  .sgseo-beard-proof__head, .sgseo-beard-styles__head, .sgseo-beard-proof, .sgseo-beard-detail__grid, .sgseo-beard-use__grid { grid-template-columns:1fr; }
  .sgseo-beard-proof__head .sgseo-lead, .sgseo-beard-styles__head .sgseo-lead { margin-top:18px; }
  .sgseo-beard-proof__notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
  .sgseo-beard-proof__note { display:block; border-top:1px solid var(--sgseo-line); }
  .sgseo-beard-proof__note > span { display:block; margin:0 0 14px; }
  .sgseo-beard-detail__media { width:min(520px,100%); aspect-ratio:5/4; }
  .sgseo-beard-steps { grid-template-columns:1fr; }
  .sgseo-beard-step { min-height:0; padding:24px 0; }
  .sgseo-beard-step + .sgseo-beard-step { border-left:0; border-top:1px solid var(--sgseo-line); padding-left:0; }
  .sgseo-beard-step__n { margin-bottom:18px; }
  .sgseo-beard-vs { position:static; padding:28px 0 0; border-left:0; border-top:1px solid var(--sgseo-line); }
  .sgseo-beard-tools { grid-template-columns:1fr; gap:18px; }
}
@media (max-width:640px) {
  .sgseo-beard-hero .sgseo-preset-rail--beard { grid-template-columns:1fr; gap:6px; }
  .sgseo-beard-hero .sgseo-preset { grid-template-columns:42px 1fr auto; }
  .sgseo-beard-hero .sgseo-preset__image { width:42px; height:42px; }
  .sgseo-beard-hero__stage { width:min(100%,360px); max-height:none; }
  .sgseo-beard-proof__head, .sgseo-beard-styles__head { margin-bottom:30px; gap:0; }
  .sgseo-beard-proof__main .sgseo-before-after { --sgseo-media-ratio: 4 / 5; }
  .sgseo-beard-proof__notes { grid-template-columns:1fr; gap:0; margin-top:6px; }
  .sgseo-beard-secondary__intro { display:block; }
  .sgseo-beard-secondary__intro p { margin-top:10px; }
  .sgseo-beard-secondary__grid { display:grid; grid-auto-columns:76vw; grid-auto-flow:column; grid-template-columns:none; gap:10px; margin-inline:-16px; padding:0 16px 10px; overflow-x:auto; scroll-snap-type:inline mandatory; }
  .sgseo-beard-mini { scroll-snap-align:center; }
  .sgseo-beard-style-strip { display:grid; grid-auto-columns:78vw; grid-auto-flow:column; grid-template-columns:none; overflow-x:auto; margin-inline:-16px; padding-inline:16px; border:0; scroll-snap-type:inline mandatory; }
  .sgseo-beard-style { min-height:190px; border-top:1px solid var(--sgseo-line); border-bottom:1px solid var(--sgseo-line); scroll-snap-align:center; }
  .sgseo-beard-style + .sgseo-beard-style, .sgseo-beard-style:nth-child(4), .sgseo-beard-style:nth-child(5), .sgseo-beard-style:nth-child(6) { border-left:0; border-top:1px solid var(--sgseo-line); }
  .sgseo-beard-tools > div { display:grid; gap:12px; }
  .sgseo-beard-final { grid-template-columns:1fr; gap:28px; }
  .sgseo-beard-final .sgseo-btn { width:100%; }
}

/* 2.28.23 — focused Age clusters. The parent keeps the full age axis; the
   younger and older landing pages expose only their relevant preset group. */
.sgseo-age-cluster { --sgseo-age-blue:#7dd3fc; --sgseo-age-violet:#a78bfa; --sgseo-age-warm:#f6c177; }
.sgseo-age-hero[data-sgseo-family="age-younger"] .sgseo-age-selector__group[data-sgseo-age-group="older"],
.sgseo-age-hero[data-sgseo-family="age-older"] .sgseo-age-selector__group[data-sgseo-age-group="younger"] { display:none; }
.sgseo-age-hero[data-sgseo-family="age-younger"] .sgseo-age-selector__axis span:last-child,
.sgseo-age-hero[data-sgseo-family="age-older"] .sgseo-age-selector__axis span:first-child { opacity:.25; }
.sgseo-age-focus-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,.68fr); gap:clamp(36px,7vw,96px); align-items:end; margin-bottom:40px; }
.sgseo-age-focus-head .sgseo-lead { margin:0; }
.sgseo-age-intensity { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--sgseo-line); border-bottom:1px solid var(--sgseo-line); }
.sgseo-age-intensity article { min-height:250px; padding:30px 34px 32px 0; }
.sgseo-age-intensity article + article { padding-left:34px; border-left:1px solid var(--sgseo-line); }
.sgseo-age-intensity span,.sgseo-age-guide span,.sgseo-age-detail-matrix span { display:block; color:var(--sgseo-age-blue); font-size:.7rem; font-weight:780; letter-spacing:.12em; }
.sgseo-age-intensity h3 { margin:66px 0 10px; font-size:1.22rem; }
.sgseo-age-intensity p,.sgseo-age-guide p,.sgseo-age-detail-matrix p { margin:0; color:var(--sgseo-muted); line-height:1.62; }
.sgseo-age-proof-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sgseo-age-proof-pair article { min-width:0; }
.sgseo-age-proof-pair figure { margin:0; aspect-ratio:4/5; overflow:hidden; border-radius:16px; background:var(--sgseo-surface-2); }
.sgseo-age-proof-pair .sgseo-before-after { --sgseo-media-ratio:4/5; height:100%; }
.sgseo-age-proof-pair article > span { display:block; margin-top:10px; color:var(--sgseo-dim); font-size:.68rem; letter-spacing:.1em; }
.sgseo-age-younger-preserve { display:grid; grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr); gap:clamp(44px,7vw,100px); align-items:center; }
.sgseo-age-younger-preserve__media .sgseo-before-after { --sgseo-media-ratio:4/5; border-radius:17px; }
.sgseo-age-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:40px; border-top:1px solid var(--sgseo-line); }
.sgseo-age-guide article { padding:25px 30px 0 0; }
.sgseo-age-guide article + article { padding-left:30px; border-left:1px solid var(--sgseo-line); }
.sgseo-age-guide h3 { margin:36px 0 8px; font-size:1.05rem; }
.sgseo-age-future-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.sgseo-age-future-gallery article { min-width:0; }
.sgseo-age-future-gallery figure { margin:0; aspect-ratio:4/5; overflow:hidden; border-radius:14px; background:var(--sgseo-surface-2); }
.sgseo-age-future-gallery img { width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.sgseo-age-future-gallery article > span { display:block; margin:11px 1px 4px; color:var(--sgseo-age-warm); font-size:.68rem; letter-spacing:.07em; }
.sgseo-age-future-gallery h3 { margin:0 1px; font-size:.94rem; }
.sgseo-age-detail-matrix { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:42px; border-top:1px solid var(--sgseo-line); }
.sgseo-age-detail-matrix article { display:grid; grid-template-columns:46px minmax(0,1fr); gap:18px; padding:26px 30px 26px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-age-detail-matrix article:nth-child(even) { padding-left:30px; border-left:1px solid var(--sgseo-line); }
.sgseo-age-detail-matrix h3 { margin:0 0 7px; font-size:1.06rem; }
.sgseo-age-cluster-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:clamp(48px,6vw,76px); border:1px solid var(--sgseo-line); border-radius:13px; overflow:hidden; background:#0c0d11; }
.sgseo-age-cluster-nav a { min-width:0; padding:14px 16px; color:var(--sgseo-muted); text-align:center; text-decoration:none; font-size:.78rem; font-weight:720; }
.sgseo-age-cluster-nav a + a { border-left:1px solid var(--sgseo-line); }
.sgseo-age-cluster-nav a[aria-current="page"] { color:var(--sgseo-text); background:rgba(125,211,252,.08); }

@media (max-width:860px) {
  .sgseo-age-focus-head,.sgseo-age-younger-preserve { grid-template-columns:1fr; }
  .sgseo-age-focus-head .sgseo-lead { margin-top:14px; }
  .sgseo-age-future-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 10px; }
}
@media (max-width:640px) {
  .sgseo-age-cluster-hero .sgseo-age-hero__stage { width:100% !important; max-width:none !important; }
  .sgseo-age-cluster-hero .sgseo-age-hero__stage .sgseo-before-after,
  .sgseo-age-cluster-hero .sgseo-age-hero__stage .sgseo-hero__preview { aspect-ratio:var(--sgseo-mobile-stage-ratio,var(--sgseo-hero-ratio,1/1)) !important; }
  .sgseo-age-selector__rail { display:grid !important; grid-template-columns:1fr !important; gap:7px !important; overflow:visible !important; }
  .sgseo-age-preset { grid-template-columns:48px minmax(0,1fr) 20px !important; min-width:0 !important; min-height:60px !important; }
  .sgseo-age-preset > span { overflow:hidden; overflow-wrap:normal !important; white-space:normal; font-size:.72rem !important; line-height:1.18 !important; }
  .sgseo-age-intensity { grid-template-columns:1fr; }
  .sgseo-age-intensity article { min-height:0; padding:24px 0; }
  .sgseo-age-intensity article + article { padding-left:0; border-left:0; border-top:1px solid var(--sgseo-line); }
  .sgseo-age-intensity h3 { margin:20px 0 8px; }
  .sgseo-age-proof-pair { grid-template-columns:1fr; gap:22px; }
  .sgseo-age-proof-pair figure { width:100%; aspect-ratio:4/5; }
  .sgseo-age-guide { grid-template-columns:1fr; }
  .sgseo-age-guide article { padding:23px 0; }
  .sgseo-age-guide article + article { padding-left:0; border-left:0; border-top:1px solid var(--sgseo-line); }
  .sgseo-age-guide h3 { margin:18px 0 8px; }
  .sgseo-age-future-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sgseo-age-detail-matrix { grid-template-columns:1fr; }
  .sgseo-age-detail-matrix article,.sgseo-age-detail-matrix article:nth-child(even) { grid-template-columns:38px minmax(0,1fr); padding:22px 0; border-left:0; }
  .sgseo-age-cluster-nav { grid-template-columns:1fr; }
  .sgseo-age-cluster-nav a { text-align:left; }
  .sgseo-age-cluster-nav a + a { border-left:0; border-top:1px solid var(--sgseo-line); }
}

/* === Makeup family — beauty/editorial composition, intentionally not Hair-shaped === */
.sgseo-makeup-hero {
  background:
    radial-gradient(circle at 78% 20%, rgba(168, 85, 247, 0.10), transparent 30%),
    radial-gradient(circle at 92% 72%, rgba(236, 72, 153, 0.055), transparent 28%),
    var(--sgseo-bg);
}

.sgseo-makeup-hero .sgseo-hero__grid {
  grid-template-columns: minmax(0, 1fr) minmax(390px, .88fr);
  grid-template-areas:
    "copy visual"
    "upload visual"
    "presets visual"
    "actions visual"
    "message visual";
  gap: 16px clamp(46px, 7vw, 104px);
  align-items: start;
}

.sgseo-makeup-hero .sgseo-hero__copy {
  padding-top: clamp(10px, 2vw, 28px);
}

.sgseo-makeup-hero .sgseo-hero__eyebrow {
  color: #f0abfc;
}

.sgseo-makeup-hero h1 {
  max-width: 650px;
  font-size: clamp(3rem, 5vw, 4.35rem);
}

.sgseo-makeup-hero .sgseo-hero__description {
  max-width: 590px;
}

.sgseo-makeup-hero__visual {
  grid-area: visual;
  width: min(100%, 580px);
  justify-self: end;
}

.sgseo-makeup-hero__stage {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 20px;
  background: var(--sgseo-surface-2);
  box-shadow: 0 28px 70px rgba(0,0,0,.28);
}

.sgseo-makeup-hero__stage .sgseo-before-after,
.sgseo-makeup-hero__stage .sgseo-hero__preview {
  height: 100%;
  min-height: 100%;
  --sgseo-media-ratio: 4 / 5;
}

.sgseo-makeup-hero__stage .sgseo-before-after img,
.sgseo-makeup-hero__stage .sgseo-hero__preview img {
  object-position: center 16%;
}

.sgseo-preset-header--makeup {
  margin-bottom: 10px;
}

.sgseo-preset-rail--makeup {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: row;
  gap: 8px;
  padding: 0;
  overflow: visible;
}

.sgseo-makeup-preset {
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) auto;
  min-width: 0;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 6px 8px 6px 6px;
  border-radius: 11px;
}

.sgseo-makeup-preset .sgseo-preset__image {
  width: 58px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  object-position: center;
}
.sgseo-makeup-preset .sgseo-preset__swatch{width:68px;height:48px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:var(--sgseo-swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)}

/* Makeup cluster primitives: same product system, deliberately different page compositions. */
.sgseo-makeup-cluster{background:#08090c}.sgseo-makeup-cluster .sgseo-section{border-top:1px solid var(--sgseo-line)}
.sgseo-makeup-cluster-head{display:grid;grid-template-columns:minmax(0,.72fr) minmax(280px,.38fr);gap:clamp(28px,6vw,86px);align-items:end;margin-bottom:42px}
.sgseo-makeup-cluster-head h2{margin:0;font-size:clamp(2.2rem,4.2vw,4.35rem);line-height:.98;letter-spacing:-.052em}.sgseo-makeup-cluster-head p{margin:0;color:var(--sgseo-muted);line-height:1.7}
.sgseo-makeup-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sgseo-makeup-catalog--nine{grid-template-columns:repeat(3,minmax(0,1fr))}
.sgseo-makeup-catalog--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sgseo-makeup-catalog article{min-width:0;border:1px solid var(--sgseo-line);background:#0c0e13;border-radius:14px;overflow:hidden}.sgseo-makeup-catalog figure{margin:0;aspect-ratio:4/5;background:#11131a;overflow:hidden}.sgseo-makeup-catalog img{width:100%;height:100%;display:block;object-fit:cover}.sgseo-makeup-catalog__copy{padding:17px}.sgseo-makeup-catalog h3{margin:0 0 6px;font-size:1rem}.sgseo-makeup-catalog p{margin:0;color:var(--sgseo-muted);font-size:.84rem;line-height:1.55}
.sgseo-eye-spectrum{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sgseo-line);border-radius:15px;overflow:hidden}.sgseo-eye-spectrum article{padding:30px;border-right:1px solid var(--sgseo-line)}.sgseo-eye-spectrum article:last-child{border-right:0}.sgseo-eye-spectrum b{display:block;color:#eaa6ff;font-size:.7rem;letter-spacing:.14em;margin-bottom:14px}.sgseo-eye-spectrum h3{margin:0 0 8px}.sgseo-eye-spectrum p{margin:0;color:var(--sgseo-muted);line-height:1.62}
.sgseo-lip-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.sgseo-lip-chip{min-height:150px;border:1px solid var(--sgseo-line);border-radius:13px;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,var(--lip) 0 58%,#0c0e13 58%)}.sgseo-lip-chip b{font-size:.83rem}.sgseo-lip-chip small{color:var(--sgseo-muted);margin-top:3px}
.sgseo-glam-lookbook{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.sgseo-glam-look{grid-column:span 4;position:relative;min-height:430px;border:1px solid var(--sgseo-line);border-radius:15px;overflow:hidden}.sgseo-glam-look img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.sgseo-glam-look div{position:absolute;inset:auto 0 0;padding:22px;background:linear-gradient(transparent,rgba(5,6,9,.96))}.sgseo-glam-look h3{margin:0 0 6px}.sgseo-glam-look p{margin:0;color:#c3c5ce;font-size:.82rem;line-height:1.5}
.sgseo-natural-scale{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--sgseo-line);border-bottom:1px solid var(--sgseo-line)}.sgseo-natural-scale article{padding:24px 15px;border-right:1px solid var(--sgseo-line)}.sgseo-natural-scale article:last-child{border-right:0}.sgseo-natural-scale b{display:block;margin-bottom:8px;font-size:.86rem}.sgseo-natural-scale span{color:var(--sgseo-dim);font-size:.72rem;letter-spacing:.08em}
.sgseo-transfer-story{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sgseo-line);border-radius:15px;overflow:hidden}.sgseo-transfer-story article{padding:30px;border-right:1px solid var(--sgseo-line)}.sgseo-transfer-story article:last-child{border-right:0}.sgseo-transfer-story span{color:#eaa6ff;font-size:.72rem;font-weight:800;letter-spacing:.13em}.sgseo-transfer-story h3{margin:18px 0 8px}.sgseo-transfer-story p{margin:0;color:var(--sgseo-muted);line-height:1.62}
.sgseo-transfer-source__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--sgseo-text);font-size:.72rem;letter-spacing:.09em}.sgseo-transfer-source__head span{color:var(--sgseo-dim)}
.sgseo-transfer-upload{display:grid;grid-template-columns:76px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:92px;padding:9px;border:1px dashed #343743;border-radius:13px;background:#0d0f14;cursor:pointer}.sgseo-transfer-upload__preview{width:76px;height:72px;border-radius:9px;background:#151822;display:grid;place-items:center;color:#a8a9b3;overflow:hidden}.sgseo-transfer-upload__preview img{width:100%;height:100%;object-fit:cover}.sgseo-transfer-upload__copy{min-width:0;display:flex;flex-direction:column;gap:4px}.sgseo-transfer-upload__copy b{font-size:.82rem}.sgseo-transfer-upload__copy small,.sgseo-transfer-upload__copy em{color:var(--sgseo-muted);font-size:.7rem;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sgseo-transfer-upload__action{color:#eaa6ff}.sgseo-transfer-result-label{position:absolute;z-index:5;left:12px;top:12px;padding:7px 9px;border-radius:7px;background:rgba(5,6,9,.82);font-size:.64rem;font-weight:800;letter-spacing:.1em}
.sgseo-makeup-linkbar{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--sgseo-line);border-bottom:1px solid var(--sgseo-line)}.sgseo-makeup-linkbar a{padding:20px 12px;color:var(--sgseo-muted);text-align:center;text-decoration:none;border-right:1px solid var(--sgseo-line);font-size:.8rem}.sgseo-makeup-linkbar a:last-child{border-right:0}.sgseo-makeup-linkbar a:hover,.sgseo-makeup-linkbar a[aria-current="page"]{color:var(--sgseo-text);background:#0e1015}
.sgseo-makeup-cluster .sgseo-faq-list{max-width:900px}.sgseo-makeup-cluster .sgseo-final-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}.sgseo-makeup-cluster .sgseo-final-row h2{margin:0;font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.05em;line-height:1}.sgseo-makeup-cluster .sgseo-final-row p{max-width:650px;color:var(--sgseo-muted);line-height:1.65}
@media(max-width:820px){.sgseo-makeup-cluster-head{grid-template-columns:1fr;gap:16px}.sgseo-makeup-catalog,.sgseo-makeup-catalog--nine{grid-template-columns:repeat(2,minmax(0,1fr))}.sgseo-eye-spectrum,.sgseo-transfer-story{grid-template-columns:1fr}.sgseo-eye-spectrum article,.sgseo-transfer-story article{border-right:0;border-bottom:1px solid var(--sgseo-line)}.sgseo-eye-spectrum article:last-child,.sgseo-transfer-story article:last-child{border-bottom:0}.sgseo-lip-palette{grid-template-columns:repeat(3,1fr)}.sgseo-glam-lookbook{grid-template-columns:1fr}.sgseo-glam-look{grid-column:auto;min-height:390px}.sgseo-natural-scale{grid-template-columns:repeat(2,1fr)}.sgseo-natural-scale article:nth-child(2n){border-right:0}.sgseo-natural-scale article{border-bottom:1px solid var(--sgseo-line)}.sgseo-makeup-linkbar{grid-template-columns:1fr}.sgseo-makeup-linkbar a{border-right:0;border-bottom:1px solid var(--sgseo-line);text-align:left}.sgseo-makeup-linkbar a:last-child{border-bottom:0}.sgseo-makeup-cluster .sgseo-final-row{grid-template-columns:1fr}.sgseo-makeup-hero__stage{width:100%!important;max-width:none!important;aspect-ratio:var(--sgseo-hero-ratio,4/5)!important;height:auto!important}.sgseo-makeup-hero__visual{width:100%!important}.sgseo-makeup-hero__stage .sgseo-before-after,.sgseo-makeup-hero__stage .sgseo-hero__preview{aspect-ratio:var(--sgseo-hero-ratio,4/5)!important}.sgseo-makeup-hero__stage .sgseo-before-after img,.sgseo-makeup-hero__stage .sgseo-hero__preview img{object-fit:contain!important}.sgseo-transfer-upload{grid-template-columns:64px minmax(0,1fr) 24px}.sgseo-transfer-upload__preview{width:64px;height:64px}}
@media(max-width:520px){.sgseo-makeup-catalog{grid-template-columns:1fr}.sgseo-makeup-catalog--two{grid-template-columns:1fr}.sgseo-makeup-catalog--nine{grid-template-columns:repeat(2,minmax(0,1fr))}.sgseo-makeup-catalog--nine figure{aspect-ratio:1}.sgseo-lip-palette{grid-template-columns:repeat(2,1fr)}.sgseo-makeup-preset{grid-template-columns:48px minmax(0,1fr) auto!important}.sgseo-makeup-preset .sgseo-preset__swatch{width:46px;height:40px}}

.sgseo-makeup-preset .sgseo-preset__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.2;
}

.sgseo-makeup-preset .sgseo-preset__check {
  position: static;
  width: 20px;
  height: 20px;
}

/* Signature face-first product proof. */
.sgseo-makeup-proof__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr);
  gap: clamp(42px, 7vw, 110px);
  align-items: end;
  margin-bottom: clamp(36px, 5vw, 64px);
}

.sgseo-makeup-proof__head .sgseo-lead {
  margin: 0;
}

.sgseo-makeup-proof__main {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(280px, .54fr);
  gap: clamp(34px, 5vw, 76px);
  align-items: center;
}

.sgseo-makeup-proof__media {
  width: min(100%, 820px);
}

.sgseo-makeup-proof__media .sgseo-before-after {
  --sgseo-media-ratio: 4 / 5;
  border-radius: 18px;
}

.sgseo-makeup-proof__media .sgseo-before-after img {
  object-position: center 14%;
}

.sgseo-makeup-focus {
  border-top: 1px solid var(--sgseo-line);
}

.sgseo-makeup-focus article {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 16px;
  padding: 22px 0;
  border-bottom: 1px solid var(--sgseo-line);
}

.sgseo-makeup-focus__index {
  color: #f0abfc;
  font-size: .72rem;
  font-weight: 760;
  letter-spacing: .12em;
}

.sgseo-makeup-focus h3 {
  margin: 0 0 6px;
  font-size: 1rem;
}

.sgseo-makeup-focus p {
  margin: 0;
  color: var(--sgseo-muted);
  font-size: .9rem;
  line-height: 1.58;
}

.sgseo-makeup-secondary {
  margin-top: clamp(48px, 7vw, 84px);
  padding-top: 28px;
  border-top: 1px solid var(--sgseo-line);
}

.sgseo-makeup-secondary__intro {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
  margin-bottom: 22px;
}

.sgseo-makeup-secondary__intro h3 {
  margin: 0;
  font-size: 1.35rem;
  letter-spacing: -.025em;
}

.sgseo-makeup-secondary__intro p {
  max-width: 620px;
  margin: 0;
  color: var(--sgseo-muted);
  line-height: 1.6;
}

.sgseo-makeup-secondary__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}

.sgseo-makeup-mini {
  min-width: 0;
}

.sgseo-makeup-mini__pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  overflow: hidden;
  border-radius: 14px;
  background: var(--sgseo-line);
}

.sgseo-makeup-mini--slider .sgseo-makeup-mini__pair {
  display: block;
}

.sgseo-makeup-mini--slider .sgseo-before-after {
  width: 100%;
}

.sgseo-makeup-mini figure {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--sgseo-surface-2);
}

.sgseo-makeup-mini img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 14%;
}

.sgseo-makeup-mini figcaption {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 4px 7px;
  border-radius: 7px;
  background: rgba(10,10,12,.76);
  color: #fff;
  font-size: .63rem;
  font-weight: 700;
}

.sgseo-makeup-mini h3 {
  margin: 12px 0 0;
  font-size: .92rem;
}

.sgseo-makeup-mini p {
  margin: 5px 0 0;
  color: var(--sgseo-dim);
  font-size: .78rem;
  line-height: 1.45;
}

/* Beauty directions: large editorial after-images, not selectable cards. */
.sgseo-makeup-directions__head {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, .62fr);
  gap: clamp(40px, 7vw, 100px);
  align-items: end;
  margin-bottom: 42px;
}

.sgseo-makeup-directions__head .sgseo-lead { margin: 0; }

.sgseo-makeup-directions__strip {
  display: grid;
  grid-template-columns: 1.18fr 1fr 1fr;
  gap: 14px;
  align-items: stretch;
}

.sgseo-makeup-look {
  position: relative;
  min-width: 0;
}

.sgseo-makeup-look figure {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 16px;
  background: var(--sgseo-surface-2);
}

.sgseo-makeup-look:first-child figure { aspect-ratio: 4 / 5.25; }

.sgseo-makeup-look img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 13%;
  transition: transform 240ms ease;
}

.sgseo-makeup-look:hover img { transform: scale(1.015); }

.sgseo-makeup-look__meta {
  padding: 16px 2px 0;
}

.sgseo-makeup-look__meta span {
  display: block;
  margin-bottom: 7px;
  color: #f0abfc;
  font-size: .69rem;
  font-weight: 760;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.sgseo-makeup-look h3 {
  margin: 0 0 6px;
  font-size: 1.02rem;
}

.sgseo-makeup-look p {
  margin: 0;
  color: var(--sgseo-muted);
  font-size: .85rem;
  line-height: 1.55;
}

/* Face-detail / semantic explanation block. */
.sgseo-makeup-detail__grid {
  display: grid;
  grid-template-columns: minmax(330px, .72fr) minmax(0, 1.18fr);
  gap: clamp(48px, 8vw, 120px);
  align-items: center;
}

.sgseo-makeup-detail__media {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 18px;
  background: var(--sgseo-surface-2);
}

.sgseo-makeup-detail__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 12%;
  transform: scale(1.03);
}

.sgseo-makeup-detail__media figcaption {
  position: absolute;
  left: 14px;
  bottom: 14px;
  padding: 7px 10px;
  border-radius: 8px;
  background: rgba(10,10,12,.78);
  font-size: .72rem;
  font-weight: 700;
}

.sgseo-makeup-detail__rows {
  margin-top: 34px;
  border-top: 1px solid var(--sgseo-line);
}

.sgseo-makeup-detail__rows article {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 18px;
  padding: 20px 0;
  border-bottom: 1px solid var(--sgseo-line);
}

.sgseo-makeup-detail__rows article > span {
  color: #f0abfc;
  font-size: .72rem;
  font-weight: 760;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.sgseo-makeup-detail__rows h3 { margin: 0 0 6px; font-size: 1rem; }
.sgseo-makeup-detail__rows p { margin: 0; color: var(--sgseo-muted); line-height: 1.62; }

/* Typography-led steps. */
.sgseo-makeup-steps {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-top: 48px;
  border-top: 1px solid var(--sgseo-line);
  border-bottom: 1px solid var(--sgseo-line);
}

.sgseo-makeup-step {
  min-height: 230px;
  padding: 28px 34px 30px 0;
}

.sgseo-makeup-step + .sgseo-makeup-step {
  border-left: 1px solid var(--sgseo-line);
  padding-left: 34px;
}

.sgseo-makeup-step__n {
  display: block;
  margin-bottom: 46px;
  color: #f0abfc;
  font-size: .75rem;
  font-weight: 760;
  letter-spacing: .12em;
}

.sgseo-makeup-step h3 { margin: 0 0 10px; font-size: 1.12rem; }
.sgseo-makeup-step p { margin: 0; color: var(--sgseo-muted); line-height: 1.64; }

/* Natural-result explanation + restrained comparison. */
.sgseo-makeup-why__grid {
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(330px,.68fr);
  gap: clamp(50px,8vw,118px);
  align-items: start;
}

.sgseo-makeup-why__list { margin-top: 38px; border-top: 1px solid var(--sgseo-line); }
.sgseo-makeup-why__list article { display:grid; grid-template-columns:26px 1fr; gap:14px; padding:19px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-makeup-why__list .sgseo-icon { color:#f0abfc; margin-top:2px; }
.sgseo-makeup-why__list h3 { margin:0 0 6px; font-size:1rem; }
.sgseo-makeup-why__list p { margin:0; color:var(--sgseo-muted); line-height:1.58; }

.sgseo-makeup-vs {
  position: sticky;
  top: 110px;
  padding: 30px 0 0 34px;
  border-left: 1px solid var(--sgseo-line);
}

.sgseo-makeup-vs h3 { margin:0; font-size:clamp(1.8rem,3vw,2.65rem); letter-spacing:-.04em; line-height:1.04; }
.sgseo-makeup-vs > p:not(.sgseo-kicker) { margin:20px 0 0; color:var(--sgseo-muted); line-height:1.68; }
.sgseo-makeup-vs__rows { margin-top:30px; border-top:1px solid var(--sgseo-line); }
.sgseo-makeup-vs__rows div { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:13px 0; border-bottom:1px solid var(--sgseo-line); font-size:.78rem; }
.sgseo-makeup-vs__rows span { color:var(--sgseo-dim); }
.sgseo-makeup-vs__rows strong { color:var(--sgseo-text); font-weight:720; }

/* Crawlable makeup clusters + related tools without another card grid. */
.sgseo-makeup-nav-list { margin-top: 44px; border-top: 1px solid var(--sgseo-line); }
.sgseo-makeup-nav-link { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; padding:24px 0; border-bottom:1px solid var(--sgseo-line); text-decoration:none; transition:padding-left 160ms ease; }
.sgseo-makeup-nav-link:hover { padding-left:8px; }
.sgseo-makeup-nav-link h3 { margin:0 0 5px; font-size:1.05rem; }
.sgseo-makeup-nav-link p { max-width:780px; margin:0; color:var(--sgseo-muted); line-height:1.55; }
.sgseo-makeup-nav-link .sgseo-icon { color:#f0abfc; }
.sgseo-makeup-tools { display:grid; grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr); gap:42px; margin-top:48px; padding-top:28px; border-top:1px solid var(--sgseo-line); }
.sgseo-makeup-tools h3 { margin:0; font-size:1.1rem; }
.sgseo-makeup-tools > div { display:flex; flex-wrap:wrap; gap:10px 22px; }
.sgseo-makeup-tools a { display:inline-flex; align-items:center; gap:6px; color:var(--sgseo-muted); text-decoration:none; }
.sgseo-makeup-tools a:hover { color:var(--sgseo-text); }
.sgseo-makeup-tools .sgseo-icon { width:.95em; height:.95em; }

.sgseo-makeup-faq { padding-bottom:clamp(52px,6vw,78px); border-bottom:1px solid var(--sgseo-line); }
.sgseo-makeup-final { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:50px; align-items:end; padding-top:clamp(52px,7vw,86px); }
.sgseo-makeup-final h2 { max-width:760px; margin:0; font-size:clamp(2.5rem,5vw,4.8rem); letter-spacing:-.055em; line-height:.96; }
.sgseo-makeup-final p:not(.sgseo-kicker) { max-width:660px; margin:18px 0 0; color:var(--sgseo-muted); line-height:1.65; }

@media (max-width: 1120px) {
  .sgseo-makeup-hero .sgseo-hero__grid { grid-template-columns:minmax(0,1fr) minmax(350px,.82fr); gap-inline:38px; }
  .sgseo-preset-rail--makeup { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .sgseo-makeup-hero .sgseo-hero__grid { grid-template-columns:1fr; grid-template-areas:"copy" "upload" "visual" "presets" "actions" "message"; }
  .sgseo-makeup-hero__visual { width:min(520px,100%); justify-self:start; }
  .sgseo-makeup-proof__head,
  .sgseo-makeup-proof__main,
  .sgseo-makeup-directions__head,
  .sgseo-makeup-detail__grid,
  .sgseo-makeup-why__grid { grid-template-columns:1fr; }
  .sgseo-makeup-proof__head .sgseo-lead,
  .sgseo-makeup-directions__head .sgseo-lead { margin-top:18px; }
  .sgseo-makeup-focus { margin-top:8px; }
  .sgseo-makeup-directions__strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sgseo-makeup-steps { grid-template-columns:1fr; }
  .sgseo-makeup-step { min-height:0; padding:24px 0; }
  .sgseo-makeup-step + .sgseo-makeup-step { border-left:0; border-top:1px solid var(--sgseo-line); padding-left:0; }
  .sgseo-makeup-step__n { margin-bottom:18px; }
  .sgseo-makeup-vs { position:static; padding:28px 0 0; border-left:0; border-top:1px solid var(--sgseo-line); }
  .sgseo-makeup-tools { grid-template-columns:1fr; gap:18px; }
}

@media (max-width: 640px) {
  .sgseo-makeup-hero { padding-top:22px; }
  .sgseo-makeup-hero h1 { font-size:clamp(2.35rem,12vw,3.25rem); line-height:.98; }
  .sgseo-makeup-hero .sgseo-hero__copy > p,
  .sgseo-makeup-hero .sgseo-hero__description { margin-top:17px; font-size:.96rem; line-height:1.55; }
  .sgseo-makeup-hero .sgseo-hero__trust { gap:7px 12px; margin-top:14px; font-size:.75rem; }
  .sgseo-makeup-hero .sgseo-hero__upload { margin-top:2px; }
  .sgseo-makeup-hero__stage { width:min(100%,350px); aspect-ratio:4/5; border-radius:16px; }
  .sgseo-preset-rail--makeup { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .sgseo-makeup-preset { grid-template-columns:46px minmax(0,1fr) auto; min-height:54px; gap:8px; padding:5px 7px 5px 5px; }
  .sgseo-makeup-preset .sgseo-preset__image { width:46px; height:40px; }
  .sgseo-makeup-preset .sgseo-preset__name { font-size:.7rem; }
  .sgseo-makeup-proof__head,
  .sgseo-makeup-directions__head { margin-bottom:30px; gap:0; }
  .sgseo-makeup-proof__media .sgseo-before-after { --sgseo-media-ratio:4/5; }
  .sgseo-makeup-secondary__intro { display:block; }
  .sgseo-makeup-secondary__intro p { margin-top:10px; }
  .sgseo-makeup-cluster .sgseo-makeup-secondary__grid { display:grid; grid-template-columns:1fr; grid-auto-columns:auto; grid-auto-flow:row; gap:16px; margin-inline:0; padding:0; overflow-x:visible; scroll-snap-type:none; }
  .sgseo-makeup-cluster .sgseo-makeup-mini { width:100%; scroll-snap-align:none; }
  .sgseo-makeup-directions__strip { display:grid; grid-auto-columns:78vw; grid-auto-flow:column; grid-template-columns:none; gap:10px; margin-inline:-16px; padding:0 16px 10px; overflow-x:auto; scroll-snap-type:inline mandatory; }
  .sgseo-makeup-look { scroll-snap-align:center; }
  .sgseo-makeup-look:first-child figure,
  .sgseo-makeup-look figure { aspect-ratio:4/5; }
  .sgseo-makeup-detail__media { width:min(100%,430px); }
  .sgseo-makeup-detail__rows article { grid-template-columns:58px 1fr; gap:12px; }
  .sgseo-makeup-tools > div { display:grid; gap:12px; }
  .sgseo-makeup-final { grid-template-columns:1fr; gap:28px; }
  .sgseo-makeup-final .sgseo-btn { width:100%; }
}


/* ================================================================
   Emotion / Expression Studio — Appearance family, standalone rhythm
   ================================================================ */
.sgseo-emotion-hero {
  padding-top: clamp(34px, 5vw, 72px);
  background:
    radial-gradient(circle at 77% 18%, rgba(91, 132, 255, .10), transparent 31%),
    radial-gradient(circle at 70% 68%, rgba(181, 105, 255, .075), transparent 34%),
    var(--sgseo-bg);
}
.sgseo-emotion-hero .sgseo-hero__grid {
  grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr);
  grid-template-areas:
    "copy visual"
    "upload visual"
    "presets visual"
    "actions visual"
    "message visual";
  column-gap: clamp(38px, 6vw, 88px);
  align-items:start;
}
.sgseo-emotion-hero .sgseo-hero__copy { grid-area:copy; padding-top:6px; }
.sgseo-emotion-hero .sgseo-hero__upload { grid-area:upload; }
.sgseo-emotion-hero .sgseo-hero__visual { grid-area:visual; align-self:start; }
.sgseo-emotion-hero .sgseo-hero__presets { grid-area:presets; }
.sgseo-emotion-hero .sgseo-hero__actions { grid-area:actions; }
.sgseo-emotion-hero .sgseo-hero__message { grid-area:message; }
.sgseo-emotion-hero h1 { max-width: 760px; }
.sgseo-emotion-hero__stage {
  width:min(100%, 620px);
  margin-inline:auto;
  aspect-ratio: 4 / 5;
  overflow:hidden;
  border-radius:20px;
  background:var(--sgseo-surface);
  box-shadow:0 30px 90px rgba(0,0,0,.32);
}
.sgseo-emotion-hero__stage .sgseo-before-after,
.sgseo-emotion-hero__stage .sgseo-hero__preview { width:100%; height:100%; --sgseo-media-ratio:4 / 5; }
.sgseo-emotion-hero__stage .sgseo-before-after img,
.sgseo-emotion-hero__stage .sgseo-hero__preview img { width:100%; height:100%; object-fit:cover; object-position:center 28%; }
.sgseo-preset-header--emotion { margin-bottom:10px; }
.sgseo-preset-rail--emotion { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.sgseo-emotion-preset {
  min-width:0;
  grid-template-columns:42px minmax(0,1fr) 18px;
  gap:9px;
  min-height:58px;
  padding:7px;
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
.sgseo-emotion-preset .sgseo-preset__image { width:42px; height:42px; aspect-ratio:1; border-radius:9px; object-fit:cover; object-position:center 28%; }
.sgseo-emotion-preset .sgseo-preset__name { min-width:0; font-size:.77rem; line-height:1.15; overflow-wrap:anywhere; }
.sgseo-emotion-preset .sgseo-preset__check { width:18px; height:18px; }

/* Dominant expression proof: one slider, face details beside it. */
.sgseo-emotion-proof__head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr); gap:44px; align-items:end; margin-bottom:42px; }
.sgseo-emotion-proof__head .sgseo-lead { margin:0; }
.sgseo-emotion-stage { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); gap:28px; align-items:stretch; }
.sgseo-emotion-stage__media { min-width:0; }
.sgseo-emotion-stage__media .sgseo-before-after { --sgseo-media-ratio: 5 / 4; min-height:clamp(430px,48vw,650px); }
.sgseo-emotion-stage__media .sgseo-before-after img { object-fit:cover; object-position:center 26%; }
.sgseo-emotion-cues { border-top:1px solid var(--sgseo-line); }
.sgseo-emotion-cue { display:grid; grid-template-columns:34px 1fr; gap:14px; padding:22px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-emotion-cue__n { font-size:.72rem; letter-spacing:.12em; color:#a78bfa; padding-top:3px; }
.sgseo-emotion-cue h3 { margin:0 0 6px; font-size:1rem; }
.sgseo-emotion-cue p { margin:0; color:var(--sgseo-muted); line-height:1.58; font-size:.9rem; }

/* Mood spectrum is an editorial film-strip rather than another card grid. */
.sgseo-emotion-spectrum__head { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.65fr); gap:42px; align-items:end; margin-bottom:34px; }
.sgseo-emotion-spectrum__head .sgseo-lead { margin:0; }
.sgseo-emotion-spectrum { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--sgseo-line); border-bottom:1px solid var(--sgseo-line); }
.sgseo-emotion-look { min-width:0; padding:16px 14px 18px; }
.sgseo-emotion-look + .sgseo-emotion-look { border-left:1px solid var(--sgseo-line); }
.sgseo-emotion-look figure { margin:0; aspect-ratio:4/5; overflow:hidden; border-radius:12px; background:var(--sgseo-surface); }
.sgseo-emotion-look img { width:100%; height:100%; object-fit:cover; object-position:center 27%; transition:transform 180ms ease; }
.sgseo-emotion-look:hover img { transform:scale(1.015); }
.sgseo-emotion-look span { display:block; margin-top:14px; color:var(--sgseo-dim); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.sgseo-emotion-look h3 { margin:5px 0 0; font-size:.98rem; }

/* Face mechanics: image pair + clean rows, no rounded feature cards. */
.sgseo-emotion-mechanics { display:grid; grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr); gap:clamp(36px,6vw,86px); align-items:center; }
.sgseo-emotion-mechanics__pair { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; }
.sgseo-emotion-mechanics__pair figure { position:relative; margin:0; aspect-ratio:4/5; overflow:hidden; border-radius:14px; background:var(--sgseo-surface); }
.sgseo-emotion-mechanics__pair img { width:100%; height:100%; object-fit:cover; object-position:center 27%; }
.sgseo-emotion-mechanics__pair figcaption { position:absolute; left:10px; top:10px; padding:5px 8px; border-radius:8px; background:rgba(10,10,10,.78); color:#fff; font-size:.72rem; }
.sgseo-emotion-mechanics__rows { margin-top:30px; border-top:1px solid var(--sgseo-line); }
.sgseo-emotion-mechanics__rows article { display:grid; grid-template-columns:26px 1fr; gap:14px; padding:18px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-emotion-mechanics__rows .sgseo-icon { color:#a78bfa; margin-top:2px; }
.sgseo-emotion-mechanics__rows h3 { margin:0 0 5px; font-size:1rem; }
.sgseo-emotion-mechanics__rows p { margin:0; color:var(--sgseo-muted); line-height:1.58; }

.sgseo-emotion-steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--sgseo-line); border-bottom:1px solid var(--sgseo-line); }
.sgseo-emotion-step { min-height:210px; padding:30px 28px 32px 0; }
.sgseo-emotion-step + .sgseo-emotion-step { border-left:1px solid var(--sgseo-line); padding-left:28px; }
.sgseo-emotion-step__n { display:block; margin-bottom:38px; color:#a78bfa; font-size:.72rem; letter-spacing:.14em; }
.sgseo-emotion-step h3 { margin:0 0 9px; font-size:1.08rem; }
.sgseo-emotion-step p { margin:0; color:var(--sgseo-muted); line-height:1.62; }

.sgseo-emotion-context__grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(300px,.68fr); gap:clamp(42px,7vw,96px); align-items:start; }
.sgseo-emotion-usecases { margin-top:36px; border-top:1px solid var(--sgseo-line); }
.sgseo-emotion-usecases article { display:grid; grid-template-columns:130px 1fr; gap:20px; padding:17px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-emotion-usecases h3 { margin:0; font-size:.92rem; }
.sgseo-emotion-usecases p { margin:0; color:var(--sgseo-muted); line-height:1.55; }
.sgseo-emotion-vs { padding-left:34px; border-left:1px solid var(--sgseo-line); }
.sgseo-emotion-vs h3 { margin:0; font-size:clamp(1.9rem,3vw,2.7rem); letter-spacing:-.045em; line-height:1.03; }
.sgseo-emotion-vs > p:not(.sgseo-kicker) { margin:18px 0 0; color:var(--sgseo-muted); line-height:1.66; }
.sgseo-emotion-vs__rows { margin-top:28px; border-top:1px solid var(--sgseo-line); }
.sgseo-emotion-vs__rows div { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:13px 0; border-bottom:1px solid var(--sgseo-line); font-size:.8rem; }
.sgseo-emotion-vs__rows span { color:var(--sgseo-dim); }
.sgseo-emotion-vs__rows strong { font-weight:700; }

.sgseo-emotion-nav-list { margin-top:40px; border-top:1px solid var(--sgseo-line); }
.sgseo-emotion-nav-link { display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; padding:22px 0; border-bottom:1px solid var(--sgseo-line); text-decoration:none; transition:padding-left 160ms ease; }
.sgseo-emotion-nav-link:hover { padding-left:8px; }
.sgseo-emotion-nav-link h3 { margin:0 0 4px; font-size:1.04rem; }
.sgseo-emotion-nav-link p { max-width:780px; margin:0; color:var(--sgseo-muted); line-height:1.55; }
.sgseo-emotion-nav-link .sgseo-icon { color:#a78bfa; }
.sgseo-emotion-tools { display:grid; grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr); gap:36px; margin-top:42px; padding-top:26px; border-top:1px solid var(--sgseo-line); }
.sgseo-emotion-tools h3 { margin:0; font-size:1.05rem; }
.sgseo-emotion-tools > div { display:flex; flex-wrap:wrap; gap:10px 22px; }
.sgseo-emotion-tools a { display:inline-flex; align-items:center; gap:6px; color:var(--sgseo-muted); text-decoration:none; }
.sgseo-emotion-tools a:hover { color:var(--sgseo-text); }
.sgseo-emotion-tools .sgseo-icon { width:.95em; height:.95em; }
.sgseo-emotion-faq { padding-bottom:clamp(52px,6vw,78px); border-bottom:1px solid var(--sgseo-line); }
.sgseo-emotion-final { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:48px; align-items:end; padding-top:clamp(52px,7vw,86px); }
.sgseo-emotion-final h2 { max-width:760px; margin:0; font-size:clamp(2.5rem,5vw,4.8rem); letter-spacing:-.055em; line-height:.96; }
.sgseo-emotion-final p:not(.sgseo-kicker) { max-width:680px; margin:18px 0 0; color:var(--sgseo-muted); line-height:1.65; }

@media (max-width: 1120px) {
  .sgseo-emotion-hero .sgseo-hero__grid { grid-template-columns:minmax(0,1fr) minmax(360px,.86fr); column-gap:36px; }
  .sgseo-preset-rail--emotion { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sgseo-emotion-stage { grid-template-columns:minmax(0,1.25fr) minmax(230px,.55fr); }
  .sgseo-emotion-spectrum { grid-template-columns:repeat(5,minmax(170px,1fr)); overflow-x:auto; }
}
@media (max-width: 860px) {
  .sgseo-emotion-hero .sgseo-hero__grid { grid-template-columns:1fr; grid-template-areas:"copy" "upload" "visual" "presets" "actions" "message"; }
  .sgseo-emotion-hero__visual { width:min(520px,100%); justify-self:start; }
  .sgseo-emotion-proof__head,
  .sgseo-emotion-stage,
  .sgseo-emotion-spectrum__head,
  .sgseo-emotion-mechanics,
  .sgseo-emotion-context__grid { grid-template-columns:1fr; }
  .sgseo-emotion-proof__head .sgseo-lead,
  .sgseo-emotion-spectrum__head .sgseo-lead { margin-top:16px; }
  .sgseo-emotion-cues { margin-top:6px; }
  .sgseo-emotion-steps { grid-template-columns:1fr; }
  .sgseo-emotion-step { min-height:0; padding:24px 0; }
  .sgseo-emotion-step + .sgseo-emotion-step { border-left:0; border-top:1px solid var(--sgseo-line); padding-left:0; }
  .sgseo-emotion-step__n { margin-bottom:16px; }
  .sgseo-emotion-vs { padding:28px 0 0; border-left:0; border-top:1px solid var(--sgseo-line); }
  .sgseo-emotion-tools { grid-template-columns:1fr; gap:16px; }
}
@media (max-width: 640px) {
  .sgseo-emotion-hero { padding-top:22px; }
  .sgseo-emotion-hero h1 { font-size:clamp(2.25rem,11.5vw,3.15rem); line-height:.98; }
  .sgseo-emotion-hero .sgseo-hero__description { font-size:.95rem; line-height:1.54; }
  .sgseo-emotion-hero__stage { width:min(100%,350px); aspect-ratio:4/5; border-radius:16px; }
  .sgseo-preset-rail--emotion { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .sgseo-emotion-preset { grid-template-columns:38px minmax(0,1fr) 16px; min-height:52px; gap:7px; padding:6px; }
  .sgseo-emotion-preset .sgseo-preset__image { width:38px; height:38px; border-radius:8px; }
  .sgseo-emotion-preset .sgseo-preset__name { font-size:.72rem; }
  .sgseo-emotion-stage__media .sgseo-before-after { min-height:0; --sgseo-media-ratio:4 / 5; }
  .sgseo-emotion-spectrum { display:grid; grid-auto-columns:72vw; grid-auto-flow:column; grid-template-columns:none; overflow-x:auto; margin-inline:-16px; padding-inline:16px; scroll-snap-type:inline mandatory; border:0; }
  .sgseo-emotion-look { scroll-snap-align:center; border-top:1px solid var(--sgseo-line); border-bottom:1px solid var(--sgseo-line); }
  .sgseo-emotion-look + .sgseo-emotion-look { border-left:0; }
  .sgseo-emotion-mechanics__pair { gap:6px; }
  .sgseo-emotion-usecases article { grid-template-columns:1fr; gap:5px; }
  .sgseo-emotion-final { grid-template-columns:1fr; gap:26px; }
  .sgseo-emotion-final .sgseo-btn { width:100%; }
}
/* Emotion preset grid must opt out of the shared horizontal carousel flow. */
.sgseo-preset-rail--emotion {
  grid-auto-flow: row;
  grid-auto-columns: auto;
  overflow-x: visible;
  scroll-snap-type: none;
}


/* ===== Age / Time Lens — Appearance family, v2.5.0 ===== */
.sgseo-age-hero {
  --sgseo-age-blue: #7dd3fc;
  --sgseo-age-violet: #a78bfa;
  --sgseo-age-warm: #f6c177;
  padding-top: clamp(34px, 5vw, 74px);
}
.sgseo-age-hero .sgseo-hero__grid {
  grid-template-columns: minmax(0, .92fr) minmax(390px, 1.08fr);
  grid-template-areas:
    "copy visual"
    "upload visual"
    "presets visual"
    "actions visual"
    "message visual";
  column-gap: clamp(42px, 6vw, 92px);
  align-items:start;
}
.sgseo-age-hero .sgseo-hero__copy { grid-area:copy; padding-top:clamp(8px,2.4vw,34px); }
.sgseo-age-hero .sgseo-hero__upload { grid-area:upload; }
.sgseo-age-hero .sgseo-hero__presets { grid-area:presets; }
.sgseo-age-hero .sgseo-hero__actions { grid-area:actions; }
.sgseo-age-hero .sgseo-hero__message { grid-area:message; }
.sgseo-age-hero__visual { grid-area:visual; width:min(100%,650px); justify-self:end; }
.sgseo-age-hero h1 { max-width:690px; font-size:clamp(3.1rem,5vw,4.7rem); line-height:.94; }
.sgseo-age-hero .sgseo-hero__eyebrow .sgseo-icon { color:var(--sgseo-age-blue); }
.sgseo-age-hero__stage {
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:20px;
  overflow:hidden;
  background:var(--sgseo-surface-2);
  box-shadow:0 34px 90px rgba(0,0,0,.28);
}
.sgseo-age-hero__stage .sgseo-before-after,
.sgseo-age-hero__stage .sgseo-hero__preview { --sgseo-media-ratio:1 / 1; border-radius:20px; }
.sgseo-age-hero__stage .sgseo-before-after img,
.sgseo-age-hero__stage .sgseo-hero__preview img { object-fit:cover; object-position:center 26%; }
.sgseo-age-hero__visual::after {
  content:"";
  display:block;
  width:68%;
  height:1px;
  margin:18px auto 0;
  background:linear-gradient(90deg, transparent, rgba(125,211,252,.55), rgba(167,139,250,.55), transparent);
}
.sgseo-age-selector { margin-top:4px; padding-top:18px; border-top:1px solid var(--sgseo-line); }
.sgseo-age-selector__axis { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; margin-bottom:16px; color:var(--sgseo-dim); font-size:.78rem; font-weight:800; }
.sgseo-age-selector__axis i { height:1px; background:linear-gradient(90deg,var(--sgseo-age-blue),rgba(255,255,255,.15),var(--sgseo-age-warm)); }
.sgseo-age-selector__group + .sgseo-age-selector__group { margin-top:16px; }
.sgseo-age-selector__label { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:8px; color:var(--sgseo-text); font-size:.74rem; font-weight:760; letter-spacing:.01em; }
.sgseo-age-selector__group[data-sgseo-age-group="younger"] .sgseo-age-selector__label > span:first-child { color:#bae6fd; }
.sgseo-age-selector__group[data-sgseo-age-group="older"] .sgseo-age-selector__label > span:first-child { color:#f9d89b; }
.sgseo-age-selector__rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.sgseo-age-preset { position:relative; display:grid; grid-template-columns:46px minmax(0,1fr) 18px; gap:8px; align-items:center; min-width:0; min-height:56px; padding:5px 7px 5px 5px; border:1px solid var(--sgseo-line); border-radius:11px; background:rgba(255,255,255,.025); color:var(--sgseo-text); text-align:left; cursor:pointer; transition:border-color 150ms ease,background 150ms ease,transform 150ms ease; }
.sgseo-age-preset:hover { background:rgba(255,255,255,.045); transform:translateY(-1px); }
.sgseo-age-preset[aria-pressed="true"] { border-color:rgba(125,211,252,.68); background:linear-gradient(135deg,rgba(125,211,252,.09),rgba(167,139,250,.07)); }
.sgseo-age-selector__group[data-sgseo-age-group="older"] .sgseo-age-preset[aria-pressed="true"] { border-color:rgba(246,193,119,.68); background:linear-gradient(135deg,rgba(246,193,119,.08),rgba(167,139,250,.06)); }
.sgseo-age-preset img { width:46px; height:46px; object-fit:cover; border-radius:8px; background:var(--sgseo-surface-2); }
.sgseo-age-preset > span { min-width:0; overflow-wrap:anywhere; font-size:.69rem; line-height:1.2; font-weight:680; }
.sgseo-age-preset > b { display:grid; place-items:center; width:18px; height:18px; border-radius:6px; background:rgba(255,255,255,.08); opacity:0; }
.sgseo-age-preset[aria-pressed="true"] > b { opacity:1; }
.sgseo-age-preset > b .sgseo-icon { width:12px; height:12px; }

.sgseo-age-proof__head { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(310px,.65fr); gap:clamp(38px,7vw,100px); align-items:end; margin-bottom:44px; }
.sgseo-age-proof__head .sgseo-lead { margin:0; }
.sgseo-age-lens { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:clamp(30px,5vw,64px); align-items:stretch; }
.sgseo-age-lens__media { position:relative; }
.sgseo-age-lens__media .sgseo-before-after { --sgseo-media-ratio:1 / 1; border-radius:18px; }
.sgseo-age-lens__media .sgseo-before-after img { object-position:center 24%; }
.sgseo-age-lens__scale { position:absolute; right:15px; top:50%; transform:translateY(-50%); display:grid; gap:8px; pointer-events:none; }
.sgseo-age-lens__scale span { display:block; width:22px; height:1px; background:rgba(255,255,255,.45); }
.sgseo-age-lens__scale span:nth-child(2), .sgseo-age-lens__scale span:nth-child(4) { width:13px; margin-left:9px; opacity:.45; }
.sgseo-age-lens__notes { display:flex; flex-direction:column; justify-content:center; border-top:1px solid var(--sgseo-line); border-bottom:1px solid var(--sgseo-line); }
.sgseo-age-lens__note { display:grid; grid-template-columns:36px 1fr; gap:16px; padding:24px 0; }
.sgseo-age-lens__note + .sgseo-age-lens__note { border-top:1px solid var(--sgseo-line); }
.sgseo-age-lens__note > span { color:var(--sgseo-age-blue); font-size:.72rem; font-weight:780; letter-spacing:.1em; }
.sgseo-age-lens__note:nth-child(2) > span { color:#c4b5fd; }
.sgseo-age-lens__note:nth-child(3) > span { color:var(--sgseo-age-warm); }
.sgseo-age-lens__note h3 { margin:0 0 7px; font-size:1rem; }
.sgseo-age-lens__note p { margin:0; color:var(--sgseo-muted); line-height:1.6; font-size:.91rem; }

.sgseo-age-timeline__head { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.72fr); gap:46px; align-items:end; margin-bottom:38px; }
.sgseo-age-timeline__head .sgseo-lead { margin:0; }
.sgseo-age-timeline { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding-top:42px; }
.sgseo-age-timeline::before { content:""; position:absolute; left:0; right:0; top:16px; height:1px; background:linear-gradient(90deg,var(--sgseo-age-blue),rgba(255,255,255,.12),var(--sgseo-age-warm)); }
.sgseo-age-time { min-width:0; }
.sgseo-age-time::before { content:""; display:block; width:7px; height:7px; margin:0 0 16px 12px; border-radius:50%; background:#fff; box-shadow:0 0 0 5px rgba(255,255,255,.05); }
.sgseo-age-time figure { margin:0; aspect-ratio:1 / 1.06; overflow:hidden; border-radius:14px; background:var(--sgseo-surface-2); }
.sgseo-age-time:nth-child(2) figure { margin-top:20px; }
.sgseo-age-time:nth-child(3) figure { margin-top:5px; }
.sgseo-age-time:nth-child(4) figure { margin-top:28px; }
.sgseo-age-time img { width:100%; height:100%; object-fit:cover; object-position:center 20%; transition:transform 180ms ease; }
.sgseo-age-time:hover img { transform:scale(1.018); }
.sgseo-age-time span { display:block; margin:12px 1px 5px; color:var(--sgseo-dim); font-size:.68rem; letter-spacing:.05em; }
.sgseo-age-time h3 { margin:0 1px; font-size:.94rem; }

.sgseo-age-preserve { display:grid; grid-template-columns:minmax(330px,.74fr) minmax(0,1.26fr); gap:clamp(50px,8vw,120px); align-items:center; }
.sgseo-age-preserve__pair { display:grid; grid-template-columns:1fr 1fr; gap:2px; overflow:hidden; border-radius:18px; background:var(--sgseo-line); }
.sgseo-age-preserve__pair figure { position:relative; margin:0; aspect-ratio:1 / 1.12; overflow:hidden; background:var(--sgseo-surface-2); }
.sgseo-age-preserve__pair img { width:100%; height:100%; object-fit:cover; object-position:center 18%; }
.sgseo-age-preserve__pair figcaption { position:absolute; left:10px; bottom:10px; padding:5px 8px; border-radius:7px; background:rgba(10,10,12,.76); font-size:.66rem; font-weight:760; }
.sgseo-age-preserve__rows { margin-top:32px; border-top:1px solid var(--sgseo-line); }
.sgseo-age-preserve__rows article { display:grid; grid-template-columns:30px 1fr; gap:15px; padding:19px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-age-preserve__rows .sgseo-icon { color:#c4b5fd; margin-top:2px; }
.sgseo-age-preserve__rows h3 { margin:0 0 5px; font-size:1rem; }
.sgseo-age-preserve__rows p { margin:0; color:var(--sgseo-muted); line-height:1.58; }

.sgseo-age-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:46px; border-top:1px solid var(--sgseo-line); border-bottom:1px solid var(--sgseo-line); }
.sgseo-age-step { min-height:238px; padding:28px 34px 30px 0; }
.sgseo-age-step + .sgseo-age-step { border-left:1px solid var(--sgseo-line); padding-left:34px; }
.sgseo-age-step__n { display:block; margin-bottom:44px; color:var(--sgseo-age-blue); font-size:.74rem; font-weight:780; letter-spacing:.12em; }
.sgseo-age-step:nth-child(3) .sgseo-age-step__n { color:var(--sgseo-age-warm); }
.sgseo-age-step h3 { margin:0 0 10px; font-size:1.12rem; }
.sgseo-age-step p { margin:0; color:var(--sgseo-muted); line-height:1.64; }

.sgseo-age-use { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.72fr); gap:clamp(50px,8vw,120px); align-items:start; }
.sgseo-age-use__list { margin-top:34px; border-top:1px solid var(--sgseo-line); }
.sgseo-age-use__list article { display:grid; grid-template-columns:26px 1fr; gap:14px; padding:19px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-age-use__list .sgseo-icon { color:var(--sgseo-age-blue); margin-top:2px; }
.sgseo-age-use__list h3 { margin:0 0 6px; font-size:1rem; }
.sgseo-age-use__list p { margin:0; color:var(--sgseo-muted); line-height:1.58; }
.sgseo-age-vs { position:sticky; top:110px; padding:30px 0 0 34px; border-left:1px solid var(--sgseo-line); }
.sgseo-age-vs h3 { margin:0; font-size:clamp(1.8rem,3vw,2.65rem); letter-spacing:-.04em; line-height:1.04; }
.sgseo-age-vs > p:not(.sgseo-kicker) { margin:20px 0 0; color:var(--sgseo-muted); line-height:1.68; }
.sgseo-age-vs__rows { margin-top:30px; border-top:1px solid var(--sgseo-line); }
.sgseo-age-vs__rows div { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:13px 0; border-bottom:1px solid var(--sgseo-line); font-size:.78rem; }
.sgseo-age-vs__rows span { color:var(--sgseo-dim); }
.sgseo-age-vs__rows strong { color:var(--sgseo-text); font-weight:720; }

.sgseo-age-nav-list { margin-top:44px; border-top:1px solid var(--sgseo-line); }
.sgseo-age-nav-link { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; padding:24px 0; border-bottom:1px solid var(--sgseo-line); text-decoration:none; transition:padding-left 160ms ease; }
.sgseo-age-nav-link:hover { padding-left:8px; }
.sgseo-age-nav-link h3 { margin:0 0 5px; font-size:1.05rem; }
.sgseo-age-nav-link p { max-width:780px; margin:0; color:var(--sgseo-muted); line-height:1.55; }
.sgseo-age-nav-link .sgseo-icon { color:var(--sgseo-age-warm); }
.sgseo-age-tools { display:grid; grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr); gap:42px; margin-top:48px; padding-top:28px; border-top:1px solid var(--sgseo-line); }
.sgseo-age-tools h3 { margin:0; font-size:1.1rem; }
.sgseo-age-tools > div { display:flex; flex-wrap:wrap; gap:10px 22px; }
.sgseo-age-tools a { display:inline-flex; align-items:center; gap:6px; color:var(--sgseo-muted); text-decoration:none; }
.sgseo-age-tools a:hover { color:var(--sgseo-text); }
.sgseo-age-tools .sgseo-icon { width:.95em; height:.95em; }

.sgseo-age-faq { padding-bottom:clamp(52px,6vw,78px); border-bottom:1px solid var(--sgseo-line); }
.sgseo-age-final { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:50px; align-items:end; padding-top:clamp(52px,7vw,86px); }
.sgseo-age-final h2 { max-width:820px; margin:0; font-size:clamp(2.5rem,5vw,4.8rem); letter-spacing:-.055em; line-height:.96; }
.sgseo-age-final p:not(.sgseo-kicker) { max-width:660px; margin:18px 0 0; color:var(--sgseo-muted); line-height:1.65; }

@media (max-width: 1120px) {
  .sgseo-age-hero .sgseo-hero__grid { grid-template-columns:minmax(0,1fr) minmax(350px,.9fr); column-gap:34px; }
  .sgseo-age-lens, .sgseo-age-preserve, .sgseo-age-use { gap:42px; }
  .sgseo-age-preset { grid-template-columns:40px minmax(0,1fr) 16px; }
  .sgseo-age-preset img { width:40px; height:40px; }
}
@media (max-width: 860px) {
  .sgseo-age-hero .sgseo-hero__grid { grid-template-columns:1fr; grid-template-areas:"copy" "upload" "visual" "presets" "actions" "message"; }
  .sgseo-age-hero__visual { width:min(560px,100%); justify-self:start; }
  .sgseo-age-proof__head, .sgseo-age-lens, .sgseo-age-timeline__head, .sgseo-age-preserve, .sgseo-age-use { grid-template-columns:1fr; }
  .sgseo-age-proof__head .sgseo-lead, .sgseo-age-timeline__head .sgseo-lead { margin-top:16px; }
  .sgseo-age-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sgseo-age-timeline::before { display:none; }
  .sgseo-age-time { padding-top:14px; border-top:1px solid var(--sgseo-line); }
  .sgseo-age-time::before { display:none; }
  .sgseo-age-time:nth-child(n) figure { margin-top:0; }
  .sgseo-age-steps { grid-template-columns:1fr; }
  .sgseo-age-step { min-height:0; padding:24px 0; }
  .sgseo-age-step + .sgseo-age-step { border-left:0; border-top:1px solid var(--sgseo-line); padding-left:0; }
  .sgseo-age-step__n { margin-bottom:18px; }
  .sgseo-age-vs { position:static; padding:28px 0 0; border-left:0; border-top:1px solid var(--sgseo-line); }
  .sgseo-age-tools { grid-template-columns:1fr; gap:18px; }
}
@media (max-width: 640px) {
  .sgseo-age-hero { padding-top:22px; }
  .sgseo-age-hero h1 { font-size:clamp(2.25rem,11.5vw,3.18rem); line-height:.98; }
  .sgseo-age-hero .sgseo-hero__description { margin-top:17px; font-size:.95rem; line-height:1.55; }
  .sgseo-age-hero .sgseo-hero__trust { gap:7px 12px; margin-top:14px; font-size:.74rem; }
  .sgseo-age-hero__stage { width:min(100%,365px); border-radius:16px; }
  .sgseo-age-hero__stage .sgseo-before-after, .sgseo-age-hero__stage .sgseo-hero__preview { border-radius:16px; }
  .sgseo-age-selector { padding-top:14px; }
  .sgseo-age-selector__axis { margin-bottom:12px; }
  .sgseo-age-selector__rail { grid-template-columns:1fr; gap:6px; }
  .sgseo-age-preset { grid-template-columns:48px minmax(0,1fr) 20px; min-height:58px; padding:5px 8px 5px 5px; }
  .sgseo-age-preset img { width:48px; height:48px; }
  .sgseo-age-preset > span { font-size:.73rem; overflow-wrap:normal; }
  .sgseo-age-proof__head, .sgseo-age-timeline__head { margin-bottom:30px; gap:0; }
  .sgseo-age-lens__notes { margin-top:8px; }
  .sgseo-age-timeline { grid-template-columns:1fr 1fr; gap:18px 10px; padding-top:0; }
  .sgseo-age-time figure { border-radius:12px; }
  .sgseo-age-time h3 { font-size:.86rem; }
  .sgseo-age-preserve__pair { border-radius:14px; }
  .sgseo-age-tools > div { display:grid; gap:12px; }
  .sgseo-age-final { grid-template-columns:1fr; gap:28px; }
  .sgseo-age-final .sgseo-btn { width:100%; }
}
@media (max-width: 380px) {
  .sgseo-age-preset { grid-template-columns:44px minmax(0,1fr) 18px; }
  .sgseo-age-preset img { width:44px; height:44px; }
  .sgseo-age-preset > span { font-size:.69rem; }
}


/* v2.6.0 — Family 2 / Body: Fashion-tech Full-body Transformation Studio */
.sgseo-root[data-sgseo-family="body-pose"] {
  --sg-body-bg:#080a0d;
  --sg-body-surface:#0d1116;
  --sg-body-elevated:#111720;
  --sg-body-cyan:#26b8ff;
  --sg-body-violet:#625bff;
  --sg-body-soft:rgba(38,184,255,.11);
  --sg-body-border:rgba(140,195,255,.10);
  background:#080a0d;
}
.sgseo-body-hero { padding-top:clamp(34px,5vw,74px); background:linear-gradient(180deg,#080a0d 0%,#080a0d 72%,rgba(13,17,22,.35) 100%); }
.sgseo-body-hero .sgseo-hero__grid {
  grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);
  grid-template-areas:"copy visual" "upload visual" "presets visual" "actions visual" "message visual";
  column-gap:clamp(34px,5vw,76px);
  align-items:start;
}
.sgseo-body-hero .sgseo-hero__copy{grid-area:copy;padding-top:clamp(8px,2vw,28px)}
.sgseo-body-hero .sgseo-hero__upload{grid-area:upload}.sgseo-body-hero .sgseo-hero__presets{grid-area:presets}.sgseo-body-hero .sgseo-hero__actions{grid-area:actions}.sgseo-body-hero .sgseo-hero__message{grid-area:message}
.sgseo-body-hero__visual{grid-area:visual;justify-self:end;width:min(100%,690px)}
.sgseo-body-hero h1{max-width:650px;font-size:clamp(3rem,4.5vw,4.45rem);line-height:.94;letter-spacing:-.045em}
.sgseo-body-hero .sgseo-hero__eyebrow{border-radius:8px;color:#dbefff}.sgseo-body-hero .sgseo-hero__eyebrow .sgseo-icon{color:var(--sg-body-cyan)}
.sgseo-body-hero .sgseo-hero__trust{grid-template-columns:1fr;gap:7px;margin-top:18px}.sgseo-body-hero .sgseo-hero__trust .sgseo-icon{color:var(--sg-body-cyan)}
.sgseo-body-hero__stage{position:relative;aspect-ratio:4/5;min-height:570px;border:1px solid var(--sg-body-border);border-radius:14px;background:linear-gradient(145deg,#0c1117,#090c10);overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.sgseo-body-hero__stage::before{content:"FULL BODY";position:absolute;z-index:4;top:14px;left:14px;padding:5px 8px;border:1px solid rgba(80,190,255,.2);border-radius:6px;background:rgba(6,10,15,.68);color:#bfeaff;font-size:10px;font-weight:850;letter-spacing:.14em;pointer-events:none}
.sgseo-body-hero__stage .sgseo-before-after,.sgseo-body-hero__stage .sgseo-hero__preview{width:100%;height:100%;--sgseo-media-ratio:4/5;border-radius:13px;background:#090d12}
.sgseo-body-hero__stage .sgseo-before-after img,.sgseo-body-hero__stage .sgseo-hero__preview img{width:100%;height:100%;object-fit:contain;object-position:center bottom;background:#090d12}
.sgseo-body-hero .sgseo-upload{border-radius:10px;border-color:var(--sg-body-border);background:rgba(13,17,22,.78)}
.sgseo-body-hero .sgseo-upload:hover{border-color:rgba(38,184,255,.34);background:rgba(17,23,32,.9)}
.sgseo-body-hero .sgseo-gender-switch{border-radius:9px;background:#0b1016;border-color:var(--sg-body-border)}
.sgseo-body-hero .sgseo-gender-tab{border-radius:7px}.sgseo-body-hero .sgseo-gender-tab[aria-pressed="true"]{background:var(--sg-body-soft);color:#e9f8ff;box-shadow:inset 0 0 0 1px rgba(38,184,255,.24)}
.sgseo-body-preset-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:9px!important;overflow:visible;scroll-snap-type:none;padding-bottom:0}
.sgseo-body-preset{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr) 22px;gap:10px;align-items:center;min-width:0;padding:7px;border:1px solid var(--sg-body-border);border-radius:10px;background:#0d1116;color:#eaf4fb;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.sgseo-body-preset:hover{border-color:rgba(38,184,255,.28);background:#101720}.sgseo-body-preset[aria-pressed="true"]{border-color:rgba(38,184,255,.52);background:rgba(38,184,255,.08)}
.sgseo-body-preset__image{display:block;aspect-ratio:3/4;overflow:hidden;border-radius:7px;background:#080b0e}.sgseo-body-preset__image img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;background:#080b0e;transition:transform .3s ease}.sgseo-body-preset:hover .sgseo-body-preset__image img{transform:scale(1.02)}
.sgseo-body-preset__name{min-width:0;font-size:.76rem;font-weight:800;line-height:1.25}.sgseo-body-preset__check{display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;opacity:.35}.sgseo-body-preset[aria-pressed="true"] .sgseo-body-preset__check{border-color:rgba(38,184,255,.4);background:rgba(38,184,255,.14);color:#9ee1ff;opacity:1}
.sgseo-body-hero .sgseo-btn--primary{background:linear-gradient(135deg,#179ee9,#5368ff);box-shadow:0 10px 30px rgba(25,157,232,.18);border-radius:10px}

.sgseo-body-stage-section{padding:clamp(88px,9vw,138px) 0;background:#080a0d}
.sgseo-body-stage-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(34px,5vw,72px);align-items:center}
.sgseo-body-stage-media{position:relative;min-width:0}.sgseo-body-stage-media .sgseo-before-after{--sgseo-media-ratio:3/4;border-radius:14px;border-color:var(--sg-body-border);background:#090d12}.sgseo-body-stage-media .sgseo-before-after img{object-fit:contain;background:#090d12}
.sgseo-body-stage-copy{max-width:480px}.sgseo-body-kicker{margin:0 0 12px;color:#7fd9ff;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sgseo-body-stage-copy h2,.sgseo-body-open-copy h2{margin:0;font-size:clamp(2rem,3.6vw,3.65rem);line-height:1;letter-spacing:-.035em}.sgseo-body-stage-copy>p,.sgseo-body-open-copy>p{margin:20px 0 0;color:var(--sgseo-muted);font-size:1rem;line-height:1.75}
.sgseo-body-detail-list{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--sg-body-border)}.sgseo-body-detail-row{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--sg-body-border)}.sgseo-body-detail-row b{color:#eaf6fc;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase}.sgseo-body-detail-row span{color:#9eacba;font-size:.9rem;line-height:1.55}

.sgseo-body-transformations{padding:clamp(78px,8vw,116px) 0;background:#0a0d11}.sgseo-body-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}.sgseo-body-pair{min-width:0}.sgseo-body-pair__media{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--sg-body-border);border-radius:12px;background:#080b0f}.sgseo-body-pair__media figure{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden}.sgseo-body-pair__media figure+figure{border-left:1px solid var(--sg-body-border)}.sgseo-body-pair__media img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;background:#080b0f}.sgseo-body-pair__media figcaption{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:5px;background:rgba(3,7,10,.72);color:#dff5ff;font-size:.65rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.sgseo-body-pair h3{margin:14px 0 0;font-size:1rem}.sgseo-body-pair p{margin:6px 0 0;color:var(--sgseo-muted);font-size:.85rem;line-height:1.55}

.sgseo-body-open{padding:clamp(90px,9vw,132px) 0;background:#080a0d}.sgseo-body-open-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(34px,6vw,88px);align-items:start}.sgseo-body-open-copy{position:sticky;top:110px}.sgseo-body-mode-list{border-top:1px solid var(--sg-body-border)}.sgseo-body-mode{display:grid;grid-template-columns:64px minmax(0,.5fr) minmax(0,1fr);gap:20px;padding:24px 0;border-bottom:1px solid var(--sg-body-border);align-items:start}.sgseo-body-mode__num{color:#5fcfff;font-size:.72rem;font-weight:900;letter-spacing:.12em}.sgseo-body-mode h3{margin:0;font-size:1.05rem}.sgseo-body-mode p{margin:0;color:var(--sgseo-muted);line-height:1.65;font-size:.92rem}

.sgseo-body-workflow{padding:clamp(80px,8vw,116px) 0;background:#0b0f14}.sgseo-body-workflow-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sg-body-border);border-bottom:1px solid var(--sg-body-border);margin-top:30px}.sgseo-body-step{padding:28px 26px;min-width:0}.sgseo-body-step+.sgseo-body-step{border-left:1px solid var(--sg-body-border)}.sgseo-body-step b{display:block;color:#6ed4ff;font-size:.7rem;letter-spacing:.12em;margin-bottom:10px}.sgseo-body-step h3{margin:0;font-size:1.08rem}.sgseo-body-step p{margin:9px 0 0;color:var(--sgseo-muted);font-size:.88rem;line-height:1.6}

.sgseo-body-preserve{padding:clamp(90px,9vw,136px) 0;background:#080a0d}.sgseo-body-preserve-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(30px,5vw,68px);align-items:center}.sgseo-body-preserve-visual{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:14px;border:1px solid var(--sg-body-border);background:#0b0f14}.sgseo-body-preserve-visual img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;background:#0b0f14}.sgseo-body-preserve-visual::after{content:"SILHOUETTE / LIGHT / POSE";position:absolute;left:14px;bottom:14px;padding:6px 9px;border-radius:6px;background:rgba(5,9,13,.76);color:#d8f3ff;font-size:.65rem;font-weight:850;letter-spacing:.1em}.sgseo-body-preserve-list{display:grid;margin-top:24px}.sgseo-body-preserve-item{padding:15px 0;border-bottom:1px solid var(--sg-body-border)}.sgseo-body-preserve-item strong{display:block;font-size:.92rem}.sgseo-body-preserve-item span{display:block;margin-top:5px;color:var(--sgseo-muted);font-size:.86rem;line-height:1.55}

.sgseo-body-links{padding:clamp(78px,8vw,112px) 0;background:#0a0d11}.sgseo-body-link-group+ .sgseo-body-link-group{margin-top:38px}.sgseo-body-link-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sg-body-border);margin-top:20px}.sgseo-body-link-row a{display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:14px;padding:18px 16px;border-bottom:1px solid var(--sg-body-border);color:#e9f6fb;text-decoration:none;font-weight:780}.sgseo-body-link-row a:not(:last-child){border-right:1px solid var(--sg-body-border)}.sgseo-body-link-row a::after{content:"→";color:#55caff;transition:transform .2s ease}.sgseo-body-link-row a:hover{background:rgba(38,184,255,.045)}.sgseo-body-link-row a:hover::after{transform:translateX(3px)}

.sgseo-body-faq-final{padding:clamp(88px,9vw,138px) 0;background:#080a0d}.sgseo-body-faq-grid{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:clamp(34px,6vw,86px);align-items:start}.sgseo-body-faq-list{border-top:1px solid var(--sg-body-border)}.sgseo-body-faq-list details{border-bottom:1px solid var(--sg-body-border);padding:0}.sgseo-body-faq-list summary{cursor:pointer;list-style:none;padding:19px 0;color:#edf8fc;font-weight:800}.sgseo-body-faq-list summary::-webkit-details-marker{display:none}.sgseo-body-faq-list details p{margin:-4px 0 20px;color:var(--sgseo-muted);line-height:1.7}.sgseo-body-final-cta{margin-top:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding-top:30px;border-top:1px solid var(--sg-body-border)}.sgseo-body-final-cta h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.03em}.sgseo-body-final-cta p{margin:8px 0 0;color:var(--sgseo-muted)}

@media (max-width:1050px){
 .sgseo-body-hero .sgseo-hero__grid{grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);column-gap:32px}.sgseo-body-hero__stage{min-height:520px}.sgseo-body-stage-grid,.sgseo-body-preserve-grid{grid-template-columns:1fr 1fr}.sgseo-body-link-row{grid-template-columns:repeat(2,1fr)}.sgseo-body-link-row a:nth-child(2){border-right:0}
}
@media (max-width:820px){
 .sgseo-body-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "upload" "visual" "presets" "actions" "message";row-gap:18px}.sgseo-body-hero__visual{width:min(520px,100%);justify-self:start}.sgseo-body-hero__stage{min-height:0;width:min(100%,430px);aspect-ratio:4/5}.sgseo-body-preset-rail{display:flex!important;grid-template-columns:none!important;gap:8px!important;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px;overscroll-behavior-inline:contain}.sgseo-body-preset{flex:0 0 min(260px,78vw);grid-template-columns:64px 1fr 20px;scroll-snap-align:start}.sgseo-body-stage-grid,.sgseo-body-open-grid,.sgseo-body-preserve-grid,.sgseo-body-faq-grid{grid-template-columns:1fr}.sgseo-body-open-copy{position:static}.sgseo-body-strip{grid-template-columns:1fr}.sgseo-body-pair{max-width:620px}.sgseo-body-workflow-row{grid-template-columns:1fr}.sgseo-body-step+.sgseo-body-step{border-left:0;border-top:1px solid var(--sg-body-border)}.sgseo-body-final-cta{grid-template-columns:1fr}.sgseo-body-mode{grid-template-columns:48px 1fr}.sgseo-body-mode p{grid-column:2}.sgseo-body-preserve-visual{aspect-ratio:4/5}
}
@media (max-width:520px){
 .sgseo-body-hero{padding-top:22px}.sgseo-body-hero h1{font-size:clamp(2.18rem,11.3vw,3.05rem);line-height:.98}.sgseo-body-hero .sgseo-hero__description{font-size:.95rem;line-height:1.55}.sgseo-body-hero__stage{width:min(100%,370px);border-radius:12px}.sgseo-body-hero__stage .sgseo-before-after,.sgseo-body-hero__stage .sgseo-hero__preview{border-radius:11px}.sgseo-body-preset{flex-basis:min(238px,82vw);grid-template-columns:58px 1fr 20px;padding:6px}.sgseo-body-preset__name{font-size:.73rem}.sgseo-body-detail-row{grid-template-columns:1fr;gap:5px}.sgseo-body-mode{grid-template-columns:38px 1fr;gap:12px}.sgseo-body-link-row{grid-template-columns:1fr}.sgseo-body-link-row a{border-right:0!important;min-height:70px}.sgseo-body-final-cta .sgseo-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.sgseo-body-preset,.sgseo-body-preset__image img,.sgseo-body-link-row a::after{transition:none!important}}


/* =========================================================
   Family 2 — Pose / Full-body Pose Runway
   ========================================================= */
.sgseo-pose-hero{padding-top:clamp(30px,4.5vw,66px);background:linear-gradient(180deg,#080a0d 0%,#080a0d 74%,#0a0d11 100%)}
.sgseo-pose-hero .sgseo-hero__grid{grid-template-columns:minmax(310px,.76fr) minmax(430px,1.24fr);grid-template-areas:"copy visual" "upload visual" "presets visual" "actions visual" "message visual";column-gap:clamp(34px,5vw,76px);align-items:start}
.sgseo-pose-hero .sgseo-hero__copy{grid-area:copy;padding-top:clamp(8px,1.8vw,24px)}.sgseo-pose-hero .sgseo-hero__upload{grid-area:upload}.sgseo-pose-hero .sgseo-hero__presets{grid-area:presets}.sgseo-pose-hero .sgseo-hero__actions{grid-area:actions}.sgseo-pose-hero .sgseo-hero__message{grid-area:message}
.sgseo-pose-hero__visual{grid-area:visual;justify-self:end;width:min(100%,590px)}
.sgseo-pose-hero h1{max-width:700px;font-size:clamp(3rem,4.7vw,4.65rem);line-height:.94;letter-spacing:-.045em}.sgseo-pose-hero .sgseo-hero__eyebrow{border-radius:7px;color:#d8f2ff}.sgseo-pose-hero .sgseo-hero__eyebrow .sgseo-icon,.sgseo-pose-hero .sgseo-hero__trust .sgseo-icon{color:var(--sg-body-cyan)}
.sgseo-pose-hero .sgseo-hero__trust{grid-template-columns:1fr;gap:7px;margin-top:18px}
.sgseo-pose-hero__stage{position:relative;width:100%;aspect-ratio:var(--sgseo-pose-stage-ratio,3/4);min-height:0;border:1px solid var(--sg-body-border);border-radius:13px;background:#090d12;overflow:hidden;box-shadow:0 30px 74px rgba(0,0,0,.28);transition:width .26s ease,aspect-ratio .26s ease}
.sgseo-pose-hero__stage[data-sgseo-aspect="portrait"]{width:min(100%,480px);margin-left:auto}
.sgseo-pose-hero__stage[data-sgseo-aspect="square"]{width:min(100%,560px);margin-left:auto}
.sgseo-pose-hero__stage[data-sgseo-aspect="landscape"]{width:100%;margin-left:0}
.sgseo-pose-hero__stage::before{content:"POSE / FULL BODY";position:absolute;z-index:4;top:13px;left:13px;padding:5px 8px;border:1px solid rgba(70,190,255,.18);border-radius:5px;background:rgba(5,10,14,.74);color:#c8f0ff;font-size:10px;font-weight:900;letter-spacing:.13em;pointer-events:none}
.sgseo-pose-hero__stage .sgseo-before-after,.sgseo-pose-hero__stage .sgseo-hero__preview{width:100%;height:100%;--sgseo-media-ratio:var(--sgseo-pose-stage-ratio,3/4);border-radius:12px;background:#090d12}.sgseo-pose-hero__stage .sgseo-before-after img,.sgseo-pose-hero__stage .sgseo-hero__preview img{width:100%;height:100%;object-fit:contain;object-position:center;background:#090d12}
.sgseo-pose-hero .sgseo-upload{border-radius:9px;border-color:var(--sg-body-border);background:rgba(13,17,22,.8)}.sgseo-pose-hero .sgseo-upload:hover{border-color:rgba(38,184,255,.34)}
.sgseo-pose-preset-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.sgseo-pose-preset{position:relative;display:grid;grid-template-rows:88px auto;gap:7px;min-width:0;padding:6px;border:1px solid var(--sg-body-border);border-radius:9px;background:#0c1117;color:#e8f6fd;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease}.sgseo-pose-preset:hover{transform:translateX(2px);border-color:rgba(38,184,255,.28);background:#101720}.sgseo-pose-preset[aria-pressed="true"]{border-color:rgba(38,184,255,.56);background:rgba(38,184,255,.075)}
.sgseo-pose-preset__image{display:block;min-width:0;height:88px;overflow:hidden;border-radius:6px;background:#080c10}.sgseo-pose-preset__image img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.sgseo-pose-preset__name{min-width:0;font-size:.68rem;font-weight:820;line-height:1.22}.sgseo-pose-preset__check{position:absolute;right:7px;top:7px;display:grid;width:19px;height:19px;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:rgba(4,8,11,.68);opacity:.38}.sgseo-pose-preset[aria-pressed="true"] .sgseo-pose-preset__check{border-color:rgba(38,184,255,.5);color:#9de5ff;opacity:1}
.sgseo-pose-hero .sgseo-btn--primary{background:linear-gradient(135deg,#139fe8,#4e6bff);border-radius:10px;box-shadow:0 10px 28px rgba(38,184,255,.14)}

.sgseo-pose-runway{padding:clamp(90px,9vw,138px) 0;background:#0a0d11}.sgseo-pose-kicker{margin:0 0 11px;color:#76d8ff;font-size:.71rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sgseo-pose-runway-head{display:grid;grid-template-columns:minmax(0,.72fr) minmax(300px,.42fr);gap:clamp(26px,5vw,72px);align-items:end}.sgseo-pose-runway-head h2,.sgseo-pose-proof-copy h2,.sgseo-pose-editorial-copy h2{margin:0;font-size:clamp(2.1rem,3.8vw,3.75rem);line-height:1;letter-spacing:-.04em}.sgseo-pose-runway-head p{margin:0;color:var(--sgseo-muted);line-height:1.7}
.sgseo-pose-runway-strip{display:flex;gap:12px;margin-top:34px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 14px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(54,190,242,.62) rgba(255,255,255,.055)}
.sgseo-pose-runway-strip::-webkit-scrollbar{height:8px}
.sgseo-pose-runway-strip::-webkit-scrollbar-track{background:rgba(255,255,255,.045);border-radius:999px}
.sgseo-pose-runway-strip::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(38,184,255,.58),rgba(98,91,255,.58));border:2px solid #0a0d11;border-radius:999px}
.sgseo-pose-runway-strip::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(38,184,255,.82),rgba(98,91,255,.78))}.sgseo-pose-runway-card{flex:0 0 min(360px,72vw);scroll-snap-align:start;min-width:0}.sgseo-pose-runway-media{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--sg-body-border);border-radius:11px;overflow:hidden;background:#080b0f}.sgseo-pose-runway-media figure{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden}.sgseo-pose-runway-media figure+figure{border-left:1px solid var(--sg-body-border)}.sgseo-pose-runway-media img{width:100%;height:100%;object-fit:contain;object-position:center bottom;background:#080b0f;display:block}.sgseo-pose-runway-media figcaption{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:5px;background:rgba(3,7,10,.74);font-size:.63rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.sgseo-pose-runway-card h3{margin:13px 0 0;font-size:.96rem}.sgseo-pose-runway-card p{margin:6px 0 0;color:var(--sgseo-muted);font-size:.84rem;line-height:1.5}

.sgseo-pose-guide{padding:clamp(86px,8.5vw,128px) 0;background:#080a0d}.sgseo-pose-guide-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(36px,6vw,90px);align-items:start}.sgseo-pose-editorial-copy{position:sticky;top:110px}.sgseo-pose-editorial-copy>p{margin:19px 0 0;color:var(--sgseo-muted);line-height:1.75}.sgseo-pose-steps{border-top:1px solid var(--sg-body-border)}.sgseo-pose-step{display:grid;grid-template-columns:58px minmax(0,.44fr) minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--sg-body-border)}.sgseo-pose-step b{color:#64d2ff;font-size:.72rem;letter-spacing:.12em}.sgseo-pose-step h3{margin:0;font-size:1.03rem}.sgseo-pose-step p{margin:0;color:var(--sgseo-muted);line-height:1.62;font-size:.91rem}

.sgseo-pose-proof{padding:clamp(94px,9vw,142px) 0;background:#0b0f14}.sgseo-pose-proof-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);gap:clamp(36px,6vw,86px);align-items:center}.sgseo-pose-proof-media{max-width:610px}.sgseo-pose-proof-media .sgseo-before-after{--sgseo-media-ratio:3/4;border-radius:13px;border-color:var(--sg-body-border);background:#080c10}.sgseo-pose-proof-media .sgseo-before-after img{object-fit:contain;object-position:center bottom;background:#080c10}.sgseo-pose-proof-copy>p{margin:19px 0 0;color:var(--sgseo-muted);line-height:1.75}.sgseo-pose-detail-list{margin-top:28px;border-top:1px solid var(--sg-body-border)}.sgseo-pose-detail-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--sg-body-border)}.sgseo-pose-detail-row b{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.sgseo-pose-detail-row span{color:#9faebb;font-size:.89rem;line-height:1.55}

.sgseo-pose-usecases{padding:clamp(86px,8vw,124px) 0;background:#080a0d}.sgseo-pose-usecase-list{margin-top:30px;border-top:1px solid var(--sg-body-border)}.sgseo-pose-usecase{display:grid;grid-template-columns:46px minmax(220px,.45fr) minmax(0,1fr);gap:20px;padding:23px 0;border-bottom:1px solid var(--sg-body-border);align-items:start}.sgseo-pose-usecase span{color:#5dcbfb;font-size:.7rem;font-weight:900;letter-spacing:.12em}.sgseo-pose-usecase h3{margin:0;font-size:1.06rem}.sgseo-pose-usecase p{margin:0;color:var(--sgseo-muted);line-height:1.62}

.sgseo-pose-compare{padding:clamp(82px,8vw,120px) 0;background:#0a0d11}.sgseo-pose-compare-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(34px,6vw,88px);align-items:start}.sgseo-pose-compare-table{border-top:1px solid var(--sg-body-border)}.sgseo-pose-compare-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:17px 0;border-bottom:1px solid var(--sg-body-border)}.sgseo-pose-compare-row strong{color:#dff5ff}.sgseo-pose-compare-row span{color:var(--sgseo-muted)}

.sgseo-pose-links{padding:clamp(82px,8vw,120px) 0;background:#080a0d}.sgseo-pose-link-group+.sgseo-pose-link-group{margin-top:38px}.sgseo-pose-link-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--sg-body-border);margin-top:20px}.sgseo-pose-link-row a{display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;border-bottom:1px solid var(--sg-body-border);border-right:1px solid var(--sg-body-border);color:#e9f7fd;text-decoration:none;font-weight:780}.sgseo-pose-link-row a:nth-child(3n){border-right:0}.sgseo-pose-link-row a::after{content:"→";color:#62d0ff;transition:transform .22s ease}.sgseo-pose-link-row a:hover{background:rgba(38,184,255,.045)}.sgseo-pose-link-row a:hover::after{transform:translateX(3px)}

.sgseo-pose-faq-final{padding:clamp(90px,9vw,138px) 0;background:#0a0d11}.sgseo-pose-faq-grid{display:grid;grid-template-columns:minmax(280px,.66fr) minmax(0,1.34fr);gap:clamp(36px,6vw,88px);align-items:start}.sgseo-pose-faq-list{border-top:1px solid var(--sg-body-border)}.sgseo-pose-faq-list details{border-bottom:1px solid var(--sg-body-border)}.sgseo-pose-faq-list summary{cursor:pointer;list-style:none;padding:19px 0;font-weight:800}.sgseo-pose-faq-list summary::-webkit-details-marker{display:none}.sgseo-pose-faq-list p{margin:-3px 0 20px;color:var(--sgseo-muted);line-height:1.7}.sgseo-pose-final{margin-top:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding-top:30px;border-top:1px solid var(--sg-body-border)}.sgseo-pose-final h2{margin:0;font-size:clamp(1.9rem,3vw,3.1rem);letter-spacing:-.035em}.sgseo-pose-final p{margin:8px 0 0;color:var(--sgseo-muted)}

@media(max-width:1050px){.sgseo-pose-hero .sgseo-hero__grid{grid-template-columns:minmax(0,1fr) minmax(370px,.92fr);column-gap:30px}.sgseo-pose-hero__stage{min-height:0}.sgseo-pose-preset-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.sgseo-pose-guide-grid,.sgseo-pose-proof-grid,.sgseo-pose-compare-grid{grid-template-columns:1fr 1fr}.sgseo-pose-link-row{grid-template-columns:repeat(2,1fr)}.sgseo-pose-link-row a:nth-child(3n){border-right:1px solid var(--sg-body-border)}.sgseo-pose-link-row a:nth-child(2n){border-right:0}}
@media(max-width:820px){.sgseo-pose-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "upload" "visual" "presets" "actions" "message";row-gap:18px}.sgseo-pose-hero__visual{width:min(100%,460px);justify-self:start}.sgseo-pose-hero__stage{min-height:0;max-width:100%}.sgseo-pose-hero__stage[data-sgseo-aspect="portrait"]{width:min(100%,410px);margin-left:0}.sgseo-pose-hero__stage[data-sgseo-aspect="square"],.sgseo-pose-hero__stage[data-sgseo-aspect="landscape"]{width:100%;margin-left:0}.sgseo-pose-preset-rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px}.sgseo-pose-preset{flex:0 0 min(180px,48vw);grid-template-rows:118px auto;scroll-snap-align:start}.sgseo-pose-preset__image{height:118px}.sgseo-pose-guide-grid,.sgseo-pose-proof-grid,.sgseo-pose-compare-grid,.sgseo-pose-faq-grid{grid-template-columns:1fr}.sgseo-pose-editorial-copy{position:static}.sgseo-pose-step{grid-template-columns:46px 1fr}.sgseo-pose-step p{grid-column:2}.sgseo-pose-usecase{grid-template-columns:40px 1fr}.sgseo-pose-usecase p{grid-column:2}.sgseo-pose-final{grid-template-columns:1fr}.sgseo-pose-runway-head{grid-template-columns:1fr}.sgseo-pose-link-row{grid-template-columns:1fr}.sgseo-pose-link-row a{border-right:0!important}}
@media(max-width:520px){.sgseo-pose-hero{padding-top:20px}.sgseo-pose-hero h1{font-size:clamp(2.12rem,10.9vw,3rem);line-height:.98}.sgseo-pose-hero .sgseo-hero__description{font-size:.95rem;line-height:1.55}.sgseo-pose-hero__stage{border-radius:11px}.sgseo-pose-hero__stage[data-sgseo-aspect="portrait"]{width:min(100%,370px)}.sgseo-pose-hero__stage[data-sgseo-aspect="square"],.sgseo-pose-hero__stage[data-sgseo-aspect="landscape"]{width:100%}.sgseo-pose-preset{flex-basis:min(168px,46vw);grid-template-rows:108px auto}.sgseo-pose-preset__image{height:108px}.sgseo-pose-preset__name{font-size:.69rem}.sgseo-pose-detail-row{grid-template-columns:1fr;gap:5px}.sgseo-pose-compare-row{grid-template-columns:1fr;gap:6px}.sgseo-pose-final .sgseo-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.sgseo-pose-preset,.sgseo-pose-link-row a::after{transition:none!important}}

/* =========================================================
   v2.8.0 — Family 3 / One-click Utility — Enhance
   Precision / Professional Imaging Tool
   ========================================================= */
.sgseo-root[data-sgseo-family="utility"]{
  --sg-utility-bg:#080a0b;
  --sg-utility-surface:#0d1013;
  --sg-utility-elevated:#11151a;
  --sg-utility-cyan:#38c9ff;
  --sg-utility-blue:#5a8cff;
  --sg-utility-soft:rgba(56,201,255,.10);
  --sg-utility-border:rgba(255,255,255,.085);
  --sg-utility-border-active:rgba(70,200,255,.34);
  background:var(--sg-utility-bg);
}

.sgseo-enhance-hero{
  padding-top:clamp(32px,4.8vw,70px);
  background:linear-gradient(180deg,#080a0b 0%,#080a0b 76%,rgba(13,16,19,.45) 100%);
}
.sgseo-enhance-hero .sgseo-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(460px,1.22fr);
  grid-template-areas:
    "copy visual"
    "upload visual"
    "presets visual"
    "actions visual"
    "message visual";
  column-gap:clamp(34px,5vw,78px);
  row-gap:16px;
  align-items:start;
}
.sgseo-enhance-hero .sgseo-hero__copy{grid-area:copy;padding-top:clamp(6px,1.6vw,20px)}
.sgseo-enhance-hero .sgseo-hero__upload{grid-area:upload}
.sgseo-enhance-hero .sgseo-hero__presets{grid-area:presets}
.sgseo-enhance-hero .sgseo-hero__actions{grid-area:actions}
.sgseo-enhance-hero .sgseo-hero__message{grid-area:message}
.sgseo-enhance-hero__visual{grid-area:visual;position:sticky;top:90px;justify-self:end;width:100%;max-width:720px}
.sgseo-enhance-hero h1{max-width:650px;font-size:clamp(2.75rem,4.15vw,4.2rem);line-height:.96;letter-spacing:-.044em}
.sgseo-enhance-hero .sgseo-hero__eyebrow{border-radius:7px;color:#d9f5ff;border-color:var(--sg-utility-border);background:rgba(56,201,255,.045)}
.sgseo-enhance-hero .sgseo-hero__eyebrow .sgseo-icon{color:var(--sg-utility-cyan)}
.sgseo-enhance-hero .sgseo-hero__trust{grid-template-columns:1fr;gap:7px;margin-top:18px}
.sgseo-enhance-hero .sgseo-hero__trust .sgseo-icon{color:var(--sg-utility-cyan)}
.sgseo-enhance-hero .sgseo-upload{border-radius:10px;border-color:var(--sg-utility-border);background:rgba(13,16,19,.86)}
.sgseo-enhance-hero .sgseo-upload:hover{border-color:var(--sg-utility-border-active);background:rgba(17,21,26,.94)}
.sgseo-enhance-hero .sgseo-btn--primary{border-radius:9px;background:linear-gradient(135deg,#1daeea,#527fff);box-shadow:0 10px 28px rgba(35,162,231,.17)}
.sgseo-enhance-hero .sgseo-btn--secondary{border-radius:9px}

.sgseo-enhance-hero__stage{
  --sgseo-enhance-stage-ratio:4 / 3;
  position:relative;
  width:100%;
  aspect-ratio:var(--sgseo-enhance-stage-ratio);
  min-height:0;
  border:1px solid var(--sg-utility-border);
  border-radius:12px;
  overflow:hidden;
  background:#090c0f;
  box-shadow:0 28px 80px rgba(0,0,0,.32);
  transition:max-width .24s ease,aspect-ratio .24s ease;
}
.sgseo-enhance-hero__stage[data-sgseo-aspect="portrait"]{max-width:500px;margin-left:auto}
.sgseo-enhance-hero__stage[data-sgseo-aspect="square"]{max-width:600px;margin-left:auto}
.sgseo-enhance-hero__stage[data-sgseo-aspect="landscape"]{max-width:720px;margin-left:auto}
.sgseo-enhance-hero__stage::before{
  content:"INSPECTION";
  position:absolute;z-index:5;top:12px;left:12px;
  padding:5px 8px;border:1px solid rgba(56,201,255,.22);border-radius:5px;
  background:rgba(5,9,12,.74);color:#bcefff;font-size:10px;font-weight:850;letter-spacing:.14em;
  pointer-events:none;
}
.sgseo-enhance-hero__stage .sgseo-before-after,
.sgseo-enhance-hero__stage .sgseo-hero__preview{width:100%;height:100%;--sgseo-media-ratio:var(--sgseo-enhance-stage-ratio);border-radius:11px;background:#090c0f}
.sgseo-enhance-hero__stage .sgseo-before-after img,
.sgseo-enhance-hero__stage .sgseo-hero__preview img{width:100%;height:100%;object-fit:contain;object-position:center;background:#090c0f}
.sgseo-enhance-hero[data-sgseo-state="generating"] .sgseo-enhance-hero__stage::after{
  content:"";position:absolute;z-index:7;left:0;right:0;height:1px;top:16%;
  background:linear-gradient(90deg,transparent,rgba(56,201,255,.58),transparent);
  box-shadow:0 0 18px rgba(56,201,255,.22);
  animation:sgseo-utility-scan 2.3s ease-in-out infinite;
  pointer-events:none;
}
@keyframes sgseo-utility-scan{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(48vh);opacity:0}}

.sgseo-enhance-scope{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;border:1px solid var(--sg-utility-border);border-radius:9px;padding:10px 12px;background:#0b0f13}
.sgseo-enhance-scope__title{display:flex;align-items:center;gap:9px;color:#eaf9ff;font-size:.84rem}.sgseo-enhance-scope__title .sgseo-icon{width:17px;height:17px;color:var(--sg-utility-cyan)}
.sgseo-enhance-scope__items{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.sgseo-enhance-scope__items span{padding:4px 6px;border-radius:5px;background:rgba(255,255,255,.035);color:#8fa5b3;font-size:.62rem;font-weight:850;letter-spacing:.08em}

.sgseo-utility-proof{padding:clamp(86px,8.5vw,130px) 0;background:#0a0c0f}
.sgseo-utility-proof-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.72fr);gap:clamp(34px,5vw,74px);align-items:center}
.sgseo-utility-proof-media{min-width:0}.sgseo-utility-proof-media .sgseo-before-after{--sgseo-media-ratio:4 / 3;border-radius:12px;border-color:var(--sg-utility-border);background:#080b0e}.sgseo-utility-proof-media .sgseo-before-after img{object-fit:contain;background:#080b0e}
.sgseo-utility-kicker{margin:0 0 11px;color:#7fddff;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.sgseo-utility-proof-copy h2,.sgseo-utility-heading h2{margin:0;font-size:clamp(2rem,3.25vw,3.45rem);line-height:1.02;letter-spacing:-.035em}
.sgseo-utility-proof-copy>p,.sgseo-utility-heading>p{margin:18px 0 0;color:var(--sgseo-muted);font-size:.97rem;line-height:1.72}
.sgseo-utility-proof-list{margin-top:26px;border-top:1px solid var(--sg-utility-border)}
.sgseo-utility-proof-row{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--sg-utility-border)}
.sgseo-utility-proof-row b{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#dff7ff}.sgseo-utility-proof-row span{color:#96a7b2;font-size:.86rem;line-height:1.55}

.sgseo-utility-inspection{padding:clamp(76px,7.6vw,112px) 0;background:#080a0b}
.sgseo-utility-inspection-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(34px,5vw,72px);align-items:start}
.sgseo-utility-heading{max-width:480px;position:sticky;top:110px}
.sgseo-utility-detail-stage{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.sgseo-utility-detail{margin:0;border:1px solid var(--sg-utility-border);border-radius:10px;overflow:hidden;background:#0b0f13}
.sgseo-utility-detail__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#080b0e}
.sgseo-utility-detail__media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.42);display:block}
.sgseo-utility-detail figcaption{display:flex;justify-content:space-between;gap:10px;padding:10px 11px;color:#d8eaf1;font-size:.72rem;font-weight:800}.sgseo-utility-detail figcaption span:last-child{color:#718892;font-weight:700}

.sgseo-utility-spec{padding:clamp(80px,8vw,118px) 0;background:#0c0f12}
.sgseo-utility-spec-grid{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:clamp(30px,5vw,72px)}
.sgseo-utility-spec-list{border-top:1px solid var(--sg-utility-border)}
.sgseo-utility-spec-row{display:grid;grid-template-columns:42px minmax(160px,.45fr) 1fr;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--sg-utility-border)}
.sgseo-utility-spec-row>span:first-child{color:#66d5ff;font-size:.7rem;font-weight:900;letter-spacing:.06em}.sgseo-utility-spec-row h3{margin:0;font-size:1rem}.sgseo-utility-spec-row p{margin:0;color:#8fa0aa;font-size:.88rem;line-height:1.58}

.sgseo-utility-paths{padding:clamp(78px,7.8vw,116px) 0;background:#080a0b}
.sgseo-utility-path-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--sg-utility-border);border-bottom:1px solid var(--sg-utility-border);margin-top:30px}
.sgseo-utility-path{padding:26px 26px 28px}.sgseo-utility-path+.sgseo-utility-path{border-left:1px solid var(--sg-utility-border)}
.sgseo-utility-path b{color:#70d8ff;font-size:.68rem;letter-spacing:.1em}.sgseo-utility-path h3{margin:10px 0 8px;font-size:1.35rem}.sgseo-utility-path p{margin:0;color:#8f9ea7;line-height:1.65}.sgseo-utility-path a{display:inline-flex;margin-top:16px;color:#bceeff;text-decoration:none;font-weight:800;font-size:.86rem}

.sgseo-utility-workflow{padding:clamp(76px,7.5vw,110px) 0;background:#0b0e11}
.sgseo-utility-workflow-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border:1px solid var(--sg-utility-border);border-radius:10px;overflow:hidden;background:#0a0d10}
.sgseo-utility-step{padding:24px}.sgseo-utility-step+.sgseo-utility-step{border-left:1px solid var(--sg-utility-border)}
.sgseo-utility-step b{color:#70d8ff;font-size:.68rem;letter-spacing:.1em}.sgseo-utility-step h3{margin:10px 0 7px;font-size:1.02rem}.sgseo-utility-step p{margin:0;color:#8798a2;font-size:.86rem;line-height:1.55}

.sgseo-utility-links{padding:clamp(82px,8vw,120px) 0;background:#080a0b}.sgseo-utility-link-group+.sgseo-utility-link-group{margin-top:54px}.sgseo-utility-link-row{display:grid;grid-template-columns:repeat(5,1fr);margin-top:24px;border-top:1px solid var(--sg-utility-border);border-bottom:1px solid var(--sg-utility-border)}
.sgseo-utility-link-row a{display:flex;align-items:center;min-height:84px;padding:14px 15px;border-right:1px solid var(--sg-utility-border);color:#d8eaf2;text-decoration:none;font-size:.86rem;font-weight:800;line-height:1.3;transition:background .18s ease,border-color .18s ease,color .18s ease}.sgseo-utility-link-row a:last-child{border-right:0}.sgseo-utility-link-row a:hover,.sgseo-utility-link-row a:focus-visible{background:rgba(56,201,255,.06);color:#fff;outline:none}
.sgseo-utility-link-row--tools{grid-template-columns:repeat(4,1fr)}

.sgseo-utility-seo{padding:clamp(74px,7vw,106px) 0;background:#0c0f12}.sgseo-utility-seo-grid{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);gap:clamp(30px,5vw,70px)}.sgseo-utility-seo-copy{max-width:760px}.sgseo-utility-seo-copy p{margin:0 0 16px;color:#99a7af;line-height:1.75}.sgseo-utility-seo-copy p:last-child{margin-bottom:0}

.sgseo-utility-faq-final{padding:clamp(80px,8vw,120px) 0;background:#080a0b}.sgseo-utility-faq-grid{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:clamp(30px,5vw,70px)}.sgseo-utility-faq-list{border-top:1px solid var(--sg-utility-border)}.sgseo-utility-faq-list details{border-bottom:1px solid var(--sg-utility-border);padding:0}.sgseo-utility-faq-list summary{cursor:pointer;list-style:none;padding:18px 2px;color:#eef9fd;font-weight:800}.sgseo-utility-faq-list summary::-webkit-details-marker{display:none}.sgseo-utility-faq-list details p{margin:0;padding:0 2px 18px;color:#8fa0aa;line-height:1.65}.sgseo-utility-final-cta{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin-top:56px;padding:26px 0;border-top:1px solid var(--sg-utility-border);border-bottom:1px solid var(--sg-utility-border)}.sgseo-utility-final-cta h2{margin:0;font-size:clamp(1.7rem,2.5vw,2.65rem)}.sgseo-utility-final-cta p{margin:8px 0 0;color:#8d9ca5}.sgseo-utility-final-cta .sgseo-btn{border-radius:9px}

@media(max-width:1100px){
  .sgseo-enhance-hero .sgseo-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);column-gap:30px}
  .sgseo-utility-link-row{grid-template-columns:repeat(3,1fr)}.sgseo-utility-link-row a:nth-child(3n){border-right:0}.sgseo-utility-link-row--tools{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .sgseo-enhance-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "upload" "presets" "visual" "actions" "message";row-gap:17px}
  .sgseo-enhance-hero__visual{position:static;width:100%;max-width:none;justify-self:stretch}
  .sgseo-enhance-hero__stage[data-sgseo-aspect]{max-width:min(100%,620px);margin:0 auto}
  .sgseo-utility-proof-grid,.sgseo-utility-inspection-grid,.sgseo-utility-spec-grid,.sgseo-utility-seo-grid,.sgseo-utility-faq-grid{grid-template-columns:1fr}
  .sgseo-utility-heading{position:static;max-width:680px}
  .sgseo-utility-detail-stage{margin-top:6px}
  .sgseo-utility-path-grid{grid-template-columns:1fr}.sgseo-utility-path+.sgseo-utility-path{border-left:0;border-top:1px solid var(--sg-utility-border)}
  .sgseo-utility-workflow-row{grid-template-columns:1fr}.sgseo-utility-step+.sgseo-utility-step{border-left:0;border-top:1px solid var(--sg-utility-border)}
  .sgseo-utility-link-row,.sgseo-utility-link-row--tools{grid-template-columns:1fr}.sgseo-utility-link-row a{border-right:0;border-bottom:1px solid var(--sg-utility-border)}.sgseo-utility-link-row a:last-child{border-bottom:0}
  .sgseo-utility-final-cta{grid-template-columns:1fr}.sgseo-utility-final-cta .sgseo-btn{width:100%}
}
@media(max-width:520px){
  .sgseo-enhance-hero{padding-top:22px}.sgseo-enhance-hero h1{font-size:clamp(2.15rem,11.2vw,3rem);line-height:.98}.sgseo-enhance-hero .sgseo-hero__description{font-size:.95rem;line-height:1.56}
  .sgseo-enhance-scope{align-items:flex-start;flex-direction:column}.sgseo-enhance-scope__items{justify-content:flex-start}
  .sgseo-utility-detail-stage{grid-template-columns:1fr 1fr;gap:7px}.sgseo-utility-detail figcaption{padding:8px;font-size:.65rem}
  .sgseo-utility-proof-row{grid-template-columns:1fr;gap:5px}.sgseo-utility-spec-row{grid-template-columns:32px 1fr;gap:10px}.sgseo-utility-spec-row p{grid-column:2}
}
@media(prefers-reduced-motion:reduce){
  .sgseo-enhance-hero[data-sgseo-state="generating"] .sgseo-enhance-hero__stage::after{animation:none;display:none}
  .sgseo-enhance-hero__stage{transition:none}
}

/* ===== 2.9.0 VISUAL DIFFERENTIATION PASS ===== */
/* Family 2 — Body / Pose: cinematic, spacious, photography-driven */
.sgseo-body-hero,.sgseo-pose-hero{background:radial-gradient(1100px 560px at 72% 14%,rgba(44,171,225,.10),transparent 54%),linear-gradient(180deg,#06080b 0%,#07090d 68%,#090c10 100%)}
.sgseo-body-hero .sgseo-shell,.sgseo-pose-hero .sgseo-shell,.sgseo-pose-runway .sgseo-shell{max-width:min(1500px,calc(100vw - 40px))}
.sgseo-body-hero .sgseo-hero__grid{grid-template-columns:minmax(280px,.42fr) minmax(0,1.28fr);grid-template-areas:"copy visual" "upload visual" "presets visual" "actions visual" "message visual";align-items:start;column-gap:clamp(28px,5vw,90px)}
.sgseo-body-hero__visual{width:100%;justify-self:stretch}
.sgseo-body-hero__stage{width:min(100%,860px);margin-left:auto;min-height:0;aspect-ratio:4/5;border:0;border-radius:20px;background:linear-gradient(180deg,#0a0d11,#080a0d);box-shadow:none;overflow:visible}
.sgseo-body-hero__stage::before{top:18px;left:18px;background:rgba(7,12,17,.56);backdrop-filter:blur(6px);border-color:rgba(98,205,255,.18)}
.sgseo-body-hero__stage::after{content:"";position:absolute;inset:-8% -6% auto auto;width:40%;height:36%;background:radial-gradient(circle at center,rgba(89,198,255,.16),transparent 72%);pointer-events:none;filter:blur(8px)}
.sgseo-body-hero__stage .sgseo-before-after,.sgseo-body-hero__stage .sgseo-hero__preview{border-radius:20px;border:0;box-shadow:0 40px 110px rgba(0,0,0,.25)}
.sgseo-body-hero .sgseo-upload,.sgseo-body-hero .sgseo-gender-switch,.sgseo-body-preset,.sgseo-pose-hero .sgseo-upload,.sgseo-pose-preset{border-color:rgba(131,193,228,.12)!important;background:rgba(10,14,18,.66)!important}
.sgseo-body-preset,.sgseo-pose-preset{backdrop-filter:blur(5px)}
.sgseo-body-stage-section,.sgseo-body-open,.sgseo-body-workflow,.sgseo-body-links,.sgseo-body-seo,.sgseo-body-faq-final,.sgseo-pose-guide,.sgseo-pose-workflow,.sgseo-pose-links,.sgseo-pose-seo,.sgseo-pose-faq-final{background:#090c10}
.sgseo-body-stage-grid,.sgseo-body-open-grid,.sgseo-body-preserve-grid,.sgseo-pose-proof-grid,.sgseo-pose-compare-grid{grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:clamp(30px,5vw,90px);align-items:start}
.sgseo-body-stage-media,.sgseo-pose-proof-media{order:2}.sgseo-body-stage-copy,.sgseo-pose-proof-copy{order:1}
.sgseo-body-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sgseo-body-pair,.sgseo-pose-usecase{background:transparent;border:0;box-shadow:none;padding:0}
.sgseo-body-pair__media,.sgseo-pose-usecase__media{border-radius:16px;overflow:hidden;background:#0a0d11}
.sgseo-pose-hero .sgseo-hero__grid{grid-template-columns:minmax(280px,.36fr) minmax(0,1.34fr);grid-template-areas:"copy visual" "upload visual" "presets visual" "actions visual" "message visual";column-gap:clamp(34px,5vw,100px)}
.sgseo-pose-hero__visual{width:100%;justify-self:stretch}
.sgseo-pose-hero__stage{width:min(100%,980px);margin-left:auto;border:0;border-radius:18px;background:#090d12;box-shadow:none;overflow:visible}
.sgseo-pose-hero__stage::before{top:18px;left:18px;background:rgba(7,12,17,.56);border-color:rgba(98,205,255,.18)}
.sgseo-pose-hero__stage::after{content:"";position:absolute;left:-6%;bottom:-5%;width:45%;height:26%;background:radial-gradient(circle at center,rgba(89,198,255,.11),transparent 72%);pointer-events:none;filter:blur(8px)}
.sgseo-pose-hero__stage .sgseo-before-after,.sgseo-pose-hero__stage .sgseo-hero__preview{border-radius:18px;box-shadow:0 36px 100px rgba(0,0,0,.25)}
.sgseo-pose-runway{padding:clamp(102px,10vw,150px) 0;background:linear-gradient(180deg,#07090d 0%,#090c10 100%)}
.sgseo-pose-runway-strip{gap:16px;padding-bottom:18px}
.sgseo-pose-runway-item{border:0;background:transparent;padding:0;min-width:min(280px,26vw)}
.sgseo-pose-runway-item .sgseo-before-after{border-radius:16px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.20)}
.sgseo-pose-runway-item h3{margin-top:14px}
.sgseo-body-workflow-row,.sgseo-pose-step-grid,.sgseo-pose-link-row,.sgseo-body-link-row{border:0;background:transparent;border-radius:0}

/* Family 3 — Utility: precision imaging workspace */
.sgseo-enhance-hero{background:linear-gradient(180deg,#080a0b 0%,#0a0c0e 100%)}
.sgseo-enhance-hero .sgseo-shell,.sgseo-utility-proof .sgseo-shell,.sgseo-utility-inspection .sgseo-shell,.sgseo-utility-spec .sgseo-shell,.sgseo-utility-paths .sgseo-shell,.sgseo-utility-links .sgseo-shell,.sgseo-utility-seo .sgseo-shell,.sgseo-utility-faq-final .sgseo-shell{max-width:min(1400px,calc(100vw - 40px))}
.sgseo-enhance-hero .sgseo-hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"copy copy copy copy copy copy copy copy copy copy copy copy" "upload upload upload upload upload upload presets presets presets actions actions actions" "message message message message message message message message message message message message" "visual visual visual visual visual visual visual visual visual visual visual visual";column-gap:14px;row-gap:16px;align-items:start}
.sgseo-enhance-hero__visual{position:static;justify-self:stretch;max-width:none;width:100%}
.sgseo-enhance-hero__stage{max-width:none!important;width:100%;border-radius:12px;border:1px solid rgba(123,156,174,.17);background:#090c0f;box-shadow:none}
.sgseo-enhance-hero__stage::before{left:14px;top:14px;border-radius:6px;background:rgba(9,12,15,.86);border-color:rgba(101,213,255,.18);color:#cfeeff}
.sgseo-enhance-hero__stage .sgseo-before-after,.sgseo-enhance-hero__stage .sgseo-hero__preview{border-radius:11px;background:#090c0f}
.sgseo-enhance-hero .sgseo-upload,.sgseo-enhance-scope,.sgseo-enhance-hero .sgseo-btn--primary,.sgseo-enhance-hero .sgseo-btn--secondary{box-shadow:none}
.sgseo-enhance-hero .sgseo-upload{border-radius:8px;background:#0b0e11;border-color:rgba(123,156,174,.18)}
.sgseo-enhance-scope{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(123,156,174,.18);border-radius:8px;background:#0b0e11}
.sgseo-enhance-scope__items span{border-radius:6px;background:#10151a;border:1px solid rgba(123,156,174,.14);padding:5px 7px;font-size:.67rem}
.sgseo-enhance-hero .sgseo-hero__actions{display:flex;align-items:stretch}.sgseo-enhance-hero .sgseo-btn--primary,.sgseo-enhance-hero .sgseo-btn--secondary{border-radius:8px;background:#11171d}.sgseo-enhance-hero .sgseo-btn--primary{background:linear-gradient(180deg,#1e78a5,#1a6288);border:1px solid rgba(104,215,255,.24)}
.sgseo-utility-proof{padding:clamp(94px,9vw,136px) 0;background:#090c0f}
.sgseo-utility-proof-grid{grid-template-columns:1fr;gap:26px}
.sgseo-utility-proof-copy{display:grid;grid-template-columns:minmax(230px,.35fr) minmax(0,.65fr);gap:18px;align-items:start}
.sgseo-utility-proof-list{margin-top:0;border-top:0;border-left:1px solid var(--sg-utility-border);padding-left:22px}
.sgseo-utility-proof-row:first-child{padding-top:0}.sgseo-utility-proof-row{grid-template-columns:70px 1fr}
.sgseo-utility-inspection{padding:clamp(78px,7.8vw,116px) 0;background:#0b0e11}
.sgseo-utility-inspection-grid{grid-template-columns:1fr;gap:24px}
.sgseo-utility-heading{position:static;max-width:720px}
.sgseo-utility-detail-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sgseo-utility-detail,.sgseo-utility-path,.sgseo-utility-step{border-radius:8px}
.sgseo-utility-detail__media{aspect-ratio:1/1;background:repeating-conic-gradient(from 45deg,#0b0f13 0 25%,#0e1318 0 50%) 50%/18px 18px}
.sgseo-utility-detail__media img{object-fit:cover;transform:scale(1.36)}
.sgseo-utility-spec,.sgseo-utility-paths,.sgseo-utility-workflow,.sgseo-utility-links,.sgseo-utility-seo,.sgseo-utility-faq-final{background:#0a0d10}
.sgseo-utility-spec-list,.sgseo-utility-path-grid,.sgseo-utility-workflow-row,.sgseo-utility-link-row,.sgseo-utility-faq-list,.sgseo-utility-final-cta{border-color:rgba(123,156,174,.18)}
.sgseo-utility-path-grid,.sgseo-utility-workflow-row{border-radius:8px;background:#0b0e12}
.sgseo-utility-link-row a{min-height:76px;background:#0b0e12}
.sgseo-utility-link-row a:hover,.sgseo-utility-link-row a:focus-visible{background:#10161c}
.sgseo-utility-seo-grid,.sgseo-utility-faq-grid{grid-template-columns:minmax(240px,.4fr) minmax(0,.6fr)}

/* grayscale-safe composition changes on small screens */
@media (max-width: 980px){
  .sgseo-body-hero .sgseo-hero__grid,.sgseo-pose-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "upload" "presets" "actions" "message";row-gap:18px}
  .sgseo-body-hero__visual,.sgseo-pose-hero__visual{justify-self:start;width:100%}
  .sgseo-body-hero__stage,.sgseo-pose-hero__stage{width:min(100%,560px);margin-left:0}
  .sgseo-body-stage-grid,.sgseo-body-open-grid,.sgseo-body-preserve-grid,.sgseo-pose-proof-grid,.sgseo-pose-compare-grid{grid-template-columns:1fr}
  .sgseo-body-stage-media,.sgseo-pose-proof-media{order:1}.sgseo-body-stage-copy,.sgseo-pose-proof-copy{order:2}
  .sgseo-body-strip{grid-template-columns:1fr}
  .sgseo-utility-proof-copy,.sgseo-utility-seo-grid,.sgseo-utility-faq-grid{grid-template-columns:1fr}
  .sgseo-utility-proof-list{border-left:0;padding-left:0;margin-top:14px;border-top:1px solid var(--sg-utility-border)}
}
@media (max-width: 640px){
  .sgseo-enhance-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "upload" "presets" "actions" "message" "visual"}
  .sgseo-enhance-scope{display:grid;grid-template-columns:1fr;gap:8px}
}

/* ===== 2.9.1 ENHANCE VISUAL QA FIX ===== */
/* The Utility hero is an application-like workspace: compact controls above, one viewer below. */
.sgseo-enhance-hero{padding:clamp(26px,4vw,54px) 0 clamp(46px,6vw,78px)}
.sgseo-enhance-hero .sgseo-hero__grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-areas:
    "copy copy copy copy copy copy copy copy copy copy copy copy"
    "upload upload upload upload upload presets presets presets actions actions actions actions"
    "message message message message message message message message message message message message"
    "visual visual visual visual visual visual visual visual visual visual visual visual";
  gap:14px 14px;
}
.sgseo-enhance-hero .sgseo-hero__copy{min-width:0;max-width:920px;padding-top:0}
.sgseo-enhance-hero h1{max-width:860px;font-size:clamp(2.5rem,4.5vw,4.25rem);line-height:.98;overflow-wrap:normal;word-break:normal}
.sgseo-enhance-hero .sgseo-hero__description{max-width:780px;margin-top:16px}
.sgseo-enhance-hero .sgseo-hero__trust{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:14px}
.sgseo-enhance-hero .sgseo-hero__trust li{font-size:.76rem}
.sgseo-enhance-hero .sgseo-hero__upload,.sgseo-enhance-hero .sgseo-hero__presets,.sgseo-enhance-hero .sgseo-hero__actions{min-width:0}
.sgseo-enhance-hero .sgseo-upload{min-height:72px;padding:12px}
.sgseo-enhance-scope{min-height:72px;height:100%;padding:11px 12px}
.sgseo-enhance-hero .sgseo-hero__actions{height:100%}
.sgseo-enhance-hero .sgseo-hero__actions .sgseo-btn{min-height:72px;width:100%;flex:1 1 auto}

/* Let the viewer itself define height from the real media ratio. No black dead area. */
.sgseo-enhance-hero__stage{
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden;
}
.sgseo-enhance-hero__stage[data-sgseo-aspect]{max-width:none!important;margin:0!important}
.sgseo-enhance-hero__stage .sgseo-hero__proof,
.sgseo-enhance-hero__stage .sgseo-hero__preview{height:auto!important;min-height:0}
.sgseo-enhance-hero__stage .sgseo-before-after{
  width:100%;
  height:auto!important;
  aspect-ratio:var(--sgseo-enhance-stage-ratio,4 / 3)!important;
}
.sgseo-enhance-hero__stage .sgseo-hero__preview{
  width:100%;
  aspect-ratio:var(--sgseo-enhance-stage-ratio,4 / 3)!important;
}
.sgseo-enhance-hero__stage .sgseo-hero__preview img{position:absolute;inset:0}

/* The duplicated full Before/After proof is replaced by a compact technical readout. */
.sgseo-utility-summary{padding:clamp(56px,6vw,86px) 0;background:#090c0f;border-top:1px solid rgba(123,156,174,.12);border-bottom:1px solid rgba(123,156,174,.12)}
.sgseo-utility-summary__grid{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(32px,6vw,86px);align-items:start}
.sgseo-utility-summary__rows{border-top:1px solid var(--sg-utility-border)}
.sgseo-utility-summary__row{display:grid;grid-template-columns:92px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--sg-utility-border)}
.sgseo-utility-summary__row b{color:#dff7ff;font-size:.69rem;letter-spacing:.09em}
.sgseo-utility-summary__row span{color:#91a2ac;font-size:.88rem;line-height:1.55}

/* Detail inspection is compact, not a second full-screen result. */
.sgseo-utility-inspection{padding:clamp(64px,7vw,100px) 0}
.sgseo-utility-inspection-grid{grid-template-columns:minmax(240px,.42fr) minmax(0,.58fr);gap:clamp(30px,5vw,66px);align-items:start}
.sgseo-utility-detail-stage{max-width:760px;justify-self:end}
.sgseo-utility-detail__media{aspect-ratio:1/1}

@media(max-width:980px){
  .sgseo-enhance-hero .sgseo-hero__grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:"copy copy" "upload presets" "actions actions" "message message" "visual visual";
  }
  .sgseo-utility-summary__grid,.sgseo-utility-inspection-grid{grid-template-columns:1fr}
  .sgseo-utility-detail-stage{justify-self:stretch;max-width:none}
}
@media(max-width:640px){
  .sgseo-enhance-hero{padding:18px 0 42px}
  .sgseo-enhance-hero .sgseo-shell,.sgseo-utility-summary .sgseo-shell,.sgseo-utility-inspection .sgseo-shell,.sgseo-utility-spec .sgseo-shell,.sgseo-utility-paths .sgseo-shell,.sgseo-utility-workflow .sgseo-shell,.sgseo-utility-links .sgseo-shell,.sgseo-utility-seo .sgseo-shell,.sgseo-utility-faq-final .sgseo-shell{width:calc(100% - 28px);max-width:none}
  .sgseo-enhance-hero .sgseo-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "upload" "presets" "actions" "message" "visual";gap:12px}
  .sgseo-enhance-hero .sgseo-hero__copy,.sgseo-enhance-hero .sgseo-hero__copy>*{min-width:0;max-width:100%}
  .sgseo-enhance-hero .sgseo-hero__eyebrow{margin-bottom:10px;font-size:.67rem;letter-spacing:.075em;white-space:normal}
  .sgseo-enhance-hero h1{font-size:clamp(1.82rem,8.6vw,2.18rem)!important;line-height:1.02!important;letter-spacing:-.04em!important;max-width:100%!important;overflow-wrap:break-word;hyphens:auto}
  .sgseo-enhance-hero .sgseo-hero__description{margin-top:14px;font-size:.9rem;line-height:1.54}
  .sgseo-enhance-hero .sgseo-hero__trust{display:none}
  .sgseo-enhance-hero .sgseo-upload,.sgseo-enhance-scope,.sgseo-enhance-hero .sgseo-hero__actions .sgseo-btn{min-height:64px}
  .sgseo-enhance-scope{display:block;padding:10px 11px}
  .sgseo-enhance-scope__title{font-size:.8rem}
  .sgseo-enhance-scope__items{justify-content:flex-start;margin-top:8px;gap:5px}
  .sgseo-enhance-scope__items span{font-size:.58rem;padding:4px 6px}
  .sgseo-enhance-hero__stage{border-radius:9px}
  .sgseo-enhance-hero__stage::before{top:9px;left:9px;font-size:8px;padding:4px 6px}
  .sgseo-utility-summary{padding:44px 0}
  .sgseo-utility-summary__grid{gap:20px}
  .sgseo-utility-summary__row{grid-template-columns:72px 1fr;gap:12px;padding:13px 0}
  .sgseo-utility-heading h2,.sgseo-utility-proof-copy h2{font-size:clamp(1.65rem,8vw,2.15rem)}
  .sgseo-utility-heading>p{font-size:.9rem;line-height:1.58}
  .sgseo-utility-inspection{padding:48px 0}
  .sgseo-utility-detail-stage{grid-template-columns:1fr 1fr;gap:7px}
  .sgseo-utility-detail figcaption{font-size:.57rem;gap:4px;padding:7px}
  .sgseo-utility-detail figcaption span:last-child{display:none}
  .sgseo-utility-spec,.sgseo-utility-paths,.sgseo-utility-workflow,.sgseo-utility-links,.sgseo-utility-seo,.sgseo-utility-faq-final{padding-top:50px;padding-bottom:50px}
}

/* ===== Background changer hero / utility pages ===== */
.sgseo-background-hero{--sg-bg-accent:#65c8ff;--sg-bg-accent-2:#8f8bff;--sg-bg-border:rgba(120,193,235,.16);--sg-bg-border-active:rgba(120,193,235,.34);--sg-bg-surface:rgba(9,14,18,.88);--sg-bg-surface-2:rgba(12,18,24,.94);--sg-bg-stage:#0b1015}
.sgseo-background-hero .sgseo-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-areas:"copy visual" "upload visual" "presets visual" "actions visual" "message visual";row-gap:14px;column-gap:20px;align-items:start}
.sgseo-background-hero .sgseo-hero__copy{grid-area:copy;padding-top:clamp(8px,1.4vw,22px)}
.sgseo-background-hero .sgseo-hero__upload{grid-area:upload}
.sgseo-background-hero .sgseo-hero__presets{grid-area:presets}
.sgseo-background-hero .sgseo-hero__actions{grid-area:actions}
.sgseo-background-hero .sgseo-hero__message{grid-area:message}
.sgseo-background-hero .sgseo-hero__visual{grid-area:visual}
.sgseo-background-hero .sgseo-hero__stage{background:radial-gradient(circle at top left,rgba(101,200,255,.09),transparent 30%),linear-gradient(180deg,rgba(10,16,21,.96),rgba(8,12,16,.98));border:1px solid rgba(143,139,255,.12);border-radius:18px;padding:16px;box-shadow:0 18px 44px rgba(0,0,0,.26)}
.sgseo-background-hero .sgseo-upload{min-height:104px;padding:18px 18px 18px 20px;border-radius:14px;border:1px solid var(--sg-bg-border-active);background:linear-gradient(135deg,rgba(16,27,35,.98),rgba(9,14,20,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 0 1px rgba(101,200,255,.08),0 10px 34px rgba(0,0,0,.24)}
.sgseo-background-hero .sgseo-upload:hover,.sgseo-background-hero .sgseo-upload[data-sgseo-drag="true"]{border-color:rgba(101,200,255,.55);background:linear-gradient(135deg,rgba(17,33,43,.99),rgba(10,17,23,.99));transform:translateY(-1px)}
.sgseo-background-hero .sgseo-upload__icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,rgba(101,200,255,.18),rgba(143,139,255,.16));border:1px solid rgba(143,139,255,.24);color:#dff5ff;flex:0 0 56px}
.sgseo-background-hero .sgseo-upload__icon .sgseo-icon{width:26px;height:26px}
.sgseo-background-hero .sgseo-upload__title{font-size:16px;font-weight:700;letter-spacing:-.02em;color:#f3fbff}
.sgseo-background-hero .sgseo-upload__hint{font-size:12px;color:#a5b6c2}
.sgseo-background-header__note{margin:6px 0 0;color:#92a4b2;font-size:12px;line-height:1.45}
.sgseo-background-preset-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sgseo-background-preset{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:10px;border-radius:14px;border:1px solid var(--sg-bg-border);background:var(--sg-bg-surface);text-align:left;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.sgseo-background-preset:hover{border-color:var(--sg-bg-border-active);background:var(--sg-bg-surface-2);transform:translateY(-1px)}
.sgseo-background-preset[aria-pressed="true"]{border-color:rgba(101,200,255,.48);background:linear-gradient(180deg,rgba(16,26,34,.98),rgba(11,17,23,.98));box-shadow:0 0 0 1px rgba(101,200,255,.12)}
.sgseo-background-preset__image{display:block;width:92px;height:72px;border-radius:10px;overflow:hidden;background:#070b0f}
.sgseo-background-preset__image img{display:block;width:100%;height:100%;object-fit:cover}
.sgseo-background-preset__meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.sgseo-background-preset__name{font-size:14px;font-weight:700;line-height:1.25;color:#eff8ff}
.sgseo-background-preset__hint{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8ba0ad}
.sgseo-background-preset__check{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#d3ecff;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease}
.sgseo-background-preset[aria-pressed="true"] .sgseo-background-preset__check{opacity:1;transform:scale(1)}
.sgseo-background-hero .sgseo-btn--primary{background:linear-gradient(135deg,#67c9ff,#8587ff);border:0;color:#081017;box-shadow:0 12px 28px rgba(101,200,255,.2)}
.sgseo-background-hero .sgseo-btn--primary:hover{filter:brightness(1.03)}
.sgseo-background-hero .sgseo-btn--secondary{border-color:rgba(140,157,170,.18);background:rgba(11,15,19,.86)}
.sgseo-background-hero .sgseo-before-after__label{background:rgba(7,11,14,.72);backdrop-filter:blur(8px)}

.sgseo-background-usecases,.sgseo-background-examples,.sgseo-background-logic,.sgseo-background-links,.sgseo-background-faq-final{padding-top:clamp(18px,4vw,40px)}
.sgseo-background-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sgseo-background-case{border:1px solid rgba(117,154,177,.12);background:rgba(9,13,17,.78);border-radius:16px;padding:16px}
.sgseo-background-case b{display:inline-flex;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#94afbe;margin-bottom:10px}
.sgseo-background-case h3{font-size:18px;line-height:1.25;margin:0 0 8px;color:#f3f8fb}
.sgseo-background-case p{margin:0;color:#9dafbb;font-size:14px;line-height:1.6}
.sgseo-background-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sgseo-background-example{border:1px solid rgba(117,154,177,.12);background:rgba(9,13,17,.76);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px}
.sgseo-background-example__meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.sgseo-background-example__meta h3{margin:0;font-size:18px;line-height:1.25;color:#f1f8fe}
.sgseo-background-example__meta p{margin:4px 0 0;color:#9dafbb;font-size:14px;line-height:1.55}
.sgseo-background-example__meta span{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;background:rgba(101,200,255,.08);border:1px solid rgba(101,200,255,.12);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#bfe7ff;white-space:nowrap}
.sgseo-background-logic-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:18px;align-items:start}
.sgseo-background-logic-panel,.sgseo-background-logic-steps{border:1px solid rgba(117,154,177,.12);background:rgba(9,13,17,.76);border-radius:18px;padding:18px}
.sgseo-background-logic-list,.sgseo-background-step-list{display:grid;gap:12px}
.sgseo-background-logic-row,.sgseo-background-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}
.sgseo-background-logic-row span,.sgseo-background-step span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(101,200,255,.08);border:1px solid rgba(101,200,255,.12);font-size:12px;font-weight:700;color:#cdeaff}
.sgseo-background-logic-row h3,.sgseo-background-step h3{margin:0 0 4px;font-size:16px;color:#f2f8fc}
.sgseo-background-logic-row p,.sgseo-background-step p{margin:0;color:#9dafbb;font-size:14px;line-height:1.6}
.sgseo-background-link-group{display:grid;gap:12px}
.sgseo-background-link-row{display:flex;flex-wrap:wrap;gap:10px}
.sgseo-background-link-row a{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:999px;border:1px solid rgba(117,154,177,.14);background:rgba(9,13,17,.76);color:#eef7ff;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.sgseo-background-link-row a:hover{border-color:rgba(101,200,255,.28);transform:translateY(-1px)}
.sgseo-background-final-cta{margin-top:18px;display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(117,154,177,.12);background:linear-gradient(135deg,rgba(12,18,24,.96),rgba(9,13,17,.92));border-radius:22px;padding:22px}
.sgseo-background-final-cta h2{margin:0 0 8px;color:#f5fbff}
.sgseo-background-final-cta p{margin:0;color:#9dafbb;max-width:620px}
.sgseo-background-final-cta .sgseo-btn{white-space:nowrap}

@media (max-width: 1024px){
  .sgseo-background-hero .sgseo-hero__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "upload" "presets" "actions" "visual" "message"}
  .sgseo-background-card-grid,.sgseo-background-example-grid,.sgseo-background-preset-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgseo-background-logic-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 767px){
  .sgseo-background-hero .sgseo-upload{min-height:94px;padding:16px}
  .sgseo-background-card-grid,.sgseo-background-example-grid,.sgseo-background-preset-rail{grid-template-columns:minmax(0,1fr)}
  .sgseo-background-preset{grid-template-columns:86px minmax(0,1fr)}
  .sgseo-background-final-cta{flex-direction:column;align-items:flex-start}
}

/* ===== 2.11.0 Correction / Manual Adjust ===== */
.sgseo-correction-hero{--sg-corr-accent:#72d0ff;--sg-corr-accent-2:#a98cff;--sg-corr-border:rgba(132,177,201,.15);--sg-corr-surface:#0b0f13;--sg-corr-surface-2:#0e1318;background:linear-gradient(180deg,#080a0d 0%,#090c10 100%)}
.sgseo-correction-hero .sgseo-shell{max-width:min(1440px,calc(100vw - 40px))}
.sgseo-correction-hero .sgseo-hero__grid{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,.58fr);grid-template-areas:"copy workspace" "upload workspace" "actions workspace" "message workspace";gap:16px clamp(28px,5vw,80px);align-items:start}
.sgseo-correction-hero .sgseo-hero__copy{grid-area:copy;padding-top:12px;min-width:0}
.sgseo-correction-hero .sgseo-hero__copy h1{font-size:clamp(38px,4.1vw,68px);line-height:.98;letter-spacing:-.045em;max-width:760px;overflow-wrap:normal;word-break:normal}
.sgseo-correction-hero .sgseo-hero__description{max-width:650px}
.sgseo-correction-hero .sgseo-hero__upload{grid-area:upload}
.sgseo-correction-hero .sgseo-hero__actions{grid-area:actions;display:flex;gap:10px}
.sgseo-correction-hero .sgseo-hero__message{grid-area:message;min-height:22px}
.sgseo-correction-workspace{grid-area:workspace;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px;min-width:0;align-items:stretch}
.sgseo-correction-canvas{position:relative;min-width:0;min-height:540px;border-radius:14px;border:1px solid var(--sg-corr-border);background:#07090c;overflow:hidden;display:grid;place-items:center}
.sgseo-correction-canvas::before{content:"LIVE PREVIEW";position:absolute;left:14px;top:14px;z-index:3;padding:6px 8px;border-radius:6px;background:rgba(5,8,11,.78);border:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:800;letter-spacing:.12em;color:#b9d9e8}
.sgseo-correction-canvas img{display:block;width:100%;height:100%;max-height:680px;object-fit:contain;transition:filter .12s linear;background:#080b0f}
.sgseo-correction-dock{border:1px solid var(--sg-corr-border);border-radius:14px;background:linear-gradient(180deg,#0d1217,#0a0e12);padding:14px;display:flex;flex-direction:column;min-width:0}
.sgseo-correction-dock__head{padding-bottom:12px;border-bottom:1px solid rgba(132,177,201,.12)}
.sgseo-correction-dock__head b{display:block;font-size:12px;letter-spacing:.12em;color:#cae8f5;text-transform:uppercase}
.sgseo-correction-dock__head span{display:block;margin-top:5px;color:#778b97;font-size:11px;line-height:1.4}
.sgseo-correction-controls{display:grid;gap:18px;padding:18px 0}
.sgseo-correction-control{display:grid;gap:8px}
.sgseo-correction-control__top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.sgseo-correction-control__top label{font-size:12px;font-weight:700;color:#dcebf2}
.sgseo-correction-control__top output{font-size:11px;font-variant-numeric:tabular-nums;color:#8ed8ff}
.sgseo-correction-control input[type="range"]{width:100%;accent-color:#72d0ff}
.sgseo-correction-dock__reset{margin-top:auto;min-height:38px;border:1px solid rgba(132,177,201,.14);border-radius:8px;background:#0d1217;color:#c9d8df;font:700 11px/1 inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.sgseo-correction-preview-note{margin:10px 0 0;color:#718591;font-size:11px;line-height:1.5}
.sgseo-correction-upload{min-height:128px;padding:20px;border-radius:16px!important;border:1px solid rgba(114,208,255,.38)!important;background:linear-gradient(135deg,rgba(15,28,36,.98),rgba(11,15,22,.98))!important;box-shadow:0 14px 36px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025)!important}
.sgseo-correction-upload:hover,.sgseo-correction-upload[data-sgseo-drag="true"]{border-color:rgba(114,208,255,.68)!important;background:linear-gradient(135deg,rgba(18,35,46,.99),rgba(12,18,26,.99))!important}
.sgseo-correction-upload .sgseo-upload__icon{width:58px;height:58px;flex:0 0 58px;border-radius:16px;background:linear-gradient(135deg,rgba(114,208,255,.2),rgba(169,140,255,.15));border:1px solid rgba(114,208,255,.24);color:#dff6ff}
.sgseo-correction-upload .sgseo-upload__title{font-size:17px;font-weight:800;color:#f5fbff}
.sgseo-correction-upload .sgseo-upload__hint{font-size:12px;color:#9fb0ba}
.sgseo-correction-upload__cta{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:9px;background:#dff6ff;color:#091119;font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.sgseo-correction-open{min-height:54px;border-radius:10px!important;background:linear-gradient(135deg,#6ccfff,#948cff)!important;color:#071017!important;border:0!important;box-shadow:0 12px 28px rgba(103,198,255,.18)!important}
.sgseo-correction-open:disabled{filter:saturate(.2);opacity:.42;box-shadow:none!important}

.sgseo-correction-map,.sgseo-correction-examples,.sgseo-correction-compare,.sgseo-correction-aipaths,.sgseo-correction-links,.sgseo-correction-faq{background:#090c10}
.sgseo-correction-map-grid{display:grid;grid-template-columns:minmax(230px,.36fr) minmax(0,.64fr);gap:clamp(28px,5vw,72px);align-items:start}
.sgseo-correction-map-list{display:grid;border-top:1px solid rgba(132,177,201,.13)}
.sgseo-correction-map-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid rgba(132,177,201,.13)}
.sgseo-correction-map-row>span{font:800 11px/1.3 inherit;letter-spacing:.12em;color:#7ed7ff}
.sgseo-correction-map-row h3{margin:0 0 6px;font-size:20px;color:#f2f8fb}
.sgseo-correction-map-row p{margin:0;color:#98aab5;line-height:1.65}
.sgseo-correction-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sgseo-correction-example{border:1px solid rgba(132,177,201,.12);border-radius:15px;background:#0b0f13;padding:12px;min-width:0}
.sgseo-correction-example__pair{display:grid;grid-template-columns:1fr 1fr;gap:7px;aspect-ratio:4/3}
.sgseo-correction-example__pair img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px;background:#07090c}
.sgseo-correction-example h3{margin:13px 0 5px;font-size:17px;color:#f2f8fb}
.sgseo-correction-example p{margin:0;color:#8fa2ad;font-size:13px;line-height:1.55}
.sgseo-correction-compare-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(132,177,201,.13);border-radius:16px;overflow:hidden;background:#0b0f13}
.sgseo-correction-compare-col{padding:24px}
.sgseo-correction-compare-col+.sgseo-correction-compare-col{border-left:1px solid rgba(132,177,201,.13)}
.sgseo-correction-compare-col b{display:block;margin-bottom:12px;font-size:11px;letter-spacing:.12em;color:#8196a3}
.sgseo-correction-compare-col h3{margin:0 0 12px;color:#f3f8fb;font-size:22px}
.sgseo-correction-compare-col ul{margin:0;padding-left:18px;color:#98aab5;line-height:1.8}
.sgseo-correction-ai-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sgseo-correction-ai-link{display:flex;flex-direction:column;gap:8px;min-height:128px;padding:16px;border:1px solid rgba(132,177,201,.12);border-radius:13px;background:#0b0f13;color:#eef7fb;text-decoration:none}
.sgseo-correction-ai-link b{font-size:10px;letter-spacing:.11em;color:#7ed7ff;text-transform:uppercase}
.sgseo-correction-ai-link span{font-size:16px;font-weight:800;line-height:1.25}
.sgseo-correction-ai-link small{color:#899ca7;line-height:1.45}
.sgseo-correction-link-row{display:flex;flex-wrap:wrap;gap:9px}
.sgseo-correction-link-row a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border:1px solid rgba(132,177,201,.13);border-radius:9px;background:#0b0f13;color:#eaf4f9;text-decoration:none;font-weight:700;font-size:13px}
.sgseo-correction-final{margin-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;border:1px solid rgba(132,177,201,.13);border-radius:17px;background:linear-gradient(135deg,#0d1318,#0a0e12)}
.sgseo-correction-final h2{margin:0 0 6px;color:#f5fbff}.sgseo-correction-final p{margin:0;color:#90a3ae;max-width:680px}

@media(max-width:1080px){
  .sgseo-correction-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "upload" "workspace" "actions" "message"}
  .sgseo-correction-workspace{grid-template-columns:minmax(0,1fr) 230px}
  .sgseo-correction-canvas{min-height:460px}
  .sgseo-correction-ai-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .sgseo-correction-hero .sgseo-shell{max-width:calc(100vw - 28px)}
  .sgseo-correction-hero .sgseo-hero__copy h1{font-size:clamp(34px,10.2vw,48px);line-height:1.02;letter-spacing:-.035em;max-width:100%}
  .sgseo-correction-workspace{grid-template-columns:1fr}
  .sgseo-correction-canvas{min-height:0;aspect-ratio:4/5}
  .sgseo-correction-dock{padding:13px}
  .sgseo-correction-controls{grid-template-columns:1fr;gap:14px;padding:14px 0}
  .sgseo-correction-upload{min-height:116px;padding:16px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:12px!important}
  .sgseo-correction-upload .sgseo-upload__icon{width:52px;height:52px;flex-basis:52px}
  .sgseo-correction-upload__cta{grid-column:1/-1;width:100%;margin:0;min-height:44px}
  .sgseo-correction-map-grid{grid-template-columns:1fr}
  .sgseo-correction-example-grid{grid-template-columns:1fr}
  .sgseo-correction-compare-grid{grid-template-columns:1fr}
  .sgseo-correction-compare-col+.sgseo-correction-compare-col{border-left:0;border-top:1px solid rgba(132,177,201,.13)}
  .sgseo-correction-ai-grid{grid-template-columns:1fr}
  .sgseo-correction-final{flex-direction:column;align-items:flex-start}
}
/* Correction QA refinement: give long localized H1 more room on desktop. */
@media(min-width:1081px){
  .sgseo-correction-hero .sgseo-hero__grid{grid-template-columns:minmax(360px,.47fr) minmax(0,.53fr);column-gap:clamp(34px,4vw,58px)}
  .sgseo-correction-hero .sgseo-hero__copy h1{font-size:clamp(40px,3.55vw,54px);line-height:1.02;letter-spacing:-.04em}
  .sgseo-correction-workspace{grid-template-columns:minmax(0,1fr) 232px}
}

/* ===== 2.12.0 / FAMILY 4 — OUTFIT COMMAND STUDIO ===== */
.sgseo-outfit-hero{--sg-outfit-violet:#8e7cff;--sg-outfit-indigo:#645cff;--sg-outfit-cyan:#8ee7ff;--sg-outfit-border:rgba(148,137,255,.19);--sg-outfit-border-strong:rgba(148,137,255,.38);--sg-outfit-surface:#0d0d14;--sg-outfit-surface-2:#12121c;background:radial-gradient(900px 540px at 78% 7%,rgba(111,92,255,.13),transparent 58%),linear-gradient(180deg,#08080d 0%,#0a0a10 100%)}
.sgseo-outfit-hero .sgseo-shell{max-width:min(1450px,calc(100vw - 40px))}
.sgseo-outfit-hero .sgseo-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(390px,.78fr);grid-template-areas:"copy copy" "visual upload" "visual presets" "visual actions" "visual message";column-gap:clamp(24px,3vw,44px);row-gap:14px;align-items:start}
.sgseo-outfit-hero .sgseo-hero__copy{grid-area:copy;max-width:1060px;padding:clamp(8px,1vw,14px) 0 10px}
.sgseo-outfit-hero .sgseo-hero__copy h1{max-width:980px;font-size:clamp(3rem,5.4vw,5.7rem);line-height:.91;letter-spacing:-.058em}
.sgseo-outfit-hero .sgseo-hero__description{max-width:780px;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.62;color:#a9aabb}
.sgseo-outfit-hero .sgseo-hero__eyebrow{border-color:rgba(142,124,255,.22);background:rgba(142,124,255,.07);color:#ddd8ff}
.sgseo-outfit-hero .sgseo-hero__eyebrow .sgseo-icon{color:var(--sg-outfit-violet)}
.sgseo-outfit-hero .sgseo-hero__trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}
.sgseo-outfit-hero .sgseo-hero__trust li{width:auto;color:#a8a9b8}
.sgseo-outfit-hero .sgseo-hero__trust .sgseo-icon{color:#a89cff}
.sgseo-outfit-hero .sgseo-hero__upload{grid-area:upload;min-width:0}
.sgseo-outfit-hero .sgseo-hero__presets{grid-area:presets;min-width:0}
.sgseo-outfit-hero .sgseo-hero__actions{grid-area:actions;min-width:0}
.sgseo-outfit-hero .sgseo-hero__message{grid-area:message;min-width:0}
.sgseo-outfit-hero .sgseo-hero__visual{grid-area:visual;position:sticky;top:90px;min-width:0}
.sgseo-outfit-hero .sgseo-hero__stage{width:100%;max-width:800px;margin-right:auto;aspect-ratio:var(--sgseo-outfit-stage-ratio,4/5);min-height:0;border-radius:24px;border:1px solid rgba(147,137,255,.13);background:linear-gradient(155deg,#10111a,#090a0e 62%);overflow:hidden;box-shadow:0 34px 100px rgba(0,0,0,.34)}
.sgseo-outfit-hero .sgseo-hero__stage::before{content:"SOURCE / RESULT";position:absolute;z-index:7;left:16px;top:16px;padding:7px 10px;border-radius:999px;background:rgba(7,7,12,.7);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(10px);font-size:10px;font-weight:700;letter-spacing:.11em;color:#d9d7e7}
.sgseo-outfit-hero .sgseo-hero__stage::after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(135deg,rgba(142,124,255,.05),transparent 30%,transparent 70%,rgba(142,231,255,.035));z-index:2}
.sgseo-outfit-hero .sgseo-before-after,.sgseo-outfit-hero .sgseo-hero__preview{width:100%;height:100%;--sgseo-media-ratio:var(--sgseo-outfit-stage-ratio,4/5);background:#090a0e;border-radius:24px}
.sgseo-outfit-hero .sgseo-before-after img,.sgseo-outfit-hero .sgseo-hero__preview img{width:100%;height:100%;object-fit:contain;object-position:center;background:#090a0e}
.sgseo-outfit-hero .sgseo-before-after__label{background:rgba(8,8,13,.68);border-color:rgba(255,255,255,.08);backdrop-filter:blur(9px)}

.sgseo-outfit-upload .sgseo-upload{min-height:102px;padding:15px 16px;border-radius:18px;border:1px solid rgba(142,124,255,.32);background:linear-gradient(135deg,rgba(20,18,35,.96),rgba(11,12,19,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.sgseo-outfit-upload .sgseo-upload:hover,.sgseo-outfit-upload .sgseo-upload[data-sgseo-drag="true"]{transform:translateY(-1px);border-color:rgba(142,124,255,.58);background:linear-gradient(135deg,rgba(28,24,48,.98),rgba(12,13,21,.99))}
.sgseo-outfit-upload .sgseo-upload__icon{width:54px;height:54px;flex:0 0 54px;border-radius:16px;background:linear-gradient(135deg,rgba(142,124,255,.2),rgba(100,92,255,.08));border:1px solid rgba(142,124,255,.24);color:#e5e0ff}
.sgseo-outfit-upload .sgseo-upload__title{font-size:15px;font-weight:750;color:#f4f2ff}
.sgseo-outfit-upload .sgseo-upload__hint{font-size:11px;color:#9c9dab}
.sgseo-outfit-upload__cta{margin-left:auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:999px;background:#eceaff;color:#171328;font-size:10px;font-weight:800;letter-spacing:.09em;white-space:nowrap}

.sgseo-outfit-command{padding:16px;border:1px solid var(--sg-outfit-border);border-radius:20px;background:rgba(13,13,20,.92);box-shadow:0 18px 48px rgba(0,0,0,.2)}
.sgseo-outfit-command__top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}
.sgseo-outfit-command__label{display:flex;flex-direction:column;gap:3px;min-width:0}.sgseo-outfit-command__label span{font-size:9px;font-weight:800;letter-spacing:.15em;color:#8178b7}.sgseo-outfit-command__label b{font-size:14px;color:#f0eff8}
.sgseo-outfit-gender{flex:0 0 auto;border-color:rgba(142,124,255,.17);background:#090a10}.sgseo-outfit-gender .sgseo-gender-tab{min-height:34px;padding:0 11px}
.sgseo-outfit-prompt{display:block;border-radius:15px;border:1px solid rgba(142,124,255,.22);background:#090a10;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.sgseo-outfit-prompt:focus-within{border-color:rgba(142,124,255,.58);box-shadow:0 0 0 3px rgba(142,124,255,.07)}
.sgseo-outfit-prompt textarea{display:block;width:100%;min-height:112px;max-height:220px;resize:vertical;padding:14px 15px 10px;border:0;outline:0;background:transparent;color:#f4f2ff;font:500 14px/1.55 inherit;box-sizing:border-box}
.sgseo-outfit-prompt textarea::placeholder{color:#686978}
.sgseo-outfit-prompt__footer{display:flex;align-items:center;gap:10px;padding:9px 11px;border-top:1px solid rgba(142,124,255,.11);background:rgba(255,255,255,.015)}
.sgseo-outfit-prompt__footer>[data-sgseo-role="outfit-mode"]{flex:0 0 auto;padding:5px 7px;border-radius:999px;background:rgba(142,124,255,.11);border:1px solid rgba(142,124,255,.16);color:#c7c1ff;font-size:9px;font-weight:800;letter-spacing:.1em}
.sgseo-outfit-prompt__footer>[data-sgseo-role="outfit-mode"][data-sgseo-mode="prompt"]{background:rgba(142,231,255,.08);border-color:rgba(142,231,255,.14);color:#c9f4ff}
.sgseo-outfit-prompt__footer small{color:#858694;font-size:10px;line-height:1.35}
.sgseo-outfit-quick-head{display:flex;justify-content:space-between;align-items:center;margin:13px 1px 8px;color:#b8b7c5;font-size:11px;font-weight:700}
.sgseo-outfit-preset-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sgseo-outfit-preset{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:6px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#090a0f;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.sgseo-outfit-preset:hover{transform:translateY(-1px);border-color:rgba(142,124,255,.26);background:#0f0f17}
.sgseo-outfit-preset[aria-pressed="true"]{border-color:rgba(142,124,255,.55);background:linear-gradient(180deg,rgba(28,25,49,.88),rgba(12,12,20,.98));box-shadow:0 0 0 1px rgba(142,124,255,.09)}
.sgseo-outfit-preset__image{display:block;width:100%;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:#0a0b10}.sgseo-outfit-preset__image img{display:block;width:100%;height:100%;object-fit:cover}
.sgseo-outfit-preset__name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;color:#d8d7df;padding:0 2px 2px}
.sgseo-outfit-preset__check{position:absolute;right:9px;top:9px;width:21px;height:21px;border-radius:999px;display:grid;place-items:center;background:#eceaff;color:#201a35;opacity:0;transform:scale(.88);transition:opacity .18s ease,transform .18s ease}.sgseo-outfit-preset__check .sgseo-icon{width:12px;height:12px}.sgseo-outfit-preset[aria-pressed="true"] .sgseo-outfit-preset__check{opacity:1;transform:scale(1)}
.sgseo-outfit-hero .sgseo-hero__actions{display:flex;gap:9px}.sgseo-outfit-hero .sgseo-btn{border-radius:14px;min-height:50px}.sgseo-outfit-hero .sgseo-btn--primary{background:linear-gradient(135deg,#8976ff,#6860e8);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 32px rgba(93,78,220,.22)}.sgseo-outfit-hero .sgseo-btn--secondary{background:#101019;border-color:rgba(255,255,255,.09)}

/* Family 4 page composition — command-first, not a utility/app card stack */
.sgseo-outfit-command-band,.sgseo-outfit-lookbook,.sgseo-outfit-preserve,.sgseo-outfit-workflow,.sgseo-outfit-links,.sgseo-outfit-seo,.sgseo-outfit-faq-final{background:#0a0a10}
.sgseo-outfit-command-band{padding:clamp(70px,7vw,110px) 0 26px}.sgseo-outfit-command-band__grid{display:grid;grid-template-columns:minmax(250px,.36fr) minmax(0,.64fr);gap:clamp(26px,5vw,76px);align-items:end}
.sgseo-outfit-command-lines{display:grid;border-top:1px solid rgba(142,124,255,.15)}.sgseo-outfit-command-line{display:grid;grid-template-columns:76px minmax(0,1fr) 64px;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(142,124,255,.12)}.sgseo-outfit-command-line b{font-size:10px;letter-spacing:.13em;color:#7c78a1}.sgseo-outfit-command-line span{font-size:clamp(17px,2vw,25px);letter-spacing:-.025em;color:#eeeeF5}.sgseo-outfit-command-line em{font-style:normal;text-align:right;font-size:10px;color:#7f8190}
.sgseo-outfit-lookbook{padding:clamp(76px,7vw,118px) 0}.sgseo-outfit-lookbook__head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}.sgseo-outfit-lookbook__head .sgseo-utility-heading{max-width:720px}.sgseo-outfit-lookbook__note{max-width:340px;color:#858694;font-size:13px;line-height:1.6}
.sgseo-outfit-lookbook__grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:12px;align-items:stretch}.sgseo-outfit-look{position:relative;min-height:360px;border-radius:20px;overflow:hidden;background:#101018;border:1px solid rgba(255,255,255,.06)}.sgseo-outfit-look:first-child{min-height:520px;grid-row:span 2}.sgseo-outfit-look img{display:block;width:100%;height:100%;object-fit:cover}.sgseo-outfit-look__caption{position:absolute;left:12px;right:12px;bottom:12px;padding:11px 12px;border-radius:13px;background:rgba(8,8,13,.74);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px)}.sgseo-outfit-look__caption b{display:block;color:#f3f2f8;font-size:13px}.sgseo-outfit-look__caption span{display:block;margin-top:3px;color:#9b9ba7;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.sgseo-outfit-preserve{padding:clamp(70px,6vw,100px) 0;background:linear-gradient(180deg,#0a0a10,#09090e)}.sgseo-outfit-preserve__grid{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:clamp(28px,5vw,74px);align-items:start}.sgseo-outfit-preserve__rows{display:grid;border-top:1px solid rgba(142,124,255,.13)}.sgseo-outfit-preserve__row{display:grid;grid-template-columns:52px 180px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid rgba(142,124,255,.11);align-items:start}.sgseo-outfit-preserve__row>span{font-size:10px;color:#77738f}.sgseo-outfit-preserve__row h3{margin:0;font-size:15px;color:#ecebf3}.sgseo-outfit-preserve__row p{margin:0;color:#8f909e;font-size:13px;line-height:1.55}
.sgseo-outfit-workflow{padding:clamp(68px,6vw,104px) 0}.sgseo-outfit-workflow__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(142,124,255,.14);border:1px solid rgba(142,124,255,.14);border-radius:18px;overflow:hidden}.sgseo-outfit-workflow__step{padding:22px;background:#0b0b11}.sgseo-outfit-workflow__step b{display:block;margin-bottom:24px;color:#716c94;font-size:10px;letter-spacing:.12em}.sgseo-outfit-workflow__step h3{margin:0 0 8px;color:#f1f0f6;font-size:18px}.sgseo-outfit-workflow__step p{margin:0;color:#8f909c;font-size:13px;line-height:1.6}
.sgseo-outfit-links{padding:clamp(64px,6vw,100px) 0}.sgseo-outfit-links__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.sgseo-outfit-links__row a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(142,124,255,.14);background:#0d0d14;color:#dedce9;text-decoration:none;font-size:12px}.sgseo-outfit-links__row a:hover{border-color:rgba(142,124,255,.38);background:#11111b}
.sgseo-outfit-seo{padding:clamp(64px,6vw,100px) 0}.sgseo-outfit-seo__grid{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,.64fr);gap:clamp(28px,5vw,72px)}.sgseo-outfit-seo__copy{columns:2;column-gap:34px;color:#9596a3;font-size:14px;line-height:1.72}.sgseo-outfit-seo__copy p{margin:0 0 18px;break-inside:avoid}
.sgseo-outfit-faq-final{padding:clamp(66px,6vw,104px) 0 86px}.sgseo-outfit-final-cta{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px;border-radius:20px;border:1px solid rgba(142,124,255,.16);background:linear-gradient(135deg,rgba(25,22,43,.88),rgba(10,10,16,.94))}.sgseo-outfit-final-cta h2{margin:0 0 7px;color:#f3f1fb}.sgseo-outfit-final-cta p{margin:0;color:#9696a5}.sgseo-outfit-final-cta .sgseo-btn{white-space:nowrap;background:linear-gradient(135deg,#8976ff,#6860e8)}

@media (max-width:1120px){
  .sgseo-outfit-hero .sgseo-hero__grid{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr)}
  .sgseo-outfit-preset-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sgseo-outfit-lookbook__grid{grid-template-columns:1fr 1fr}.sgseo-outfit-look:first-child{grid-row:auto;grid-column:1/-1;min-height:520px}
}
@media (max-width:900px){
  .sgseo-outfit-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "upload" "presets" "actions" "visual" "message";row-gap:16px}
  .sgseo-outfit-hero .sgseo-hero__visual{position:static}.sgseo-outfit-hero .sgseo-hero__stage{max-width:680px;margin:0 auto}
  .sgseo-outfit-command-band__grid,.sgseo-outfit-preserve__grid,.sgseo-outfit-seo__grid{grid-template-columns:1fr}
  .sgseo-outfit-lookbook__head{display:block}.sgseo-outfit-lookbook__note{max-width:650px;margin-top:12px}
  .sgseo-outfit-seo__copy{columns:1}
}
@media (max-width:640px){
  .sgseo-outfit-hero .sgseo-shell{max-width:calc(100vw - 28px)}
  .sgseo-outfit-hero{padding-top:24px}.sgseo-outfit-hero .sgseo-hero__copy h1{font-size:clamp(2.35rem,12.5vw,3.45rem);line-height:.94;letter-spacing:-.05em;overflow-wrap:anywhere}
  .sgseo-outfit-hero .sgseo-hero__description{font-size:.94rem;line-height:1.55}
  .sgseo-outfit-hero .sgseo-hero__trust{display:grid;gap:6px}
  .sgseo-outfit-upload .sgseo-upload{min-height:112px;display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;padding:14px}.sgseo-outfit-upload .sgseo-upload__icon{width:50px;height:50px;flex-basis:50px}.sgseo-outfit-upload__cta{grid-column:1/-1;width:100%;margin:2px 0 0;min-height:40px}
  .sgseo-outfit-command{padding:12px;border-radius:17px}.sgseo-outfit-command__top{align-items:flex-start}.sgseo-outfit-command__label b{font-size:13px}.sgseo-outfit-gender .sgseo-gender-tab{padding:0 9px;font-size:11px}.sgseo-outfit-prompt textarea{min-height:104px;font-size:13px}.sgseo-outfit-prompt__footer{align-items:flex-start;flex-direction:column;gap:6px}
  .sgseo-outfit-preset-rail{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;scroll-snap-type:x proximity}.sgseo-outfit-preset{flex:0 0 112px;scroll-snap-align:start}.sgseo-outfit-preset__name{font-size:10px}.sgseo-outfit-hero .sgseo-hero__actions{display:grid;grid-template-columns:1fr}.sgseo-outfit-hero .sgseo-btn{width:100%}
  .sgseo-outfit-hero .sgseo-hero__stage[data-sgseo-aspect="landscape"]{max-width:100%}.sgseo-outfit-hero .sgseo-hero__stage::before{font-size:9px;left:10px;top:10px}
  .sgseo-outfit-command-line{grid-template-columns:50px minmax(0,1fr)}.sgseo-outfit-command-line em{display:none}.sgseo-outfit-command-line span{font-size:17px}
  .sgseo-outfit-lookbook__grid{grid-template-columns:1fr}.sgseo-outfit-look:first-child{grid-column:auto;min-height:420px}.sgseo-outfit-look{min-height:350px}
  .sgseo-outfit-preserve__row{grid-template-columns:38px minmax(0,1fr)}.sgseo-outfit-preserve__row p{grid-column:2}.sgseo-outfit-workflow__track{grid-template-columns:1fr}.sgseo-outfit-final-cta{grid-template-columns:1fr}.sgseo-outfit-final-cta .sgseo-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.sgseo-outfit-preset,.sgseo-outfit-upload .sgseo-upload{transition:none}.sgseo-outfit-preset:hover,.sgseo-outfit-upload .sgseo-upload:hover{transform:none}}
.sgseo-outfit-related-heading{margin-top:34px}
@media (max-width:640px){
  .sgseo-outfit-command__top{display:grid;grid-template-columns:1fr;gap:10px}
  .sgseo-outfit-gender{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .sgseo-outfit-gender .sgseo-gender-tab{width:100%}
  .sgseo-outfit-look{min-height:0;aspect-ratio:4/5}
  .sgseo-outfit-look:first-child{min-height:0;aspect-ratio:4/5}
}

/* ===== 2.14.0 — GROUP 4 / AI AGENT COMMAND WORKSPACE ===== */
.sgseo-agent-hero{--sg-agent-violet:#8d7cff;--sg-agent-blue:#5f86ff;--sg-agent-border:rgba(149,141,255,.16);--sg-agent-border-strong:rgba(149,141,255,.34);background:radial-gradient(760px 440px at 18% 22%,rgba(107,83,255,.12),transparent 66%),linear-gradient(180deg,#08080d 0%,#0a0a10 100%)}
.sgseo-agent-hero .sgseo-shell{max-width:min(1440px,calc(100vw - 40px))}
.sgseo-agent-hero .sgseo-hero__grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);grid-template-areas:"copy copy" "upload visual" "presets visual" "actions visual" "message visual";column-gap:clamp(22px,3vw,46px);row-gap:12px;align-items:start}
.sgseo-agent-hero .sgseo-hero__copy{grid-area:copy;max-width:1120px;padding:8px 0 10px}
.sgseo-agent-hero .sgseo-hero__copy h1{max-width:1000px;font-size:clamp(3rem,5.1vw,5.25rem);line-height:.93;letter-spacing:-.055em}
.sgseo-agent-hero .sgseo-hero__description{max-width:810px;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.6;color:#aaabb9}
.sgseo-agent-hero .sgseo-hero__eyebrow{border-color:rgba(141,124,255,.22);background:rgba(141,124,255,.07);color:#ded9ff}
.sgseo-agent-hero .sgseo-hero__trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px}.sgseo-agent-hero .sgseo-hero__trust li{width:auto;color:#aaaab8}.sgseo-agent-hero .sgseo-hero__trust .sgseo-icon{color:#9c91ff}
.sgseo-agent-hero .sgseo-hero__upload{grid-area:upload;min-width:0}.sgseo-agent-hero .sgseo-hero__presets{grid-area:presets;min-width:0}.sgseo-agent-hero .sgseo-hero__actions{grid-area:actions;min-width:0}.sgseo-agent-hero .sgseo-hero__message{grid-area:message;min-width:0}.sgseo-agent-hero .sgseo-hero__visual{grid-area:visual;position:sticky;top:90px;min-width:0}
.sgseo-agent-upload .sgseo-upload{min-height:86px;padding:14px 16px;border-radius:16px;border:1px solid rgba(141,124,255,.28);background:linear-gradient(135deg,rgba(20,19,34,.94),rgba(11,12,18,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.sgseo-agent-upload .sgseo-upload:hover{border-color:rgba(141,124,255,.52);background:linear-gradient(135deg,rgba(24,22,41,.98),rgba(12,13,20,.98))}
.sgseo-agent-upload .sgseo-upload__icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:rgba(141,124,255,.12);border:1px solid rgba(141,124,255,.18);color:#d9d3ff}
.sgseo-agent-upload__cta{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:118px;min-height:38px;padding:0 14px;border-radius:12px;background:linear-gradient(135deg,#7e70ef,#6670e7);font-size:10px;font-weight:850;letter-spacing:.09em;color:#fff}
.sgseo-agent-workspace{display:grid;gap:12px;padding:16px;border:1px solid var(--sg-agent-border);border-radius:20px;background:linear-gradient(180deg,rgba(18,18,28,.96),rgba(12,12,19,.98));box-shadow:0 22px 54px rgba(0,0,0,.20)}
.sgseo-agent-workspace__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sgseo-agent-workspace__head>span{font-size:10px;font-weight:850;letter-spacing:.18em;color:#9f94ff}.sgseo-agent-workspace__head small{max-width:460px;color:#7f8190;font-size:11px;line-height:1.45;text-align:right}
.sgseo-agent-prompt{display:grid;gap:7px}.sgseo-agent-prompt>span,.sgseo-agent-setting>span{font-size:12px;font-weight:760;color:#e9e9f3}.sgseo-agent-prompt textarea{width:100%;min-height:116px;max-height:220px;resize:vertical;padding:15px 16px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#0a0b11;color:#f6f6fb;font:inherit;font-size:16px;line-height:1.45;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.sgseo-agent-prompt textarea:focus{border-color:rgba(141,124,255,.58);box-shadow:0 0 0 4px rgba(105,91,255,.12)}.sgseo-agent-prompt textarea::placeholder{color:#646673}
.sgseo-agent-settings{display:none}
.sgseo-agent-demo-note{font-size:11px;line-height:1.45;color:#858795;padding-top:2px}
.sgseo-agent-hero .sgseo-hero__stage{width:100%;max-width:470px;margin-left:auto;aspect-ratio:var(--sgseo-agent-stage-ratio,4/5);min-height:0;border-radius:20px;border:1px solid rgba(141,124,255,.13);background:#090a0f;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.30)}
.sgseo-agent-hero .sgseo-hero__stage::before{content:"SOURCE / RESULT";position:absolute;z-index:8;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(7,8,12,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:9px;font-weight:800;letter-spacing:.1em;color:#c8c8d4}
.sgseo-agent-hero .sgseo-before-after,.sgseo-agent-hero .sgseo-hero__preview{width:100%;height:100%;--sgseo-media-ratio:var(--sgseo-agent-stage-ratio,4/5);background:#090a0f;border-radius:20px}.sgseo-agent-hero .sgseo-before-after img,.sgseo-agent-hero .sgseo-hero__preview img{width:100%;height:100%;object-fit:contain;object-position:center;background:#090a0f}
.sgseo-agent-hero .sgseo-hero__actions{display:flex;gap:8px}.sgseo-agent-hero .sgseo-btn{min-height:48px;border-radius:13px}.sgseo-agent-hero .sgseo-btn--primary{background:linear-gradient(135deg,#8374f4,#606ee8);border:1px solid rgba(255,255,255,.08);box-shadow:0 13px 30px rgba(87,77,212,.20)}.sgseo-agent-hero .sgseo-btn--secondary{background:#101018;border-color:rgba(255,255,255,.08)}

.sgseo-agent-showcase,.sgseo-agent-capabilities,.sgseo-agent-how,.sgseo-agent-difference,.sgseo-agent-clusters,.sgseo-agent-audience,.sgseo-agent-faq{padding-top:clamp(64px,7vw,98px)}
.sgseo-agent-section-head{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:24px;align-items:start;margin-bottom:28px}.sgseo-agent-section-head p{margin:0;color:#9b9cab;line-height:1.7}.sgseo-agent-section-head h2{margin:0;color:#fff;font-size:clamp(2rem,3vw,3.35rem);line-height:1.02;letter-spacing:-.04em}
.sgseo-agent-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sgseo-agent-example{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#0b0c11}.sgseo-agent-example__image{position:relative;min-height:250px;background:#08090d}.sgseo-agent-example__image img{display:block;width:100%;height:100%;object-fit:cover}.sgseo-agent-example__image span{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:999px;background:rgba(6,7,10,.72);font-size:9px;font-weight:800;letter-spacing:.09em}.sgseo-agent-example__prompt{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-top:1px solid rgba(255,255,255,.06);color:#dddde7;font-size:13px;line-height:1.45}.sgseo-agent-example__prompt b{color:#8e82ff;font-size:10px;letter-spacing:.1em}
.sgseo-agent-capability-rows{display:grid;border-top:1px solid rgba(255,255,255,.075)}.sgseo-agent-cap-row{display:grid;grid-template-columns:70px minmax(180px,.34fr) minmax(0,.66fr);gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.075);align-items:start}.sgseo-agent-cap-row>span{color:#8e82ff;font-size:11px;letter-spacing:.14em}.sgseo-agent-cap-row h3{margin:0;color:#f4f4f8;font-size:18px}.sgseo-agent-cap-row p{margin:0;color:#989aa7;line-height:1.65}
.sgseo-agent-how-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid rgba(255,255,255,.075);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.075)}.sgseo-agent-how-step{padding:22px;background:#0b0c11}.sgseo-agent-how-step b{display:block;margin-bottom:18px;color:#8c81ff;font-size:10px;letter-spacing:.14em}.sgseo-agent-how-step h3{margin:0 0 8px;color:#fff;font-size:18px}.sgseo-agent-how-step p{margin:0;color:#999aa8;line-height:1.62}
.sgseo-agent-difference-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.sgseo-agent-difference-copy{padding-right:30px}.sgseo-agent-difference-copy p{color:#9b9ca9;line-height:1.75}.sgseo-agent-command-stack{display:grid;gap:8px}.sgseo-agent-command-line{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#0b0c11}.sgseo-agent-command-line b{font-size:10px;color:#8277ed;letter-spacing:.12em}.sgseo-agent-command-line span{color:#e6e6eb;font-size:13px}.sgseo-agent-command-line em{font-style:normal;color:#7e808c;font-size:9px;letter-spacing:.11em}
.sgseo-agent-cluster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sgseo-agent-cluster-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 15px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0b0c11;color:#f0f0f4;text-decoration:none;font-size:13px}.sgseo-agent-cluster-grid a::after{content:"↗";color:#777986}.sgseo-agent-cluster-grid a:hover{border-color:rgba(141,124,255,.28);background:#0e0f16}
.sgseo-agent-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sgseo-agent-audience-item{padding:18px 0;border-top:1px solid rgba(255,255,255,.08)}.sgseo-agent-audience-item b{display:block;margin-bottom:10px;color:#8b80fb;font-size:10px;letter-spacing:.13em}.sgseo-agent-audience-item h3{margin:0 0 8px;color:#fff;font-size:19px}.sgseo-agent-audience-item p{margin:0;color:#989aa6;line-height:1.6}
.sgseo-agent-faq-grid{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,.64fr);gap:24px}.sgseo-agent-faq-list{display:grid;gap:8px}.sgseo-agent-faq-list details{border:1px solid rgba(255,255,255,.075);border-radius:13px;background:#0b0c11}.sgseo-agent-faq-list summary{padding:15px 16px;color:#eeeef3;font-weight:700;cursor:pointer}.sgseo-agent-faq-list details p{margin:0;padding:0 16px 16px;color:#999aa8;line-height:1.65}
.sgseo-agent-final-cta{margin-top:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border:1px solid rgba(141,124,255,.14);border-radius:20px;background:linear-gradient(135deg,rgba(103,83,255,.12),rgba(24,24,36,.65))}.sgseo-agent-final-cta h2{margin:0 0 7px;color:#fff}.sgseo-agent-final-cta p{margin:0;color:#999aa7}.sgseo-agent-final-cta .sgseo-btn{white-space:nowrap}

@media (max-width:1020px){
  .sgseo-agent-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "upload" "presets" "actions" "visual" "message"}
  .sgseo-agent-hero .sgseo-hero__visual{position:static}.sgseo-agent-hero .sgseo-hero__stage{max-width:560px;margin:0 auto}
  .sgseo-agent-section-head,.sgseo-agent-difference-grid,.sgseo-agent-faq-grid{grid-template-columns:1fr}.sgseo-agent-difference-copy{padding-right:0}.sgseo-agent-example-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .sgseo-agent-hero .sgseo-shell{max-width:calc(100vw - 28px)}.sgseo-agent-hero{padding-top:24px}.sgseo-agent-hero .sgseo-hero__copy h1{font-size:clamp(2.2rem,11.7vw,3.25rem);line-height:.95;letter-spacing:-.048em;overflow-wrap:anywhere}
  .sgseo-agent-hero .sgseo-hero__description{font-size:.94rem;line-height:1.55}.sgseo-agent-hero .sgseo-hero__trust{display:grid;gap:6px}
  .sgseo-agent-upload .sgseo-upload{min-height:82px;padding:12px}.sgseo-agent-upload__cta{min-width:104px;min-height:34px;padding:0 10px;font-size:9px}
  .sgseo-agent-workspace{padding:13px;border-radius:17px}.sgseo-agent-workspace__head{display:grid;gap:5px}.sgseo-agent-workspace__head small{text-align:left}.sgseo-agent-prompt textarea{min-height:104px;font-size:15px;padding:13px}
  .sgseo-agent-settings{grid-template-columns:1fr}.sgseo-agent-segment button{min-height:36px;font-size:11px}.sgseo-agent-quick{margin-right:-13px;padding-right:13px}
  .sgseo-agent-hero .sgseo-hero__actions{display:grid;grid-template-columns:1fr}.sgseo-agent-hero .sgseo-btn{width:100%}.sgseo-agent-hero .sgseo-hero__stage{max-width:100%}
  .sgseo-agent-example{grid-template-columns:1fr 1fr}.sgseo-agent-example__image{min-height:170px}.sgseo-agent-section-head{gap:10px;margin-bottom:18px}.sgseo-agent-section-head h2{font-size:clamp(1.8rem,8.8vw,2.55rem)}
  .sgseo-agent-cap-row{grid-template-columns:38px 1fr;gap:9px 12px}.sgseo-agent-cap-row p{grid-column:2}.sgseo-agent-how-track{grid-template-columns:1fr}.sgseo-agent-cluster-grid{grid-template-columns:1fr}.sgseo-agent-audience-grid{grid-template-columns:1fr}.sgseo-agent-final-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:390px){
  .sgseo-agent-hero .sgseo-shell{max-width:calc(100vw - 22px)}.sgseo-agent-hero .sgseo-hero__copy h1{font-size:2.18rem}.sgseo-agent-upload__cta{display:none}.sgseo-agent-segment{gap:4px;padding:4px}.sgseo-agent-segment button{padding:7px 5px;font-size:10px}.sgseo-agent-quick button{max-width:250px;font-size:10px}.sgseo-agent-example__image{min-height:150px}
}
.sgseo-agent-related{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.sgseo-agent-related h3{margin:0 0 12px;color:#e8e8ee;font-size:15px}.sgseo-agent-related__links{display:flex;flex-wrap:wrap;gap:8px}.sgseo-agent-related__links a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#0a0b10;color:#aeb0bb;text-decoration:none;font-size:11px}.sgseo-agent-related__links a:hover{color:#fff;border-color:rgba(141,124,255,.26)}

.sgseo-agent-goodbar{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(141,124,255,.16);border-radius:16px;background:linear-gradient(180deg,rgba(15,16,24,.95),rgba(10,10,16,.98))}.sgseo-agent-goodbar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(141,124,255,.34);background:rgba(116,96,255,.14);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em}.sgseo-agent-goodbar p{margin:0;color:#a4a6b4;font-size:12px;line-height:1.45}
.sgseo-agent-quick-wrap{display:grid;gap:9px}.sgseo-agent-quick-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sgseo-agent-quick-head>span{font-size:12px;font-weight:760;color:#f1f1f6}.sgseo-agent-quick-head small{font-size:11px;line-height:1.4;color:#7f8190;text-align:right}.sgseo-agent-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:0}.sgseo-agent-quick button{display:flex;align-items:flex-start;justify-content:flex-start;min-width:0;max-width:none;min-height:72px;padding:12px 13px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#0d0e14;color:#a9aab6;font:inherit;font-size:12px;line-height:1.38;white-space:normal;text-align:left;cursor:pointer}.sgseo-agent-quick button span{display:block}.sgseo-agent-quick button:hover,.sgseo-agent-quick button[aria-pressed="true"]{color:#fff;border-color:rgba(141,124,255,.30);background:linear-gradient(180deg,rgba(116,96,255,.12),rgba(13,14,20,.98))}
@media (max-width: 767.98px){.sgseo-agent-goodbar{align-items:flex-start;flex-direction:column;gap:8px}.sgseo-agent-quick-head{display:grid;gap:4px}.sgseo-agent-quick-head small{text-align:left}.sgseo-agent-quick{grid-template-columns:1fr}.sgseo-agent-quick button{min-height:64px;padding:11px 12px}}

/* ===== 2.15.0 Agent: fixed Good + automatic task interpretation ===== */
.sgseo-agent-workspace{gap:11px}
.sgseo-agent-fixedbar{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border:1px solid rgba(141,124,255,.13);border-radius:12px;background:#0b0c12;color:#888a98;font-size:11px;line-height:1.35}
.sgseo-agent-fixedbar__quality{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(116,96,255,.14);border:1px solid rgba(141,124,255,.23);color:#d8d3ff;font-size:9px;font-weight:900;letter-spacing:.12em}
.sgseo-agent-quick-head{margin-top:2px;color:#858795;font-size:9px;font-weight:900;letter-spacing:.14em}
.sgseo-agent-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;overflow:visible!important;padding:0!important}
.sgseo-agent-quick button{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;max-width:none!important;min-height:58px;padding:10px 11px!important;border-radius:12px!important;white-space:normal!important;text-align:left!important;line-height:1.35!important}
.sgseo-agent-quick button b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(141,124,255,.09);color:#9488ff;font-size:9px;letter-spacing:.08em}
.sgseo-agent-quick button span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit}
.sgseo-agent-demo-note{margin-top:1px}
@media (max-width:720px){.sgseo-agent-fixedbar{align-items:flex-start}.sgseo-agent-quick{grid-template-columns:1fr!important}.sgseo-agent-quick button{min-height:54px}.sgseo-agent-quick button span{-webkit-line-clamp:2}}
@media (max-width:390px){.sgseo-agent-fixedbar{padding:8px}.sgseo-agent-quick{margin-right:0!important;padding-right:0!important}.sgseo-agent-quick button{max-width:none!important;font-size:10px!important;padding:9px 10px!important}.sgseo-agent-quick button b{width:25px;height:25px}}

/* ===== 2.14.2 — Agent prompt cards cleanup ===== */
.sgseo-agent-goodbar{display:none!important}
.sgseo-agent-quick-wrap{display:grid;gap:10px}
.sgseo-agent-quick-head{display:flex;align-items:end;justify-content:space-between;gap:16px}
.sgseo-agent-quick-head>span{font-size:12px;font-weight:800;letter-spacing:.08em;color:#ececf5}
.sgseo-agent-quick-head small{max-width:360px;font-size:11px;line-height:1.4;color:#7f8190;text-align:right}
.sgseo-agent-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding:0!important;margin:0!important}
.sgseo-agent-quick button{position:relative;display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"tag title" "tag hint";column-gap:10px;row-gap:3px;align-items:start;min-width:0!important;max-width:none!important;min-height:72px!important;padding:12px 13px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:15px!important;background:#0d0e14!important;color:#a9aab6!important;white-space:normal!important;text-align:left!important;overflow:hidden}
.sgseo-agent-quick button:nth-child(7){grid-column:1/-1;min-height:66px!important}
.sgseo-agent-quick button:hover,.sgseo-agent-quick button[aria-pressed="true"]{color:#fff!important;border-color:rgba(141,124,255,.34)!important;background:linear-gradient(180deg,rgba(116,96,255,.13),rgba(13,14,20,.98))!important}
.sgseo-agent-quick__tag{grid-area:tag;display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:24px;margin-top:1px;padding:0 7px;border-radius:7px;background:rgba(141,124,255,.10);border:1px solid rgba(141,124,255,.14);color:#9e94ff;font-size:8px;font-weight:850;letter-spacing:.09em}
.sgseo-agent-quick button strong{grid-area:title;display:block;min-width:0;color:#f2f2f7;font-size:13px;line-height:1.25;font-weight:760;overflow-wrap:anywhere}
.sgseo-agent-quick button small{grid-area:hint;display:block;min-width:0;color:#858795;font-size:10.5px;line-height:1.35;overflow-wrap:anywhere}
.sgseo-agent-demo-note{padding-top:0}
@media (max-width:767.98px){.sgseo-agent-quick-head{display:grid;gap:4px}.sgseo-agent-quick-head small{text-align:left}.sgseo-agent-quick{grid-template-columns:1fr!important}.sgseo-agent-quick button:nth-child(7){grid-column:auto}.sgseo-agent-quick button{min-height:68px!important}.sgseo-agent-quick__tag{min-width:44px}.sgseo-agent-quick button strong{font-size:12.5px}}

/* ===== 2.15.0 — GROUP 4 / AI IMAGE GENERATOR ===== */
.sgseo-text-image-hero{--sg-ti-violet:#8e7cff;--sg-ti-cyan:#72d9ff;--sg-ti-line:rgba(151,143,255,.17);background:radial-gradient(760px 480px at 74% 10%,rgba(103,82,255,.14),transparent 62%),radial-gradient(640px 420px at 16% 28%,rgba(62,173,255,.08),transparent 68%),linear-gradient(180deg,#08080d 0%,#0a0a10 100%)}
.sgseo-text-image-hero .sgseo-shell{max-width:min(1460px,calc(100vw - 40px))}
.sgseo-text-image-hero .sgseo-hero__grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);grid-template-areas:"copy visual" "presets visual" "actions visual" "message visual";gap:14px clamp(24px,3.2vw,52px);align-items:start}
.sgseo-text-image-hero .sgseo-hero__copy{grid-area:copy;padding:8px 0 2px}.sgseo-text-image-hero .sgseo-hero__presets{grid-area:presets;min-width:0}.sgseo-text-image-hero .sgseo-hero__actions{grid-area:actions;min-width:0}.sgseo-text-image-hero .sgseo-hero__message{grid-area:message;min-width:0}.sgseo-text-image-hero .sgseo-hero__visual{grid-area:visual;min-width:0;position:sticky;top:90px}
.sgseo-text-image-hero .sgseo-hero__copy h1{max-width:830px;font-size:clamp(3rem,5.3vw,5.55rem);line-height:.92;letter-spacing:-.058em}.sgseo-text-image-hero .sgseo-hero__description{max-width:730px;color:#aaaab8;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.62}.sgseo-text-image-hero .sgseo-hero__eyebrow{border-color:rgba(142,124,255,.22);background:rgba(142,124,255,.07);color:#ddd8ff}.sgseo-text-image-hero .sgseo-hero__trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px}.sgseo-text-image-hero .sgseo-hero__trust li{width:auto;color:#aaaab7}.sgseo-text-image-hero .sgseo-hero__trust .sgseo-icon{color:#9d92ff}
.sgseo-text-image-workspace{display:grid;gap:13px;padding:16px;border:1px solid var(--sg-ti-line);border-radius:20px;background:linear-gradient(180deg,rgba(18,18,29,.97),rgba(12,12,19,.985));box-shadow:0 24px 58px rgba(0,0,0,.20)}
.sgseo-text-image-workspace__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sgseo-text-image-workspace__head>span{font-size:10px;font-weight:850;letter-spacing:.18em;color:#9f94ff}.sgseo-text-image-workspace__head small{max-width:450px;color:#80828f;font-size:11px;line-height:1.45;text-align:right}
.sgseo-text-image-prompt{position:relative;display:grid;gap:7px}.sgseo-text-image-prompt>span:first-child{font-size:12px;font-weight:760;color:#f1f1f6}.sgseo-text-image-counter{position:absolute;right:0;top:0;color:#777985;font-size:10px}.sgseo-text-image-counter b{color:#aaaab7;font-weight:750}.sgseo-text-image-prompt textarea{width:100%;min-height:146px;max-height:280px;resize:vertical;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#090a0f;color:#f7f7fb;font:inherit;font-size:16px;line-height:1.48;outline:0}.sgseo-text-image-prompt textarea:focus{border-color:rgba(142,124,255,.58);box-shadow:0 0 0 4px rgba(105,91,255,.12)}.sgseo-text-image-prompt textarea::placeholder{color:#5e606b}
.sgseo-text-image-controls{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(185px,.65fr);gap:12px}.sgseo-text-image-control{display:grid;gap:7px}.sgseo-text-image-control>span{font-size:11px;font-weight:760;color:#e8e8ef}.sgseo-text-image-style-row,.sgseo-text-image-aspect-row{display:flex;gap:6px;flex-wrap:wrap}.sgseo-text-image-style-row button,.sgseo-text-image-aspect-row button{min-height:36px;padding:7px 10px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#0b0c12;color:#9294a1;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.sgseo-text-image-style-row button:hover,.sgseo-text-image-aspect-row button:hover{color:#e9e9ef;border-color:rgba(142,124,255,.24)}.sgseo-text-image-style-row button[aria-pressed="true"],.sgseo-text-image-aspect-row button[aria-pressed="true"]{color:#fff;border-color:rgba(142,124,255,.38);background:linear-gradient(180deg,rgba(118,98,255,.19),rgba(87,80,184,.13))}
.sgseo-text-image-examples{display:grid;gap:8px}.sgseo-text-image-examples__head>span{font-size:11px;font-weight:760;color:#e9e9ef}.sgseo-text-image-example-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sgseo-text-image-example-row button{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:start;min-width:0;min-height:58px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0b0c11;color:#a0a2af;text-align:left;font:inherit;font-size:11px;line-height:1.38;cursor:pointer}.sgseo-text-image-example-row button b{color:#8176ee;font-size:9px;letter-spacing:.08em}.sgseo-text-image-example-row button:hover{color:#fff;border-color:rgba(142,124,255,.26);background:#0e0f16}.sgseo-text-image-demo-note{color:#7e808d;font-size:11px;line-height:1.45}
.sgseo-text-image-hero .sgseo-hero__actions{display:flex;gap:8px}.sgseo-text-image-hero .sgseo-btn{min-height:50px;border-radius:13px}.sgseo-text-image-hero .sgseo-btn--primary{background:linear-gradient(135deg,#8877f7,#6078eb);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(88,76,216,.22)}.sgseo-text-image-hero .sgseo-btn--secondary{background:#101018;border-color:rgba(255,255,255,.08)}
.sgseo-text-image-stage{position:relative;width:100%;max-width:560px;margin-left:auto;aspect-ratio:var(--sgseo-text-image-ratio,1 / 1);min-height:0;border:1px solid rgba(142,124,255,.13);border-radius:22px;background:#090a0f;overflow:hidden;box-shadow:0 30px 78px rgba(0,0,0,.32);transition:aspect-ratio .25s ease}
.sgseo-text-image-board,.sgseo-text-image-result,.sgseo-text-image-loading{position:absolute;inset:0}.sgseo-text-image-board{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr 1fr;gap:7px;padding:7px;background:#090a0f}.sgseo-text-image-board figure{position:relative;margin:0;min-width:0;min-height:0;overflow:hidden;border-radius:14px;background:#0d0e13}.sgseo-text-image-board figure:first-child{grid-row:1/3}.sgseo-text-image-board img{width:100%;height:100%;object-fit:contain;background:#0c0d12}.sgseo-text-image-board figcaption{position:absolute;left:9px;bottom:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(7,8,12,.72);backdrop-filter:blur(8px);color:#dddde7;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.sgseo-text-image-board::before{content:"IDEA BOARD";position:absolute;z-index:5;left:12px;top:12px;padding:6px 8px;border-radius:999px;background:rgba(8,9,13,.76);border:1px solid rgba(255,255,255,.08);color:#cacbd5;font-size:9px;font-weight:800;letter-spacing:.1em}
.sgseo-text-image-loading{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 42%,rgba(120,100,255,.13),transparent 34%),#090a0f}.sgseo-text-image-loading__inner{display:grid;justify-items:center;gap:13px;text-align:center}.sgseo-text-image-loading__orb{width:76px;height:76px;border-radius:22px;border:1px solid rgba(142,124,255,.28);background:linear-gradient(135deg,rgba(134,111,255,.22),rgba(83,153,255,.12));position:relative;overflow:hidden}.sgseo-text-image-loading__orb::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 90deg,transparent,rgba(157,144,255,.46),transparent 38%);animation:sgseo-ti-spin 1.8s linear infinite}.sgseo-text-image-loading strong{color:#f1f1f5;font-size:15px}.sgseo-text-image-loading span{color:#878996;font-size:12px}@keyframes sgseo-ti-spin{to{transform:rotate(360deg)}}
.sgseo-text-image-result{display:grid;place-items:center;background:#08090d}.sgseo-text-image-result img{display:block;width:100%;height:100%;object-fit:contain;background:#08090d}.sgseo-text-image-result__label{position:absolute;z-index:4;left:12px;top:12px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(7,8,12,.75);color:#d9d9e2;font-size:9px;font-weight:800;letter-spacing:.1em}
.sgseo-text-image-stage[data-sgseo-aspect="16x9"]{max-width:680px}.sgseo-text-image-stage[data-sgseo-aspect="9x16"]{max-width:390px}.sgseo-text-image-stage[data-sgseo-aspect="4x5"]{max-width:500px}

.sgseo-text-image-ideas,.sgseo-text-image-gallery,.sgseo-text-image-prompt-guide,.sgseo-text-image-styles,.sgseo-text-image-edit,.sgseo-text-image-workflow,.sgseo-text-image-seo,.sgseo-text-image-faq{padding-top:clamp(66px,7vw,102px)}
.sgseo-text-image-section-head{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:24px;align-items:start;margin-bottom:28px}.sgseo-text-image-section-head h2{margin:0;color:#fff;font-size:clamp(2rem,3vw,3.35rem);line-height:1.02;letter-spacing:-.04em}.sgseo-text-image-section-head p{margin:0;color:#9a9ba8;line-height:1.7}
.sgseo-text-image-idea-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sgseo-text-image-idea{padding:18px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.sgseo-text-image-idea b{display:block;margin-bottom:12px;color:#8378f2;font-size:10px;letter-spacing:.13em}.sgseo-text-image-idea h3{margin:0 0 8px;color:#fff;font-size:17px}.sgseo-text-image-idea p{margin:0;color:#9698a5;font-size:13px;line-height:1.58}
.sgseo-text-image-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sgseo-text-image-gallery-card{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#0b0c11;isolation:isolate}
.sgseo-text-image-gallery-card::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(180deg,transparent,rgba(5,6,10,.84));pointer-events:none;z-index:1}
.sgseo-text-image-gallery-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease,filter .35s ease}
.sgseo-text-image-gallery-card:hover img{transform:scale(1.035);filter:saturate(1.04)}
.sgseo-text-image-gallery-card__meta{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:10px;align-items:end;padding:18px 16px 15px;background:none;backdrop-filter:none}
.sgseo-text-image-gallery-card__meta b{color:#fff;font-size:13px;line-height:1.25;text-shadow:0 1px 18px rgba(0,0,0,.55)}
.sgseo-text-image-gallery-card__meta span{color:#b5b6c2;font-size:9px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.sgseo-text-image-formula{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid rgba(255,255,255,.075);border-radius:17px;overflow:hidden;background:rgba(255,255,255,.075)}.sgseo-text-image-formula div{padding:18px;background:#0b0c11}.sgseo-text-image-formula b{display:block;margin-bottom:10px;color:#8479f1;font-size:10px;letter-spacing:.12em}.sgseo-text-image-formula h3{margin:0 0 7px;color:#fff;font-size:16px}.sgseo-text-image-formula p{margin:0;color:#9698a4;font-size:13px;line-height:1.55}
.sgseo-text-image-style-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible;padding:0}
.sgseo-text-image-style-card{min-width:0;min-height:124px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:radial-gradient(circle at 75% 18%,var(--ti-style,rgba(117,101,255,.18)),transparent 46%),#0b0c11}
.sgseo-text-image-style-card h3{margin:0 0 7px;color:#fff;font-size:16px}
.sgseo-text-image-style-card p{margin:0;color:#9698a5;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.sgseo-text-image-edit-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}.sgseo-text-image-edit-copy p{color:#999ba8;line-height:1.7}.sgseo-text-image-edit-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sgseo-text-image-edit-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0b0c11;color:#eeeeF3;text-decoration:none;font-size:13px}.sgseo-text-image-edit-links a::after{content:"↗";color:#777986}.sgseo-text-image-edit-links a:hover{border-color:rgba(142,124,255,.28);background:#0e0f16}
.sgseo-text-image-workflow-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid rgba(255,255,255,.075);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.075)}.sgseo-text-image-workflow-step{padding:22px;background:#0b0c11}.sgseo-text-image-workflow-step b{display:block;margin-bottom:17px;color:#8479f1;font-size:10px;letter-spacing:.14em}.sgseo-text-image-workflow-step h3{margin:0 0 8px;color:#fff;font-size:18px}.sgseo-text-image-workflow-step p{margin:0;color:#9799a6;line-height:1.62}
.sgseo-text-image-seo-grid,.sgseo-text-image-faq-grid{display:grid;grid-template-columns:minmax(220px,.37fr) minmax(0,.63fr);gap:28px}.sgseo-text-image-seo-copy p{margin:0 0 16px;color:#999ba7;line-height:1.76}.sgseo-text-image-faq-list{display:grid;gap:8px}.sgseo-text-image-faq-list details{border:1px solid rgba(255,255,255,.075);border-radius:13px;background:#0b0c11}.sgseo-text-image-faq-list summary{padding:15px 16px;color:#efeff3;font-weight:700;cursor:pointer}.sgseo-text-image-faq-list details p{margin:0;padding:0 16px 16px;color:#999ba7;line-height:1.65}.sgseo-text-image-final{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;border:1px solid rgba(142,124,255,.14);border-radius:20px;background:linear-gradient(135deg,rgba(103,83,255,.12),rgba(23,24,36,.65))}.sgseo-text-image-final h2{margin:0 0 7px;color:#fff}.sgseo-text-image-final p{margin:0;color:#999ba7}.sgseo-text-image-final .sgseo-btn{white-space:nowrap}

@media (max-width:1100px){.sgseo-text-image-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "presets" "actions" "visual" "message"}.sgseo-text-image-hero .sgseo-hero__visual{position:static}.sgseo-text-image-stage{margin:0 auto}.sgseo-text-image-idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgseo-text-image-gallery-grid,.sgseo-text-image-style-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sgseo-text-image-section-head,.sgseo-text-image-edit-grid,.sgseo-text-image-seo-grid,.sgseo-text-image-faq-grid{grid-template-columns:1fr}}
@media (max-width:767.98px){.sgseo-text-image-hero .sgseo-shell{max-width:calc(100vw - 28px)}.sgseo-text-image-hero{padding-top:24px}.sgseo-text-image-hero .sgseo-hero__copy h1{font-size:clamp(2.25rem,11.8vw,3.3rem);line-height:.95;letter-spacing:-.05em;overflow-wrap:anywhere}.sgseo-text-image-hero .sgseo-hero__description{font-size:.94rem;line-height:1.55}.sgseo-text-image-hero .sgseo-hero__trust{display:grid;gap:6px}.sgseo-text-image-workspace{padding:13px;border-radius:17px}.sgseo-text-image-workspace__head{display:grid;gap:5px}.sgseo-text-image-workspace__head small{text-align:left}.sgseo-text-image-prompt textarea{min-height:128px;font-size:15px;padding:13px}.sgseo-text-image-controls{grid-template-columns:1fr}.sgseo-text-image-example-row{grid-template-columns:1fr}.sgseo-text-image-hero .sgseo-hero__actions{display:grid;grid-template-columns:1fr}.sgseo-text-image-hero .sgseo-btn{width:100%}.sgseo-text-image-stage,.sgseo-text-image-stage[data-sgseo-aspect]{max-width:100%;margin:0 auto}.sgseo-text-image-idea-grid{grid-template-columns:1fr}.sgseo-text-image-gallery-grid,.sgseo-text-image-style-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sgseo-text-image-gallery-card{aspect-ratio:1/1}.sgseo-text-image-formula,.sgseo-text-image-workflow-track{grid-template-columns:1fr}.sgseo-text-image-edit-links{grid-template-columns:1fr}.sgseo-text-image-final{flex-direction:column;align-items:flex-start}.sgseo-text-image-board{grid-template-columns:1.05fr .95fr;gap:5px;padding:5px}}
@media (max-width:390px){.sgseo-text-image-hero .sgseo-shell{max-width:calc(100vw - 22px)}.sgseo-text-image-hero .sgseo-hero__copy h1{font-size:2.15rem}.sgseo-text-image-style-row button,.sgseo-text-image-aspect-row button{font-size:10px;padding:7px 8px}.sgseo-text-image-board figcaption{font-size:8px}}

@media (max-width:420px){
  .sgseo-text-image-gallery-grid{gap:8px}
  .sgseo-text-image-gallery-card{border-radius:14px}
  .sgseo-text-image-gallery-card__meta{padding:14px 11px 11px;display:grid;gap:3px}
  .sgseo-text-image-gallery-card__meta b{font-size:11px}
  .sgseo-text-image-gallery-card__meta span{font-size:8px}
  .sgseo-text-image-style-strip{grid-template-columns:1fr 1fr;gap:8px}
  .sgseo-text-image-style-card{min-height:112px;padding:13px}
  .sgseo-text-image-style-card h3{font-size:14px}
  .sgseo-text-image-style-card p{font-size:11px}
}

/* ===== 2.16.0 — GROUP 5 / MULTI-SOURCE FACE SWAP ===== */
.sgseo-face-swap-hero{--fs-violet:#8879ff;--fs-cyan:#62d9ff;--fs-line:rgba(255,255,255,.085);--fs-soft:rgba(255,255,255,.045);background:radial-gradient(880px 520px at 14% 18%,rgba(102,83,255,.13),transparent 64%),radial-gradient(700px 460px at 86% 38%,rgba(72,207,255,.08),transparent 68%),linear-gradient(180deg,#08090d 0%,#0a0b0f 100%)}
.sgseo-face-swap-hero .sgseo-shell{max-width:min(1460px,calc(100vw - 40px))}
.sgseo-face-swap-hero .sgseo-hero__grid{grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);grid-template-areas:"copy copy" "upload visual" "presets visual" "actions visual" "message visual";column-gap:clamp(28px,4vw,70px);row-gap:12px;align-items:start}
.sgseo-face-swap-hero .sgseo-hero__copy{grid-area:copy;max-width:1120px;padding:8px 0 20px}
.sgseo-face-swap-hero .sgseo-hero__copy h1{max-width:1040px;font-size:clamp(3rem,5.4vw,5.5rem);line-height:.93;letter-spacing:-.058em}
.sgseo-face-swap-hero .sgseo-hero__description{max-width:820px;color:#a9abb6;font-size:clamp(1rem,1.28vw,1.15rem);line-height:1.62}
.sgseo-face-swap-hero .sgseo-hero__eyebrow{border-color:rgba(136,121,255,.24);background:rgba(136,121,255,.07);color:#ddd8ff}
.sgseo-face-swap-hero .sgseo-hero__trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px}.sgseo-face-swap-hero .sgseo-hero__trust li{width:auto;color:#a6a8b3}.sgseo-face-swap-hero .sgseo-hero__trust .sgseo-icon{color:#9b90ff}
.sgseo-face-swap-hero .sgseo-hero__upload{grid-area:upload}.sgseo-face-swap-hero .sgseo-hero__presets{grid-area:presets}.sgseo-face-swap-hero .sgseo-hero__actions{grid-area:actions}.sgseo-face-swap-hero .sgseo-hero__message{grid-area:message}.sgseo-face-swap-hero .sgseo-hero__visual{grid-area:visual;position:sticky;top:88px;min-width:0}
.sgseo-face-source{position:relative;display:grid;gap:9px;padding:12px;border:1px solid var(--fs-line);background:linear-gradient(180deg,rgba(16,18,25,.95),rgba(10,11,16,.98));border-radius:18px}
.sgseo-face-source--base::after{content:"+";position:absolute;left:50%;bottom:-23px;z-index:6;display:grid;place-items:center;width:28px;height:28px;transform:translateX(-50%);border:1px solid rgba(136,121,255,.26);border-radius:50%;background:#0c0d13;color:#bdb6ff;font-weight:800;font-size:16px}
.sgseo-face-source__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sgseo-face-source__head b{font-size:10px;font-weight:850;letter-spacing:.15em;color:#aaa2ff}.sgseo-face-source__head span{font-size:9px;color:#666976;letter-spacing:.12em}
.sgseo-face-swap-hero .sgseo-upload{min-height:94px;padding:14px;border-radius:14px;border:1px dashed rgba(136,121,255,.28);background:#0a0b10}.sgseo-face-swap-hero .sgseo-upload:hover,.sgseo-face-swap-hero .sgseo-upload[data-sgseo-drag="true"]{border-color:rgba(136,121,255,.54);background:rgba(117,94,255,.07)}
.sgseo-face-swap-hero .sgseo-upload__icon{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:rgba(136,121,255,.10);border:1px solid rgba(136,121,255,.16);color:#d9d4ff}.sgseo-face-swap-hero .sgseo-upload__title{font-size:14px}.sgseo-face-swap-hero .sgseo-upload__hint{font-size:11px;line-height:1.4}
.sgseo-face-reference{display:grid;grid-template-columns:78px minmax(0,1fr) 38px;gap:12px;align-items:center;min-height:100px;padding:10px;border:1px dashed rgba(98,217,255,.22);border-radius:14px;background:#0a0b10;cursor:pointer;transition:.18s ease}.sgseo-face-reference:hover,.sgseo-face-reference[data-sgseo-drag="true"]{border-color:rgba(98,217,255,.46);background:rgba(74,197,234,.06)}
.sgseo-face-reference__preview{width:78px;height:78px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0d0f15;color:#8f95a4}.sgseo-face-reference__preview img{display:block;width:100%;height:100%;object-fit:cover}.sgseo-face-reference__placeholder .sgseo-icon{width:26px;height:26px}
.sgseo-face-reference__copy{display:grid;gap:4px;min-width:0}.sgseo-face-reference__copy b{font-size:14px;color:#f3f4f8}.sgseo-face-reference__copy small{color:#878b97;font-size:11px;line-height:1.42}.sgseo-face-reference__copy em{font-style:normal;color:#737784;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sgseo-face-reference__action{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(98,217,255,.08);border:1px solid rgba(98,217,255,.12);color:#bdeeff}.sgseo-face-reference__action .sgseo-icon{width:18px;height:18px}
.sgseo-face-consent{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);color:#878a96;font-size:10.5px;line-height:1.48;cursor:pointer}.sgseo-face-consent input{margin:2px 0 0;accent-color:#8779ff;flex:0 0 auto}.sgseo-face-consent:has(input:checked){border-color:rgba(136,121,255,.22);color:#a7a8b4;background:rgba(107,88,255,.045)}
.sgseo-face-swap-hero .sgseo-hero__actions{display:grid;grid-template-columns:1fr;gap:8px}.sgseo-face-swap-hero .sgseo-btn{min-height:50px;border-radius:14px}.sgseo-face-swap-hero .sgseo-btn--primary{background:linear-gradient(135deg,#8375f5,#6577ed);border:1px solid rgba(255,255,255,.08);box-shadow:0 13px 30px rgba(81,72,197,.19)}.sgseo-face-swap-hero .sgseo-btn--secondary{background:#101118;border-color:rgba(255,255,255,.08)}
.sgseo-face-swap-hero .sgseo-hero__stage{width:100%;max-width:780px;margin-left:auto;aspect-ratio:var(--sgseo-face-result-ratio,4/5);min-height:0;border-radius:22px;border:1px solid rgba(255,255,255,.075);background:#090b10;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.34)}
.sgseo-face-swap-hero .sgseo-before-after,.sgseo-face-swap-hero .sgseo-hero__preview{width:100%;height:100%;--sgseo-media-ratio:var(--sgseo-face-result-ratio,4/5);background:#090b10;border-radius:22px}.sgseo-face-swap-hero .sgseo-before-after img,.sgseo-face-swap-hero .sgseo-hero__preview img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#090b10}
.sgseo-face-result-label{position:absolute;left:13px;top:13px;z-index:9;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(7,8,12,.72);backdrop-filter:blur(8px)}.sgseo-face-result-label b{color:#e9e8f3;font-size:9px;letter-spacing:.12em}.sgseo-face-result-label span{color:#7f8290;font-size:9px;letter-spacing:.1em}
.sgseo-face-swap-hero .sgseo-hero__stage[data-sgseo-aspect="landscape"]{max-width:880px}.sgseo-face-swap-hero .sgseo-hero__stage[data-sgseo-aspect="square"]{max-width:700px}

.sgseo-face-flow,.sgseo-face-examples,.sgseo-face-quality,.sgseo-face-meaning,.sgseo-face-access,.sgseo-face-related,.sgseo-face-faq{padding-top:clamp(68px,7vw,104px)}
.sgseo-face-section-head{display:grid;grid-template-columns:minmax(210px,.34fr) minmax(0,.66fr);gap:26px;align-items:start;margin-bottom:28px}.sgseo-face-section-head h2{margin:0;color:#fff;font-size:clamp(2rem,3.5vw,3.65rem);line-height:1.02;letter-spacing:-.045em}.sgseo-face-section-head p{margin:0;color:#9a9ca8;line-height:1.72}.sgseo-face-kicker{display:block;margin-bottom:9px;color:#9388ff;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.sgseo-face-flow-track{display:grid;grid-template-columns:minmax(0,.65fr) 56px minmax(0,.65fr) 74px minmax(0,1.15fr);gap:12px;align-items:center}.sgseo-face-flow-node{position:relative;min-height:240px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#0b0c11;overflow:hidden}.sgseo-face-flow-node img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover}.sgseo-face-flow-node--face img{object-position:center top}.sgseo-face-flow-node__label{position:absolute;left:10px;bottom:10px;display:grid;gap:2px;padding:8px 10px;border-radius:11px;background:rgba(6,7,10,.74);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.07)}.sgseo-face-flow-node__label b{font-size:10px;color:#fff;letter-spacing:.1em}.sgseo-face-flow-node__label span{font-size:9px;color:#9295a1}.sgseo-face-flow-arrow{display:grid;place-items:center;color:#787b88;font-size:20px;letter-spacing:.08em}.sgseo-face-flow-arrow--merge{color:#9e94ff;font-weight:800}.sgseo-face-flow-node--result{min-height:340px}.sgseo-face-flow-node--result img{min-height:340px}
.sgseo-face-example-stack{display:grid;gap:12px}.sgseo-face-example-row{display:grid;grid-template-columns:130px minmax(220px,.72fr) 58px minmax(0,1fr);gap:12px;align-items:stretch;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:#0b0c11}.sgseo-face-example-source,.sgseo-face-example-base,.sgseo-face-example-result{position:relative;overflow:hidden;border-radius:14px;background:#08090d}.sgseo-face-example-source img,.sgseo-face-example-base img,.sgseo-face-example-result img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover}.sgseo-face-example-source img{object-position:center top}.sgseo-face-example-source span,.sgseo-face-example-base span,.sgseo-face-example-result span{position:absolute;left:8px;top:8px;padding:5px 7px;border-radius:999px;background:rgba(5,6,9,.72);border:1px solid rgba(255,255,255,.06);color:#c9cad1;font-size:8px;font-weight:800;letter-spacing:.1em}.sgseo-face-example-merge{display:grid;place-items:center;color:#8d83f5;font-weight:850;font-size:14px}.sgseo-face-example-result{border:1px solid rgba(136,121,255,.14)}
.sgseo-face-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sgseo-face-quality-panel{padding:24px;border-top:1px solid rgba(255,255,255,.08)}.sgseo-face-quality-panel h3{margin:0 0 14px;color:#fff;font-size:19px}.sgseo-face-quality-panel ul{margin:0;padding-left:20px;color:#9b9da9}.sgseo-face-quality-panel li+li{margin-top:10px}.sgseo-face-quality-panel--good{border-color:rgba(98,217,255,.22)}.sgseo-face-quality-panel--avoid{border-color:rgba(255,154,123,.17)}
.sgseo-face-meaning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.07)}.sgseo-face-meaning-item{padding:22px;background:#0b0c11}.sgseo-face-meaning-item b{display:block;margin-bottom:13px;color:#8f84ff;font-size:10px;letter-spacing:.14em}.sgseo-face-meaning-item h3{margin:0 0 8px;color:#fff;font-size:18px}.sgseo-face-meaning-item p{margin:0;color:#9699a5;line-height:1.62}
.sgseo-face-access-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}.sgseo-face-access-copy{padding-right:24px}.sgseo-face-access-copy p{color:#9a9ca8;line-height:1.7}.sgseo-face-access-lines{display:grid;border-top:1px solid rgba(255,255,255,.075)}.sgseo-face-access-line{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.075)}.sgseo-face-access-line b{color:#8e84f8;font-size:10px;letter-spacing:.12em}.sgseo-face-access-line span{color:#dcdde3;font-size:13px;line-height:1.55}
.sgseo-face-related-links{display:flex;flex-wrap:wrap;gap:8px}.sgseo-face-related-links a{display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#0b0c11;color:#b2b4be;text-decoration:none;font-size:11px}.sgseo-face-related-links a:hover{color:#fff;border-color:rgba(136,121,255,.26)}
.sgseo-face-faq-grid{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,.64fr);gap:26px}.sgseo-face-faq-list{display:grid;gap:8px}.sgseo-face-faq-list details{border:1px solid rgba(255,255,255,.075);border-radius:13px;background:#0b0c11}.sgseo-face-faq-list summary{padding:15px 16px;color:#eeeef3;font-weight:700;cursor:pointer}.sgseo-face-faq-list details p{margin:0;padding:0 16px 16px;color:#999ca8;line-height:1.65}.sgseo-face-final-cta{margin-top:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:23px;border:1px solid rgba(136,121,255,.14);border-radius:20px;background:linear-gradient(135deg,rgba(103,83,255,.11),rgba(18,20,28,.78))}.sgseo-face-final-cta h2{margin:0 0 7px;color:#fff}.sgseo-face-final-cta p{margin:0;color:#999ca8}.sgseo-face-final-cta .sgseo-btn{white-space:nowrap}
@media (max-width: 1050px){
  .sgseo-face-swap-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "upload" "presets" "actions" "visual" "message"}.sgseo-face-swap-hero .sgseo-hero__visual{position:static}.sgseo-face-swap-hero .sgseo-hero__stage{max-width:680px;margin:6px auto 0}.sgseo-face-source--base::after{left:28px;bottom:-22px}
  .sgseo-face-flow-track{grid-template-columns:1fr 44px 1fr}.sgseo-face-flow-node--result{grid-column:1/-1;min-height:360px}.sgseo-face-flow-node--result img{min-height:360px}.sgseo-face-flow-arrow:nth-of-type(2){grid-column:1/-1;transform:rotate(90deg)}
  .sgseo-face-section-head,.sgseo-face-access-grid,.sgseo-face-faq-grid{grid-template-columns:1fr}.sgseo-face-access-copy{padding-right:0}
}
@media (max-width: 767.98px){
  .sgseo-face-swap-hero .sgseo-shell{max-width:calc(100vw - 28px)}.sgseo-face-swap-hero{padding-top:24px}.sgseo-face-swap-hero .sgseo-hero__copy h1{font-size:clamp(2.25rem,11.7vw,3.25rem);line-height:.95;letter-spacing:-.048em;overflow-wrap:anywhere}.sgseo-face-swap-hero .sgseo-hero__description{font-size:.94rem;line-height:1.55}.sgseo-face-swap-hero .sgseo-hero__trust{display:grid;gap:6px}
  .sgseo-face-reference{grid-template-columns:68px minmax(0,1fr) 34px}.sgseo-face-reference__preview{width:68px;height:68px}.sgseo-face-reference__action{width:34px;height:34px}.sgseo-face-consent{font-size:10px}
  .sgseo-face-flow-track{grid-template-columns:1fr 34px 1fr;gap:8px}.sgseo-face-flow-node{min-height:180px}.sgseo-face-flow-node img{min-height:180px}.sgseo-face-flow-node--result{min-height:280px}.sgseo-face-flow-node--result img{min-height:280px}
  .sgseo-face-example-row{grid-template-columns:76px minmax(0,1fr) 34px}.sgseo-face-example-result{grid-column:1/-1;min-height:250px}.sgseo-face-example-source img,.sgseo-face-example-base img{min-height:150px}.sgseo-face-example-result img{min-height:250px}.sgseo-face-example-merge{font-size:11px}
  .sgseo-face-quality-grid,.sgseo-face-meaning-grid{grid-template-columns:1fr}.sgseo-face-final-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width: 420px){
  .sgseo-face-swap-hero .sgseo-shell{max-width:calc(100vw - 22px)}.sgseo-face-swap-hero .sgseo-hero__copy h1{font-size:2.13rem}.sgseo-face-reference{grid-template-columns:58px minmax(0,1fr) 32px;gap:9px}.sgseo-face-reference__preview{width:58px;height:58px}.sgseo-face-reference__copy small{font-size:10px}
  .sgseo-face-flow-track{grid-template-columns:1fr}.sgseo-face-flow-arrow{transform:rotate(90deg);min-height:28px}.sgseo-face-flow-node--result{grid-column:auto}.sgseo-face-example-row{grid-template-columns:70px 1fr}.sgseo-face-example-merge{display:none}.sgseo-face-example-result{grid-column:1/-1}.sgseo-face-access-line{grid-template-columns:1fr;gap:5px}
}

/* ===== 2.16.1 — FACE SWAP MEDIA-ASPECT FIX ===== */
/* Source face assets are square (800x800); base/result assets are portrait 4:5 (800x1000). */
.sgseo-face-flow-track{grid-template-columns:minmax(132px,.42fr) 44px minmax(220px,.78fr) 58px minmax(220px,.78fr);gap:14px;align-items:center}
.sgseo-face-flow-node{min-height:0!important;height:auto;align-self:center}
.sgseo-face-flow-node img{width:100%;height:100%;min-height:0!important;object-fit:cover;object-position:center}
.sgseo-face-flow-node--face{aspect-ratio:1/1}
.sgseo-face-flow-node--face img{object-position:center}
.sgseo-face-flow-node:not(.sgseo-face-flow-node--face){aspect-ratio:4/5}
.sgseo-face-flow-node--result{min-height:0!important;aspect-ratio:4/5}
.sgseo-face-flow-node--result img{min-height:0!important}

.sgseo-face-example-row{grid-template-columns:minmax(118px,.36fr) minmax(220px,.72fr) 54px minmax(220px,.72fr);gap:14px;align-items:center}
.sgseo-face-example-source,.sgseo-face-example-base,.sgseo-face-example-result{width:100%;height:auto;min-height:0;align-self:center}
.sgseo-face-example-source{aspect-ratio:1/1}
.sgseo-face-example-base,.sgseo-face-example-result{aspect-ratio:4/5}
.sgseo-face-example-source img,.sgseo-face-example-base img,.sgseo-face-example-result img{width:100%;height:100%;min-height:0!important;object-fit:cover;object-position:center}
.sgseo-face-example-source img{object-position:center}

@media (max-width:1050px){
  .sgseo-face-flow-track{grid-template-columns:minmax(120px,.34fr) 38px minmax(210px,.66fr);gap:12px;align-items:center}
  .sgseo-face-flow-node--result{grid-column:1/-1;width:min(100%,520px);justify-self:center;aspect-ratio:4/5}
  .sgseo-face-flow-arrow:nth-of-type(2){grid-column:1/-1;transform:rotate(90deg);min-height:34px}
  .sgseo-face-example-row{grid-template-columns:minmax(96px,.32fr) minmax(0,.68fr);gap:12px;align-items:center}
  .sgseo-face-example-merge{display:none}
  .sgseo-face-example-result{grid-column:1/-1;width:min(100%,520px);justify-self:center;aspect-ratio:4/5}
}
@media (max-width:560px){
  .sgseo-face-flow-track{grid-template-columns:minmax(86px,.34fr) minmax(0,.66fr);gap:10px;align-items:center}
  .sgseo-face-flow-arrow{display:none!important}
  .sgseo-face-flow-node--result{grid-column:1/-1;width:100%;max-width:420px}
  .sgseo-face-example-row{grid-template-columns:minmax(82px,.34fr) minmax(0,.66fr);gap:10px;padding:10px}
  .sgseo-face-example-result{grid-column:1/-1;width:100%;max-width:420px}
  .sgseo-face-example-source span,.sgseo-face-example-base span,.sgseo-face-example-result span{font-size:7px;padding:4px 6px}
}


/* ===== 2.17.0 — ADD PERSON HERO ===== */
.sgseo-add-person-note{color:#8e92a0;font-size:12px;line-height:1.6;margin:8px 0 0;}


/* ===== 2.17.1 — ADD PERSON EXAMPLES REWORK ===== */
.sgseo-face-example-row--prompt{grid-template-columns:minmax(0,1fr) minmax(220px,.82fr) minmax(0,1fr);gap:14px;align-items:stretch}.sgseo-face-example-before,.sgseo-face-example-after{position:relative;overflow:hidden;border-radius:16px;background:#08090d;border:1px solid rgba(255,255,255,.07);aspect-ratio:4/5}.sgseo-face-example-before img,.sgseo-face-example-after img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.sgseo-face-example-before span,.sgseo-face-example-after span{position:absolute;left:10px;top:10px;padding:6px 9px;border-radius:999px;background:rgba(5,6,9,.74);border:1px solid rgba(255,255,255,.08);color:#f4f6fb;font-size:10px;font-weight:800;letter-spacing:.12em}.sgseo-face-example-prompt{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px;border-radius:18px;border:1px solid rgba(136,121,255,.16);background:linear-gradient(180deg,rgba(20,24,38,.96),rgba(11,14,24,.96));min-height:100%}.sgseo-face-example-prompt__tag{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;border:1px solid rgba(136,121,255,.22);background:rgba(136,121,255,.08);color:#bcb6ff;font-size:11px;font-weight:800;letter-spacing:.08em}.sgseo-face-example-prompt b{font-size:14px;line-height:1.35;color:#f6f7fb}.sgseo-face-example-prompt p{margin:0;color:#b8bcc8;font-size:14px;line-height:1.65}.sgseo-face-example-source,.sgseo-face-example-base,.sgseo-face-example-merge{display:none!important}@media (max-width:1024px){.sgseo-face-example-row--prompt{grid-template-columns:1fr;gap:12px}.sgseo-face-example-prompt{order:2}.sgseo-face-example-after{order:3}}


/* ===== 2.17.2 — ADD PERSON EXAMPLES: original-style gallery ===== */
.sgseo-addperson-examples{padding-top:clamp(70px,7vw,108px)}
.sgseo-addperson-examples__title{margin:0 0 clamp(28px,4vw,48px);text-align:center;color:#f7f8fb;font-size:clamp(2rem,3.8vw,3.35rem);line-height:1.05;letter-spacing:-.045em}
.sgseo-addperson-examples__title span{background:linear-gradient(135deg,#61a8ff,#7467ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sgseo-addperson-examples__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);align-items:start}
.sgseo-addperson-example-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:28px;background:linear-gradient(180deg,rgba(24,25,29,.92),rgba(19,20,23,.98));box-shadow:0 18px 45px rgba(0,0,0,.18);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.sgseo-addperson-example-card:hover{transform:translateY(-4px);border-color:rgba(100,142,255,.20);box-shadow:0 24px 52px rgba(0,0,0,.25)}
.sgseo-addperson-example-card--wide{grid-column:span 2}
.sgseo-addperson-example-media{display:grid;grid-template-columns:1fr 1fr;width:100%;height:clamp(270px,25vw,390px);background:#090a0d}
.sgseo-addperson-example-card:not(.sgseo-addperson-example-card--wide) .sgseo-addperson-example-media{height:clamp(300px,28vw,430px)}
.sgseo-addperson-example-half{position:relative;min-width:0;overflow:hidden;background:#090a0d}
.sgseo-addperson-example-half:first-child{border-right:1px solid rgba(255,255,255,.11)}
.sgseo-addperson-example-half img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s ease}
.sgseo-addperson-example-card:hover .sgseo-addperson-example-half img{transform:scale(1.012)}
.sgseo-addperson-example-half>span{position:absolute;left:14px;top:14px;z-index:2;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(12,13,16,.72);backdrop-filter:blur(8px);color:#f2f3f7;font-size:11px;font-weight:800;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.sgseo-addperson-example-body{display:grid;gap:14px;padding:22px 24px 24px}
.sgseo-addperson-example-prompt{display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.055);background:rgba(6,7,9,.56);color:#dedfe6}
.sgseo-addperson-example-prompt .sgseo-icon{width:18px;height:18px;flex:0 0 18px;color:#8dceff}
.sgseo-addperson-example-prompt p{margin:0;font-size:14px;line-height:1.45}
.sgseo-addperson-example-tags{display:flex;flex-wrap:wrap;gap:8px}
.sgseo-addperson-example-tags span{display:inline-flex;align-items:center;min-height:27px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#777b86;font-size:11px;line-height:1}
@media (max-width:1024px){
  .sgseo-addperson-examples__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgseo-addperson-example-card--wide{grid-column:span 2}
  .sgseo-addperson-example-media,.sgseo-addperson-example-card:not(.sgseo-addperson-example-card--wide) .sgseo-addperson-example-media{height:clamp(270px,42vw,390px)}
}
@media (max-width:680px){
  .sgseo-addperson-examples__grid{grid-template-columns:1fr;gap:16px}
  .sgseo-addperson-example-card--wide{grid-column:auto}
  .sgseo-addperson-example-card{border-radius:22px}
  .sgseo-addperson-example-media,.sgseo-addperson-example-card:not(.sgseo-addperson-example-card--wide) .sgseo-addperson-example-media{height:clamp(240px,78vw,360px)}
  .sgseo-addperson-example-body{padding:16px 17px 18px;gap:11px}
  .sgseo-addperson-example-prompt{border-radius:18px;align-items:flex-start;padding:11px 13px;min-height:0}
  .sgseo-addperson-example-prompt p{font-size:13px}
  .sgseo-addperson-example-half>span{left:10px;top:10px;padding:6px 8px;font-size:10px}
  .sgseo-addperson-example-tags span{padding:0 11px;font-size:10px}
}

/* ===== 2.18.0 — FAMILY 6 / PREMIUM COMMERCIAL PHOTO EDITOR ===== */
.sgseo-commerce-page{--commerce-bg:#080808;--commerce-panel:#101010;--commerce-panel-2:#151515;--commerce-line:rgba(255,255,255,.105);--commerce-line-soft:rgba(255,255,255,.065);--commerce-text:#f4f4f2;--commerce-muted:#9a9a96;--commerce-silver:#d9d9d4;--commerce-accent:#dfe7f1;background:#080808;color:var(--commerce-text);overflow:hidden}
.sgseo-commerce-page .sgseo-shell{width:min(1320px,calc(100% - 44px));margin-inline:auto}
.sgseo-commerce-page button,.sgseo-commerce-page a{-webkit-tap-highlight-color:transparent}
.sgseo-commerce-page .sgseo-icon{width:20px;height:20px}
.sgseo-commerce-page .sgseo-commerce-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:#b7b7b2;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.sgseo-commerce-page .sgseo-commerce-kicker::before{content:"";width:26px;height:1px;background:#a9a9a4}
.sgseo-commerce-page .sgseo-commerce-heading{display:grid;grid-template-columns:minmax(240px,.42fr) minmax(0,.58fr);gap:clamp(26px,5vw,78px);align-items:end;margin-bottom:32px}
.sgseo-commerce-page .sgseo-commerce-heading h2{margin:0;color:#f8f8f5;font-size:clamp(2.15rem,4.2vw,4.7rem);line-height:.96;letter-spacing:-.055em;font-weight:660}
.sgseo-commerce-page .sgseo-commerce-heading p{margin:0 0 5px;color:#9d9d98;font-size:clamp(.96rem,1.28vw,1.08rem);line-height:1.75;max-width:650px}

.sgseo-commerce-hero{position:relative;padding:clamp(42px,6vw,90px) 0 clamp(66px,8vw,118px);background:linear-gradient(180deg,#090909 0%,#080808 100%)}
.sgseo-commerce-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}
.sgseo-commerce-hero__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:clamp(38px,6vw,92px);align-items:center}
.sgseo-commerce-hero__copy{min-width:0;padding:10px 0}
.sgseo-commerce-hero h1{margin:0;max-width:780px;color:#f7f7f4;font-size:clamp(3.3rem,6.6vw,7.2rem);line-height:.88;letter-spacing:-.07em;font-weight:620;text-wrap:balance}
.sgseo-commerce-hero__lead{max-width:720px;margin:25px 0 0;color:#a1a19d;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.72}
.sgseo-commerce-hero__lead strong{color:#e9e9e5;font-weight:560}
.sgseo-commerce-hero__upload{margin-top:28px}
.sgseo-commerce-upload{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:15px;align-items:center;width:100%;min-height:92px;padding:14px 15px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#101010;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.sgseo-commerce-upload:hover,.sgseo-commerce-upload[data-sgseo-drag="true"]{border-color:rgba(255,255,255,.32);background:#131313;transform:translateY(-1px)}
.sgseo-commerce-upload__mark{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:#181818;color:#eee}
.sgseo-commerce-upload__copy{display:grid;gap:4px;min-width:0}.sgseo-commerce-upload__copy b{color:#fafaf7;font-size:15px}.sgseo-commerce-upload__copy small{color:#858580;font-size:11px}.sgseo-commerce-upload__copy em{color:#cfcfcb;font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgseo-commerce-upload__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:10px;background:#eeeeeb;color:#0a0a0a;font-size:10px;font-weight:900;letter-spacing:.08em}
.sgseo-commerce-access{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;padding:0;list-style:none}.sgseo-commerce-access li{display:flex;align-items:center;gap:8px;color:#858580;font-size:11px}.sgseo-commerce-access li::before{content:"";width:4px;height:4px;border-radius:50%;background:#bdbdb7}.sgseo-commerce-access b{color:#d5d5d0;font-weight:650}
.sgseo-commerce-hero__message{min-height:20px;margin-top:9px;color:#989894;font-size:11px}.sgseo-commerce-hero__message[data-sgseo-kind="error"]{color:#ffaaa0}
.sgseo-commerce-hero__visual{position:relative;min-width:0}.sgseo-commerce-hero__stage{position:relative;max-width:680px;margin-left:auto}.sgseo-commerce-hero__stage::before{content:"EDITOR / LIVE PREVIEW";display:block;margin-bottom:10px;color:#666661;font-size:9px;font-weight:850;letter-spacing:.16em;text-align:right}
.sgseo-commerce-hero .sgseo-before-after{--sgseo-media-ratio:1/1;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:#0d0d0d;box-shadow:none}.sgseo-commerce-hero .sgseo-before-after img{object-fit:contain;background:#0b0b0b}.sgseo-commerce-hero .sgseo-before-after__label{border-radius:6px;background:rgba(9,9,9,.76);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(8px)}
.sgseo-commerce-proof-note{display:flex;justify-content:space-between;gap:14px;margin-top:10px;color:#6e6e69;font-size:10px}.sgseo-commerce-proof-note span:last-child{color:#9d9d98}
.sgseo-commerce-hero__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:36px;border-top:1px solid var(--commerce-line-soft);border-bottom:1px solid var(--commerce-line-soft)}
.sgseo-commerce-hero__trust div{padding:18px 16px 18px 0;border-right:1px solid var(--commerce-line-soft)}.sgseo-commerce-hero__trust div:last-child{border-right:0;padding-left:16px}.sgseo-commerce-hero__trust div:nth-child(2){padding-left:16px}.sgseo-commerce-hero__trust b{display:block;color:#e9e9e5;font-size:12px;margin-bottom:5px}.sgseo-commerce-hero__trust span{display:block;color:#767671;font-size:10px;line-height:1.5}

.sgseo-commerce-tools{padding:clamp(72px,8vw,126px) 0}
.sgseo-commerce-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--commerce-line);border-left:1px solid var(--commerce-line)}
.sgseo-commerce-tool{position:relative;display:flex;flex-direction:column;min-height:210px;padding:22px;border:0;border-right:1px solid var(--commerce-line);border-bottom:1px solid var(--commerce-line);background:#0b0b0b;color:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background .18s ease}
.sgseo-commerce-tool:hover{background:#101010}.sgseo-commerce-tool__index{color:#666660;font-size:9px;font-weight:850;letter-spacing:.13em}.sgseo-commerce-tool .sgseo-icon{margin-top:26px;color:#d3d3ce}.sgseo-commerce-tool h3{margin:auto 0 7px;color:#f4f4f1;font-size:18px;letter-spacing:-.025em}.sgseo-commerce-tool p{margin:0;color:#858580;font-size:12px;line-height:1.55}.sgseo-commerce-tool__open{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:#b8b8b3;font-size:10px;font-weight:800;letter-spacing:.08em}.sgseo-commerce-tool__open::after{content:"↗"}.sgseo-commerce-tool__details{position:absolute;right:20px;top:20px;color:#60605b;font-size:9px;font-weight:850;letter-spacing:.08em;text-decoration:none}.sgseo-commerce-tool__details:hover{color:#d8d8d3}

.sgseo-commerce-agent{padding:clamp(66px,7vw,112px) 0;background:#0b0b0b;border-block:1px solid var(--commerce-line-soft)}
.sgseo-commerce-agent__grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr);gap:clamp(35px,6vw,86px);align-items:center}
.sgseo-commerce-agent h2{margin:0;color:#f7f7f4;font-size:clamp(2.3rem,4.5vw,5rem);line-height:.96;letter-spacing:-.055em;font-weight:630}.sgseo-commerce-agent__copy p{margin:20px 0 0;color:#969691;line-height:1.75}.sgseo-commerce-agent__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.sgseo-commerce-page .sgseo-commerce-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 17px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#151515;color:#e8e8e4;text-decoration:none;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.sgseo-commerce-page .sgseo-commerce-btn--primary{background:#efefec;color:#080808;border-color:#efefec}
.sgseo-commerce-agent__surface{padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#101010}.sgseo-commerce-agent__surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 13px;color:#666661;font-size:9px;font-weight:850;letter-spacing:.14em}.sgseo-commerce-agent__prompt{min-height:160px;padding:19px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:#090909;color:#e5e5e1;font-size:18px;line-height:1.6}.sgseo-commerce-agent__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.sgseo-commerce-agent__chips span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#81817c;font-size:10px}

.sgseo-commerce-proofs{padding:clamp(78px,8vw,132px) 0}
.sgseo-commerce-proof-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.sgseo-commerce-proof-card{grid-column:span 6;display:grid;gap:13px;min-width:0}.sgseo-commerce-proof-card:nth-child(1),.sgseo-commerce-proof-card:nth-child(4){grid-column:span 7}.sgseo-commerce-proof-card:nth-child(2),.sgseo-commerce-proof-card:nth-child(3){grid-column:span 5}.sgseo-commerce-proof-card:nth-child(5),.sgseo-commerce-proof-card:nth-child(6){grid-column:span 6}
.sgseo-commerce-proof-pair{--sgseo-commerce-ratio:4/3;aspect-ratio:var(--sgseo-commerce-ratio);min-height:0;background:#0b0b0b;border:1px solid var(--commerce-line-soft);border-radius:9px;overflow:hidden}.sgseo-commerce-proof-pair .sgseo-before-after{width:100%;height:100%;--sgseo-media-ratio:var(--sgseo-commerce-ratio);border:0;border-radius:0;background:#0a0a0a}.sgseo-commerce-proof-pair .sgseo-before-after img{object-fit:contain;background:#080808}
.sgseo-commerce-proof-card__meta{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:0 2px 12px;border-bottom:1px solid var(--commerce-line-soft)}.sgseo-commerce-proof-card__meta h3{margin:0;color:#f0f0ed;font-size:17px;letter-spacing:-.025em}.sgseo-commerce-proof-card__meta p{margin:5px 0 0;color:#7d7d78;font-size:11px;line-height:1.55}.sgseo-commerce-proof-card__meta a{flex:0 0 auto;color:#a9a9a4;font-size:10px;font-weight:800;text-decoration:none;letter-spacing:.06em}.sgseo-commerce-proof-card__meta a:hover{color:#fff}

.sgseo-commerce-catalog{padding:clamp(72px,8vw,124px) 0;background:#0a0a0a;border-top:1px solid var(--commerce-line-soft)}
.sgseo-commerce-catalog__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--commerce-line);border-left:1px solid var(--commerce-line)}
.sgseo-commerce-catalog__group{padding:22px;border-right:1px solid var(--commerce-line);border-bottom:1px solid var(--commerce-line)}.sgseo-commerce-catalog__group h3{margin:0 0 18px;color:#f0f0ed;font-size:15px}.sgseo-commerce-catalog__group ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.sgseo-commerce-catalog__group li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-top:1px solid var(--commerce-line-soft)}.sgseo-commerce-catalog__group a,.sgseo-commerce-catalog__group button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border:0;background:none;color:#8f8f8a;text-decoration:none;font:inherit;font-size:11px;text-align:left;cursor:pointer}.sgseo-commerce-catalog__group li>a:not(.sgseo-commerce-catalog__more)::after,.sgseo-commerce-catalog__group button::after{content:"→";color:#555550}.sgseo-commerce-catalog__group a:hover,.sgseo-commerce-catalog__group button:hover{color:#fff}.sgseo-commerce-catalog__more{width:30px!important;justify-content:flex-end!important;padding-left:8px!important;color:#666660!important}

.sgseo-commerce-how{padding:clamp(72px,8vw,122px) 0}.sgseo-commerce-how__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--commerce-line);border-bottom:1px solid var(--commerce-line)}.sgseo-commerce-step{padding:27px 26px 30px;border-right:1px solid var(--commerce-line)}.sgseo-commerce-step:last-child{border-right:0}.sgseo-commerce-step b{color:#666661;font-size:9px;letter-spacing:.14em}.sgseo-commerce-step h3{margin:36px 0 10px;color:#f1f1ee;font-size:20px}.sgseo-commerce-step p{margin:0;color:#858580;font-size:12px;line-height:1.65}

.sgseo-commerce-usecases{padding:clamp(64px,7vw,112px) 0;background:#0b0b0b;border-block:1px solid var(--commerce-line-soft)}.sgseo-commerce-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--commerce-line-soft);border:1px solid var(--commerce-line-soft)}.sgseo-commerce-use{min-height:170px;padding:20px;background:#0b0b0b}.sgseo-commerce-use .sgseo-icon{color:#aaa9a4}.sgseo-commerce-use h3{margin:42px 0 8px;color:#ededeb;font-size:16px}.sgseo-commerce-use p{margin:0;color:#7f7f7a;font-size:11px;line-height:1.55}

.sgseo-commerce-benefits{padding:clamp(74px,8vw,128px) 0}.sgseo-commerce-benefits__grid{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);gap:clamp(34px,7vw,100px);align-items:start}.sgseo-commerce-benefits__copy h2{margin:0;color:#f6f6f2;font-size:clamp(2.35rem,4.6vw,5.2rem);line-height:.94;letter-spacing:-.06em;font-weight:630}.sgseo-commerce-benefits__copy p{margin:20px 0 0;color:#90908b;line-height:1.75}.sgseo-commerce-benefit-list{border-top:1px solid var(--commerce-line)}.sgseo-commerce-benefit{display:grid;grid-template-columns:28px minmax(130px,.4fr) minmax(0,.6fr);gap:14px;align-items:start;padding:17px 0;border-bottom:1px solid var(--commerce-line)}.sgseo-commerce-benefit__index{color:#555550;font-size:9px;font-weight:850}.sgseo-commerce-benefit b{color:#ededeb;font-size:12px}.sgseo-commerce-benefit span:last-child{color:#7f7f7a;font-size:11px;line-height:1.55}

.sgseo-commerce-privacy{padding:clamp(64px,7vw,104px) 0;border-top:1px solid var(--commerce-line-soft)}.sgseo-commerce-privacy__grid{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:clamp(30px,6vw,80px)}.sgseo-commerce-privacy h2{margin:0;color:#f0f0ed;font-size:clamp(2rem,3.8vw,4.2rem);line-height:1;letter-spacing:-.05em}.sgseo-commerce-privacy__copy p{margin:18px 0 0;color:#8d8d88;line-height:1.7}.sgseo-commerce-privacy__points{border-top:1px solid var(--commerce-line)}.sgseo-commerce-privacy__point{display:grid;grid-template-columns:24px minmax(0,1fr);gap:13px;padding:15px 0;border-bottom:1px solid var(--commerce-line)}.sgseo-commerce-privacy__point .sgseo-icon{color:#8f8f8a}.sgseo-commerce-privacy__point b{display:block;color:#e6e6e2;font-size:12px;margin-bottom:4px}.sgseo-commerce-privacy__point span{display:block;color:#787873;font-size:10px;line-height:1.5}

.sgseo-commerce-faq{padding:clamp(76px,8vw,124px) 0}.sgseo-commerce-faq__grid{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:clamp(28px,6vw,82px)}.sgseo-commerce-faq__intro h2{margin:0;color:#f5f5f1;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.98;letter-spacing:-.05em}.sgseo-commerce-faq__list{border-top:1px solid var(--commerce-line)}.sgseo-commerce-faq details{border-bottom:1px solid var(--commerce-line)}.sgseo-commerce-faq summary{padding:18px 2px;color:#e6e6e2;font-size:13px;font-weight:650;cursor:pointer}.sgseo-commerce-faq details p{margin:0;padding:0 2px 18px;color:#858580;font-size:12px;line-height:1.7}

.sgseo-commerce-final{padding:clamp(60px,7vw,108px) 0 48px}.sgseo-commerce-final__box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;padding:34px 0;border-block:1px solid var(--commerce-line)}.sgseo-commerce-final h2{margin:0;color:#f8f8f4;font-size:clamp(2.3rem,4.7vw,5rem);line-height:.94;letter-spacing:-.058em;font-weight:620}.sgseo-commerce-final p{max-width:700px;margin:16px 0 0;color:#858580;line-height:1.65}.sgseo-commerce-final__actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}

@media(max-width:1100px){
  .sgseo-commerce-hero__grid{grid-template-columns:1fr;gap:34px}.sgseo-commerce-hero__stage{max-width:720px;margin:0 auto}.sgseo-commerce-agent__grid{grid-template-columns:1fr}.sgseo-commerce-tool-grid,.sgseo-commerce-catalog__grid,.sgseo-commerce-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgseo-commerce-proof-card,.sgseo-commerce-proof-card:nth-child(n){grid-column:span 6}.sgseo-commerce-benefits__grid,.sgseo-commerce-privacy__grid{grid-template-columns:1fr}.sgseo-commerce-final__box{grid-template-columns:1fr}.sgseo-commerce-final__actions{justify-content:flex-start}
}
@media(max-width:767px){
  .sgseo-commerce-page .sgseo-shell{width:min(100% - 28px,1320px)}.sgseo-commerce-page .sgseo-commerce-heading{grid-template-columns:1fr;gap:14px}.sgseo-commerce-hero{padding-top:30px}.sgseo-commerce-hero h1{font-size:clamp(2.8rem,15vw,4.55rem);line-height:.89}.sgseo-commerce-upload{grid-template-columns:46px minmax(0,1fr);min-height:88px;padding:13px}.sgseo-commerce-upload__mark{width:46px;height:46px}.sgseo-commerce-upload__cta{grid-column:1/-1;width:100%;min-height:42px}.sgseo-commerce-hero__trust{grid-template-columns:1fr}.sgseo-commerce-hero__trust div,.sgseo-commerce-hero__trust div:nth-child(2),.sgseo-commerce-hero__trust div:last-child{padding:13px 0;border-right:0;border-bottom:1px solid var(--commerce-line-soft)}.sgseo-commerce-hero__trust div:last-child{border-bottom:0}.sgseo-commerce-tool-grid,.sgseo-commerce-catalog__grid,.sgseo-commerce-use-grid{grid-template-columns:1fr}.sgseo-commerce-tool{min-height:175px}.sgseo-commerce-agent__surface{padding:11px}.sgseo-commerce-agent__prompt{min-height:145px;padding:15px;font-size:15px}.sgseo-commerce-proof-grid{grid-template-columns:1fr}.sgseo-commerce-proof-card,.sgseo-commerce-proof-card:nth-child(n){grid-column:1}.sgseo-commerce-how__grid{grid-template-columns:1fr}.sgseo-commerce-step{border-right:0;border-bottom:1px solid var(--commerce-line)}.sgseo-commerce-step:last-child{border-bottom:0}.sgseo-commerce-benefit{grid-template-columns:24px minmax(0,1fr)}.sgseo-commerce-benefit span:last-child{grid-column:2}.sgseo-commerce-faq__grid{grid-template-columns:1fr}.sgseo-commerce-final__actions{display:grid;grid-template-columns:1fr}.sgseo-commerce-page .sgseo-commerce-btn{width:100%}
}
@media(max-width:390px){.sgseo-commerce-page .sgseo-shell{width:calc(100% - 22px)}.sgseo-commerce-hero h1{font-size:2.62rem}.sgseo-commerce-tool{padding:18px}.sgseo-commerce-proof-card__meta{display:grid;gap:8px}.sgseo-commerce-proof-card__meta a{justify-self:start}}


/* ===== 2.19.0 — PRODUCT CREATIVE / GROUP 6 COMMERCE ===== */
.sgseo-product-commerce{--pc-line:rgba(255,255,255,.095);--pc-line-soft:rgba(255,255,255,.055);--pc-panel:#10100f;--pc-panel-2:#151513;--pc-cream:#f0efe9;--pc-muted:#95958e;--pc-warm:#d7c8aa;background:#080808;color:#f5f5f1;overflow:hidden}
.sgseo-product-commerce .sgseo-shell{width:min(1320px,calc(100% - 44px));margin-inline:auto}
.sgseo-product-hero{position:relative;padding:clamp(44px,6vw,92px) 0 clamp(70px,8vw,126px);background:radial-gradient(800px 460px at 88% 18%,rgba(223,201,155,.065),transparent 68%),linear-gradient(180deg,#090909,#080808)}
.sgseo-product-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}
.sgseo-product-hero__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);gap:clamp(38px,6vw,92px);align-items:center}
.sgseo-product-hero h1{margin:0;max-width:760px;font-size:clamp(3.3rem,6.5vw,7rem);line-height:.89;letter-spacing:-.067em;font-weight:620;color:#f8f7f2;text-wrap:balance}
.sgseo-product-hero__lead{max-width:710px;margin:24px 0 0;color:#a09f98;font-size:clamp(1.01rem,1.45vw,1.18rem);line-height:1.72}.sgseo-product-hero__lead strong{color:#eceae3;font-weight:560}
.sgseo-product-hero__tool{margin-top:30px;padding-top:24px;border-top:1px solid var(--pc-line)}.sgseo-product-hero__tool h2{margin:0 0 10px;font-size:clamp(1.45rem,2.2vw,2.25rem);line-height:1.08;letter-spacing:-.035em;font-weight:620}.sgseo-product-hero__tool>p{margin:0 0 17px;color:#8e8e87;font-size:12px;line-height:1.65}
.sgseo-product-hero__upload{margin-top:13px}.sgseo-product-hero__upload .sgseo-commerce-upload{background:#10100f;border-color:rgba(255,255,255,.16)}
.sgseo-product-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--pc-line);border-radius:12px;overflow:hidden;background:#0d0d0c}.sgseo-product-mode{min-height:68px;padding:11px 10px;border:0;border-right:1px solid var(--pc-line);background:transparent;color:#b0afa8;font:inherit;text-align:left;cursor:pointer}.sgseo-product-mode:last-child{border-right:0}.sgseo-product-mode:hover{background:#151513;color:#f1f0eb}.sgseo-product-mode b{display:block;margin-bottom:5px;color:#e8e6df;font-size:10px;letter-spacing:.06em}.sgseo-product-mode span{display:block;font-size:9px;line-height:1.35;color:#777770}
.sgseo-product-hero__visual{min-width:0}.sgseo-product-hero__stage{max-width:690px;margin-left:auto}.sgseo-product-hero__stage-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#65655f;font-size:9px;font-weight:850;letter-spacing:.14em}.sgseo-product-hero__pair{--sgseo-commerce-ratio:4/5;aspect-ratio:var(--sgseo-commerce-ratio);overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:9px;background:#0b0b0b}.sgseo-product-hero__pair .sgseo-before-after{width:100%;height:100%;--sgseo-media-ratio:var(--sgseo-commerce-ratio);border:0;border-radius:0}.sgseo-product-hero__pair .sgseo-before-after img{object-fit:contain;background:#090909}.sgseo-product-hero__caption{display:flex;justify-content:space-between;gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--pc-line-soft);color:#71716b;font-size:10px}.sgseo-product-hero__caption b{color:#aaa9a2;font-weight:650}
.sgseo-product-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-block:1px solid var(--pc-line-soft)}.sgseo-product-trust div{padding:16px 16px 16px 0;border-right:1px solid var(--pc-line-soft)}.sgseo-product-trust div+div{padding-left:16px}.sgseo-product-trust div:last-child{border-right:0}.sgseo-product-trust b{display:block;margin-bottom:5px;color:#deddd7;font-size:11px}.sgseo-product-trust span{display:block;color:#74746e;font-size:10px;line-height:1.5}.sgseo-product-hero__message{min-height:18px;margin-top:8px;color:#92928b;font-size:11px}

.sgseo-product-proof,.sgseo-product-scenes,.sgseo-product-prompts,.sgseo-product-how,.sgseo-product-tools,.sgseo-product-clusters,.sgseo-product-seo,.sgseo-product-faq{padding:clamp(76px,8vw,126px) 0}
.sgseo-product-section-head{display:grid;grid-template-columns:minmax(240px,.42fr) minmax(0,.58fr);gap:clamp(28px,5vw,78px);align-items:end;margin-bottom:32px}.sgseo-product-section-head h2{margin:0;color:#f7f6f1;font-size:clamp(2.15rem,4.25vw,4.75rem);line-height:.96;letter-spacing:-.055em;font-weight:630}.sgseo-product-section-head p{max-width:660px;margin:0 0 5px;color:#989891;font-size:clamp(.95rem,1.25vw,1.06rem);line-height:1.75}.sgseo-product-kicker{display:block;margin-bottom:11px;color:#a59b87;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.sgseo-product-proof{border-top:1px solid var(--pc-line-soft)}.sgseo-product-proof-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.sgseo-product-proof-card{grid-column:span 6;display:grid;gap:12px;min-width:0}.sgseo-product-proof-card:nth-child(1),.sgseo-product-proof-card:nth-child(4){grid-column:span 7}.sgseo-product-proof-card:nth-child(2),.sgseo-product-proof-card:nth-child(3){grid-column:span 5}.sgseo-product-proof-card__pair{--sgseo-commerce-ratio:4/3;aspect-ratio:var(--sgseo-commerce-ratio);min-height:0;overflow:hidden;border:1px solid var(--pc-line-soft);border-radius:8px;background:#090909}.sgseo-product-proof-card__pair .sgseo-before-after{width:100%;height:100%;--sgseo-media-ratio:var(--sgseo-commerce-ratio);border:0;border-radius:0}.sgseo-product-proof-card__pair img{object-fit:contain;background:#080808}.sgseo-product-proof-card__meta{display:flex;justify-content:space-between;gap:18px;padding:0 2px 11px;border-bottom:1px solid var(--pc-line-soft)}.sgseo-product-proof-card__meta h3{margin:0 0 5px;color:#eeeeea;font-size:17px;letter-spacing:-.025em}.sgseo-product-proof-card__meta p{margin:0;color:#777771;font-size:11px;line-height:1.55}.sgseo-product-proof-card__meta span{color:#9d9586;font-size:9px;font-weight:850;letter-spacing:.1em;white-space:nowrap}

.sgseo-product-scenes{background:#0a0a09;border-block:1px solid var(--pc-line-soft)}.sgseo-product-scene-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.sgseo-product-scene{grid-column:span 4;min-width:0}.sgseo-product-scene:nth-child(1),.sgseo-product-scene:nth-child(5){grid-column:span 7}.sgseo-product-scene:nth-child(2),.sgseo-product-scene:nth-child(6){grid-column:span 5}.sgseo-product-scene:nth-child(3),.sgseo-product-scene:nth-child(4){grid-column:span 6}.sgseo-product-media{--sgseo-product-media-ratio:16/9;position:relative;width:100%;aspect-ratio:var(--sgseo-product-media-ratio);overflow:hidden;border:1px solid var(--pc-line-soft);border-radius:8px;background:#0d0d0c}.sgseo-product-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#0a0a09}.sgseo-product-scene__copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px 2px 20px;border-bottom:1px solid var(--pc-line-soft)}.sgseo-product-scene h3{margin:0 0 5px;color:#efeee9;font-size:16px}.sgseo-product-scene p{margin:0;color:#7d7d76;font-size:11px;line-height:1.55}.sgseo-product-scene__copy span{color:#66665f;font-size:9px;font-weight:850;letter-spacing:.1em}

.sgseo-product-prompts{background:#080808}.sgseo-product-prompt-board{display:grid;grid-template-columns:minmax(0,.7fr) minmax(360px,1.3fr);gap:clamp(30px,6vw,84px);align-items:start}.sgseo-product-prompt-intro h2{margin:0;color:#f5f4ef;font-size:clamp(2.2rem,4.4vw,4.8rem);line-height:.96;letter-spacing:-.056em;font-weight:630}.sgseo-product-prompt-intro p{margin:20px 0 0;color:#92928b;line-height:1.75}.sgseo-product-prompt-list{border-top:1px solid var(--pc-line)}.sgseo-product-prompt{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:start;padding:17px 0;border-bottom:1px solid var(--pc-line)}.sgseo-product-prompt b{color:#686861;font-size:9px}.sgseo-product-prompt p{margin:0;color:#deddd7;font-size:13px;line-height:1.55}.sgseo-product-prompt span{color:#777770;font-size:9px;letter-spacing:.08em}

.sgseo-product-how{background:#0b0b0a;border-block:1px solid var(--pc-line-soft)}.sgseo-product-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--pc-line);border-left:1px solid var(--pc-line)}.sgseo-product-step{padding:24px 22px 28px;border-right:1px solid var(--pc-line);border-bottom:1px solid var(--pc-line);background:#0b0b0a}.sgseo-product-step b{color:#6e6e67;font-size:9px;letter-spacing:.14em}.sgseo-product-step h3{margin:44px 0 9px;color:#eeede8;font-size:18px}.sgseo-product-step p{margin:0;color:#81817a;font-size:11px;line-height:1.62}

.sgseo-product-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sgseo-product-tool{display:grid;gap:11px;text-decoration:none;color:inherit}.sgseo-product-tool .sgseo-product-media{border-radius:7px}.sgseo-product-tool__copy{display:flex;justify-content:space-between;gap:16px;padding:0 2px 14px;border-bottom:1px solid var(--pc-line-soft)}.sgseo-product-tool h3{margin:0 0 5px;color:#e9e8e3;font-size:15px}.sgseo-product-tool p{margin:0;color:#74746e;font-size:10px;line-height:1.55}.sgseo-product-tool__copy>span{color:#76766f;font-size:14px}

.sgseo-product-clusters{background:#0a0a09;border-block:1px solid var(--pc-line-soft)}.sgseo-product-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--pc-line);border-left:1px solid var(--pc-line)}.sgseo-product-cluster{min-height:180px;padding:21px;border-right:1px solid var(--pc-line);border-bottom:1px solid var(--pc-line);text-decoration:none;color:inherit;background:#0b0b0a;transition:background .18s ease}.sgseo-product-cluster:hover{background:#11110f}.sgseo-product-cluster b{color:#676760;font-size:9px;letter-spacing:.11em}.sgseo-product-cluster h3{margin:46px 0 8px;color:#ecebe6;font-size:16px}.sgseo-product-cluster p{margin:0;color:#797972;font-size:11px;line-height:1.55}

.sgseo-product-seo__grid{display:grid;grid-template-columns:minmax(260px,.37fr) minmax(0,.63fr);gap:clamp(34px,7vw,100px);align-items:start}.sgseo-product-seo__intro{position:sticky;top:100px}.sgseo-product-seo__intro h2{margin:0;color:#f6f5ef;font-size:clamp(2.3rem,4.6vw,5rem);line-height:.95;letter-spacing:-.058em;font-weight:630}.sgseo-product-seo__intro p{margin:19px 0 0;color:#898982;line-height:1.72}.sgseo-product-seo__content{border-top:1px solid var(--pc-line)}.sgseo-product-seo__item{padding:20px 0;border-bottom:1px solid var(--pc-line)}.sgseo-product-seo__item h3{margin:0 0 10px;color:#e9e8e2;font-size:17px}.sgseo-product-seo__item p,.sgseo-product-seo__item li{color:#82827b;font-size:12px;line-height:1.72}.sgseo-product-seo__item ul{margin:10px 0 0;padding-left:18px}
.sgseo-product-faq{background:#0a0a09;border-top:1px solid var(--pc-line-soft)}.sgseo-product-faq__grid{display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,.66fr);gap:clamp(28px,6vw,82px)}.sgseo-product-faq h2{margin:0;color:#f5f4ef;font-size:clamp(2.2rem,4.1vw,4.5rem);line-height:.98;letter-spacing:-.052em}.sgseo-product-faq__list{border-top:1px solid var(--pc-line)}.sgseo-product-faq details{border-bottom:1px solid var(--pc-line)}.sgseo-product-faq summary{padding:18px 2px;color:#e5e4df;font-size:13px;font-weight:650;cursor:pointer}.sgseo-product-faq details p{margin:0;padding:0 2px 18px;color:#84847d;font-size:12px;line-height:1.7}
.sgseo-product-final{padding:clamp(62px,7vw,108px) 0 52px}.sgseo-product-final__box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;padding:34px 0;border-block:1px solid var(--pc-line)}.sgseo-product-final h2{margin:0;color:#f7f6f0;font-size:clamp(2.35rem,4.75vw,5rem);line-height:.94;letter-spacing:-.058em;font-weight:620}.sgseo-product-final p{max-width:700px;margin:15px 0 0;color:#85857e;line-height:1.65}.sgseo-product-final__actions{display:flex;gap:9px;justify-content:flex-end}.sgseo-product-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#151514;color:#e9e8e3;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}.sgseo-product-btn--primary{background:#efeee8;color:#080808;border-color:#efeee8}
@media(max-width:1050px){.sgseo-product-hero__grid,.sgseo-product-prompt-board,.sgseo-product-seo__grid{grid-template-columns:1fr}.sgseo-product-hero__stage{max-width:760px;margin:0 auto}.sgseo-product-proof-card,.sgseo-product-proof-card:nth-child(n){grid-column:span 6}.sgseo-product-scene,.sgseo-product-scene:nth-child(n){grid-column:span 6}.sgseo-product-seo__intro{position:static}.sgseo-product-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.sgseo-product-mode{border-bottom:1px solid var(--pc-line)}.sgseo-product-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgseo-product-cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sgseo-product-commerce .sgseo-shell{width:calc(100% - 28px)}.sgseo-product-hero{padding-top:30px}.sgseo-product-hero h1{font-size:clamp(2.8rem,14.5vw,4.4rem);line-height:.9}.sgseo-product-section-head{grid-template-columns:1fr;gap:14px}.sgseo-product-trust{grid-template-columns:1fr}.sgseo-product-trust div,.sgseo-product-trust div+div{padding:13px 0;border-right:0;border-bottom:1px solid var(--pc-line-soft)}.sgseo-product-trust div:last-child{border-bottom:0}.sgseo-product-modes{grid-template-columns:1fr 1fr}.sgseo-product-mode{border-right:1px solid var(--pc-line);border-bottom:1px solid var(--pc-line)}.sgseo-product-proof-grid,.sgseo-product-scene-wall{grid-template-columns:1fr}.sgseo-product-proof-card,.sgseo-product-proof-card:nth-child(n),.sgseo-product-scene,.sgseo-product-scene:nth-child(n){grid-column:1}.sgseo-product-proof-card__meta{display:grid;gap:7px}.sgseo-product-steps,.sgseo-product-tools-grid,.sgseo-product-cluster-grid{grid-template-columns:1fr}.sgseo-product-prompt{grid-template-columns:28px minmax(0,1fr)}.sgseo-product-prompt span{grid-column:2}.sgseo-product-faq__grid{grid-template-columns:1fr}.sgseo-product-final__box{grid-template-columns:1fr}.sgseo-product-final__actions{display:grid;grid-template-columns:1fr}.sgseo-product-btn{width:100%}}
@media(max-width:390px){.sgseo-product-commerce .sgseo-shell{width:calc(100% - 22px)}.sgseo-product-hero h1{font-size:2.58rem}.sgseo-product-modes{grid-template-columns:1fr}.sgseo-product-scene__copy{grid-template-columns:1fr}.sgseo-product-scene__copy span{justify-self:start}}


/* ===== 2.19.1 — PRODUCT CREATIVE HERO REBALANCE ===== */
.sgseo-product-hero{padding:clamp(38px,4.6vw,72px) 0 clamp(64px,7vw,104px)}
.sgseo-product-hero__grid{grid-template-columns:minmax(0,.98fr) minmax(440px,1.02fr);gap:clamp(34px,4.6vw,68px);align-items:start}
.sgseo-product-hero__grid>div:first-child{min-width:0;padding-top:4px}
.sgseo-product-hero h1{max-width:690px;font-size:clamp(3.15rem,4.55vw,5rem);line-height:.94;letter-spacing:-.058em;font-weight:620;text-wrap:pretty;word-break:normal;overflow-wrap:normal}
.sgseo-product-hero__lead{max-width:650px;margin-top:21px;font-size:clamp(.98rem,1.16vw,1.12rem);line-height:1.68}
.sgseo-product-hero__tool{margin-top:24px;padding-top:21px}
.sgseo-product-hero__tool h2{max-width:600px;font-size:clamp(1.35rem,1.85vw,1.9rem);line-height:1.12}
.sgseo-product-hero__tool>p{max-width:620px;margin-bottom:15px}
.sgseo-product-hero__visual{align-self:start;padding-top:34px}
.sgseo-product-hero__stage{width:min(100%,590px);max-width:none;margin-left:auto}
.sgseo-product-hero__stage-head{margin-bottom:9px}
.sgseo-product-hero__caption{margin-top:8px;padding-top:8px}
.sgseo-product-trust{margin-top:23px}
@media(max-width:1050px){
  .sgseo-product-hero__grid{grid-template-columns:1fr;gap:34px}
  .sgseo-product-hero__visual{padding-top:0}
  .sgseo-product-hero__stage{width:min(100%,680px);margin:0 auto}
  .sgseo-product-hero h1{max-width:820px;font-size:clamp(3.2rem,7.2vw,5.4rem)}
}
@media(max-width:767px){
  .sgseo-product-hero{padding-top:26px}
  .sgseo-product-hero h1{font-size:clamp(2.65rem,12.8vw,4rem);line-height:.93;letter-spacing:-.052em}
  .sgseo-product-hero__lead{margin-top:17px}
  .sgseo-product-hero__tool{margin-top:20px;padding-top:18px}
  .sgseo-product-hero__visual{margin-top:2px}
}
@media(max-width:390px){
  .sgseo-product-hero h1{font-size:2.48rem;line-height:.94}
}


/* ===== 2.20.0 — GROUP 6 / ALL AI TOOLS ===== */
.sgseo-tools-hub{--tools-ink:#f4f4f1;--tools-muted:#979994;--tools-line:rgba(255,255,255,.09);--tools-line-strong:rgba(255,255,255,.16);--tools-surface:#0c0d0d;--tools-surface-2:#111212;--tools-accent:#d7d3c7;background:#070808;color:var(--tools-ink);overflow:hidden}
.sgseo-tools-hub .sgseo-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.sgseo-tools-hub-hero{padding:clamp(72px,8vw,118px) 0 clamp(64px,7vw,96px);background:radial-gradient(circle at 77% 14%,rgba(255,255,255,.055),transparent 24%),linear-gradient(180deg,#0a0b0b,#070808 70%)}
.sgseo-tools-hub-hero .sgseo-hero__grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);grid-template-areas:"copy visual" "upload visual" "message visual";column-gap:clamp(32px,4vw,58px);row-gap:22px;align-items:start}
.sgseo-tools-hub-hero .sgseo-hero__copy{grid-area:copy;padding-top:12px}.sgseo-tools-hub-hero .sgseo-hero__upload{grid-area:upload}.sgseo-tools-hub-hero .sgseo-hero__message{grid-area:message}.sgseo-tools-hub-hero .sgseo-hero__visual{grid-area:visual;min-width:0}
.sgseo-tools-hub-hero .sgseo-hero__eyebrow,.sgseo-tools-kicker{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#b7b4aa;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sgseo-tools-hub-hero h1{max-width:560px;margin:0;color:#f3f2ed;font-size:clamp(46px,4.15vw,66px);line-height:.96;letter-spacing:-.055em;font-weight:620;text-wrap:balance;overflow-wrap:normal;word-break:normal}.sgseo-tools-hub-hero .sgseo-hero__description{max-width:610px;margin:28px 0 0;color:#aaa9a2;font-size:clamp(16px,1.35vw,19px);line-height:1.72}.sgseo-tools-hub-hero .sgseo-hero__trust{display:flex;flex-wrap:wrap;gap:9px 18px;margin:24px 0 0;padding:0;list-style:none}.sgseo-tools-hub-hero .sgseo-hero__trust li{display:flex;align-items:center;gap:7px;color:#7f817d;font-size:12px}.sgseo-tools-hub-hero .sgseo-hero__trust .sgseo-icon{width:13px;height:13px;color:#c8c5ba}
.sgseo-tools-hub-hero .sgseo-commerce-upload{border-radius:13px;background:#101111;border-color:rgba(255,255,255,.14);box-shadow:none}.sgseo-tools-hub-hero .sgseo-commerce-upload:hover{border-color:rgba(255,255,255,.28);background:#131414}.sgseo-tools-hub-hero .sgseo-commerce-upload__cta{background:#f1f0eb;color:#0c0d0d;border-radius:9px}.sgseo-tools-hub-hero .sgseo-commerce-upload__mark{background:#171818;border-color:rgba(255,255,255,.1);color:#e7e5dc}
.sgseo-tools-hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:12px;min-height:620px}.sgseo-tools-hero-main,.sgseo-tools-hero-mini{position:relative;border:1px solid var(--tools-line);background:#0b0c0c;overflow:hidden}.sgseo-tools-hero-main{border-radius:22px;align-self:center}.sgseo-tools-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:12px;padding-top:78px;padding-bottom:42px}.sgseo-tools-hero-mini{border-radius:16px}.sgseo-tools-hero-main .sgseo-before-after,.sgseo-tools-hero-mini .sgseo-before-after{width:100%;aspect-ratio:var(--sgseo-commerce-ratio,var(--sgseo-media-ratio,4/5));min-height:0!important;border-radius:inherit}.sgseo-tools-hero-main .sgseo-before-after img,.sgseo-tools-hero-mini .sgseo-before-after img{object-fit:contain!important;background:#0b0c0c}.sgseo-tools-stage-label{position:absolute;z-index:6;left:14px;top:14px;padding:7px 9px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(8,9,9,.76);backdrop-filter:blur(8px);color:#cfcdc4;font-size:9px;font-weight:800;letter-spacing:.12em}.sgseo-tools-hero-index{position:absolute;right:-6px;bottom:-28px;font-size:92px;line-height:1;color:rgba(255,255,255,.025);font-weight:700;letter-spacing:-.07em;pointer-events:none}
.sgseo-tools-section{padding:clamp(76px,8vw,118px) 0;border-top:1px solid rgba(255,255,255,.045)}.sgseo-tools-section-head{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:clamp(34px,4.5vw,62px)}.sgseo-tools-section-head h2{margin:0;color:#f0efe9;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.045em;font-weight:600}.sgseo-tools-section-head p{max-width:640px;margin:0;color:#8f918d;font-size:15px;line-height:1.75}
.sgseo-tools-proof-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:start}.sgseo-tools-proof{grid-column:span 4;position:relative;min-width:0;height:max-content;align-self:start;padding:10px 10px 16px;border:1px solid var(--tools-line);border-radius:18px;background:#0b0c0c}.sgseo-tools-proof:nth-child(1),.sgseo-tools-proof:nth-child(6){grid-column:span 6}.sgseo-tools-proof__media{position:relative;width:100%;aspect-ratio:var(--sgseo-commerce-ratio,var(--sgseo-media-ratio,4/5));overflow:hidden;border-radius:12px;background:#090a0a}.sgseo-tools-proof__media .sgseo-before-after{width:100%;height:100%;min-height:0!important;aspect-ratio:inherit}.sgseo-tools-proof__media img{object-fit:contain!important;background:#090a0a}.sgseo-tools-proof__meta{display:flex;justify-content:space-between;gap:14px;align-items:end;padding:14px 4px 0}.sgseo-tools-proof__meta h3{margin:0;color:#e9e8e2;font-size:15px;font-weight:650}.sgseo-tools-proof__meta a{color:#888a86;font-size:11px;text-decoration:none}.sgseo-tools-proof__meta a:hover{color:#f0efe9}.sgseo-tools-proof__num{position:absolute;z-index:5;right:18px;top:18px;color:rgba(255,255,255,.62);font-size:9px;font-weight:800;letter-spacing:.13em}
.sgseo-tools-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--tools-line);border-left:1px solid var(--tools-line)}.sgseo-tools-group{padding:30px 28px 28px;border-right:1px solid var(--tools-line);border-bottom:1px solid var(--tools-line);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}.sgseo-tools-group__head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}.sgseo-tools-group__head h3{margin:0;color:#e9e8e1;font-size:20px;font-weight:600;letter-spacing:-.025em}.sgseo-tools-group__head span{color:#5e615e;font-size:10px;letter-spacing:.12em}.sgseo-tools-list{display:grid}.sgseo-tools-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.055);text-decoration:none}.sgseo-tools-row:last-child{border-bottom:0}.sgseo-tools-row__index{color:#5c5f5c;font-size:9px;font-weight:800;letter-spacing:.1em}.sgseo-tools-row__copy b{display:block;color:#d9d9d3;font-size:14px;font-weight:620}.sgseo-tools-row__copy small{display:block;margin-top:4px;color:#70736f;font-size:11px;line-height:1.45}.sgseo-tools-row__arrow{color:#666966;font-size:18px;transition:transform .2s ease,color .2s ease}.sgseo-tools-row:hover .sgseo-tools-row__copy b{color:#fff}.sgseo-tools-row:hover .sgseo-tools-row__arrow{color:#fff;transform:translateX(3px)}
.sgseo-tools-workflow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--tools-line);border-bottom:1px solid var(--tools-line)}.sgseo-tools-step{padding:30px 28px 34px;border-right:1px solid var(--tools-line)}.sgseo-tools-step:last-child{border-right:0}.sgseo-tools-step span{display:block;margin-bottom:58px;color:#646763;font-size:10px;letter-spacing:.13em}.sgseo-tools-step h3{margin:0 0 10px;color:#ecebe5;font-size:20px;font-weight:600}.sgseo-tools-step p{margin:0;color:#777a76;font-size:13px;line-height:1.65}
.sgseo-tools-advantages{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.sgseo-tools-adv-stage{min-height:430px;padding:32px;border:1px solid var(--tools-line);border-radius:18px;background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.055),transparent 34%),#0b0c0c;display:flex;flex-direction:column;justify-content:space-between}.sgseo-tools-adv-stage strong{max-width:550px;color:#eeede7;font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.045em;font-weight:580}.sgseo-tools-adv-stage p{max-width:520px;margin:0;color:#7d807c;font-size:14px;line-height:1.75}.sgseo-tools-adv-list{display:grid;border-top:1px solid var(--tools-line)}.sgseo-tools-adv-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--tools-line)}.sgseo-tools-adv-row span{color:#5f625f;font-size:9px;letter-spacing:.1em}.sgseo-tools-adv-row h3{margin:0 0 5px;color:#deddd7;font-size:16px;font-weight:600}.sgseo-tools-adv-row p{margin:0;color:#777a76;font-size:12px;line-height:1.55}
.sgseo-tools-faq{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:60px}.sgseo-tools-faq__intro h2{margin:0;color:#efeee8;font-size:clamp(34px,3.7vw,54px);line-height:1.02;letter-spacing:-.045em;font-weight:600}.sgseo-tools-faq__intro p{margin:18px 0 0;color:#7c7f7b;font-size:13px;line-height:1.7}.sgseo-tools-faq__list{border-top:1px solid var(--tools-line)}.sgseo-tools-faq__list details{border-bottom:1px solid var(--tools-line)}.sgseo-tools-faq__list summary{padding:20px 0;color:#d9d8d2;font-size:15px;font-weight:580;cursor:pointer;list-style:none}.sgseo-tools-faq__list summary::-webkit-details-marker{display:none}.sgseo-tools-faq__list summary::after{content:"+";float:right;color:#747773;font-size:18px;font-weight:400}.sgseo-tools-faq__list details[open] summary::after{content:"−"}.sgseo-tools-faq__list details p{max-width:760px;margin:0;padding:0 0 22px;color:#797c78;font-size:13px;line-height:1.7}.sgseo-tools-faq__list a{color:#c9c7bd}
.sgseo-tools-final{padding:clamp(84px,9vw,132px) 0;background:linear-gradient(180deg,#080909,#0c0d0d)}.sgseo-tools-final__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:end;padding-top:34px;border-top:1px solid var(--tools-line-strong)}.sgseo-tools-final h2{max-width:800px;margin:0;color:#f1f0ea;font-size:clamp(42px,5.1vw,76px);line-height:.96;letter-spacing:-.055em;font-weight:600}.sgseo-tools-final p{max-width:640px;margin:18px 0 0;color:#858883;font-size:14px;line-height:1.7}.sgseo-tools-final__actions{display:flex;gap:9px;flex-wrap:wrap}.sgseo-tools-final__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:700}.sgseo-tools-final__primary{background:#f1f0eb;color:#0b0c0c}.sgseo-tools-final__secondary{border:1px solid var(--tools-line-strong);color:#d4d3cd;background:#101111}
@media(max-width:1120px){.sgseo-tools-hub-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "upload" "message"}.sgseo-tools-hero-stage{min-height:0;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr)}.sgseo-tools-hero-side{padding-top:46px;padding-bottom:30px}.sgseo-tools-section-head{grid-template-columns:1fr;gap:16px}.sgseo-tools-proof{grid-column:span 6!important}.sgseo-tools-directory{grid-template-columns:1fr}.sgseo-tools-advantages{grid-template-columns:1fr}.sgseo-tools-faq{grid-template-columns:1fr;gap:30px}.sgseo-tools-final__inner{grid-template-columns:1fr}.sgseo-tools-final__actions{justify-content:flex-start}}
@media(max-width:767px){.sgseo-tools-hub .sgseo-shell{width:min(100% - 28px,1180px)}.sgseo-tools-hub-hero{padding-top:48px}.sgseo-tools-hub-hero h1{font-size:clamp(42px,13vw,60px);line-height:.96}.sgseo-tools-hub-hero .sgseo-hero__description{margin-top:20px;font-size:15px}.sgseo-tools-hero-stage{display:block}.sgseo-tools-hero-main{border-radius:16px}.sgseo-tools-hero-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;padding:10px 0 0;gap:10px}.sgseo-tools-hero-mini{border-radius:12px}.sgseo-tools-hero-index{display:none}.sgseo-tools-section{padding:68px 0}.sgseo-tools-section-head h2{font-size:38px}.sgseo-tools-proof-grid{grid-template-columns:1fr 1fr;gap:9px}.sgseo-tools-proof{grid-column:auto!important;padding:7px 7px 12px;border-radius:14px}.sgseo-tools-proof__media{border-radius:10px}.sgseo-tools-proof__meta{display:grid;gap:5px;padding:10px 2px 0}.sgseo-tools-proof__meta h3{font-size:12px}.sgseo-tools-proof__num{right:14px;top:14px}.sgseo-tools-group{padding:24px 18px}.sgseo-tools-row{grid-template-columns:28px minmax(0,1fr) auto;gap:10px;padding:15px 0}.sgseo-tools-workflow{grid-template-columns:1fr}.sgseo-tools-step{border-right:0;border-bottom:1px solid var(--tools-line);padding:24px 0}.sgseo-tools-step:last-child{border-bottom:0}.sgseo-tools-step span{margin-bottom:26px}.sgseo-tools-adv-stage{min-height:330px;padding:24px}.sgseo-tools-faq__intro h2{font-size:38px}.sgseo-tools-final h2{font-size:44px}.sgseo-tools-final__actions{display:grid;grid-template-columns:1fr;width:100%}.sgseo-tools-final__actions a{width:100%}}
@media(max-width:420px){.sgseo-tools-proof-grid{grid-template-columns:1fr}.sgseo-tools-hero-side{grid-template-columns:1fr 1fr}.sgseo-tools-group__head{display:grid;gap:5px}.sgseo-tools-row__copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sgseo-tools-hub *{transition:none!important;scroll-behavior:auto!important}}


/* ===== 2.20.2 — All Tools visual cleanup ===== */
.sgseo-tools-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}
.sgseo-tools-proof,.sgseo-tools-proof:nth-child(1),.sgseo-tools-proof:nth-child(6){grid-column:span 1!important;display:flex;flex-direction:column;align-self:start;height:auto!important}
.sgseo-tools-proof__media{width:100%;aspect-ratio:var(--sgseo-commerce-ratio,var(--sgseo-media-ratio,4/5));margin:0}
.sgseo-tools-proof__meta{margin-top:0;min-height:auto!important}
.sgseo-tools-final__primary,.sgseo-tools-final__primary:visited{background:#f1f0eb!important;color:#0b0c0c!important;border:1px solid rgba(255,255,255,.08)!important;text-shadow:none!important}
.sgseo-tools-final__primary:hover{background:#ffffff!important;color:#0b0c0c!important}
.sgseo-tools-final__secondary,.sgseo-tools-final__secondary:visited{color:#e5e4de!important;background:#101111!important}
@media(max-width:1120px){.sgseo-tools-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sgseo-tools-proof{grid-column:auto!important}}
@media(max-width:640px){.sgseo-tools-proof-grid{grid-template-columns:1fr!important;gap:12px!important}.sgseo-tools-proof{padding:8px 8px 12px!important}}


/* ===== 2.21.0 — MAIN HOME / GROUP 6 FLAGSHIP ===== */
.sgseo-home{--home-bg:#080909;--home-panel:#0d0e0e;--home-panel-2:#111212;--home-line:rgba(255,255,255,.085);--home-line-strong:rgba(255,255,255,.16);--home-copy:#f2f1ec;--home-muted:#92958f;--home-accent:#d9d5c7;background:var(--home-bg);color:var(--home-copy)}
.sgseo-home .sgseo-shell{width:min(100% - 40px,1220px);margin-inline:auto}
.sgseo-home-hero{padding:clamp(72px,8vw,118px) 0 clamp(74px,8vw,110px);background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.055),transparent 24%),linear-gradient(180deg,#090a0a 0%,#070808 75%,#090a0a 100%);overflow:hidden}
.sgseo-home-hero .sgseo-hero__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);grid-template-areas:"copy visual" "upload visual" "message visual";column-gap:clamp(34px,4.6vw,70px);row-gap:24px;align-items:center}
.sgseo-home-hero .sgseo-hero__copy{grid-area:copy;min-width:0}.sgseo-home-hero .sgseo-hero__upload{grid-area:upload}.sgseo-home-hero .sgseo-hero__visual{grid-area:visual;min-width:0}.sgseo-home-hero .sgseo-hero__message{grid-area:message}
.sgseo-home-kicker,.sgseo-home-hero .sgseo-hero__eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#aaa99f;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.sgseo-home-hero h1{max-width:660px;margin:0;color:#f4f3ee;font-size:clamp(54px,5.2vw,82px);line-height:.94;letter-spacing:-.058em;font-weight:610;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.sgseo-home-hero .sgseo-hero__description{max-width:620px;margin:26px 0 0;color:#a1a39d;font-size:clamp(16px,1.35vw,19px);line-height:1.72}
.sgseo-home-hero .sgseo-hero__trust{display:flex;flex-wrap:wrap;gap:9px 18px;margin:24px 0 0;padding:0;list-style:none}.sgseo-home-hero .sgseo-hero__trust li{display:flex;gap:7px;align-items:center;color:#7f827d;font-size:12px}.sgseo-home-hero .sgseo-hero__trust .sgseo-icon{width:13px;height:13px;color:#cac8bf}
.sgseo-home-hero .sgseo-commerce-upload{border-radius:14px;border-color:rgba(255,255,255,.16);background:#101111;box-shadow:none}.sgseo-home-hero .sgseo-commerce-upload:hover{border-color:rgba(255,255,255,.3);background:#141515}.sgseo-home-hero .sgseo-commerce-upload__mark{background:#181919;border-color:rgba(255,255,255,.1);color:#eceae2}.sgseo-home-hero .sgseo-commerce-upload__cta{background:#f0efe9;color:#0a0b0b;border-radius:9px}
.sgseo-home-stage{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(160px,.58fr);gap:12px;align-items:start;position:relative}.sgseo-home-stage__main,.sgseo-home-stage__mini{position:relative;padding:8px;border:1px solid var(--home-line);border-radius:20px;background:#0d0e0e}.sgseo-home-stage__main .sgseo-before-after,.sgseo-home-stage__mini .sgseo-before-after{width:100%;aspect-ratio:var(--sgseo-commerce-ratio,var(--sgseo-media-ratio,4/5));min-height:0!important;border-radius:13px;overflow:hidden;background:#090a0a}.sgseo-home-stage img{object-fit:contain!important;background:#090a0a}.sgseo-home-stage__side{display:grid;gap:12px;padding-top:42px}.sgseo-home-stage__label{display:flex;justify-content:space-between;gap:10px;padding:0 2px 8px;color:#858882;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sgseo-home-stage__index{position:absolute;right:-25px;bottom:-18px;color:rgba(255,255,255,.035);font-size:112px;font-weight:900;line-height:1;letter-spacing:-.08em;pointer-events:none}
.sgseo-home-section{padding:clamp(74px,8vw,112px) 0}.sgseo-home-section--soft{background:#0a0b0b}.sgseo-home-section-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(280px,.65fr);gap:40px;align-items:end;margin-bottom:34px}.sgseo-home-section-head h2{max-width:760px;margin:0;color:#f0efe9;font-size:clamp(38px,4.2vw,62px);line-height:1;letter-spacing:-.05em;font-weight:600}.sgseo-home-section-head>p{max-width:560px;margin:0;color:#8c8f89;font-size:14px;line-height:1.72}
.sgseo-home-agent{padding:clamp(78px,8vw,116px) 0;background:linear-gradient(180deg,#090a0a,#0d0e0e 54%,#090a0a)}.sgseo-home-agent__frame{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:clamp(28px,4vw,58px);align-items:center;padding:clamp(22px,3.6vw,44px);border:1px solid var(--home-line);border-radius:26px;background:radial-gradient(circle at 84% 20%,rgba(129,113,255,.08),transparent 28%),#0b0c0c}.sgseo-home-agent h2{margin:0;color:#f2f1ec;font-size:clamp(38px,4.4vw,64px);line-height:.98;letter-spacing:-.05em;font-weight:600}.sgseo-home-agent__copy p{margin:20px 0 0;color:#92958f;font-size:15px;line-height:1.72}.sgseo-home-agent__workspace{padding:16px;border:1px solid rgba(142,128,255,.18);border-radius:20px;background:#0b0c11}.sgseo-home-agent__workspace-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#9895bd;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sgseo-home-agent__prompt{min-height:138px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:#0f1016;color:#ebeaf1;font-size:18px;line-height:1.55}.sgseo-home-agent__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.sgseo-home-agent__chips span{padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#93959e;background:#0e0f13;font-size:10px}.sgseo-home-agent__actions{margin-top:18px}.sgseo-home-agent__actions a{display:inline-flex;align-items:center;gap:8px;color:#f0efe9;text-decoration:none;font-size:12px;font-weight:750}
.sgseo-home-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.sgseo-home-result{display:flex;flex-direction:column;min-width:0;padding:9px 9px 15px;border:1px solid var(--home-line);border-radius:18px;background:#0c0d0d;height:auto}.sgseo-home-result__media{width:100%;aspect-ratio:var(--sgseo-commerce-ratio,var(--sgseo-media-ratio,4/5));overflow:hidden;border-radius:12px;background:#090a0a}.sgseo-home-result__media .sgseo-before-after{width:100%;height:100%;min-height:0!important;aspect-ratio:inherit}.sgseo-home-result__media img{object-fit:contain!important;background:#090a0a}.sgseo-home-result__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:13px 3px 0}.sgseo-home-result__meta h3{margin:0;color:#e9e8e2;font-size:14px;font-weight:650}.sgseo-home-result__meta a{color:#858782;font-size:10px;text-decoration:none}.sgseo-home-result__meta a:hover{color:#f0efe9}
.sgseo-home-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}.sgseo-home-tool{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 18px;color:inherit;text-decoration:none;border-bottom:1px solid var(--home-line);transition:background .18s ease}.sgseo-home-tool:nth-child(odd){border-right:1px solid var(--home-line)}.sgseo-home-tool:hover{background:#0f1010}.sgseo-home-tool__num{color:#73756f;font-size:10px;font-weight:800;letter-spacing:.12em}.sgseo-home-tool b{display:block;color:#ecebe5;font-size:15px}.sgseo-home-tool small{display:block;margin-top:4px;color:#81847e;font-size:11px;line-height:1.45}.sgseo-home-tool__arrow{color:#7d807a}.sgseo-home-tools-cta{display:flex;justify-content:flex-end;margin-top:18px}.sgseo-home-tools-cta a{color:#d8d6ce;text-decoration:none;font-size:12px;font-weight:700}
.sgseo-home-enhance{display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);gap:clamp(34px,5vw,72px);align-items:center}.sgseo-home-enhance__copy h2{margin:0;color:#f1f0ea;font-size:clamp(40px,4.5vw,64px);line-height:.98;letter-spacing:-.052em;font-weight:600}.sgseo-home-enhance__copy p{margin:22px 0 0;color:#92958f;font-size:15px;line-height:1.72}.sgseo-home-enhance__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.sgseo-home-enhance__links a{padding:9px 11px;border:1px solid var(--home-line);border-radius:999px;color:#b5b7b1;text-decoration:none;font-size:10px}.sgseo-home-enhance__visual{padding:10px;border:1px solid var(--home-line);border-radius:20px;background:#0c0d0d}.sgseo-home-enhance__visual .sgseo-before-after{width:100%;min-height:0!important;aspect-ratio:var(--sgseo-commerce-ratio,var(--sgseo-media-ratio,4/5));border-radius:13px;overflow:hidden}.sgseo-home-enhance__visual img{object-fit:contain!important;background:#090a0a}
.sgseo-home-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}.sgseo-home-step{padding:26px 22px 28px;border-right:1px solid var(--home-line)}.sgseo-home-step:last-child{border-right:0}.sgseo-home-step>span{display:block;margin-bottom:50px;color:#747771;font-size:10px;font-weight:800;letter-spacing:.13em}.sgseo-home-step h3{margin:0 0 9px;color:#e9e8e2;font-size:17px}.sgseo-home-step p{margin:0;color:#858882;font-size:12px;line-height:1.65}
.sgseo-home-why{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,74px);align-items:start}.sgseo-home-why__statement{position:sticky;top:110px;min-height:330px;padding:28px;border:1px solid var(--home-line);border-radius:22px;background:radial-gradient(circle at 86% 14%,rgba(255,255,255,.055),transparent 32%),#0c0d0d}.sgseo-home-why__statement strong{display:block;max-width:510px;color:#efeee8;font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:-.04em;font-weight:580}.sgseo-home-why__statement p{max-width:490px;margin:18px 0 0;color:#8e918b;font-size:13px;line-height:1.72}.sgseo-home-why__list{display:grid;border-top:1px solid var(--home-line)}.sgseo-home-why__row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:24px 0;border-bottom:1px solid var(--home-line)}.sgseo-home-why__row>span{color:#777a74;font-size:10px;font-weight:800}.sgseo-home-why__row h3{margin:0 0 7px;color:#e7e6e0;font-size:17px}.sgseo-home-why__row p{margin:0;color:#858882;font-size:12px;line-height:1.65}
.sgseo-home-billing{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(34px,5vw,74px);align-items:start}.sgseo-home-billing__copy h2{margin:0;color:#f0efe9;font-size:clamp(38px,4.3vw,62px);line-height:1;letter-spacing:-.05em;font-weight:600}.sgseo-home-billing__copy p{margin:20px 0 0;color:#8d908a;font-size:14px;line-height:1.72}.sgseo-home-billing__panel{border-top:1px solid var(--home-line)}.sgseo-home-billing__row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--home-line)}.sgseo-home-billing__row b{color:#c9c8c1;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sgseo-home-billing__row span{color:#8d908a;font-size:12px;line-height:1.55}.sgseo-home-billing__row a{color:#ecebe4;text-decoration:none;font-size:11px;font-weight:750}
.sgseo-home-faq{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(32px,5vw,78px)}.sgseo-home-faq__intro h2{margin:0;color:#f0efe9;font-size:clamp(38px,4.1vw,60px);line-height:1;letter-spacing:-.05em;font-weight:600}.sgseo-home-faq__intro p{margin:18px 0 0;color:#858882;font-size:13px;line-height:1.7}.sgseo-home-faq__list{border-top:1px solid var(--home-line)}.sgseo-home-faq__list details{border-bottom:1px solid var(--home-line)}.sgseo-home-faq__list summary{cursor:pointer;list-style:none;padding:20px 0;color:#e5e4de;font-size:14px;font-weight:650}.sgseo-home-faq__list summary::-webkit-details-marker{display:none}.sgseo-home-faq__list details p{margin:-4px 0 20px;color:#858882;font-size:12px;line-height:1.7}
.sgseo-home-final{padding:clamp(86px,9vw,132px) 0;background:linear-gradient(180deg,#080909,#0d0e0d)}.sgseo-home-final__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:end;padding-top:34px;border-top:1px solid var(--home-line-strong)}.sgseo-home-final h2{max-width:800px;margin:0;color:#f2f1eb;font-size:clamp(44px,5.5vw,78px);line-height:.95;letter-spacing:-.058em;font-weight:600}.sgseo-home-final p{max-width:650px;margin:18px 0 0;color:#868983;font-size:14px;line-height:1.7}.sgseo-home-final__actions{display:flex;gap:9px;flex-wrap:wrap}.sgseo-home-final__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:750}.sgseo-home-final__primary,.sgseo-home-final__primary:visited{background:#f1f0eb;color:#0b0c0c!important}.sgseo-home-final__secondary,.sgseo-home-final__secondary:visited{border:1px solid var(--home-line-strong);background:#101111;color:#e5e4de!important}
@media(max-width:1120px){.sgseo-home-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "upload" "message"}.sgseo-home-hero h1{max-width:820px}.sgseo-home-stage{max-width:820px}.sgseo-home-section-head,.sgseo-home-agent__frame,.sgseo-home-enhance,.sgseo-home-why,.sgseo-home-billing,.sgseo-home-faq{grid-template-columns:1fr}.sgseo-home-why__statement{position:relative;top:auto;min-height:0}.sgseo-home-final__inner{grid-template-columns:1fr}.sgseo-home-final__actions{justify-content:flex-start}}
@media(max-width:767px){.sgseo-home .sgseo-shell{width:min(100% - 28px,1220px)}.sgseo-home-hero{padding-top:52px}.sgseo-home-hero h1{font-size:clamp(42px,12.5vw,60px);line-height:.96}.sgseo-home-hero .sgseo-hero__description{margin-top:20px;font-size:15px}.sgseo-home-stage{grid-template-columns:1fr}.sgseo-home-stage__side{grid-template-columns:1fr 1fr;padding-top:0}.sgseo-home-stage__index{display:none}.sgseo-home-section{padding:70px 0}.sgseo-home-section-head{gap:14px;margin-bottom:26px}.sgseo-home-section-head h2{font-size:38px}.sgseo-home-agent__frame{padding:18px;border-radius:20px}.sgseo-home-agent h2,.sgseo-home-enhance__copy h2,.sgseo-home-billing__copy h2,.sgseo-home-faq__intro h2{font-size:38px}.sgseo-home-agent__prompt{min-height:116px;font-size:15px}.sgseo-home-results{grid-template-columns:1fr;gap:11px}.sgseo-home-tools{grid-template-columns:1fr}.sgseo-home-tool:nth-child(odd){border-right:0}.sgseo-home-workflow{grid-template-columns:1fr}.sgseo-home-step{border-right:0;border-bottom:1px solid var(--home-line)}.sgseo-home-step:last-child{border-bottom:0}.sgseo-home-step>span{margin-bottom:28px}.sgseo-home-billing__row{grid-template-columns:1fr;gap:7px}.sgseo-home-final h2{font-size:44px}.sgseo-home-final__actions{display:grid;grid-template-columns:1fr;width:100%}.sgseo-home-final__actions a{width:100%}}
@media(max-width:420px){.sgseo-home-stage__side{grid-template-columns:1fr 1fr;gap:8px}.sgseo-home-stage__main,.sgseo-home-stage__mini{padding:6px;border-radius:15px}.sgseo-home-tool{grid-template-columns:30px minmax(0,1fr) auto;padding:17px 10px}.sgseo-home-tool small{font-size:10px}.sgseo-home-agent__chips span{font-size:9px}}

/* ===== 2.22.0 — MAIN HOMEPAGE V2 / INFO + TRUST ===== */
.sgseo-home-v2{--home2-bg:#080909;--home2-bg2:#0b0c0c;--home2-surface:#101111;--home2-line:rgba(255,255,255,.085);--home2-line-strong:rgba(255,255,255,.15);--home2-text:#f3f2ed;--home2-muted:#93968f;--home2-soft:#c7c6bf;--home2-accent:#f0efe9;background:var(--home2-bg);color:var(--home2-text)}
.sgseo-home-v2 .sgseo-shell{width:min(100% - 44px,1220px);margin-inline:auto}
.sgseo-home2-kicker{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#a8aaa4;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sgseo-home2-kicker .sgseo-icon{width:14px;height:14px;color:#d4d2ca}
.sgseo-home2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 19px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:780;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.sgseo-home2-btn:hover{transform:translateY(-1px)}.sgseo-home2-btn--primary,.sgseo-home2-btn--primary:visited{background:#f1f0eb;color:#0a0b0b;border:1px solid #f1f0eb}.sgseo-home2-btn--primary:hover{background:#fff;color:#080909}.sgseo-home2-btn--secondary,.sgseo-home2-btn--secondary:visited{background:transparent;color:#e8e7e1;border:1px solid var(--home2-line-strong)}.sgseo-home2-btn--secondary:hover{border-color:rgba(255,255,255,.28);background:#0f1010}
.sgseo-home2-hero{padding:clamp(72px,7.5vw,112px) 0 52px;background:radial-gradient(circle at 78% 12%,rgba(255,255,255,.055),transparent 23%),linear-gradient(180deg,#090a0a,#070808 76%,#090a0a);overflow:hidden}.sgseo-home2-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:clamp(42px,5vw,78px);align-items:center}.sgseo-home2-hero__copy{min-width:0}.sgseo-home2-hero h1{max-width:670px;margin:0;color:var(--home2-text);font-size:clamp(52px,5vw,78px);line-height:.95;letter-spacing:-.057em;font-weight:610;text-wrap:balance}.sgseo-home2-hero__description{max-width:650px;margin:25px 0 0;color:#a4a69f;font-size:clamp(16px,1.3vw,19px);line-height:1.72}.sgseo-home2-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.sgseo-home2-upload-note{margin:25px 0 10px;color:#777b75;font-size:12px;line-height:1.55}.sgseo-home2-hero .sgseo-commerce-upload{border:1px solid rgba(255,255,255,.14);background:#101111;border-radius:13px;box-shadow:none}.sgseo-home2-hero .sgseo-commerce-upload:hover{border-color:rgba(255,255,255,.28);background:#141515}.sgseo-home2-hero .sgseo-commerce-upload__cta{background:#f0efe9;color:#0b0c0c;border-radius:9px}.sgseo-home2-hero .sgseo-commerce-upload__mark{background:#191a1a;border-color:rgba(255,255,255,.09);color:#f2f0e8}.sgseo-home2-hero .sgseo-hero__message{min-height:20px;margin-top:8px;color:#989b94;font-size:12px}
.sgseo-home2-hero__visual{min-width:0}.sgseo-home2-hero__frame{position:relative;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0d0e0e;box-shadow:0 34px 90px rgba(0,0,0,.36)}.sgseo-home2-hero__frame-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:4px 3px 11px;color:#9d9f99;font-size:9px;font-weight:850;letter-spacing:.13em}.sgseo-home2-hero__frame-head b{color:#d7d5ce;font-size:9px}.sgseo-home2-hero__frame .sgseo-before-after{width:100%;aspect-ratio:var(--sgseo-commerce-ratio,var(--sgseo-media-ratio,4/5));border-radius:16px;overflow:hidden;background:#090a0a}.sgseo-home2-hero__frame .sgseo-before-after img{object-fit:contain!important;background:#090a0a}.sgseo-home2-hero__caption{padding:15px 4px 3px;color:#b9bbb4;font-size:13px;line-height:1.6}.sgseo-home2-hero__tools{display:flex;flex-wrap:wrap;gap:7px;padding:11px 4px 4px}.sgseo-home2-hero__tools span{padding:6px 9px;border-radius:999px;border:1px solid var(--home2-line);color:#858882;font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.sgseo-home2-trust{padding:0 0 clamp(72px,7vw,104px);background:#090a0a}.sgseo-home2-trust__head{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px;align-items:end;padding:30px 0 24px;border-top:1px solid var(--home2-line-strong)}.sgseo-home2-trust__head h2{margin:0;color:#ecebe5;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.04em;font-weight:600}.sgseo-home2-trust__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--home2-line);border-bottom:1px solid var(--home2-line)}.sgseo-home2-trust__item{padding:22px 20px 24px;border-right:1px solid var(--home2-line)}.sgseo-home2-trust__item:last-child{border-right:0}.sgseo-home2-trust__item b{color:#d3d2ca;font-size:10px;letter-spacing:.1em}.sgseo-home2-trust__item p{margin:10px 0 0;color:#8b8e88;font-size:12px;line-height:1.65}
.sgseo-home2-about,.sgseo-home2-results,.sgseo-home2-usecases,.sgseo-home2-directory,.sgseo-home2-rules,.sgseo-home2-pricing,.sgseo-home2-enhance,.sgseo-home2-workflow,.sgseo-home2-confidence,.sgseo-home2-faq{padding:clamp(80px,8vw,122px) 0}.sgseo-home2-about{background:#0a0b0b}.sgseo-home2-about__intro{max-width:880px}.sgseo-home2-about__intro h2,.sgseo-home2-section-head h2,.sgseo-home2-rules__intro h2,.sgseo-home2-enhance__copy h2,.sgseo-home2-confidence__intro h2,.sgseo-home2-faq h2{margin:0;color:#efeee8;font-size:clamp(40px,4.7vw,68px);line-height:.98;letter-spacing:-.052em;font-weight:600}.sgseo-home2-about__intro>p:last-child{max-width:760px;margin:22px 0 0;color:#969991;font-size:15px;line-height:1.75}.sgseo-home2-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}.sgseo-home2-paths article{min-height:250px;padding:26px;border-top:1px solid var(--home2-line-strong);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.sgseo-home2-paths article>span{display:block;margin-bottom:54px;color:#6f736d;font-size:10px;letter-spacing:.12em}.sgseo-home2-paths h3{margin:0;color:#deddd6;font-size:26px;letter-spacing:-.035em}.sgseo-home2-paths p{max-width:520px;margin:13px 0 22px;color:#8c8f88;font-size:13px;line-height:1.7}.sgseo-home2-paths a{color:#efeee8;text-decoration:none;font-size:12px;font-weight:750}
.sgseo-home2-section-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.65fr);gap:clamp(28px,5vw,72px);align-items:end;margin-bottom:40px}.sgseo-home2-section-head>p{max-width:520px;margin:0;color:#888b85;font-size:13px;line-height:1.72}.sgseo-home2-results{background:#080909}.sgseo-home2-results__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sgseo-home2-result{display:flex;flex-direction:column;min-width:0;padding:10px 10px 15px;border:1px solid var(--home2-line);border-radius:18px;background:#0b0c0c}.sgseo-home2-result__media{width:100%;aspect-ratio:var(--sgseo-commerce-ratio,var(--sgseo-media-ratio,4/5));overflow:hidden;border-radius:12px;background:#090a0a}.sgseo-home2-result__media .sgseo-before-after{width:100%;height:100%;aspect-ratio:inherit}.sgseo-home2-result__media img{object-fit:contain!important;background:#090a0a}.sgseo-home2-result__meta{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 3px 0}.sgseo-home2-result__meta h3{margin:0;color:#ecebe5;font-size:14px}.sgseo-home2-result__meta a{color:#858882;text-decoration:none;font-size:11px}.sgseo-home2-result__meta a:hover{color:#fff}
.sgseo-home2-usecases{background:#0b0c0c}.sgseo-home2-usecases__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--home2-line);border-bottom:1px solid var(--home2-line)}.sgseo-home2-use{padding:24px 22px 30px;border-right:1px solid var(--home2-line)}.sgseo-home2-use:last-child{border-right:0}.sgseo-home2-use>span{display:block;margin-bottom:52px;color:#62655f;font-size:10px;letter-spacing:.12em}.sgseo-home2-use h3{margin:0;color:#e4e3dc;font-size:20px;line-height:1.15;letter-spacing:-.03em}.sgseo-home2-use p{margin:12px 0 0;color:#858882;font-size:12px;line-height:1.65}
.sgseo-home2-directory{background:#080909}.sgseo-home2-directory__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--home2-line)}.sgseo-home2-tool{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:13px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--home2-line);text-decoration:none;color:inherit}.sgseo-home2-tool:nth-child(odd){padding-right:24px;border-right:1px solid var(--home2-line)}.sgseo-home2-tool:nth-child(even){padding-left:24px}.sgseo-home2-tool__num{color:#5e615c;font-size:10px}.sgseo-home2-tool__copy{display:grid;gap:4px}.sgseo-home2-tool__copy b{color:#dfded7;font-size:14px}.sgseo-home2-tool__copy small{color:#787b75;font-size:11px}.sgseo-home2-tool__arrow{color:#72756f}.sgseo-home2-tool:hover .sgseo-home2-tool__copy b,.sgseo-home2-tool:hover .sgseo-home2-tool__arrow{color:#fff}.sgseo-home2-directory__footer{padding-top:24px;text-align:right}.sgseo-home2-directory__footer a{color:#e5e4dd;text-decoration:none;font-size:12px;font-weight:750}
.sgseo-home2-rules{background:#0c0d0d}.sgseo-home2-rules__layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(34px,5vw,78px);align-items:start}.sgseo-home2-rules__intro{position:sticky;top:120px}.sgseo-home2-rules__intro>p:last-child{margin:20px 0 0;color:#898c86;font-size:13px;line-height:1.75}.sgseo-home2-rules__list{border-top:1px solid var(--home2-line-strong)}.sgseo-home2-rule{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--home2-line)}.sgseo-home2-rule>span{color:#646762;font-size:10px;letter-spacing:.12em;padding-top:3px}.sgseo-home2-rule h3{margin:0;color:#e6e5df;font-size:17px}.sgseo-home2-rule p{margin:8px 0 0;color:#858882;font-size:12px;line-height:1.65}
.sgseo-home2-pricing{background:#080909}.sgseo-home2-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sgseo-home2-plan{position:relative;padding:24px;border:1px solid var(--home2-line);border-radius:18px;background:#0c0d0d}.sgseo-home2-plan--featured{border-color:rgba(255,255,255,.22);background:linear-gradient(180deg,#141515,#0c0d0d)}.sgseo-home2-plan__top{display:flex;justify-content:space-between;gap:12px;align-items:center}.sgseo-home2-plan__top>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--home2-line-strong);border-radius:50%;color:#dddcd5;font-size:11px;font-weight:800}.sgseo-home2-plan__top em{font-style:normal;color:#111;background:#eeeDE8;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sgseo-home2-plan h3{margin:24px 0 0;color:#efeee8;font-size:24px}.sgseo-home2-plan__price{display:flex;align-items:baseline;gap:7px;margin-top:14px}.sgseo-home2-plan__price strong{font-size:34px;letter-spacing:-.04em}.sgseo-home2-plan__price small{color:#777a75;font-size:11px}.sgseo-home2-plan ul{display:grid;gap:9px;margin:22px 0 26px;padding:20px 0 0;border-top:1px solid var(--home2-line);list-style:none}.sgseo-home2-plan li{color:#92958f;font-size:12px}.sgseo-home2-plan a{color:#efeee8;text-decoration:none;font-size:12px;font-weight:750}.sgseo-home2-token-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:34px;align-items:end;margin-top:64px;padding-top:34px;border-top:1px solid var(--home2-line-strong)}.sgseo-home2-token-head h3{margin:0;color:#e9e8e1;font-size:clamp(28px,3.5vw,46px);line-height:1.02;letter-spacing:-.04em}.sgseo-home2-token-head>p{margin:0;color:#838680;font-size:12px;line-height:1.7}.sgseo-home2-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.sgseo-home2-pack{display:grid;grid-template-columns:1fr auto;grid-template-areas:"tokens price" "desc arrow";gap:14px 10px;min-height:146px;padding:18px;border:1px solid var(--home2-line);border-radius:14px;background:#0b0c0c;text-decoration:none;color:inherit}.sgseo-home2-pack>span{grid-area:tokens;display:flex;align-items:baseline;gap:6px}.sgseo-home2-pack strong{color:#efeee8;font-size:24px}.sgseo-home2-pack small{color:#696c67;font-size:9px;text-transform:uppercase}.sgseo-home2-pack>b{grid-area:price;color:#dad9d2;font-size:15px}.sgseo-home2-pack em{grid-area:desc;align-self:end;color:#777a74;font-size:11px;font-style:normal;line-height:1.45}.sgseo-home2-pack i{grid-area:arrow;align-self:end;color:#7b7e78;font-style:normal}.sgseo-home2-pack:hover{border-color:rgba(255,255,255,.2)}
.sgseo-home2-enhance{background:#0c0d0d}.sgseo-home2-enhance__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(34px,5vw,76px);align-items:center}.sgseo-home2-enhance__copy p{max-width:600px;margin:20px 0 0;color:#8c8f89;font-size:13px;line-height:1.75}.sgseo-home2-enhance__copy a{display:inline-block;margin-top:24px;color:#efeee8;text-decoration:none;font-size:12px;font-weight:750}.sgseo-home2-enhance__media{width:100%;aspect-ratio:var(--sgseo-commerce-ratio,var(--sgseo-media-ratio,4/5));overflow:hidden;border-radius:18px;border:1px solid var(--home2-line);background:#090a0a}.sgseo-home2-enhance__media .sgseo-before-after{width:100%;height:100%;aspect-ratio:inherit}.sgseo-home2-enhance__media img{object-fit:contain!important;background:#090a0a}
.sgseo-home2-workflow{background:#090a0a}.sgseo-home2-workflow__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--home2-line);border-bottom:1px solid var(--home2-line)}.sgseo-home2-step{padding:28px 24px 34px;border-right:1px solid var(--home2-line)}.sgseo-home2-step:last-child{border-right:0}.sgseo-home2-step>span{display:block;margin-bottom:70px;color:#5d605b;font-size:11px;letter-spacing:.12em}.sgseo-home2-step h3{margin:0;color:#e6e5de;font-size:20px}.sgseo-home2-step p{margin:12px 0 0;color:#858882;font-size:12px;line-height:1.65}
.sgseo-home2-confidence{background:#0b0c0c}.sgseo-home2-confidence__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(34px,5vw,78px)}.sgseo-home2-confidence__intro>p:last-child{margin:20px 0 0;color:#858882;font-size:13px;line-height:1.75}.sgseo-home2-confidence__list{border-top:1px solid var(--home2-line-strong)}.sgseo-home2-confidence__row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--home2-line)}.sgseo-home2-confidence__row>span{color:#60635e;font-size:10px}.sgseo-home2-confidence__row h3{margin:0;color:#e7e6df;font-size:17px}.sgseo-home2-confidence__row p{margin:8px 0 0;color:#858882;font-size:12px;line-height:1.65}
.sgseo-home2-faq{background:#080909}.sgseo-home2-faq__layout{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(36px,5vw,78px)}.sgseo-home2-faq__list{border-top:1px solid var(--home2-line-strong)}.sgseo-home2-faq details{border-bottom:1px solid var(--home2-line)}.sgseo-home2-faq summary{cursor:pointer;padding:20px 0;color:#deddd7;font-size:14px;font-weight:700;list-style:none}.sgseo-home2-faq summary::-webkit-details-marker{display:none}.sgseo-home2-faq p{margin:-5px 0 22px;color:#858882;font-size:12px;line-height:1.7}
.sgseo-home2-final{padding:clamp(90px,9vw,136px) 0;background:linear-gradient(180deg,#080909,#0d0e0e)}.sgseo-home2-final__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:end;padding-top:36px;border-top:1px solid var(--home2-line-strong)}.sgseo-home2-final h2{max-width:800px;margin:0;color:#f1f0e9;font-size:clamp(44px,5.3vw,78px);line-height:.96;letter-spacing:-.055em;font-weight:600}.sgseo-home2-final p{max-width:660px;margin:18px 0 0;color:#858882;font-size:13px;line-height:1.7}.sgseo-home2-final__actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1120px){.sgseo-home2-hero__grid,.sgseo-home2-section-head,.sgseo-home2-rules__layout,.sgseo-home2-enhance__grid,.sgseo-home2-confidence__layout,.sgseo-home2-faq__layout{grid-template-columns:1fr}.sgseo-home2-hero h1{max-width:860px}.sgseo-home2-hero__visual{max-width:820px}.sgseo-home2-trust__head{grid-template-columns:1fr}.sgseo-home2-trust__grid{grid-template-columns:1fr 1fr}.sgseo-home2-trust__item:nth-child(2){border-right:0}.sgseo-home2-trust__item:nth-child(-n+2){border-bottom:1px solid var(--home2-line)}.sgseo-home2-usecases__grid{grid-template-columns:1fr 1fr}.sgseo-home2-use:nth-child(2){border-right:0}.sgseo-home2-use:nth-child(-n+2){border-bottom:1px solid var(--home2-line)}.sgseo-home2-rules__intro{position:relative;top:auto}.sgseo-home2-token-head{grid-template-columns:1fr}.sgseo-home2-packs{grid-template-columns:1fr 1fr}.sgseo-home2-final__inner{grid-template-columns:1fr}.sgseo-home2-final__actions{justify-content:flex-start}}
@media(max-width:767px){.sgseo-home-v2 .sgseo-shell{width:min(100% - 28px,1220px)}.sgseo-home2-hero{padding-top:50px}.sgseo-home2-hero h1{font-size:clamp(42px,12vw,58px);line-height:.96}.sgseo-home2-hero__description{font-size:15px;margin-top:20px}.sgseo-home2-hero__actions{display:grid;grid-template-columns:1fr}.sgseo-home2-btn{width:100%}.sgseo-home2-hero__frame{padding:8px;border-radius:18px}.sgseo-home2-hero__frame .sgseo-before-after{border-radius:12px}.sgseo-home2-hero__tools{gap:5px}.sgseo-home2-trust,.sgseo-home2-about,.sgseo-home2-results,.sgseo-home2-usecases,.sgseo-home2-directory,.sgseo-home2-rules,.sgseo-home2-pricing,.sgseo-home2-enhance,.sgseo-home2-workflow,.sgseo-home2-confidence,.sgseo-home2-faq{padding:70px 0}.sgseo-home2-about__intro h2,.sgseo-home2-section-head h2,.sgseo-home2-rules__intro h2,.sgseo-home2-enhance__copy h2,.sgseo-home2-confidence__intro h2,.sgseo-home2-faq h2{font-size:38px}.sgseo-home2-paths,.sgseo-home2-results__grid,.sgseo-home2-plans,.sgseo-home2-workflow__grid{grid-template-columns:1fr}.sgseo-home2-paths article{min-height:0}.sgseo-home2-paths article>span{margin-bottom:32px}.sgseo-home2-results__grid{gap:10px}.sgseo-home2-usecases__grid{grid-template-columns:1fr}.sgseo-home2-use{border-right:0;border-bottom:1px solid var(--home2-line)}.sgseo-home2-use:last-child{border-bottom:0}.sgseo-home2-use>span{margin-bottom:28px}.sgseo-home2-directory__grid{grid-template-columns:1fr}.sgseo-home2-tool:nth-child(odd),.sgseo-home2-tool:nth-child(even){padding-left:4px;padding-right:4px;border-right:0}.sgseo-home2-packs{grid-template-columns:1fr}.sgseo-home2-step{border-right:0;border-bottom:1px solid var(--home2-line)}.sgseo-home2-step:last-child{border-bottom:0}.sgseo-home2-step>span{margin-bottom:34px}.sgseo-home2-final h2{font-size:44px}.sgseo-home2-final__actions{display:grid;grid-template-columns:1fr;width:100%}}
@media(max-width:480px){.sgseo-home2-trust__grid{grid-template-columns:1fr}.sgseo-home2-trust__item{border-right:0!important;border-bottom:1px solid var(--home2-line)}.sgseo-home2-trust__item:last-child{border-bottom:0}.sgseo-home2-pack{min-height:132px}.sgseo-home2-plan{padding:20px}}
/* 2.22.0 CTA contrast hardening */
.sgseo-home-v2 a.sgseo-home2-btn--primary,.sgseo-home-v2 a.sgseo-home2-btn--primary:link,.sgseo-home-v2 a.sgseo-home2-btn--primary:visited{color:#0a0b0b!important;background:#f1f0eb!important;text-shadow:none!important}
.sgseo-home-v2 a.sgseo-home2-btn--primary:hover,.sgseo-home-v2 a.sgseo-home2-btn--primary:focus-visible{color:#050606!important;background:#ffffff!important}


/* ===== 2.23.0 — FAMILY 7 / STYLES + CREATIVE EXPLORATION ===== */
.sgseo-style-page{--style-line:rgba(255,255,255,.085);--style-muted:#9b9da8;--style-surface:#0d0e13;--style-warm:#f2b16b;--style-violet:#9d87ff;background:#08090b;color:#f5f4f1}
.sgseo-style-page .sgseo-shell{width:min(100% - 40px,1240px);margin-inline:auto}
.sgseo-style-hero{padding:clamp(64px,7vw,106px) 0 clamp(72px,8vw,118px);background:radial-gradient(circle at 82% 18%,rgba(166,105,255,.12),transparent 26%),radial-gradient(circle at 70% 72%,rgba(255,157,91,.09),transparent 28%),#08090b;overflow:hidden}
.sgseo-style-hero .sgseo-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);grid-template-areas:"copy visual" "upload visual" "presets visual" "actions visual" "message visual";column-gap:clamp(34px,5vw,72px);row-gap:20px;align-items:start}
.sgseo-style-hero .sgseo-hero__copy{grid-area:copy;padding-top:18px}.sgseo-style-hero .sgseo-hero__upload{grid-area:upload}.sgseo-style-hero .sgseo-hero__presets{grid-area:presets}.sgseo-style-hero .sgseo-hero__actions{grid-area:actions}.sgseo-style-hero .sgseo-hero__message{grid-area:message}.sgseo-style-hero .sgseo-hero__visual{grid-area:visual;min-width:0;position:relative}
.sgseo-style-hero .sgseo-hero__eyebrow,.sgseo-style-kicker{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#c4b8ff;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.sgseo-style-hero h1{max-width:650px;margin:0;color:#f7f5f0;font-size:clamp(48px,5vw,78px);line-height:.94;letter-spacing:-.055em;font-weight:620;text-wrap:balance}
.sgseo-style-hero .sgseo-hero__description{max-width:620px;margin:24px 0 0;color:#a5a4ad;font-size:clamp(16px,1.3vw,19px);line-height:1.72}
.sgseo-style-hero .sgseo-hero__trust{display:flex;flex-wrap:wrap;gap:8px 15px;margin:23px 0 0;padding:0;list-style:none}.sgseo-style-hero .sgseo-hero__trust li{display:flex;align-items:center;gap:7px;color:#858791;font-size:12px}.sgseo-style-hero .sgseo-hero__trust .sgseo-icon{width:13px;height:13px;color:#d2c7ff}
.sgseo-style-hero .sgseo-upload{min-height:82px;border-radius:18px;border:1px dashed rgba(172,146,255,.34);background:linear-gradient(135deg,rgba(157,135,255,.08),rgba(242,177,107,.035));box-shadow:none}.sgseo-style-hero .sgseo-upload:hover{border-color:rgba(196,174,255,.58);background:linear-gradient(135deg,rgba(157,135,255,.13),rgba(242,177,107,.055))}.sgseo-style-hero .sgseo-upload__icon{background:rgba(157,135,255,.12);color:#d9d1ff}
.sgseo-style-picker__head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:10px}.sgseo-style-picker__head>span{font-size:12px;font-weight:800;color:#efedf6}.sgseo-style-picker__head small{font-size:10px;color:#6f727c;letter-spacing:.08em;text-transform:uppercase}
.sgseo-style-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sgseo-style-preset{position:relative;min-width:0;padding:0 0 9px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#0c0d12;color:#b8bac3;overflow:hidden;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.sgseo-style-preset:hover{transform:translateY(-2px);border-color:rgba(170,146,255,.26)}.sgseo-style-preset[aria-pressed="true"]{border-color:rgba(184,163,255,.62);background:#12111b;color:#fff}.sgseo-style-preset__media{display:block;width:100%;aspect-ratio:var(--sgseo-natural-ratio,1/1);max-height:92px;overflow:hidden;background:#090a0f}.sgseo-style-preset__media img{display:block;width:100%;height:100%;object-fit:cover}.sgseo-style-preset__name{display:block;padding:8px 9px 0;font-size:10px;font-weight:720;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sgseo-style-preset__mark{display:none;position:absolute;right:7px;top:7px;width:22px;height:22px;border-radius:999px;background:#11131a;color:#fff;place-items:center}.sgseo-style-preset[aria-pressed="true"] .sgseo-style-preset__mark{display:grid}.sgseo-style-preset__mark .sgseo-icon{width:12px;height:12px}
.sgseo-style-hero .sgseo-hero__actions{display:flex;gap:9px;flex-wrap:wrap}.sgseo-style-hero .sgseo-btn--primary{background:linear-gradient(135deg,#f0a96c,#9d87ff);color:#09090c;border:0}.sgseo-style-hero .sgseo-btn--primary:hover{filter:brightness(1.05)}
.sgseo-style-hero .sgseo-hero__stage{width:100%;aspect-ratio:var(--sgseo-style-stage-ratio,4/5);min-height:0;border-radius:26px;overflow:hidden;background:#0c0d12;border:1px solid rgba(255,255,255,.09);box-shadow:0 34px 80px rgba(0,0,0,.28)}.sgseo-style-hero .sgseo-before-after{width:100%;height:100%;min-height:0!important;aspect-ratio:inherit}.sgseo-style-hero .sgseo-before-after img,.sgseo-style-hero .sgseo-hero__preview img{object-fit:contain!important;background:#0a0b0f}.sgseo-style-hero .sgseo-hero__loading{border-radius:26px}.sgseo-style-hero .sgseo-hero__result-actions{border-radius:16px}
.sgseo-style-hero__chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.sgseo-style-hero__chip{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0d0e13}.sgseo-style-hero__chip[data-sgseo-natural-media]{aspect-ratio:var(--sgseo-natural-ratio,1/1)}.sgseo-style-hero__chip img{width:100%;height:100%;display:block;object-fit:contain;background:#0b0c10}.sgseo-style-hero__chip span{position:absolute;left:10px;bottom:10px;padding:6px 8px;border-radius:999px;background:rgba(7,8,12,.72);border:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:800;letter-spacing:.08em;color:#eeeafc}
.sgseo-style-section{padding:clamp(72px,8vw,116px) 0;background:#08090b}.sgseo-style-section--soft{background:#0a0b0e}.sgseo-style-head{display:grid;grid-template-columns:minmax(0,.75fr) minmax(300px,.55fr);gap:48px;align-items:end;margin-bottom:34px}.sgseo-style-head h2{margin:0;color:#f3f2ed;font-size:clamp(36px,4vw,60px);line-height:.98;letter-spacing:-.045em;font-weight:620}.sgseo-style-head p{margin:0;color:#8f919c;font-size:14px;line-height:1.72}
.sgseo-style-output-stage{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-flow:dense;gap:12px;align-items:start}.sgseo-style-output{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.075);background:#0c0d12;aspect-ratio:var(--sgseo-natural-ratio,1/1)}.sgseo-style-output:first-child{grid-row:span 2}.sgseo-style-output:nth-child(4){grid-column:span 2}.sgseo-style-output img{display:block;width:100%;height:100%;object-fit:contain;background:#0a0b0f}.sgseo-style-output span{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(7,8,12,.76);border:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:820;letter-spacing:.09em;text-transform:uppercase;color:#e7e3f7}
.sgseo-style-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--style-line);border-bottom:1px solid var(--style-line)}.sgseo-style-step{padding:28px 24px 28px 0;border-right:1px solid var(--style-line)}.sgseo-style-step+ .sgseo-style-step{padding-left:24px}.sgseo-style-step:last-child{border-right:0}.sgseo-style-step span{display:block;margin-bottom:42px;color:#a99aff;font-size:11px;font-weight:850;letter-spacing:.1em}.sgseo-style-step h3{margin:0 0 10px;color:#f1f0ed;font-size:20px}.sgseo-style-step p{margin:0;color:#858894;font-size:13px;line-height:1.65}
.sgseo-style-uses{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:start}.sgseo-style-uses__copy{position:sticky;top:110px}.sgseo-style-uses__copy h2{margin:0;color:#f4f2ee;font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.045em;font-weight:620}.sgseo-style-uses__copy p{margin:20px 0 0;color:#8e919a;line-height:1.72;font-size:14px}.sgseo-style-use-list{display:grid;border-top:1px solid var(--style-line)}.sgseo-style-use{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid var(--style-line)}.sgseo-style-use>span{color:#8e7df2;font-size:10px;font-weight:850}.sgseo-style-use h3{margin:0 0 7px;color:#e9e8e5;font-size:17px}.sgseo-style-use p{margin:0;color:#7e818a;font-size:13px;line-height:1.6}
.sgseo-style-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:start}.sgseo-style-card{grid-column:span 4;align-self:start;min-width:0;padding:9px 9px 14px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#0c0d12}.sgseo-style-card:nth-child(1),.sgseo-style-card:nth-child(6){grid-column:span 6}.sgseo-style-card__media{position:relative;width:100%;overflow:hidden;border-radius:13px;background:#090a0f;aspect-ratio:var(--sgseo-media-ratio,4/5)}.sgseo-style-card__media .sgseo-before-after{width:100%;height:100%;min-height:0!important;aspect-ratio:inherit}.sgseo-style-card__media img{object-fit:contain!important;background:#090a0f}.sgseo-style-card__meta{display:flex;justify-content:space-between;gap:10px;align-items:end;padding:12px 3px 0}.sgseo-style-card__meta h3{margin:0;color:#f0efeb;font-size:14px}.sgseo-style-card__meta span{font-size:9px;color:#747782;letter-spacing:.08em;text-transform:uppercase}
.sgseo-style-seo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.6fr);gap:52px}.sgseo-style-seo h2{margin:0 0 22px;color:#f2f0ec;font-size:clamp(34px,3.8vw,54px);line-height:1;letter-spacing:-.04em;font-weight:620}.sgseo-style-seo p{margin:0 0 16px;color:#9597a0;font-size:14px;line-height:1.8}.sgseo-style-seo__signal{display:grid;gap:10px}.sgseo-style-seo__signal div{padding:17px 18px;border-top:1px solid var(--style-line);color:#b3b4bb;font-size:13px}.sgseo-style-seo__signal b{display:block;margin-bottom:5px;color:#eeeaf6;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sgseo-style-related{display:flex;flex-wrap:wrap;gap:8px}.sgseo-style-related a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#0d0e12;color:#b9bbc3;text-decoration:none;font-size:12px}.sgseo-style-related a:hover{color:#fff;border-color:rgba(166,143,255,.36);background:#11121a}
.sgseo-style-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:52px}.sgseo-style-faq h2{margin:0;color:#f4f2ee;font-size:clamp(36px,4vw,58px);line-height:.98;letter-spacing:-.045em;font-weight:620}.sgseo-style-faq__list{border-top:1px solid var(--style-line)}.sgseo-style-faq details{border-bottom:1px solid var(--style-line)}.sgseo-style-faq summary{cursor:pointer;padding:20px 0;color:#dedde1;font-size:15px;font-weight:650}.sgseo-style-faq details p{margin:0;padding:0 0 20px;color:#8f919b;font-size:13px;line-height:1.7}
.sgseo-style-final{padding:clamp(84px,9vw,132px) 0;background:radial-gradient(circle at 72% 48%,rgba(166,132,255,.10),transparent 26%),#090a0d}.sgseo-style-final__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:end;border-top:1px solid var(--style-line);padding-top:34px}.sgseo-style-final h2{margin:0;color:#f5f2ee;font-size:clamp(40px,5vw,74px);line-height:.95;letter-spacing:-.05em;font-weight:620}.sgseo-style-final p{max-width:620px;margin:18px 0 0;color:#898b94;font-size:14px;line-height:1.7}.sgseo-style-final a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:11px;background:linear-gradient(135deg,#f0a96c,#9d87ff);color:#09090c!important;text-decoration:none;font-size:12px;font-weight:800}
@media(max-width:1120px){.sgseo-style-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "upload" "presets" "actions" "message"}.sgseo-style-hero h1{max-width:900px}.sgseo-style-hero .sgseo-hero__visual{max-width:760px}.sgseo-style-head,.sgseo-style-seo,.sgseo-style-faq{grid-template-columns:1fr}.sgseo-style-gallery .sgseo-style-card{grid-column:span 6!important}.sgseo-style-uses{grid-template-columns:1fr}.sgseo-style-uses__copy{position:static}.sgseo-style-final__inner{grid-template-columns:1fr}}
@media(max-width:767px){.sgseo-style-page .sgseo-shell,.sgseo-style-hero .sgseo-shell{width:min(100% - 28px,1240px)}.sgseo-style-hero{padding-top:48px}.sgseo-style-hero h1{font-size:clamp(42px,12vw,58px)}.sgseo-style-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.sgseo-style-preset__media{max-height:122px}.sgseo-style-head{gap:16px}.sgseo-style-head h2{font-size:38px}.sgseo-style-output-stage{grid-template-columns:1fr 1fr;gap:8px}.sgseo-style-output:first-child{grid-row:auto;grid-column:span 2}.sgseo-style-output:nth-child(4){grid-column:auto}.sgseo-style-steps{grid-template-columns:1fr}.sgseo-style-step,.sgseo-style-step+ .sgseo-style-step{padding:22px 0;border-right:0;border-bottom:1px solid var(--style-line)}.sgseo-style-step:last-child{border-bottom:0}.sgseo-style-step span{margin-bottom:20px}.sgseo-style-gallery{grid-template-columns:1fr 1fr;gap:9px}.sgseo-style-gallery .sgseo-style-card{grid-column:auto!important;padding:7px 7px 12px;border-radius:14px}.sgseo-style-card__meta{display:grid;gap:4px}.sgseo-style-card__meta h3{font-size:12px}.sgseo-style-card__meta span{font-size:8px}.sgseo-style-faq{gap:26px}.sgseo-style-final h2{font-size:44px}.sgseo-style-final a{width:100%}}
@media(max-width:430px){.sgseo-style-output-stage,.sgseo-style-gallery{grid-template-columns:1fr}.sgseo-style-output:first-child{grid-column:auto}.sgseo-style-picker{grid-template-columns:1fr 1fr}.sgseo-style-card__meta{display:flex}.sgseo-style-hero__chips{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.sgseo-style-preset{transition:none!important}.sgseo-style-preset:hover{transform:none!important}}

/* ===== 2.24.0 — VISUAL AUDIT / MOBILE COMPACTNESS + CONTROL QA ===== */

/* Long localized words must never widen a grid track beyond its shell. */
.sgseo-root[data-sgseo-component="hero"] .sgseo-hero__grid > *,
.sgseo-tools-hub-hero .sgseo-hero__copy {
  min-width: 0;
}

/* Keep functional microcopy readable on near-black family surfaces. */
.sgseo-tools-row__index,
.sgseo-tools-group__head span,
.sgseo-tools-proof__num,
.sgseo-tools-stage-label,
.sgseo-home2-tool__num,
.sgseo-product-mode span,
.sgseo-product-prompt span {
  color: #8d918b;
}

.sgseo-tools-row__copy small,
.sgseo-tools-proof__meta a,
.sgseo-tools-adv-row span,
.sgseo-home2-tool__copy small,
.sgseo-home2-pack small,
.sgseo-home2-pack em,
.sgseo-product-trust span,
.sgseo-product-scene p,
.sgseo-commerce-upload__hint {
  color: #989b95;
}

/* Shared controls: mobile-safe hit areas without changing backend behaviour. */
.sgseo-gender-tab,
.sgseo-text-image-style-row button,
.sgseo-text-image-aspect-row button,
.sgseo-correction-dock__reset,
.sgseo-commerce-tool__open,
.sgseo-commerce-tool__details,
.sgseo-agent-related__links a,
.sgseo-beard-inline-cta,
.sgseo-outfit-links__row a,
.sgseo-style-related a {
  min-height: 44px;
}

.sgseo-commerce-tool__details {
  display: inline-flex;
  align-items: center;
}

/* Elementor creates each Hair fragment in its own padded container. Remove
   only that wrapper padding; the twelve WordPress blocks stay independent. */
.e-con-inner:has(.sgseo-root[id^="sgseo-hair-"]) {
  padding-block: 0 !important;
}

.e-con:has(> .elementor-widget-html .sgseo-root[id^="sgseo-hair-"]:not(.sgseo-hero)) {
  padding-block: 0 !important;
}

.e-con:has(> .elementor-widget-html > .elementor-widget-container > .sgseo-root.sgseo-hero[id^="sgseo-hair-"]) {
  padding-bottom: 0 !important;
}

.e-con:has(> .elementor-widget-html > .sgseo-root.sgseo-hero[id^="sgseo-hair-"]) {
  padding-bottom: 0 !important;
}

@media (max-width: 767.98px) {
  .sgseo-root[data-sgseo-component="hero"] {
    padding-top: 20px !important;
    padding-bottom: 42px !important;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-hero__grid {
    row-gap: 12px !important;
  }

  .sgseo-root[data-sgseo-component="hero"] h1 {
    max-width: 100% !important;
    font-size: clamp(2rem, 9.4vw, 2.4rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-hero__description {
    margin-top: 13px !important;
    font-size: 0.875rem !important;
    line-height: 1.46 !important;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-hero__eyebrow {
    margin-bottom: 10px !important;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-hero__trust {
    display: none !important;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-upload {
    min-height: 72px !important;
    padding: 11px 12px !important;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-upload__icon {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }

  /* Base preset Heroes keep the live preview, but at a compact mobile size. */
  .sgseo-hero:not([data-sgseo-tool="hair"]):not(.sgseo-agent-hero):not(.sgseo-outfit-hero):not(.sgseo-text-image-hero):not(.sgseo-style-hero) .sgseo-hero__stage {
    width: min(100%, 210px) !important;
    max-height: 260px !important;
    margin-inline: auto !important;
  }

  /* Hair media must keep the uploaded photo's exact frame even under the
     compact mobile Hero cap. Portrait stays narrow; landscape uses the
     available column width. */
  .sgseo-root[data-sgseo-tool="hair"] .sgseo-hero__stage[data-sgseo-aspect="portrait"] {
    width: min(100%, 210px) !important;
    max-height: none !important;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-hero__stage[data-sgseo-aspect="square"] {
    width: min(100%, 240px) !important;
    max-height: none !important;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-hero__stage[data-sgseo-aspect="landscape"] {
    width: 100% !important;
    max-height: none !important;
  }

  .sgseo-preset-header {
    grid-template-columns: minmax(0, 1fr) minmax(156px, 180px);
    align-items: end;
    gap: 6px 10px;
    margin-bottom: 5px;
  }

  .sgseo-preset-header .sgseo-gender-switch {
    width: 100%;
  }

  .sgseo-preset-rail {
    grid-auto-columns: 68px !important;
    gap: 7px !important;
    padding-bottom: 6px !important;
  }

  .sgseo-preset {
    min-width: 68px !important;
    padding: 5px !important;
  }

  .sgseo-preset__name {
    min-height: 2em;
    margin-top: 5px;
    font-size: 0.62rem !important;
  }

  /* Premium mobile Hair selector: one calm hierarchy, a full-width segmented
     switch and two equal cards. Keep words intact and remove the tiny
     horizontally scrolling thumbnail treatment used by larger catalogs. */
  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 10px;
    margin-bottom: 10px;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-control-label {
    min-height: 20px;
    padding-inline: 1px;
    font-size: 0.76rem;
    letter-spacing: 0;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-control-label__meta {
    padding: 2px 7px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.025);
    color: #777986;
    font-size: 0.62rem;
    line-height: 1.2;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset-header .sgseo-gender-switch {
    width: 100%;
    min-width: 0;
    gap: 3px;
    padding: 3px;
    border-color: rgba(255, 255, 255, 0.09);
    border-radius: 10px;
    background: #0d0e12;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-gender-tab {
    min-width: 0;
    min-height: 40px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 0.79rem;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-gender-tab[aria-pressed="true"] {
    background: linear-gradient(180deg, #20222a, #191a21);
    box-shadow: inset 0 0 0 1px rgba(151, 142, 255, 0.28);
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset-rail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-columns: auto !important;
    grid-auto-flow: row;
    gap: 9px !important;
    margin: 0;
    padding: 0 0 4px !important;
    overflow: visible;
    scroll-snap-type: none;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    width: 100%;
    min-width: 0 !important;
    min-height: 68px;
    padding: 6px !important;
    border-radius: 11px;
    text-align: left;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset__image {
    width: 54px;
    height: 54px;
    border-radius: 7px;
    object-fit: cover;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset__name {
    min-width: 0;
    min-height: 0;
    margin: 0;
    color: #b8bac3;
    font-size: 0.69rem !important;
    font-weight: 650;
    line-height: 1.25;
    overflow-wrap: normal !important;
    word-break: normal;
    hyphens: none;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset[aria-pressed="true"] .sgseo-preset__name {
    color: #f4f4f7;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset__check {
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
  }


  /* Tool pages use the same task order on phones. */
  .sgseo-body-hero .sgseo-hero__grid,
  .sgseo-pose-hero .sgseo-hero__grid,
  .sgseo-style-hero .sgseo-hero__grid {
    grid-template-areas:
      "copy"
      "upload"
      "visual"
      "presets"
      "actions"
      "message" !important;
  }

  .sgseo-tools-hub-hero .sgseo-hero__grid {
    grid-template-areas:
      "copy"
      "upload"
      "visual"
      "message" !important;
  }

  .sgseo-correction-hero .sgseo-shell {
    grid-template-areas:
      "copy"
      "upload"
      "actions"
      "workspace"
      "message" !important;
  }

  /* Styles previously placed its large showcase before Upload. */
  .sgseo-style-hero .sgseo-hero__visual {
    width: min(100%, 230px) !important;
    justify-self: center;
  }

  .sgseo-style-hero .sgseo-hero__stage {
    width: min(100%, 220px) !important;
    max-height: 330px !important;
    margin-inline: auto !important;
  }

  .sgseo-style-hero__chips {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    margin-top: 7px !important;
  }

  .sgseo-style-hero__chip[data-sgseo-natural-media] {
    height: 68px;
    aspect-ratio: auto !important;
  }

  .sgseo-style-hero__chip span {
    left: 6px;
    bottom: 6px;
    padding: 4px 6px;
  }

  .sgseo-style-hero .sgseo-style-picker {
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
  }

  .sgseo-style-hero .sgseo-style-preset {
    flex: 0 0 96px;
    scroll-snap-align: start;
  }

  .sgseo-style-hero .sgseo-style-preset__media {
    max-height: 82px;
  }

  /* Agent suggestions stay available in one compact horizontal rail. */
  .sgseo-agent-quick {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    margin-right: -13px !important;
    padding: 0 13px 6px 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
  }

  .sgseo-agent-quick button {
    flex: 0 0 min(78vw, 280px) !important;
    max-width: none !important;
    min-height: 58px !important;
    scroll-snap-align: start;
  }

  .sgseo-agent-prompt textarea,
  .sgseo-outfit-prompt textarea,
  .sgseo-text-image-prompt textarea {
    min-height: 88px !important;
  }

  .sgseo-outfit-preset {
    flex-basis: 94px !important;
  }

  .sgseo-outfit-preset__image {
    aspect-ratio: 1 !important;
  }

  .sgseo-agent-hero .sgseo-hero__stage,
  .sgseo-outfit-hero .sgseo-hero__stage {
    width: min(100%, 270px) !important;
    margin-inline: auto !important;
  }

  .sgseo-text-image-example-row {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
  }

  .sgseo-text-image-example-row button {
    flex: 0 0 min(78vw, 290px);
    scroll-snap-align: start;
  }

  .sgseo-age-selector {
    padding-top: 10px !important;
  }

  .sgseo-age-selector__axis {
    margin-bottom: 8px !important;
  }

  .sgseo-age-selector__group + .sgseo-age-selector__group {
    margin-top: 10px !important;
  }

  .sgseo-age-selector__rail {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 7px !important;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 5px;
  }

  .sgseo-age-preset {
    flex: 0 0 118px;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    min-height: 48px !important;
    scroll-snap-align: start;
  }

  .sgseo-age-preset img {
    width: 38px !important;
    height: 38px !important;
  }

  .sgseo-age-preset > b {
    position: absolute;
    top: 7px;
    right: 7px;
  }

  .sgseo-background-preset-rail {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
  }

  .sgseo-background-preset {
    flex: 0 0 148px;
    min-height: 0 !important;
    scroll-snap-align: start;
  }

  .sgseo-background-preset__image {
    aspect-ratio: 4 / 3 !important;
  }

  .sgseo-product-modes {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
  }

  .sgseo-product-mode {
    flex: 0 0 148px;
    min-height: 62px;
    scroll-snap-align: start;
  }

  .sgseo-tools-hub-hero .sgseo-hero__copy,
  .sgseo-tools-hub-hero .sgseo-hero__eyebrow,
  .sgseo-tools-hub-hero .sgseo-hero__description,
  .sgseo-tools-hub-hero .sgseo-hero__trust,
  .sgseo-tools-hub-hero .sgseo-hero__upload,
  .sgseo-tools-hub-hero .sgseo-hero__visual,
  .sgseo-tools-hub-hero .sgseo-hero__message {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

@media (max-width: 430px) {
  .sgseo-tools-hub-hero h1 {
    overflow-wrap: anywhere !important;
  }
}

/* ===== 2.25.0 — VISUAL QA FIXES / STYLES, FACE SWAP, AGE, BODY, EDITOR ===== */

/* The semantic order is Before on the left and After on the right. */
.sgseo-before-after__after {
  clip-path: inset(0 0 0 var(--sgseo-ba-position));
}

/* The original Photo Styles hero asset pair was supplied in reverse order.
   Keep that one showcase visually correct until the source assets are renamed. */
.sgseo-style-hero .sgseo-before-after__after {
  clip-path: inset(0 calc(100% - var(--sgseo-ba-position)) 0 0);
}

/* Face Swap examples must show all three inputs: face, base photo and result. */
.sgseo-face-examples .sgseo-face-example-source,
.sgseo-face-examples .sgseo-face-example-base {
  display: block !important;
}

.sgseo-face-examples .sgseo-face-example-merge {
  display: grid !important;
}

/* Body preset labels wrap inside their cards instead of widening the grid. */
.sgseo-body-preset {
  overflow: hidden;
}

.sgseo-body-preset-rail {
  grid-template-columns: 1fr !important;
}

.sgseo-body-preset__name {
  display: block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

/* WordPress/Elementor button defaults must not turn Editor tool actions white. */
.sgseo-commerce-page .sgseo-commerce-tool button.sgseo-commerce-tool__open {
  appearance: none;
  width: auto !important;
  min-height: 38px;
  align-self: flex-start;
  justify-content: center;
  margin-top: 16px;
  padding: 0 11px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
  background: #121212 !important;
  box-shadow: none !important;
  color: #d5d5d0 !important;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .08em;
  cursor: pointer;
}

.sgseo-commerce-page .sgseo-commerce-tool button.sgseo-commerce-tool__open:hover,
.sgseo-commerce-page .sgseo-commerce-tool button.sgseo-commerce-tool__open:focus-visible {
  border-color: rgba(255,255,255,.28) !important;
  background: #191919 !important;
  color: #fff !important;
}

/* Age timeline cards now contain real interactive Before/After comparisons. */
.sgseo-age-time figure .sgseo-before-after {
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  aspect-ratio: inherit;
  border: 0;
  border-radius: 0;
  background: var(--sgseo-surface-2);
}

.sgseo-age-time figure .sgseo-before-after img {
  object-fit: cover;
  object-position: center 20%;
}

/* Photo Styles: compact, even editorial grids without masonry gaps. */
.sgseo-style-hero .sgseo-hero__visual {
  width: min(100%, 460px);
  justify-self: end;
}

.sgseo-style-hero .sgseo-hero__stage {
  width: 100%;
  max-height: 575px;
}

.sgseo-style-hero__chip[data-sgseo-natural-media] {
  height: 118px;
  aspect-ratio: auto !important;
}

.sgseo-style-output-stage {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-flow: row;
  align-items: stretch;
}

.sgseo-style-output,
.sgseo-style-output:first-child,
.sgseo-style-output:nth-child(4) {
  grid-column: auto;
  grid-row: auto;
  aspect-ratio: 4 / 5;
}

.sgseo-style-gallery {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sgseo-style-gallery .sgseo-style-card,
.sgseo-style-gallery .sgseo-style-card:nth-child(1),
.sgseo-style-gallery .sgseo-style-card:nth-child(6) {
  grid-column: auto !important;
}

.sgseo-style-card__media {
  aspect-ratio: 4 / 5;
}

@media (max-width: 1120px) {
  .sgseo-style-hero .sgseo-hero__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "upload"
      "visual"
      "presets"
      "actions"
      "message" !important;
  }

  .sgseo-style-hero .sgseo-hero__visual {
    width: min(100%, 420px) !important;
    max-width: 420px !important;
    justify-self: start;
  }

  .sgseo-style-hero .sgseo-hero__stage {
    max-height: 525px !important;
  }

  .sgseo-style-hero__chips {
    display: none !important;
  }

  .sgseo-style-output-stage {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sgseo-style-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sgseo-face-examples .sgseo-face-example-merge {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .sgseo-root.sgseo-face-swap-hero[data-sgseo-component="hero"],
  .sgseo-root.sgseo-age-hero[data-sgseo-component="hero"],
  .sgseo-root.sgseo-body-hero[data-sgseo-component="hero"] {
    padding-top: 112px !important;
  }

  .sgseo-commerce-page > .sgseo-commerce-hero {
    padding-top: 112px !important;
  }

  .sgseo-root.sgseo-style-hero[data-sgseo-component="hero"] {
    padding-top: 112px !important;
    padding-bottom: 54px !important;
  }

  .sgseo-style-hero h1 {
    font-size: clamp(2.35rem, 11.5vw, 3.35rem) !important;
    line-height: .96;
  }

  .sgseo-style-hero .sgseo-hero__description {
    margin-top: 16px;
    font-size: .95rem;
    line-height: 1.55;
  }

  .sgseo-style-hero .sgseo-hero__visual {
    width: min(100%, 250px) !important;
    max-width: 250px !important;
    justify-self: center;
  }

  .sgseo-style-hero .sgseo-hero__stage {
    width: 100% !important;
    max-height: 313px !important;
  }

  .sgseo-style-output-stage,
  .sgseo-style-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sgseo-style-output:first-child,
  .sgseo-style-output:nth-child(4) {
    grid-column: auto !important;
  }

  .sgseo-style-card__meta {
    display: grid;
    align-items: start;
  }

  .sgseo-commerce-page .sgseo-commerce-tool button.sgseo-commerce-tool__open {
    min-height: 40px;
  }
}

@media (max-width: 430px) {
  .sgseo-style-output-stage,
  .sgseo-style-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ===== 2.26.0 — RESPONSIVE BROWSER QA / TABLET + COMPACT MOBILE ===== */

/* Media and control containment: these rules are intentionally scoped to the
   SEO UI namespace so WordPress theme and Editor styles are untouched. */
.sgseo-utility-detail,
.sgseo-utility-detail__media,
.sgseo-utility-detail-stage,
.sgseo-correction-workspace,
.sgseo-correction-dock,
.sgseo-product-hero__grid > *,
.sgseo-background-hero .sgseo-hero__grid > * {
  min-width: 0;
}

.sgseo-utility-detail {
  width: 100%;
  margin: 0;
  overflow: hidden;
}

.sgseo-utility-detail__media {
  overflow: hidden;
}

.sgseo-utility-detail__media img {
  max-width: 100%;
}

.sgseo-correction-control input[type="range"] {
  min-height: 44px;
  margin-block: -8px;
}

.sgseo-commerce-page .sgseo-commerce-tool button.sgseo-commerce-tool__open,
.sgseo-commerce-page .sgseo-commerce-tool .sgseo-commerce-tool__details {
  min-height: 44px;
}

/* Keep the Age transformation source and result labels readable over every
   supplied image. The timeline already uses real matching Before/After pairs. */
.sgseo-age-time .sgseo-before-after__label {
  z-index: 6;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(5,8,11,.88);
  color: #fff;
}

/* 1024px is a compact desktop/tablet canvas. Preserve the product layout
   (controls left, result right) instead of switching to a very tall stack. */
@media (min-width: 861px) and (max-width: 1120px) {
  .sgseo-style-hero .sgseo-hero__grid {
    grid-template-columns: minmax(0,.92fr) minmax(420px,1.08fr) !important;
    grid-template-areas:
      "copy visual"
      "upload visual"
      "presets visual"
      "actions visual"
      "message visual" !important;
    column-gap: 32px;
    row-gap: 14px;
  }

  .sgseo-style-hero .sgseo-hero__visual {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .sgseo-style-hero .sgseo-hero__stage {
    width: 100% !important;
    max-height: 560px !important;
  }

  .sgseo-style-hero__chips {
    display: grid !important;
  }

  .sgseo-body-hero .sgseo-hero__grid,
  .sgseo-pose-hero .sgseo-hero__grid {
    grid-template-columns: minmax(350px,.74fr) minmax(0,1fr) !important;
    grid-template-areas:
      "copy visual"
      "upload visual"
      "presets visual"
      "actions visual"
      "message visual" !important;
    column-gap: 34px;
    row-gap: 13px;
  }

  .sgseo-body-hero__stage,
  .sgseo-pose-hero__stage {
    width: 100% !important;
    max-width: 560px;
    margin-left: auto !important;
  }

  .sgseo-body-hero h1,
  .sgseo-pose-hero h1 {
    font-size: clamp(2.7rem,5.2vw,3.65rem);
  }

  .sgseo-background-hero .sgseo-hero__grid {
    grid-template-columns: minmax(360px,.88fr) minmax(0,1.12fr) !important;
    grid-template-areas:
      "copy visual"
      "upload visual"
      "presets visual"
      "actions visual"
      "message visual" !important;
    column-gap: 30px;
  }

  .sgseo-background-hero .sgseo-upload {
    min-height: 84px;
    padding: 13px 14px;
  }

  .sgseo-background-preset-rail {
    grid-template-columns: 1fr !important;
    gap: 8px;
  }

  .sgseo-background-preset {
    grid-template-columns: 72px minmax(0,1fr);
    padding: 7px;
  }

  .sgseo-background-preset__image {
    width: 72px;
    height: 54px;
  }

  .sgseo-face-swap-hero .sgseo-hero__grid {
    grid-template-columns: minmax(340px,.76fr) minmax(0,1.24fr) !important;
    grid-template-areas:
      "copy copy"
      "upload visual"
      "presets visual"
      "actions visual"
      "message visual" !important;
    column-gap: 34px;
  }

  .sgseo-face-swap-hero .sgseo-hero__visual {
    position: static;
  }

  .sgseo-face-swap-hero .sgseo-hero__copy h1 {
    font-size: clamp(3rem,5.7vw,4rem);
  }

  .sgseo-product-hero__grid {
    grid-template-columns: minmax(350px,.9fr) minmax(0,1.1fr) !important;
    gap: 32px !important;
    align-items: start;
  }

  .sgseo-product-hero h1 {
    max-width: 620px;
    font-size: clamp(3rem,5.4vw,3.8rem) !important;
    line-height: .94;
  }

  .sgseo-product-hero__stage {
    width: 100%;
    max-width: 620px;
    margin-left: auto;
  }

  .sgseo-product-modes {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .sgseo-product-mode {
    min-height: 58px;
    padding: 8px;
  }

  .sgseo-utility-detail-stage {
    grid-template-columns: repeat(2,minmax(0,1fr));
    overflow: hidden;
  }

  .sgseo-utility-detail__media img {
    transform: scale(1.18);
  }
}

@media (max-width: 860px) {
  .sgseo-utility-detail-stage {
    grid-template-columns: 1fr;
  }

  .sgseo-utility-detail__media {
    aspect-ratio: 4 / 3;
  }

  .sgseo-utility-detail__media img {
    transform: scale(1.14);
  }
}

@media (max-width: 767.98px) {
  /* Explicit 44px hit areas for controls that were still being reduced by
     family-specific rules later in the cascade. */
  .sgseo-gender-tab,
  .sgseo-text-image-style-row button,
  .sgseo-text-image-aspect-row button,
  .sgseo-commerce-page .sgseo-commerce-tool button.sgseo-commerce-tool__open,
  .sgseo-commerce-tool__details,
  .sgseo-correction-dock__reset {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .sgseo-root[data-sgseo-component="hero"] {
    padding-bottom: 32px !important;
  }

  .sgseo-outfit-hero .sgseo-hero__stage,
  .sgseo-agent-hero .sgseo-hero__stage {
    width: min(100%,220px) !important;
  }

  .sgseo-outfit-hero .sgseo-hero__grid {
    grid-template-areas:
      "copy"
      "upload"
      "visual"
      "presets"
      "actions"
      "message" !important;
  }

  .sgseo-outfit-prompt textarea,
  .sgseo-agent-prompt textarea,
  .sgseo-text-image-prompt textarea {
    min-height: 74px !important;
  }

  .sgseo-outfit-preset {
    flex-basis: 86px !important;
  }

  .sgseo-outfit-preset__image {
    max-height: 72px;
  }

  .sgseo-text-image-stage {
    width: min(100%,310px);
    max-height: 300px;
    margin-inline: auto;
  }

  .sgseo-text-image-board {
    max-height: 300px;
    overflow: hidden;
  }

  .sgseo-text-image-example-row button {
    min-height: 52px;
  }

  .sgseo-text-image-style-row,
  .sgseo-text-image-aspect-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 7px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 4px;
  }

  .sgseo-text-image-style-row button,
  .sgseo-text-image-aspect-row button {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .sgseo-agent-quick button {
    min-height: 52px !important;
  }

  .sgseo-correction-hero .sgseo-hero__copy h1 {
    font-size: clamp(1.8rem,8.8vw,2.2rem) !important;
    line-height: 1 !important;
  }

  .sgseo-correction-workspace {
    gap: 9px;
  }

  .sgseo-correction-canvas {
    min-height: 260px !important;
    aspect-ratio: 4 / 3 !important;
  }

  .sgseo-correction-dock {
    padding: 12px;
  }

  .sgseo-correction-controls {
    gap: 5px;
  }

  .sgseo-product-hero,
  .sgseo-commerce-hero {
    padding-top: 22px;
    padding-bottom: 48px;
  }

  .sgseo-product-hero h1,
  .sgseo-commerce-hero h1 {
    font-size: clamp(2.25rem,11.3vw,3.2rem) !important;
    line-height: .93;
  }

  .sgseo-product-hero__stage,
  .sgseo-commerce-hero__stage {
    width: min(100%,290px);
    margin-inline: auto;
  }

  .sgseo-product-trust {
    display: none !important;
  }

  .sgseo-background-hero .sgseo-hero__stage,
  .sgseo-face-swap-hero .sgseo-hero__stage {
    width: min(100%,320px) !important;
    margin-inline: auto !important;
  }

  .sgseo-background-preset-rail,
  .sgseo-product-modes {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
  }

  .sgseo-background-preset,
  .sgseo-product-mode {
    flex: 0 0 148px;
    min-height: 58px;
    scroll-snap-align: start;
  }

  .sgseo-age-time .sgseo-before-after__label {
    display: inline-flex !important;
  }
}

@media (max-width: 390px) {
  .sgseo-root[data-sgseo-component="hero"] h1 {
    font-size: clamp(1.9rem,9.2vw,2.18rem) !important;
  }

  .sgseo-text-image-stage {
    width: min(100%,280px);
    max-height: 270px;
  }

  .sgseo-text-image-board {
    max-height: 270px;
  }

  .sgseo-outfit-hero .sgseo-hero__stage,
  .sgseo-agent-hero .sgseo-hero__stage {
    width: min(100%,205px) !important;
  }
}

/* Long Hair cluster: the preserved H1 is considerably longer than the parent
   Hair-page H1, so keep the control column visible without changing the
   typography of the other twenty SEO page families. */
.sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__grid {
  grid-template-columns: minmax(440px, .92fr) minmax(440px, 1.08fr);
  column-gap: clamp(30px, 4vw, 58px);
}

.sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__copy {
  padding-top: 10px;
}

.sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__copy h1 {
  max-width: 720px;
  font-size: clamp(3rem, 4vw, 3.65rem);
  line-height: .97;
  letter-spacing: -.05em;
}

.sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__description {
  margin-top: 17px;
}

.sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__trust {
  margin-top: 13px;
}

.sgseo-root[data-sgseo-family="long-hair"] .sgseo-preset__name {
  overflow-wrap: anywhere;
}

.sgseo-final[id^="sgseo-long-"] {
  padding-bottom: clamp(138px, 13vw, 188px);
}

@media (max-width: 1120px) {
  .sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__grid {
    grid-template-columns: minmax(360px, .9fr) minmax(390px, 1.1fr);
    column-gap: 28px;
  }

  .sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__copy h1 {
    font-size: clamp(2.65rem, 4.7vw, 3.3rem);
  }
}

@media (max-width: 860px) {
  .sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__copy h1 {
    font-size: clamp(2rem, 9.2vw, 2.35rem);
    line-height: 1;
  }

  .sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__eyebrow {
    margin-bottom: 12px;
  }

  .sgseo-root[data-sgseo-family="long-hair"] .sgseo-hero__trust {
    gap: 6px 12px;
    font-size: .76rem;
  }
}

/* Context-aware floating action. It is created once by the shared plugin and
   reuses the active Hero input/action instead of duplicating upload or AI API
   logic. */
.sgseo-floating-cta {
  position: fixed;
  z-index: 96;
  left: 50%;
  bottom: max(18px, env(safe-area-inset-bottom));
  width: min(430px, calc(100vw - 32px));
  padding: 5px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  background: #111318;
  box-shadow: 0 16px 38px rgba(0,0,0,.38);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, calc(100% + 40px));
  transition: opacity .2s ease, transform .24s ease, visibility 0s linear .24s;
}

.sgseo-floating-cta[data-sgseo-visible="true"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
  transition: opacity .2s ease, transform .24s ease, visibility 0s;
}

.sgseo-v2-modal-open .sgseo-floating-cta {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, calc(100% + 40px));
}

.sgseo-floating-cta__button {
  appearance: none;
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) 28px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 62px;
  margin: 0;
  padding: 8px 12px 8px 8px;
  border: 0;
  border-radius: 11px;
  color: #f7f8fb;
  background: linear-gradient(104deg,#176fa1 0%,#3d469f 55%,#5542a1 100%);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: filter .16s ease, transform .16s ease;
}

.sgseo-floating-cta__button:hover {
  filter: brightness(1.08);
}

.sgseo-floating-cta__button:active {
  transform: translateY(1px);
}

.sgseo-floating-cta__button:focus-visible {
  outline: 2px solid #75c9ff;
  outline-offset: 3px;
}

.sgseo-floating-cta__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 9px;
  background: rgba(5,8,17,.28);
}

.sgseo-floating-cta__icon .sgseo-icon,
.sgseo-floating-cta__arrow .sgseo-icon {
  width: 20px;
  height: 20px;
}

.sgseo-floating-cta__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.sgseo-floating-cta__copy strong {
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  font-weight: 720;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sgseo-floating-cta__copy small {
  overflow: hidden;
  color: rgba(255,255,255,.76);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sgseo-floating-cta__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .82;
}

.sgseo-floating-cta[data-sgseo-mode="auth"] .sgseo-floating-cta__button {
  background: linear-gradient(104deg,#166c9b 0%,#3c4599 52%,#6840a0 100%);
}

.sgseo-floating-cta[data-sgseo-mode="processing"] .sgseo-floating-cta__icon .sgseo-icon {
  animation: sgseo-floating-pulse 1.4s ease-in-out infinite;
}

@keyframes sgseo-floating-pulse {
  0%,100% { opacity: .55; transform: scale(.9); }
  50% { opacity: 1; transform: scale(1.05); }
}

@media (max-width: 767.98px) {
  .sgseo-floating-cta {
    bottom: max(10px, env(safe-area-inset-bottom));
    width: calc(100% - 24px);
    border-radius: 14px;
  }

  .sgseo-floating-cta__button {
    grid-template-columns: 40px minmax(0,1fr) 24px;
    min-height: 60px;
    gap: 9px;
    padding-right: 10px;
  }

  .sgseo-floating-cta__icon {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 350px) {
  .sgseo-floating-cta__copy strong { font-size: 14px; }
  .sgseo-floating-cta__copy small { font-size: 10px; }
}

@media (max-width: 340px) {
  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset-rail {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px !important;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset {
    grid-template-columns: 58px minmax(0, 1fr);
    min-height: 70px;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset__image {
    width: 58px;
    height: 58px;
  }

  .sgseo-root[data-sgseo-tool="hair"] .sgseo-preset__name {
    padding-right: 24px;
    font-size: 0.72rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sgseo-floating-cta,
  .sgseo-floating-cta__button {
    transition: none;
  }

  .sgseo-floating-cta[data-sgseo-mode="processing"] .sgseo-floating-cta__icon .sgseo-icon {
    animation: none;
  }
}


/* Curly Hair cluster: six real Editor presets (three per gender). Keep this
   family isolated so the parent Hair and Long Hair mobile fixes stay intact. */
.sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__grid {
  grid-template-columns: minmax(440px, .92fr) minmax(440px, 1.08fr);
  column-gap: clamp(30px, 4vw, 58px);
}

.sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__copy {
  padding-top: 10px;
}

.sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__copy h1 {
  max-width: 720px;
  font-size: clamp(3rem, 4vw, 3.65rem);
  line-height: .97;
  letter-spacing: -.05em;
}

.sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__description { margin-top: 17px; }
.sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__trust { margin-top: 13px; }
.sgseo-root[data-sgseo-family="curly-hair"] .sgseo-preset__name {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.sgseo-final[id^="sgseo-curly-"] { padding-bottom: clamp(138px, 13vw, 188px); }

@media (max-width: 1120px) {
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__grid {
    grid-template-columns: minmax(360px, .9fr) minmax(390px, 1.1fr);
    column-gap: 28px;
  }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__copy h1 {
    font-size: clamp(2.65rem, 4.7vw, 3.3rem);
  }
}

@media (max-width: 860px) {
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__copy h1 {
    font-size: clamp(2rem, 9.2vw, 2.35rem);
    line-height: 1;
  }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__eyebrow { margin-bottom: 12px; }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-hero__trust {
    gap: 6px 12px;
    font-size: .76rem;
  }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-preset-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px !important;
  }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-preset {
    display: flex;
    min-height: 124px;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-preset__image {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-preset__name {
    width: 100%;
    min-height: 2.5em;
    padding: 0 2px;
    text-align: center;
    font-size: .66rem !important;
    line-height: 1.22;
  }
}

@media (max-width: 340px) {
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-preset-rail {
    grid-template-columns: minmax(0, 1fr);
  }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-preset {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    min-height: 70px;
    align-items: center;
  }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-preset__image {
    width: 58px;
    height: 58px;
  }
  .sgseo-root[data-sgseo-family="curly-hair"] .sgseo-preset__name {
    min-height: 0;
    padding: 0 24px 0 0;
    text-align: left;
    font-size: .72rem !important;
  }
}


/* Braids & Plaits cluster: four real Editor presets (two per gender).
   Keep the family isolated so Long Hair, Curly Hair and parent Hair remain unchanged. */
.sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__grid {
  grid-template-columns: minmax(440px, .92fr) minmax(440px, 1.08fr);
  column-gap: clamp(30px, 4vw, 58px);
}
.sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__copy { padding-top: 10px; }
.sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__copy h1 {
  max-width: 760px;
  font-size: clamp(2.75rem, 3.75vw, 3.5rem);
  line-height: .98;
  letter-spacing: -.045em;
}
.sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__description { margin-top: 17px; }
.sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__trust { margin-top: 13px; }
.sgseo-root[data-sgseo-family="braids-hair"] .sgseo-preset__name {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.sgseo-final[id^="sgseo-braids-"] { padding-bottom: clamp(138px, 13vw, 188px); }
@media (max-width: 1120px) {
  .sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__grid {
    grid-template-columns: minmax(360px, .9fr) minmax(390px, 1.1fr);
    column-gap: 28px;
  }
  .sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__copy h1 {
    font-size: clamp(2.35rem, 4.35vw, 3rem);
  }
}
@media (max-width: 860px) {
  .sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__copy h1 {
    font-size: clamp(1.9rem, 8.5vw, 2.25rem);
    line-height: 1.01;
  }
  .sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__eyebrow { margin-bottom: 12px; }
  .sgseo-root[data-sgseo-family="braids-hair"] .sgseo-hero__trust {
    gap: 6px 12px;
    font-size: .76rem;
  }
}
@media (max-width: 340px) {
  .sgseo-root[id^="sgseo-braids-"][id$="-showcase"] .sgseo-showcase-item__caption {
    min-height: 68px;
  }
}

/* Wedding Hairstyles cluster: five women-only bridal presets from Editor 1.0.159. */
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__grid {
  grid-template-columns: minmax(440px, .92fr) minmax(440px, 1.08fr);
  column-gap: clamp(30px, 4vw, 58px);
}
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__copy { padding-top: 10px; }
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__copy h1 {
  max-width: 760px;
  font-size: clamp(2.7rem, 3.7vw, 3.45rem);
  line-height: .99;
  letter-spacing: -.045em;
}
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__description { margin-top: 17px; }
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__trust { margin-top: 13px; }
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-preset-header { gap: 4px; }
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-preset-header .sgseo-gender-switch { display: none !important; }
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-preset-rail {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-flow: row;
  overflow-x: visible;
  gap: 7px;
}
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-preset {
  min-width: 0;
  padding: 5px;
}
.sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-preset__name {
  min-height: 3.45em;
  margin: 6px 1px 1px;
  font-size: .64rem;
  line-height: 1.15;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.sgseo-final[id^="sgseo-wedding-"] { padding-bottom: clamp(138px, 13vw, 188px); }

@media (max-width: 1120px) {
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__grid {
    grid-template-columns: minmax(360px, .9fr) minmax(390px, 1.1fr);
    column-gap: 28px;
  }
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__copy h1 {
    font-size: clamp(2.3rem, 4.2vw, 2.95rem);
  }
}
@media (max-width: 860px) {
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__grid { grid-template-columns: 1fr; }
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-preset__name { min-height: 2.4em; font-size: .7rem; }
}
@media (max-width: 640px) {
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__copy h1 {
    font-size: clamp(1.9rem, 8.4vw, 2.25rem);
    line-height: 1.01;
  }
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__eyebrow { margin-bottom: 12px; }
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-hero__trust { gap: 6px 12px; font-size: .76rem; }
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-preset-rail {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(108px, 34%);
    overflow-x: auto;
    padding-bottom: 9px;
    scroll-snap-type: inline mandatory;
  }
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-preset__name {
    min-height: 2.5em;
    font-size: .67rem;
    text-align: center;
  }
}
@media (max-width: 340px) {
  .sgseo-root[data-sgseo-family="wedding-hair"] .sgseo-preset-rail { grid-auto-columns: minmax(104px, 40%); }
  .sgseo-root[id^="sgseo-wedding-"][id$="-showcase"] .sgseo-showcase-item__caption { min-height: 68px; }
}


/* Men's Hairstyles cluster: five men-only presets. */
.sgseo-root[data-sgseo-family="man-hair"] .sgseo-hero__grid {
  grid-template-columns: minmax(440px, .94fr) minmax(440px, 1.06fr);
  column-gap: clamp(30px, 4vw, 58px);
}
.sgseo-root[data-sgseo-family="man-hair"] .sgseo-hero__copy { padding-top: 10px; }
.sgseo-root[data-sgseo-family="man-hair"] .sgseo-hero__copy h1 {
  max-width: 780px;
  font-size: clamp(2.65rem, 3.65vw, 3.4rem);
  line-height: 1;
  letter-spacing: -.043em;
}
.sgseo-root[data-sgseo-family="man-hair"] .sgseo-preset-header .sgseo-gender-switch { display:none !important; }
.sgseo-root[data-sgseo-family="man-hair"] .sgseo-preset-rail {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-flow: row;
  overflow-x: visible;
  gap: 7px;
}
.sgseo-root[data-sgseo-family="man-hair"] .sgseo-preset { min-width:0; padding:5px; }
.sgseo-root[data-sgseo-family="man-hair"] .sgseo-preset__name {
  min-height: 2.5em;
  margin: 6px 1px 1px;
  font-size: .68rem;
  line-height: 1.15;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.sgseo-final[id^="sgseo-man-"] { padding-bottom: clamp(138px, 13vw, 188px); }
@media (max-width:1120px) {
  .sgseo-root[data-sgseo-family="man-hair"] .sgseo-hero__grid {
    grid-template-columns: minmax(360px,.9fr) minmax(390px,1.1fr);
    column-gap:28px;
  }
  .sgseo-root[data-sgseo-family="man-hair"] .sgseo-hero__copy h1 { font-size:clamp(2.25rem,4.15vw,2.9rem); }
}
@media (max-width:860px) {
  .sgseo-root[data-sgseo-family="man-hair"] .sgseo-hero__grid { grid-template-columns:1fr; }
  .sgseo-root[data-sgseo-family="man-hair"] .sgseo-preset__name { min-height:2.4em; font-size:.7rem; }
}
@media (max-width:640px) {
  .sgseo-root[data-sgseo-family="man-hair"] .sgseo-hero__copy h1 {
    font-size:clamp(1.85rem,8.2vw,2.2rem);
    line-height:1.02;
  }
  .sgseo-root[data-sgseo-family="man-hair"] .sgseo-preset-rail {
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:minmax(108px,34%);
    overflow-x:auto;
    padding-bottom:9px;
    scroll-snap-type:inline mandatory;
  }
  .sgseo-root[data-sgseo-family="man-hair"] .sgseo-preset__name {
    min-height:2.45em;
    font-size:.67rem;
    text-align:center;
  }
}
@media (max-width:340px) {
  .sgseo-root[data-sgseo-family="man-hair"] .sgseo-preset-rail { grid-auto-columns:minmax(104px,40%); }
  .sgseo-root[id^="sgseo-man-"][id$="-showcase"] .sgseo-showcase-item__caption { min-height:68px; }
}

/* ===== 2.28.11 — PHOTO STYLES / NATURAL MEDIA FRAMES =====
   Keep every Styles frame tied to the actual image ratio. This is deliberately
   scoped to Photo Styles and does not change shared cards on other SEO pages. */

/* Small hero result samples: keep the compact height, but let each card shrink
   horizontally to the real portrait/landscape ratio instead of stretching. */
.sgseo-style-hero__chips {
  align-items: start;
}

.sgseo-style-hero__chip[data-sgseo-natural-media] {
  width: auto !important;
  max-width: 100%;
  height: 118px !important;
  aspect-ratio: var(--sgseo-natural-ratio, 4 / 5) !important;
  justify-self: start;
}

.sgseo-style-hero__chip[data-sgseo-natural-media]:nth-child(even) {
  justify-self: end;
}

/* Editorial style outputs use the source image's intrinsic ratio. */
.sgseo-style-output-stage {
  align-items: start !important;
}

.sgseo-style-output,
.sgseo-style-output:first-child,
.sgseo-style-output:nth-child(4) {
  align-self: start;
  aspect-ratio: var(--sgseo-natural-ratio, 4 / 5) !important;
}

/* Before/After examples: one frame only, and that frame follows the real
   source photo ratio. The caption is intentionally outside of the frame. */
.sgseo-style-gallery {
  align-items: start !important;
}

.sgseo-style-gallery .sgseo-style-card,
.sgseo-style-gallery .sgseo-style-card:nth-child(1),
.sgseo-style-gallery .sgseo-style-card:nth-child(6) {
  align-self: start;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.sgseo-style-card__media {
  aspect-ratio: var(--sgseo-media-ratio, var(--sgseo-natural-ratio, 4 / 5)) !important;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 13px;
  background: #090a0f;
  box-sizing: border-box;
}

.sgseo-style-card__media .sgseo-before-after {
  width: 100%;
  height: 100%;
  aspect-ratio: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.sgseo-style-card__meta {
  padding: 10px 2px 0 !important;
}

@media (max-width: 767.98px) {
  .sgseo-style-hero__chip[data-sgseo-natural-media] {
    height: 104px !important;
  }

  .sgseo-style-gallery .sgseo-style-card {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
}


/* Hair Color Studio — v2.28.15 */
.sgseo-root[data-sgseo-family="hair-color"] {
  --sgseo-color-line: rgba(255,255,255,.10);
  --sgseo-color-line-strong: rgba(255,255,255,.21);
}

.sgseo-root[data-sgseo-family="hair-color"].sgseo-hero {
  background:
    radial-gradient(circle at 82% 15%, rgba(110,91,190,.14), transparent 34%),
    radial-gradient(circle at 15% 72%, rgba(48,104,122,.08), transparent 31%),
    var(--sgseo-bg);
}

.sgseo-root[data-sgseo-family="hair-color"] .sgseo-color-picker {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--sgseo-color-line);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(22,22,27,.96), rgba(14,14,18,.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.sgseo-root[data-sgseo-family="hair-color"] .sgseo-color-picker__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 12px;
}

.sgseo-root[data-sgseo-family="hair-color"] .sgseo-color-picker__head .sgseo-control-label {
  display: grid;
  justify-content: start;
  gap: 4px;
  margin: 0;
}

.sgseo-root[data-sgseo-family="hair-color"] .sgseo-color-picker__selected {
  max-width: 100%;
  color: var(--sgseo-dim);
  font-size: .72rem;
  font-weight: 580;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.sgseo-color-custom {
  position: relative;
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  border: 1px solid var(--sgseo-color-line);
  border-radius: 12px;
  padding: 7px 10px;
  background: #111116;
  color: var(--sgseo-text);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.sgseo-color-custom:hover {
  border-color: var(--sgseo-color-line-strong);
  background: #17171d;
}

.sgseo-color-custom.is-active {
  border-color: rgba(196,181,253,.78);
  background: #191724;
  box-shadow: inset 0 0 0 1px rgba(196,181,253,.16);
}

.sgseo-color-custom__sample {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 9px;
  background: linear-gradient(135deg,#f4d7b8 0 18%,#8a4f3d 18% 36%,#242329 36% 54%,#cab6ff 54% 72%,#5e84dc 72% 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.22);
}

.sgseo-color-custom__copy {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.sgseo-color-custom__copy b {
  font-size: .72rem;
  line-height: 1.15;
}

.sgseo-color-custom__copy small {
  color: var(--sgseo-dim);
  font-size: .61rem;
  line-height: 1.15;
}

.sgseo-color-custom input[type="color"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}

.sgseo-color-custom:focus-within {
  outline: 3px solid var(--sgseo-focus);
  outline-offset: 2px;
}

.sgseo-color-swatches {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 7px;
}

.sgseo-color-swatch {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  min-height: 72px;
  border: 1px solid var(--sgseo-color-line);
  border-radius: 11px;
  padding: 7px 5px;
  overflow: hidden;
  background: #101014;
  color: var(--sgseo-muted);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

.sgseo-color-swatch:hover:not(:disabled) {
  border-color: var(--sgseo-color-line-strong);
  background: #17171c;
  color: var(--sgseo-text);
  transform: translateY(-1px);
}

.sgseo-color-swatch[aria-pressed="true"] {
  border-color: rgba(196,181,253,.78);
  background: #191724;
  color: var(--sgseo-text);
  box-shadow: inset 0 0 0 1px rgba(196,181,253,.15);
}

.sgseo-color-swatch:focus-visible {
  outline: 3px solid var(--sgseo-focus);
  outline-offset: 2px;
}

.sgseo-color-swatch:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.sgseo-color-custom input:disabled {
  cursor: not-allowed;
}

.sgseo-color-swatch__dot {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255,255,255,.27);
  border-radius: 9px;
  background: var(--sgseo-swatch,#888);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.16);
}

.sgseo-color-swatch__name {
  min-width: 0;
  width: 100%;
  font-size: .61rem;
  font-weight: 690;
  line-height: 1.08;
  overflow: hidden;
  text-align: center;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.sgseo-color-swatch__check {
  position: absolute;
  top: 4px;
  right: 4px;
  display: none;
  width: 17px;
  height: 17px;
  place-items: center;
  border-radius: 6px;
  background: #f4f4f5;
  color: #17171b;
  box-shadow: 0 2px 7px rgba(0,0,0,.3);
}

.sgseo-color-swatch[aria-pressed="true"] .sgseo-color-swatch__check { display: grid; }
.sgseo-color-swatch__check .sgseo-icon { width: 11px; height: 11px; }

.sgseo-root[data-sgseo-family="hair-color"] .sgseo-hero__stage {
  background: #0f1014;
}

.sgseo-color-spectrum {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--sgseo-line);
  border-radius: 18px;
  background: var(--sgseo-line);
}


.sgseo-root[id^="sgseo-hair-color-"] .sgseo-steps {
  grid-template-columns: repeat(4,minmax(0,1fr));
}

.sgseo-color-spectrum > article {
  min-width: 0;
  padding: clamp(22px,3vw,34px);
  background: var(--sgseo-surface);
}

.sgseo-color-spectrum__bar {
  height: 8px;
  margin: 18px 0 16px;
  border-radius: 999px;
}

.sgseo-color-spectrum__bar--warm { background: linear-gradient(90deg,#d7b266,#9a5135,#bd6a41); }
.sgseo-color-spectrum__bar--neutral { background: linear-gradient(90deg,#1a1b1d,#76533f,#d7c497); }
.sgseo-color-spectrum__bar--cool { background: linear-gradient(90deg,#e3ded5,#a2a7ad,#5d6d87); }

.sgseo-color-spectrum h3 { margin: 0; color: var(--sgseo-text); font-size: 1rem; }
.sgseo-color-spectrum p { margin: 9px 0 0; color: var(--sgseo-muted); font-size: .88rem; line-height: 1.62; }

@media (max-width: 1120px) {
  .sgseo-color-swatches { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .sgseo-root[id^="sgseo-hair-color-"] .sgseo-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sgseo-root[data-sgseo-family="hair-color"] .sgseo-color-picker { max-width: 620px; }
  .sgseo-color-swatches { grid-template-columns: repeat(5,minmax(0,1fr)); }
}

@media (max-width: 640px) {
  .sgseo-root[id^="sgseo-hair-color-"] .sgseo-steps { grid-template-columns: 1fr; }
  .sgseo-root[data-sgseo-family="hair-color"] .sgseo-color-picker { padding: 10px; border-radius: 14px; }
  .sgseo-root[data-sgseo-family="hair-color"] .sgseo-color-picker__head { grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
  .sgseo-color-custom { grid-template-columns: 26px auto; min-height: 42px; padding: 6px 8px; }
  .sgseo-color-custom__sample { width: 26px; height: 26px; border-radius: 8px; }
  .sgseo-color-custom__copy b { font-size: .66rem; }
  .sgseo-color-custom__copy small { font-size: .56rem; }
  .sgseo-color-swatches { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
  .sgseo-color-swatch { gap: 5px; min-height: 64px; padding: 6px 3px; text-align: center; }
  .sgseo-color-swatch__dot { width: 27px; height: 27px; border-radius: 8px; }
  .sgseo-color-swatch__name { width: 100%; font-size: .57rem; line-height: 1.05; text-align: center; }
  .sgseo-color-swatch__check { top: 3px; right: 3px; width: 15px; height: 15px; }
  .sgseo-color-spectrum { grid-template-columns: 1fr; }
}

@media (max-width: 359px) {
  .sgseo-color-swatches { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sgseo-root[data-sgseo-family="hair-color"] .sgseo-color-picker__head { grid-template-columns: 1fr; align-items: stretch; }
  .sgseo-color-custom { width: 100%; }
}

/* ==========================================================================
   Beard clusters 2.28.15 — color studio + visual style catalog.
   ========================================================================== */
.sgseo-root[data-sgseo-family="beard-color"],
.sgseo-root[data-sgseo-family="beard-styles"],
.sgseo-beard-color-page,
.sgseo-beard-catalog-page { --sgseo-beard-accent:#67e8f9; --sgseo-beard-violet:#a78bfa; }

.sgseo-root[data-sgseo-family="beard-color"].sgseo-hero,
.sgseo-root[data-sgseo-family="beard-styles"].sgseo-hero {
  background:radial-gradient(circle at 78% 16%,rgba(103,232,249,.08),transparent 30%),radial-gradient(circle at 18% 6%,rgba(167,139,250,.07),transparent 28%),var(--sgseo-bg);
}
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-hero__grid,
.sgseo-root[data-sgseo-family="beard-styles"] .sgseo-hero__grid { grid-template-columns:minmax(0,1.04fr) minmax(390px,.86fr); gap:15px clamp(44px,6vw,92px); }
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-hero__visual,
.sgseo-root[data-sgseo-family="beard-styles"] .sgseo-hero__visual { width:min(100%,560px); justify-self:end; }
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-hero__stage,
.sgseo-root[data-sgseo-family="beard-styles"] .sgseo-hero__stage { aspect-ratio:1; border-radius:20px; }
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-hero__stage { aspect-ratio:4/5; }
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-picker { max-width:650px; padding:14px; border:1px solid var(--sgseo-line); border-radius:16px; background:#0d0d11; }
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-picker__head { margin-bottom:11px; }
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatches { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatch { min-height:88px; }
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatch__dot,
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatch__photo {
  display:block;
  width:100%;
  height:54px;
  flex:0 0 54px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:9px;
  background:#17171b;
}
.sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatch__photo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.sgseo-color-showcase { position:absolute; inset:0; overflow:hidden; background:#09090c; }
.sgseo-color-showcase__media { position:absolute; inset:0; }
.sgseo-color-showcase__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.sgseo-color-showcase__media img[hidden] { display:none; }
.sgseo-color-showcase__switcher { position:absolute; z-index:3; right:14px; bottom:14px; left:14px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; padding:5px; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:rgba(8,8,11,.9); box-shadow:0 12px 30px rgba(0,0,0,.34); }
.sgseo-color-showcase__switcher button { display:flex; min-width:0; min-height:42px; align-items:center; justify-content:center; gap:7px; border:1px solid transparent; border-radius:8px; padding:7px 8px; background:transparent; color:var(--sgseo-muted); font:inherit; font-size:.7rem; font-weight:700; line-height:1.1; cursor:pointer; }
.sgseo-color-showcase__switcher button:hover { color:var(--sgseo-text); background:rgba(255,255,255,.06); }
.sgseo-color-showcase__switcher button[aria-pressed="true"] { border-color:rgba(103,232,249,.44); background:#171820; color:var(--sgseo-text); }
.sgseo-color-showcase__dot { display:block; width:13px; height:13px; flex:0 0 13px; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:var(--sgseo-beard-tone,#777); }

.sgseo-beard-color-placeholder { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#15151c,#09090c 68%); }
.sgseo-beard-color-placeholder::before { content:""; position:absolute; width:72%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(103,232,249,.12),transparent 68%); filter:blur(18px); }
.sgseo-beard-color-portrait { position:relative; width:min(64%,300px); aspect-ratio:3/4; border:1px solid rgba(255,255,255,.12); border-radius:46% 46% 42% 42%/35% 35% 55% 55%; background:linear-gradient(150deg,#272832,#111116); box-shadow:0 28px 70px rgba(0,0,0,.4); }
.sgseo-beard-color-portrait::before { content:""; position:absolute; left:22%; right:22%; top:20%; height:7%; border-top:2px solid rgba(255,255,255,.28); border-radius:50%; box-shadow:0 46px 0 -1px rgba(255,255,255,.2); }
.sgseo-beard-color-portrait::after { content:""; position:absolute; left:18%; right:18%; bottom:10%; height:42%; border-radius:38% 38% 48% 48%/24% 24% 72% 72%; background:linear-gradient(150deg,var(--sgseo-beard-tone,#684536),color-mix(in srgb,var(--sgseo-beard-tone,#684536),#050505 45%)); clip-path:polygon(0 2%,22% 12%,38% 31%,50% 21%,62% 31%,78% 12%,100% 2%,91% 72%,68% 100%,32% 100%,9% 72%); }
.sgseo-beard-color-orbit { position:absolute; right:16px; bottom:16px; display:grid; grid-template-columns:repeat(4,20px); gap:6px; padding:9px; border:1px solid var(--sgseo-line); border-radius:12px; background:rgba(9,9,12,.78); backdrop-filter:blur(10px); }
.sgseo-beard-color-orbit span { width:20px; height:20px; border-radius:7px; background:var(--tone); border:1px solid rgba(255,255,255,.18); }

.sgseo-root[data-sgseo-family="beard-styles"] .sgseo-preset-rail--beard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-flow:row; gap:7px; overflow:visible; }
.sgseo-beard-style-preset { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) 18px; align-items:center; min-width:0; min-height:62px; gap:9px; border:1px solid var(--sgseo-line); border-radius:12px; padding:7px 8px; background:#0d0d11; color:var(--sgseo-text); cursor:pointer; text-align:left; transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.sgseo-beard-style-preset:hover { border-color:rgba(255,255,255,.24); background:#121218; }
.sgseo-beard-style-preset[aria-pressed="true"] { border-color:rgba(103,232,249,.72); background:#111923; box-shadow:inset 0 0 0 1px rgba(167,139,250,.22); }
.sgseo-beard-style-preset__copy { min-width:0; }
.sgseo-beard-style-preset__copy b { display:block; overflow:hidden; color:var(--sgseo-text); font-size:.68rem; line-height:1.18; text-overflow:ellipsis; white-space:nowrap; }
.sgseo-beard-style-preset__copy small { display:block; margin-top:3px; color:var(--sgseo-dim); font-size:.55rem; letter-spacing:.1em; }
.sgseo-beard-style-preset__check { display:grid; width:18px; height:18px; place-items:center; border-radius:50%; color:#061016; background:#7dd3fc; opacity:0; }
.sgseo-beard-style-preset__check .sgseo-icon { width:12px; height:12px; }
.sgseo-beard-style-preset[aria-pressed="true"] .sgseo-beard-style-preset__check { opacity:1; }
.sgseo-beard-style-preset__photo { display:block; width:42px; height:46px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:#15151a; }
.sgseo-beard-style-preset__photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }

.sgseo-beard-mark { position:relative; display:block; width:42px; height:46px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:linear-gradient(145deg,#1f2028,#0c0c10); overflow:hidden; }
.sgseo-beard-mark::before { content:""; position:absolute; left:11px; top:6px; width:18px; height:21px; border:1px solid rgba(255,255,255,.34); border-radius:48% 48% 44% 44%; }
.sgseo-beard-mark::after { content:""; position:absolute; left:8px; right:8px; top:23px; height:17px; border-radius:35% 35% 55% 55%; background:linear-gradient(150deg,#b69a80,#4b352c); clip-path:polygon(0 0,26% 10%,40% 33%,50% 22%,60% 33%,74% 10%,100% 0,86% 72%,62% 100%,38% 100%,14% 72%); }
.sgseo-beard-mark--stubble::after { top:25px; height:10px; opacity:.7; filter:saturate(.5); }
.sgseo-beard-mark--short_boxed::after,.sgseo-beard-mark--corporate::after { top:22px; height:15px; border-radius:24% 24% 42% 42%; }
.sgseo-beard-mark--full::after,.sgseo-beard-mark--garibaldi::after { left:6px; right:6px; top:21px; height:22px; }
.sgseo-beard-mark--garibaldi::after { border-radius:28% 28% 68% 68%; }
.sgseo-beard-mark--goatee::after,.sgseo-beard-mark--van_dyke::after,.sgseo-beard-mark--anchor::after,.sgseo-beard-mark--circle::after { left:14px; right:14px; top:23px; height:18px; }
.sgseo-beard-mark--van_dyke::after,.sgseo-beard-mark--anchor::after { clip-path:polygon(0 0,32% 11%,50% 26%,68% 11%,100% 0,78% 36%,62% 100%,38% 100%,22% 36%); }
.sgseo-beard-mark--balbo::after { left:10px; right:10px; top:24px; height:18px; transform:skewX(-5deg); }
.sgseo-beard-mark--ducktail::after { top:21px; height:23px; clip-path:polygon(0 0,24% 9%,40% 27%,50% 18%,60% 27%,76% 9%,100% 0,80% 65%,50% 100%,20% 65%); }
.sgseo-beard-mark--beardstache::after { top:26px; height:11px; }
.sgseo-beard-mark--beardstache span::after { content:""; position:absolute; left:10px; right:10px; top:24px; height:4px; border-radius:50%; background:#b69a80; }

.sgseo-beard-catalog-head { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(300px,.7fr); align-items:end; gap:46px; margin-bottom:42px; }
.sgseo-beard-catalog-head .sgseo-lead { margin:0; }
.sgseo-beard-catalog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid var(--sgseo-line); border-radius:18px; background:var(--sgseo-line); }
.sgseo-beard-catalog-card { display:grid; grid-template-rows:auto auto 1fr auto; min-width:0; min-height:300px; padding:24px; background:#0a0a0d; }
.sgseo-beard-catalog-card .sgseo-beard-mark { width:68px; height:74px; border-radius:16px; }
.sgseo-beard-catalog-card .sgseo-beard-mark::before { left:18px; top:9px; width:30px; height:34px; }
.sgseo-beard-catalog-card .sgseo-beard-mark::after { left:13px; right:13px; top:39px; height:27px; }
.sgseo-beard-catalog-card h3 { margin:24px 0 9px; font-size:1.02rem; }
.sgseo-beard-catalog-card p { margin:0; color:var(--sgseo-muted); font-size:.85rem; line-height:1.58; }
.sgseo-beard-card-cta { display:inline-flex; align-items:center; justify-content:space-between; gap:10px; margin-top:24px; border:0; border-top:1px solid var(--sgseo-line); padding:16px 0 0; background:transparent; color:var(--sgseo-text); cursor:pointer; font:inherit; font-size:.78rem; font-weight:760; text-align:left; }
.sgseo-beard-card-cta .sgseo-icon { width:16px; height:16px; color:#7dd3fc; }

.sgseo-face-guide { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:38px; }
.sgseo-face-guide article { min-width:0; padding:22px; border:1px solid var(--sgseo-line); border-radius:15px; background:#0c0c10; }
.sgseo-face-shape { position:relative; width:70px; height:82px; margin-bottom:25px; border:2px solid rgba(167,139,250,.64); border-radius:46% 46% 44% 44%/38% 38% 55% 55%; }
.sgseo-face-shape::before { content:""; position:absolute; left:18px; right:18px; top:28px; border-top:1px solid rgba(255,255,255,.34); box-shadow:0 18px 0 rgba(255,255,255,.24); }
.sgseo-face-shape--round { height:70px; border-radius:46%; }
.sgseo-face-shape--square { border-radius:25% 25% 18% 18%/28% 28% 20% 20%; }
.sgseo-face-shape--long { width:62px; height:88px; }
.sgseo-face-shape--heart { border-radius:54% 54% 58% 58%/34% 34% 74% 74%; clip-path:polygon(0 0,100% 0,82% 72%,50% 100%,18% 72%); }
.sgseo-face-guide h3 { margin:0 0 7px; font-size:.96rem; }
.sgseo-face-guide p { margin:0; color:var(--sgseo-muted); font-size:.82rem; line-height:1.56; }

.sgseo-beard-color-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:38px; }
.sgseo-beard-color-case { min-width:0; border:1px solid var(--sgseo-line); border-radius:16px; padding:14px; background:#0b0b0f; }
.sgseo-beard-color-case__visual { display:grid; grid-template-columns:1fr 1fr; min-height:210px; overflow:hidden; border-radius:12px; background:#111117; }
.sgseo-beard-tone-panel { position:relative; display:grid; place-items:center; background:linear-gradient(145deg,#1a1a21,#0c0c10); }
.sgseo-beard-tone-panel + .sgseo-beard-tone-panel { border-left:1px solid rgba(255,255,255,.12); }
.sgseo-beard-tone-panel::before { content:""; width:68px; height:78px; border:1px solid rgba(255,255,255,.2); border-radius:46% 46% 42% 42%/36% 36% 56% 56%; background:linear-gradient(150deg,#23242b,#121216); }
.sgseo-beard-tone-panel::after { content:""; position:absolute; left:calc(50% - 25px); bottom:53px; width:50px; height:33px; background:var(--tone,#684536); clip-path:polygon(0 0,24% 10%,39% 30%,50% 20%,61% 30%,76% 10%,100% 0,84% 72%,60% 100%,40% 100%,16% 72%); }
.sgseo-beard-tone-label { position:absolute; left:9px; top:9px; border-radius:7px; padding:4px 7px; background:rgba(5,5,8,.78); color:#fff; font-size:.62rem; font-weight:760; }
.sgseo-beard-color-case h3 { margin:14px 2px 6px; font-size:.96rem; }
.sgseo-beard-color-case p { margin:0 2px 2px; color:var(--sgseo-muted); font-size:.82rem; line-height:1.55; }
.sgseo-beard-color-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:38px; }
.sgseo-beard-color-result { min-width:0; padding:9px 9px 16px; border:1px solid var(--sgseo-line); border-radius:16px; background:#0b0b0f; }
.sgseo-beard-color-result .sgseo-before-after { aspect-ratio:1; border-radius:11px; }
.sgseo-beard-color-result .sgseo-beard-crop > img,
.sgseo-beard-color-result .sgseo-beard-crop .sgseo-before-after__after img { object-position:center center; }
.sgseo-beard-color-result h3 { margin:14px 5px 5px; font-size:.92rem; }
.sgseo-beard-color-result p { margin:0 5px; color:var(--sgseo-muted); font-size:.78rem; line-height:1.5; }
.sgseo-beard-style-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:38px; }
.sgseo-beard-style-result { min-width:0; padding:9px 9px 16px; border:1px solid var(--sgseo-line); border-radius:16px; background:#0b0b0f; }
.sgseo-beard-style-result .sgseo-before-after { aspect-ratio:1; border-radius:11px; }
.sgseo-beard-style-result .sgseo-beard-crop > img,
.sgseo-beard-style-result .sgseo-beard-crop .sgseo-before-after__after img { object-position:center center; }
.sgseo-beard-style-result h3 { margin:14px 5px 5px; font-size:.92rem; }
.sgseo-beard-style-result p { margin:0 5px; color:var(--sgseo-muted); font-size:.78rem; line-height:1.5; }
.sgseo-beard-shade-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:34px; }
.sgseo-beard-shade { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:12px; min-height:74px; border:1px solid var(--sgseo-line); border-radius:13px; padding:10px 12px; background:#0c0c10; color:inherit; cursor:pointer; font:inherit; text-align:left; }
.sgseo-beard-shade:hover { border-color:rgba(255,255,255,.24); background:#111116; }
.sgseo-beard-shade__swatch { width:46px; height:46px; border-radius:12px; background:linear-gradient(145deg,color-mix(in srgb,var(--tone),white 14%),var(--tone) 52%,color-mix(in srgb,var(--tone),black 28%)); border:1px solid rgba(255,255,255,.18); }
.sgseo-beard-shade b { display:block; min-width:0; font-size:.82rem; line-height:1.2; }
.sgseo-beard-shade small { color:var(--sgseo-dim); font-size:.62rem; }
.sgseo-tone--black { --tone:#171515; --sgseo-beard-tone:#171515; }
.sgseo-tone--dark-brown { --tone:#33231d; --sgseo-beard-tone:#33231d; }
.sgseo-tone--brown { --tone:#684536; --sgseo-beard-tone:#684536; }
.sgseo-tone--light-brown { --tone:#9a7052; --sgseo-beard-tone:#9a7052; }
.sgseo-tone--ginger { --tone:#a64e2f; --sgseo-beard-tone:#a64e2f; }
.sgseo-tone--blond { --tone:#c7a978; --sgseo-beard-tone:#c7a978; }
.sgseo-tone--grey { --tone:#a8aaac; --sgseo-beard-tone:#a8aaac; }
.sgseo-tone--salt-pepper { --tone:#66676a; --sgseo-beard-tone:#66676a; }

.sgseo-beard-split { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(48px,8vw,112px); align-items:center; }
.sgseo-beard-split__panel { padding:30px; border:1px solid var(--sgseo-line); border-radius:18px; background:#0b0b0f; }
.sgseo-beard-split__rows { margin-top:24px; border-top:1px solid var(--sgseo-line); }
.sgseo-beard-split__rows article { display:grid; grid-template-columns:34px 1fr; gap:14px; padding:18px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-beard-split__rows span { color:#a78bfa; font-size:.7rem; font-weight:800; letter-spacing:.08em; }
.sgseo-beard-split__rows h3 { margin:0 0 5px; font-size:.98rem; }
.sgseo-beard-split__rows p { margin:0; color:var(--sgseo-muted); line-height:1.58; }
.sgseo-beard-grey-section .sgseo-beard-color-placeholder { position:relative; inset:auto; min-height:520px; border:1px solid var(--sgseo-line); border-radius:18px; }
.sgseo-beard-grey-photo { aspect-ratio:1; margin:0; overflow:hidden; border:1px solid var(--sgseo-line); border-radius:18px; background:#0b0b0f; }
.sgseo-beard-grey-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 22%; }

@media (max-width:1120px) {
  .sgseo-root[data-sgseo-family="beard-styles"] .sgseo-preset-rail--beard { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sgseo-beard-catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sgseo-face-guide { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sgseo-beard-shade-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:860px) {
  .sgseo-root[data-sgseo-family="beard-color"] .sgseo-hero__grid,
  .sgseo-root[data-sgseo-family="beard-styles"] .sgseo-hero__grid,
  .sgseo-beard-catalog-head,.sgseo-beard-split { grid-template-columns:1fr; }
  .sgseo-root[data-sgseo-family="beard-color"] .sgseo-hero__visual,
  .sgseo-root[data-sgseo-family="beard-styles"] .sgseo-hero__visual { justify-self:start; width:min(520px,100%); }
  .sgseo-beard-catalog-head { gap:18px; }
  .sgseo-beard-color-cases { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sgseo-beard-color-results { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .sgseo-root[data-sgseo-family="beard-color"] .sgseo-hero__stage,
  .sgseo-root[data-sgseo-family="beard-styles"] .sgseo-hero__stage { width:min(100%,360px); }
  .sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-picker { padding:10px; border-radius:14px; }
  .sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatches { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  .sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatch { min-height:76px; }
  .sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatch__dot,
  .sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatch__photo { width:100%; height:46px; flex-basis:46px; }
  .sgseo-root[data-sgseo-family="beard-styles"] .sgseo-preset-rail--beard { grid-template-columns:none; grid-template-rows:repeat(2,62px); grid-auto-flow:column; grid-auto-columns:190px !important; gap:7px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:inline mandatory; }
  .sgseo-root[data-sgseo-family="beard-styles"] .sgseo-beard-style-preset { min-width:190px; }
  .sgseo-beard-style-preset { scroll-snap-align:start; }
  .sgseo-beard-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); border-radius:14px; }
  .sgseo-beard-catalog-card { min-height:278px; padding:17px; }
  .sgseo-beard-catalog-card .sgseo-beard-mark { width:58px; height:64px; }
  .sgseo-beard-catalog-card h3 { margin-top:18px; font-size:.92rem; }
  .sgseo-beard-catalog-card p { font-size:.77rem; }
  .sgseo-face-guide { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sgseo-beard-color-cases { grid-template-columns:1fr; }
  .sgseo-beard-color-results,.sgseo-beard-style-results { grid-template-columns:1fr; }
  .sgseo-beard-color-case__visual { min-height:190px; }
  .sgseo-beard-shade-grid { grid-template-columns:1fr; }
  .sgseo-beard-split__panel { padding:22px 18px; }
  .sgseo-beard-grey-section .sgseo-beard-color-placeholder { min-height:400px; }
}
@media (max-width:380px) {
  .sgseo-beard-catalog-grid,.sgseo-face-guide { grid-template-columns:1fr; }
  .sgseo-beard-catalog-card { min-height:0; }
  .sgseo-root[data-sgseo-family="beard-color"] .sgseo-color-swatches { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* ========================================================================== 
   Beard clusters 2.28.15 — Mustache Atelier + Clean Shave Studio.
   ========================================================================== */
.sgseo-root[data-sgseo-family="beard-mustache"],
.sgseo-root[data-sgseo-family="beard-remove"],
.sgseo-mustache-page,
.sgseo-remove-page { --sgseo-beard-accent:#67e8f9; --sgseo-beard-violet:#a78bfa; }

.sgseo-root[data-sgseo-family="beard-mustache"].sgseo-hero,
.sgseo-root[data-sgseo-family="beard-remove"].sgseo-hero { background:radial-gradient(circle at 80% 14%,rgba(103,232,249,.075),transparent 32%),radial-gradient(circle at 18% 5%,rgba(167,139,250,.07),transparent 27%),var(--sgseo-bg); }
.sgseo-root[data-sgseo-family="beard-mustache"] .sgseo-hero__grid,
.sgseo-root[data-sgseo-family="beard-remove"] .sgseo-hero__grid { grid-template-columns:minmax(0,1.04fr) minmax(390px,.86fr); gap:15px clamp(44px,6vw,92px); }
.sgseo-root[data-sgseo-family="beard-mustache"] .sgseo-hero__visual,
.sgseo-root[data-sgseo-family="beard-remove"] .sgseo-hero__visual { width:min(100%,560px); justify-self:end; }
.sgseo-root[data-sgseo-family="beard-mustache"] .sgseo-hero__stage,
.sgseo-root[data-sgseo-family="beard-remove"] .sgseo-hero__stage { aspect-ratio:1; border-radius:20px; }
.sgseo-root[data-sgseo-family="beard-mustache"] .sgseo-preset-rail--beard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-flow:row; gap:7px; overflow:visible; }
.sgseo-root[data-sgseo-family="beard-remove"] .sgseo-preset-rail--beard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-flow:row; gap:7px; overflow:visible; }

.sgseo-beard-special-preset { position:relative; display:grid; grid-template-columns:52px minmax(0,1fr) 18px; align-items:center; min-width:0; min-height:70px; gap:10px; border:1px solid var(--sgseo-line); border-radius:12px; padding:8px 9px; background:#0d0d11; color:var(--sgseo-text); cursor:pointer; text-align:left; transition:border-color .16s ease,background .16s ease; }
.sgseo-beard-special-preset:hover { border-color:rgba(255,255,255,.24); background:#121218; }
.sgseo-beard-special-preset[aria-pressed="true"] { border-color:rgba(103,232,249,.72); background:#101923; box-shadow:inset 0 0 0 1px rgba(167,139,250,.2); }
.sgseo-beard-special-preset__copy { min-width:0; }
.sgseo-beard-special-preset__copy b { display:block; overflow:hidden; color:var(--sgseo-text); font-size:.7rem; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.sgseo-beard-special-preset__copy small { display:block; margin-top:3px; color:var(--sgseo-dim); font-size:.54rem; letter-spacing:.1em; }
.sgseo-beard-special-preset__check { display:grid; width:18px; height:18px; place-items:center; border-radius:50%; color:#061016; background:#7dd3fc; opacity:0; }
.sgseo-beard-special-preset__check .sgseo-icon { width:12px; height:12px; }
.sgseo-beard-special-preset[aria-pressed="true"] .sgseo-beard-special-preset__check { opacity:1; }
.sgseo-beard-special-preset__photo { display:block; width:52px; height:52px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:11px; background:#15151a; }
.sgseo-beard-special-preset__photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }

.sgseo-beard-special-mark { position:relative; display:block; width:52px; height:52px; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:13px; background:linear-gradient(145deg,#20212a,#0d0d11); }
.sgseo-beard-special-mark::before { content:""; position:absolute; left:13px; top:7px; width:24px; height:28px; border:1px solid rgba(255,255,255,.28); border-radius:46% 46% 44% 44%/38% 38% 55% 55%; }
.sgseo-beard-special-preset--mustache .sgseo-beard-special-mark::after { content:""; position:absolute; left:9px; right:9px; top:30px; height:9px; border-radius:50% 50% 38% 38%; background:linear-gradient(145deg,#b69a80,#4a332b); clip-path:polygon(0 28%,34% 0,50% 42%,66% 0,100% 28%,78% 86%,52% 58%,48% 58%,22% 86%); }
.sgseo-beard-special-mark--pencil::after { top:31px!important; left:14px!important; right:14px!important; height:5px!important; }
.sgseo-beard-special-mark--handlebar::after { left:5px!important; right:5px!important; clip-path:polygon(0 8%,30% 22%,48% 46%,50% 52%,52% 46%,70% 22%,100% 8%,88% 74%,61% 65%,50% 86%,39% 65%,12% 74%)!important; }
.sgseo-beard-special-mark--horseshoe::after { left:10px!important; right:10px!important; height:17px!important; clip-path:polygon(0 0,42% 18%,50% 42%,58% 18%,100% 0,83% 100%,68% 100%,70% 35%,50% 62%,30% 35%,32% 100%,17% 100%)!important; }
.sgseo-beard-special-mark--walrus::after { left:7px!important; right:7px!important; height:13px!important; border-radius:44% 44% 65% 65%!important; }
.sgseo-beard-special-mark--chevron::after { height:11px!important; clip-path:polygon(0 20%,37% 0,50% 30%,63% 0,100% 20%,82% 100%,51% 68%,49% 68%,18% 100%)!important; }
.sgseo-beard-special-preset--remove .sgseo-beard-special-mark::after { content:""; position:absolute; left:11px; right:11px; bottom:8px; height:11px; border:1px solid rgba(103,232,249,.5); border-top:0; border-radius:0 0 48% 48%; background:linear-gradient(180deg,rgba(103,232,249,.12),rgba(167,139,250,.05)); }
.sgseo-beard-special-mark--shadow::after { background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 1px,transparent 1px 3px)!important; opacity:.65; }
.sgseo-beard-special-mark--keep_mustache::after { left:15px!important; right:15px!important; bottom:13px!important; height:6px!important; border:0!important; border-radius:50%!important; background:#8f735f!important; }

.sgseo-mustache-index { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid var(--sgseo-line); border-radius:18px; background:var(--sgseo-line); }
.sgseo-mustache-card { display:grid; grid-template-columns:76px minmax(0,1fr); grid-template-rows:auto 1fr auto; gap:4px 18px; min-width:0; min-height:214px; padding:24px; background:#0a0a0d; }
.sgseo-mustache-card .sgseo-beard-special-mark { grid-row:1/4; width:76px; height:82px; border-radius:17px; }
.sgseo-mustache-card .sgseo-beard-special-mark::before { left:19px; top:10px; width:36px; height:42px; }
.sgseo-mustache-card .sgseo-beard-special-mark::after { top:47px!important; }
.sgseo-mustache-card h3 { margin:3px 0 7px; font-size:1rem; }
.sgseo-mustache-card p { margin:0; color:var(--sgseo-muted); font-size:.82rem; line-height:1.56; }
.sgseo-mustache-card button { grid-column:2; align-self:end; }
.sgseo-mustache-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:38px; }
.sgseo-mustache-result { min-width:0; }
.sgseo-mustache-result .sgseo-before-after { aspect-ratio:1; border-radius:16px; }
.sgseo-mustache-result h3 { margin:13px 2px 4px; font-size:.92rem; }
.sgseo-mustache-result p { margin:0 2px; color:var(--sgseo-muted); font-size:.78rem; line-height:1.5; }
.sgseo-mustache-fit { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(44px,7vw,96px); align-items:start; }
.sgseo-mustache-fit__intro { position:sticky; top:110px; }
.sgseo-mustache-fit__rules { display:grid; border-top:1px solid var(--sgseo-line); }
.sgseo-mustache-fit__rules article { display:grid; grid-template-columns:38px minmax(0,1fr); gap:14px; padding:21px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-mustache-fit__rules span { color:#a78bfa; font-size:.68rem; font-weight:800; letter-spacing:.1em; }
.sgseo-mustache-fit__rules h3 { margin:0 0 6px; font-size:.98rem; }
.sgseo-mustache-fit__rules p { margin:0; color:var(--sgseo-muted); line-height:1.58; }

.sgseo-remove-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:38px; }
.sgseo-remove-result { min-width:0; padding:8px 8px 15px; border:1px solid var(--sgseo-line); border-radius:16px; background:#0b0b0f; }
.sgseo-remove-result .sgseo-before-after { aspect-ratio:1; border-radius:11px; }
.sgseo-remove-result h3 { margin:13px 5px 4px; font-size:.9rem; }
.sgseo-remove-result p { margin:0 5px; color:var(--sgseo-muted); font-size:.77rem; line-height:1.5; }
.sgseo-remove-rebuild { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); gap:clamp(42px,7vw,94px); align-items:center; }
.sgseo-remove-face-map { position:relative; min-height:520px; overflow:hidden; border:1px solid var(--sgseo-line); border-radius:19px; background:radial-gradient(circle at 50% 35%,rgba(103,232,249,.08),transparent 27%),linear-gradient(145deg,#15151c,#09090c 68%); }
.sgseo-remove-face-map::before { content:""; position:absolute; left:50%; top:50%; width:210px; height:278px; transform:translate(-50%,-52%); border:1px solid rgba(255,255,255,.23); border-radius:46% 46% 42% 42%/36% 36% 56% 56%; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.005)); }
.sgseo-remove-zone { position:absolute; display:grid; place-items:center; width:72px; height:72px; border:1px solid rgba(103,232,249,.48); border-radius:50%; background:rgba(9,13,18,.72); color:#dffcff; font-size:.62rem; font-weight:760; letter-spacing:.06em; text-align:center; }
.sgseo-remove-zone--cheek { left:calc(50% - 126px); top:43%; }
.sgseo-remove-zone--lip { right:calc(50% - 106px); top:48%; }
.sgseo-remove-zone--chin { left:calc(50% - 36px); bottom:15%; }
.sgseo-remove-checklist { display:grid; margin-top:28px; border-top:1px solid var(--sgseo-line); }
.sgseo-remove-checklist article { display:grid; grid-template-columns:30px 1fr; gap:13px; padding:18px 0; border-bottom:1px solid var(--sgseo-line); }
.sgseo-remove-checklist span { color:#67e8f9; font-size:.67rem; font-weight:800; }
.sgseo-remove-checklist h3 { margin:0 0 5px; font-size:.96rem; }
.sgseo-remove-checklist p { margin:0; color:var(--sgseo-muted); line-height:1.58; }
.sgseo-remove-photo-rules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sgseo-remove-photo-rule { min-height:220px; padding:25px; border:1px solid var(--sgseo-line); border-radius:16px; background:#0b0b0f; }
.sgseo-remove-photo-rule--good { border-top-color:rgba(103,232,249,.55); }
.sgseo-remove-photo-rule--avoid { border-top-color:rgba(167,139,250,.55); }
.sgseo-remove-photo-rule h3 { margin:0 0 18px; font-size:1.04rem; }
.sgseo-remove-photo-rule ul { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.sgseo-remove-photo-rule li { display:grid; grid-template-columns:18px 1fr; gap:10px; color:var(--sgseo-muted); line-height:1.5; }
.sgseo-remove-photo-rule li::before { content:""; width:7px; height:7px; margin-top:.55em; border-radius:50%; background:#67e8f9; }
.sgseo-remove-photo-rule--avoid li::before { background:#a78bfa; }

@media (max-width:1000px) {
  .sgseo-mustache-index { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:860px) {
  .sgseo-root[data-sgseo-family="beard-mustache"] .sgseo-hero__grid,
  .sgseo-root[data-sgseo-family="beard-remove"] .sgseo-hero__grid,
  .sgseo-mustache-fit,.sgseo-remove-rebuild { grid-template-columns:1fr; }
  .sgseo-root[data-sgseo-family="beard-mustache"] .sgseo-hero__visual,
  .sgseo-root[data-sgseo-family="beard-remove"] .sgseo-hero__visual { justify-self:start; width:min(520px,100%); }
  .sgseo-mustache-fit__intro { position:static; }
}
@media (max-width:640px) {
  .sgseo-root[data-sgseo-family="beard-mustache"] .sgseo-hero__stage,
  .sgseo-root[data-sgseo-family="beard-remove"] .sgseo-hero__stage { width:min(100%,360px); }
  .sgseo-root[data-sgseo-family="beard-mustache"] .sgseo-preset-rail--beard { grid-template-columns:none; grid-template-rows:repeat(2,70px); grid-auto-flow:column; grid-auto-columns:190px!important; gap:7px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:inline mandatory; }
  .sgseo-root[data-sgseo-family="beard-remove"] .sgseo-preset-rail--beard { grid-template-columns:1fr; gap:7px; }
  .sgseo-beard-special-preset { min-width:190px; scroll-snap-align:start; }
  .sgseo-root[data-sgseo-family="beard-remove"] .sgseo-beard-special-preset { min-width:0; }
  .sgseo-mustache-index { grid-template-columns:1fr; border-radius:14px; }
  .sgseo-mustache-card { min-height:190px; padding:19px; }
  .sgseo-mustache-results { grid-template-columns:1fr; gap:13px; }
  .sgseo-remove-results { grid-template-columns:1fr; }
  .sgseo-remove-face-map { min-height:400px; }
  .sgseo-remove-photo-rules { grid-template-columns:1fr; }
}
@media (max-width:350px) {
  .sgseo-mustache-card { grid-template-columns:62px minmax(0,1fr); gap:4px 13px; }
  .sgseo-mustache-card .sgseo-beard-special-mark { width:62px; height:68px; }
}

@media (max-width:640px) {
  .sgseo-color-showcase__switcher { right:8px; bottom:8px; left:8px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; padding:4px; }
  .sgseo-color-showcase__switcher button { min-height:34px; gap:5px; padding:5px 4px; font-size:.61rem; }
  .sgseo-color-showcase__dot { width:10px; height:10px; flex-basis:10px; }
}

/* 2.28.20 — shared adaptive mobile Hero media and result controls.
   The media uses nearly the full viewport while preserving the real image ratio.
   The runtime moves result actions beside the stage on phones, so this panel
   never covers a generated Before/After image. Desktop placement is unchanged. */
@media (max-width:640px) {
  .sgseo-root.sgseo-root.sgseo-hero.sgseo-hero[data-sgseo-component="hero"] .sgseo-hero__visual {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-self:stretch !important;
    width:calc(100% + 24px) !important;
    min-width:calc(100% + 24px) !important;
    max-width:none !important;
    margin-inline:-12px !important;
  }

  .sgseo-root.sgseo-root.sgseo-hero.sgseo-hero[data-sgseo-component="hero"] .sgseo-hero__visual > .sgseo-hero__stage {
    flex:0 0 auto;
    align-self:stretch;
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-height:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    aspect-ratio:var(--sgseo-mobile-stage-ratio,var(--sgseo-hero-ratio,1 / 1)) !important;
    border-radius:14px;
  }

  .sgseo-hero .sgseo-hero__stage .sgseo-hero__preview img,
  .sgseo-hero .sgseo-hero__stage .sgseo-before-after img,
  .sgseo-hero .sgseo-hero__stage [data-sgseo-role="proof"] > img,
  .sgseo-hero .sgseo-hero__stage .sgseo-color-showcase__media img {
    object-fit:contain !important;
    object-position:center !important;
    background:#090a0e;
  }

  .sgseo-hero .sgseo-hero__visual > .sgseo-hero__result-actions[data-sgseo-mobile-panel="true"] {
    position:static !important;
    inset:auto !important;
    z-index:auto;
    display:none;
    grid-template-columns:1fr;
    width:calc(100% - 24px);
    margin:10px 12px 0;
    padding:10px;
    transform:none !important;
    border-radius:14px;
    background:#0d0d11;
    box-shadow:none;
  }

  .sgseo-hero[data-sgseo-state="success"] .sgseo-hero__visual > .sgseo-hero__result-actions[data-sgseo-mobile-panel="true"] {
    display:grid;
  }

  .sgseo-hero .sgseo-hero__visual > .sgseo-hero__result-actions[data-sgseo-mobile-panel="true"] .sgseo-btn {
    width:100%;
    min-height:44px;
  }
}

/* 2.28.20 - consistent premium mobile controls.
   Photo Styles does not use the base .sgseo-hero class, so it needs the same
   adaptive media contract explicitly. Preset controls use contained text and
   stable tracks instead of allowing labels to cross card boundaries. */
@media (max-width:640px) {
  .sgseo-root.sgseo-root.sgseo-style-hero.sgseo-style-hero[data-sgseo-component="hero"] .sgseo-hero__visual {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-self:stretch !important;
    width:calc(100% + 24px) !important;
    min-width:calc(100% + 24px) !important;
    max-width:none !important;
    margin-inline:-12px !important;
  }

  .sgseo-root.sgseo-root.sgseo-style-hero.sgseo-style-hero[data-sgseo-component="hero"] .sgseo-hero__visual > .sgseo-hero__stage {
    align-self:stretch;
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-height:0 !important;
    margin-inline:0 !important;
    aspect-ratio:var(--sgseo-mobile-stage-ratio,var(--sgseo-style-stage-ratio,4 / 5)) !important;
    border-radius:14px;
  }

  .sgseo-style-hero .sgseo-hero__stage .sgseo-hero__preview img,
  .sgseo-style-hero .sgseo-hero__stage .sgseo-before-after img {
    object-fit:contain !important;
    object-position:center !important;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-preset-header {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:8px !important;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-preset-header .sgseo-control-label {
    min-width:0;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-gender-switch {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    padding:3px !important;
    gap:3px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:10px !important;
    background:#0a0d12 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-gender-tab {
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-width:0 !important;
    width:100% !important;
    min-height:38px !important;
    padding:7px 8px !important;
    overflow:hidden !important;
    border:1px solid transparent !important;
    border-radius:7px !important;
    font-size:.76rem !important;
    font-weight:720 !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    text-overflow:ellipsis;
  }

  .sgseo-root[data-sgseo-component="hero"] .sgseo-gender-tab[aria-pressed="true"] {
    border-color:rgba(105,205,255,.32) !important;
    background:linear-gradient(180deg,rgba(19,42,54,.96),rgba(12,27,36,.96)) !important;
    color:#f4fbff !important;
    box-shadow:0 1px 8px rgba(0,0,0,.18) !important;
  }

  .sgseo-background-preset-rail {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    overflow:visible !important;
    padding-bottom:0 !important;
  }

  .sgseo-background-preset {
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:68px !important;
    padding:7px !important;
    gap:8px !important;
    overflow:hidden !important;
    border-radius:10px !important;
  }

  .sgseo-background-preset__image {
    width:52px !important;
    height:52px !important;
    aspect-ratio:1 / 1 !important;
    border-radius:7px !important;
  }

  .sgseo-background-preset__meta {
    min-width:0 !important;
    overflow:hidden;
  }

  .sgseo-background-preset__name,
  .sgseo-background-preset__hint {
    display:-webkit-box !important;
    min-width:0 !important;
    overflow:hidden !important;
    overflow-wrap:anywhere;
    word-break:normal;
    -webkit-box-orient:vertical;
  }

  .sgseo-background-preset__name {
    font-size:.66rem !important;
    line-height:1.18 !important;
    -webkit-line-clamp:2;
  }

  .sgseo-background-preset__hint {
    font-size:.52rem !important;
    line-height:1.15 !important;
    -webkit-line-clamp:1;
  }

  .sgseo-background-preset__check {
    top:5px !important;
    right:5px !important;
    width:18px !important;
    height:18px !important;
  }

  .sgseo-body-preset-rail {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    overflow:visible !important;
    padding:0 !important;
  }

  .sgseo-body-preset {
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 16px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:66px !important;
    padding:6px !important;
    gap:7px !important;
    overflow:hidden !important;
    border-radius:10px !important;
  }

  .sgseo-body-preset__name {
    display:-webkit-box !important;
    min-width:0 !important;
    overflow:hidden !important;
    overflow-wrap:anywhere;
    word-break:normal;
    font-size:.65rem !important;
    line-height:1.16 !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .sgseo-body-preset__check {
    width:16px !important;
    height:16px !important;
  }
}

/* 2.28.23 final cascade: Age labels stay premium and readable on phones. */
@media (max-width:640px) {
  .sgseo-root.sgseo-age-hero[data-sgseo-component="hero"] .sgseo-age-selector__rail {
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
    gap:7px !important;
    overflow:visible !important;
    padding-bottom:0 !important;
  }
  .sgseo-root.sgseo-age-hero[data-sgseo-component="hero"] .sgseo-age-preset {
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 20px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:60px !important;
    flex:initial !important;
  }
  .sgseo-root.sgseo-age-hero[data-sgseo-component="hero"] .sgseo-age-preset img {
    width:48px !important;
    height:48px !important;
  }
  .sgseo-root.sgseo-age-hero[data-sgseo-component="hero"] .sgseo-age-preset > span {
    overflow:hidden !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    white-space:normal !important;
    font-size:.72rem !important;
    line-height:1.18 !important;
  }
  .sgseo-root.sgseo-age-hero[data-sgseo-component="hero"] .sgseo-age-preset > b {
    position:static !important;
  }
}

/* ================================================================
   2.28.24 — focused Emotion clusters (Smile / Surprised Face)
   Uses the existing Emotion Hero runtime and real Editor presets.
   ================================================================ */
.sgseo-emotion-cluster-hero .sgseo-emotion-hero__stage {
  aspect-ratio:1 / 1;
  width:min(100%,620px);
  background:#090a0e;
}
.sgseo-emotion-cluster-hero .sgseo-emotion-hero__stage .sgseo-before-after,
.sgseo-emotion-cluster-hero .sgseo-emotion-hero__stage .sgseo-hero__preview {
  --sgseo-media-ratio:1 / 1;
}
.sgseo-emotion-cluster-hero .sgseo-emotion-hero__stage .sgseo-before-after img,
.sgseo-emotion-cluster-hero .sgseo-emotion-hero__stage .sgseo-hero__preview img {
  object-fit:contain;
  object-position:center;
  background:#090a0e;
}
.sgseo-emotion-smile-page .sgseo-preset-rail--emotion { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sgseo-emotion-surprised-page .sgseo-preset-rail--emotion { grid-template-columns:1fr; max-width:420px; }
.sgseo-emotion-surprised-page .sgseo-emotion-preset { grid-template-columns:48px minmax(0,1fr) 20px; min-height:64px; }
.sgseo-emotion-surprised-page .sgseo-emotion-preset .sgseo-preset__image { width:48px; height:48px; }

.sgseo-emotion-cluster-head {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.62fr);
  gap:clamp(30px,5vw,70px);
  align-items:end;
  margin-bottom:clamp(30px,4.5vw,52px);
}
.sgseo-emotion-cluster-head .sgseo-lead { margin:0; }

/* Smile: two equal proof cards, then editorial copy rather than a repeated card wall. */
.sgseo-emotion-proof-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sgseo-emotion-proof-card { margin:0; min-width:0; }
.sgseo-emotion-proof-card .sgseo-before-after {
  --sgseo-media-ratio:1 / 1;
  width:100%;
  min-height:0;
  border-radius:16px;
  background:#090a0e;
}
.sgseo-emotion-proof-card .sgseo-before-after img { object-fit:contain; background:#090a0e; }
.sgseo-emotion-proof-card > p {
  margin:12px 2px 0;
  color:var(--sgseo-muted);
  font-size:.86rem;
  line-height:1.55;
}
.sgseo-emotion-editorial-split {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  gap:clamp(42px,7vw,104px);
  align-items:start;
}
.sgseo-emotion-editorial-split > div:first-child { position:sticky; top:96px; }
.sgseo-emotion-direction-list { border-top:1px solid var(--sgseo-line); }
.sgseo-emotion-direction-list article {
  display:grid;
  grid-template-columns:42px 1fr;
  gap:18px;
  padding:21px 0;
  border-bottom:1px solid var(--sgseo-line);
}
.sgseo-emotion-direction-list article > span {
  color:#a78bfa;
  font-size:.72rem;
  letter-spacing:.12em;
  padding-top:3px;
}
.sgseo-emotion-direction-list h3 { margin:0 0 6px; font-size:1.03rem; }
.sgseo-emotion-direction-list p { margin:0; color:var(--sgseo-muted); line-height:1.62; }
.sgseo-emotion-cluster-media .sgseo-before-after {
  width:100%;
  --sgseo-media-ratio:1 / 1;
  min-height:0;
  border-radius:18px;
  background:#090a0e;
}
.sgseo-emotion-cluster-media .sgseo-before-after img { object-fit:contain; background:#090a0e; }
.sgseo-emotion-vs .sgseo-before-after {
  margin-top:28px;
  width:100%;
  --sgseo-media-ratio:1 / 1;
  min-height:0;
  border-radius:14px;
  background:#090a0e;
}
.sgseo-emotion-vs .sgseo-before-after img { object-fit:contain; background:#090a0e; }

/* Surprised Face: one dominant proof, a non-interactive reaction guide, then 3 equal proofs. */
.sgseo-emotion-surprise-stage .sgseo-emotion-stage__media .sgseo-before-after {
  --sgseo-media-ratio:1 / 1;
  min-height:0;
  background:#090a0e;
}
.sgseo-emotion-surprise-stage .sgseo-emotion-stage__media .sgseo-before-after img { object-fit:contain; background:#090a0e; }
.sgseo-emotion-scale-head { max-width:900px; }
.sgseo-emotion-scale-head .sgseo-lead { max-width:820px; }
.sgseo-emotion-reaction-scale {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:40px;
  border-top:1px solid var(--sgseo-line);
  border-bottom:1px solid var(--sgseo-line);
}
.sgseo-emotion-reaction-scale article { min-height:220px; padding:28px 28px 30px 0; }
.sgseo-emotion-reaction-scale article + article { border-left:1px solid var(--sgseo-line); padding-left:28px; }
.sgseo-emotion-reaction-scale span { display:block; margin-bottom:44px; color:#a78bfa; font-size:.72rem; letter-spacing:.14em; }
.sgseo-emotion-reaction-scale h3 { margin:0 0 9px; font-size:1.08rem; }
.sgseo-emotion-reaction-scale p { margin:0; color:var(--sgseo-muted); line-height:1.62; }
.sgseo-emotion-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sgseo-emotion-gallery-card { min-width:0; }
.sgseo-emotion-gallery-card .sgseo-before-after {
  width:100%;
  --sgseo-media-ratio:1 / 1;
  min-height:0;
  border-radius:14px;
  background:#090a0e;
}
.sgseo-emotion-gallery-card .sgseo-before-after img { object-fit:contain; background:#090a0e; }
.sgseo-emotion-gallery-card > p { margin:11px 2px 0; color:var(--sgseo-muted); font-size:.82rem; line-height:1.5; }
.sgseo-emotion-mechanics__rows--standalone { margin-top:0; }
.sgseo-emotion-usecases--four {
  display:grid;
  grid-template-columns:160px repeat(4,minmax(0,1fr));
  margin-top:clamp(52px,7vw,88px);
  border-bottom:1px solid var(--sgseo-line);
}
.sgseo-emotion-usecases--four > h2 { margin:0; padding:20px 28px 20px 0; font-size:1rem; line-height:1.25; }
.sgseo-emotion-usecases--four article {
  display:block;
  padding:20px 22px;
  border-top:1px solid var(--sgseo-line);
  border-left:1px solid var(--sgseo-line);
}
.sgseo-emotion-usecases--four h3 { margin:0 0 8px; }

.sgseo-emotion-cluster-links .sgseo-emotion-nav-list { max-width:980px; }
.sgseo-emotion-cluster-links .sgseo-emotion-tools { max-width:980px; }

@media (max-width:1120px) {
  .sgseo-emotion-editorial-split { grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr); gap:46px; }
  .sgseo-emotion-usecases--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sgseo-emotion-usecases--four > h2 { grid-column:1/-1; border-top:1px solid var(--sgseo-line); }
  .sgseo-emotion-usecases--four article:nth-of-type(odd) { border-left:0; }
}
@media (max-width:860px) {
  .sgseo-emotion-cluster-head,
  .sgseo-emotion-editorial-split { grid-template-columns:1fr; }
  .sgseo-emotion-editorial-split > div:first-child { position:static; }
  .sgseo-emotion-proof-grid { grid-template-columns:1fr; }
  .sgseo-emotion-reaction-scale { grid-template-columns:1fr; }
  .sgseo-emotion-reaction-scale article { min-height:0; padding:24px 0; }
  .sgseo-emotion-reaction-scale article + article { border-left:0; border-top:1px solid var(--sgseo-line); padding-left:0; }
  .sgseo-emotion-reaction-scale span { margin-bottom:16px; }
  .sgseo-emotion-gallery-grid { grid-template-columns:1fr; }
  .sgseo-emotion-usecases--four { grid-template-columns:1fr; }
  .sgseo-emotion-usecases--four > h2 { grid-column:auto; }
  .sgseo-emotion-usecases--four article { border-left:0; }
}
@media (max-width:640px) {
  .sgseo-emotion-cluster-hero .sgseo-emotion-hero__stage {
    width:100%;
    max-width:none;
    aspect-ratio:var(--sgseo-mobile-stage-ratio,1 / 1);
  }
  .sgseo-emotion-smile-page .sgseo-preset-rail--emotion { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sgseo-emotion-surprised-page .sgseo-preset-rail--emotion { grid-template-columns:1fr; max-width:none; }
  .sgseo-emotion-proof-card .sgseo-before-after,
  .sgseo-emotion-gallery-card .sgseo-before-after,
  .sgseo-emotion-cluster-media .sgseo-before-after,
  .sgseo-emotion-surprise-stage .sgseo-emotion-stage__media .sgseo-before-after,
  .sgseo-emotion-vs .sgseo-before-after { min-height:0; }
}

/* 2.28.25 — Body parent + Slim/Fitness clusters. */
.sgseo-body-cluster-hero .sgseo-hero__eyebrow{color:#d8f4ff}
.sgseo-body-cluster-hero .sgseo-body-hero__stage::before{content:"BODY EDIT"}
.sgseo-body-slim-page{--sg-body-accent:#6ed4ff;--sg-body-accent-soft:rgba(110,212,255,.12)}
.sgseo-body-fitness-page{--sg-body-accent:#8ee2bc;--sg-body-accent-soft:rgba(142,226,188,.11)}
.sgseo-body-fitness-page .sgseo-body-hero__stage::before{content:"FITNESS BODY";color:#dfffee;border-color:rgba(142,226,188,.23)}
.sgseo-body-slim-page .sgseo-body-hero__stage::before{content:"SLIM BODY"}
.sgseo-body-cluster-proof{padding:clamp(80px,8vw,124px) 0;background:#090c10}
.sgseo-body-cluster-proof__head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.45fr);gap:clamp(30px,6vw,86px);align-items:end;margin-bottom:clamp(30px,4vw,54px)}
.sgseo-body-cluster-proof__head h2,.sgseo-body-directions__copy h2,.sgseo-body-check__copy h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.98;letter-spacing:-.04em}
.sgseo-body-cluster-proof__head>p{margin:0;color:var(--sgseo-muted);line-height:1.75}
.sgseo-body-cluster-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.sgseo-body-cluster-pair{min-width:0}
.sgseo-body-cluster-pair .sgseo-before-after{--sgseo-media-ratio:1/1;border-radius:16px;border-color:var(--sg-body-border);background:#080b0f}
.sgseo-body-cluster-pair .sgseo-before-after img{object-fit:contain;background:#080b0f}
.sgseo-body-cluster-pair h3{margin:16px 0 0;font-size:1.08rem}
.sgseo-body-cluster-pair p{margin:7px 0 0;color:var(--sgseo-muted);font-size:.9rem;line-height:1.65}
.sgseo-body-directions{padding:clamp(86px,9vw,136px) 0;background:#070a0d}
.sgseo-body-directions__grid{display:grid;grid-template-columns:minmax(280px,.56fr) minmax(0,1fr);gap:clamp(34px,7vw,100px);align-items:start}
.sgseo-body-directions__copy{position:sticky;top:104px}
.sgseo-body-directions__copy>p,.sgseo-body-check__copy>p{margin:20px 0 0;color:var(--sgseo-muted);line-height:1.75}
.sgseo-body-direction-list{border-top:1px solid var(--sg-body-border)}
.sgseo-body-direction{display:grid;grid-template-columns:62px minmax(150px,.45fr) minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--sg-body-border);align-items:start}
.sgseo-body-direction__num{color:var(--sg-body-accent,#6ed4ff);font-size:.72rem;font-weight:900;letter-spacing:.12em}
.sgseo-body-direction h3{margin:0;font-size:1.04rem}.sgseo-body-direction p{margin:0;color:var(--sgseo-muted);font-size:.91rem;line-height:1.65}
.sgseo-body-check{padding:clamp(86px,9vw,132px) 0;background:#090c10}
.sgseo-body-check__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.7fr);gap:clamp(34px,6vw,86px);align-items:center}
.sgseo-body-check__media .sgseo-before-after{--sgseo-media-ratio:1/1;border-radius:16px;border-color:var(--sg-body-border);background:#080b0f}
.sgseo-body-check__media .sgseo-before-after img{object-fit:contain;background:#080b0f}
.sgseo-body-check-list{display:grid;margin-top:26px;border-top:1px solid var(--sg-body-border)}
.sgseo-body-check-item{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--sg-body-border)}
.sgseo-body-check-item b{color:#e8f7fc;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase}.sgseo-body-check-item span{color:var(--sgseo-muted);font-size:.89rem;line-height:1.6}
.sgseo-body-usecases{padding:clamp(78px,8vw,116px) 0;background:#070a0d}
.sgseo-body-usecase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sg-body-border);border:1px solid var(--sg-body-border);margin-top:30px}
.sgseo-body-usecase{min-width:0;padding:26px 22px;background:#090c10}.sgseo-body-usecase h3{margin:0;font-size:1rem}.sgseo-body-usecase p{margin:9px 0 0;color:var(--sgseo-muted);font-size:.87rem;line-height:1.65}
.sgseo-body-cluster-links .sgseo-body-link-row--clusters{grid-template-columns:repeat(2,minmax(0,1fr))}
.sgseo-body-cluster-links .sgseo-body-link-row--tools{grid-template-columns:repeat(4,minmax(0,1fr))}
.sgseo-body-cluster-faq .sgseo-body-final-cta{margin-top:46px}
.sgseo-body-fitness-page+.sgseo-body-cluster-proof .sgseo-body-cluster-pair-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}
.sgseo-body-fitness-feature{padding:clamp(86px,9vw,136px) 0;background:#070a0d}
.sgseo-body-fitness-feature__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.65fr);gap:clamp(34px,6vw,80px);align-items:center}
.sgseo-body-fitness-feature__media .sgseo-before-after{--sgseo-media-ratio:1/1;border-radius:16px;border-color:var(--sg-body-border);background:#080b0f}
.sgseo-body-fitness-feature__media .sgseo-before-after img{object-fit:contain;background:#080b0f}
.sgseo-body-fitness-feature__copy h2{margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:.98;letter-spacing:-.04em}.sgseo-body-fitness-feature__copy>p{margin:20px 0 0;color:var(--sgseo-muted);line-height:1.75}
.sgseo-body-fitness-cues{display:grid;margin-top:28px;border-top:1px solid var(--sg-body-border)}
.sgseo-body-fitness-cue{padding:15px 0;border-bottom:1px solid var(--sg-body-border)}.sgseo-body-fitness-cue b{display:block;font-size:.9rem}.sgseo-body-fitness-cue span{display:block;margin-top:5px;color:var(--sgseo-muted);font-size:.87rem;line-height:1.58}
@media(max-width:1050px){
 .sgseo-body-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sgseo-body-cluster-links .sgseo-body-link-row--tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
 .sgseo-body-cluster-proof__head,.sgseo-body-directions__grid,.sgseo-body-check__grid,.sgseo-body-fitness-feature__grid{grid-template-columns:1fr}
 .sgseo-body-directions__copy{position:static}
 .sgseo-body-fitness-page+.sgseo-body-cluster-proof .sgseo-body-cluster-pair-grid{grid-template-columns:1fr}
 .sgseo-body-cluster-pair-grid{grid-template-columns:1fr}
 .sgseo-body-direction{grid-template-columns:42px 1fr}.sgseo-body-direction p{grid-column:2}
 .sgseo-body-usecase-grid{grid-template-columns:1fr}
 .sgseo-body-cluster-links .sgseo-body-link-row--clusters,.sgseo-body-cluster-links .sgseo-body-link-row--tools{grid-template-columns:1fr}
 .sgseo-body-cluster-links .sgseo-body-link-row a{border-right:0!important}
}
@media(max-width:640px){
 .sgseo-body-cluster-proof,.sgseo-body-directions,.sgseo-body-check,.sgseo-body-fitness-feature,.sgseo-body-usecases{padding:58px 0}
 .sgseo-body-cluster-pair .sgseo-before-after,.sgseo-body-check__media .sgseo-before-after,.sgseo-body-fitness-feature__media .sgseo-before-after{width:calc(100vw - 24px);max-width:none;margin-left:calc(50% - 50vw + 12px);border-radius:12px}
 .sgseo-body-check-item{grid-template-columns:1fr;gap:5px}
}
.sgseo-body-cluster-hero{overflow:hidden}
.sgseo-body-fitness-feature,.sgseo-body-cluster-proof,.sgseo-body-directions,.sgseo-body-check,.sgseo-body-usecases,.sgseo-body-cluster-links,.sgseo-body-cluster-faq{overflow-x:hidden}
@media(min-width:1051px){
  .sgseo-body-hero .sgseo-hero__grid{grid-template-columns:minmax(360px,.52fr) minmax(0,1.18fr)}
}


/* 2.28.26 — Body Hero natural media ratio.
   Body used to keep a hard 4:5 shell even after BodyHero had measured the real
   proof/upload/result dimensions. That produced an empty band around landscape
   or non-4:5 photos. Let the shared runtime ratio drive the actual stage, while
   keeping portrait/square desktop viewers at a practical full-body width. */
.sgseo-body-hero__stage {
  aspect-ratio: var(--sgseo-hero-ratio, 4 / 5) !important;
  min-height: 0 !important;
  height: auto !important;
}
.sgseo-body-hero__stage .sgseo-before-after,
.sgseo-body-hero__stage .sgseo-hero__preview,
.sgseo-body-hero__stage [data-sgseo-role="proof"] {
  width: 100%;
  height: 100%;
  min-height: 0;
}
.sgseo-body-hero__stage[data-sgseo-aspect="portrait"] {
  width: min(100%, 640px);
}
.sgseo-body-hero__stage[data-sgseo-aspect="square"] {
  width: min(100%, 760px);
}
.sgseo-body-hero__stage[data-sgseo-aspect="landscape"] {
  width: min(100%, 860px);
}
@media (max-width: 980px) {
  .sgseo-body-hero__stage[data-sgseo-aspect] {
    width: min(100%, 560px);
  }
}
@media (max-width: 640px) {
  .sgseo-root.sgseo-root.sgseo-hero.sgseo-body-hero[data-sgseo-component="hero"] .sgseo-hero__visual > .sgseo-body-hero__stage[data-sgseo-aspect] {
    width: 100% !important;
    aspect-ratio: var(--sgseo-mobile-stage-ratio, var(--sgseo-hero-ratio, 4 / 5)) !important;
  }
}


/* 2.28.27 — Body Hero desktop balance.
   The Body parent can expose 7–8 real presets for one gender. A legacy
   containment rule collapsed that rail to one column, making the control
   column much taller than the full-body preview. Restore a compact two-column
   catalog on desktop, give the copy enough width to avoid an excessively tall
   H1, keep the media sticky while the controls scroll, and contain only the
   parent catalog when it exceeds the visual workspace. Cluster pages keep all
   of their focused presets visible without an inner scrollbar. */
@media (min-width:861px) {
  .sgseo-root.sgseo-body-hero[data-sgseo-component="hero"] .sgseo-hero__visual {
    position:sticky !important;
    top:90px;
    align-self:start;
  }

  .sgseo-root.sgseo-body-hero[data-sgseo-component="hero"] .sgseo-body-preset-rail {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
  }

  .sgseo-root.sgseo-body-hero[data-sgseo-component="hero"][data-sgseo-body-profile="all"] .sgseo-body-preset-rail {
    max-height:300px;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    padding-right:4px;
    scrollbar-width:thin;
    scrollbar-color:rgba(110,212,255,.34) rgba(255,255,255,.035);
  }

  .sgseo-root.sgseo-body-hero[data-sgseo-component="hero"][data-sgseo-body-profile="all"] .sgseo-body-preset-rail::-webkit-scrollbar { width:7px; }
  .sgseo-root.sgseo-body-hero[data-sgseo-component="hero"][data-sgseo-body-profile="all"] .sgseo-body-preset-rail::-webkit-scrollbar-track { background:rgba(255,255,255,.035); border-radius:8px; }
  .sgseo-root.sgseo-body-hero[data-sgseo-component="hero"][data-sgseo-body-profile="all"] .sgseo-body-preset-rail::-webkit-scrollbar-thumb { background:rgba(110,212,255,.28); border-radius:8px; }
}

@media (min-width:861px) and (max-width:1120px) {
  .sgseo-root.sgseo-body-hero[data-sgseo-component="hero"] .sgseo-hero__grid {
    grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr) !important;
    column-gap:30px !important;
  }
}

@media (min-width:1121px) {
  .sgseo-root.sgseo-body-hero[data-sgseo-component="hero"] .sgseo-hero__grid {
    grid-template-columns:minmax(560px,.95fr) minmax(640px,1.05fr) !important;
    column-gap:clamp(38px,3.5vw,58px) !important;
  }
}

/* 2.28.28 — Clothing cluster profiles and reference-garment Virtual Try-On. */
.sgseo-outfit-command--dress .sgseo-outfit-gender--hidden{display:none!important}
.sgseo-outfit-command--dress .sgseo-outfit-prompt textarea{min-height:96px}
.sgseo-outfit-command--suit .sgseo-outfit-preset-rail{grid-template-columns:minmax(0,190px)}
.sgseo-outfit-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.sgseo-outfit-color{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#090a0f;color:#d8d7df;font:700 11px/1.2 inherit;text-align:left;transition:.18s ease}
.sgseo-outfit-color:hover{border-color:rgba(142,124,255,.28);background:#101018}
.sgseo-outfit-color[aria-pressed="true"]{border-color:rgba(142,124,255,.55);background:rgba(142,124,255,.10);box-shadow:0 0 0 1px rgba(142,124,255,.08)}
.sgseo-outfit-color__swatch{display:block;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:var(--sgseo-color,#777);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.sgseo-outfit-color-note{display:flex;align-items:flex-start;gap:10px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(142,124,255,.11)}
.sgseo-outfit-color-note>[data-sgseo-role="outfit-mode"]{flex:0 0 auto;padding:5px 7px;border-radius:999px;background:rgba(142,231,255,.08);border:1px solid rgba(142,231,255,.14);color:#c9f4ff;font-size:9px;font-weight:800;letter-spacing:.1em}
.sgseo-outfit-color-note small{color:#858694;font-size:10px;line-height:1.4}

.sgseo-outfit-ref-hero .sgseo-hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(400px,.78fr);grid-template-areas:"copy copy" "visual upload" "visual presets" "visual actions" "visual message"}
.sgseo-outfit-ref-hero .sgseo-transfer-source{padding:14px;border:1px solid rgba(142,124,255,.18);border-radius:18px;background:#0d0d14}
.sgseo-outfit-ref-hero .sgseo-transfer-source--base .sgseo-upload{min-height:94px;border-color:rgba(142,124,255,.30);background:#090a10}
.sgseo-outfit-ref-hero .sgseo-transfer-upload{min-height:102px;border-color:rgba(142,124,255,.28);background:#090a10}
.sgseo-outfit-ref-hero .sgseo-transfer-upload:hover,.sgseo-outfit-ref-hero .sgseo-transfer-upload[data-sgseo-drag="true"]{border-color:rgba(142,124,255,.55);background:#101018}
.sgseo-outfit-ref-hero .sgseo-transfer-upload__action{color:#bcb3ff}
.sgseo-outfit-ref-hero .sgseo-transfer-result-label{background:rgba(8,8,13,.74);border:1px solid rgba(255,255,255,.08);color:#ddd9ff}
.sgseo-outfit-reference-controls{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
.sgseo-outfit-reference-control{display:grid;gap:7px;padding-top:10px;border-top:1px solid rgba(142,124,255,.10)}
.sgseo-outfit-reference-control>span{font-size:10px;font-weight:800;letter-spacing:.08em;color:#9d99b8;text-transform:uppercase}
.sgseo-outfit-reference-control>small{color:#858694;font-size:10px;line-height:1.45}
.sgseo-outfit-fit-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sgseo-outfit-fit-switch button{min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#090a10;color:#bbbcc8;font:700 11px/1.2 inherit}
.sgseo-outfit-fit-switch button[aria-pressed="true"]{border-color:rgba(142,124,255,.48);background:rgba(142,124,255,.10);color:#f1efff}

.sgseo-clothing-cluster{--sg-cloth-line:rgba(142,124,255,.14);--sg-cloth-muted:#9697a5;background:#0a0a10;color:#f3f2f8}
.sgseo-clothing-intent{padding:22px 0 52px;background:#0a0a10}
.sgseo-clothing-intent__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--sg-cloth-line);border-radius:17px;overflow:hidden;background:var(--sg-cloth-line)}
.sgseo-clothing-intent__item{padding:17px 18px;background:#0c0c13}.sgseo-clothing-intent__item span{display:block;margin-bottom:5px;color:#77758b;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sgseo-clothing-intent__item b{font-size:13px;color:#e9e7f2}
.sgseo-clothing-pairs{padding:clamp(70px,7vw,112px) 0;background:#09090f}
.sgseo-clothing-pairs__head{display:grid;grid-template-columns:minmax(240px,.38fr) minmax(0,.62fr);gap:34px;align-items:end;margin-bottom:26px}.sgseo-clothing-pairs__head h2{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.045em}.sgseo-clothing-pairs__head p{margin:0;color:var(--sg-cloth-muted);line-height:1.7}
.sgseo-clothing-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sgseo-clothing-pair{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0d0d14}
.sgseo-clothing-pair .sgseo-before-after{aspect-ratio:4/3;border-radius:13px;background:#090a0f;overflow:hidden}.sgseo-clothing-pair .sgseo-before-after img{object-fit:cover}.sgseo-clothing-pair h3{margin:13px 4px 4px;font-size:16px}.sgseo-clothing-pair p{margin:0 4px 5px;color:#8f909d;font-size:12px;line-height:1.55}
.sgseo-clothing-feature-band{padding:clamp(68px,6vw,100px) 0;background:#0a0a10}.sgseo-clothing-feature-band__grid{display:grid;grid-template-columns:minmax(250px,.36fr) minmax(0,.64fr);gap:clamp(28px,5vw,72px)}
.sgseo-clothing-feature-list{display:grid;border-top:1px solid var(--sg-cloth-line)}.sgseo-clothing-feature{display:grid;grid-template-columns:44px minmax(150px,.35fr) minmax(0,.65fr);gap:14px;padding:17px 0;border-bottom:1px solid var(--sg-cloth-line)}.sgseo-clothing-feature>span{color:#77758d;font-size:10px}.sgseo-clothing-feature h3{margin:0;font-size:15px}.sgseo-clothing-feature p{margin:0;color:#91929f;font-size:13px;line-height:1.55}
.sgseo-clothing-source-strip{padding:clamp(72px,7vw,112px) 0;background:#09090f}.sgseo-clothing-source-strip__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sgseo-clothing-source-card{min-height:220px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0d0d14}.sgseo-clothing-source-card b{display:block;color:#8d86c2;font-size:10px;letter-spacing:.12em}.sgseo-clothing-source-card h3{margin:28px 0 9px;font-size:20px}.sgseo-clothing-source-card p{margin:0;color:#90919e;line-height:1.65;font-size:13px}
.sgseo-clothing-links{padding:clamp(62px,6vw,94px) 0;background:#0a0a10}.sgseo-clothing-links__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:18px}.sgseo-clothing-links__row a{display:flex;align-items:flex-end;min-height:116px;padding:14px;border:1px solid rgba(142,124,255,.14);border-radius:14px;background:#0d0d14;color:#e4e1ef;text-decoration:none;font-size:12px;font-weight:750}.sgseo-clothing-links__row a:hover{border-color:rgba(142,124,255,.38);background:#11111b}
.sgseo-clothing-copy{padding:clamp(64px,6vw,96px) 0;background:#09090f}.sgseo-clothing-copy__grid{display:grid;grid-template-columns:minmax(240px,.34fr) minmax(0,.66fr);gap:clamp(28px,5vw,70px)}.sgseo-clothing-copy__text{columns:2;column-gap:32px;color:#9697a4;font-size:14px;line-height:1.75}.sgseo-clothing-copy__text p{margin:0 0 18px;break-inside:avoid}
.sgseo-clothing-faq{padding:clamp(64px,6vw,100px) 0 86px;background:#0a0a10}
.sgseo-clothing-faq .sgseo-utility-faq-grid{align-items:start}
.sgseo-clothing-retired-proof{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.sgseo-clothing-retired-proof figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#101018}.sgseo-clothing-retired-proof img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.sgseo-clothing-retired-proof figcaption{padding:10px 12px;color:#8f909d;font-size:11px}

@media(max-width:1080px){.sgseo-clothing-links__row{grid-template-columns:repeat(3,minmax(0,1fr))}.sgseo-outfit-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){
  .sgseo-outfit-ref-hero .sgseo-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "upload" "presets" "visual" "actions" "message"}
  .sgseo-outfit-ref-hero .sgseo-hero__visual{position:static}
  .sgseo-clothing-intent__grid,.sgseo-clothing-pair-grid,.sgseo-clothing-pairs__head,.sgseo-clothing-feature-band__grid,.sgseo-clothing-source-strip__grid,.sgseo-clothing-copy__grid{grid-template-columns:1fr}
  .sgseo-clothing-links__row{grid-template-columns:1fr 1fr}.sgseo-clothing-links__row a{min-height:84px}
  .sgseo-clothing-copy__text{columns:1}.sgseo-clothing-retired-proof{grid-template-columns:1fr}
}
@media(max-width:560px){.sgseo-outfit-color-grid,.sgseo-clothing-links__row{grid-template-columns:1fr}.sgseo-clothing-feature{grid-template-columns:36px 1fr}.sgseo-clothing-feature p{grid-column:2}.sgseo-clothing-pair .sgseo-before-after{aspect-ratio:3/4}.sgseo-outfit-ref-hero .sgseo-transfer-source{padding:11px}.sgseo-outfit-ref-hero .sgseo-transfer-upload{grid-template-columns:64px minmax(0,1fr) 24px}.sgseo-outfit-ref-hero .sgseo-transfer-upload__preview{width:64px;height:64px}}


/* 2.28.29 — Clothing Virtual Try-On runtime fix + consistent square examples. */
@media (min-width:1181px){
  .sgseo-outfit-ref-hero .sgseo-shell{max-width:min(1480px,calc(100vw - 44px))}
  .sgseo-outfit-ref-hero .sgseo-hero__grid{
    grid-template-columns:minmax(260px,.55fr) minmax(260px,.55fr) minmax(500px,1.15fr)!important;
    grid-template-areas:
      "copy copy copy"
      "upload presets visual"
      "actions actions visual"
      "message message visual"!important;
    column-gap:16px!important;
    row-gap:14px!important;
    align-items:start!important
  }
  .sgseo-outfit-ref-hero .sgseo-hero__upload,
  .sgseo-outfit-ref-hero .sgseo-hero__presets{align-self:stretch}
  .sgseo-outfit-ref-hero .sgseo-transfer-source{height:100%;min-height:154px}
  .sgseo-outfit-ref-hero .sgseo-hero__visual{position:sticky;top:88px;align-self:start}
  .sgseo-outfit-ref-hero .sgseo-hero__stage{width:100%;max-width:760px;margin-left:auto}
  .sgseo-outfit-ref-hero .sgseo-hero__actions{display:block!important}
  .sgseo-outfit-ref-hero .sgseo-outfit-reference-controls{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}
  .sgseo-outfit-ref-hero .sgseo-outfit-reference-control{padding:12px;border:1px solid rgba(142,124,255,.12);border-radius:14px;background:#0d0d14}
  .sgseo-outfit-ref-hero .sgseo-outfit-reference-buttons{display:grid;grid-template-columns:1fr;gap:8px}
}
@media (min-width:861px) and (max-width:1180px){
  .sgseo-outfit-ref-hero .sgseo-hero__grid{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "copy copy"
      "upload presets"
      "actions actions"
      "visual visual"
      "message message"!important;
    gap:14px!important
  }
  .sgseo-outfit-ref-hero .sgseo-transfer-source{height:100%}
  .sgseo-outfit-ref-hero .sgseo-hero__visual{position:static!important}
  .sgseo-outfit-ref-hero .sgseo-hero__stage{max-width:780px;margin:10px auto 0}
  .sgseo-outfit-ref-hero .sgseo-outfit-reference-controls{grid-template-columns:1fr 1fr;gap:12px}
  .sgseo-outfit-ref-hero .sgseo-hero__actions{display:block!important}
  .sgseo-outfit-ref-hero .sgseo-outfit-reference-buttons{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
}
@media (max-width:860px){
  .sgseo-outfit-ref-hero .sgseo-hero__grid{grid-template-areas:"copy" "upload" "presets" "actions" "visual" "message"!important}
  .sgseo-outfit-ref-hero .sgseo-outfit-reference-controls{grid-template-columns:1fr;gap:10px;margin-top:0}
  .sgseo-outfit-ref-hero .sgseo-hero__actions{display:block!important}
  .sgseo-outfit-ref-hero .sgseo-outfit-reference-buttons{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
}

/* All Clothing examples below the interactive Hero are intentionally square.
   Hero/result media keeps its natural uploaded-image ratio. */
.sgseo-clothing-pair .sgseo-before-after{
  aspect-ratio:1 / 1!important;
  --sgseo-media-ratio:1 / 1!important;
  min-height:0!important
}
.sgseo-clothing-pair .sgseo-before-after img{object-fit:cover!important}
.sgseo-clothing-retired-proof figure .sgseo-before-after{
  aspect-ratio:1 / 1!important;
  --sgseo-media-ratio:1 / 1!important;
  min-height:0!important
}
.sgseo-clothing-retired-proof figure .sgseo-before-after img{object-fit:cover!important}
.sgseo-outfit-lookbook .sgseo-outfit-look,
.sgseo-outfit-lookbook .sgseo-outfit-look:first-child{
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  grid-row:auto!important;
  grid-column:auto!important
}
.sgseo-outfit-lookbook .sgseo-outfit-look img{object-fit:cover!important}
@media(max-width:560px){
  .sgseo-clothing-pair .sgseo-before-after{aspect-ratio:1 / 1!important}
}

/* Keep the two source cards aligned as one upload row. */
.sgseo-outfit-ref-hero .sgseo-hero__upload{margin-top:0!important}

/* 2.28.31 — Clothing Color: compact premium palette. */
.sgseo-outfit-command--color{
  padding:15px 16px 14px;
  border-color:rgba(142,124,255,.16);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(15,15,23,.96),rgba(11,11,17,.96));
  box-shadow:0 18px 48px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.018);
}
.sgseo-outfit-command--color .sgseo-outfit-command__top{margin-bottom:14px}
.sgseo-outfit-command--color .sgseo-outfit-command__label{gap:4px}
.sgseo-outfit-command--color .sgseo-outfit-command__label span{color:#8d83ca;font-size:9px;letter-spacing:.16em}
.sgseo-outfit-command--color .sgseo-outfit-command__label b{font-size:13px;letter-spacing:-.015em;color:#f2f0f8}
.sgseo-outfit-color-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(64px,1fr));
  gap:8px;
}
.sgseo-outfit-color{
  position:relative;
  display:grid;
  grid-template-rows:34px auto;
  justify-items:center;
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:73px;
  padding:9px 5px 7px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:13px;
  background:rgba(255,255,255,.018);
  color:#b9bac5;
  font:700 10.5px/1.15 inherit;
  text-align:center;
  cursor:pointer;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.sgseo-outfit-color>span:last-child{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sgseo-outfit-color::after{
  content:"✓";
  position:absolute;
  top:7px;
  right:7px;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border:1px solid rgba(179,166,255,.34);
  border-radius:50%;
  background:#171522;
  color:#dcd5ff;
  font:800 9px/1 inherit;
  opacity:0;
  transform:scale(.72);
  transition:opacity .18s ease,transform .18s ease;
}
.sgseo-outfit-color:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:rgba(142,124,255,.25);
  background:rgba(142,124,255,.045);
  color:#e3e1ea;
}
.sgseo-outfit-color[aria-pressed="true"]{
  border-color:rgba(151,134,255,.48);
  background:linear-gradient(180deg,rgba(142,124,255,.09),rgba(142,124,255,.045));
  color:#f4f2fb;
  box-shadow:inset 0 0 0 1px rgba(160,145,255,.055),0 8px 20px rgba(0,0,0,.13);
}
.sgseo-outfit-color[aria-pressed="true"]::after{opacity:1;transform:scale(1)}
.sgseo-outfit-color__swatch{
  display:block;
  width:31px;
  height:31px;
  border-radius:50%;
  background:var(--sgseo-color,#777);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),0 2px 7px rgba(0,0,0,.22);
  transition:transform .18s ease,box-shadow .18s ease;
}
.sgseo-outfit-color[aria-pressed="true"] .sgseo-outfit-color__swatch{
  transform:scale(1.04);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 3px #0d0d14,0 0 0 5px rgba(151,134,255,.58),0 4px 10px rgba(0,0,0,.28);
}
.sgseo-outfit-color:focus-visible{outline:2px solid rgba(163,149,255,.78);outline-offset:2px}
.sgseo-outfit-color:disabled{opacity:.5;cursor:default;transform:none}
.sgseo-outfit-command--color .sgseo-outfit-color-note{
  align-items:center;
  gap:9px;
  margin-top:12px;
  padding-top:11px;
  border-top-color:rgba(255,255,255,.055);
}
.sgseo-outfit-command--color .sgseo-outfit-color-note>[data-sgseo-role="outfit-mode"]{
  padding:4px 7px;
  border-color:rgba(120,213,255,.14);
  background:rgba(120,213,255,.065);
  color:#bcecff;
  font-size:8px;
}
.sgseo-outfit-command--color .sgseo-outfit-color-note small{color:#7f808d;font-size:9.5px;line-height:1.45}
@media(max-width:560px){
  .sgseo-outfit-command--color{padding:13px 12px 12px}
  .sgseo-outfit-command--color .sgseo-outfit-color-grid{grid-template-columns:repeat(4,minmax(56px,1fr));gap:6px}
  .sgseo-outfit-command--color .sgseo-outfit-color{min-height:68px;padding:8px 3px 6px;font-size:9.5px}
  .sgseo-outfit-command--color .sgseo-outfit-color__swatch{width:29px;height:29px}
  .sgseo-outfit-command--color .sgseo-outfit-color::after{top:5px;right:5px;width:15px;height:15px;font-size:8px}
}
@media(max-width:360px){
  .sgseo-outfit-command--color .sgseo-outfit-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgseo-outfit-command--color .sgseo-outfit-color{grid-template-columns:30px minmax(0,1fr);grid-template-rows:1fr;justify-items:start;min-height:48px;padding:7px 9px;text-align:left}
  .sgseo-outfit-command--color .sgseo-outfit-color>span:last-child{white-space:normal}
}


/* 2.28.32 — Clothing photo sections: cleaner symmetric image grids. */
.sgseo-outfit-lookbook__grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(12px,1.3vw,18px)!important;
  align-items:stretch!important;
}
.sgseo-outfit-lookbook .sgseo-outfit-look,
.sgseo-outfit-lookbook .sgseo-outfit-look:first-child{
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  grid-row:auto!important;
  grid-column:auto!important;
  border-radius:20px!important;
}
.sgseo-outfit-lookbook .sgseo-outfit-look img{
  object-fit:cover!important;
  object-position:center 18%!important;
}
.sgseo-outfit-lookbook .sgseo-outfit-look__caption{
  min-height:62px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.sgseo-clothing-pair-grid{
  gap:clamp(14px,1.4vw,20px)!important;
}
.sgseo-clothing-pair,
.sgseo-clothing-retired-proof figure{
  display:flex;
  flex-direction:column;
  height:100%;
}
.sgseo-clothing-pair .sgseo-before-after,
.sgseo-clothing-retired-proof figure .sgseo-before-after{
  border-radius:16px!important;
}
.sgseo-clothing-pair .sgseo-before-after img,
.sgseo-clothing-retired-proof figure .sgseo-before-after img{
  object-position:center 18%!important;
}
.sgseo-clothing-pair h3,
.sgseo-clothing-retired-proof figcaption{
  min-height:42px;
}

@media(max-width:1080px){
  .sgseo-outfit-lookbook__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sgseo-outfit-lookbook .sgseo-outfit-look:first-child{
    grid-column:1 / -1!important;
  }
}
@media(max-width:640px){
  .sgseo-outfit-lookbook__grid,
  .sgseo-clothing-pair-grid,
  .sgseo-clothing-retired-proof{
    grid-template-columns:1fr!important;
  }
  .sgseo-outfit-lookbook .sgseo-outfit-look,
  .sgseo-outfit-lookbook .sgseo-outfit-look:first-child,
  .sgseo-clothing-pair .sgseo-before-after,
  .sgseo-clothing-retired-proof figure .sgseo-before-after{
    aspect-ratio:1 / 1!important;
  }
}


/* 2.28.33 — Clothing hero simplification: presets only / no free-text block. */
.sgseo-outfit-command--hidden{display:none!important}
.sgseo-outfit-command__microcopy{margin-top:2px;color:#8f90a0;font-size:12px;line-height:1.55}
.sgseo-outfit-hero--presets-only .sgseo-outfit-command,
.sgseo-outfit-hero--upload-emphasis .sgseo-outfit-command{
  padding:14px 16px;
}
.sgseo-outfit-hero--presets-only .sgseo-outfit-command__top,
.sgseo-outfit-hero--upload-emphasis .sgseo-outfit-command__top{
  margin-bottom:10px;
}
.sgseo-outfit-hero--presets-only .sgseo-outfit-preset-rail{
  margin-top:0;
}
.sgseo-outfit-hero--upload-emphasis .sgseo-outfit-upload .sgseo-upload{
  min-height:128px;
  padding:18px 18px;
}
.sgseo-outfit-hero--upload-emphasis .sgseo-outfit-upload .sgseo-upload__icon{
  width:58px;height:58px;flex-basis:58px;
}
.sgseo-outfit-hero--upload-emphasis .sgseo-outfit-upload .sgseo-upload__title{font-size:16px}
.sgseo-outfit-hero--upload-emphasis .sgseo-outfit-upload .sgseo-upload__hint{font-size:11.5px}
@media(max-width:768px){
  .sgseo-outfit-hero--upload-emphasis .sgseo-outfit-upload .sgseo-upload{min-height:118px;padding:16px}
  .sgseo-outfit-hero--presets-only .sgseo-outfit-command,
  .sgseo-outfit-hero--upload-emphasis .sgseo-outfit-command{padding:12px}
}


/* 2.28.34 — AI Agent hero: Body-like image-first desktop composition.
   Keep the full Agent workflow, but make the visual/result the dominant half
   of the hero and compact the command workspace so both columns finish closer. */
@media (min-width:1021px){
  .sgseo-agent-hero .sgseo-shell{
    max-width:min(1500px,calc(100vw - 40px))!important;
  }
  .sgseo-agent-hero .sgseo-hero__grid{
    grid-template-columns:minmax(390px,.58fr) minmax(0,1.32fr)!important;
    grid-template-areas:
      "copy visual"
      "upload visual"
      "presets visual"
      "actions visual"
      "message visual"!important;
    column-gap:clamp(34px,5vw,82px)!important;
    row-gap:10px!important;
    align-items:start!important;
  }
  .sgseo-agent-hero .sgseo-hero__copy{
    max-width:560px!important;
    padding:10px 0 6px!important;
  }
  .sgseo-agent-hero .sgseo-hero__copy h1{
    max-width:560px!important;
    font-size:clamp(3rem,4.35vw,4.45rem)!important;
    line-height:.94!important;
  }
  .sgseo-agent-hero .sgseo-hero__description{
    max-width:540px!important;
    font-size:.98rem!important;
    line-height:1.55!important;
  }
  .sgseo-agent-hero .sgseo-hero__trust{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin-top:12px!important;
  }
  .sgseo-agent-hero .sgseo-hero__visual{
    width:100%!important;
    justify-self:stretch!important;
    position:sticky!important;
    top:88px!important;
  }
  .sgseo-agent-hero .sgseo-hero__stage{
    width:min(100%,780px)!important;
    max-width:780px!important;
    margin-left:auto!important;
    margin-right:0!important;
    border-radius:20px!important;
    box-shadow:0 34px 90px rgba(0,0,0,.30)!important;
  }
  .sgseo-agent-upload .sgseo-upload{
    min-height:78px!important;
    padding:11px 13px!important;
  }
  .sgseo-agent-upload .sgseo-upload__icon{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }
  .sgseo-agent-upload__cta{
    min-width:104px!important;
    min-height:34px!important;
    padding:0 11px!important;
    font-size:9px!important;
  }
  .sgseo-agent-workspace{
    gap:9px!important;
    padding:13px!important;
    border-radius:17px!important;
  }
  .sgseo-agent-workspace__head{
    gap:10px!important;
  }
  .sgseo-agent-workspace__head small{
    max-width:300px!important;
    font-size:9.5px!important;
  }
  .sgseo-agent-prompt{
    gap:5px!important;
  }
  .sgseo-agent-prompt>span{
    font-size:11px!important;
  }
  .sgseo-agent-prompt textarea{
    min-height:86px!important;
    max-height:150px!important;
    padding:11px 12px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
  .sgseo-agent-quick-wrap{
    gap:7px!important;
  }
  .sgseo-agent-quick-head>span{
    font-size:10px!important;
  }
  .sgseo-agent-quick-head small{
    font-size:9px!important;
  }
  .sgseo-agent-quick{
    gap:6px!important;
  }
  .sgseo-agent-quick button{
    min-height:50px!important;
    padding:8px 9px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
  }
  .sgseo-agent-quick__tag{
    font-size:7px!important;
  }
  .sgseo-agent-quick button strong{
    font-size:11px!important;
  }
  .sgseo-agent-quick button small{
    margin-top:2px!important;
    font-size:8.5px!important;
    line-height:1.3!important;
  }
  .sgseo-agent-hero .sgseo-hero__actions .sgseo-btn{
    min-height:44px!important;
  }
}

@media (min-width:1021px) and (max-width:1240px){
  .sgseo-agent-hero .sgseo-hero__grid{
    grid-template-columns:minmax(360px,.68fr) minmax(0,1.12fr)!important;
    column-gap:30px!important;
  }
  .sgseo-agent-hero .sgseo-hero__stage{
    width:min(100%,650px)!important;
  }
  .sgseo-agent-hero .sgseo-hero__copy h1{
    font-size:clamp(2.8rem,4.3vw,3.7rem)!important;
  }
}

/* 2.28.35 — Enhance Studio focused cluster profiles. */
.sgseo-enhance-profile-control{
  display:grid;gap:10px;padding:14px 15px;border:1px solid rgba(96,154,255,.16);
  border-radius:16px;background:linear-gradient(180deg,rgba(13,15,23,.95),rgba(9,10,16,.96));
}
.sgseo-enhance-profile-control .sgseo-enhance-scope__title{display:flex;align-items:center;gap:8px;color:#f2f4fb;font-size:12px;font-weight:800;letter-spacing:.05em}
.sgseo-enhance-profile-control .sgseo-enhance-scope__items{display:flex;flex-wrap:wrap;gap:6px}
.sgseo-enhance-profile-control .sgseo-enhance-scope__items span{padding:6px 8px;border:1px solid rgba(115,144,255,.14);border-radius:999px;background:rgba(80,96,190,.07);color:#9299b8;font-size:9px;font-weight:800;letter-spacing:.1em}
.sgseo-enhance-profile-control p{margin:0;color:#858997;font-size:11px;line-height:1.5}
.sgseo-enhance-resolution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.sgseo-enhance-resolution button{min-height:44px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0b0c12;color:#aaaebe;font:inherit;font-size:12px;font-weight:850;letter-spacing:.08em;cursor:pointer}
.sgseo-enhance-resolution button[aria-pressed="true"]{border-color:rgba(91,168,255,.68);background:linear-gradient(135deg,rgba(40,133,255,.2),rgba(107,92,255,.18));color:#f4f7ff;box-shadow:inset 0 0 0 1px rgba(134,188,255,.08)}
.sgseo-enhance-resolution button:disabled{opacity:.48;cursor:default}
.sgseo-enhance-cluster-examples .sgseo-before-after{--sgseo-media-ratio:1 / 1!important}
.sgseo-enhance-cluster-examples .sgseo-before-after img{object-fit:cover!important}
.sgseo-enhance-cluster-examples .sgseo-showcase-item__caption{display:block;min-height:86px;padding:12px 4px 4px}
.sgseo-enhance-cluster-examples .sgseo-showcase-item__caption strong{display:block;margin-bottom:5px}
.sgseo-enhance-cluster-examples .sgseo-showcase-item__caption span{display:block;line-height:1.5}
@media(max-width:640px){
  .sgseo-enhance-profile-control{padding:12px}
  .sgseo-enhance-resolution button{min-height:42px}
  .sgseo-enhance-cluster-examples .sgseo-showcase-item__caption{min-height:0}
}


/* 2.28.36 — Enhance cluster hero: standard left controls / right visual desktop layout. */
@media (min-width: 1021px){
  .sgseo-enhance-hero .sgseo-hero__grid{
    grid-template-columns:minmax(340px,.92fr) minmax(520px,1.38fr)!important;
    grid-template-areas:
      "copy visual"
      "upload visual"
      "presets visual"
      "actions visual"
      "message visual"!important;
    column-gap:clamp(22px,2.2vw,34px)!important;
    row-gap:14px!important;
    align-items:start!important;
  }
  .sgseo-enhance-hero .sgseo-hero__copy,
  .sgseo-enhance-hero .sgseo-hero__upload,
  .sgseo-enhance-hero .sgseo-hero__presets,
  .sgseo-enhance-hero .sgseo-hero__actions,
  .sgseo-enhance-hero .sgseo-hero__message{
    max-width:560px;
  }
  .sgseo-enhance-hero__visual{
    position:sticky!important;
    top:88px!important;
    align-self:start!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:none!important;
  }
  .sgseo-enhance-hero__stage{
    min-height:0!important;
  }
  .sgseo-enhance-hero .sgseo-hero__actions{
    display:flex;
    align-items:stretch;
  }
  .sgseo-enhance-hero .sgseo-hero__actions .sgseo-btn{
    min-height:92px;
  }
}


/* 2.28.37 — Enhance desktop H1 clipping fix. */
@media (min-width:1021px){
  .sgseo-enhance-hero .sgseo-hero__copy{max-width:100%!important;overflow:visible!important}
  .sgseo-enhance-hero .sgseo-hero__copy h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(2.55rem,3.35vw,3.55rem)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
}

/* 2.28.38 — Photo Styles family: cluster-aware 4:3 presets and crawlable style hub. */
.sgseo-style-hero .sgseo-style-preset__media{
  aspect-ratio:4 / 3!important;
  max-height:none!important;
  background:#090a0f;
}
.sgseo-style-hero .sgseo-style-preset__media img{
  width:100%;height:100%;object-fit:cover;object-position:center 30%;
}
.sgseo-style-hero--hub .sgseo-style-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.sgseo-style-hero--cluster .sgseo-style-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sgseo-style-hero--cluster .sgseo-style-preset[data-sgseo-style-primary="true"]{
  border-color:rgba(183,162,255,.72);background:linear-gradient(180deg,#151421,#101017);box-shadow:inset 0 0 0 1px rgba(183,162,255,.08)
}
.sgseo-style-hero--cluster .sgseo-style-preset[data-sgseo-style-primary="true"]::after{
  content:"MAIN";position:absolute;left:7px;top:7px;padding:4px 6px;border-radius:999px;background:rgba(9,10,15,.8);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:7px;font-weight:900;letter-spacing:.11em
}
.sgseo-style-cluster-directory{padding:clamp(54px,6vw,84px) 0;background:#090a0d;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.sgseo-style-directory-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.55fr);gap:30px;align-items:end;margin-bottom:24px}
.sgseo-style-directory-head h2{margin:0;color:#f4f2f8;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.045em;font-weight:650}
.sgseo-style-directory-head p{margin:0;color:#92939d;line-height:1.7}
.sgseo-style-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sgseo-style-directory__item,.sgseo-style-related__item{display:block;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.075);background:#0d0e13;overflow:hidden;transition:border-color .18s ease,transform .18s ease}
.sgseo-style-directory__item{border-radius:15px;padding:7px 7px 12px}
.sgseo-style-directory__item:hover,.sgseo-style-related__item:hover{border-color:rgba(178,156,255,.35);transform:translateY(-2px)}
.sgseo-style-directory__media,.sgseo-style-related__media{display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#08090c}
.sgseo-style-directory__media{border-radius:10px}
.sgseo-style-directory__media img,.sgseo-style-related__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.sgseo-style-directory__copy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px 0}
.sgseo-style-directory__copy strong{font-size:12px;color:#f0eef5}.sgseo-style-directory__copy span{font-size:9px;color:#71737d;letter-spacing:.08em}

.sgseo-style-cluster{--sgseo-style-accent:#a48cff}
.sgseo-style-cluster-section{padding:clamp(58px,7vw,94px) 0;background:#08090b;color:#f4f2f7}
.sgseo-style-cluster-section--soft{background:#0b0c10;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.sgseo-style-cluster-head{display:grid;grid-template-columns:minmax(0,.78fr) minmax(280px,.5fr);gap:34px;align-items:end;margin-bottom:26px}
.sgseo-style-cluster-head h2{margin:0;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.045em;font-weight:650}.sgseo-style-cluster-head p{margin:0;color:#9899a3;line-height:1.72}
.sgseo-style-cluster-kicker{margin:0 0 11px;color:#b6a8ff;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.sgseo-style-signature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sgseo-style-signature article{padding:22px;border-top:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.sgseo-style-signature span{display:block;margin-bottom:26px;color:#6f717b;font-size:9px;font-weight:900;letter-spacing:.14em}.sgseo-style-signature h3{margin:0 0 8px;font-size:17px}.sgseo-style-signature p{margin:0;color:#8e909a;line-height:1.65;font-size:13px}
.sgseo-style-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sgseo-style-use-grid article{min-height:180px;padding:20px;border:1px solid rgba(255,255,255,.07);background:#0d0e13}.sgseo-style-use-grid strong{display:block;margin-bottom:38px;color:#767984;font-size:9px;letter-spacing:.13em}.sgseo-style-use-grid h3{margin:0 0 8px;font-size:16px}.sgseo-style-use-grid p{margin:0;color:#8e909a;font-size:12px;line-height:1.6}
.sgseo-style-difference{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sgseo-style-difference article{padding:24px;border:1px solid rgba(255,255,255,.07);background:#0c0d11}.sgseo-style-difference article:first-child{border-top-color:rgba(255,255,255,.12)}.sgseo-style-difference article:last-child{border-top-color:rgba(170,145,255,.4)}.sgseo-style-difference h3{margin:0 0 10px;font-size:19px}.sgseo-style-difference p{margin:0;color:#90929b;line-height:1.7;font-size:13px}
.sgseo-style-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sgseo-style-related__item{border-radius:15px;padding:7px}.sgseo-style-related__media{border-radius:10px}.sgseo-style-related__copy{padding:11px 5px 6px}.sgseo-style-related__copy strong{display:block;margin-bottom:4px;font-size:13px;color:#f2f0f5}.sgseo-style-related__copy span{font-size:10px;color:#81838d;line-height:1.4}
.sgseo-style-cluster-parent{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.sgseo-style-cluster-parent a{color:#c7baff;text-decoration:none;font-size:12px;font-weight:800}.sgseo-style-cluster-parent span{color:#72747e;font-size:11px}
.sgseo-style-cluster-faq{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:44px}.sgseo-style-cluster-faq h2{margin:0;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.sgseo-style-cluster-faq__items{display:grid}.sgseo-style-cluster-faq details{border-top:1px solid rgba(255,255,255,.075);padding:16px 0}.sgseo-style-cluster-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.075)}.sgseo-style-cluster-faq summary{cursor:pointer;font-weight:700;color:#e5e3e9}.sgseo-style-cluster-faq details p{margin:10px 0 0;color:#8e909a;font-size:13px;line-height:1.65}
.sgseo-style-cluster-final{padding:clamp(58px,7vw,96px) 0;background:#0a0a0d}.sgseo-style-cluster-final__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.085)}.sgseo-style-cluster-final h2{margin:0 0 8px;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.045em}.sgseo-style-cluster-final p{margin:0;color:#8f919a}.sgseo-style-cluster-final a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;background:#ece9f2;color:#0b0b0f;text-decoration:none;font-size:12px;font-weight:900}

@media(max-width:1120px){
 .sgseo-style-hero--hub .sgseo-style-picker{grid-template-columns:repeat(5,minmax(0,1fr))}
 .sgseo-style-directory{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sgseo-style-directory-head,.sgseo-style-cluster-head{grid-template-columns:1fr;gap:12px}
 .sgseo-style-use-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
 .sgseo-style-hero--hub .sgseo-style-picker,.sgseo-style-hero--cluster .sgseo-style-picker{grid-template-columns:1fr 1fr}
 .sgseo-style-directory{grid-template-columns:1fr 1fr}
 .sgseo-style-signature,.sgseo-style-related{grid-template-columns:1fr}
 .sgseo-style-difference{grid-template-columns:1fr}
 .sgseo-style-cluster-faq{grid-template-columns:1fr;gap:18px}
 .sgseo-style-cluster-final__inner{grid-template-columns:1fr}.sgseo-style-cluster-final a{width:100%}
 .sgseo-style-use-grid{grid-template-columns:1fr}
}
@media(max-width:430px){.sgseo-style-directory{grid-template-columns:1fr 1fr}.sgseo-style-directory__copy{display:block}.sgseo-style-directory__copy span{display:block;margin-top:3px}}
.sgseo-style-cluster-editorial .sgseo-style-cluster-head{align-items:start}
.sgseo-style-cluster-editorial__copy{display:grid;gap:12px}
.sgseo-style-cluster-editorial__copy p{margin:0;color:#92949e;font-size:13px;line-height:1.76}


/* ===== 2.28.40 — PHOTO STYLES CLUSTER VISUAL FINISH =====
   EN cluster pages use the differentiated `sgseo-style-direction-*` markup.
   Give that variant a complete premium layout and raise specificity on
   related-style cards so older pill-link rules cannot flatten them. */

/* Shared vertical rhythm for all dedicated style clusters. */
.sgseo-style-cluster-section,
.sgseo-style-direction-section{
  position:relative;
  padding:clamp(76px,8vw,118px) 0;
}
.sgseo-style-cluster-section + .sgseo-style-cluster-section,
.sgseo-style-direction-section + .sgseo-style-direction-section{
  border-top:1px solid rgba(255,255,255,.055);
}
.sgseo-style-cluster-section--soft,
.sgseo-style-direction-section--soft{
  background:linear-gradient(180deg,#0b0c10 0%,#090a0d 100%);
}

/* Complete EN/direction variant — previously these classes had no styling. */
.sgseo-style-direction-section{
  background:#08090b;
  color:#f4f2f7;
}
.sgseo-style-direction-head{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(300px,.52fr);
  gap:clamp(30px,5vw,72px);
  align-items:end;
  margin-bottom:clamp(34px,4vw,52px);
}
.sgseo-style-direction-head h2{
  margin:0;
  max-width:760px;
  color:#f5f3f8;
  font-size:clamp(34px,4.15vw,58px);
  line-height:.98;
  letter-spacing:-.047em;
  font-weight:650;
  text-wrap:balance;
}
.sgseo-style-direction-head>p{
  margin:0;
  max-width:520px;
  color:#9698a3;
  font-size:14px;
  line-height:1.76;
}
.sgseo-style-direction-kicker{
  margin:0 0 13px;
  color:#b7a9ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}

/* Signature and use-case modules: clear editorial blocks, not raw text. */
.sgseo-style-direction-section .sgseo-style-signature{
  gap:14px;
}
.sgseo-style-direction-section .sgseo-style-signature article{
  min-height:205px;
  padding:26px 24px 24px;
  border:1px solid rgba(255,255,255,.072);
  border-top:1px solid rgba(184,163,255,.30);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(164,140,255,.055),rgba(255,255,255,.015));
}
.sgseo-style-direction-section .sgseo-style-signature span{
  margin-bottom:38px;
  color:#777a85;
}
.sgseo-style-direction-section .sgseo-style-signature h3{
  font-size:18px;
}
.sgseo-style-direction-section .sgseo-style-use-grid{
  gap:12px;
}
.sgseo-style-direction-section .sgseo-style-use-grid article{
  min-height:205px;
  padding:24px;
  border-radius:17px;
  background:#0d0e13;
}
.sgseo-style-direction-section .sgseo-style-use-grid strong{
  margin-bottom:54px;
}

/* Related styles must render as proper 4:3 cards. The stronger selector
   overrides the old `.sgseo-style-related a {display:inline-flex...}` pill rule. */
.sgseo-style-related{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,22px);
}
.sgseo-style-related a.sgseo-style-related__item{
  display:block;
  min-height:0;
  padding:9px 9px 15px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:linear-gradient(180deg,#0e0f15,#0b0c10);
  color:inherit;
  text-decoration:none;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.sgseo-style-related a.sgseo-style-related__item:hover{
  transform:translateY(-3px);
  border-color:rgba(180,158,255,.38);
  background:linear-gradient(180deg,#12131a,#0d0e13);
  color:inherit;
}
.sgseo-style-related__media{
  display:block;
  width:100%;
  aspect-ratio:4 / 3;
  border-radius:14px;
  overflow:hidden;
  background:#08090c;
}
.sgseo-style-related__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 30%;
}
.sgseo-style-related__copy{
  display:block;
  padding:15px 7px 3px;
}
.sgseo-style-related__copy strong{
  display:block;
  margin:0 0 7px;
  color:#f4f1f8;
  font-size:15px;
  line-height:1.25;
}
.sgseo-style-related__copy span{
  display:block;
  color:#858893;
  font-size:11px;
  line-height:1.55;
}

/* Parent/back-to-hub row becomes a deliberate navigation band. */
.sgseo-style-cluster-parent,
.sgseo-style-direction-parent{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin-top:clamp(28px,4vw,44px);
  padding:22px 0 0;
  border-top:1px solid rgba(255,255,255,.07);
}
.sgseo-style-cluster-parent a,
.sgseo-style-direction-parent a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(186,164,255,.18);
  border-radius:10px;
  background:rgba(164,140,255,.06);
  color:#d0c5ff;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.sgseo-style-cluster-parent a:hover,
.sgseo-style-direction-parent a:hover{
  color:#fff;
  border-color:rgba(190,170,255,.38);
  background:rgba(164,140,255,.11);
}
.sgseo-style-cluster-parent span,
.sgseo-style-direction-parent span{
  color:#777a84;
  font-size:12px;
  line-height:1.55;
}

/* Finished FAQ composition for both markup variants. */
.sgseo-style-cluster-faq,
.sgseo-style-direction-faq{
  display:grid;
  grid-template-columns:minmax(250px,.48fr) minmax(0,1fr);
  gap:clamp(42px,6vw,88px);
  align-items:start;
}
.sgseo-style-cluster-faq h2,
.sgseo-style-direction-faq h2{
  margin:0;
  max-width:420px;
  color:#f5f3f7;
  font-size:clamp(34px,4vw,52px);
  line-height:1;
  letter-spacing:-.045em;
}
.sgseo-style-cluster-faq__items,
.sgseo-style-direction-faq__items{
  display:grid;
  border-top:1px solid rgba(255,255,255,.09);
}
.sgseo-style-cluster-faq details,
.sgseo-style-direction-faq details{
  margin:0;
  padding:0;
  border-bottom:1px solid rgba(255,255,255,.085);
}
.sgseo-style-cluster-faq summary,
.sgseo-style-direction-faq summary{
  position:relative;
  cursor:pointer;
  list-style:none;
  padding:20px 42px 20px 2px;
  color:#e8e5ec;
  font-size:15px;
  font-weight:760;
  line-height:1.45;
}
.sgseo-style-cluster-faq summary::-webkit-details-marker,
.sgseo-style-direction-faq summary::-webkit-details-marker{display:none}
.sgseo-style-cluster-faq summary::after,
.sgseo-style-direction-faq summary::after{
  content:"+";
  position:absolute;
  right:3px;
  top:50%;
  translate:0 -50%;
  color:#8f82e9;
  font-size:21px;
  font-weight:400;
}
.sgseo-style-cluster-faq details[open] summary::after,
.sgseo-style-direction-faq details[open] summary::after{content:"−"}
.sgseo-style-cluster-faq details p,
.sgseo-style-direction-faq details p{
  margin:-3px 0 22px;
  padding-right:34px;
  max-width:760px;
  color:#92949e;
  font-size:13px;
  line-height:1.72;
}

/* Strong final conversion section instead of a bare text/link row. */
.sgseo-style-cluster-final,
.sgseo-style-direction-final{
  padding:clamp(68px,8vw,108px) 0 clamp(84px,9vw,128px);
  background:#09090c;
}
.sgseo-style-cluster-final__inner,
.sgseo-style-direction-final__inner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:center;
  padding:34px 36px;
  border:1px solid rgba(184,163,255,.16);
  border-radius:22px;
  background:
    radial-gradient(circle at 86% 18%,rgba(160,136,255,.13),transparent 31%),
    linear-gradient(135deg,#101015,#0c0c11);
  overflow:hidden;
}
.sgseo-style-cluster-final h2,
.sgseo-style-direction-final h2{
  margin:0 0 10px;
  color:#f6f3f8;
  font-size:clamp(32px,4vw,54px);
  line-height:.98;
  letter-spacing:-.047em;
}
.sgseo-style-cluster-final p,
.sgseo-style-direction-final p{
  margin:0;
  max-width:720px;
  color:#9496a0;
  font-size:14px;
  line-height:1.65;
}
.sgseo-style-cluster-final a,
.sgseo-style-direction-final a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:154px;
  min-height:50px;
  padding:0 21px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:#f1edf5;
  color:#0b0b0f;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

@media (max-width:1020px){
  .sgseo-style-direction-head{grid-template-columns:1fr;gap:14px}
  .sgseo-style-cluster-faq,.sgseo-style-direction-faq{grid-template-columns:1fr;gap:26px}
  .sgseo-style-related{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .sgseo-style-cluster-section,.sgseo-style-direction-section{padding:58px 0}
  .sgseo-style-direction-head{margin-bottom:28px}
  .sgseo-style-direction-section .sgseo-style-signature,
  .sgseo-style-related{grid-template-columns:1fr}
  .sgseo-style-cluster-parent,.sgseo-style-direction-parent{grid-template-columns:1fr;gap:10px}
  .sgseo-style-cluster-parent a,.sgseo-style-direction-parent a{width:max-content;max-width:100%}
  .sgseo-style-cluster-final__inner,.sgseo-style-direction-final__inner{
    grid-template-columns:1fr;
    gap:22px;
    padding:26px 22px;
    border-radius:18px;
  }
  .sgseo-style-cluster-final a,.sgseo-style-direction-final a{width:100%}
}

/* ========================================================================
   2.28.41 — Photo Styles family editorial layout
   A single shared system for the Parent + 10 dedicated cluster pages.
   The HTML stays semantic and lightweight; visual differentiation comes from
   section order/content rather than copied page-level styles.
   ======================================================================== */
.sgseo-style-page.sgseo-style-241-section,
.sgseo-style-page.sgseo-style-241-final{
  --sg241-line:rgba(255,255,255,.095);
  --sg241-line-soft:rgba(255,255,255,.06);
  --sg241-text:#f3f2f6;
  --sg241-muted:#94969f;
  --sg241-muted-2:#747781;
  --sg241-accent:#a89aff;
  --sg241-accent-soft:rgba(168,154,255,.10);
  background:#090a0c;
  color:var(--sg241-text);
}
.sgseo-style-page.sgseo-style-241-section--soft{
  background:#0b0c0f;
  border-top:1px solid rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.035);
}
.sgseo-style-241-section{
  padding:clamp(74px,7.5vw,118px) 0;
}
.sgseo-style-241-section .sgseo-shell,
.sgseo-style-241-final .sgseo-shell{
  max-width:min(1320px,calc(100vw - 48px));
}
.sgseo-style-241-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr);
  gap:clamp(34px,5vw,80px);
  align-items:end;
  margin-bottom:clamp(34px,4.2vw,58px);
}
.sgseo-style-241-head>div{min-width:0}
.sgseo-style-241-head>p{
  margin:0 0 4px;
  max-width:620px;
  color:var(--sg241-muted);
  font-size:clamp(14px,1.3vw,16px);
  line-height:1.72;
}
.sgseo-style-241-kicker{
  margin:0 0 13px!important;
  color:#a99cff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}
.sgseo-style-241-head h2,
.sgseo-style-241-faq h2{
  margin:0;
  max-width:830px;
  color:var(--sg241-text);
  font-size:clamp(34px,4.3vw,58px);
  line-height:1.01;
  letter-spacing:-.045em;
  text-wrap:balance;
}

/* Parent: the ten SEO destinations are one clear, primary directory. */
.sgseo-style-241-directory{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.sgseo-style-241-directory__item{
  min-width:0;
  display:block;
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid var(--sg241-line);
  padding-bottom:16px;
  transition:transform .2s ease,border-color .2s ease;
}
.sgseo-style-241-directory__item:hover{
  transform:translateY(-3px);
  border-color:rgba(168,154,255,.48);
  color:inherit;
}
.sgseo-style-241-directory__media,
.sgseo-style-241-related__media,
.sgseo-style-241-editor-card__media{
  display:block;
  width:100%;
  aspect-ratio:4 / 3!important;
  overflow:hidden;
  background:#101116;
}
.sgseo-style-241-directory__media{border-radius:13px}
.sgseo-style-241-directory__media img,
.sgseo-style-241-related__media img,
.sgseo-style-241-editor-card__media img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:4 / 3!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .35s ease,filter .35s ease;
}
.sgseo-style-241-directory__item:hover img,
.sgseo-style-241-related__item:hover img{transform:scale(1.025)}
.sgseo-style-241-directory__copy{
  display:block;
  padding:13px 2px 0;
}
.sgseo-style-241-directory__copy strong,
.sgseo-style-241-related__copy strong,
.sgseo-style-241-editor-card__copy strong{
  display:block;
  margin:0 0 6px;
  color:#f4f2f7;
  font-size:14px;
  font-weight:850;
  line-height:1.25;
}
.sgseo-style-241-directory__copy small,
.sgseo-style-241-related__copy small,
.sgseo-style-241-editor-card__copy small{
  display:block;
  color:var(--sg241-muted-2);
  font-size:11px;
  line-height:1.5;
}

/* Editorial feature rows: intentionally not a repeated glass-card grid. */
.sgseo-style-241-features{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--sg241-line);
}
.sgseo-style-241-features article{
  min-width:0;
  padding:24px clamp(18px,2.3vw,32px) 8px 0;
  border-right:1px solid var(--sg241-line-soft);
}
.sgseo-style-241-features article+article{padding-left:clamp(18px,2.3vw,32px)}
.sgseo-style-241-features article:last-child{border-right:0;padding-right:0}
.sgseo-style-241-features article>span{
  display:block;
  margin-bottom:30px;
  color:#696c75;
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
}
.sgseo-style-241-features h3,
.sgseo-style-241-uses h3{
  margin:0 0 9px;
  color:#efedf3;
  font-size:clamp(17px,1.5vw,21px);
  line-height:1.25;
  letter-spacing:-.02em;
}
.sgseo-style-241-features p,
.sgseo-style-241-uses p{
  margin:0;
  color:var(--sg241-muted);
  font-size:12.5px;
  line-height:1.68;
}

/* Additional Editor styles: visually secondary to the ten SEO destinations. */
.sgseo-style-241-editor-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.5vw,34px);
}
.sgseo-style-241-editor-card{
  display:block;
  min-width:0;
}
.sgseo-style-241-editor-card__media{border-radius:15px}
.sgseo-style-241-editor-card__copy{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:14px 2px 0;
}
.sgseo-style-241-editor-card__copy strong{margin:0;font-size:15px}
.sgseo-style-241-editor-card__copy small{
  flex:0 0 auto;
  font-size:9px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}

/* Use cases / choosing flow. */
.sgseo-style-241-uses{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--sg241-line);
  border-bottom:1px solid var(--sg241-line);
}
.sgseo-style-241-uses article{
  min-width:0;
  padding:24px clamp(18px,2.5vw,32px) 26px;
  border-right:1px solid var(--sg241-line-soft);
}
.sgseo-style-241-uses article:first-child{padding-left:0}
.sgseo-style-241-uses article:last-child{padding-right:0;border-right:0}
.sgseo-style-241-uses article>b{
  display:block;
  margin-bottom:34px;
  color:#8076c9;
  font-size:10px;
  letter-spacing:.15em;
}

/* One comparison block maximum per relevant cluster. */
.sgseo-style-241-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--sg241-line);
  border-radius:18px;
  background:#0c0d11;
}
.sgseo-style-241-compare>div{
  min-width:0;
  padding:clamp(26px,3.2vw,42px);
}
.sgseo-style-241-compare>div+div{
  border-left:1px solid var(--sg241-line);
  background:linear-gradient(145deg,rgba(168,154,255,.075),rgba(255,255,255,.012));
}
.sgseo-style-241-compare h3{
  margin:0 0 13px;
  color:#f1eff5;
  font-size:clamp(23px,2.3vw,31px);
  line-height:1.1;
  letter-spacing:-.035em;
}
.sgseo-style-241-compare p{
  margin:0;
  color:var(--sg241-muted);
  font-size:13px;
  line-height:1.74;
}

/* Small quality-control motif gives the result-check sections a distinct shape. */
.sgseo-style-241-checkline{
  display:grid;
  grid-template-columns:1.5fr .8fr .45fr;
  gap:8px;
  max-width:720px;
}
.sgseo-style-241-checkline span{
  display:block;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#a89aff,rgba(168,154,255,.12));
}
.sgseo-style-241-checkline span:nth-child(2){opacity:.62}
.sgseo-style-241-checkline span:nth-child(3){opacity:.34}

/* Related clusters: three substantial 4:3 destinations, not squeezed pills. */
.sgseo-style-241-related{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(18px,2.5vw,34px)!important;
}
.sgseo-style-241-related a.sgseo-style-241-related__item{
  min-width:0;
  display:block!important;
  padding:0 0 16px!important;
  border:0!important;
  border-bottom:1px solid var(--sg241-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  text-decoration:none!important;
  overflow:visible!important;
  transition:transform .2s ease,border-color .2s ease!important;
}
.sgseo-style-241-related a.sgseo-style-241-related__item:hover{
  transform:translateY(-3px);
  border-bottom-color:rgba(168,154,255,.48)!important;
}
.sgseo-style-241-related__media{border-radius:15px}
.sgseo-style-241-related__copy{display:block;padding:14px 2px 0}
.sgseo-style-241-related__copy strong{font-size:16px}
.sgseo-style-241-related__copy small{max-width:340px;font-size:11.5px;line-height:1.55}

.sgseo-style-241-parentbar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin-top:clamp(32px,4vw,52px);
  padding-top:22px;
  border-top:1px solid var(--sg241-line-soft);
}
.sgseo-style-241-parentbar a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(168,154,255,.22);
  border-radius:9px;
  background:rgba(168,154,255,.07);
  color:#cec6ff;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.sgseo-style-241-parentbar a:hover{background:rgba(168,154,255,.12);color:#fff}
.sgseo-style-241-parentbar span{
  color:#777a83;
  font-size:11.5px;
  line-height:1.55;
}

/* FAQ: one deliberate editorial composition, with enough breathing room. */
.sgseo-style-241-faq{
  display:grid;
  grid-template-columns:minmax(250px,.5fr) minmax(0,1fr);
  gap:clamp(44px,6vw,92px);
  align-items:start;
}
.sgseo-style-241-faq>div:first-child{position:sticky;top:104px}
.sgseo-style-241-faq__items{
  display:grid;
  border-top:1px solid var(--sg241-line);
}
.sgseo-style-241-faq details{
  margin:0;
  border-bottom:1px solid var(--sg241-line);
}
.sgseo-style-241-faq summary{
  position:relative;
  list-style:none;
  cursor:pointer;
  padding:21px 44px 21px 1px;
  color:#e9e7ed;
  font-size:15px;
  font-weight:780;
  line-height:1.45;
}
.sgseo-style-241-faq summary::-webkit-details-marker{display:none}
.sgseo-style-241-faq summary::after{
  content:"+";
  position:absolute;
  right:3px;
  top:50%;
  transform:translateY(-50%);
  color:#9387e5;
  font-size:22px;
  font-weight:400;
}
.sgseo-style-241-faq details[open] summary::after{content:"−"}
.sgseo-style-241-faq details p{
  margin:-3px 0 24px;
  padding-right:38px;
  max-width:780px;
  color:var(--sg241-muted);
  font-size:13px;
  line-height:1.72;
}

/* Final CTA. */
.sgseo-style-241-final{
  padding:clamp(76px,8vw,116px) 0 clamp(92px,9vw,132px);
  background:#08090b;
}
.sgseo-style-241-final__inner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:center;
  overflow:hidden;
  padding:clamp(28px,3.6vw,46px);
  border:1px solid rgba(168,154,255,.18);
  border-radius:20px;
  background:
    radial-gradient(circle at 91% 9%,rgba(147,126,255,.14),transparent 31%),
    linear-gradient(135deg,#101116,#0c0d11);
}
.sgseo-style-241-final h2{
  margin:0 0 10px;
  color:#f5f3f7;
  font-size:clamp(32px,4vw,52px);
  line-height:1;
  letter-spacing:-.045em;
}
.sgseo-style-241-final p{
  margin:0;
  max-width:760px;
  color:var(--sg241-muted);
  font-size:14px;
  line-height:1.65;
}
.sgseo-style-241-final a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:158px;
  min-height:50px;
  padding:0 21px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#f2eff7;
  color:#0b0c0f;
  text-decoration:none;
  font-size:11.5px;
  font-weight:900;
  white-space:nowrap;
}
.sgseo-style-241-final a:hover{background:#fff;color:#08090b}

/* Every visible preset thumbnail in the Styles Hero uses the same 4:3 rule. */
.sgseo-style-page .sgseo-style-hero__chip[data-sgseo-natural-media]{
  aspect-ratio:4 / 3!important;
  --sgseo-natural-ratio:4 / 3!important;
}
.sgseo-style-page .sgseo-style-hero__chip img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:4 / 3!important;
  object-fit:cover!important;
  object-position:center!important;
}

@media (max-width:1100px){
  .sgseo-style-241-directory{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sgseo-style-241-features{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--sg241-line)}
  .sgseo-style-241-features article:nth-child(2){border-right:0}
  .sgseo-style-241-features article:nth-child(n+3){border-top:1px solid var(--sg241-line-soft)}
  .sgseo-style-241-uses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgseo-style-241-uses article:nth-child(2){border-right:0}
  .sgseo-style-241-uses article:nth-child(n+3){border-top:1px solid var(--sg241-line-soft)}
  .sgseo-style-241-uses article:nth-child(3){padding-left:0}
}
@media (max-width:900px){
  .sgseo-style-241-section .sgseo-shell,.sgseo-style-241-final .sgseo-shell{max-width:calc(100vw - 32px)}
  .sgseo-style-241-head{grid-template-columns:1fr;gap:16px;margin-bottom:34px}
  .sgseo-style-241-head>p{max-width:760px}
  .sgseo-style-241-editor-grid,.sgseo-style-241-related{gap:16px!important}
  .sgseo-style-241-faq{grid-template-columns:1fr;gap:30px}
  .sgseo-style-241-faq>div:first-child{position:static}
}
@media (max-width:767px){
  .sgseo-style-241-section{padding:60px 0}
  .sgseo-style-241-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .sgseo-style-241-directory__copy strong{font-size:13px}
  .sgseo-style-241-directory__copy small{font-size:10.5px}
  .sgseo-style-241-editor-grid,.sgseo-style-241-related{grid-template-columns:1fr!important;gap:28px!important}
  .sgseo-style-241-editor-card__copy{padding-top:11px}
  .sgseo-style-241-features,.sgseo-style-241-uses{grid-template-columns:1fr;border-bottom:0}
  .sgseo-style-241-features article,
  .sgseo-style-241-features article+article,
  .sgseo-style-241-uses article,
  .sgseo-style-241-uses article:first-child,
  .sgseo-style-241-uses article:nth-child(3),
  .sgseo-style-241-uses article:last-child{
    padding:22px 0;
    border-right:0;
    border-top:0;
    border-bottom:1px solid var(--sg241-line-soft);
  }
  .sgseo-style-241-features article>span,.sgseo-style-241-uses article>b{margin-bottom:18px}
  .sgseo-style-241-compare{grid-template-columns:1fr}
  .sgseo-style-241-compare>div+div{border-left:0;border-top:1px solid var(--sg241-line)}
  .sgseo-style-241-parentbar{grid-template-columns:1fr;gap:10px}
  .sgseo-style-241-parentbar a{width:max-content;max-width:100%}
  .sgseo-style-241-final__inner{grid-template-columns:1fr;gap:24px;padding:27px 22px;border-radius:17px}
  .sgseo-style-241-final a{width:100%}
  .sgseo-style-241-faq details p{padding-right:16px}
}
@media (max-width:480px){
  .sgseo-style-241-section .sgseo-shell,.sgseo-style-241-final .sgseo-shell{max-width:calc(100vw - 24px)}
  .sgseo-style-241-directory{grid-template-columns:1fr}
  .sgseo-style-241-directory__media{border-radius:12px}
  .sgseo-style-241-head h2,.sgseo-style-241-faq h2{font-size:clamp(30px,9.3vw,39px)}
}