.sbsi-join-bleed {     width: 100vw;     margin-left: calc(50% - 50vw);     margin-right: calc(50% - 50vw);     background:       radial-gradient(circle at 12% 10%, rgba(219, 161, 89, 0.14), transparent 22%),       radial-gradient(circle at 88% 12%, rgba(219, 161, 89, 0.08), transparent 18%),       linear-gradient(180deg, #fffdf9 0%, #fbf8f3 100%);     overflow: hidden;   }    .sbsi-join {     --sbsi-heading: #000000;     --sbsi-body: #535353;     --sbsi-accent: #DBA159;     --sbsi-accent-dark: #c88b40;     --sbsi-card: #ffffff;     --sbsi-border: #e9dfd2;     --sbsi-muted: #8a8a8a;     --sbsi-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);     --sbsi-shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.06);     --sbsi-radius: 24px;     --sbsi-container: 1240px;     --sbsi-form-width: 760px;     padding: 64px 0 88px;     color: var(--sbsi-body);     font-family: 'Hind', sans-serif;     line-height: 1.6;   }    .sbsi-join,   .sbsi-join *,   .sbsi-join *::before,   .sbsi-join *::after {     box-sizing: border-box;   }    .sbsi-join__container {     width: min(100%, var(--sbsi-container));     margin: 0 auto;     padding: 0 20px;   }    .sbsi-join h1,   .sbsi-join h2,   .sbsi-join h3,   .sbsi-join h4 {     margin: 0;     color: var(--sbsi-heading);     font-family: 'Montserrat', sans-serif;     line-height: 1.08;   }    .sbsi-join p {     margin: 0;   }    .sbsi-join a {     text-decoration: none;   }    .sbsi-join__hero {     display: grid;     grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);     gap: 24px;     align-items: stretch;     margin-bottom: 44px;   }    .sbsi-join__hero-card,   .sbsi-join__hero-panel,   .sbsi-join__card,   .sbsi-join__form-panel {     position: relative;     background: rgba(255, 255, 255, 0.92);     border: 1px solid rgba(233, 223, 210, 0.95);     border-radius: var(--sbsi-radius);     box-shadow: var(--sbsi-shadow);   }    .sbsi-join__hero-card {     padding: 36px 38px 38px;     overflow: hidden;     animation: sbsiFadeUp 0.75s ease both;   }    .sbsi-join__hero-card::before {     content: '';     position: absolute;     top: -72px;     right: -42px;     width: 220px;     height: 220px;     border-radius: 50%;     background: radial-gradient(circle, rgba(219, 161, 89, 0.14), rgba(219, 161, 89, 0));     pointer-events: none;   }    .sbsi-join__hero-panel {     padding: 34px 26px;     animation: sbsiFadeUp 0.75s ease 0.12s both;     background:       linear-gradient(180deg, rgba(255,255,255,0.97), rgba(255,255,255,0.92)),       linear-gradient(135deg, rgba(219,161,89,0.08), rgba(219,161,89,0.02));   }    .sbsi-join__eyebrow {     position: relative;     display: inline-flex;     align-items: center;     gap: 10px;     padding: 10px 16px;     margin-bottom: 24px;     border: 1px solid rgba(219, 161, 89, 0.22);     border-radius: 999px;     background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,241,231,0.9));     color: var(--sbsi-heading);     font-size: 0.98rem;     font-weight: 700;     letter-spacing: 0.01em;     box-shadow: 0 10px 24px rgba(219, 161, 89, 0.18);     overflow: hidden;   }    .sbsi-join__eyebrow::before {     content: '';     width: 8px;     height: 8px;     border-radius: 50%;     background: var(--sbsi-accent);     box-shadow: 0 0 0 6px rgba(219, 161, 89, 0.14);     animation: sbsiPulse 2.6s ease-in-out infinite;   }    .sbsi-join__eyebrow::after {     content: '';     position: absolute;     inset: 0;     background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.55) 40%, transparent 75%);     transform: translateX(-120%);     animation: sbsiShine 5s ease-in-out infinite;   }    .sbsi-join__hero-title {     max-width: 9ch;     margin-bottom: 14px;     font-size: clamp(3.1rem, 6vw, 5.2rem);     letter-spacing: -0.055em;   }    .sbsi-join__hero-copy {     max-width: 34ch;     margin-bottom: 28px;     font-size: 1.18rem;     line-height: 1.72;   }    .sbsi-join__actions {     display: flex;     flex-wrap: wrap;     gap: 14px;     margin-bottom: 20px;   }    .sbsi-join__button {     display: inline-flex;     align-items: center;     justify-content: center;     min-height: 56px;     padding: 0 24px;     border: 1px solid transparent;     border-radius: 16px;     font-family: 'Hind', sans-serif;     font-size: 1rem;     font-weight: 700;     line-height: 1.2;     transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;     cursor: pointer;     text-align: center;   }    .sbsi-join__button--primary {     background: var(--sbsi-accent) !important;     color: #ffffff !important;     box-shadow: 0 14px 26px rgba(219, 161, 89, 0.28);   }    .sbsi-join__button--primary:hover {     background: var(--sbsi-accent-dark) !important;     color: #ffffff !important;     transform: translateY(-2px);   }    .sbsi-join__button--secondary {     background: rgba(255,255,255,0.92) !important;     color: var(--sbsi-accent-dark) !important;     border-color: rgba(219, 161, 89, 0.26) !important;   }    .sbsi-join__button--secondary:hover {     transform: translateY(-2px);     border-color: var(--sbsi-accent) !important;     color: var(--sbsi-heading) !important;   }    .sbsi-join__button--full {     width: 100%;   }    .sbsi-join__feature-grid {     display: grid;     grid-template-columns: repeat(3, minmax(0, 1fr));     gap: 10px;     margin-top: 10px;   }    .sbsi-join__feature-card {     padding: 16px 14px;     border: 1px solid var(--sbsi-border);     border-radius: 18px;     background: rgba(255,255,255,0.92);     box-shadow: var(--sbsi-shadow-soft);     transition: transform 0.2s ease, border-color 0.2s ease;     animation: sbsiFadeUp 0.75s ease both;   }    .sbsi-join__feature-card:nth-child(1) { animation-delay: 0.18s; }   .sbsi-join__feature-card:nth-child(2) { animation-delay: 0.26s; }   .sbsi-join__feature-card:nth-child(3) { animation-delay: 0.34s; }    .sbsi-join__feature-card:hover {     transform: translateY(-4px);     border-color: rgba(219, 161, 89, 0.5);   }    .sbsi-join__feature-card h3 {     margin-bottom: 8px;     font-size: 1.05rem;     letter-spacing: -0.02em;   }    .sbsi-join__feature-card p {     font-size: 0.98rem;     line-height: 1.7;   }    .sbsi-join__panel-title {     margin-bottom: 12px;     font-size: clamp(2rem, 3vw, 2.5rem);     letter-spacing: -0.035em;   }    .sbsi-join__panel-intro {     margin-bottom: 20px;     font-size: 1.12rem;     line-height: 1.72;   }    .sbsi-join__reasons {     display: grid;     gap: 14px;   }    .sbsi-join__reason {     display: grid;     grid-template-columns: 38px 1fr;     gap: 14px;     align-items: start;     padding: 14px 14px 14px 12px;     border: 1px solid rgba(233, 223, 210, 0.9);     border-radius: 18px;     background: rgba(255,255,255,0.78);     box-shadow: var(--sbsi-shadow-soft);     transition: transform 0.2s ease, border-color 0.2s ease;     animation: sbsiFadeUp 0.75s ease both;   }    .sbsi-join__reason:nth-child(1) { animation-delay: 0.2s; }   .sbsi-join__reason:nth-child(2) { animation-delay: 0.28s; }   .sbsi-join__reason:nth-child(3) { animation-delay: 0.36s; }    .sbsi-join__reason:hover {     transform: translateY(-3px);     border-color: rgba(219, 161, 89, 0.48);   }    .sbsi-join__reason-icon {     display: inline-flex;     align-items: center;     justify-content: center;     width: 26px;     height: 26px;     margin-top: 2px;     border-radius: 50%;     background: rgba(219, 161, 89, 0.16);     color: var(--sbsi-accent-dark);     font-weight: 700;     font-size: 0.95rem;     box-shadow: 0 0 0 8px rgba(219, 161, 89, 0.08);   }    .sbsi-join__reason h4 {     margin-bottom: 6px;     font-size: 1.02rem;     letter-spacing: -0.015em;   }    .sbsi-join__reason p {     font-size: 1rem;     line-height: 1.72;   }    .sbsi-join__section-heading {     max-width: 760px;     margin: 0 auto 28px;     text-align: center;     animation: sbsiFadeUp 0.75s ease both;   }    .sbsi-join__section-heading h2 {     margin-bottom: 10px;     font-size: clamp(1.95rem, 4vw, 2.9rem);     letter-spacing: -0.04em;   }    .sbsi-join__section-heading p {     font-size: 1.08rem;   }    .sbsi-join__grid {     display: grid;     grid-template-columns: repeat(4, minmax(0, 1fr));     gap: 22px;     align-items: stretch;   }    .sbsi-join__card {     display: flex;     flex-direction: column;     min-width: 0;     padding: 28px;     transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;     animation: sbsiFadeUp 0.75s ease both;   }    .sbsi-join__card:nth-child(1) { animation-delay: 0.12s; }   .sbsi-join__card:nth-child(2) { animation-delay: 0.2s; }   .sbsi-join__card:nth-child(3) { animation-delay: 0.28s; }   .sbsi-join__card:nth-child(4) { animation-delay: 0.36s; }    .sbsi-join__card:hover {     transform: translateY(-6px);     box-shadow: 0 24px 50px rgba(0, 0, 0, 0.11);     border-color: rgba(219, 161, 89, 0.6);   }    .sbsi-join__card--featured {     border: 2px solid var(--sbsi-accent);     transform: translateY(-8px);   }    .sbsi-join__card--featured:hover {     transform: translateY(-12px);   }    .sbsi-join__card-type {     margin-bottom: 10px;     color: var(--sbsi-accent-dark);     font-size: 0.88rem;     font-weight: 700;     letter-spacing: 0.08em;     text-transform: uppercase;   }    .sbsi-join__card-title {     margin-bottom: 12px;     font-size: 1.55rem;     letter-spacing: -0.02em;   }    .sbsi-join__price-row {     display: flex;     align-items: flex-end;     gap: 8px;     margin-bottom: 4px;   }    .sbsi-join__price {     color: var(--sbsi-heading);     font-family: 'Montserrat', sans-serif;     font-size: 2.45rem;     line-height: 1;     letter-spacing: -0.04em;   }    .sbsi-join__price-note {     margin-bottom: 20px;     color: var(--sbsi-muted);     font-size: 0.98rem;   }    .sbsi-join__divider {     width: 100%;     height: 1px;     margin: 0 0 20px;     background: linear-gradient(90deg, rgba(233,223,210,0), rgba(233,223,210,1), rgba(233,223,210,0));   }    .sbsi-join__features {     display: grid;     gap: 13px;     margin: 0 0 26px;     padding: 0;     list-style: none;     flex: 1;   }    .sbsi-join__features li {     display: grid;     grid-template-columns: 20px 1fr;     gap: 12px;     align-items: start;     line-height: 1.5;   }    .sbsi-join__features li::before {     content: '•';     color: var(--sbsi-accent);     font-size: 1.5rem;     line-height: 1;     margin-top: -2px;   }    .sbsi-join__card-footer {     margin-top: auto;   }    .sbsi-join__note,   .sbsi-join__smallprint {     text-align: center;     color: var(--sbsi-muted);   }    .sbsi-join__note {     margin-top: 12px;     font-size: 0.95rem;   }    .sbsi-join__form-panel {     max-width: 980px;     margin: 32px auto 0;     padding: 34px;     animation: sbsiFadeUp 0.8s ease both;     background:       linear-gradient(135deg, rgba(219,161,89,0.11), rgba(255,255,255,0.96)),       #ffffff;   }    .sbsi-join__form-intro,   .sbsi-join__form-wrap {     max-width: var(--sbsi-form-width);     margin-left: auto;     margin-right: auto;   }    .sbsi-join__form-intro {     margin-bottom: 24px;     text-align: left;   }    .sbsi-join__form-intro h3 {     margin-bottom: 8px;     font-size: clamp(1.5rem, 3vw, 2rem);     letter-spacing: -0.03em;   }    .sbsi-join__form-intro p {     font-size: 1.04rem;   }    .sbsi-join__smallprint {     margin-top: 18px;     font-size: 0.93rem;   }    @keyframes sbsiFadeUp {     from {       opacity: 0;       transform: translateY(20px);     }     to {       opacity: 1;       transform: translateY(0);     }   }    @keyframes sbsiPulse {     0%, 100% {       transform: scale(1);       box-shadow: 0 0 0 6px rgba(219, 161, 89, 0.14);     }     50% {       transform: scale(1.14);       box-shadow: 0 0 0 10px rgba(219, 161, 89, 0.08);     }   }    @keyframes sbsiShine {     0%, 82%, 100% {       transform: translateX(-120%);     }     88% {       transform: translateX(120%);     }   }    @media (prefers-reduced-motion: reduce) {     .sbsi-join *,     .sbsi-join *::before,     .sbsi-join *::after {       animation: none !important;       transition: none !important;       scroll-behavior: auto !important;     }   }    @media (max-width: 1120px) {     .sbsi-join__hero {       grid-template-columns: 1fr;     }      .sbsi-join__grid {       grid-template-columns: repeat(2, minmax(0, 1fr));     }   }    @media (max-width: 760px) {     .sbsi-join {       padding: 34px 0 64px;     }      .sbsi-join__hero-card,     .sbsi-join__hero-panel,     .sbsi-join__card,     .sbsi-join__form-panel {       padding: 24px;       border-radius: 20px;     }      .sbsi-join__hero-title {       max-width: none;       font-size: clamp(2.6rem, 12vw, 4rem);     }      .sbsi-join__hero-copy {       max-width: none;       font-size: 1.08rem;     }      .sbsi-join__feature-grid,     .sbsi-join__grid {       grid-template-columns: 1fr;     }      .sbsi-join__card--featured {       transform: none;     }      .sbsi-join__card--featured:hover {       transform: translateY(-6px);     }   }    .sbsi-form-terms-notice {     --sbsi-heading: #000000;     --sbsi-body: #535353;     --sbsi-accent: #DBA159;     --sbsi-accent-dark: #c88b40;     --sbsi-alert: #B42318;     --sbsi-alert-soft: #FFF3F1;     --sbsi-alert-border: #F3C7C0;     --sbsi-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);     margin-top: 26px;     font-family: 'Hind', sans-serif;   }    .sbsi-form-terms-notice,   .sbsi-form-terms-notice *,   .sbsi-form-terms-notice *::before,   .sbsi-form-terms-notice *::after {     box-sizing: border-box;   }    .sbsi-form-terms-notice__card {     position: relative;     overflow: hidden;     display: grid;     grid-template-columns: 64px minmax(0, 1fr) auto;     gap: 20px;     align-items: center;     width: 100%;     padding: 24px 24px;     background:       linear-gradient(135deg, rgba(180, 35, 24, 0.08), rgba(255,255,255,0.97) 36%),       linear-gradient(180deg, #ffffff, #fffaf7);     border: 1px solid var(--sbsi-alert-border);     border-left: 7px solid var(--sbsi-alert);     border-radius: 20px;     box-shadow: var(--sbsi-shadow);   }    .sbsi-form-terms-notice__card::after {     content: '';     position: absolute;     top: -50px;     right: -50px;     width: 140px;     height: 140px;     border-radius: 50%;     background: radial-gradient(circle, rgba(219, 161, 89, 0.12), rgba(219, 161, 89, 0));     pointer-events: none;   }    .sbsi-form-terms-notice__icon {     width: 50px;     height: 50px;     border-radius: 50%;     display: inline-flex;     align-items: center;     justify-content: center;     background: linear-gradient(180deg, #d92d20, var(--sbsi-alert));     color: #ffffff;     font-family: 'Montserrat', sans-serif;     font-size: 1.8rem;     font-weight: 800;     line-height: 1;     box-shadow: 0 10px 22px rgba(180, 35, 24, 0.2);   }    .sbsi-form-terms-notice__eyebrow {     display: inline-flex;     align-items: center;     gap: 8px;     margin-bottom: 8px;     padding: 6px 11px;     border-radius: 999px;     background: var(--sbsi-alert-soft);     color: var(--sbsi-alert);     font-size: 0.8rem;     font-weight: 700;     letter-spacing: 0.06em;     text-transform: uppercase;   }    .sbsi-form-terms-notice__eyebrow::before {     content: '';     width: 7px;     height: 7px;     border-radius: 50%;     background: var(--sbsi-alert);   }    .sbsi-form-terms-notice__title {     margin: 0 0 6px;     color: var(--sbsi-heading);     font-family: 'Montserrat', sans-serif;     font-size: clamp(1.2rem, 2.2vw, 1.65rem);     line-height: 1.1;     letter-spacing: -0.03em;   }    .sbsi-form-terms-notice__text {     margin: 0;     max-width: 58ch;     color: var(--sbsi-body);     font-size: 0.98rem;     line-height: 1.65;   }    .sbsi-form-terms-notice__text strong {     color: var(--sbsi-alert);     font-weight: 700;   }    .sbsi-form-terms-notice__button {     display: inline-flex;     align-items: center;     justify-content: center;     min-height: 50px;     padding: 0 20px;     border: 1px solid transparent;     border-radius: 14px;     background: var(--sbsi-accent);     color: #ffffff;     font-family: 'Hind', sans-serif;     font-size: 0.98rem;     font-weight: 700;     line-height: 1.2;     text-decoration: none;     white-space: nowrap;     box-shadow: 0 10px 22px rgba(219, 161, 89, 0.22);     transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;   }    .sbsi-form-terms-notice__button:hover {     background: var(--sbsi-accent-dark);     color: #ffffff;     transform: translateY(-2px);     box-shadow: 0 14px 24px rgba(219, 161, 89, 0.28);   }    @media (max-width: 760px) {     .sbsi-form-terms-notice__card {       grid-template-columns: 1fr;       gap: 16px;       padding: 20px;     }      .sbsi-form-terms-notice__button {       width: 100%;     }   } #sp-gvbbmo{width: 100%; max-width: 100%;}#sp-j35rmk{width: 100%; max-width: 100%;}#sp-ym7r4l{width: calc(100% + 0px);}#sp-jri34d{margin: 20px 0px -65px;}