/* TSWG_ELEGANT_STUDIO_UI_POLISH
   UI-only polish layer. No backend, router, request, or JS behavior changes.
*/

:root{
  --tswg-glass-bg: rgba(255,255,255,.78);
  --tswg-glass-bg-strong: rgba(255,255,255,.9);
  --tswg-glass-border: rgba(148,163,184,.28);
  --tswg-glass-shadow: 0 22px 60px rgba(15,23,42,.10);
  --tswg-text-main: #0f172a;
  --tswg-text-soft: #334155;
  --tswg-text-muted: #64748b;
  --tswg-blue: #2563eb;
  --tswg-blue-soft: rgba(37,99,235,.10);
  --tswg-gold: #b7791f;
  --tswg-gold-soft: rgba(245,158,11,.14);
  --tswg-green: #047857;
  --tswg-green-soft: rgba(16,185,129,.12);
  --tswg-radius-lg: 24px;
  --tswg-radius-md: 18px;
}

body,
.i_wrapper,
.i_contents_container{
  color: var(--tswg-text-main);
}

/* Clear readable text inside modern transparent cards */
.marketplace-card,
.product-hero-card,
.product-left-card,
.product_p_description.card-block,
.marketplace-empty-card,
.community_card,
.community_highlight_card,
.agency_card,
.activity_card,
.i_p_cards,
.profile_wrapper .profile_meta_card,
.live_scheduled_side_card,
.live_pinned_product_card,
.live_pin_product_item,
.campaign_card,
.blog-card,
.readmore-card,
.tswg-notify .card,
.tswg-user-alerts .card,
.tswg-session-sec .card,
.tswg-idtrust .card,
.tswg-idadmin .card,
.tswg-admin-notify .card,
.tswg-alerts-card,
.tswg-abuse-card,
.tswg-admin-session .card{
  background: var(--tswg-glass-bg) !important;
  border: 1px solid var(--tswg-glass-border) !important;
  box-shadow: var(--tswg-glass-shadow) !important;
  border-radius: var(--tswg-radius-lg) !important;
  color: var(--tswg-text-main) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
}

/* Prevent marketplace/card jumping caused by hover transforms */
.marketplace-card,
.marketplace-card:hover,
.marketplace-card .product_image img,
.marketplace-card:hover .product_image img,
.community_card,
.community_card:hover,
.community_card_cover img,
.community_card:hover .community_card_cover img,
.community_highlight_card,
.community_highlight_card:hover,
.agency_card,
.agency_card:hover,
.activity_card,
.activity_card:hover{
  transform: none !important;
}

/* Stabilize product / marketplace cards */
.marketplace-grid{
  align-items: stretch !important;
  gap: 22px !important;
}

.marketplace-card{
  min-height: 420px !important;
  overflow: hidden !important;
}

.marketplace-card .product_image{
  min-height: 220px !important;
  background: rgba(15,23,42,.04) !important;
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden !important;
}

.marketplace-card .product_image img{
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
}

.marketplace-card .s_p_details,
.community_card_body,
.agency_card_body{
  color: var(--tswg-text-soft) !important;
}

.marketplace-card .s_p_title,
.marketplace-card .s_p_title a,
.community_card_title a,
.agency_card_title a,
.blog-card h3,
.blog-card h3 a,
.readmore-card h3,
.readmore-card h3 a{
  color: var(--tswg-text-main) !important;
  font-weight: 850 !important;
  letter-spacing: -.02em;
  line-height: 1.18 !important;
}

.marketplace-card .s_p_product_type,
.marketplace-card .image_tag,
.creator_category_badge,
.community_card_category,
.marketplace-empty-card__badge,
.live_schedule_badge,
.scheduled_badge{
  background: var(--tswg-blue-soft) !important;
  color: #1d4ed8 !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  border-radius: 999px !important;
  font-weight: 850 !important;
  letter-spacing: .02em;
}

/* Premium studio CTA language visually */
.i_nex_btn,
.marketplace-empty-card__cta,
.live_pinned_product_cta,
.live_pin_product_actions button,
.tswg-notify .btn,
.tswg-user-alerts .btn,
.tswg-session-sec .btn,
.tswg-idtrust .btn,
.tswg-idadmin .btn,
.tswg-admin-notify .btn,
.tswg-alerts-btn,
.tswg-abuse-btn,
.tswg-admin-session .btn{
  border-radius: 14px !important;
  font-weight: 850 !important;
  letter-spacing: -.01em;
  box-shadow: 0 12px 28px rgba(15,23,42,.12);
}

/* Transparent but readable form fields */
.tswg-notify .input,
.tswg-notify .select,
.tswg-user-alerts .input,
.tswg-user-alerts .select,
.tswg-session-sec .input,
.tswg-idtrust .input,
.tswg-idtrust .select,
.tswg-idtrust .textarea,
.tswg-idadmin .input,
.tswg-idadmin .select,
.tswg-idadmin .textarea,
.tswg-admin-notify .input,
.tswg-admin-notify .select,
.tswg-admin-notify .textarea,
.tswg-alerts-input,
.tswg-alerts-select,
.tswg-abuse-input{
  background: rgba(255,255,255,.86) !important;
  color: var(--tswg-text-main) !important;
  border: 1px solid rgba(148,163,184,.36) !important;
  border-radius: 14px !important;
}

.tswg-notify .input::placeholder,
.tswg-idtrust .input::placeholder,
.tswg-idtrust .textarea::placeholder,
.tswg-admin-notify .input::placeholder,
.tswg-admin-notify .textarea::placeholder{
  color: #64748b !important;
}

/* Studio-style top cards and quick overview cards */
.tswg-studio-hero,
.tswg-studio-shell,
.tswg-studio-card,
.tswg-classroom-card,
.tswg-community-card,
.tswg-vault-card{
  background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(239,246,255,.68)) !important;
  border: 1px solid rgba(148,163,184,.26) !important;
  border-radius: 28px !important;
  box-shadow: 0 30px 80px rgba(15,23,42,.10) !important;
  color: var(--tswg-text-main) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
}

/* Community and engagement surfaces */
.i_pined_post,
.activity_card,
.community_card,
.community_highlight_card{
  position: relative;
}

.i_pined_post::before,
.activity_card::before,
.community_card::before,
.community_highlight_card::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(245,158,11,.06));
  opacity: .7;
}

.activity_card_body,
.community_card_body,
.i_pined_post > *{
  position: relative;
  z-index: 1;
}

/* Forum/room feed clarity */
.i_post,
.i_post_body,
.i_post_text,
.i_message_wrpper,
.comment_text,
.i_comment_body{
  color: var(--tswg-text-main) !important;
}

.i_post_text,
.i_comment_body,
.community_card_description,
.agency_card_description,
.marketplace-card .s_p_description,
.blog-card-body p{
  color: var(--tswg-text-soft) !important;
  line-height: 1.65 !important;
}

/* Member status / leaderboard feel */
.creator_badge,
.suggested-verified-badge,
.boosted-verified-badge,
.frame_badge,
.community_badge,
.tswg-trust-badges span{
  border-radius: 999px !important;
  font-weight: 850 !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.08);
}

/* Live/classroom/vault surfaces */
.live_pinned_product_slot,
.live_scheduled_wrapper,
.live_scheduled_side_card,
.live_pinned_product_card{
  color: var(--tswg-text-main) !important;
}

.live_pinned_product_name,
.live_pin_product_name,
.live_scheduled_side_card h3,
.live_scheduled_wrapper h3{
  color: var(--tswg-text-main) !important;
  font-weight: 850 !important;
}

.live_pinned_product_price,
.live_pin_product_price{
  color: var(--tswg-green) !important;
  font-weight: 900 !important;
}

/* Notifications should look premium, not noisy */
.tswg-notify .item,
.tswg-user-alerts .row,
.tswg-alerts-row,
.tswg-admin-notify .row,
.tswg-admin-session .row{
  background: rgba(255,255,255,.74) !important;
  border: 1px solid rgba(148,163,184,.26) !important;
  border-radius: 18px !important;
  color: var(--tswg-text-main) !important;
}

.tswg-notify .item.unread{
  background: linear-gradient(135deg, rgba(239,246,255,.9), rgba(255,255,255,.82)) !important;
  border-color: rgba(37,99,235,.30) !important;
}

/* Clear mobile readability */
@media (max-width: 768px){
  .marketplace-grid{
    gap: 16px !important;
  }

  .marketplace-card{
    min-height: auto !important;
    border-radius: 22px !important;
  }

  .marketplace-card .product_image,
  .marketplace-card .product_image img{
    min-height: 190px !important;
    height: 190px !important;
  }

  .community_card_body,
  .agency_card_body,
  .marketplace-card .s_p_details{
    padding: 16px !important;
  }
}

/* Dark mode support without losing visibility */
body.dark .marketplace-card,
body.dark .product-hero-card,
body.dark .product-left-card,
body.dark .product_p_description.card-block,
body.dark .marketplace-empty-card,
body.dark .community_card,
body.dark .community_highlight_card,
body.dark .agency_card,
body.dark .activity_card,
body.dark .i_p_cards,
body.dark .profile_wrapper .profile_meta_card,
body.dark .live_scheduled_side_card,
body.dark .live_pinned_product_card,
body.dark .live_pin_product_item,
body.dark .campaign_card,
body.dark .blog-card,
body.dark .readmore-card,
body.dark .tswg-notify .card,
body.dark .tswg-user-alerts .card,
body.dark .tswg-session-sec .card,
body.dark .tswg-idtrust .card,
body.dark .tswg-idadmin .card,
body.dark .tswg-admin-notify .card,
body.dark .tswg-alerts-card,
body.dark .tswg-abuse-card,
body.dark .tswg-admin-session .card{
  background: rgba(15,23,42,.74) !important;
  border-color: rgba(148,163,184,.25) !important;
  color: #f8fafc !important;
}

body.dark .marketplace-card .s_p_title,
body.dark .marketplace-card .s_p_title a,
body.dark .community_card_title a,
body.dark .agency_card_title a,
body.dark .blog-card h3,
body.dark .blog-card h3 a,
body.dark .readmore-card h3,
body.dark .readmore-card h3 a,
body.dark .i_post,
body.dark .i_post_body,
body.dark .i_post_text,
body.dark .i_message_wrpper,
body.dark .comment_text,
body.dark .i_comment_body{
  color: #f8fafc !important;
}

body.dark .marketplace-card .s_p_details,
body.dark .community_card_body,
body.dark .agency_card_body,
body.dark .i_post_text,
body.dark .i_comment_body,
body.dark .community_card_description,
body.dark .agency_card_description,
body.dark .marketplace-card .s_p_description,
body.dark .blog-card-body p{
  color: #dbeafe !important;
}

/* TSWG_MARKETPLACE_CARD_STABILITY_CLARITY */
.tswg-marketplace-engine,
.ishopping_wrapper_in.marketplace-grid,
#moreType.marketplace-grid{
  scroll-behavior: auto !important;
}

.ishopping_wrapper_in.marketplace-grid{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  align-items: stretch !important;
  gap: 24px !important;
}

.ishopping_wrapper_in.marketplace-grid .s_p_product_wrapper,
.ishopping_wrapper_in.marketplace-grid .s_p_product_container,
.ishopping_wrapper_in.marketplace-grid .marketplace-card{
  height: 100% !important;
  min-height: 465px !important;
  display: flex !important;
  flex-direction: column !important;
}

.ishopping_wrapper_in.marketplace-grid .marketplace-card > a,
.ishopping_wrapper_in.marketplace-grid .s_p_product_wrapper > a,
.ishopping_wrapper_in.marketplace-grid .s_p_product_container > a{
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  color: inherit !important;
  text-decoration: none !important;
}

.ishopping_wrapper_in.marketplace-grid .product_image{
  flex: 0 0 230px !important;
  min-height: 230px !important;
  max-height: 230px !important;
  overflow: hidden !important;
  border-radius: 22px 22px 0 0 !important;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.12), transparent 38%),
    linear-gradient(135deg, rgba(248,250,252,.95), rgba(239,246,255,.82)) !important;
}

.ishopping_wrapper_in.marketplace-grid .product_image img,
.ishopping_wrapper_in.marketplace-grid .product_image video{
  width: 100% !important;
  height: 230px !important;
  max-height: 230px !important;
  object-fit: cover !important;
  display: block !important;
}

.ishopping_wrapper_in.marketplace-grid .s_p_details{
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 18px !important;
  min-height: 220px !important;
}

.ishopping_wrapper_in.marketplace-grid .s_p_title{
  min-height: 52px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: -.02em !important;
}

