/* ClearComplaint v2 Generator SEO + Conversion Refresh v1.2
   Feature flag: generator_seo_conversion_refresh_enabled / CC_GENERATOR_SEO_CONVERSION_REFRESH_ENABLED.
   Scope: app/Views/generator/show_seo_conversion_v1.php.
   Purpose: match the agreed canvas direction: light SEO hero, strong trust strip,
   cleaner wizard shell, visible price reassurance and richer below-fold SEO content. */

:root{
  --cc-gen-ink:#111a35;
  --cc-gen-ink-soft:#24304d;
  --cc-gen-muted:#64748b;
  --cc-gen-border:#dde3ef;
  --cc-gen-border-strong:#c9d2e4;
  --cc-gen-bg:#f8f9fc;
  --cc-gen-card:#ffffff;
  --cc-gen-purple:#6f32d6;
  --cc-gen-purple-dark:#5522b4;
  --cc-gen-purple-soft:#f2ecff;
  --cc-gen-purple-line:#dac9ff;
  --cc-gen-blue-soft:#edf3ff;
  --cc-gen-success:#12805c;
  --cc-gen-success-soft:#e9f8f2;
  --cc-gen-shadow:0 24px 60px rgba(17,26,53,.13);
  --cc-gen-shadow-soft:0 14px 34px rgba(17,26,53,.08);
}

.cc-gen-refresh-hero,
.cc-gen-refresh-v1,
.cc-gen-seo-content,
.cc-gen-faq,
.cc-gen-final-cta{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

/* Agreed canvas-style hero: light, commercial, task-led. */
.cc-gen-refresh-hero{
  display:grid;
  grid-template-columns:minmax(0,1.48fr) minmax(320px,.72fr);
  gap:1.5rem;
  align-items:stretch;
  margin:1.5rem auto 1.25rem;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--cc-gen-ink);
  box-shadow:none;
}

.cc-gen-refresh-hero .cc-gen-hero__content,
.cc-gen-refresh-hero .cc-gen-hero__panel{
  border:1px solid var(--cc-gen-border);
  border-radius:32px;
  background:#fff;
  box-shadow:var(--cc-gen-shadow-soft);
}

.cc-gen-refresh-hero .cc-gen-hero__content{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(1.5rem,4vw,2.9rem);
  background:linear-gradient(135deg,#fff 0%,#fbfaff 46%,var(--cc-gen-purple-soft) 100%);
}

.cc-gen-refresh-hero .cc-gen-hero__content::after{
  content:"";
  position:absolute;
  right:-120px;
  top:-120px;
  width:320px;
  height:320px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(111,50,214,.16),transparent 68%);
  pointer-events:none;
}

.cc-gen-refresh-hero .cc-gen-eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  width:max-content;
  margin:0 0 1.1rem;
  padding:.5rem .75rem;
  border:1px solid var(--cc-gen-purple-line) !important;
  border-radius:999px;
  background:var(--cc-gen-purple-soft) !important;
  color:var(--cc-gen-purple-dark) !important;
  font-size:.86rem;
  font-weight:880;
}

.cc-gen-refresh-hero h1{
  position:relative;
  z-index:1;
  max-width:820px;
  margin:0 0 1rem;
  color:var(--cc-gen-ink);
  font-size:clamp(2.55rem,5vw,4.5rem);
  line-height:.98;
  letter-spacing:-.075em;
}

.cc-gen-refresh-hero p{
  position:relative;
  z-index:1;
  max-width:700px;
  margin:0;
  color:var(--cc-gen-muted);
  font-size:1.12rem;
  line-height:1.65;
}

.cc-gen-hero-actions{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  align-items:center;
  margin-top:1.7rem;
}

.cc-gen-hero-actions .cc-button{
  min-height:46px;
}

.cc-gen-refresh-hero .cc-button--ghost{
  border-color:var(--cc-gen-border-strong);
  background:#fff;
  color:var(--cc-gen-ink-soft);
  box-shadow:none;
}

