.elementor-4891 .elementor-element.elementor-element-2c4d8d2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-6382fd7 *//* =========================================================================
   ScaleUpExec — DCI Case Study CSS  (PART 1 of 2)
   Paste into: Elementor -> Page Settings (gear, bottom-left)
               -> Advanced -> Custom CSS
   Scoped to .sxCs4d and its sections, so it cannot affect the rest
   of the site. If this field strips @import, move the first line into
   Elementor -> Custom Code -> Head instead.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

.sxCs4d,.sxCsHero4d,.sxCsQuoteSec4d,.sxCsSec4d{--green-900:#1a3329;--green-800:#24443a;--green-700:#2f5749;--green-100:#e0e8de;--green-50:#eef2ec;--paper:#fdfdf9;--paper-2:#f7f9f5;--accent:#dd592a;--accent-hover:#c4471d;--gold:#d4a537;--gold-soft:#e8d3a0;--line:#dfe5db;--line-soft:#e9eee6;--text-body:#3c4a44;--text-muted:#6b7a72;--on-dark-muted:#b7c8bf;--border-inverse:rgba(253,253,249,.22);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--shadow-sm:0 2px 8px rgba(36,68,58,.07);--shadow-md:0 8px 24px rgba(36,68,58,.09);--font-display:'Manrope',system-ui,sans-serif;--font-body:'Inter',system-ui,sans-serif}
.sxCs4d,.sxCsHero4d,.sxCsQuoteSec4d,.sxCsSec4d{font-family:var(--font-body)!important;font-size:16px;line-height:1.62;color:var(--text-body);-webkit-font-smoothing:antialiased}
.sxCs4d{background:var(--paper);overflow-x:hidden}
.sxCs4d *,.sxCs4d *::before,.sxCs4d *::after,.sxCsHero4d *,.sxCsQuoteSec4d *,.sxCsSec4d *{box-sizing:border-box}
.sxCs4d h1,.sxCs4d h2,.sxCs4d h3,.sxCs4d h4,.sxCsHero4d h1,.sxCsHero4d h2,.sxCsQuoteSec4d h2,.sxCsSec4d h2,.sxCsSec4d h3{font-family:var(--font-display)!important;text-transform:none!important;margin:0;text-align:left!important;color:var(--green-800)!important}
.sxCsHero4d .sxCsH1_4d,.sxCs4d .sxCsH1_4d{color:var(--paper)!important;text-align:left!important}
.sxCsCta4d .sxCsCtaH4d,.sxCs4d .sxCsCtaH4d{color:#fdfdf9 !important}
.sxCs4d p,.sxCs4d span,.sxCs4d li,.sxCs4d a,.sxCs4d div,.sxCsSec4d p,.sxCsSec4d span,.sxCsSec4d li,.sxCsSec4d a,.sxCsSec4d div,.sxCsHero4d p,.sxCsHero4d span,.sxCsQuoteSec4d p,.sxCsQuoteSec4d span{font-family:var(--font-body)}
.sxCs4d p,.sxCsSec4d p,.sxCsHero4d p,.sxCsQuoteSec4d p{margin:0}
.sxCsSec4d,.sxCsHero4d,.sxCsQuoteSec4d{color:var(--text-body)!important}
.sxCs4d a,.sxCsSec4d a{text-decoration:none;box-shadow:none}
.sxCs4d img,.sxCsSec4d img,.sxCsHero4d img,.sxCsQuoteSec4d img{max-width:100%;height:auto}
.sxCsWrap4d{max-width:1180px;margin:0 auto;padding:0 40px}
/* --- hero --- */
.sxCsHero4d{background:var(--green-800);padding:96px 0 88px;text-align:left!important}
.sxCsHeroGrid4d{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.sxCsHeroArt4d{background:rgba(253,253,249,.05);border:1px solid var(--border-inverse);border-radius:var(--radius-xl);padding:16px}
.sxCs4d .sxCsHeroArt4d img{width:100%;height:420px;object-fit:contain;border-radius:var(--radius-lg);display:block}
.sxCsHeroKicker4d{display:flex;align-items:center;gap:11px;font-family:var(--font-display)!important;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 34px!important}
.sxCs4d .sxCsHeroLogo4d{width:42px;height:42px;border-radius:50%;object-fit:contain;background:var(--paper);padding:5px;flex:none;display:block}
.sxCsH1_4d{font-weight:800!important;font-size:clamp(2.3rem,4.4vw,3.5rem)!important;letter-spacing:-.035em!important;line-height:1.04!important;color:var(--paper)!important;margin:0!important;text-wrap:balance}
.sxCsH1_4d em{font-style:normal;color:var(--gold)}
.sxCsHeroSub4d{text-align:left!important;font-family:var(--font-display)!important;font-weight:700;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.34;letter-spacing:-.015em;color:var(--gold);margin:20px 0 0!important;text-wrap:balance}
.sxCsHeroLede4d{text-align:left!important;font-family:var(--font-body)!important;font-size:16.5px;line-height:1.68;color:var(--on-dark-muted);margin:24px 0 0!important}
.sxCsHeroLede4d+.sxCsHeroLede4d{margin-top:18px!important}
.sxCsTags4d{display:flex;flex-wrap:wrap;gap:11px;margin-top:38px}
.sxCsTag4d{font-family:var(--font-body)!important;font-weight:600;font-size:14px;color:var(--paper);background:transparent;border:1px solid var(--border-inverse);border-radius:999px;padding:11px 22px;line-height:1.2}
/* --- quote --- */
.sxCsQuoteSec4d{background:var(--paper-2);padding:88px 0;border-bottom:1px solid var(--line-soft)}
.sxCsQuoteIn4d{max-width:900px;margin:0 auto;padding:0 40px;text-align:center}
.sxCsQuoteIn4d h2,.sxCsQuoteT4d,.sxCsQuoteMark4d{text-align:center!important}
.sxCsQuoteMark4d{font-family:var(--font-display)!important;font-weight:800;font-size:46px;line-height:1;color:var(--gold);margin:0 0 26px!important}
.sxCsQuoteT4d{font-family:var(--font-display)!important;font-weight:700;font-size:clamp(1.25rem,2.1vw,1.65rem);line-height:1.5;color:var(--green-800);margin:0 0 34px!important;text-wrap:pretty}
.sxCsQuoteWho4d{display:flex;align-items:center;justify-content:center;gap:16px}
.sxCs4d .sxCsQuotePhoto4d{width:66px;height:66px;border-radius:50%;object-fit:cover;background:var(--green-100);display:block;flex:none;border:2px solid var(--gold-soft)}
.sxCsQuoteN4d{font-family:var(--font-display)!important;font-weight:700;font-size:16px;color:var(--green-800);margin:0!important;text-align:left}
.sxCsQuoteR4d{font-family:var(--font-body)!important;font-size:14.5px;color:var(--text-muted);margin:1px 0 0!important;text-align:left}
/* --- section marker --- */
.sxCsSec4d{padding:100px 0;background:var(--paper)}
.sxCsSecAlt4d{background:var(--paper-2)}
.sxCsMarker4d{display:flex;align-items:baseline;gap:26px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:40px}
.sxCsMarkerN4d{font-family:var(--font-display)!important;font-weight:800;font-size:19px;color:var(--accent)!important;line-height:1}
.sxCsMarkerT4d{font-family:var(--font-display)!important;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)!important}
.sxCsH2_4d{font-weight:800!important;letter-spacing:-.03em!important;line-height:1.08!important;font-size:clamp(2.1rem,4vw,3rem);text-wrap:balance}
.sxCsBody4d{font-family:var(--font-body)!important;font-size:16.5px;line-height:1.75;color:var(--text-muted)!important}
.sxCsBody4d+.sxCsBody4d{margin-top:20px!important}
/* --- challenge: 2 col --- */
.sxCsSplit4d{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:start}
.sxCsPoints4d{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sxCsPoints4d li{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line);font-family:var(--font-body)!important;font-size:16.5px;line-height:1.6;color:var(--text-body)!important}
.sxCsPoints4d li b{font-family:var(--font-display)!important;font-weight:700;color:var(--green-800)!important}
.sxCsIcoX4d{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(221,89,42,.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px}
.sxCsIcoC4d{flex:none;width:26px;height:26px;border-radius:50%;background:var(--green-800);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px}
/* --- gallery --- */
.sxCsGallery4d{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
.sxCsGallery4d img{width:100%;height:290px;object-fit:contain;background:var(--green-50);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px;display:block;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}
.sxCsGallery4d img:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
/* --- work blocks --- */
.sxCsIntro4d{font-family:var(--font-body)!important;font-size:17px;line-height:1.68;color:var(--text-muted)!important;margin:22px 0 0!important;padding-bottom:44px;border-bottom:1px solid var(--line)}
.sxCsWorkItem4d{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:start;padding:58px 0;border-bottom:1px solid var(--line)}
.sxCsWorkItem4d:last-child{border-bottom:none}
.sxCsWorkNRow4d{display:flex;align-items:baseline;gap:18px;margin-bottom:14px}
.sxCsWorkN4d{font-family:var(--font-display)!important;font-weight:800;font-size:52px;line-height:.9;color:var(--gold-soft);letter-spacing:-.04em}
.sxCsWorkTag4d{font-family:var(--font-display)!important;font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.sxCsH3_4d{font-weight:800!important;font-size:clamp(1.3rem,2.2vw,1.7rem)!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:0 0 16px!important}
.sxCsSolL4d{font-family:var(--font-display)!important;font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)!important;margin:0 0 6px!important}
/* --- results --- */
.sxCsResults4d{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 40px}
.sxCsResult4d{border-top:1.5px solid var(--gold);padding-top:26px}
.sxCsResultV4d{font-family:var(--font-display)!important;font-weight:800;font-size:52px;letter-spacing:-.04em;line-height:1;color:var(--green-800)!important;margin:0 0 20px!important}
.sxCsResultL4d{font-family:var(--font-display)!important;font-weight:700;font-size:17px;color:var(--green-800)!important;margin:0 0 10px!important;line-height:1.3}
.sxCsResultL4d::first-letter{text-transform:uppercase}
.sxCsResultIco4d{width:38px;height:38px;color:var(--accent);display:block;margin:0 0 20px}
.sxCsResultD4d{font-family:var(--font-body)!important;font-size:15.5px;line-height:1.65;color:var(--text-muted)!important;margin:0!important}
/* --- conclusion + CTA --- */
.sxCsEnd4d{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.sxCsCta4d{background:#24443a !important;background-color:#24443a !important;background-image:none !important;border-radius:var(--radius-xl);padding:48px;box-shadow:none !important}
.sxCsCta4d > *{background:transparent !important;box-shadow:none !important;border:0 !important}
.sxCsCtaH4d{font-family:var(--font-display)!important;font-weight:800!important;font-size:30px!important;letter-spacing:-.025em!important;line-height:1.15!important;color:#fdfdf9 !important;margin:0 0 16px!important}
.sxCsCtaP4d{font-family:var(--font-body)!important;font-size:16.5px;line-height:1.65;color:#b7c8bf !important;margin:0 0 32px!important}
.sxCsBtn4d{display:inline-flex!important;box-sizing:border-box;align-items:center!important;justify-content:center;gap:12px;border-radius:999px;font-family:var(--font-display)!important;font-weight:700;font-size:17px;padding:17px 34px;line-height:1.2!important;cursor:pointer;border:none;background:#dd592a !important;background-color:#dd592a !important;color:#fff !important;transition:background .2s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1)}
.sxCsBtn4d:hover{background:#c4471d !important;background-color:#c4471d !important;color:#fff !important}
.sxCsBtn4d:active{transform:scale(.97)}
.sxCsChips4d{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:28px;font-family:var(--font-body)!important;font-weight:500;font-size:14.5px;color:#b7c8bf !important}
.sxCsChipDot4d{width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}
/* ============================================================
   MOBILE / TABLET
   ============================================================ */
@media(max-width:1024px){
  .sxCsSplit4d,.sxCsWorkItem4d,.sxCsEnd4d,.sxCsHeroGrid4d{grid-template-columns:1fr;gap:36px}
  .sxCs4d .sxCsHeroArt4d img{height:320px}
  .sxCsGallery4d{gap:14px}
  .sxCsGallery4d img{height:230px}
  .sxCsResults4d{grid-template-columns:1fr 1fr;gap:40px 32px}
  .sxCsSec4d{padding:72px 0}
  .sxCsHero4d{padding:72px 0 64px}
  .sxCsQuoteSec4d{padding:64px 0}
}
@media(max-width:640px){
  .sxCsWrap4d,.sxCsQuoteIn4d{padding:0 22px}
  .sxCsSec4d{padding:56px 0}
  .sxCsHero4d{padding:56px 0 52px}
  .sxCsMarker4d{margin-bottom:34px;gap:16px}
  .sxCsGallery4d{grid-template-columns:1fr;margin-top:40px}
  .sxCsGallery4d img{height:250px}
  .sxCsResults4d{grid-template-columns:1fr;gap:32px}
  .sxCsWorkItem4d{padding:40px 0}
  .sxCsWorkN4d{font-size:42px}
  .sxCs4d .sxCsHeroArt4d img{height:240px}
  .sxCsHeroArt4d{padding:12px}
  .sxCsCta4d{padding:34px 26px}
  .sxCsBtn4d{width:100%}
  .sxCsQuoteWho4d{flex-direction:column;gap:12px}
  .sxCsQuoteN4d,.sxCsQuoteR4d{text-align:center}
}/* End custom CSS */