.elementor-kit-7641{--e-global-color-primary:#202637;--e-global-color-secondary:#202637;--e-global-color-text:#202637;--e-global-color-accent:#EE4097;--e-global-color-b56f0bb:#09090F;--e-global-color-ec0884c:#FFFFFF;--e-global-color-29bda10:#EE4097;--e-global-color-78741c5:#3EB7EA;--e-global-color-fe2f5f5:#FADC57;--e-global-color-7fc1541:#121220;--e-global-color-0b12e6e:#F7F8FC;--e-global-color-6f552c0:#1A1A2E;--e-global-color-c0102b8:#6B7280;--e-global-typography-primary-font-family:"Hind";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Hind";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Hind";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-5a5c412-font-family:"Hind";--e-global-typography-5a5c412-font-size:16px;--e-global-typography-5a5c412-font-weight:500;--e-global-typography-5a5c412-line-height:30px;--e-global-typography-8754741-font-size:70px;--e-global-typography-8754741-font-weight:600;--e-global-typography-8754741-line-height:75px;--e-global-typography-28a21f1-font-size:50px;--e-global-typography-28a21f1-font-weight:600;--e-global-typography-28a21f1-line-height:40px;--e-global-typography-f6633c3-font-size:30px;--e-global-typography-f6633c3-font-weight:700;--e-global-typography-f6633c3-line-height:35px;--e-global-typography-f6633c3-letter-spacing:1px;--e-global-typography-875307a-font-size:26px;--e-global-typography-875307a-font-weight:600;--e-global-typography-875307a-line-height:35px;color:var( --e-global-color-text );font-family:"Hind";font-size:1.4em;font-weight:300;}.elementor-kit-7641 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7641 a{color:var( --e-global-color-accent );}.elementor-kit-7641 h1{color:var( --e-global-color-primary );}.elementor-kit-7641 h2{color:var( --e-global-color-secondary );}.elementor-kit-7641 h3{color:var( --e-global-color-primary );font-size:1em;line-height:1.6em;letter-spacing:3px;}.elementor-kit-7641 h4{color:var( --e-global-color-primary );}.elementor-kit-7641 h5{color:var( --e-global-color-primary );}.elementor-kit-7641 h6{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:var( --e-global-color-text );}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7641{--e-global-typography-8754741-font-size:50px;--e-global-typography-8754741-line-height:55px;--e-global-typography-28a21f1-font-size:35px;--e-global-typography-28a21f1-line-height:40px;--e-global-typography-f6633c3-font-size:25px;--e-global-typography-f6633c3-line-height:30px;--e-global-typography-875307a-font-size:22px;--e-global-typography-875307a-line-height:30px;font-size:1.25em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7641{--e-global-typography-8754741-font-size:40px;--e-global-typography-8754741-line-height:45px;--e-global-typography-28a21f1-font-size:28px;--e-global-typography-28a21f1-line-height:35px;--e-global-typography-875307a-font-size:18px;--e-global-typography-875307a-line-height:28px;font-size:1em;}.elementor-kit-7641 h3{letter-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ─── NAV ─── */
/*nav {*/
/*  position: fixed; top: 0; left: 0; right: 0; z-index: 100;*/
/*  display: flex; align-items: center; justify-content: space-between;*/
/*  padding: 0 48px; height: 72px;*/
/*  background: rgba(255,255,255,0.88);*/
/*  backdrop-filter: blur(16px);*/
/*  border-bottom: 1px solid rgba(238,64,151,0.08);*/
/*}*/
body{
    line-height: 1;
}
.btn-white{
        background: var(--white);
    color: var(--pink) !important;
}
.btn-ghost{
    color:#fff !important;
}
.btn-primary{
    color:#fff !important;
}

.nav-links { display: flex; align-items: center; gap: 36px; list-style: none; }
.nav-links a { font-size: 16px; font-weight: 500; color: var(--text); text-decoration: none; letter-spacing: 0.2px; transition: color .2s; }
.nav-links a:hover { color: var(--pink); }
.nav-links a.active { color: var(--pink); }
.nav-cta {
  background: var(--pink); color: #fff; padding: 11px 26px; border-radius: 100px;
  font-size: 15px; font-weight: 600; text-decoration: none; transition: opacity .2s, transform .2s;
}
.nav-cta:hover { opacity: .88; transform: translateY(-1px); }

/* ─── PAGE HERO (subpages) ─── */
.page-hero {
  position: relative; padding: 50px 48px 48px;
  background: var(--white); overflow: hidden;
  text-align: center;
}
.page-hero::before {
  content: '';
  position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 700px 400px at 70% 30%, rgba(238,64,151,.06) 0%, transparent 70%),
    radial-gradient(ellipse 500px 350px at 20% 70%, rgba(62,183,234,.05) 0%, transparent 70%);
}
.page-hero::after {
  content: '';
  position: absolute; inset: 0; z-index: 0;
  background-image: radial-gradient(circle, rgba(26,26,46,.07) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 30%, transparent 100%);
}
.page-hero-inner { position: relative; z-index: 1; max-width: 880px; margin: 0 auto; }
.page-hero .eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, rgba(238,64,151,.1), rgba(62,183,234,.1));
  border: 1px solid rgba(238,64,151,.25);
  color: var(--pink); font-size: 12px; font-weight: 600; letter-spacing: 1.2px;
  text-transform: uppercase; padding: 6px 16px; border-radius: 100px; margin-bottom: 20px;
}
.page-hero h1 {
  font-family: var(--serif); font-size: clamp(40px, 5vw, 68px); font-weight: 900;
  line-height: 1.05; letter-spacing: -1px; color: var(--text); margin-bottom: 18px;
  margin-block-start: 0;
}
.page-hero h1 em { font-style: italic; color: var(--pink); }