.cc-gen-refresh-hero .cc-button--ghost:hover{
  border-color:var(--cc-gen-purple-line);
  color:var(--cc-gen-purple-dark);
  box-shadow:var(--cc-gen-shadow-soft);
}

.cc-gen-hero-note{
  position:relative;
  z-index:1;
  margin:.9rem 0 0 !important;
  color:#8791a7 !important;
  font-size:.93rem !important;
  font-weight:650;
}

.cc-gen-trust-strip{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.6rem;
  width:100%;
  margin-top:1.55rem;
}

.cc-gen-trust-strip span{
  display:flex;
  align-items:center;
  gap:.5rem;
  min-height:48px;
  padding:.65rem .75rem;
  border:1px solid var(--cc-gen-border);
  border-radius:16px;
  background:rgba(255,255,255,.82);
  color:var(--cc-gen-ink-soft);
  font-size:.9rem;
  font-weight:820;
  line-height:1.2;
}

.cc-gen-trust-strip span::before{
  content:"";
  flex:0 0 auto;
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--cc-gen-success);
  box-shadow:0 0 0 5px rgba(18,128,92,.1);
}

.cc-gen-refresh-hero .cc-gen-hero__panel{
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:1.5rem;
  border-color:rgba(111,50,214,.18);
  color:var(--cc-gen-ink);
}

.cc-gen-refresh-hero .cc-gen-hero__panel h2{
  margin:0 0 .6rem;
  color:var(--cc-gen-ink);
  font-size:1.2rem;
  line-height:1.15;
  letter-spacing:-.035em;
}

.cc-gen-refresh-hero .cc-gen-hero__panel ul{
  display:grid;
  gap:.72rem;
  margin:0;
  padding:0;
  list-style:none;
  color:var(--cc-gen-muted);
  line-height:1.5;
  font-weight:680;
}

.cc-gen-refresh-hero .cc-gen-hero__panel li{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:.65rem;
  align-items:start;
}

.cc-gen-refresh-hero .cc-gen-hero__panel li::before{
  content:"✓";
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--cc-gen-success-soft);
  color:var(--cc-gen-success);
  font-weight:950;
  line-height:1;
}

.cc-gen-price-box{
  margin-top:auto;
  padding:1rem;
  border:1px solid var(--cc-gen-purple-line);
  border-radius:20px;
  background:var(--cc-gen-purple-soft);
}

