@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');
/* ============================================================
   SSDI Campaign LP — exact port of the reference design,
   mapped onto native Gutenberg block markup. Scoped to .ssdi-clp-canvas.
   ============================================================ */
:root{
  --color-slate-900:#0f172a;--color-slate-700:#334155;--color-slate-100:#f1f5f9;
  --color-bg-warm:#fdfaf4;--color-card-bg:#ffffff;
  --color-empathy-accent:#0f766e;--color-empathy-bg:#f0fdfa;
  --color-cta-primary:#c2410c;--color-cta-hover:#9a3412;--color-cta-glow:rgba(194,65,12,0.15);
  --font-family:'Outfit',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --border-radius:12px;--transition-fast:0.2s ease;
}
/* base */
.ssdi-clp-canvas{font-family:var(--font-family);background-color:var(--color-bg-warm);color:var(--color-slate-900);line-height:1.6;margin:0;-webkit-font-smoothing:antialiased;padding-bottom:5.5rem;}
.ssdi-clp-canvas .entry-content>*{margin-top:0;margin-bottom:0;}
.ssdi-clp-canvas h1,.ssdi-clp-canvas h2,.ssdi-clp-canvas h3{font-weight:700;line-height:1.25;color:var(--color-slate-900);}
.ssdi-clp-canvas img{max-width:100%;height:auto;display:block;}
.ssdi-clp-canvas .container{width:100%;padding-left:1.25rem;padding-right:1.25rem;margin-left:auto;margin-right:auto;}
@media(min-width:768px){.ssdi-clp-canvas{padding-bottom:0;}}

