.elementor-3436 .elementor-element.elementor-element-4c50151{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-3436 .elementor-element.elementor-element-4c50151:not(.elementor-motion-effects-element-type-background), .elementor-3436 .elementor-element.elementor-element-4c50151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3436 .elementor-element.elementor-element-4c50151::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .elementor-background-video-container::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .e-con-inner > .elementor-background-video-container::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .elementor-background-slideshow::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3436 .elementor-element.elementor-element-f6213e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-3436 .elementor-element.elementor-element-f6213e3:not(.elementor-motion-effects-element-type-background), .elementor-3436 .elementor-element.elementor-element-f6213e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3436 .elementor-element.elementor-element-c5cb806{text-align:center;}.elementor-3436 .elementor-element.elementor-element-c5cb806 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:16px;color:#EB5F05;}.elementor-3436 .elementor-element.elementor-element-877a1fd .etheme-headline{font-family:"Libre Baskerville", Sans-serif;font-size:80px;font-weight:700;color:#FFFFFF;}.elementor-3436 .elementor-element.elementor-element-877a1fd{text-align:center;}.elementor-3436 .elementor-element.elementor-element-877a1fd .etheme-headline-text-wrapper{font-family:"Libre Baskerville", Sans-serif;font-style:italic;--text-color:#CD739B;}.elementor-3436 .elementor-element.elementor-element-67f398c2:not(.elementor-motion-effects-element-type-background), .elementor-3436 .elementor-element.elementor-element-67f398c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3436 .elementor-element.elementor-element-67f398c2 > .elementor-background-overlay{background-color:#1E1E1E;opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3436 .elementor-element.elementor-element-67f398c2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-3436 .elementor-element.elementor-element-132c47c1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-3436 .elementor-element.elementor-element-132c47c1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3436 .elementor-element.elementor-element-3ff2c69c{background-color:#4F6F3F;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3436 .elementor-element.elementor-element-2029b8c6{--display:flex;--overlay-opacity:0.5;--overlay-mix-blend-mode:color;}.elementor-3436 .elementor-element.elementor-element-2029b8c6:not(.elementor-motion-effects-element-type-background), .elementor-3436 .elementor-element.elementor-element-2029b8c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://socialmediajungle.gr/wp-content/uploads/2026/06/social-media-jungle-services-philosophie-bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3436 .elementor-element.elementor-element-2029b8c6::before, .elementor-3436 .elementor-element.elementor-element-2029b8c6 > .elementor-background-video-container::before, .elementor-3436 .elementor-element.elementor-element-2029b8c6 > .e-con-inner > .elementor-background-video-container::before, .elementor-3436 .elementor-element.elementor-element-2029b8c6 > .elementor-background-slideshow::before, .elementor-3436 .elementor-element.elementor-element-2029b8c6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3436 .elementor-element.elementor-element-2029b8c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#CD739B;--background-overlay:'';}.elementor-3436 .elementor-element.elementor-element-1aa8251e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3436 .elementor-element.elementor-element-ed1fb50{--display:flex;--min-height:350px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:24px 24px 24px 24px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;--z-index:1;}.elementor-3436 .elementor-element.elementor-element-6bf6644d{width:var( --container-widget-width, 63.795% );max-width:63.795%;--container-widget-width:63.795%;--container-widget-flex-grow:0;}.elementor-3436 .elementor-element.elementor-element-6bf6644d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3436 .elementor-element.elementor-element-4ef5782d{--display:flex;--min-height:350px;--border-radius:35px 35px 35px 35px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;--z-index:2;}.elementor-3436 .elementor-element.elementor-element-69a82c67{--display:flex;--min-height:350px;--border-radius:35px 35px 35px 35px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;--z-index:3;}.elementor-3436 .elementor-element.elementor-element-3bd7f4c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-3436 .elementor-element.elementor-element-3bd7f4c:not(.elementor-motion-effects-element-type-background), .elementor-3436 .elementor-element.elementor-element-3bd7f4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3436 .elementor-element.elementor-element-3bd7f4c::before, .elementor-3436 .elementor-element.elementor-element-3bd7f4c > .elementor-background-video-container::before, .elementor-3436 .elementor-element.elementor-element-3bd7f4c > .e-con-inner > .elementor-background-video-container::before, .elementor-3436 .elementor-element.elementor-element-3bd7f4c > .elementor-background-slideshow::before, .elementor-3436 .elementor-element.elementor-element-3bd7f4c > .e-con-inner > .elementor-background-slideshow::before, .elementor-3436 .elementor-element.elementor-element-3bd7f4c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(min-width:768px){.elementor-3436 .elementor-element.elementor-element-4c50151{--width:100%;}.elementor-3436 .elementor-element.elementor-element-2029b8c6{--content-width:720px;}.elementor-3436 .elementor-element.elementor-element-ed1fb50{--width:100%;}.elementor-3436 .elementor-element.elementor-element-3bd7f4c{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-c5cb806 */.elementor-3436 .elementor-element.elementor-element-c5cb806 {
    font-family: 'Aparrat', sans-serif !important;
  font-weight: 700;
  letter-spacing: 2.5px; text-transform: uppercase;
  color: #EB5F05; display: block; margin-bottom: 20px;
  position: relative; z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ff2c69c *//* =========================================================
   SMJ SERVICES — INTRO SECTION
========================================================= */

.smj-s2 {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;

  background: #000 !important;

  padding:
    clamp(90px, 9vw, 150px)
    24px
    clamp(95px, 10vw, 165px) !important;
}


/* =========================================================
   INNER
========================================================= */

.smj-s2-inner {
  width: min(100%, 1260px) !important;
  margin: 0 auto !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  text-align: center !important;
}


/* =========================================================
   TITLE
========================================================= */

.smj-s2-title {
  width: min(100%, 1050px) !important;
  margin: 0 auto clamp(30px, 3vw, 44px) !important;

  font-family: 'Baskerville', serif !important;
  font-size: clamp(32px, 3.45vw, 50px) !important;
  font-weight: 400 !important;
  line-height: 1.13 !important;
  letter-spacing: -0.018em !important;

  color: #fff !important;
  text-align: center !important;
}

.smj-accent-orange {
  display: inline-block;
  color: #EB5F05 !important;
  margin-top: 4px;
}

.smj-accent-orange::after {
  content: "";
  position: absolute;

  left: 5%;
  bottom: 4%;

  width: 90%;
  height: 6px;

  background: #EB5F05;
  opacity: 0.32;

  z-index: -1;
  border-radius: 999px;
}

.smj-accent-white {
  display: block;

  margin-top: 4px;

  color: #fff !important;
  font-style: italic !important;
}

.smj-accent-white::after {
  content: "";
  position: absolute;

  left: 12%;
  bottom: 1%;

  width: 76%;
  height: 5px;

  background: rgba(255,255,255,0.3);

  z-index: -1;
  border-radius: 999px;
}


/* =========================================================
   BODY
========================================================= */

.smj-s2-body {
  width: min(100%, 880px) !important;
  margin: 0 auto !important;
}


.smj-s2-body p {
  margin: 0 !important;

  font-family: 'Aparrat', sans-serif !important;

  font-size: clamp(18px, 1.55vw, 23px) !important;
  font-weight: 400 !important;

  line-height: 1.65 !important;

  color: rgba(255, 255, 255, 0.92) !important;

  text-align: center !important;
}


/* Pink highlight */

.smj-hl-pink {
  padding: 0 4px !important;

  background: transparent !important;

  color: #CD739B !important;

  font-weight: 600 !important;
}


/* =========================================================
   ANIMATED ANIMAL
========================================================= */

.smj-animal-wrap {
  position: absolute;

  right: clamp(10px, 3vw, 45px);
  bottom: 6%;

  width: clamp(105px, 11vw, 170px);

  z-index: 2;

  opacity: 0;

  pointer-events: none;

  transform: translateY(25px);

  transition:
    opacity 0.9s ease,
    transform 0.9s ease;
}


.smj-animal-wrap.smj-visible {
  opacity: 0.35;

  transform: translateY(0);
}


.smj-animal-wrap img {
  display: block;

  width: 100%;
  height: auto;

  transform-origin: top center;

  animation: smj-swing 4.2s ease-in-out infinite;
}


@keyframes smj-swing {

  0% {
    transform: rotate(-5deg);
  }

  50% {
    transform: rotate(5deg);
  }

  100% {
    transform: rotate(-5deg);
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

  .smj-s2 {
    padding:
      85px
      24px
      110px !important;
  }


  .smj-s2-title {
    width: min(100%, 850px) !important;
  }


  .smj-s2-body {
    width: min(100%, 720px) !important;
  }


  .smj-animal-wrap {
    right: 5px;

    opacity: 0.22;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .smj-s2 {
    padding:
      70px
      20px
      90px !important;
  }


  .smj-s2-title {
    font-size: clamp(31px, 9vw, 42px) !important;

    line-height: 1.12 !important;

    margin-bottom: 28px !important;
  }


  .smj-accent-white {
    margin-top: 6px;
  }


  .smj-accent-orange::after {
    height: 7px;
  }


  .smj-accent-white::after {
    height: 5px;
  }


  .smj-s2-body p {
    font-size: 18px !important;

    line-height: 1.6 !important;
  }


  .smj-animal-wrap {
    width: 90px;

    right: -15px;
    bottom: 2%;

    opacity: 0.17;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .smj-animal-wrap,
  .smj-animal-wrap img {
    animation: none !important;
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bf6644d */.elementor-3436 .elementor-element.elementor-element-6bf6644d {
  background: #0E0E0E !important;
  border: 1px solid #222 !important;
  border-radius: 24px !important;

  width: 100% !important;
  max-width: 760px !important;

  margin: 0 auto !important;

  padding: 48px 52px !important;

  position: relative !important;
  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
}


/* =========================================================
   INNER CARD
========================================================= */

.elementor-3436 .elementor-element.elementor-element-6bf6644d .sc-card {
  width: 100%;
  max-width: 650px;

  padding: 0;

  position: relative;

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
}


/* =========================================================
   PHILOSOPHY TITLE
========================================================= */

.elementor-3436 .elementor-element.elementor-element-6bf6644d .sc-title {
  margin: 0 0 16px !important;

  font-family: 'Baskerville', serif !important;

  font-size: clamp(44px, 4.2vw, 58px) !important;
  font-weight: 700 !important;

  line-height: 1.08 !important;
  letter-spacing: -0.5px !important;

  color: #fff !important;

  text-align: center !important;
}


.elementor-3436 .elementor-element.elementor-element-6bf6644d .sc-title em {
  font-family: 'Baskerville', serif !important;

  color: #CD739B !important;

  font-style: italic !important;
  font-weight: 700 !important;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.elementor-3436 .elementor-element.elementor-element-6bf6644d .smj-srv-s2-title {
  margin: 0 0 24px !important;

  font-family: 'Baskerville', serif !important;

  font-size: clamp(36px, 3.5vw, 48px) !important;
  font-weight: 400 !important;

  line-height: 1.08 !important;
  letter-spacing: -0.5px !important;

  color: #fff !important;

  text-align: center !important;
}


.elementor-3436 .elementor-element.elementor-element-6bf6644d .smj-srv-s2-title em {
  color: #EB5F05 !important;

  font-style: italic !important;
  font-weight: 400 !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.elementor-3436 .elementor-element.elementor-element-6bf6644d .sc-desc {
  margin: 0 !important;

  font-family: 'Aparrat', sans-serif !important;

  font-size: 16px !important;
  font-weight: 400 !important;

  line-height: 1.75 !important;

  color: rgba(255,255,255,1) !important;

  text-align: center !important;

  max-width: 620px;
}


.elementor-3436 .elementor-element.elementor-element-6bf6644d .sc-desc strong {
  color: #fff !important;

  font-weight: 600 !important;
}


/* =========================================================
   REMOVE NUMBER
========================================================= */

.elementor-3436 .elementor-element.elementor-element-6bf6644d .sc-num {
  display: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .elementor-3436 .elementor-element.elementor-element-6bf6644d {
    max-width: calc(100% - 28px) !important;

    padding: 34px 22px !important;

    border-radius: 22px !important;
  }


  .elementor-3436 .elementor-element.elementor-element-6bf6644d .sc-title {
    font-size: clamp(36px, 10vw, 44px) !important;

    line-height: 1.05 !important;

    margin-bottom: 14px !important;
  }


  .elementor-3436 .elementor-element.elementor-element-6bf6644d .smj-srv-s2-title {
    font-size: clamp(30px, 8.5vw, 38px) !important;

    line-height: 1.08 !important;

    margin-bottom: 20px !important;
  }


  .elementor-3436 .elementor-element.elementor-element-6bf6644d .sc-desc {
    font-size: 17px !important;

    line-height: 1.62 !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7162203 */* { box-sizing: border-box; margin: 0; padding: 0; }
 
.smj-method {
  background: #000000;
  padding: 100px 60px;
  position: relative;
  overflow: hidden;
}
 
/* Decorative bg text */
.smj-method::before {
  content: 'METHOD';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Baskerville', serif !important;
  font-size: clamp(100px, 16vw, 200px);
  font-weight: 700;
  font-style: italic;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,0.04);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
}
 
.smj-method-inner {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
 
/* ── HEADER ── */
.smj-method-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: end;
  margin-bottom: 80px;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
 
.smj-method-eyebrow {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #EB5F05;
  display: block;
  margin-bottom: 16px;
}
 
.smj-method-title {
 font-family: 'Baskerville', serif !important;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  color: #EBEBEB;
  line-height: 1.12;
  letter-spacing: -0.5px;
}
 
.smj-method-title em {
  font-style: italic;
  color: #CD739B;
}
 
.smj-method-intro {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  color: rgba(235,235,235,0.55);
  line-height: 1.82;
  padding-top: 8px;
}
 
/* ── STEPS ── */
.smj-method-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
}
 
/* Connecting line */
.smj-method-steps::before {
  content: '';
  position: absolute;
  top: 36px;
  left: calc(12.5%);
  right: calc(12.5%);
  height: 1px;
  background: linear-gradient(to right,
    #EB5F05 0%,
    #CD739B 33%,
    #506E41 66%,
    #EBEBEB 100%
  );
  z-index: 0;
}
 
.smj-method-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
 
/* Step circle */
.smj-method-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 28px;
  position: relative;
  z-index: 2;
}
 
.smj-method-step:nth-child(1) .smj-method-circle { background: #EB5F05; }
.smj-method-step:nth-child(2) .smj-method-circle { background: #CD739B; }
.smj-method-step:nth-child(3) .smj-method-circle { background: #506E41; }
.smj-method-step:nth-child(4) .smj-method-circle {
  background: #EB5F05;
  border: 5px solid #EBEBEB;
}
 
/* Step number */
.smj-method-step-num {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  color: #fff;
  opacity: 0.7;
  display: block;
  margin-bottom: 8px;
}
 
/* Step word */
.smj-method-step-word {
 font-family: 'Baskerville', serif !important;
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 700;
  color: #EBEBEB;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
  line-height: 1;
}
 
.smj-method-step:nth-child(1) .smj-method-step-word { color: #EB5F05; }
.smj-method-step:nth-child(2) .smj-method-step-word { color: #CD739B; }
.smj-method-step:nth-child(3) .smj-method-step-word { color: #506E41; }
.smj-method-step:nth-child(4) .smj-method-step-word { color: #EBEBEB; }
 
/* Step text */
.smj-method-step-text {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  color: rgba(235,235,235,0.5);
  line-height: 1.75;
}
 
/* SVG icon inside circle */
.smj-method-circle svg {
  width: 28px;
  height: 28px;
}
 
/* ── BOTTOM CTA ── */
.smj-method-cta {
  text-align: center;
  margin-top: 80px;
  padding-top: 60px;
  border-top: 1px solid rgba(255,255,255,0.07);
}
 
.smj-method-cta-label {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(235,235,235,0.3);
  display: block;
  margin-bottom: 12px;
}
 
.smj-method-cta-text {
  font-family: 'Baskerville', serif !important;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
  color: #EBEBEB;
  letter-spacing: -0.5px;
  margin-bottom: 28px;
}
 
.smj-method-cta-text em {
  font-style: italic;
  color: #CD739B;
}
 
.smj-method-btn {
  display: inline-block;
  background: #EB5F05;
  color: #fff;
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 15px 36px;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 24px rgba(235,95,5,0.35);
  transition: opacity 0.2s, transform 0.2s;
}
.smj-method-btn:hover { opacity: 0.88; transform: translateY(-2px); }

.elementor-3436 .elementor-element.elementor-element-7162203 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-3436 .elementor-element.elementor-element-7162203 .stacking-wrapper {
  width: 100% !important;
  max-width: none !important;
}

.elementor-3436 .elementor-element.elementor-element-7162203 .stacking-wrapper > * {
  width: min(100% - 48px, 1400px);
  margin-inline: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fe0a4b */* { box-sizing: border-box; margin: 0; padding: 0; }
 
.smj-method {
  background: #000000;
  padding: 100px 60px;
  position: relative;
  overflow: hidden;
}
 
/* Decorative bg text */
.smj-method::before {
  content: 'METHOD';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Baskerville', serif !important;
  font-size: clamp(100px, 16vw, 200px);
  font-weight: 700;
  font-style: italic;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,0.04);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
}
 
.smj-method-inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
 
/* ── HEADER ── */
.smj-method-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: end;
  margin-bottom: 80px;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
 
.smj-method-eyebrow {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #EB5F05;
  display: block;
  margin-bottom: 16px;
}
 
.smj-method-title {
 font-family: 'Baskerville', serif !important;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  color: #EBEBEB;
  line-height: 1.12;
  letter-spacing: -0.5px;
}
 
.smj-method-title em {
  font-style: italic;
  color: #CD739B;
}
 
.smj-method-intro {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  color: rgba(235,235,235,0.55);
  line-height: 1.82;
  padding-top: 8px;
}
 
/* ── STEPS ── */
.smj-method-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
}
 
/* Connecting line */
.smj-method-steps::before {
  content: '';
  position: absolute;
  top: 36px;
  left: calc(12.5%);
  right: calc(12.5%);
  height: 1px;
  background: linear-gradient(to right,
    #EB5F05 0%,
    #CD739B 33%,
    #506E41 66%,
    #EBEBEB 100%
  );
  z-index: 0;
}
 
.smj-method-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
 
/* Step circle */
.smj-method-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 28px;
  position: relative;
  z-index: 2;
}
 
.smj-method-step:nth-child(1) .smj-method-circle { background: #EB5F05; }
.smj-method-step:nth-child(2) .smj-method-circle { background: #CD739B; }
.smj-method-step:nth-child(3) .smj-method-circle { background: #506E41; }
.smj-method-step:nth-child(4) .smj-method-circle {
  background: #EB5F05;
  border: 5px solid #EBEBEB;
}
 
/* Step number */
.smj-method-step-num {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  color: #fff;
  opacity: 0.7;
  display: block;
  margin-bottom: 8px;
}
 
/* Step word */
.smj-method-step-word {
 font-family: 'Baskerville', serif !important;
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 700;
  color: #EBEBEB;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
  line-height: 1;
}
 
.smj-method-step:nth-child(1) .smj-method-step-word { color: #EB5F05; }
.smj-method-step:nth-child(2) .smj-method-step-word { color: #CD739B; }
.smj-method-step:nth-child(3) .smj-method-step-word { color: #506E41; }
.smj-method-step:nth-child(4) .smj-method-step-word { color: #EBEBEB; }
 
/* Step text */
.smj-method-step-text {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  color: rgba(235,235,235,0.5);
  line-height: 1.75;
}
 
/* SVG icon inside circle */
.smj-method-circle svg {
  width: 28px;
  height: 28px;
}
 
/* ── BOTTOM CTA ── */
.smj-method-cta {
  text-align: center;
  margin-top: 80px;
  padding-top: 60px;
  border-top: 1px solid rgba(255,255,255,0.07);
}
 
.smj-method-cta-label {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(235,235,235,0.3);
  display: block;
  margin-bottom: 12px;
}
 
.smj-method-cta-text {
  font-family: 'Baskerville', serif !important;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
  color: #EBEBEB;
  letter-spacing: -0.5px;
  margin-bottom: 28px;
}
 
.smj-method-cta-text em {
  font-style: italic;
  color: #CD739B;
}
 
.smj-method-btn {
  display: inline-block;
  background: #EB5F05;
  color: #fff;
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 15px 36px;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 24px rgba(235,95,5,0.35);
  transition: opacity 0.2s, transform 0.2s;
}
.smj-method-btn:hover { opacity: 0.88; transform: translateY(-2px); }/* End custom CSS */