.cc-gen-price-box span,
.cc-gen-selected-brand span{
  display:block;
  color:var(--cc-gen-purple-dark);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.cc-gen-price-box strong{
  display:block;
  margin:.12rem 0;
  color:var(--cc-gen-ink);
  font-size:1.55rem;
  line-height:1.1;
  letter-spacing:-.05em;
}

.cc-gen-price-box p{
  margin:0;
  color:var(--cc-gen-muted);
  font-size:.93rem;
  line-height:1.45;
}

.cc-gen-selected-brand{
  margin-top:0;
  padding:1rem;
  border:1px solid #bfe8d7;
  border-radius:18px;
  background:var(--cc-gen-success-soft);
}
.cc-gen-selected-brand small{display:block;color:#14533f;}
.cc-gen-selected-brand strong{display:block;margin:.2rem 0;color:#0e4837;font-size:1.1rem;}

/* Wizard shell: closer to the canvas card layout, with fewer dark blocks. */
.cc-gen-shell.cc-gen-refresh-v1{
  display:grid;
  grid-template-columns:minmax(0,1.38fr) minmax(320px,.82fr);
  gap:1.35rem;
  align-items:start;
  margin-top:.5rem;
  margin-bottom:2rem;
}

.cc-gen-refresh-v1 .cc-card,
.cc-gen-seo-content .cc-card{
  background:#fff;
  border:1px solid var(--cc-gen-border);
  border-radius:26px;
  box-shadow:var(--cc-gen-shadow-soft);
}

.cc-gen-refresh-v1 .cc-gen-builder{
  padding:1.35rem;
}

.cc-gen-refresh-v1 .cc-gen-builder__head h2{
  font-size:1.6rem;
  letter-spacing:-.045em;
}

.cc-gen-refresh-v1 .cc-gen-builder__head p{
  max-width:62ch;
}

.cc-gen-refresh-v1 .cc-gen-step-count{
  border-color:var(--cc-gen-purple-line);
  background:var(--cc-gen-purple-soft);
  color:var(--cc-gen-purple-dark);
  font-weight:900;
}

.cc-gen-refresh-v1 .cc-gen-progress span{
  background:linear-gradient(90deg,var(--cc-gen-purple-dark),var(--cc-gen-purple));
}

.cc-gen-refresh-v1 .cc-gen-steps button{
  border-color:var(--cc-gen-border);
  background:#fff;
  color:var(--cc-gen-muted);
}

.cc-gen-refresh-v1 .cc-gen-steps button.is-active{
  background:var(--cc-gen-purple);
  border-color:var(--cc-gen-purple);
  color:#fff;
  box-shadow:0 12px 24px rgba(111,50,214,.2);
}

.cc-gen-refresh-v1 .cc-gen-steps button.is-complete{
  color:var(--cc-gen-purple-dark);
  border-color:var(--cc-gen-purple-line);
  background:var(--cc-gen-purple-soft);
}

.cc-gen-refresh-v1 .cc-gen-pane{
  border-color:var(--cc-gen-border);
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#fbfcff);
}

.cc-gen-refresh-v1 .cc-gen-pane h3{
  letter-spacing:-.035em;
}

.cc-gen-refresh-v1 .cc-gen-field{
  border-color:var(--cc-gen-border-strong);
  border-radius:14px;
  background:#fff;
}

.cc-gen-refresh-v1 .cc-gen-field:focus{
  border-color:var(--cc-gen-purple);
  box-shadow:0 0 0 4px rgba(111,50,214,.1);
}

.cc-gen-refresh-v1 .cc-gen-side{
  top:92px;
}

.cc-gen-refresh-v1 .cc-gen-strength,
.cc-gen-refresh-v1 .cc-gen-components,
.cc-gen-refresh-v1 .cc-gen-checkout-card,
.cc-gen-refresh-v1 .cc-gen-preview-card{
  border-color:rgba(111,50,214,.16);
}

.cc-gen-refresh-v1 .cc-gen-checkout-card{
  background:linear-gradient(180deg,var(--cc-gen-purple-soft),#fff);
}

.cc-gen-refresh-v1 .cc-gen-primary-wide{
  width:100%;
}

/* Below-fold SEO content mirrors the canvas: useful, indexable, not visually heavy. */
.cc-gen-seo-content{
  margin-top:.5rem;
  margin-bottom:1.5rem;
}

.cc-gen-seo-head{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:1.5rem;
  align-items:end;
  margin-bottom:1.1rem;
}

.cc-gen-seo-head h2,
.cc-gen-faq h2,
.cc-gen-final-cta h2{
  margin:0;
  color:var(--cc-gen-ink);
  font-size:clamp(1.75rem,3vw,2.4rem);
  line-height:1.04;
  letter-spacing:-.06em;
}

.cc-gen-seo-head p{
  margin:0;
  color:var(--cc-gen-muted);
  line-height:1.65;
}

.cc-gen-seo-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:1.1rem;
  align-items:start;
}

.cc-gen-seo-card{
  padding:1.5rem;
}

.cc-gen-seo-card h2{
  margin:0 0 .55rem;
  color:var(--cc-gen-ink);
  font-size:1.22rem;
  letter-spacing:-.035em;
}

.cc-gen-seo-card h2:not(:first-child){
  margin-top:1.15rem;
}

.cc-gen-seo-card p{
  margin:0 0 .9rem;
  color:var(--cc-gen-muted);
  line-height:1.65;
}

.cc-gen-use-case-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}

.cc-gen-use-case-grid div,
.cc-gen-related-routes a{
  border:1px solid var(--cc-gen-border);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 24px rgba(17,26,53,.05);
}

.cc-gen-use-case-grid div{
  padding:1rem;
  min-height:132px;
}

.cc-gen-use-case-grid strong{
  display:block;
  margin-bottom:.35rem;
  color:var(--cc-gen-ink);
}

.cc-gen-use-case-grid span{
  display:block;
  color:var(--cc-gen-muted);
  font-size:.93rem;
  line-height:1.5;
}

.cc-gen-related-routes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
  margin-top:1.1rem;
}

.cc-gen-related-routes a{
  display:flex;
  min-height:118px;
  flex-direction:column;
  justify-content:space-between;
  padding:1rem;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.cc-gen-related-routes a:hover{
  transform:translateY(-2px);
  border-color:var(--cc-gen-purple-line);
  box-shadow:var(--cc-gen-shadow-soft);
}

.cc-gen-related-routes strong{
  color:var(--cc-gen-ink);
  line-height:1.22;
}

.cc-gen-related-routes span{
  color:var(--cc-gen-purple-dark);
  font-weight:880;
  font-size:.9rem;
}

.cc-gen-faq{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
  gap:1.5rem;
  align-items:start;
  margin-bottom:1.5rem;
  padding:0;
}

.cc-gen-faq__intro p{
  margin-bottom:.45rem;
}

.cc-gen-faq__list{
  display:grid;
  gap:.7rem;
}

.cc-gen-faq details{
  border:1px solid var(--cc-gen-border);
  border-radius:18px;
  background:#fff;
  padding:0 1rem;
  box-shadow:0 8px 20px rgba(17,26,53,.04);
}

.cc-gen-faq summary{
  cursor:pointer;
  padding:1rem 0;
  color:var(--cc-gen-ink-soft);
  font-weight:880;
}

.cc-gen-faq details p{
  margin:0 0 1rem;
  color:var(--cc-gen-muted);
  line-height:1.65;
}

.cc-gen-final-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.35rem;
  align-items:center;
  margin-bottom:2rem;
  padding:1.85rem;
  border-radius:32px;
  background:linear-gradient(135deg,#35135e 0%,#4c1d95 45%,#6f32d6 100%);
  color:#fff;
  box-shadow:0 30px 70px rgba(76,29,149,.22);
}

.cc-gen-final-cta h2{
  color:#fff;
}

.cc-gen-final-cta p{
  margin:.45rem 0 0;
  color:#e9ddff;
  line-height:1.6;
}

.cc-gen-final-cta .cc-button{
  background:#fff;
  color:var(--cc-gen-purple-dark);
  box-shadow:none;
}

@media (max-width:980px){
  .cc-gen-refresh-hero,
  .cc-gen-shell.cc-gen-refresh-v1,
  .cc-gen-seo-head,
  .cc-gen-seo-grid,
  .cc-gen-faq,
  .cc-gen-final-cta{
    grid-template-columns:1fr;
  }

  .cc-gen-refresh-v1 .cc-gen-side{
    position:static;
  }

  .cc-gen-trust-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cc-gen-related-routes{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:720px){
  .cc-gen-refresh-hero{
    gap:1rem;
    margin-top:1rem;
  }

  .cc-gen-refresh-hero .cc-gen-hero__content,
  .cc-gen-refresh-hero .cc-gen-hero__panel,
  .cc-gen-refresh-v1 .cc-card,
  .cc-gen-refresh-v1 .cc-gen-pane{
    border-radius:22px;
  }

  .cc-gen-refresh-hero .cc-gen-hero__content,
  .cc-gen-refresh-hero .cc-gen-hero__panel,
  .cc-gen-refresh-v1 .cc-gen-builder,
  .cc-gen-seo-card{
    padding:1.1rem;
  }

  .cc-gen-refresh-hero h1{
    font-size:2.45rem;
  }

  .cc-gen-trust-strip,
  .cc-gen-use-case-grid,
  .cc-gen-related-routes{
    grid-template-columns:1fr;
  }

  .cc-gen-hero-actions,
  .cc-gen-hero-actions .cc-button,
  .cc-gen-final-cta .cc-button{
    width:100%;
  }

  .cc-gen-final-cta{
    padding:1.15rem;
    border-radius:22px;
  }
}

html[data-theme="dark"] .cc-gen-refresh-hero .cc-gen-hero__content,
html[data-theme="dark"] .cc-gen-refresh-hero .cc-gen-hero__panel,
html[data-theme="dark"] .cc-gen-use-case-grid div,
html[data-theme="dark"] .cc-gen-related-routes a,
html[data-theme="dark"] .cc-gen-faq details{
  background:rgba(15,23,42,.72);
  border-color:rgba(255,255,255,.12);
}

html[data-theme="dark"] .cc-gen-refresh-hero h1,
html[data-theme="dark"] .cc-gen-refresh-hero .cc-gen-hero__panel h2,
html[data-theme="dark"] .cc-gen-seo-head h2,
html[data-theme="dark"] .cc-gen-faq h2,
html[data-theme="dark"] .cc-gen-seo-card h2,
html[data-theme="dark"] .cc-gen-use-case-grid strong,
html[data-theme="dark"] .cc-gen-related-routes strong,
html[data-theme="dark"] .cc-gen-faq summary{
  color:#f8fafc;
}

html[data-theme="dark"] .cc-gen-refresh-hero p,
html[data-theme="dark"] .cc-gen-hero-note,
html[data-theme="dark"] .cc-gen-seo-head p,
html[data-theme="dark"] .cc-gen-seo-card p,
html[data-theme="dark"] .cc-gen-use-case-grid span,
html[data-theme="dark"] .cc-gen-faq details p{
  color:#cbd5e1 !important;
}

/* v1.2 UI polish: readiness ring, CTA contrast lock and tighter SEO card grid. */
.cc-gen-refresh-hero .cc-gen-hero-actions > .cc-button:not(.cc-button--ghost),
.cc-gen-refresh-hero .cc-gen-hero-actions > .cc-button:not(.cc-button--ghost):visited,
.cc-gen-refresh-hero .cc-gen-hero-actions > .cc-button:not(.cc-button--ghost):hover,
.cc-gen-refresh-hero .cc-gen-hero-actions > .cc-button:not(.cc-button--ghost):focus,
.cc-gen-refresh-v1 .cc-gen-actions .cc-button:not(.cc-button--ghost),
.cc-gen-refresh-v1 .cc-gen-actions .cc-button:not(.cc-button--ghost):visited,
.cc-gen-refresh-v1 .cc-gen-actions .cc-button:not(.cc-button--ghost):hover,
.cc-gen-refresh-v1 .cc-gen-actions .cc-button:not(.cc-button--ghost):focus,
.cc-gen-refresh-v1 .cc-gen-primary-wide,
.cc-gen-refresh-v1 .cc-gen-primary-wide:visited,
.cc-gen-refresh-v1 .cc-gen-primary-wide:hover,
.cc-gen-refresh-v1 .cc-gen-primary-wide:focus{
  background:var(--cc-gen-purple) !important;
  border-color:var(--cc-gen-purple) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.cc-gen-refresh-hero .cc-gen-hero-actions > .cc-button:not(.cc-button--ghost):hover,
.cc-gen-refresh-v1 .cc-gen-actions .cc-button:not(.cc-button--ghost):hover,
.cc-gen-refresh-v1 .cc-gen-primary-wide:hover{
  background:var(--cc-gen-purple-dark) !important;
  border-color:var(--cc-gen-purple-dark) !important;
}

.cc-gen-refresh-v1 .cc-gen-strength{
  --cc-gen-readiness:0%;
  overflow:hidden;
}

.cc-gen-refresh-v1 .cc-gen-strength .cc-gen-side-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px;
  gap:1rem;
  align-items:center;
}

.cc-gen-refresh-v1 .cc-gen-score{
  position:relative;
  display:grid;
  place-items:center;
  width:88px;
  height:88px;
  flex:0 0 88px;
  border-radius:999px;
  background:conic-gradient(var(--cc-gen-purple) 0 var(--cc-gen-readiness), #e8ecf4 var(--cc-gen-readiness) 100%);
  color:var(--cc-gen-purple-dark);
  box-shadow:inset 0 0 0 1px rgba(111,50,214,.08), 0 12px 26px rgba(17,26,53,.08);
}

.cc-gen-refresh-v1 .cc-gen-score::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:999px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(221,227,239,.8);
}

.cc-gen-refresh-v1 .cc-gen-score::after{
  content:"readiness";
  position:absolute;
  z-index:2;
  bottom:18px;
  left:0;
  right:0;
  text-align:center;
  color:var(--cc-gen-muted);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.cc-gen-refresh-v1 .cc-gen-score span,
.cc-gen-refresh-v1 .cc-gen-score small{
  position:relative;
  z-index:2;
}

.cc-gen-refresh-v1 .cc-gen-score span{
  transform:translateY(-6px);
  color:var(--cc-gen-purple-dark);
  font-size:1.72rem;
  line-height:1;
  font-weight:950;
  letter-spacing:-.06em;
}

.cc-gen-refresh-v1 .cc-gen-score small{
  transform:translate(-2px,-7px);
  margin:0;
  color:var(--cc-gen-purple-dark);
  font-size:.82rem;
  font-weight:950;
}

.cc-gen-refresh-v1 .cc-gen-scorebar{
  display:none;
}

.cc-gen-refresh-v1 .cc-gen-panel-block{
  margin-top:.9rem;
  padding-top:.9rem;
  border-top:1px solid rgba(221,227,239,.82);
}

.cc-gen-seo-content{
  margin-top:.25rem;
}

.cc-gen-seo-head{
  align-items:start;
  margin-bottom:.85rem;
}

.cc-gen-seo-head h2{
  max-width:620px;
}

.cc-gen-seo-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:.95rem;
  align-items:stretch;
}

.cc-gen-seo-card{
  display:grid;
  align-content:start;
  gap:.55rem;
  padding:1.25rem 1.35rem;
}

.cc-gen-seo-card h2{
  margin:0;
  font-size:1.12rem;
}

.cc-gen-seo-card h2:not(:first-child){
  margin-top:.35rem;
}

.cc-gen-seo-card p{
  margin:0;
  line-height:1.55;
}

.cc-gen-use-case-grid{
  height:100%;
  grid-auto-rows:1fr;
  align-self:stretch;
}

.cc-gen-use-case-grid div{
  display:flex;
  min-height:0;
  flex-direction:column;
  justify-content:flex-start;
  padding:1rem;
}

.cc-gen-use-case-grid strong{
  margin-bottom:.32rem;
}

.cc-gen-use-case-grid span{
  line-height:1.45;
}

.cc-gen-related-routes{
  gap:.7rem;
  margin-top:.95rem;
}

.cc-gen-related-routes a{
  min-height:96px;
  justify-content:flex-start;
  gap:.38rem;
  padding:.95rem 1rem;
}

.cc-gen-related-routes strong{
  margin-bottom:.05rem;
}

.cc-gen-related-routes .cc-gen-related-desc{
  color:var(--cc-gen-muted);
  font-size:.88rem;
  font-weight:650;
  line-height:1.35;
}

.cc-gen-related-routes em{
  margin-top:auto;
  color:var(--cc-gen-purple-dark);
  font-style:normal;
  font-weight:900;
  font-size:.88rem;
}

@media (max-width:720px){
  .cc-gen-refresh-v1 .cc-gen-strength .cc-gen-side-head{
    grid-template-columns:1fr;
  }

  .cc-gen-refresh-v1 .cc-gen-score{
    width:82px;
    height:82px;
  }

  .cc-gen-seo-grid{
    gap:.75rem;
  }
}

html[data-theme="dark"] .cc-gen-refresh-v1 .cc-gen-score::before{
  background:#0f172a;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
}

html[data-theme="dark"] .cc-gen-related-routes .cc-gen-related-desc{
  color:#cbd5e1;
}


/* ClearComplaint v2 Generator SEO + Conversion Refresh v1.3 — readiness score alignment polish. */
.cc-gen-refresh-v1 .cc-gen-score{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.12rem;
  padding:0;
  text-align:center;
  line-height:1;
}

.cc-gen-refresh-v1 .cc-gen-score::after{
  position:relative;
  z-index:2;
  left:auto;
  right:auto;
  bottom:auto;
  display:block;
  width:100%;
  margin:0;
  color:var(--cc-gen-muted);
  font-size:.5rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.035em;
  text-align:center;
  text-transform:uppercase;
}

.cc-gen-refresh-v1 .cc-gen-score span{
  display:block;
  transform:none;
  margin:0;
  color:var(--cc-gen-purple-dark);
  font-size:1.58rem;
  line-height:.95;
  font-weight:950;
  letter-spacing:-.055em;
}

.cc-gen-refresh-v1 .cc-gen-score small{
  display:none !important;
}

@media (max-width:640px){
  .cc-gen-refresh-v1 .cc-gen-score span{
    font-size:1.5rem;
  }

  .cc-gen-refresh-v1 .cc-gen-score::after{
    font-size:.48rem;
  }
}

/* ClearComplaint v2 Generator SEO + Conversion Refresh v1.4 — review step friction reduction. */
.cc-gen-refresh-v1 .cc-gen-review-pane .cc-gen-review{
  margin-bottom:.9rem;
}

.cc-review-price-note{
  margin:.75rem 0 0;
  color:var(--cc-gen-muted);
  font-size:.95rem;
  font-weight:650;
  line-height:1.5;
}

.cc-review-price-note strong{
  color:var(--cc-gen-ink-soft);
  font-weight:900;
}

.cc-review-reassurance{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:1rem 0 0;
  padding:0;
  list-style:none;
}

.cc-review-reassurance li{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  border:1px solid var(--cc-gen-border);
  background:#fff;
  border-radius:999px;
  padding:.45rem .72rem;
  color:var(--cc-gen-ink-soft);
  font-size:.86rem;
  font-weight:820;
  line-height:1.2;
}

.cc-review-reassurance li::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:999px;
  background:var(--cc-gen-success);
}

.cc-review-actions{
  align-items:center;
  gap:.75rem;
  margin-top:1.15rem;
}

.cc-review-actions--before-preview{
  justify-content:flex-end;
}

.cc-review-actions--after-preview{
  justify-content:flex-start;
  padding:1rem;
  border:1px solid var(--cc-gen-purple-line);
  border-radius:20px;
  background:linear-gradient(135deg,var(--cc-gen-purple-soft),#fff);
}

.cc-review-actions--after-preview .cc-button:first-child{
  min-height:48px;
  padding-inline:1.15rem;
  box-shadow:0 14px 30px rgba(111,50,214,.18);
}

.cc-gen-refresh-v1 .cc-button--subtle{
  border-color:transparent !important;
  background:transparent !important;
  color:var(--cc-gen-purple-dark) !important;
  box-shadow:none !important;
}

.cc-gen-refresh-v1 [data-preview-ready-only][hidden],
.cc-gen-refresh-v1 [data-review-after-preview][hidden],
.cc-gen-refresh-v1 [data-review-before-preview][hidden]{
  display:none !important;
}

.cc-gen-refresh-v1 .cc-gen-sales-preview.is-ready{
  margin-top:1.1rem;
}

.cc-gen-refresh-v1 .cc-gen-checkout-card.is-ready{
  display:block;
}

.cc-gen-refresh-v1 .cc-gen-unlock-panel__action .cc-button,
.cc-gen-refresh-v1 .cc-gen-unlock-panel__action .cc-button:visited,
.cc-gen-refresh-v1 .cc-gen-unlock-panel__action .cc-button:hover,
.cc-gen-refresh-v1 .cc-gen-unlock-panel__action .cc-button:focus,
.cc-review-actions--after-preview .cc-button:first-child,
.cc-review-actions--after-preview .cc-button:first-child:visited,
.cc-review-actions--after-preview .cc-button:first-child:hover,
.cc-review-actions--after-preview .cc-button:first-child:focus{
  background:var(--cc-gen-purple) !important;
  border-color:var(--cc-gen-purple) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.cc-gen-refresh-v1 .cc-gen-unlock-panel__action .cc-button:hover,
.cc-review-actions--after-preview .cc-button:first-child:hover{
  background:var(--cc-gen-purple-dark) !important;
  border-color:var(--cc-gen-purple-dark) !important;
}

@media (max-width:720px){
  .cc-review-actions,
  .cc-review-actions--before-preview,
  .cc-review-actions--after-preview{
    justify-content:stretch;
  }

  .cc-review-actions .cc-button{
    width:100%;
  }

  .cc-review-actions--after-preview{
    padding:.85rem;
  }
}

html[data-theme="dark"] .cc-review-reassurance li,
html[data-theme="dark"] .cc-review-actions--after-preview{
  background:rgba(15,23,42,.72);
  border-color:rgba(255,255,255,.12);
}

html[data-theme="dark"] .cc-review-price-note,
html[data-theme="dark"] .cc-review-reassurance li{
  color:#cbd5e1;
}

/* ClearComplaint v2 Generator Sector Help Cards v1: dynamic sector-specific conversion cards with stable generic SEO fallback. */
.cc-gen-use-case-panel{
  display:grid;
  grid-template-rows:auto 1fr;
  gap:.75rem;
  min-height:100%;
}

.cc-gen-sector-help-head{
  border:1px solid var(--cc-gen-border);
  border-radius:20px;
  background:linear-gradient(135deg,#fff 0%,#fbfaff 55%,var(--cc-gen-purple-soft) 100%);
  padding:1rem 1.05rem;
  box-shadow:0 10px 24px rgba(17,26,53,.05);
}

.cc-gen-sector-help-head h3{
  margin:0 0 .35rem;
  color:var(--cc-gen-ink);
  font-size:1.05rem;
  line-height:1.2;
  letter-spacing:-.025em;
}

.cc-gen-sector-help-head p{
  margin:0;
  color:var(--cc-gen-muted);
  font-size:.9rem;
  line-height:1.45;
  font-weight:650;
}

.cc-gen-use-case-panel .cc-gen-use-case-grid{
  min-height:0;
}

.cc-gen-use-case-panel .cc-gen-use-case-grid [data-sector-help-card]{
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.cc-gen-use-case-panel .cc-gen-use-case-grid [data-sector-help-card]:hover{
  border-color:var(--cc-gen-purple-line);
  box-shadow:0 14px 30px rgba(17,26,53,.08);
  transform:translateY(-1px);
}

@media (max-width:720px){
  .cc-gen-use-case-panel{
    gap:.65rem;
  }
  .cc-gen-sector-help-head{
    padding:.95rem;
  }
}

html[data-theme="dark"] .cc-gen-sector-help-head{
  background:linear-gradient(135deg,#151f36 0%,#1d2740 56%,#221946 100%);
  border-color:rgba(255,255,255,.12);
}

html[data-theme="dark"] .cc-gen-sector-help-head h3{
  color:#f7f8fc;
}

html[data-theme="dark"] .cc-gen-sector-help-head p{
  color:#bcc6d8;
}