
/* ===== SA ASSOCIATES SUCCESS STORIES 2026-09-24 ===== */
.saa-success-section{position:relative;padding:88px 0 92px;overflow:hidden;background:radial-gradient(900px 440px at 10% 10%,rgba(1,149,216,.10),transparent 62%),radial-gradient(760px 380px at 92% 92%,rgba(76,195,245,.10),transparent 64%),linear-gradient(180deg,#fff 0%,#f5fbff 52%,#fff 100%)}
.saa-success-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:radial-gradient(rgba(1,149,216,.10) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 76%,transparent 100%)}
.saa-success-section>.container{position:relative;z-index:1}
.saa-success-heading{text-align:center;max-width:820px;margin:0 auto 30px}.saa-success-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;padding:7px 13px;border-radius:999px;background:#e8f7fe;border:1px solid rgba(1,149,216,.14);color:#087fb8;font-size:11px;font-weight:900;letter-spacing:.12em}.saa-success-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#0195D8;box-shadow:0 0 0 5px rgba(1,149,216,.11)}
.saa-success-heading h2{margin:0 0 11px;font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-.035em;color:#0f172a}.saa-success-heading h2 span{color:#0195D8}.saa-success-heading p{max-width:700px;margin:0 auto;color:#607086;font-size:16px;line-height:1.65}
.saa-success-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:940px;margin:0 auto 34px;border:1px solid rgba(1,149,216,.13);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 16px 38px rgba(15,23,42,.07);overflow:hidden}.saa-success-metrics div{padding:17px 18px;text-align:center;border-right:1px solid rgba(15,23,42,.07)}.saa-success-metrics div:last-child{border-right:0}.saa-success-metrics strong{display:block;color:#0f172a;font-size:25px;line-height:1;font-weight:850}.saa-success-metrics span{display:block;margin-top:6px;color:#6b7a8d;font-size:11.5px;font-weight:700}
.saa-success-tabs{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 auto 28px;padding:7px;width:max-content;max-width:100%;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:999px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.saa-success-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:0;border-radius:999px;background:transparent;color:#53657a;font:700 12.5px/1 var(--font,Inter,sans-serif);cursor:pointer;transition:.2s}.saa-success-tab em{font-style:normal;display:grid;place-items:center;min-width:23px;height:19px;padding:0 6px;border-radius:999px;background:#eef4f8;color:#718195;font-size:10px}.saa-success-tab:hover{background:#f1f9fd;color:#087fb8}.saa-success-tab.is-active{background:linear-gradient(135deg,#0195D8,#087cb8);color:#fff;box-shadow:0 8px 18px rgba(1,149,216,.23)}.saa-success-tab.is-active em{background:rgba(255,255,255,.18);color:#fff}
.saa-success-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:0 auto}.saa-success-card{display:grid;grid-template-columns:126px minmax(0,1fr);min-height:218px;overflow:hidden;border:1px solid rgba(1,149,216,.13);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.075);transition:transform .25s,box-shadow .25s,border-color .25s}.saa-success-card:hover{transform:translateY(-5px);border-color:rgba(1,149,216,.30);box-shadow:0 24px 48px rgba(1,149,216,.14)}.saa-success-card[hidden]{display:none!important}
.saa-success-visual{position:relative;min-height:100%;overflow:hidden;background:linear-gradient(145deg,#dff3fd,#c9e7f7)}.saa-success-visual.spouse{background:linear-gradient(145deg,#eeeaff,#ddd5ff)}.saa-success-visual.visitor{background:linear-gradient(145deg,#def9ef,#c9f0df)}.saa-success-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s}.saa-success-card:hover .saa-success-visual img{transform:scale(1.04)}.saa-success-placeholder{height:100%;min-height:218px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center}.saa-success-placeholder span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.78);color:#087fb8;font-size:22px;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.08)}.saa-success-placeholder small{margin-top:10px;color:#567083;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.saa-success-status{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:999px;background:#0d8dd0;color:#fff;font-size:8.5px;font-weight:900;letter-spacing:.08em;box-shadow:0 5px 12px rgba(0,0,0,.13)}.saa-success-status.spouse{background:#7a67d8}.saa-success-status.visitor{background:#19a97c}
.saa-success-card-body{min-width:0;padding:20px 18px 18px;display:flex;flex-direction:column}.saa-success-type{display:flex;align-items:center;gap:6px;color:#1385bc;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.saa-success-card h3{margin:7px 0 10px;color:#0f172a;font-size:18px;line-height:1.15;letter-spacing:-.02em}.saa-success-primary{display:flex;gap:7px;align-items:flex-start;margin:0 0 7px;color:#44566d;font-size:12px;line-height:1.4}.saa-success-primary i{margin-top:2px;color:#0195D8}.saa-success-secondary{margin:0 0 12px;color:#8794a5;font-size:10.5px;line-height:1.35;font-style:italic}.saa-success-secondary.is-empty{visibility:hidden}.saa-success-score{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin-top:auto;padding:7px 10px;border-radius:999px;background:#e8f7fe;color:#17618d;font-size:10.5px;font-weight:800}.saa-success-score i{color:#0195D8}
.saa-success-empty{text-align:center;color:#738298;padding:34px 0}.saa-success-actions{text-align:center;margin-top:30px}.saa-success-actions .big-btn{display:inline-flex;align-items:center;justify-content:center}
.saa-success-page{padding-bottom:92px}.saa-success-page .saa-success-section{padding-top:70px}.saa-success-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto 26px}.saa-success-search{position:relative;flex:1;max-width:420px}.saa-success-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8a98a8}.saa-success-search input{width:100%;height:46px;padding:0 16px 0 42px;border:1px solid rgba(15,23,42,.11);border-radius:999px;background:#fff;font:500 13px var(--font,Inter,sans-serif);outline:none}.saa-success-search input:focus{border-color:#0195D8;box-shadow:0 0 0 4px rgba(1,149,216,.09)}.saa-success-load{display:flex;justify-content:center;margin-top:30px}.saa-success-load button{border:1px solid rgba(1,149,216,.22);background:#fff;color:#087fb8;padding:12px 22px;border-radius:999px;font:800 12.5px var(--font,Inter,sans-serif);cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.06)}.saa-success-load button:hover{background:#eef9fe}.saa-success-load button[hidden]{display:none!important}
@media(max-width:1050px){.saa-success-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saa-success-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.saa-success-metrics div:nth-child(2){border-right:0}.saa-success-metrics div:nth-child(-n+2){border-bottom:1px solid rgba(15,23,42,.07)}}
@media(max-width:700px){.saa-success-section{padding:68px 0}.saa-success-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;width:100%;border-radius:18px}.saa-success-tab{white-space:nowrap}.saa-success-grid{grid-template-columns:1fr}.saa-success-card{grid-template-columns:112px minmax(0,1fr);min-height:198px}.saa-success-placeholder{min-height:198px}.saa-success-page-toolbar{display:block}.saa-success-search{max-width:none}.saa-success-metrics strong{font-size:22px}.saa-success-metrics span{font-size:10.5px}}
@media(max-width:440px){.saa-success-card{grid-template-columns:1fr}.saa-success-visual{height:190px}.saa-success-placeholder{min-height:190px}.saa-success-status{left:12px;top:12px}}

/* ===== SUCCESS STORIES HERO PATCH 20260924-success-hero-v2 ===== */
.success-hero{
  min-height: 340px;
  padding: 96px 20px 88px;
  background: url('/assets/hero/success-stories-hero.jpg') center center / cover no-repeat;
}
.success-hero .contact-hero-overlay{
  background: linear-gradient(90deg, rgba(8,21,44,.50) 0%, rgba(8,21,44,.18) 24%, rgba(8,21,44,.06) 50%, rgba(8,21,44,.20) 76%, rgba(8,21,44,.48) 100%);
}
.success-hero .container{
  max-width: 1200px;
  width: 100%;
}
.success-hero .contact-hero-copy{
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}
.success-hero-kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 9px 15px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.16);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.success-hero-kicker::before{
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5dc8f7;
  box-shadow: 0 0 0 5px rgba(93,200,247,.20);
}
.success-hero .contact-hero-title{
  max-width: 780px;
  margin: 0 auto 14px;
  font-size: clamp(40px, 5vw, 64px);
  line-height: 1.02;
  letter-spacing: -.045em;
  text-shadow: 0 10px 28px rgba(0,0,0,.14);
}
.success-hero .contact-hero-title .accent{
  color: #38bdf8;
}
.success-hero .contact-hero-sub{
  max-width: 720px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255,255,255,.92);
  text-shadow: 0 6px 18px rgba(0,0,0,.16);
}
@media (max-width: 900px){
  .success-hero{
    min-height: 300px;
    padding: 78px 20px 72px;
    background-position: 46% center;
  }
}
@media (max-width: 640px){
  .success-hero{
    min-height: 280px;
    padding: 72px 16px 64px;
    background-position: 38% center;
  }
  .success-hero .contact-hero-title{
    font-size: clamp(32px, 10vw, 44px);
  }
  .success-hero .contact-hero-sub{
    font-size: 15px;
  }
}