/* Brand-styled "Q" — mirrors the SocialQ logo's pink, sans-serif, uppercase Q.
   Wrap any Q in <span class="brand-q">Q</span> to match the brand mark. */
.brand-q {
  color: var(--pink);
  font-family: var(--sans);
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: -0.02em;
}

/* Inline brand-Q image — uses the actual SocialQ logo glyph (tightly cropped) */
.brand-q-logo {
  display: inline-block;
  height: 1.05em !important;
  width: auto;
  vertical-align: -0.22em;
  margin: 0 0.02em;
}
.page-hero p.lead {
  font-size: 18px; color: var(--muted); line-height: 1.65; max-width: 640px;
  margin: 0 auto 32px;
}
.page-hero .actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

/* Slim color strip below every page hero — discreet section opener punctuation */
.page-hero { border-bottom: 2px solid var(--pink); }

/* ─── BUTTONS (shared) ─── */
.btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #EE4097, #d4347f);
  color: #fff; padding: 16px 32px 14px; border-radius: 100px;
  font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  text-decoration: none; transition: transform .2s, box-shadow .2s;
  box-shadow: 0 8px 32px rgba(238,64,151,.3) ;
  border: none; cursor: pointer;
}
a.btn-primary{
      box-shadow: 0 8px 32px rgba(238,64,151,.3) ;
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(238,64,151,.4); }
.btn-outline {
  display: inline-flex; align-items: center; gap: 8px;
  border: 2px solid var(--text); color: var(--text);
  padding: 14px 30px 12px; border-radius: 100px;
  font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  text-decoration: none; transition: all .2s;
  background: transparent; cursor: pointer;
}
a.btn-outline{
    color: var(--text);
}
.btn-outline:hover { background: var(--text); color: #fff; }
a.btn-light {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--white); color: var(--dark);
  padding: 14px 30px; border-radius: 100px;
  font-size: 13px; font-weight: 700; line-height: 1;letter-spacing: 1px; text-transform: uppercase;
  text-decoration: none; transition: transform .2s, box-shadow .2s;
  box-shadow: 0 4px 20px rgba(0,0,0,.3);
}
.btn-light:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(0,0,0,.4); }
.btn-white {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--white); color: var(--pink);
  padding: 16px 36px; border-radius: 100px;
  font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  text-decoration: none; transition: transform .2s, box-shadow .2s;
  box-shadow: 0 8px 32px rgba(0,0,0,.2);
}
.btn-white:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(0,0,0,.3); }
.btn-ghost {
  display: inline-flex; align-items: center; gap: 8px;
  border: 2px solid rgba(255,255,255,.5); color: #fff;
  padding: 14px 32px; border-radius: 100px;
  font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
  text-decoration: none; transition: all .2s;
}
.btn-ghost:hover { background: rgba(255,255,255,.15); border-color: #fff; }

/* ─── GENERIC CONTENT SECTIONS ─── */
.section {
  padding: 100px 48px;
}
.section-light { background: var(--white); }
.section-offwhite { background: var(--offwhite); }
.section-dark { background: var(--dark); color: var(--white); }
.section-inner { max-width: 1100px; margin: 0 auto; }
.section h2 {
  font-family: var(--serif); font-size: clamp(36px, 4vw, 52px); font-weight: 900;
  line-height: 1.1; margin-bottom: 24px; color: var(--text);
}
.section-dark h2 { color: var(--white); }
.section h2 em { font-style: italic; color: var(--pink); }
.section .eyebrow {
  display: inline-block;
  font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--pink); margin-bottom: 16px;
}
.section p.body {
  font-size: 16px; line-height: 1.75; color: var(--muted); margin-bottom: 16px; max-width: 720px;
}
.section-dark p.body { color: rgba(255,255,255,.65); }

