/*==============================================================================
SUBSCRIBE / PRICING PAGE — statSCALAR Enterprise Design System
Scope   : resources/views/front/subscribe.blade.php
Depends : root.css (site-wide :root variables, reset, .container, .ss-btn,
          .ss-badge, .ss-card, .ss-section-heading) — already loaded
          globally, so it is NOT duplicated here.
Note    : This is a verbatim, page-scoped extract of sections 114–118 from
          the master custom.css ("Enterprise Pricing Hero" through
          "Enterprise Subscription Modal"). The master file contains a few
          later "appended" passes that intentionally override earlier rules
          for the same selectors (e.g. solution cards, the CTA strip, and
          the modal). Those overrides are preserved in their ORIGINAL
          ORDER so the CSS cascade resolves exactly as it does on the live
          site today — nothing has been merged or deduplicated by hand,
          since guessing the "final" value of a mixed property set risks
          changing the rendered design. A handful of clearly-marked new
          rules have been added at the end to support small UX additions
          in the improved blade (phone field + inline validation states in
          the subscription modal).
==============================================================================*/

/*==================================================
114. ENTERPRISE PRICING HERO
==================================================*/
.subscription-hero{
  position:relative;
  padding:35px 0 15px;
  scroll-margin-top:90px;
  overflow:hidden;
  background:
  radial-gradient(circle at top left,rgba(0,168,107,.10),transparent 42%),
  radial-gradient(circle at bottom right,rgba(0,168,107,.08),transparent 38%),
  #fff;
}
.subscription-hero::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-180px;
  top:-180px;
  background:rgba(0,168,107,.06);
  border-radius:50%;
}
.subscription-hero::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  left:-120px;
  bottom:-120px;
  background:rgba(0,168,107,.05);
  border-radius:50%;
}
.ss-subscribe-hero-content{
  position:relative;
  z-index:2;
  max-width:680px;
}
.ss-subscribe-hero-content h1{
  margin:22px 0;
  font-size:42px;
  font-weight:800;
  line-height:1.1;
  color:var(--ss-heading);
  letter-spacing:1px;
}
.ss-subscribe-intro{
  font-size:18px;
  line-height:1.9;
  color:var(--ss-muted);
  margin-bottom:34px;
  max-width:620px;
}
.ss-subscribe-actions{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:46px;
}
.ss-subscribe-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.ss-stat-item{
  background:#fff;
  padding:24px;
  border-radius:18px;
  text-align:center;
  border:1px solid rgba(0,168,107,.10);
  box-shadow:0 18px 45px rgba(20,40,60,.05);
  transition:.35s;
}
.ss-stat-item:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 50px rgba(20,40,60,.08);
}
.ss-stat-item strong{
  display:block;
  font-size:28px;
  font-weight:800;
  color:var(--ss-primary);
  margin-bottom:6px;
}
.ss-stat-item span{
  font-size:14px;
  color:var(--ss-muted);
}
.ss-subscribe-card{
  position:relative;
  height:100%;
  border-radius:28px;
  padding:18px;
  background:#fff;
  box-shadow:0 35px 70px rgba(30,50,70,.10);
}
.ss-subscribe-card .ss-card-body{
  padding:20px;
}
.ss-subscribe-card h3{
  margin:20px 0 20px;
  font-size:30px;
  line-height:1.2;
}
.ss-feature-list{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:16px 0;
  padding:0;
}
.ss-feature-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:8px 0;
  font-size:16px;
  margin:0px;
  line-height:1.4;
  border-bottom:1px solid var(--ss-border);
  color:var(--ss-text);
}
.ss-feature-list i{
  color:var(--ss-primary);
  font-size:18px;
  margin-top:3px;
}
.ss-feature-list li i{
  flex:0 0 22px;
  margin-top:3px;
  color:var(--ss-primary);
}
.ss-trust-item{
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px 28px;
  border:1px solid rgba(0,168,107,.10);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
  text-align:left;
}
.ss-trust-item i{
  width:64px;
  height:64px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:var(--ss-primary-light);
  color:var(--ss-primary);
  font-size:26px;
}
.ss-trust-content{
  flex:1;
}
.ss-trust-content strong{
  display:block;
  margin-bottom:6px;
  font-size:20px;
  font-weight:700;
  color:var(--ss-heading);
}
.ss-trust-content span{
  display:block;
  font-size:15px;
  line-height:1.7;
  color:var(--ss-muted);
}
@media(max-width:991px){
  .subscription-hero{
    padding:90px 0 70px;
  }
.ss-subscribe-hero-content{
  margin-bottom:50px;
}
.ss-subscribe-hero-content h1{
  font-size:44px;
}
.ss-subscribe-stats{
  grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:576px){
  .ss-subscribe-hero-content h1{
    font-size:36px;
  }
.ss-subscribe-actions{
  flex-direction:column;
}
.ss-subscribe-actions .ss-btn{
  width:100%;
  justify-content:center;
}
.ss-subscribe-stats{
  grid-template-columns:1fr;
}
}
.ss-subscribe-trust{
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid rgba(0,0,0,.08);
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.ss-trust-item strong{
  display:block;
  font-size:16px;
  font-weight:700;
  color:var(--ss-heading);
  margin-bottom:4px;
}
.ss-trust-item span{
  font-size:14px;
  line-height:1.7;
  color:var(--ss-muted);
}
.ss-trust-item i{
  width:54px;
  height:54px;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:var(--ss-primary-light);
  color:var(--ss-primary);
  font-size:22px;
}
@media (max-width:991px){
  .subscription-hero{
    padding-top:120px;
  }
.ss-subscribe-trust{
  margin-top:30px;
  padding-top:30px;
  border-top:1px solid var(--ss-border);
  display:grid;
  gap:18px;
}
.ss-trust-item{
  padding:24px;
  border:1px solid var(--ss-border);
  border-radius:18px;
  text-align:center;
  background:#fff;
}
}
@media (max-width:768px){
  .ss-subscribe-card{
    margin-top:30px;
  }
.ss-card-body{
  padding:28px;
}
.ss-feature-list li{
  font-size:15px;
}
.ss-trust-item{
  padding:20px;
}
.ss-trust-item strong{
  font-size:24px;
}
.ss-trust-item span{
  font-size:14px;
}
}
/*====================================
Remove unwanted bullets
====================================*/
.ss-feature-list{
  list-style: none !important;
  margin: 30px 0;
  padding: 0;
}
.ss-feature-list li{
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 12px 0;
  list-style: none !important;
}
/* Remove any inherited pseudo bullets */
.ss-feature-list li::before,
.ss-feature-list li::after{
  content: none !important;
  display: none !important;
}
/* Keep only the Font Awesome icon */
.ss-feature-list li i{
  flex: 0 0 22px;
  width: 22px;
  text-align: center;
  font-size: 18px;
  color: var(--ss-primary);
}
.ss-feature-list li span{
  flex: 1;
}
/*==================================================
115. PREMIUM PRICING CARDS
==================================================*/
.subscription-plans{
  padding:30px 0;
  background:var(--ss-bg);
}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  align-items:stretch;
}
.pricing-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  padding:32px;
  background:#fff;
  border:1px solid rgba(0,168,107,.10);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(18,38,63,.06);
  transition:all .35s ease;
}
.pricing-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,var(--ss-primary),#4fd39d);
  transform:scaleX(0);
  transform-origin:left;
  transition:.35s ease;
}
.pricing-card:hover{
  transform:translateY(-8px);
  box-shadow:0 30px 60px rgba(18,38,63,.10);
}
.pricing-card:hover::before{
  transform:scaleX(1);
}
.pricing-card.featured{
  transform:translateY(-12px);
  border:2px solid var(--ss-primary);
  box-shadow:0 28px 60px rgba(0,168,107,.14);
  z-index:2;
}
.pricing-card.featured::before{
  transform:scaleX(1);
}
.pricing-card.featured::before{
  transform:scaleX(1);
}
/*------------------------------------
Plan Heading
------------------------------------*/
.pricing-card h2{
  font-size:30px;
  font-weight:800;
  line-height:1.2;
  margin-bottom:10px;
  color:var(--ss-heading);
}
.ss-plan-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  margin:8px 0 18px;
  border-radius:50px;
  background:rgba(0,168,107,.10);
  border:1px solid rgba(0,168,107,.18);
  color:var(--ss-primary);
  font-size:13px;
  font-weight:700;
  letter-spacing:.4px;
  text-transform:uppercase;
  transition:var(--ss-transition);
}
.ss-plan-badge i{
  font-size:12px;
  color:#f59e0b;
}
.ss-plan-badge-light{
  background:#f8fafc;
  border-color:#e2e8f0;
  color:#64748b;
}
.ss-plan-badge-light i{
  color:var(--ss-primary);
}
/*------------------------------------
Description
------------------------------------*/
.ss-plan-desc{
  min-height:64px;
  margin-bottom:22px;
  font-size:15px;
  line-height:1.7;
  color:var(--ss-muted);
}
/*------------------------------------
Price
------------------------------------*/
.ss-price{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-bottom:20px;
}
.ss-price small{
  font-size:14px;
  font-weight:600;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--ss-primary);
  margin-bottom:6px;
}
.ss-price strong{
  font-size:58px;
  font-weight:800;
  line-height:.95;
  letter-spacing:-2px;
  color:var(--ss-heading);
}
.ss-price span{
  margin-top:8px;
  font-size:15px;
  font-weight:500;
  color:var(--ss-muted);
}
/*------------------------------------
Divider
------------------------------------*/
.ss-plan-divider{
  margin:0 0 20px;
  border:0;
  border-top:1px solid rgba(0,0,0,.08);
}
/*------------------------------------
Features
------------------------------------*/
.pricing-card ul{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  flex:1;
}
.pricing-card ul li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:10px 0;
  font-size:15px;
  line-height:1.5;
  border-bottom:1px solid rgba(0,0,0,.05);
}
.pricing-card ul li:last-child{
  border-bottom:none;
}
.pricing-card ul li i{
  margin-top:4px;
  min-width:18px;
  font-size:16px;
  color:var(--ss-primary);
}
.pricing-card ul li.disabled{
  color:#98a2ad;
}
.pricing-card ul li.disabled i{
  color:#b7bec8;
}
/*------------------------------------
Buttons
------------------------------------*/
.plan-btn{
  margin-top:14px;
  width:100%;
  min-height:54px;
  justify-content:center;
  font-weight:700;
  transition:all .3s ease;
}
.pricing-card:hover .plan-btn{
  transform:translateY(-2px);
}
/*------------------------------------
Transitions
------------------------------------*/
.pricing-card,
.plan-btn,
.ss-plan-badge{
  transition:all .3s ease;
}
/*------------------------------------
Responsive
------------------------------------*/
@media(max-width:991px){
  .subscription-plans{
    padding:80px 0;
  }
.pricing-grid{
  grid-template-columns:1fr;
  gap:28px;
}
.pricing-card{
  padding:30px;
}
.pricing-card.featured{
  transform:none;
  margin-top:0;
}
}
@media(max-width:767px){
  .subscription-plans{
    padding:70px 0;
  }
.pricing-card{
  padding:26px;
  border-radius:20px;
}
.pricing-card h2{
  font-size:28px;
}
.ss-price strong{
  font-size:50px;
}
.ss-plan-desc{
  min-height:auto;
}
.plan-btn{
  min-height:52px;
}
}
/*==================================================
116. ENTERPRISE SOLUTION CARDS
==================================================*/
.solution-section{
  padding:64px 0;
  background:#ffffff;
}
.ss-solution-card{
  position:relative;
  height:100%;
  border:1px solid rgba(0,168,107,.08);
  border-radius:24px;
  background:#ffffff;
  overflow:hidden;
  transition:all .35s ease;
  box-shadow:0 15px 40px rgba(18,38,63,.05);
}
.ss-solution-card:hover{
  transform:translateY(-10px) scale(1.01);
  border-color:rgba(0,168,107,.25);
  box-shadow:0 30px 65px rgba(18,38,63,.12);
}
.ss-solution-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,var(--ss-primary),#4fd39d);
  transform:scaleX(0);
  transform-origin:left;
  transition:.35s;
}
.ss-solution-card:hover::before{
  transform:scaleX(1);
}
.ss-solution-card .ss-card-body{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:42px;
}
.ss-solution-icon{
  width:72px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:rgba(0,168,107,.10);
  margin-bottom:28px;
}
.ss-solution-icon i{
  font-size:30px;
  color:var(--ss-primary);
}
.ss-solution-content{
  flex:1;
}
.ss-solution-content h1,
.ss-solution-content h2,
.ss-solution-content h3,
.ss-solution-content h4{
  margin-bottom:18px;
  font-size:24px;
  font-weight:700;
  color:var(--ss-heading);
  line-height:1.3;
}
.ss-solution-content p{
  margin-bottom:18px;
  font-size:16px;
  line-height:1.9;
  color:var(--ss-muted);
}
.ss-solution-content ul{
  margin:25px 0;
  padding:0;
  list-style:none;
}
.ss-solution-content ul li{
  position:relative;
  padding-left:28px;
  margin-bottom:14px;
  color:var(--ss-text);
  line-height:1.8;
}
.ss-solution-content ul li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:700;
  color:var(--ss-primary);
}
.ss-solution-footer{
  margin-top:35px;
  padding-top:28px;
  border-top:1px solid rgba(0,0,0,.08);
}
.ss-solution-footer .ss-btn{
  width:100%;
  justify-content:center;
}
@media(max-width:991px){
  .solution-section{
    padding:52px 0;
  }
.ss-solution-card .ss-card-body{
  padding:34px;
}
}
@media(max-width:767px){
  .ss-solution-card .ss-card-body{
    padding:28px;
  }
.ss-solution-icon{
  width:64px;
  height:64px;
}
.ss-solution-icon i{
  font-size:26px;
}
.ss-solution-content h2,
.ss-solution-content h3,
.ss-solution-content h4{
  font-size:22px;
}
}
/*==================================================
116. FEATURE & BENEFITS ENHANCEMENT appended
==================================================*/
.solution-section{
  padding:64px 0;
  background:#fff;
  position:relative;
  overflow:hidden;
}
.solution-section::before{
  content:"";
  position:absolute;
  top:-180px;
  right:-120px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle,
  rgba(0,168,107,.08),
  transparent 70%);
  pointer-events:none;
}
.ss-solution-card{
  height:100%;
  border:1px solid rgba(0,168,107,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 42px rgba(15,23,42,.05);
  transition:all .35s ease;
  overflow:hidden;
}
.ss-solution-card:hover{
  transform:translateY(-8px);
  border-color:rgba(0,168,107,.22);
  box-shadow:0 30px 60px rgba(15,23,42,.10);
}
.ss-solution-card .ss-card-body{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:38px 34px;
}
.ss-solution-icon{
  width:72px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  margin-bottom:28px;
  background:linear-gradient(135deg,
  var(--ss-primary-light),
  #ffffff);
  border:1px solid rgba(0,168,107,.12);
}
.ss-solution-icon i{
  font-size:30px;
  color:var(--ss-primary);
}
.ss-solution-content{
  flex:1;
}
.ss-solution-content h3{
  font-size:24px;
  font-weight:800;
  line-height:1.35;
  margin-bottom:18px;
  color:var(--ss-heading);
}
.ss-solution-content p{
  margin-bottom:18px;
  font-size:15px;
  line-height:1.8;
  color:var(--ss-muted);
}
.ss-solution-content ul{
  margin:22px 0 0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ss-solution-content li{
  position:relative;
  padding-left:28px;
  font-size:15px;
  line-height:1.7;
  color:var(--ss-text);
}
.ss-solution-content li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:700;
  color:var(--ss-primary);
}
.ss-solution-footer{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid rgba(15,23,42,.08);
}
.ss-solution-footer .ss-btn{
  width:100%;
  justify-content:center;
}
.solution-section .ss-section-heading{
  margin-bottom:5px;
}
.solution-section .ss-section-heading h2{
  margin-bottom:18px;
}
.solution-section .ss-section-heading p{
  max-width:760px;
  margin:auto;
}
@media(max-width:991px){
  .solution-section{
    padding:52px 0;
  }
.solution-section .ss-section-heading{
  margin-bottom:50px;
}
.ss-solution-card .ss-card-body{
  padding:32px 28px;
}
}
@media(max-width:767px){
  .solution-section{
    padding:40px 0;
  }
.ss-solution-icon{
  width:64px;
  height:64px;
  margin-bottom:22px;
}
.ss-solution-icon i{
  font-size:26px;
}
.ss-solution-content h3{
  font-size:21px;
}
.ss-solution-footer{
  margin-top:26px;
  padding-top:20px;
}
}
/*==================================================
117. ENTERPRISE CTA appended
==================================================*/
.ss-subscribe-cta{
  padding:110px 0 120px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbf9 100%);
  position:relative;
  overflow:hidden;
}
.ss-subscribe-cta::before{
  content:"";
  position:absolute;
  left:-140px;
  bottom:-140px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(circle,
  rgba(0,168,107,.10),
  transparent 72%);
  pointer-events:none;
}
.ss-subscribe-cta::after{
  content:"";
  position:absolute;
  right:-120px;
  top:-120px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,
  rgba(0,168,107,.06),
  transparent 72%);
  pointer-events:none;
}
.ss-subscribe-cta-box{
  position:relative;
  z-index:2;
  background:#fff;
  border:1px solid rgba(0,168,107,.10);
  border-radius:34px;
  padding:65px;
  box-shadow:0 35px 80px rgba(20,40,60,.08);
  overflow:hidden;
}
.ss-subscribe-cta-box::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:6px;
  height:100%;
  background:var(--ss-primary);
}
.ss-subscribe-cta-content{
  padding-right:30px;
}
.ss-subscribe-cta-content h2{
  font-size:46px;
  font-weight:800;
  line-height:1.2;
  margin:20px 0;
  color:var(--ss-heading);
}
.ss-subscribe-cta-content p{
  font-size:17px;
  line-height:1.9;
  color:var(--ss-muted);
  max-width:720px;
  margin-bottom:36px;
}
.ss-cta-trust{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.ss-cta-trust-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px 20px;
  border-radius:18px;
  background:#f8fbfa;
  border:1px solid rgba(0,168,107,.08);
  transition:.30s;
}
.ss-cta-trust-item:hover{
  transform:translateY(-4px);
  background:#fff;
  border-color:rgba(0,168,107,.18);
  box-shadow:0 18px 36px rgba(20,40,60,.08);
}
.ss-cta-trust-item i{
  font-size:22px;
  color:var(--ss-primary);
  margin-top:3px;
}
.ss-subscribe-cta-actions{
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:100%;
  gap:18px;
}
.ss-subscribe-cta-actions .ss-btn{
  width:100%;
  justify-content:center;
  padding:17px 28px;
  font-size:16px;
}
.ss-subscribe-cta-actions .ss-btn-primary{
  box-shadow:0 18px 40px rgba(0,168,107,.25);
}
.ss-subscribe-cta-actions .ss-btn-primary:hover{
  transform:translateY(-3px);
}
.ss-subscribe-cta-actions .ss-btn-outline{
  background:#fff;
}
@media(max-width:991px){
  .ss-subscribe-cta{
    padding:90px 0;
  }
.ss-subscribe-cta-box{
  padding:45px;
}
.ss-subscribe-cta-content{
  padding-right:0;
  margin-bottom:40px;
}
.ss-subscribe-cta-content h2{
  font-size:38px;
}
.ss-cta-trust{
  grid-template-columns:1fr;
}
}
@media(max-width:767px){
  .ss-subscribe-cta{
    padding:70px 0;
  }
.ss-subscribe-cta-box{
  padding:30px;
  border-radius:24px;
}
.ss-subscribe-cta-content h2{
  font-size:30px;
}
.ss-subscribe-cta-content p{
  font-size:15px;
}
.ss-subscribe-cta-actions{
  margin-top:30px;
}
}
/*==================================================
117. ENTERPRISE CTA STRIP
==================================================*/
.ss-subscribe-cta{
  padding:10px 85px;
  background:#ffffff;
}
.ss-subscribe-cta .row{
  align-items:center;
}
.ss-subscribe-cta-box{
  position:relative;
  overflow:hidden;
  padding:40px 55px;
  border-radius:32px;
  background:linear-gradient(135deg,#0d3b2e 0%,#00A86B 100%);
  box-shadow:0 35px 80px rgba(0,168,107,.22);
}
.ss-subscribe-cta-box::before{
  content:"";
  position:absolute;
  top:-150px;
  right:-150px;
  width:380px;
  height:380px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.ss-subscribe-cta-box::after{
  content:"";
  position:absolute;
  left:-80px;
  bottom:-10px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  pointer-events:none;
}
.ss-subscribe-cta-content{
  position:relative;
  z-index:2;
  margin-bottom:0;
}
.ss-subscribe-cta-content .ss-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  margin-bottom:22px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  color:#ffffff;
  font-size:13px;
  font-weight:600;
  letter-spacing:.4px;
  backdrop-filter:blur(8px);
}
.ss-subscribe-cta-content h2{
  margin-bottom:22px;
  font-size:42px;
  font-weight:800;
  line-height:1.15;
  color:#ffffff;
}
.ss-subscribe-cta-content p{
  max-width:640px;
  margin:0;
  font-size:17px;
  line-height:1.5;
  color:rgba(255,255,255,.90);
}
.ss-subscribe-cta-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
  height:100%;
}
.ss-subscribe-cta-actions .ss-btn{
  width:100%;
  justify-content:center;
  padding:16px 28px;
  font-size:16px;
  font-weight:700;
  transition:all .3s ease;
}
.ss-subscribe-cta-actions .ss-btn-primary{
  background:#ffffff;
  border-color:#ffffff;
  color:var(--ss-primary);
}
.ss-subscribe-cta-actions .ss-btn-primary:hover{
  background:#f5f5f5;
  border-color:#f5f5f5;
  transform:translateY(-2px);
}
.ss-subscribe-cta-actions .ss-btn-outline{
  background:transparent;
  border:2px solid rgba(255,255,255,.35);
  color:#ffffff;
}
.ss-subscribe-cta-actions .ss-btn-outline:hover{
  background:#ffffff;
  border-color:#ffffff;
  color:var(--ss-primary);
  transform:translateY(-2px);
}
.ss-cta-trust{
  display:flex;
  flex-wrap:wrap;
  gap:18px 28px;
  margin-top:28px;
}
.ss-cta-trust-item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  border-radius:999px;
  color:#ffffff;
}
.ss-cta-trust-item i{
  color:#ffffff;
}
/*==============================
Responsive
==============================*/
@media(max-width:991px){
  .ss-subscribe-cta{
    padding:0 0 90px;
  }
.ss-subscribe-cta-box{
  padding:55px 40px;
}
.ss-subscribe-cta-content{
  margin-bottom:40px;
  text-align:center;
}
.ss-subscribe-cta-content h2{
  font-size:38px;
}
.ss-subscribe-cta-content p{
  margin:0 auto;
}
.ss-cta-trust{
  justify-content:center;
}
}
@media(max-width:767px){
  .ss-subscribe-cta-box{
    padding:40px 28px;
    border-radius:24px;
  }
.ss-subscribe-cta-content h2{
  font-size:30px;
}
.ss-subscribe-cta-content p{
  font-size:16px;
  line-height:1.8;
}
.ss-subscribe-cta-actions{
  gap:14px;
}
.ss-subscribe-cta-actions .ss-btn{
  width:100%;
}
.ss-cta-trust{
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}
}
/*==================================================
117A. CUSTOM ENTERPRISE PLAN
==================================================*/
.ss-enterprise-plan{
  padding:0 0 10px;
  background:#fff;
}
.ss-enterprise-plan-box{
  padding:50px 60px;
  border:1px solid rgba(0,168,107,.12);
  border-radius:24px;
  background:#fdfefe;
  box-shadow:0 20px 45px rgba(18,38,63,.05);
  transition:.3s ease;
}
.ss-enterprise-plan-box:hover{
  transform:translateY(-4px);
  box-shadow:0 28px 55px rgba(18,38,63,.08);
}
.ss-enterprise-plan-content h2{
  margin:18px 0;
  font-size:38px;
  font-weight:800;
  color:var(--ss-heading);
}
.ss-enterprise-plan-content p{
  margin:0;
  font-size:17px;
  line-height:1.9;
  color:var(--ss-muted);
  max-width:700px;
}
.ss-enterprise-plan-action{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  height:100%;
}
.ss-enterprise-plan-action .ss-btn{
  min-width:260px;
  justify-content:center;
}
@media(max-width:991px){
  .ss-enterprise-plan-box{
    padding:40px 30px;
  }
.ss-enterprise-plan-content{
  text-align:center;
  margin-bottom:30px;
}
.ss-enterprise-plan-action{
  justify-content:center;
}
}
@media(max-width:767px){
  .ss-enterprise-plan-content h2{
    font-size:30px;
  }
.ss-enterprise-plan-action .ss-btn{
  width:100%;
  min-width:100%;
}
}
/*==================================================
118. ENTERPRISE SUBSCRIPTION MODAL
==================================================*/
.ss-modal{
  border:none;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 40px 100px rgba(15,23,42,.18);
}
.ss-modal-header{
  padding:42px 46px 28px;
  background:linear-gradient(135deg,#ffffff 0%,#f6fbf9 100%);
  border-bottom:1px solid rgba(0,168,107,.08);
  align-items:flex-start;
}
.ss-modal-header h3{
  margin:18px 0 12px;
  font-size:34px;
  font-weight:800;
  line-height:1.25;
  color:var(--ss-heading);
}
.ss-modal-header p{
  margin:0;
  max-width:560px;
  font-size:15px;
  line-height:1.8;
  color:var(--ss-muted);
}
.ss-modal-close{
  font-size:32px;
  font-weight:300;
  opacity:.5;
  transition:var(--ss-transition);
}
.ss-modal-close:hover{
  opacity:1;
  transform:rotate(90deg);
}
.ss-modal .modal-body{
  padding:42px 46px;
}
.ss-modal label{
  display:block;
  margin-bottom:10px;
  font-size:14px;
  font-weight:700;
  color:var(--ss-heading);
}
.ss-modal .form-control{
  height:56px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  padding:0 18px;
  font-size:15px;
  transition:var(--ss-transition);
}
.ss-modal textarea.form-control{
  height:140px;
  padding:18px;
  resize:vertical;
}
.ss-modal .form-control:focus{
  border-color:var(--ss-primary);
  box-shadow:0 0 0 .2rem rgba(0,168,107,.12);
}
.ss-modal .ss-btn{
  width:100%;
  justify-content:center;
  padding:16px 26px;
  margin-top:12px;
}
.ss-modal .alert{
  border:none;
  border-radius:14px;
  margin-bottom:28px;
}
.modal-backdrop.show{
  opacity:.55;
}
@media(max-width:991px){
  .ss-modal-header{
    padding:32px;
  }
.ss-modal .modal-body{
  padding:32px;
}
.ss-modal-header h3{
  font-size:30px;
}
}
@media(max-width:767px){
  .ss-modal-header{
    padding:26px 22px;
  }
.ss-modal .modal-body{
  padding:24px 22px;
}
.ss-modal-header h3{
  font-size:24px;
}
.ss-modal .form-control{
  height:52px;
}
.ss-modal textarea.form-control{
  height:120px;
}
}
/*==================================================
118. ENTERPRISE SUBSCRIPTION MODAL
==================================================*/
.ss-modal{
  border:none;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 40px 90px rgba(18,38,63,.20);
}
.ss-modal-header{
  padding:40px 42px 24px;
  border-bottom:1px solid rgba(0,0,0,.08);
  background:#ffffff;
  align-items:flex-start;
}
.ss-modal-header h3{
  margin:18px 0 12px;
  font-size:34px;
  font-weight:800;
  color:var(--ss-heading);
}
.ss-modal-header p{
  margin:0;
  max-width:520px;
  font-size:16px;
  line-height:1.8;
  color:var(--ss-muted);
}
.ss-modal-close{
  padding:0;
  margin:0;
  background:none;
  border:none;
  font-size:34px;
  line-height:1;
  color:#7b8794;
  opacity:1;
  transition:var(--ss-transition);
}
.ss-modal-close:hover{
  color:var(--ss-primary);
  transform:rotate(90deg);
}
.ss-modal .modal-body{
  padding:40px 42px 45px;
  background:#ffffff;
}
.ss-modal label{
  display:block;
  margin-bottom:10px;
  font-size:14px;
  font-weight:600;
  color:var(--ss-heading);
}
.ss-modal .form-control{
  height:56px;
  border-radius:14px;
  border:1px solid rgba(0,168,107,.15);
  padding:0 18px;
  font-size:15px;
  box-shadow:none;
  transition:var(--ss-transition);
}
.ss-modal textarea.form-control{
  height:140px;
  padding:18px;
  resize:vertical;
}
.ss-modal .form-control:focus{
  border-color:var(--ss-primary);
  box-shadow:0 0 0 4px rgba(0,168,107,.10);
}
.ss-modal-note{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 20px;
  border-radius:14px;
  background:rgba(0,168,107,.06);
  color:var(--ss-text);
  font-size:14px;
  line-height:1.7;
}
.ss-modal-note i{
  font-size:18px;
  color:var(--ss-primary);
  flex-shrink:0;
}
.ss-modal .ss-btn{
  height:58px;
  font-size:16px;
  font-weight:700;
  border-radius:14px;
}
.modal-backdrop.show{
  opacity:.65;
}
@media(max-width:767px){
  .ss-modal-header{
    padding:30px 24px 20px;
  }
.ss-modal-header h3{
  font-size:28px;
}
.ss-modal .modal-body{
  padding:28px 24px 30px;
}
.ss-modal .form-control{
  height:52px;
}
.ss-modal .ss-btn{
  height:54px;
}
}

/*==================================================
NEW — MODAL FORM UX ADDITIONS
==================================================*/
/* Accessible label helper (in case a field needs a hidden-only label) */
.visually-hidden{
  position:absolute !important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
/* Inline field error text inside the subscription modal */
.ss-modal .error{
  display:block;
  margin-top:6px;
  font-size:13px;
  color:#dc3545;
}
/* Selected-plan indicator shown in the modal when opened from a pricing card */
.ss-modal-plan-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(0,168,107,.10);
  border:1px solid rgba(0,168,107,.18);
  color:var(--ss-primary);
  font-size:13px;
  font-weight:700;
}
.ss-modal-plan-tag i{
  font-size:12px;
}