.ishopping_wrapper_in.marketplace-grid .s_p_description,
.ishopping_wrapper_in.marketplace-grid .s_p_meta,
.ishopping_wrapper_in.marketplace-grid .s_p_product_type{
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.ishopping_wrapper_in.marketplace-grid .s_p_price,
.ishopping_wrapper_in.marketplace-grid .marketplace-price{
  margin-top: auto !important;
  color: #047857 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

.ishopping_wrapper_in.marketplace-grid .s_p_product_type,
.ishopping_wrapper_in.marketplace-grid .image_tag{
  width: fit-content !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.ishopping_wrapper_in.marketplace-grid .marketplace-card,
.ishopping_wrapper_in.marketplace-grid .marketplace-card *,
.ishopping_wrapper_in.marketplace-grid .s_p_product_wrapper,
.ishopping_wrapper_in.marketplace-grid .s_p_product_wrapper *{
  transition-property: color, background-color, border-color, box-shadow, opacity !important;
}

.ishopping_wrapper_in.marketplace-grid .marketplace-card:hover,
.ishopping_wrapper_in.marketplace-grid .s_p_product_wrapper:hover,
.ishopping_wrapper_in.marketplace-grid .s_p_product_container:hover{
  box-shadow: 0 24px 64px rgba(15,23,42,.12) !important;
  border-color: rgba(37,99,235,.24) !important;
}

/* clearer architecture above cards */
.tswg-marketplace-engine{
  background:
    radial-gradient(circle at 12% 18%, rgba(37,99,235,.14), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(245,158,11,.12), transparent 24%),
    rgba(255,255,255,.62) !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  border-radius: 30px !important;
  padding: 24px !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
}

.tswg-marketplace-side-note{
  color: #334155 !important;
  font-weight: 700 !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  border-radius: 18px !important;
  padding: 12px 16px !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.tswg-me-chip,
.tswg-me-btn{
  border-radius: 999px !important;
  font-weight: 850 !important;
}

#marketplaceSentinel{
  min-height: 1px !important;
  height: 1px !important;
}

/* mobile card stability */
@media (max-width: 768px){
  .ishopping_wrapper_in.marketplace-grid{
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .ishopping_wrapper_in.marketplace-grid .s_p_product_wrapper,
  .ishopping_wrapper_in.marketplace-grid .s_p_product_container,
  .ishopping_wrapper_in.marketplace-grid .marketplace-card{
    min-height: auto !important;
  }

  .ishopping_wrapper_in.marketplace-grid .product_image,
  .ishopping_wrapper_in.marketplace-grid .product_image img,
  .ishopping_wrapper_in.marketplace-grid .product_image video{
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }

  .ishopping_wrapper_in.marketplace-grid .s_p_title{
    min-height: auto !important;
    font-size: 17px !important;
  }
}

/* TSWG_STUDIO_CLASSROOM_VAULT_TOP_CARDS_CSS */
.tswg-studio-architecture{
  margin: 26px 0 28px !important;
  padding: 26px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(37,99,235,.14), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(245,158,11,.13), transparent 28%),
    rgba(255,255,255,.72) !important;
  box-shadow: 0 30px 80px rgba(15,23,42,.10) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
}

.tswg-studio-architecture-head{
  max-width: 860px;
  margin-bottom: 20px;
}

.tswg-studio-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.18);
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tswg-studio-architecture-head h2{
  margin: 0;
  color: #0f172a;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.04em;
  font-weight: 950;
}

.tswg-studio-architecture-head p{
  margin: 12px 0 0;
  color: #334155;
  font-size: 15px;
  line-height: 1.75;
  max-width: 760px;
  font-weight: 650;
}

.tswg-studio-architecture-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.tswg-studio-architecture-card{
  position: relative;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  min-height: 248px;
  padding: 22px;
  border-radius: 26px;
  text-decoration: none !important;
  color: #0f172a !important;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(148,163,184,.26);
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
  transition: box-shadow .22s ease, border-color .22s ease, background-color .22s ease !important;
}

.tswg-studio-architecture-card::before{
  content: "";
  position: absolute;
  inset: 0;
  opacity: .8;
  pointer-events: none;
}

.tswg-studio-architecture-card.studio::before{
  background: radial-gradient(circle at top right, rgba(37,99,235,.18), transparent 40%);
}

.tswg-studio-architecture-card.classroom::before{
  background: radial-gradient(circle at top right, rgba(245,158,11,.20), transparent 42%);
}

.tswg-studio-architecture-card.vault::before{
  background: radial-gradient(circle at top right, rgba(16,185,129,.18), transparent 42%);
}

.tswg-studio-architecture-card:hover{
  border-color: rgba(37,99,235,.30);
  box-shadow: 0 26px 70px rgba(15,23,42,.13);
}

.tswg-studio-card-kicker,
.tswg-studio-architecture-card h3,
.tswg-studio-architecture-card p,
.tswg-studio-architecture-card span{
  position: relative;
  z-index: 1;
}

.tswg-studio-card-kicker{
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  color: #1d4ed8;
  background: rgba(239,246,255,.9);
  border: 1px solid rgba(37,99,235,.16);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tswg-studio-architecture-card h3{
  margin: 18px 0 8px;
  color: #0f172a;
  font-size: 23px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.035em;
}

.tswg-studio-architecture-card p{
  margin: 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 650;
}

.tswg-studio-architecture-card span{
  margin-top: auto;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  padding: 10px 13px;
  border-radius: 999px;
  background: #0f172a;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(15,23,42,.16);
}

body.dark .tswg-studio-architecture{
  background:
    radial-gradient(circle at 12% 12%, rgba(37,99,235,.20), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(245,158,11,.18), transparent 28%),
    rgba(15,23,42,.74) !important;
  border-color: rgba(148,163,184,.25) !important;
}

body.dark .tswg-studio-architecture-head h2,
body.dark .tswg-studio-architecture-card h3{
  color: #f8fafc !important;
}

body.dark .tswg-studio-architecture-head p,
body.dark .tswg-studio-architecture-card p{
  color: #dbeafe !important;
}

body.dark .tswg-studio-architecture-card{
  background: rgba(15,23,42,.76);
  border-color: rgba(148,163,184,.24);
  color: #f8fafc !important;
}

@media (max-width: 980px){
  .tswg-studio-architecture-grid{
    grid-template-columns: 1fr;
  }

  .tswg-studio-architecture{
    padding: 20px !important;
  }

  .tswg-studio-architecture-card{
    min-height: 220px;
  }
}

/* TSWG_ENGAGEMENT_FORUM_COMMUNITY_ROOMS_CSS */
.tswg-engagement-forum{
  margin: 0 0 30px !important;
  padding: 26px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  background:
    radial-gradient(circle at 10% 15%, rgba(16,185,129,.14), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(37,99,235,.12), transparent 28%),
    rgba(255,255,255,.72) !important;
  box-shadow: 0 30px 80px rgba(15,23,42,.10) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
}

.tswg-engagement-head{
  max-width: 860px;
  margin-bottom: 20px;
}

.tswg-engagement-eyebrow{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 8px;
  margin-bottom: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(16,185,129,.12);
  border: 1px solid rgba(16,185,129,.22);
  color: #047857;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tswg-engagement-head h2{
  margin: 0;
  color: #0f172a;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.04em;
  font-weight: 950;
}

.tswg-engagement-head p{
  margin: 12px 0 0;
  color: #334155;
  font-size: 15px;
  line-height: 1.75;
  max-width: 780px;
  font-weight: 650;
}

.tswg-engagement-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.tswg-engagement-card{
  position: relative;
  overflow: hidden;
  min-height: 286px;
  padding: 22px;
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(148,163,184,.26);
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
}

.tswg-engagement-card::before{
  content: "";
  position: absolute;
  inset: 0;
  opacity: .82;
  pointer-events: none;
}

.tswg-engagement-card.leader::before{
  background: radial-gradient(circle at top right, rgba(37,99,235,.16), transparent 42%);
}

.tswg-engagement-card.members::before{
  background: radial-gradient(circle at top right, rgba(16,185,129,.16), transparent 42%);
}

.tswg-engagement-card.pinned::before{
  background: radial-gradient(circle at top right, rgba(245,158,11,.20), transparent 42%);
}

.tswg-engagement-card-kicker,
.tswg-engagement-card h3,
.tswg-engagement-card p,
.tswg-engagement-card ul{
  position: relative;
  z-index: 1;
}

.tswg-engagement-card-kicker{
  display: inline-flex;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  color: #1d4ed8;
  background: rgba(239,246,255,.9);
  border: 1px solid rgba(37,99,235,.16);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tswg-engagement-card h3{
  margin: 18px 0 8px;
  color: #0f172a;
  font-size: 23px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.035em;
}

.tswg-engagement-card p{
  margin: 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 650;
}

.tswg-engagement-card ul{
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.tswg-engagement-card li{
  color: #334155;
  font-size: 13px;
  font-weight: 750;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(248,250,252,.76);
  border: 1px solid rgba(148,163,184,.20);
}

.tswg-contribution-loop{
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 18px;
  margin-top: 18px;
  padding: 22px;
  border-radius: 26px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(148,163,184,.24);
  box-shadow: 0 18px 48px rgba(15,23,42,.07);
}

.tswg-contribution-copy h3{
  margin: 0;
  color: #0f172a;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.1;
  letter-spacing: -.035em;
  font-weight: 950;
}

.tswg-contribution-copy p{
  margin: 12px 0 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 650;
}

.tswg-contribution-steps{
  display: grid;
  gap: 10px;
}

.tswg-contribution-steps div{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border-radius: 16px;
  background: rgba(248,250,252,.82);
  border: 1px solid rgba(148,163,184,.22);
}

.tswg-contribution-steps strong{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

.tswg-contribution-steps span{
  color: #334155;
  font-size: 14px;
  font-weight: 850;
}

.tswg-engagement-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.tswg-engagement-actions a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 900;
  color: #fff !important;
  background: #0f172a;
  box-shadow: 0 12px 28px rgba(15,23,42,.14);
}

.tswg-engagement-actions a:nth-child(2){
  background: #1d4ed8;
}

.tswg-engagement-actions a:nth-child(3){
  background: #047857;
}

body.dark .tswg-engagement-forum{
  background:
    radial-gradient(circle at 10% 15%, rgba(16,185,129,.20), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(37,99,235,.18), transparent 28%),
    rgba(15,23,42,.76) !important;
  border-color: rgba(148,163,184,.25) !important;
}

body.dark .tswg-engagement-head h2,
body.dark .tswg-engagement-card h3,
body.dark .tswg-contribution-copy h3{
  color: #f8fafc !important;
}

body.dark .tswg-engagement-head p,
body.dark .tswg-engagement-card p,
body.dark .tswg-contribution-copy p{
  color: #dbeafe !important;
}

body.dark .tswg-engagement-card,
body.dark .tswg-contribution-loop{
  background: rgba(15,23,42,.72);
  border-color: rgba(148,163,184,.24);
}

body.dark .tswg-engagement-card li,
body.dark .tswg-contribution-steps div{
  background: rgba(30,41,59,.72);
  border-color: rgba(148,163,184,.20);
  color: #e2e8f0;
}

body.dark .tswg-contribution-steps span{
  color: #e2e8f0;
}

@media (max-width: 980px){
  .tswg-engagement-grid,
  .tswg-contribution-loop{
    grid-template-columns: 1fr;
  }

  .tswg-engagement-forum{
    padding: 20px !important;
  }

  .tswg-engagement-card{
    min-height: auto;
  }
}

/* TSWG_WHITE_CANVAS_REMOVE_GOLD_ORANGE_DECOR_CSS
   CSS-only fix.
   Does not edit index.php.
   Does not edit requests/request.php.
*/

html,
body{
  background:#ffffff !important;
  background-image:none !important;
}

.i_body,
.i_general,
.i_page,
.i_content,
.main_wrapper,
.page_wrapper,
.wrapper{
  background-color:#ffffff !important;
  background-image:none !important;
}

/* Header global floating money/gold atmosphere */
.tswg-atmosphere,
.tswg-atmosphere .money,
.tswg-atmosphere .mGOLD,
.tswg-atmosphere .euro,
.money.mGOLD{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Footer floating money/gold decorations */
.drift-note,
.drift-note.gold-euro,
.drift-note.note-1M{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Footer canvas should stay white, not gold/orange */
.tswg-footer-shell,
.tswg-mask-header,
.tswg-footer-showcase-card{
  background:#ffffff !important;
  background-image:none !important;
}

.tswg-footer-showcase-card::before{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
}

/* Replace gold active dot with neutral dark color */
.tswg-footer-showcase-dot.active{
  background:#0f172a !important;
  box-shadow:none !important;
}

/* Prevent gold/orange atmospheric glow filters from showing */
.note-1M,
.gold-euro{
  filter:none !important;
}

/* TSWG_SHORTS_REALS_CLASSROOM_CTA_CSS */
.tswg-shorts-classroom{
  margin: 0 0 30px !important;
  padding: 26px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(37,99,235,.14), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(236,72,153,.13), transparent 28%),
    rgba(255,255,255,.72) !important;
  box-shadow: 0 30px 80px rgba(15,23,42,.10) !important;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr);
  gap: 22px;
  align-items: center;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
}

.tswg-shorts-eyebrow{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 8px;
  margin-bottom: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(236,72,153,.12);
  border: 1px solid rgba(236,72,153,.22);
  color: #be185d;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tswg-shorts-copy h2{
  margin: 0;
  color: #0f172a;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.04em;
  font-weight: 950;
}

.tswg-shorts-copy p{
  margin: 12px 0 0;
  color: #334155;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 650;
  max-width: 720px;
}

.tswg-shorts-actions{
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tswg-shorts-actions a{
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  color: #fff !important;
  text-decoration: none !important;
  background: #0f172a;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(15,23,42,.14);
}

.tswg-shorts-actions a:nth-child(2){
  background: #1d4ed8;
}

.tswg-shorts-actions a:nth-child(3){
  background: #047857;
}

.tswg-shorts-flow{
  display: grid;
  grid-template-columns: minmax(250px, 340px) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.tswg-shorts-phone{
  position: relative;
  overflow: hidden;
  min-height: 540px;
  border-radius: 34px;
  padding: 18px;
  background:
    linear-gradient(160deg, rgba(15,23,42,.92), rgba(30,41,59,.86)),
    radial-gradient(circle at top, rgba(236,72,153,.35), transparent 38%);
  color: #fff;
  box-shadow: 0 30px 80px rgba(15,23,42,.24);
  border: 1px solid rgba(255,255,255,.18);
}

.tswg-shorts-phone::before{
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.10);
  pointer-events: none;
}

.tswg-shorts-phone-top{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #dbeafe;
  font-size: 12px;
  font-weight: 850;
}

.tswg-shorts-video-card{
  position: relative;
  z-index: 1;
  margin-top: 56px;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 26px;
  padding: 18px;
  background:
    radial-gradient(circle at top right, rgba(236,72,153,.42), transparent 36%),
    radial-gradient(circle at bottom left, rgba(37,99,235,.42), transparent 36%),
    rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
}

.tswg-shorts-video-badge{
  width: fit-content;
  margin-bottom: auto;
  padding: 6px 10px;
  border-radius: 999px;
  color: #fff;
  background: rgba(16,185,129,.24);
  border: 1px solid rgba(110,231,183,.28);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.tswg-shorts-video-card h3{
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -.035em;
  font-weight: 950;
}

.tswg-shorts-video-card p{
  margin: 10px 0 0;
  color: #dbeafe;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 650;
}

.tswg-shorts-meta-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.tswg-shorts-meta-grid span{
  padding: 8px 9px;
  border-radius: 12px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  color: #e0f2fe;
  font-size: 11px;
  font-weight: 850;
}

.tswg-shorts-primary-cta{
  position: relative;
  z-index: 1;
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.tswg-shorts-path{
  display: grid;
  gap: 12px;
}

.tswg-shorts-path-item{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px;
  border-radius: 22px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(148,163,184,.24);
  box-shadow: 0 16px 42px rgba(15,23,42,.07);
}

.tswg-shorts-path-item strong{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

.tswg-shorts-path-item h4{
  margin: 0;
  color: #0f172a;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: -.02em;
}

.tswg-shorts-path-item p{
  margin: 6px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 650;
}

body.dark .tswg-shorts-classroom{
  background:
    radial-gradient(circle at 10% 10%, rgba(37,99,235,.20), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(236,72,153,.18), transparent 28%),
    rgba(15,23,42,.76) !important;
  border-color: rgba(148,163,184,.25) !important;
}

body.dark .tswg-shorts-copy h2,
body.dark .tswg-shorts-path-item h4{
  color: #f8fafc !important;
}

body.dark .tswg-shorts-copy p,
body.dark .tswg-shorts-path-item p{
  color: #dbeafe !important;
}

body.dark .tswg-shorts-path-item{
  background: rgba(15,23,42,.72);
  border-color: rgba(148,163,184,.24);
}

@media (max-width: 1100px){
  .tswg-shorts-classroom,
  .tswg-shorts-flow{
    grid-template-columns: 1fr;
  }

  .tswg-shorts-phone{
    min-height: 500px;
    max-width: 380px;
    width: 100%;
  }
}

@media (max-width: 640px){
  .tswg-shorts-classroom{
    padding: 20px !important;
  }

  .tswg-shorts-phone{
    min-height: 470px;
  }

  .tswg-shorts-meta-grid{
    grid-template-columns: 1fr;
  }
}

/* TSWG_WHITE_CANVAS_LARGE_ORANGE_GUARD_CSS */
.tswg-whitewashed-bg,
.tswg-whitewashed-bg::before,
.tswg-whitewashed-bg::after{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:none !important;
}

.tswg-whitewashed-bg::before,
.tswg-whitewashed-bg::after{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

html.tswg-white-canvas-guard-active,
html.tswg-white-canvas-guard-active body{
  background:#ffffff !important;
  background-image:none !important;
}

/* TSWG_LEADERBOARD_PROGRESS_MOMENTUM_CSS */
.tswg-momentum-layer{
  margin: 0 0 30px !important;
  padding: 26px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(245,158,11,.14), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(16,185,129,.13), transparent 28%),
    rgba(255,255,255,.72) !important;
  box-shadow: 0 30px 80px rgba(15,23,42,.10) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
}

.tswg-momentum-head{
  max-width: 880px;
  margin-bottom: 20px;
}

.tswg-momentum-eyebrow{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 8px;
  margin-bottom: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(245,158,11,.14);
  border: 1px solid rgba(245,158,11,.24);
  color: #b45309;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tswg-momentum-head h2{
  margin: 0;
  color: #0f172a;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.04em;
  font-weight: 950;
}

.tswg-momentum-head p{
  margin: 12px 0 0;
  color: #334155;
  font-size: 15px;
  line-height: 1.75;
  max-width: 790px;
  font-weight: 650;
}

.tswg-momentum-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.tswg-momentum-card{
  position: relative;
  overflow: hidden;
  min-height: 330px;
  padding: 22px;
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(148,163,184,.26);
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
}

.tswg-momentum-card::before{
  content: "";
  position: absolute;
  inset: 0;
  opacity: .82;
  pointer-events: none;
}

.tswg-momentum-card.leaderboard::before{
  background: radial-gradient(circle at top right, rgba(245,158,11,.20), transparent 42%);
}

.tswg-momentum-card.progress::before{
  background: radial-gradient(circle at top right, rgba(37,99,235,.16), transparent 42%);
}

.tswg-momentum-card.signals::before{
  background: radial-gradient(circle at top right, rgba(16,185,129,.16), transparent 42%);
}

.tswg-momentum-card-top,
.tswg-momentum-card h3,
.tswg-momentum-card p,
.tswg-rank-list,
.tswg-progress-stack,
.tswg-signal-list{
  position: relative;
  z-index: 1;
}

.tswg-momentum-card-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.tswg-momentum-card-top span,
.tswg-momentum-card-top strong{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tswg-momentum-card-top span{
  color: #1d4ed8;
  background: rgba(239,246,255,.9);
  border: 1px solid rgba(37,99,235,.16);
}

.tswg-momentum-card-top strong{
  color: #047857;
  background: rgba(236,253,245,.9);
  border: 1px solid rgba(16,185,129,.18);
}

.tswg-momentum-card h3{
  margin: 18px 0 8px;
  color: #0f172a;
  font-size: 23px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.035em;
}

.tswg-momentum-card p{
  margin: 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 650;
}

.tswg-rank-list,
.tswg-signal-list{
  display: grid;
  gap: 9px;
  margin-top: 18px;
}

.tswg-rank-list div{
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 14px;
  background: rgba(248,250,252,.80);
  border: 1px solid rgba(148,163,184,.22);
}

.tswg-rank-list strong{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: 12px;
  font-weight: 950;
}

.tswg-rank-list span{
  color: #334155;
  font-size: 13px;
  font-weight: 850;
}

.tswg-rank-list em{
  color: #047857;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

.tswg-progress-stack{
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.tswg-progress-stack > div:not(.tswg-progress-bar){
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #334155;
  font-size: 13px;
  font-weight: 850;
}

.tswg-progress-stack strong{
  color: #0f172a;
  font-weight: 950;
}

.tswg-progress-bar{
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148,163,184,.20);
  border: 1px solid rgba(148,163,184,.20);
}

.tswg-progress-bar i{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #10b981);
}

.tswg-signal-list span{
  display: inline-flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  color: #334155;
  background: rgba(248,250,252,.82);
  border: 1px solid rgba(148,163,184,.22);
  font-size: 13px;
  font-weight: 850;
}

.tswg-momentum-status-row{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.tswg-momentum-status-row div{
  padding: 15px;
  border-radius: 18px;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(148,163,184,.24);
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}

.tswg-momentum-status-row strong{
  display: block;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  margin-bottom: 6px;
}

.tswg-momentum-status-row span{
  display: block;
  color: #475569;
  font-size: 12px;
  line-height: 1.55;
  font-weight: 650;
}

body.dark .tswg-momentum-layer{
  background:
    radial-gradient(circle at 12% 12%, rgba(245,158,11,.18), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(16,185,129,.18), transparent 28%),
    rgba(15,23,42,.76) !important;
  border-color: rgba(148,163,184,.25) !important;
}

body.dark .tswg-momentum-head h2,
body.dark .tswg-momentum-card h3,
body.dark .tswg-progress-stack strong,
body.dark .tswg-momentum-status-row strong{
  color: #f8fafc !important;
}

body.dark .tswg-momentum-head p,
body.dark .tswg-momentum-card p,
body.dark .tswg-rank-list span,
body.dark .tswg-progress-stack > div:not(.tswg-progress-bar),
body.dark .tswg-signal-list span,
body.dark .tswg-momentum-status-row span{
  color: #dbeafe !important;
}

body.dark .tswg-momentum-card,
body.dark .tswg-momentum-status-row div{
  background: rgba(15,23,42,.72);
  border-color: rgba(148,163,184,.24);
}

body.dark .tswg-rank-list div,
body.dark .tswg-signal-list span{
  background: rgba(30,41,59,.72);
  border-color: rgba(148,163,184,.20);
}

@media (max-width: 1100px){
  .tswg-momentum-grid,
  .tswg-momentum-status-row{
    grid-template-columns: 1fr;
  }

  .tswg-momentum-layer{
    padding: 20px !important;
  }

  .tswg-momentum-card{
    min-height: auto;
  }
}

/* TSWG_STRONGER_WHITE_CANVAS_SVG_WAVE_GUARD_CSS */
html.tswg-white-canvas-guard-active,
html.tswg-white-canvas-guard-active body{
  background:#ffffff !important;
  background-image:none !important;
}

.tswg-whitewashed-bg{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}

.tswg-whitewashed-bg::before,
.tswg-whitewashed-bg::after,
.tswg-whitewashed-pseudo::before,
.tswg-whitewashed-pseudo::after{
  content:"" !important;
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

.tswg-whitewashed-svg{
  background:#ffffff !important;
  background-color:#ffffff !important;
}

.tswg-whitewashed-svg .tswg-whitewashed-svg-shape{
  fill:#ffffff !important;
  stroke:#ffffff !important;
}

/* Extra fallback for large decorative wave/blob names */
[class*="wave"].tswg-whitewashed-bg,
[class*="blob"].tswg-whitewashed-bg,
[class*="shape"].tswg-whitewashed-bg,
[class*="orange"].tswg-whitewashed-bg,
[class*="gold"].tswg-whitewashed-bg,
[class*="amber"].tswg-whitewashed-bg{
  background:#ffffff !important;
  background-image:none !important;
}

/* TSWG_PERSISTENT_ABOUT_US_WHITE_CANVAS_GUARD_CSS */
html.tswg-white-canvas-guard-active,
html.tswg-white-canvas-guard-active body{
  background:#ffffff !important;
  background-image:none !important;
}

body.tswg-about-white-page .tswg-about-white-scope,
body.tswg-about-white-page .tswg-about-white-scope::before,
body.tswg-about-white-page .tswg-about-white-scope::after,
body.tswg-about-white-page .tswg-whitewashed-bg,
body.tswg-about-white-page .tswg-whitewashed-bg::before,
body.tswg-about-white-page .tswg-whitewashed-bg::after,
body.tswg-about-white-page .tswg-whitewashed-pseudo::before,
body.tswg-about-white-page .tswg-whitewashed-pseudo::after{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}

body.tswg-about-white-page .tswg-about-white-scope [class*="wave"],
body.tswg-about-white-page .tswg-about-white-scope [class*="blob"],
body.tswg-about-white-page .tswg-about-white-scope [class*="shape"],
body.tswg-about-white-page .tswg-about-white-scope [class*="orange"],
body.tswg-about-white-page .tswg-about-white-scope [class*="gold"],
body.tswg-about-white-page .tswg-about-white-scope [class*="amber"]{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}

body.tswg-about-white-page .tswg-whitewashed-svg,
body.tswg-about-white-page .tswg-whitewashed-svg *{
  background:#ffffff !important;
  background-color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}

/* TSWG_ALL_CMS_PAGES_WHITE_CANVAS_GUARD_CSS */
html.tswg-white-canvas-guard-active,
html.tswg-white-canvas-guard-active body{
  background:#ffffff !important;
  background-image:none !important;
}

body.tswg-cms-white-page .tswg-cms-white-scope,
body.tswg-cms-white-page .tswg-cms-white-scope::before,
body.tswg-cms-white-page .tswg-cms-white-scope::after,
body.tswg-cms-white-page .tswg-whitewashed-bg,
body.tswg-cms-white-page .tswg-whitewashed-bg::before,
body.tswg-cms-white-page .tswg-whitewashed-bg::after,
body.tswg-cms-white-page .tswg-whitewashed-pseudo::before,
body.tswg-cms-white-page .tswg-whitewashed-pseudo::after{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}

body.tswg-cms-white-page .tswg-cms-white-scope [class*="wave"],
body.tswg-cms-white-page .tswg-cms-white-scope [class*="blob"],
body.tswg-cms-white-page .tswg-cms-white-scope [class*="shape"],
body.tswg-cms-white-page .tswg-cms-white-scope [class*="orange"],
body.tswg-cms-white-page .tswg-cms-white-scope [class*="gold"],
body.tswg-cms-white-page .tswg-cms-white-scope [class*="amber"]{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}

body.tswg-cms-white-page .tswg-whitewashed-svg,
body.tswg-cms-white-page .tswg-whitewashed-svg *{
  background:#ffffff !important;
  background-color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}

/* TSWG_STUDIO_COLOR_RESTORE_START */
/* Restore normal site icon behavior, and keep premium colors scoped to studio surfaces only. */

:root{
  --tswg-studio-ink:#0f172a;
  --tswg-studio-ink-soft:#334155;
  --tswg-studio-muted:#64748b;

  --tswg-studio-blue:#2563eb;
  --tswg-studio-indigo:#4f46e5;
  --tswg-studio-sky:#0ea5e9;
  --tswg-studio-emerald:#10b981;
  --tswg-studio-amber:#f59e0b;
  --tswg-studio-rose:#f43f5e;

  --tswg-studio-cream:#fffaf2;
  --tswg-studio-panel:#ffffff;
  --tswg-studio-line:#e5e7eb;
  --tswg-studio-shadow:0 18px 40px rgba(15,23,42,.08);
}

/* ---------------------------------------------------------
   1) Restore original icon inheritance for normal UI areas
   --------------------------------------------------------- */
.i_top_right_menu_box i,
.i_top_right_menu_box svg,
.i_top_right_menu_box .fa,
.i_top_right_menu_box .fas,
.i_top_right_menu_box .far,
.i_top_right_menu_box .fab,

.i_right_header_btn i,
.i_right_header_btn svg,
.i_right_header_btn .fa,
.i_right_header_btn .fas,
.i_right_header_btn .far,
.i_right_header_btn .fab,

.i_header_btn_item i,
.i_header_btn_item svg,
.i_header_user_menu i,
.i_header_user_menu svg,
.i_header_menu_item i,
.i_header_menu_item svg,
.i_header_icon i,
.i_header_icon svg,

.i_menu_item i,
.i_menu_item svg,
.i_menu_box i,
.i_menu_box svg,
.i_side_menu i,
.i_side_menu svg,
.i_sp_menu_box i,
.i_sp_menu_box svg,

.leftSidebar i,
.leftSidebar svg,
.rightSidebar i,
.rightSidebar svg,
.admin_left_menu i,
.admin_left_menu svg,
.admin_left_sidebar i,
.admin_left_sidebar svg,
.admin_right_content i,
.admin_right_content svg,

.i_notification_box i,
.i_notification_box svg,
.i_message_box i,
.i_message_box svg,
.i_dropdown_menu i,
.i_dropdown_menu svg,
.i_dropdown_item i,
.i_dropdown_item svg,

.i_header_fixed i,
.i_header_fixed svg,
header i,
header svg,
nav i,
nav svg{
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  mix-blend-mode: normal !important;
}

/* Prevent “blank square / transparent icon” effect on common header action boxes */
.i_top_right_menu_box,
.i_right_header_btn,
.i_header_btn_item,
.i_dropdown_item{
  color: #344054;
}

.i_top_right_menu_box:hover,
.i_right_header_btn:hover,
.i_header_btn_item:hover,
.i_dropdown_item:hover{
  color: #0f172a;
}

/* ---------------------------------------------------------
   2) Premium studio palette — only for studio architecture
   --------------------------------------------------------- */
.tswg-studio-system,
.tswg-studio-architecture,
.tswg-studio-architecture-wrap,
.tswg-elegant-studio-ui{
  color: var(--tswg-studio-ink);
}

/* common section shells */
.tswg-studio-shell,
.tswg-studio-architecture-card,
.tswg-studio-architecture-panel,
.tswg-engagement-card,
.tswg-shorts-card,
.tswg-momentum-card,
.tswg-forum-card,
.tswg-classroom-card,
.tswg-vault-card{
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(226,232,240,.95);
  box-shadow: var(--tswg-studio-shadow);
  border-radius: 24px;
  color: var(--tswg-studio-ink);
  backdrop-filter: blur(10px);
}

/* section-specific blends */
.tswg-studio-card,
.tswg-studio-architecture-card.studio,
.tswg-studio-architecture-card.is-studio{
  background: linear-gradient(180deg, rgba(239,246,255,.92) 0%, rgba(255,255,255,.96) 100%);
  border-color: rgba(147,197,253,.65);
}

.tswg-classroom-card,
.tswg-studio-architecture-card.classroom,
.tswg-studio-architecture-card.is-classroom{
  background: linear-gradient(180deg, rgba(238,242,255,.94) 0%, rgba(255,255,255,.96) 100%);
  border-color: rgba(165,180,252,.65);
}

.tswg-vault-card,
.tswg-studio-architecture-card.vault,
.tswg-studio-architecture-card.is-vault{
  background: linear-gradient(180deg, rgba(255,251,235,.94) 0%, rgba(255,255,255,.96) 100%);
  border-color: rgba(252,211,77,.60);
}

.tswg-engagement-card,
.tswg-forum-card{
  background: linear-gradient(180deg, rgba(236,253,245,.94) 0%, rgba(255,255,255,.96) 100%);
  border-color: rgba(110,231,183,.60);
}

.tswg-shorts-card,
.tswg-shorts-engine,
.tswg-reals-card{
  background: linear-gradient(180deg, rgba(255,241,242,.94) 0%, rgba(255,255,255,.96) 100%);
  border-color: rgba(253,164,175,.60);
}

.tswg-momentum-card,
.tswg-leaderboard-card{
  background: linear-gradient(180deg, rgba(245,243,255,.94) 0%, rgba(255,255,255,.96) 100%);
  border-color: rgba(196,181,253,.60);
}

/* eyebrow / labels */
.tswg-studio-eyebrow,
.tswg-engagement-eyebrow,
.tswg-shorts-eyebrow,
.tswg-momentum-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  font-weight:800;
  letter-spacing:.01em;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(226,232,240,.95);
  color: var(--tswg-studio-ink-soft);
}

.tswg-studio-eyebrow{ box-shadow: inset 0 0 0 1px rgba(37,99,235,.10); }
.tswg-engagement-eyebrow{ box-shadow: inset 0 0 0 1px rgba(16,185,129,.10); }
.tswg-shorts-eyebrow{ box-shadow: inset 0 0 0 1px rgba(244,63,94,.10); }
.tswg-momentum-eyebrow{ box-shadow: inset 0 0 0 1px rgba(79,70,229,.10); }

/* titles / text */
.tswg-studio-shell h1,
.tswg-studio-shell h2,
.tswg-studio-shell h3,
.tswg-studio-shell h4,
.tswg-studio-architecture-card h1,
.tswg-studio-architecture-card h2,
.tswg-studio-architecture-card h3,
.tswg-studio-architecture-card h4,
.tswg-engagement-card h1,
.tswg-engagement-card h2,
.tswg-engagement-card h3,
.tswg-shorts-card h1,
.tswg-shorts-card h2,
.tswg-shorts-card h3,
.tswg-momentum-card h1,
.tswg-momentum-card h2,
.tswg-momentum-card h3{
  color: var(--tswg-studio-ink);
}

.tswg-studio-shell p,
.tswg-studio-shell li,
.tswg-studio-architecture-card p,
.tswg-studio-architecture-card li,
.tswg-engagement-card p,
.tswg-engagement-card li,
.tswg-shorts-card p,
.tswg-shorts-card li,
.tswg-momentum-card p,
.tswg-momentum-card li{
  color: #475569;
}

/* chips / meta / badges */
.tswg-me-chip,
.tswg-studio-chip,
.tswg-chip{
  background: rgba(255,255,255,.84);
  color: var(--tswg-studio-ink-soft);
  border: 1px solid rgba(226,232,240,.95);
  border-radius: 999px;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
}

.tswg-chip.is-blue{ color:#1d4ed8; border-color:rgba(147,197,253,.8); background:rgba(239,246,255,.95); }
.tswg-chip.is-green{ color:#047857; border-color:rgba(167,243,208,.8); background:rgba(236,253,245,.95); }
.tswg-chip.is-rose{ color:#be123c; border-color:rgba(253,164,175,.8); background:rgba(255,241,242,.95); }
.tswg-chip.is-amber{ color:#b45309; border-color:rgba(252,211,77,.8); background:rgba(255,251,235,.95); }
.tswg-chip.is-indigo{ color:#4338ca; border-color:rgba(196,181,253,.8); background:rgba(245,243,255,.95); }

/* CTA buttons */
.tswg-studio-btn,
.tswg-studio-architecture-card .tswg-action,
.tswg-studio-architecture-card .btn,
.tswg-engagement-card .btn,
.tswg-shorts-card .btn,
.tswg-momentum-card .btn{
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #ffffff !important;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 14px 30px rgba(15,23,42,.16);
}

.tswg-studio-btn:hover,
.tswg-studio-architecture-card .tswg-action:hover,
.tswg-studio-architecture-card .btn:hover,
.tswg-engagement-card .btn:hover,
.tswg-shorts-card .btn:hover,
.tswg-momentum-card .btn:hover{
  background: linear-gradient(135deg, #111827 0%, #0f172a 100%);
  color: #ffffff !important;
}

/* small accent strips when needed */
.tswg-studio-accent--blue{ background: linear-gradient(90deg,#60a5fa,#2563eb); }
.tswg-studio-accent--green{ background: linear-gradient(90deg,#34d399,#10b981); }
.tswg-studio-accent--rose{ background: linear-gradient(90deg,#fb7185,#f43f5e); }
.tswg-studio-accent--amber{ background: linear-gradient(90deg,#fbbf24,#f59e0b); }
.tswg-studio-accent--indigo{ background: linear-gradient(90deg,#818cf8,#4f46e5); }

/* ---------------------------------------------------------
   3) Hard safety: never let studio CSS turn all icons blank
   --------------------------------------------------------- */
body i[style*="transparent"],
body svg[style*="transparent"]{
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
/* TSWG_STUDIO_COLOR_RESTORE_END */

/* TSWG_STUDIO_PREMIUM_PALETTE_START */
/* Premium, clean, section-scoped palette for the Studio Architecture system. */

:root{
  --tswg-ui-bg: #f6f8fc;
  --tswg-ui-surface: rgba(255,255,255,.88);
  --tswg-ui-surface-strong: #ffffff;
  --tswg-ui-border: #e7ecf4;
  --tswg-ui-shadow: 0 16px 40px rgba(31, 41, 55, .08);

  --tswg-text-strong: #132238;
  --tswg-text-body: #4f627a;
  --tswg-text-soft: #7b8ba2;

  --tswg-blue-50: #eef6ff;
  --tswg-blue-100: #dbeafe;
  --tswg-blue-500: #2563eb;
  --tswg-blue-700: #1d4ed8;

  --tswg-indigo-50: #eef2ff;
  --tswg-indigo-100: #e0e7ff;
  --tswg-indigo-500: #4f46e5;
  --tswg-indigo-700: #4338ca;

  --tswg-emerald-50: #ecfdf5;
  --tswg-emerald-100: #d1fae5;
  --tswg-emerald-500: #10b981;
  --tswg-emerald-700: #047857;

  --tswg-amber-50: #fff8e8;
  --tswg-amber-100: #fef3c7;
  --tswg-amber-500: #f59e0b;
  --tswg-amber-700: #b45309;

  --tswg-rose-50: #fff1f4;
  --tswg-rose-100: #ffe4ea;
  --tswg-rose-500: #f43f5e;
  --tswg-rose-700: #be123c;

  --tswg-violet-50: #f5f3ff;
  --tswg-violet-100: #ede9fe;
  --tswg-violet-500: #8b5cf6;
  --tswg-violet-700: #6d28d9;

  --tswg-premium-navy-1: #10203a;
  --tswg-premium-navy-2: #182b4a;
}

/* --------------------------------------------------
   Base studio canvas
-------------------------------------------------- */
.tswg-elegant-studio-ui,
.tswg-studio-system,
.tswg-studio-architecture,
.tswg-studio-architecture-wrap{
  color: var(--tswg-text-strong);
}

.tswg-elegant-studio-ui .tswg-studio-shell,
.tswg-elegant-studio-ui .tswg-studio-section,
.tswg-studio-architecture .tswg-studio-shell,
.tswg-studio-architecture-wrap .tswg-studio-shell{
  background:
    radial-gradient(circle at top right, rgba(219,234,254,.38) 0%, rgba(219,234,254,0) 28%),
    radial-gradient(circle at bottom left, rgba(224,231,255,.34) 0%, rgba(224,231,255,0) 30%),
    linear-gradient(180deg, #f8fbff 0%, #f6f8fc 100%);
  border-radius: 28px;
}

/* --------------------------------------------------
   Core cards / panels
-------------------------------------------------- */
.tswg-studio-architecture-card,
.tswg-studio-panel,
.tswg-engagement-card,
.tswg-shorts-card,
.tswg-momentum-card,
.tswg-classroom-card,
.tswg-vault-card,
.tswg-studio-card,
.tswg-forum-card,
.tswg-phone-card,
.tswg-mega-card{
  background: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(252,253,255,.92) 100%);
  border: 1px solid var(--tswg-ui-border);
  border-radius: 24px;
  box-shadow: var(--tswg-ui-shadow);
  color: var(--tswg-text-strong);
  backdrop-filter: blur(10px);
}

.tswg-studio-architecture-card h1,
.tswg-studio-architecture-card h2,
.tswg-studio-architecture-card h3,
.tswg-studio-architecture-card h4,
.tswg-engagement-card h1,
.tswg-engagement-card h2,
.tswg-engagement-card h3,
.tswg-shorts-card h1,
.tswg-shorts-card h2,
.tswg-shorts-card h3,
.tswg-momentum-card h1,
.tswg-momentum-card h2,
.tswg-momentum-card h3{
  color: var(--tswg-text-strong);
  letter-spacing: -.02em;
}

.tswg-studio-architecture-card p,
.tswg-studio-architecture-card li,
.tswg-engagement-card p,
.tswg-engagement-card li,
.tswg-shorts-card p,
.tswg-shorts-card li,
.tswg-momentum-card p,
.tswg-momentum-card li{
  color: var(--tswg-text-body);
}

/* --------------------------------------------------
   Section-specific soft color blends
-------------------------------------------------- */
.tswg-studio-architecture-card.studio,
.tswg-studio-card,
.tswg-studio-architecture-card.is-studio{
  background:
    linear-gradient(180deg, rgba(238,246,255,.96) 0%, rgba(255,255,255,.96) 100%);
  border-color: #cfe0ff;
}

.tswg-classroom-card,
.tswg-studio-architecture-card.classroom,
.tswg-studio-architecture-card.is-classroom{
  background:
    linear-gradient(180deg, rgba(240,242,255,.96) 0%, rgba(255,255,255,.96) 100%);
  border-color: #d7ddff;
}

.tswg-vault-card,
.tswg-studio-architecture-card.vault,
.tswg-studio-architecture-card.is-vault{
  background:
    linear-gradient(180deg, rgba(255,249,236,.98) 0%, rgba(255,255,255,.96) 100%);
  border-color: #f4dfac;
}

.tswg-engagement-card,
.tswg-forum-card,
.tswg-studio-architecture-card.engagement,
.tswg-studio-architecture-card.is-engagement{
  background:
    linear-gradient(180deg, rgba(239,253,247,.97) 0%, rgba(255,255,255,.96) 100%);
  border-color: #c9f0df;
}

.tswg-shorts-card,
.tswg-reals-card,
.tswg-shorts-engine,
.tswg-studio-architecture-card.shorts,
.tswg-studio-architecture-card.is-shorts{
  background:
    linear-gradient(180deg, rgba(255,242,246,.97) 0%, rgba(255,255,255,.96) 100%);
  border-color: #ffd2dd;
}

.tswg-momentum-card,
.tswg-leaderboard-card,
.tswg-studio-architecture-card.momentum,
.tswg-studio-architecture-card.is-momentum{
  background:
    linear-gradient(180deg, rgba(247,244,255,.98) 0%, rgba(255,255,255,.96) 100%);
  border-color: #dfd4ff;
}

/* --------------------------------------------------
   Eyebrows / badges / kicker pills
-------------------------------------------------- */
.tswg-studio-eyebrow,
.tswg-engagement-eyebrow,
.tswg-shorts-eyebrow,
.tswg-momentum-eyebrow,
.tswg-classroom-eyebrow,
.tswg-vault-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  border: 1px solid transparent;
  background: rgba(255,255,255,.86);
  box-shadow: 0 6px 18px rgba(31,41,55,.06);
}

.tswg-studio-eyebrow{ color: var(--tswg-blue-700); border-color: #cfe0ff; background: var(--tswg-blue-50); }
.tswg-classroom-eyebrow{ color: var(--tswg-indigo-700); border-color: #d7ddff; background: var(--tswg-indigo-50); }
.tswg-vault-eyebrow{ color: var(--tswg-amber-700); border-color: #f4dfac; background: var(--tswg-amber-50); }
.tswg-engagement-eyebrow{ color: var(--tswg-emerald-700); border-color: #c9f0df; background: var(--tswg-emerald-50); }
.tswg-shorts-eyebrow{ color: var(--tswg-rose-700); border-color: #ffd2dd; background: var(--tswg-rose-50); }
.tswg-momentum-eyebrow{ color: var(--tswg-violet-700); border-color: #dfd4ff; background: var(--tswg-violet-50); }

/* --------------------------------------------------
   Chips / tags / mini pills
-------------------------------------------------- */
.tswg-chip,
.tswg-me-chip,
.tswg-studio-chip,
.tswg-mini-tag{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  border: 1px solid var(--tswg-ui-border);
  color: var(--tswg-text-strong);
  box-shadow: 0 8px 18px rgba(31,41,55,.06);
}

.tswg-chip.is-blue{ background: var(--tswg-blue-50); border-color: #cfe0ff; color: var(--tswg-blue-700); }
.tswg-chip.is-indigo{ background: var(--tswg-indigo-50); border-color: #d7ddff; color: var(--tswg-indigo-700); }
.tswg-chip.is-emerald{ background: var(--tswg-emerald-50); border-color: #c9f0df; color: var(--tswg-emerald-700); }
.tswg-chip.is-amber{ background: var(--tswg-amber-50); border-color: #f4dfac; color: var(--tswg-amber-700); }
.tswg-chip.is-rose{ background: var(--tswg-rose-50); border-color: #ffd2dd; color: var(--tswg-rose-700); }
.tswg-chip.is-violet{ background: var(--tswg-violet-50); border-color: #dfd4ff; color: var(--tswg-violet-700); }

/* --------------------------------------------------
   CTA buttons
-------------------------------------------------- */
.tswg-studio-btn,
.tswg-studio-architecture-card .btn,
.tswg-studio-architecture-card .tswg-action,
.tswg-engagement-card .btn,
.tswg-shorts-card .btn,
.tswg-momentum-card .btn,
.tswg-classroom-card .btn,
.tswg-vault-card .btn{
  background: linear-gradient(135deg, var(--tswg-premium-navy-1) 0%, var(--tswg-premium-navy-2) 100%);
  color: #fff !important;
  border: 1px solid rgba(16,32,58,.08);
  box-shadow: 0 14px 28px rgba(16,32,58,.16);
}

.tswg-studio-btn:hover,
.tswg-studio-architecture-card .btn:hover,
.tswg-studio-architecture-card .tswg-action:hover,
.tswg-engagement-card .btn:hover,
.tswg-shorts-card .btn:hover,
.tswg-momentum-card .btn:hover,
.tswg-classroom-card .btn:hover,
.tswg-vault-card .btn:hover{
  background: linear-gradient(135deg, #162847 0%, #22355a 100%);
  color: #fff !important;
}

.tswg-studio-btn.secondary,
.tswg-studio-architecture-card .btn-outline,
.tswg-studio-architecture-card .tswg-secondary{
  background: rgba(255,255,255,.95);
  color: var(--tswg-text-strong) !important;
  border: 1px solid var(--tswg-ui-border);
  box-shadow: 0 8px 18px rgba(31,41,55,.06);
}

/* --------------------------------------------------
   Clean content columns / side info boxes
-------------------------------------------------- */
.tswg-side-note,
.tswg-side-proof,
.tswg-side-panel,
.tswg-right-rail-box{
  background: linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(248,250,253,.96) 100%);
  border: 1px solid var(--tswg-ui-border);
  border-radius: 22px;
  box-shadow: 0 12px 28px rgba(31,41,55,.06);
}

.tswg-side-note ul li,
.tswg-side-proof ul li,
.tswg-right-rail-box ul li{
  color: var(--tswg-text-body);
}

/* --------------------------------------------------
   Phone / shorts mockup surface
-------------------------------------------------- */
.tswg-phone-frame,
.tswg-phone-card,
.tswg-phone-ui{
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid #e7ecf4;
  border-radius: 28px;
  box-shadow: 0 20px 45px rgba(31,41,55,.10);
}

.tswg-phone-badge{
  background: var(--tswg-rose-50);
  color: var(--tswg-rose-700);
  border: 1px solid #ffd2dd;
  border-radius: 999px;
}

/* --------------------------------------------------
   Neat list blocks / metric strips
-------------------------------------------------- */
.tswg-metric-box,
.tswg-proof-strip,
.tswg-step-box,
.tswg-feature-box{
  background: rgba(255,255,255,.82);
  border: 1px solid var(--tswg-ui-border);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(31,41,55,.05);
}

/* --------------------------------------------------
   Keep texts crisp and visible
-------------------------------------------------- */
.tswg-elegant-studio-ui .muted,
.tswg-studio-architecture .muted,
.tswg-studio-architecture-wrap .muted{
  color: var(--tswg-text-soft) !important;
}

.tswg-elegant-studio-ui a,
.tswg-studio-architecture a,
.tswg-studio-architecture-wrap a{
  color: inherit;
}

/* --------------------------------------------------
   Make sure we do not globally blacken the entire site
-------------------------------------------------- */
body .tswg-elegant-studio-ui i,
body .tswg-studio-architecture i,
body .tswg-studio-architecture-wrap i,
body .tswg-elegant-studio-ui svg,
body .tswg-studio-architecture svg,
body .tswg-studio-architecture-wrap svg{
  color: inherit;
  fill: currentColor;
  stroke: currentColor;
}

/* --------------------------------------------------
   Optional subtle hover polish
-------------------------------------------------- */
.tswg-studio-architecture-card:hover,
.tswg-engagement-card:hover,
.tswg-shorts-card:hover,
.tswg-momentum-card:hover,
.tswg-classroom-card:hover,
.tswg-vault-card:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(31,41,55,.10);
}
/* TSWG_STUDIO_PREMIUM_PALETTE_END */

/* TSWG_PREMIUM_OFFER_EXPERIENCE_PASS */
:root{
  --tswg-x-bg:#f6f8fb;
  --tswg-x-panel:#ffffff;
  --tswg-x-ink:#0b1324;
  --tswg-x-body:#42526a;
  --tswg-x-muted:#6b7a90;
  --tswg-x-line:#e3e9f2;
  --tswg-x-shadow:0 22px 60px rgba(15,23,42,.10);
  --tswg-x-shadow-soft:0 12px 28px rgba(15,23,42,.07);

  --tswg-x-blue:#2563eb;
  --tswg-x-sky:#0ea5e9;
  --tswg-x-green:#10b981;
  --tswg-x-amber:#f59e0b;
  --tswg-x-rose:#f43f5e;
  --tswg-x-violet:#7c3aed;
  --tswg-x-navy:#111827;
}

/* Keep normal platform icons visible. Do not make everything white/transparent. */
.i_header_btn_item,
.i_header_btn_item *,
.i_top_right_menu_box,
.i_top_right_menu_box *,
.i_sp_menu_box,
.i_sp_menu_box *,
.i_menu_item,
.i_menu_item *,
.leftSidebar,
.leftSidebar *,
.i_left_menu,
.i_left_menu *,
header,
header *{
  -webkit-text-fill-color: currentColor;
}

.i_header_btn_item svg,
.i_top_right_menu_box svg,
.i_sp_menu_box svg,
.i_menu_item svg,
.leftSidebar svg,
.i_left_menu svg,
header svg{
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Top header icon buttons: clean, visible, premium */
.i_header_btn_item,
.i_top_right_menu_box,
.topPoints,
.topMessages,
.topNotifications,
.getMenu{
  background: linear-gradient(180deg,#f8fbff,#eef3fb) !important;
  border:1px solid #dfe7f2 !important;
  color:#1f2a44 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

.i_header_btn_item:hover,
.i_top_right_menu_box:hover,
.topPoints:hover,
.topMessages:hover,
.topNotifications:hover,
.getMenu:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,#ffffff,#eef6ff) !important;
  border-color:#c7d7ee !important;
  color:#0b1324 !important;
  box-shadow:0 16px 34px rgba(15,23,42,.10) !important;
}

/* Give top icons tasteful accent families without hiding them */
.topPoints{ color:#2563eb !important; }
.topMessages{ color:#4f46e5 !important; }
.topNotifications{ color:#f43f5e !important; }
.getMenu{ color:#111827 !important; }

/* Sidebar icons: visible but not aggressive */
.i_sp_menu_box,
.i_menu_item,
.leftSidebar a,
.i_left_menu a{
  transition:background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.i_sp_menu_box:hover,
.i_menu_item:hover,
.leftSidebar a:hover,
.i_left_menu a:hover{
  background:linear-gradient(90deg,rgba(37,99,235,.08),rgba(16,185,129,.05)) !important;
  color:#0b1324 !important;
  transform:translateX(2px);
}

/* Page-wide cards: elegant but not heavy */
.marketplace-card,
.s_p_product_wrapper.marketplace-card,
.s_p_product_container.marketplace-card,
.product-hero-card,
.product-left-card,
.community_card,
.agency_card,
.activity_card,
.i_post,
.i_p_cards,
.create_sotry_form_container,
.story_upload_box,
.live_scheduled_side_card,
.live_pin_product_item{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,252,255,.92)) !important;
  border:1px solid var(--tswg-x-line) !important;
  color:var(--tswg-x-ink) !important;
  box-shadow:var(--tswg-x-shadow-soft) !important;
}

/* Offer/product cards: make value clear and premium */
.marketplace-card{
  border-radius:28px !important;
  overflow:hidden !important;
  isolation:isolate;
}

.marketplace-card::after{
  content:"";
  position:absolute;
  inset:auto 18px 18px 18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.25),transparent);
  opacity:.65;
  pointer-events:none;
}

.marketplace-card .s_p_title,
.marketplace-card .s_p_title a{
  color:var(--tswg-x-ink) !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}

.marketplace-card .s_p_price,
.marketplace-card .marketplace-price{
  color:#0b1324 !important;
  background:linear-gradient(90deg,#0b1324,#2563eb);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:950 !important;
}

.marketplace-card .product_image{
  background:
    radial-gradient(circle at 18% 12%,rgba(37,99,235,.12),transparent 28%),
    radial-gradient(circle at 85% 18%,rgba(245,158,11,.16),transparent 25%),
    linear-gradient(180deg,#f8fbff,#eef3fb) !important;
}

/* Offer value badges */
.marketplace-card .image_tag,
.marketplace-card .s_p_product_type,
.creator_category_badge,
.community_card_category{
  background:rgba(255,255,255,.88) !important;
  color:#1f2a44 !important;
  border:1px solid rgba(203,213,225,.9) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
  backdrop-filter:blur(10px);
}

/* Strong, clean CTA buttons */
.tswg-me-btn,
.tswg-me-chip,
.i_nex_btn,
.i_btn,
.bt-submit,
.live_pin_product_actions button,
.live_pinned_product_cta{
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}

.tswg-me-btn-primary,
.i_nex_btn,
.bt-submit,
.live_pinned_product_cta{
  background:linear-gradient(135deg,#111827,#203557) !important;
  color:#fff !important;
  border:1px solid rgba(17,24,39,.10) !important;
  box-shadow:0 16px 34px rgba(17,24,39,.18) !important;
}

.tswg-me-btn-primary:hover,
.i_nex_btn:hover,
.bt-submit:hover,
.live_pinned_product_cta:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 44px rgba(17,24,39,.24) !important;
}

/* Buying paths side card */
.tswg-marketplace-side-note,
.shopping_left_menu,
.i_shopping_menu_wrapper{
  background:
    radial-gradient(circle at 12% 12%,rgba(245,158,11,.12),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,242,.92)) !important;
  border:1px solid #eadfcc !important;
  box-shadow:0 18px 45px rgba(15,23,42,.08) !important;
}

/* Marketplace engine hero: Upwork-like clarity, TSWG identity */
.tswg-marketplace-engine{
  background:
    radial-gradient(circle at 5% 10%,rgba(37,99,235,.16),transparent 28%),
    radial-gradient(circle at 94% 15%,rgba(16,185,129,.14),transparent 26%),
    linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dfe7f2 !important;
  box-shadow:0 28px 80px rgba(15,23,42,.10) !important;
  color:var(--tswg-x-ink) !important;
}

.tswg-marketplace-engine h1,
.tswg-marketplace-engine h2,
.tswg-marketplace-engine h3{
  color:var(--tswg-x-ink) !important;
  letter-spacing:-.045em !important;
}

.tswg-marketplace-engine p,
.tswg-marketplace-engine li{
  color:var(--tswg-x-body) !important;
}

/* Studio architecture sections */
.tswg-studio-architecture,
.tswg-engagement-forum,
.tswg-shorts-classroom,
.tswg-momentum-layer{
  background:
    radial-gradient(circle at 8% 8%,rgba(37,99,235,.10),transparent 26%),
    radial-gradient(circle at 92% 12%,rgba(245,158,11,.10),transparent 26%),
    linear-gradient(180deg,#ffffff,#f7faff) !important;
  border:1px solid #dfe7f2 !important;
  box-shadow:0 26px 72px rgba(15,23,42,.10) !important;
  color:var(--tswg-x-ink) !important;
}

.tswg-studio-architecture-card,
.tswg-engagement-card,
.tswg-shorts-path-item,
.tswg-momentum-card,
.tswg-momentum-status-row div,
.tswg-contribution-loop{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,252,255,.92)) !important;
  border:1px solid #e4ebf5 !important;
  box-shadow:0 16px 40px rgba(15,23,42,.08) !important;
}

/* Give each studio card its own color family */
.tswg-studio-architecture-card.studio{
  background:linear-gradient(180deg,#eef6ff,#ffffff) !important;
  border-color:#cfe0ff !important;
}
.tswg-studio-architecture-card.classroom{
  background:linear-gradient(180deg,#f0f2ff,#ffffff) !important;
  border-color:#d8ddff !important;
}
.tswg-studio-architecture-card.vault{
  background:linear-gradient(180deg,#fff8e8,#ffffff) !important;
  border-color:#f2dcaa !important;
}
.tswg-engagement-card{
  background:linear-gradient(180deg,#ecfdf5,#ffffff) !important;
  border-color:#c8efdf !important;
}
.tswg-shorts-path-item{
  background:linear-gradient(180deg,#fff1f4,#ffffff) !important;
  border-color:#ffd2dc !important;
}
.tswg-momentum-card{
  background:linear-gradient(180deg,#f5f3ff,#ffffff) !important;
  border-color:#ded3ff !important;
}

/* Clean section labels */
.tswg-studio-eyebrow,
.tswg-engagement-eyebrow,
.tswg-shorts-eyebrow,
.tswg-momentum-eyebrow,
.tswg-studio-card-kicker,
.tswg-engagement-card-kicker,
.tswg-momentum-card-top span,
.tswg-momentum-card-top strong{
  color:#1f2a44 !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(203,213,225,.9) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}

/* Section-specific labels */
.tswg-studio-eyebrow,
.tswg-studio-card-kicker{ color:#1d4ed8 !important; }

.tswg-engagement-eyebrow,
.tswg-engagement-card-kicker{ color:#047857 !important; }

.tswg-shorts-eyebrow{ color:#be123c !important; }

.tswg-momentum-eyebrow{ color:#6d28d9 !important; }

/* Story / Reels create page */
.create_sotry_form_container,
.create_sotry_form_container .form-control,
.story_upload_box,
.story_live_preview,
.story_preview_box{
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid #e3e9f2 !important;
  color:var(--tswg-x-ink) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
}

.create_sotry_form_container input,
.create_sotry_form_container textarea,
.create_sotry_form_container select,
.story_overlays input,
.story_overlays textarea,
.story_overlays select{
  background:#ffffff !important;
  border:1px solid #d9e3f0 !important;
  color:var(--tswg-x-ink) !important;
}

.create_sotry_form_container input:focus,
.create_sotry_form_container textarea:focus,
.create_sotry_form_container select:focus{
  border-color:#93c5fd !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10) !important;
}

.create_sotry_form_container .publish,
.create_sotry_form_container button,
.story_publish_btn{
  background:linear-gradient(135deg,#2563eb,#10b981) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 16px 34px rgba(37,99,235,.22) !important;
}

/* Right rail cards: readable, not grey blocks */
.rightSidebar,
.i_right_container,
.tswg-footer-shell,
.i_right_ads,
.i_right_box{
  color:var(--tswg-x-ink) !important;
}

.i_right_box,
.tswg-footer-shell,
.rightSidebar .i_right_box,
.i_right_container .i_right_box{
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid #e3e9f2 !important;
  box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
}

.i_right_box h1,
.i_right_box h2,
.i_right_box h3,
.tswg-footer-shell h1,
.tswg-footer-shell h2,
.tswg-footer-shell h3{
  color:var(--tswg-x-ink) !important;
}

.i_right_box p,
.i_right_box li,
.tswg-footer-shell p,
.tswg-footer-shell li{
  color:var(--tswg-x-body) !important;
}

/* Motions */
@keyframes tswgSoftRise{
  from{ opacity:0; transform:translateY(14px); }
  to{ opacity:1; transform:translateY(0); }
}

.tswg-marketplace-engine,
.tswg-studio-architecture,
.tswg-engagement-forum,
.tswg-shorts-classroom,
.tswg-momentum-layer,
.marketplace-card{
  animation:tswgSoftRise .48s ease both;
}

.tswg-studio-architecture-card,
.tswg-engagement-card,
.tswg-shorts-path-item,
.tswg-momentum-card,
.marketplace-card{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.tswg-studio-architecture-card:hover,
.tswg-engagement-card:hover,
.tswg-shorts-path-item:hover,
.tswg-momentum-card:hover,
.marketplace-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 26px 70px rgba(15,23,42,.14) !important;
  border-color:#c7d7ee !important;
}

/* Reduce motion if user prefers it */
@media (prefers-reduced-motion: reduce){
  .tswg-marketplace-engine,
  .tswg-studio-architecture,
  .tswg-engagement-forum,
  .tswg-shorts-classroom,
  .tswg-momentum-layer,
  .marketplace-card{
    animation:none !important;
  }

  *{
    scroll-behavior:auto !important;
  }
}

/* Mobile clarity */
@media (max-width: 768px){
  .tswg-marketplace-engine,
  .tswg-studio-architecture,
  .tswg-engagement-forum,
  .tswg-shorts-classroom,
  .tswg-momentum-layer{
    border-radius:22px !important;
    padding:18px !important;
  }

  .marketplace-card{
    border-radius:22px !important;
  }

  .i_header_btn_item,
  .i_top_right_menu_box{
    box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
  }
}
/* /TSWG_PREMIUM_OFFER_EXPERIENCE_PASS */

/* TSWG_HOMEPAGE_CLICKABLE_MARKETABILITY_CARDS_CSS */
.tswg-home-marketability-cards{
  width:min(1180px, calc(100% - 32px));
  margin:34px auto;
  padding:28px;
  border-radius:32px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 28px 80px rgba(15,23,42,.10);
  font-family:Inter, "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tswg-market-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.tswg-market-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-bottom:10px;
  padding:7px 11px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  border:1px solid rgba(79,70,229,.14);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tswg-market-head h2{
  margin:0;
  max-width:680px;
  color:#0f172a;
  font-size:clamp(28px, 3.4vw, 48px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:950;
}

.tswg-market-head p{
  margin:12px 0 0;
  max-width:760px;
  color:#475569;
  font-size:15px;
  line-height:1.75;
  font-weight:650;
}

.tswg-market-head-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 16px;
  border-radius:999px;
  color:#ffffff !important;
  background:#0f172a;
  text-decoration:none !important;
  font-size:13px;
  font-weight:900;
  box-shadow:0 14px 32px rgba(15,23,42,.18);
}

.tswg-market-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.tswg-market-card,
.tswg-auto-click-card{
  text-decoration:none !important;
  color:inherit !important;
}

.tswg-market-card{
  position:relative;
  overflow:hidden;
  display:flex;
  gap:14px;
  min-height:210px;
  padding:20px;
  border-radius:26px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 16px 44px rgba(15,23,42,.07);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.tswg-market-card:hover{
  transform:translateY(-3px);
  background:#ffffff;
  border-color:rgba(37,99,235,.24);
  box-shadow:0 26px 70px rgba(15,23,42,.12);
}

.tswg-market-card.is-featured{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 34%),
    #ffffff;
  border-color:rgba(37,99,235,.20);
}

.tswg-market-card-icon{
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:#ffffff;
  border:1px solid rgba(148,163,184,.24);
  box-shadow:0 10px 28px rgba(15,23,42,.08);
  font-size:24px;
}

.tswg-market-card-kicker{
  display:inline-flex;
  margin-bottom:8px;
  color:#2563eb;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tswg-market-card h3{
  margin:0;
  color:#0f172a;
  font-size:20px;
  line-height:1.14;
  font-weight:950;
  letter-spacing:-.035em;
}

.tswg-market-card p{
  margin:9px 0 14px;
  color:#475569;
  font-size:14px;
  line-height:1.62;
  font-weight:650;
}

.tswg-market-card-link{
  display:inline-flex;
  margin-top:auto;
  color:#0f172a;
  font-size:13px;
  font-weight:950;
}

.tswg-auto-click-card{
  display:block !important;
  border-radius:24px !important;
}

.tswg-auto-click-card > *{
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease;
}

.tswg-auto-click-card:hover > *{
  transform:translateY(-2px);
  box-shadow:0 22px 60px rgba(15,23,42,.12) !important;
}

@media (max-width: 980px){
  .tswg-market-head{
    display:block;
  }

  .tswg-market-head-link{
    margin-top:16px;
  }

  .tswg-market-grid{
    grid-template-columns:1fr;
  }

  .tswg-home-marketability-cards{
    padding:20px;
    border-radius:26px;
  }

  .tswg-market-card{
    min-height:190px;
  }
}

/* TSWG_VALUE_DESTINATION_CARDS_START */
.tswg-value-destination-page{max-width:1180px;margin:36px auto 52px;padding:0 18px;color:#0b1324}
.tswg-vd-hero{position:relative;overflow:hidden;padding:38px;border-radius:32px;border:1px solid #dfe7f2;background:radial-gradient(circle at 8% 12%, rgba(37,99,235,.16), transparent 28%),radial-gradient(circle at 92% 10%, rgba(16,185,129,.12), transparent 26%),linear-gradient(180deg,#ffffff,#f7faff);box-shadow:0 28px 80px rgba(15,23,42,.10)}
.tswg-vd-eyebrow{display:inline-flex;width:fit-content;margin-bottom:14px;padding:8px 14px;border-radius:999px;background:#eef6ff;border:1px solid #cfe0ff;color:#1d4ed8;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.tswg-vd-hero h1{max-width:880px;margin:0;color:#0b1324;font-size:clamp(34px,5vw,68px);line-height:.98;letter-spacing:-.06em;font-weight:950}
.tswg-vd-hero p{max-width:850px;margin:18px 0 0;color:#42526a;font-size:17px;line-height:1.75;font-weight:650}
.tswg-vd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.tswg-vd-actions a,.tswg-vd-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border-radius:999px;text-decoration:none!important;font-size:14px;font-weight:950;color:#fff!important;background:linear-gradient(135deg,#111827,#203557);box-shadow:0 16px 34px rgba(17,24,39,.18)}
.tswg-vd-actions a:nth-child(2){background:linear-gradient(135deg,#2563eb,#4f46e5)}
.tswg-vd-actions a:nth-child(3){background:linear-gradient(135deg,#10b981,#047857)}
.tswg-vd-proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.tswg-vd-proof-row div{padding:16px;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #e3e9f2;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.tswg-vd-proof-row strong{display:block;color:#0b1324;font-size:15px;font-weight:950;margin-bottom:5px}
.tswg-vd-proof-row span{display:block;color:#52657d;font-size:13px;line-height:1.55;font-weight:650}
.tswg-vd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tswg-vd-card{position:relative;overflow:hidden;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:315px;border-radius:28px;text-decoration:none!important;border:1px solid #e3e9f2;background:#fff;box-shadow:0 18px 46px rgba(15,23,42,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.tswg-vd-card:hover{transform:translateY(-3px);box-shadow:0 28px 76px rgba(15,23,42,.14);border-color:#c7d7ee}
.tswg-vd-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#fff;isolation:isolate}
.tswg-vd-art::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.96}
.tswg-vd-card.blue .tswg-vd-art::before{background:linear-gradient(145deg,#2563eb,#0ea5e9)}
.tswg-vd-card.indigo .tswg-vd-art::before{background:linear-gradient(145deg,#4f46e5,#0ea5e9)}
.tswg-vd-card.emerald .tswg-vd-art::before{background:linear-gradient(145deg,#047857,#10b981)}
.tswg-vd-card.rose .tswg-vd-art::before{background:linear-gradient(145deg,#be123c,#f43f5e)}
.tswg-vd-card.amber .tswg-vd-art::before{background:linear-gradient(145deg,#b45309,#f59e0b)}
.tswg-vd-card.violet .tswg-vd-art::before{background:linear-gradient(145deg,#6d28d9,#8b5cf6)}
.tswg-vd-art span{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);font-weight:950}
.tswg-vd-art strong{font-size:26px;line-height:1;letter-spacing:-.04em;font-weight:950}
.tswg-vd-body{padding:24px;display:flex;flex-direction:column;gap:12px}
.tswg-vd-kicker{width:fit-content;padding:7px 11px;border-radius:999px;background:#f8fbff;border:1px solid #e3e9f2;color:#42526a;font-size:11px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.tswg-vd-body h2{margin:0;color:#0b1324;font-size:24px;line-height:1.1;letter-spacing:-.035em;font-weight:950}
.tswg-vd-body p{margin:0;color:#42526a;font-size:14px;line-height:1.68;font-weight:650}
.tswg-vd-body ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.tswg-vd-body li{padding:8px 10px;border-radius:12px;background:#f8fbff;border:1px solid #e3e9f2;color:#42526a;font-size:12px;font-weight:800}
.tswg-vd-cta{margin-top:auto;width:fit-content;min-height:40px;font-size:13px}
.tswg-vd-destination-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #e3e9f2;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.tswg-vd-destination-strip a{display:inline-flex;padding:10px 13px;border-radius:999px;background:#fff;border:1px solid #dfe7f2;color:#0b1324!important;text-decoration:none!important;font-weight:900}
@media(max-width:980px){.tswg-vd-proof-row,.tswg-vd-grid{grid-template-columns:1fr}.tswg-vd-card{grid-template-columns:1fr}.tswg-vd-art{min-height:170px}}
@media(max-width:640px){.tswg-value-destination-page{margin:22px auto 36px;padding:0 12px}.tswg-vd-hero{padding:24px;border-radius:24px}.tswg-vd-body{padding:20px}}
/* TSWG_VALUE_DESTINATION_CARDS_END */

/* TSWG_REFINE_LIVE_HOME_CARDS_CSS */

/* Kill repeated generic chips from the earlier live overlay */
.tswg-live-card-valuebar{
  display:none !important;
}

/* Refined live surface */
.tswg-live-value-experience.tswg-live-refined{
  width:min(1120px, calc(100% - 32px)) !important;
  margin:22px auto !important;
  padding:22px !important;
  border-radius:28px !important;
  background:#ffffff !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:0 18px 54px rgba(15,23,42,.08) !important;
  font-family:Inter, "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.tswg-live-ref-head{
  max-width:860px;
}

.tswg-live-ref-eyebrow{
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 11px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  border:1px solid rgba(79,70,229,.14);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tswg-live-ref-head h1{
  margin:0 !important;
  max-width:760px !important;
  color:#0f172a !important;
  font-size:clamp(28px, 3.2vw, 46px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:900 !important;
}

.tswg-live-ref-head p{
  margin:12px 0 0 !important;
  max-width:760px !important;
  color:#475569 !important;
  font-size:15px !important;
  line-height:1.7 !important;
  font-weight:600 !important;
}

.tswg-live-ref-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.tswg-live-ref-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  background:#0f172a;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:850;
}

.tswg-live-ref-actions a:nth-child(2){
  background:#2563eb;
}

.tswg-live-ref-actions a:nth-child(3){
  background:#ffffff;
  color:#0f172a !important;
  border:1px solid rgba(148,163,184,.28);
}

.tswg-live-ref-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  margin-top:18px;
}

.tswg-live-ref-card{
  display:flex;
  gap:12px;
  min-height:170px;
  padding:16px;
  border-radius:22px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.20);
  color:#0f172a !important;
  text-decoration:none !important;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.tswg-live-ref-card:hover{
  transform:translateY(-2px);
  background:#ffffff;
  border-color:rgba(37,99,235,.24);
  box-shadow:0 18px 44px rgba(15,23,42,.09);
}

.tswg-live-ref-icon,
.tswg-market-card-refined-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 8px 20px rgba(15,23,42,.06);
  font-size:21px;
}

.tswg-live-ref-body span,
.tswg-market-card-refined span{
  display:inline-flex;
  margin-bottom:7px;
  color:#2563eb;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.tswg-live-ref-body h3,
.tswg-market-card-refined h3{
  margin:0;
  color:#0f172a;
  font-size:17px;
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:900;
}

.tswg-live-ref-body p,
.tswg-market-card-refined p{
  margin:8px 0 10px;
  color:#475569;
  font-size:13px;
  line-height:1.58;
  font-weight:600;
}

.tswg-live-ref-body strong,
.tswg-market-card-refined strong{
  color:#0f172a;
  font-size:13px;
  font-weight:900;
}

.tswg-live-ref-pins{
  margin-top:16px;
  padding:14px;
  border-radius:22px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.20);
}

.tswg-live-ref-pins-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.tswg-live-ref-pins-head span{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#ecfdf5;
  color:#047857;
  border:1px solid rgba(16,185,129,.18);
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.tswg-live-ref-pins-head strong{
  color:#0f172a;
  font-size:15px;
  font-weight:900;
}

.tswg-live-ref-pin-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.tswg-live-ref-pin-grid a{
  display:block;
  min-height:92px;
  padding:13px;
  border-radius:18px;
  background:#ffffff;
  color:#0f172a !important;
  text-decoration:none !important;
  border:1px solid rgba(148,163,184,.18);
}

.tswg-live-ref-pin-grid b{
  display:block;
  color:#0f172a;
  font-size:14px;
  font-weight:900;
}

.tswg-live-ref-pin-grid small{
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}

.tswg-live-actual-card-refined{
  border-radius:22px !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:0 12px 34px rgba(15,23,42,.07) !important;
}

/* Refined homepage cards: compact, fewer cards, no broad auto wrapping */
.tswg-home-marketability-cards.tswg-home-marketability-refined{
  width:min(1120px, calc(100% - 32px)) !important;
  margin:24px auto !important;
  padding:22px !important;
  border-radius:28px !important;
  background:#ffffff !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:0 18px 54px rgba(15,23,42,.08) !important;
  font-family:Inter, "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.tswg-market-refined-head{
  max-width:760px;
}

.tswg-market-refined-head span{
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 11px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  border:1px solid rgba(79,70,229,.14);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tswg-market-refined-head h2{
  margin:0 !important;
  color:#0f172a !important;
  font-size:clamp(26px, 3vw, 42px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:900 !important;
}

.tswg-market-refined-head p{
  margin:10px 0 0 !important;
  color:#475569 !important;
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:600 !important;
}

.tswg-market-refined-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  margin-top:18px;
}

.tswg-market-card-refined{
  display:flex;
  gap:12px;
  min-height:160px;
  padding:16px;
  border-radius:22px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.20);
  color:#0f172a !important;
  text-decoration:none !important;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.tswg-market-card-refined:hover{
  transform:translateY(-2px);
  background:#ffffff;
  border-color:rgba(37,99,235,.24);
  box-shadow:0 18px 44px rgba(15,23,42,.09);
}

/* Neutralize old broad auto wrapping visuals */
.tswg-auto-click-card-neutralized,
.tswg-auto-click-card-neutralized > *{
  transform:none !important;
  box-shadow:none !important;
}

@media (max-width: 980px){
  .tswg-live-ref-grid,
  .tswg-live-ref-pin-grid,
  .tswg-market-refined-grid{
    grid-template-columns:1fr;
  }

  .tswg-live-value-experience.tswg-live-refined,
  .tswg-home-marketability-cards.tswg-home-marketability-refined{
    width:min(100%, calc(100% - 20px)) !important;
    padding:18px !important;
    border-radius:24px !important;
  }
}

/* TSWG_COMMUNITY_DIRECTORY_V2_POLISH_CSS */
body.tswg-community-v2-page{
  background:#fff !important;
}

body.tswg-community-v2-page .tswg-community-v2-hero{
  width:min(1120px, calc(100% - 32px)) !important;
  margin:18px auto 14px !important;
  padding:24px 28px !important;
  border-radius:28px !important;
  background:#fff !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 14px 40px rgba(15,23,42,.05) !important;
  overflow:visible !important;
}

body.tswg-community-v2-page .tswg-community-v2-hero h1{
  margin:0 !important;
  max-width:760px !important;
  color:#0f172a !important;
  font-size:clamp(30px, 3.1vw, 48px) !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}

body.tswg-community-v2-page .tswg-community-v2-subtitle{
  margin-top:10px !important;
  max-width:860px !important;
  color:#475569 !important;
  font-size:15px !important;
  line-height:1.68 !important;
  font-weight:600 !important;
}

body.tswg-community-v2-page .tswg-community-v2-primary-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:#2563eb !important;
  color:#fff !important;
  border:0 !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

body.tswg-community-v2-page .tswg-community-v2-filter-panel{
  width:min(1120px, calc(100% - 32px)) !important;
  margin:14px auto 16px !important;
  padding:18px 20px !important;
  border-radius:24px !important;
  background:#fff !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.04) !important;
}

body.tswg-community-v2-page .tswg-community-v2-filter-panel input,
body.tswg-community-v2-page .tswg-community-v2-filter-panel select{
  min-height:42px !important;
  border-radius:999px !important;
}

body.tswg-community-v2-page .tswg-community-v2-empty-host{
  width:min(920px, calc(100% - 32px)) !important;
  margin:18px auto 28px !important;
  padding:18px !important;
  border-radius:26px !important;
  background:#fff !important;
  border:1px dashed rgba(148,163,184,.32) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.04) !important;
  text-align:center !important;
}

body.tswg-community-v2-page .tswg-community-v2-empty-host h1,
body.tswg-community-v2-page .tswg-community-v2-empty-host h2,
body.tswg-community-v2-page .tswg-community-v2-empty-host h3,
body.tswg-community-v2-page .tswg-community-v2-empty-host h4{
  margin:10px 0 4px !important;
  color:#0f172a !important;
  font-size:clamp(22px, 2.2vw, 34px) !important;
  line-height:1.15 !important;
  letter-spacing:-.03em !important;
  font-weight:900 !important;
}

body.tswg-community-v2-page .tswg-community-v2-empty-note{
  color:#64748b !important;
  font-size:14px !important;
  line-height:1.6 !important;
  font-weight:600 !important;
}

body.tswg-community-v2-page .tswg-community-v2-empty-card{
  margin-top:16px;
}

body.tswg-community-v2-page .tswg-community-v2-empty-inner{
  max-width:760px;
  margin:0 auto;
  padding:18px;
  border-radius:22px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.16);
}

body.tswg-community-v2-page .tswg-community-v2-kicker{
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 11px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  border:1px solid rgba(79,70,229,.14);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.tswg-community-v2-page .tswg-community-v2-empty-inner h3{
  margin:0 !important;
  color:#0f172a !important;
  font-size:22px !important;
  line-height:1.18 !important;
  letter-spacing:-.03em !important;
  font-weight:900 !important;
}

body.tswg-community-v2-page .tswg-community-v2-empty-inner p{
  margin:10px auto 0 !important;
  max-width:680px !important;
  color:#475569 !important;
  font-size:14px !important;
  line-height:1.7 !important;
  font-weight:600 !important;
}

body.tswg-community-v2-page .tswg-community-v2-empty-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:16px;
}

body.tswg-community-v2-page .tswg-community-v2-empty-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  background:#0f172a;
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:900;
}

body.tswg-community-v2-page .tswg-community-v2-empty-actions a:nth-child(2){
  background:#2563eb;
}

body.tswg-community-v2-page .tswg-community-v2-empty-actions a:nth-child(3){
  background:#fff;
  color:#0f172a !important;
  border:1px solid rgba(148,163,184,.24);
}

@media (max-width:980px){
  body.tswg-community-v2-page .tswg-community-v2-hero,
  body.tswg-community-v2-page .tswg-community-v2-filter-panel,
  body.tswg-community-v2-page .tswg-community-v2-empty-host{
    width:min(100%, calc(100% - 20px)) !important;
  }

  body.tswg-community-v2-page .tswg-community-v2-hero{
    padding:18px 18px !important;
  }
}

/* TSWG_HOMEPAGE_RESTORE_ORIGINAL_NEUTRAL_TONE_CSS */
body:not(.night_mode) .tswg-premium-trust-section,
body:not(.night_mode) .tswg-premium-trust-shell,
body:not(.night_mode) .tswg-premium-trust-card,
body:not(.night_mode) .tswg-premium-trust-wrap,
body:not(.night_mode) .tswg-proof-section,
body:not(.night_mode) .tswg-proof-card,
body:not(.night_mode) [class*="premium-trust"],
body:not(.night_mode) [class*="tswg-proof"]{
  background:#ffffff !important;
  background-image:none !important;
}

body:not(.night_mode) .tswg-premium-trust-section::before,
body:not(.night_mode) .tswg-premium-trust-section::after,
body:not(.night_mode) .tswg-premium-trust-card::before,
body:not(.night_mode) .tswg-premium-trust-card::after,
body:not(.night_mode) [class*="premium-trust"]::before,
body:not(.night_mode) [class*="premium-trust"]::after{
  background:#ffffff !important;
  background-image:none !important;
  opacity:.08 !important;
}

body:not(.night_mode) .tswg-proof-eyebrow{
  background:#ffffff !important;
}

/* TSWG_PREMIUM_ACCESS_GREEN_BUTTON_CSS */
body:not(.night_mode) .tswg-premium-trust-cta,
body:not(.night_mode) .tswg-premium-trust-cta-server,
body:not(.night_mode) a.tswg-premium-trust-cta,
body:not(.night_mode) a.tswg-premium-trust-cta-server{
  background:#16a34a !important;
  background-image:linear-gradient(135deg,#16a34a,#15803d) !important;
  color:#ffffff !important;
  border:1px solid rgba(21,128,61,.28) !important;
  box-shadow:0 14px 34px rgba(22,163,74,.24) !important;
  text-shadow:none !important;
}

body:not(.night_mode) .tswg-premium-trust-cta *,
body:not(.night_mode) .tswg-premium-trust-cta-server *{
  color:#ffffff !important;
}

body:not(.night_mode) .tswg-premium-trust-cta:hover,
body:not(.night_mode) .tswg-premium-trust-cta-server:hover{
  background:#15803d !important;
  background-image:linear-gradient(135deg,#15803d,#166534) !important;
  color:#ffffff !important;
}

/* TSWG_PREMIUM_TRUST_REAL_PROBLEM_SOLUTION_CSS */
body.tswg-premium-real-problem-page .tswg-premium-real-problem-section{
  isolation:isolate;
}

body.tswg-premium-real-problem-page .tswg-premium-real-problem-section h2{
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  letter-spacing:-.055em !important;
}

body.tswg-premium-real-problem-page .tswg-premium-real-problem-section p,
body.tswg-premium-real-problem-page .tswg-premium-real-problem-section div{
  text-wrap:pretty;
}

body.tswg-premium-real-problem-page .tswg-problem-solution-card{
  display:block !important;
  color:inherit !important;
  text-decoration:none !important;
  border-radius:24px !important;
  background:#ffffff !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:0 16px 46px rgba(15,23,42,.07) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  overflow:hidden;
}

body.tswg-premium-real-problem-page .tswg-problem-solution-card:hover{
  transform:translateY(-3px);
  border-color:rgba(22,163,74,.30) !important;
  box-shadow:0 26px 70px rgba(15,23,42,.12) !important;
}

body.tswg-premium-real-problem-page .tswg-problem-solution-card > div,
body.tswg-premium-real-problem-page .tswg-problem-solution-card > p,
body.tswg-premium-real-problem-page .tswg-problem-solution-card > strong{
  cursor:pointer;
}

body.tswg-premium-real-problem-page .tswg-problem-solution-card.is-offer-problem::before,
body.tswg-premium-real-problem-page .tswg-problem-solution-card.is-system-problem::before,
body.tswg-premium-real-problem-page .tswg-problem-solution-card.is-asset-outcome::before{
  display:inline-flex;
  margin:16px 18px 0;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}

body.tswg-premium-real-problem-page .tswg-problem-solution-card.is-offer-problem::before{
  content:"Problem → paid offer";
  color:#1d4ed8;
  background:#eef6ff;
  border:1px solid #cfe0ff;
}

body.tswg-premium-real-problem-page .tswg-problem-solution-card.is-system-problem::before{
  content:"Problem → clear buyer journey";
  color:#047857;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
}

body.tswg-premium-real-problem-page .tswg-problem-solution-card.is-asset-outcome::before{
  content:"Outcome → business asset";
  color:#7c2d12;
  background:#fff7ed;
  border:1px solid #fed7aa;
}

body.tswg-premium-real-problem-page .tswg-problem-card-action{
  display:inline-flex;
  width:max-content;
  margin:12px 18px 18px;
  padding:9px 12px;
  border-radius:999px;
  background:#f0fdf4;
  color:#15803d;
  border:1px solid rgba(22,163,74,.24);
  font-size:13px;
  font-weight:950;
}

body.tswg-premium-real-problem-page .tswg-problem-chip{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 14px;
  border-radius:999px;
  background:#ffffff;
  color:#0f172a !important;
  border:1px solid rgba(148,163,184,.24);
  text-decoration:none !important;
  font-size:13px;
  font-weight:900;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

body.tswg-premium-real-problem-page .tswg-problem-chip:hover{
  transform:translateY(-1px);
  border-color:rgba(22,163,74,.28);
  background:#f8fff9;
  box-shadow:0 16px 34px rgba(15,23,42,.09);
}

body.tswg-premium-real-problem-page .tswg-problem-main-cta,
body.tswg-premium-real-problem-page a.tswg-problem-main-cta{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:#16a34a !important;
  background-image:linear-gradient(135deg,#16a34a,#15803d) !important;
  color:#ffffff !important;
  border:1px solid rgba(21,128,61,.28) !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:950 !important;
  box-shadow:0 16px 38px rgba(22,163,74,.24) !important;
}

body.tswg-premium-real-problem-page .tswg-problem-main-cta:hover{
  background:#15803d !important;
  background-image:linear-gradient(135deg,#15803d,#166534) !important;
  color:#ffffff !important;
}

body.tswg-premium-real-problem-page .tswg-problem-asset-note{
  max-width:620px;
  margin:10px auto 0;
  color:#64748b;
  font-size:12px;
  line-height:1.5;
  font-weight:700;
  text-align:center;
}

@media(max-width:768px){
  body.tswg-premium-real-problem-page .tswg-problem-card-action{
    margin-left:14px;
    margin-right:14px;
  }

  body.tswg-premium-real-problem-page .tswg-problem-chip{
    width:100%;
  }
}

/* TSWG_HIDE_LEAD_MAGNETS_LOADING_FLASH_CSS */
body.tswg-lead-assets-ready #tswg-lead-magnets-app .tswg-lm-loading{
  display:none !important;
}
body.tswg-lead-assets-ready #tswg-lead-magnets-app:empty::before{
  content:"";
  display:none;
}