/* ─── CARD GRID (reusable) ─── */
.cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cards-grid.col-2 { grid-template-columns: repeat(2, 1fr); }
.card {
  background: var(--white); border-radius: 20px; padding: 36px 32px;
  box-shadow: 0 4px 20px rgba(0,0,0,.06);
  border-top: 4px solid var(--pink);
  transition: transform .25s, box-shadow .25s;
}
.card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,0,.1); }
.card.cyan  { border-top-color: var(--cyan); }
.card.yellow{ border-top-color: var(--yellow); }
.card .step {
  font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: var(--pink); margin-bottom: 12px;
}
.card.cyan .step  { color: var(--cyan); }
.card.yellow .step{ color: #c9a800; }
.card h3 {
  font-family: var(--serif); font-size: 24px; font-weight: 900;
  color: var(--text); margin-bottom: 12px; line-height: 1.2;
}
.card p { font-size: 14px; color: var(--muted); line-height: 1.65; }

/* ─── CTA ─── */
.cta {
  background: linear-gradient(135deg, var(--pink), #c4337c);
  padding: 100px 48px; text-align: center; position: relative; overflow: hidden;
}
.cta::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 600px 300px at 50% 50%, rgba(255,255,255,.1), transparent 70%);
}
.cta h2 {
  position: relative;
  font-family: var(--serif); font-size: clamp(38px, 5vw, 64px);
  font-weight: 900; color: var(--white); margin-bottom: 20px; letter-spacing: -1.5px;
}
.cta p {
  position: relative;
  color: rgba(255,255,255,.85); font-size: 18px; margin-bottom: 40px; line-height: 1.6;
}
.cta .actions { position: relative; display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }

/* ─── FORM (used on Contact) ─── */
.form-wrap { max-width: 720px; margin: 0 auto; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.form-row.full { grid-template-columns: 1fr; }
.form-field label {
  display: block; font-size: 11px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--muted); margin-bottom: 8px;
}
.form-field input, .form-field textarea, .form-field select {
  width: 100%; padding: 14px 16px;
  border: 1.5px solid rgba(0,0,0,.1); border-radius: 12px;
  font-family: var(--sans); font-size: 15px; color: var(--text);
  background: var(--white); transition: border-color .2s, box-shadow .2s;
}
.form-field input:focus, .form-field textarea:focus, .form-field select:focus {
  outline: none; border-color: var(--pink);
  box-shadow: 0 0 0 4px rgba(238,64,151,.1);
}
.form-field textarea { min-height: 140px; resize: vertical; }
.form-actions { display: flex; justify-content: center; margin-top: 24px; }