/* CALL BUTTON (native: .btn-call > a.wp-block-button__link) */
.ssdi-clp-canvas .btn-call{width:100%;}
.ssdi-clp-canvas .btn-call .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1.1rem 1.5rem;background-color:var(--color-cta-primary);color:#fff;font-size:1.25rem;font-weight:800;text-decoration:none;border-radius:50px;border:none;box-shadow:0 4px 14px var(--color-cta-glow);transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;}
.ssdi-clp-canvas .btn-call .wp-block-button__link::before{content:"";width:20px;height:20px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.4c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.3 1z'/%3E%3C/svg%3E") center/contain no-repeat;}
.ssdi-clp-canvas .btn-call .wp-block-button__link:hover{background-color:var(--color-cta-hover);box-shadow:0 6px 20px rgba(154,52,18,0.25);transform:translateY(-1px);}
.ssdi-clp-canvas .btn-call.pulse .wp-block-button__link{animation:gentlePulse 2.5s infinite;}
@keyframes gentlePulse{0%{box-shadow:0 0 0 0 rgba(194,65,12,0.6);}70%{box-shadow:0 0 0 12px rgba(194,65,12,0);}100%{box-shadow:0 0 0 0 rgba(194,65,12,0);}}
.ssdi-clp-canvas .sub-call-text{font-size:0.875rem;color:var(--color-slate-700);margin-top:0.5rem;font-weight:500;}

/* HEADER (.site-header) */
.ssdi-clp-canvas .site-header{position:sticky;top:0;z-index:100;background-color:#fff;box-shadow:0 2px 8px rgba(15,23,42,0.05);padding:0.75rem 1.25rem;display:flex;align-items:center;justify-content:center;}
.ssdi-clp-canvas .lp-logo img{height:48px;width:auto;}
.ssdi-clp-canvas .btn-call-compact{width:auto;}
.ssdi-clp-canvas .btn-call-compact .wp-block-button__link{display:none;align-items:center;width:auto;padding:0.5rem 1rem;background-color:var(--color-cta-primary);color:#fff;font-size:0.95rem;font-weight:700;text-decoration:none;border-radius:30px;white-space:nowrap;}

/* DISCLAIMER */
.ssdi-clp-canvas .disclaimer-strip{background-color:var(--color-slate-100);padding:0.45rem 1rem;}
.ssdi-clp-canvas .disclaimer-strip p{color:var(--color-slate-700);font-size:0.75rem;font-weight:600;text-align:center;line-height:1.3;margin:0;}

/* HERO */
.ssdi-clp-canvas .hero{padding:2rem 0;background-color:#fff;}
.ssdi-clp-canvas .desktop-grid-2{display:flex;flex-direction:column;gap:1.5rem;}
.ssdi-clp-canvas .hero-headline{font-size:2rem;line-height:1.2;font-weight:800;margin-bottom:1rem;letter-spacing:-0.02em;}
.ssdi-clp-canvas .hero-subhead{font-size:1.125rem;color:var(--color-slate-700);margin-bottom:1.5rem;}
.ssdi-clp-canvas .hero-photo-wrapper{margin:1rem 0 1.5rem 0;position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);}
.ssdi-clp-canvas .hero-photo img{width:100%;object-fit:cover;aspect-ratio:4/3;display:block;}
.ssdi-clp-canvas .hero-photo,.ssdi-clp-canvas .hero-photo figure{margin:0;}
.ssdi-clp-canvas .hero-badge-overlay{position:absolute;bottom:12px;left:12px;background-color:rgba(15,23,42,0.85);color:#fff;padding:0.5rem 0.75rem;border-radius:8px;font-size:0.8rem;font-weight:600;margin:0;}
.ssdi-clp-canvas .hero-reassurance{display:flex;align-items:center;font-size:0.9rem;font-weight:500;color:var(--color-empathy-accent);margin-top:0.75rem;}
.ssdi-clp-canvas .hero-reassurance::before{content:"";width:18px;height:18px;flex:none;margin-right:0.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f766e'%3E%3Cpath d='M12 21s-7-4.6-9.3-9C1.3 9 2.6 5.7 5.8 5.1 7.8 4.7 9.6 5.8 12 8c2.4-2.2 4.2-3.3 6.2-2.9 3.2.6 4.5 3.9 3.1 6.9C19 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat;}

/* TRUST */
.ssdi-clp-canvas .trust-band{background-color:#fff;padding:1.75rem 0;text-align:center;border-top:1px solid var(--color-slate-100);border-bottom:1px solid var(--color-slate-100);}
.ssdi-clp-canvas .trust-stars{color:#f59e0b;font-size:1.25rem;letter-spacing:2px;margin-bottom:0.5rem;}
.ssdi-clp-canvas .trust-rating-text{font-size:0.95rem;color:var(--color-slate-700);font-weight:600;margin-bottom:1.25rem;}
.ssdi-clp-canvas .trust-rating-text em{color:#94a3b8;font-weight:500;}
.ssdi-clp-canvas .trust-badges{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;}
.ssdi-clp-canvas .trust-badge{display:flex;align-items:center;gap:0.6rem;background-color:var(--color-bg-warm);border:1px solid var(--color-slate-100);border-radius:8px;padding:0.5rem 0.85rem;min-width:170px;box-shadow:0 1px 3px rgba(15,23,42,0.02);}
.ssdi-clp-canvas .trust-badge::before{content:"";width:18px;height:18px;flex:none;}
.ssdi-clp-canvas .trust-badge.badge-bbb::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") center/contain no-repeat;}
.ssdi-clp-canvas .trust-badge.badge-nosscr::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M9 14l-2 7 5-3 5 3-2-7'/%3E%3C/svg%3E") center/contain no-repeat;}
.ssdi-clp-canvas .badge-title{font-size:0.8rem;font-weight:800;color:var(--color-slate-900);line-height:1.1;margin:0;text-align:left;}
.ssdi-clp-canvas .badge-sub{font-size:0.65rem;font-weight:600;color:var(--color-slate-700);line-height:1.1;margin:1px 0 0;text-align:left;}

/* TESTIMONIAL */
.ssdi-clp-canvas .testimonial{padding:3rem 0;background-color:var(--color-bg-warm);}
.ssdi-clp-canvas .testimonial-card{background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:1.75rem;box-shadow:0 4px 16px rgba(0,0,0,0.03);}
.ssdi-clp-canvas .testimonial-quote{font-size:1.2rem;font-style:italic;font-weight:500;line-height:1.5;color:var(--color-slate-900);margin-bottom:1.5rem;}
.ssdi-clp-canvas .testimonial-author{display:flex;align-items:center;gap:0.75rem;}
.ssdi-clp-canvas .testimonial-author-img img{width:48px;height:48px;border-radius:50%;object-fit:cover;}
.ssdi-clp-canvas .testimonial-author-img,.ssdi-clp-canvas .testimonial-author-img figure{margin:0;width:48px;height:48px;}
.ssdi-clp-canvas .testimonial-author-name{font-weight:700;font-size:0.95rem;margin:0;}
.ssdi-clp-canvas .testimonial-author-meta{font-size:0.85rem;color:var(--color-slate-700);margin:0;}

/* ELIGIBILITY */
.ssdi-clp-canvas .eligibility{padding:3rem 0;background-color:#fff;}
.ssdi-clp-canvas .section-title{font-size:1.75rem;margin-bottom:1.5rem;text-align:center;}
.ssdi-clp-canvas .eligibility-layout{display:flex;flex-direction:column;gap:1.5rem;}
.ssdi-clp-canvas .checklist{list-style:none;margin:0 0 2rem;padding:0;}
.ssdi-clp-canvas .checklist-item{display:flex;align-items:flex-start;gap:0.75rem;font-size:1.05rem;margin-bottom:1.25rem;}
.ssdi-clp-canvas .checklist-item::before{content:"";flex:none;width:24px;height:24px;margin-top:0.1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;}
.ssdi-clp-canvas .checklist-item p{margin:0;}
.ssdi-clp-canvas .elig-cta{display:flex;flex-direction:column;justify-content:center;background:var(--color-bg-warm);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-slate-100);text-align:center;}
.ssdi-clp-canvas .elig-cta h3{font-size:1.25rem;margin-bottom:0.75rem;font-weight:700;}
.ssdi-clp-canvas .elig-cta p{font-size:0.95rem;color:var(--color-slate-700);margin-bottom:1.25rem;}

/* HOW IT WORKS */
.ssdi-clp-canvas .how-it-works{padding:3.5rem 0;background-color:var(--color-bg-warm);}
.ssdi-clp-canvas .steps-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;}
.ssdi-clp-canvas .step-card{background-color:var(--color-card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.02);display:flex;align-items:flex-start;gap:1rem;}
.ssdi-clp-canvas .step-number{background-color:var(--color-empathy-bg);color:var(--color-empathy-accent);font-size:1.25rem;font-weight:800;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;margin:0;}
.ssdi-clp-canvas .step-title{font-size:1.15rem;font-weight:700;margin-bottom:0.25rem;}
.ssdi-clp-canvas .step-desc{font-size:0.95rem;color:var(--color-slate-700);margin:0;}

/* FINAL */
.ssdi-clp-canvas .final-close{padding:4rem 0 5.5rem;background-color:#fff;text-align:center;}
.ssdi-clp-canvas .final-title{font-size:1.75rem;margin-bottom:1rem;}
.ssdi-clp-canvas .final-text{font-size:1.05rem;color:var(--color-slate-700);margin:0 auto 1.75rem;max-width:500px;}
.ssdi-clp-canvas .final-cta{max-width:400px;margin:0 auto;}

/* FOOTER */
.ssdi-clp-canvas .site-footer{background-color:var(--color-slate-900);color:#94a3b8;font-size:0.8rem;padding:2rem 1.25rem 7rem;line-height:1.6;text-align:center;}
.ssdi-clp-canvas .site-footer p{margin-bottom:1.5rem;}
.ssdi-clp-canvas .footer-org{color:#fff;}

/* STICKY BAR */
.ssdi-clp-canvas .sticky-call-bar{position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -4px 16px rgba(15,23,42,0.08);padding:0.75rem 1rem;z-index:99;}
.ssdi-clp-canvas .sticky-call-bar .wp-block-button__link{padding:0.9rem 1.25rem;font-size:1.15rem;}

/* ============ DESKTOP ============ */
@media(min-width:768px){
  .ssdi-clp-canvas .container{max-width:1200px;padding-left:2rem;padding-right:2rem;}
  .ssdi-clp-canvas .site-header{justify-content:space-between;}
  .ssdi-clp-canvas .lp-logo img{height:42px;}
  .ssdi-clp-canvas .btn-call-compact .wp-block-button__link{display:inline-flex;padding:0.65rem 1.35rem;font-size:1.05rem;}
  .ssdi-clp-canvas .hero{padding:4.5rem 0;}
  .ssdi-clp-canvas .desktop-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;}
  .ssdi-clp-canvas .hero-headline{font-size:2.75rem;margin-bottom:1.25rem;}
  .ssdi-clp-canvas .hero-subhead{font-size:1.25rem;margin-bottom:2rem;}
  .ssdi-clp-canvas .hero-photo-wrapper{margin:0;}
  .ssdi-clp-canvas .trust-band .container{display:flex;justify-content:space-between;align-items:center;}
  .ssdi-clp-canvas .trust-stars-rating{display:flex;align-items:center;gap:1rem;text-align:left;}
  .ssdi-clp-canvas .trust-stars-rating .trust-stars,.ssdi-clp-canvas .trust-stars-rating .trust-rating-text{margin-bottom:0;}
  .ssdi-clp-canvas .testimonial{padding:4.5rem 0;}
  .ssdi-clp-canvas .testimonial-card{max-width:800px;margin:0 auto;padding:2.5rem;}
  .ssdi-clp-canvas .testimonial-quote{font-size:1.4rem;}
  .ssdi-clp-canvas .eligibility{padding:4.5rem 0;}
  .ssdi-clp-canvas .eligibility-layout{display:grid;grid-template-columns:1.2fr 0.8fr;gap:3rem;}
  .ssdi-clp-canvas .eligibility .section-title{text-align:left;margin-bottom:2rem;}
  .ssdi-clp-canvas .how-it-works{padding:5rem 0;}
  .ssdi-clp-canvas .how-it-works .section-title{font-size:2rem;}
  .ssdi-clp-canvas .steps-container{flex-direction:row;justify-content:space-between;gap:1.5rem;}
  .ssdi-clp-canvas .step-card{flex:1;flex-direction:column;padding:2rem;}
  .ssdi-clp-canvas .final-close{padding:5rem 0 6rem;}
  .ssdi-clp-canvas .final-title{font-size:2.25rem;}
  .ssdi-clp-canvas .sticky-call-bar{display:none;}
}

/* Neutralize WordPress default flow margins so component classes control spacing */
.ssdi-clp-canvas .is-layout-flow > * + *{margin-block-start:0;}

/* Group blocks wrap children in .wp-block-group__inner-container — make it transparent so the group's own flex/grid layout applies to the real children */
.ssdi-clp-canvas .wp-block-group > .wp-block-group__inner-container{display:contents;}