/* ─── INSTAGRAM WIDGET (above footer on every page) ─── */
.ig-widget {
  background: var(--white);
  padding: 80px 48px 100px;
  text-align: center;
  border-top: 4px solid var(--cyan);
}
.ig-widget-inner { max-width: 1200px; margin: 0 auto; }
.ig-widget h2 {
  font-family: var(--serif); font-size: clamp(28px, 3vw, 38px); font-weight: 900;
  letter-spacing: -0.5px; color: var(--text); margin-bottom: 8px;
}
.ig-widget h2 em { font-style: italic; color: var(--pink); }
.ig-widget p {
  color: var(--muted); font-size: 15px; margin-bottom: 36px;
}
.ig-grid {
  display: grid; grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  margin-bottom: 32px;
}
.ig-tile {
  position: relative; aspect-ratio: 1 / 1;
  border-radius: 8px; overflow: hidden;
  background: linear-gradient(135deg, var(--pink), var(--cyan), var(--yellow));
  background-size: 200% 200%;
  display: block; text-decoration: none;
  transition: transform .25s, box-shadow .25s;
}
.ig-tile:nth-child(2n)   { background: linear-gradient(135deg, var(--cyan), var(--pink)); }
.ig-tile:nth-child(3n)   { background: linear-gradient(135deg, var(--yellow), var(--pink)); }
.ig-tile:nth-child(4n)   { background: linear-gradient(135deg, var(--pink), var(--yellow)); }
.ig-tile img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover;
}
.ig-tile::after {
  content: '';
  position: absolute; inset: 0;
  background: rgba(0,0,0,.0);
  transition: background .2s;
}
.ig-tile:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(238,64,151,.25); }
.ig-tile:hover::after { background: rgba(0,0,0,.15); }
.ig-follow {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 28px; border-radius: 100px;
  background: var(--text); color: #fff;
  font-size: 14px; font-weight: 700; letter-spacing: 0.5px;
  text-decoration: none; transition: background .2s, transform .2s;
}
.ig-follow:hover { background: var(--pink); transform: translateY(-1px); }
@media (max-width: 900px) {
    .cta h2{
        font-size:30px;
    }
  .ig-widget { padding: 64px 24px 80px; }
  .ig-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ─── FOOTER ─── */
/*footer {*/
/*  background: var(--dark);*/
/*  color: rgba(255,255,255,.5);*/
/*  padding: 60px 48px 32px;*/
/*}*/
.footer-top {
  display: flex; align-items: flex-start; justify-content: space-between;
  margin-bottom: 48px;
}
.footer-logo {
  font-family: var(--serif); font-size: 24px; font-weight: 900; color: var(--white);
}
.footer-logo span { color: var(--pink); }
.footer-tagline { font-size: 13px; color: rgba(255,255,255,.4); margin-top: 8px; }
.footer-links { display: flex; gap: 48px; }
.footer-col h4 { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.4); margin-bottom: 16px; }
.footer-col a { display: block; font-size: 14px; color: rgba(255,255,255,.6); text-decoration: none; margin-bottom: 10px; transition: color .2s; }
.footer-col a:hover { color: var(--pink); }
.footer-bottom {
  display: flex; align-items: center; justify-content: space-between;
  border-top: 1px solid rgba(255,255,255,.08); padding-top: 28px;
  font-size: 12px;
}
.footer-locs { display: flex; gap: 20px; }
.footer-locs span {
  display: flex; align-items: center; gap: 6px; font-size: 12px;
  color: rgba(255,255,255,.4);
}
.footer-locs .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--pink); }


.cs-section-label h2::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(238,64,151,.2);
}
.cs-section-label h2{
        display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.single-line-heading h4{
        font-family: var(--serif) !important;
        font-weight: 700 !important;
}
/* ─── RESPONSIVE ─── */
@media (max-width: 900px) {
    a.btn-primary,
    a.btn-outline
    {
            padding: 13px 18px;
    }
  nav { padding: 0 24px; }
  .nav-links { display: none; }
  .page-hero { padding: 40px 24px }
   .page-hero h1{ font-size:30px !important; }
  .section { padding: 40px 24px; }
  .cards-grid, .cards-grid.col-2 { grid-template-columns: 1fr; }
  .cta { padding: 40px 24px; }
  .cta .actions { flex-direction: column; align-items: center; }
  .form-row { grid-template-columns: 1fr; }
  .footer-top { flex-direction: column; gap: 40px; align-items:center;
      margin-bottom:20px;
  }
  .footer-links { flex-wrap: wrap; gap: 32px; }
  .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
}/* End custom CSS */