:root {
  --social-ink: #10120f;
  --social-paper: #f4f4ef;
  --social-muted: #66675f;
  --social-line: #dcdcd2;
  --social-lime: #b8ff3d;
  --social-dark-soft: #1b2118;
  --social-shadow: 0 18px 50px rgba(16,18,15,.1);
}

body { background: var(--social-paper); color: var(--text); }
.section-shell { padding: clamp(68px, 8vw, 112px) 0; }
.section-head { max-width: 720px; margin-bottom: clamp(30px, 4vw, 52px); }
.section-head h2 { margin-top: 14px; font-size: clamp(2rem, 3.8vw, 4rem); line-height: 1.06; letter-spacing: -.055em; }
.section-head p { max-width: 62ch; margin-top: 16px; color: var(--social-muted); line-height: 1.75; }
.section-head.on-dark h2 { color: #fff; }.section-head.on-dark .kicker { color: var(--social-lime); }

.social-hero { position: relative; overflow: hidden; padding: 150px 0 92px; color: #fff; background: radial-gradient(circle at 82% 12%, rgba(184,255,61,.16), transparent 28%), linear-gradient(135deg,#090b09,#171d12 62%,#10130e); }
.social-hero::after { position: absolute; right: -100px; bottom: -210px; width: 470px; height: 470px; border: 1px solid rgba(184,255,61,.16); border-radius: 50%; content: ""; }
.social-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(34px, 7vw, 100px); align-items: center; }
.social-hero__copy h1 { max-width: 11ch; margin: 18px 0; color: #fff; font-size: clamp(3rem, 5.4vw, 6rem); line-height: .99; letter-spacing: -.07em; }
.social-hero__copy p { max-width: 62ch; color: #ced1c8; font-size: 1.03rem; line-height: 1.75; }.social-hero__copy p + p { margin-top: 12px; }
.social-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 28px; }.social-service-line { margin-top: 23px; color: rgba(255,255,255,.65); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.social-btn-primary { padding: 14px 21px; border: 1px solid var(--social-lime); color: var(--social-ink); background: var(--social-lime); }.social-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(184,255,61,.2); }
.social-btn-light { padding: 14px 21px; border: 1px solid rgba(255,255,255,.26); color: #fff; background: rgba(255,255,255,.04); }.social-btn-light:hover { border-color: var(--social-lime); background: rgba(184,255,61,.08); }
.social-hero__visual { position: relative; min-height: 500px; transform: rotate(2deg); }.social-hero__visual img { width: 100%; height: 500px; object-fit: cover; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; box-shadow: 0 30px 80px rgba(0,0,0,.35); filter: saturate(.86) contrast(1.04); }.social-hero__stamp { position: absolute; left: -26px; bottom: 28px; display: grid; gap: 5px; padding: 19px 21px; border: 1px solid rgba(184,255,61,.3); border-radius: 15px; color: #fff; background: rgba(16,18,15,.9); box-shadow: var(--social-shadow); }.social-hero__stamp strong { color: var(--social-lime); font: 700 1.25rem 'Sora', sans-serif; }.social-hero__stamp span { color: #c8ccc1; font-size: .75rem; }

.social-trust { color: #fff; background: #171b15; border-block: 1px solid rgba(255,255,255,.1); }.social-trust__grid { display: grid; grid-template-columns: repeat(4,1fr); }.social-trust__grid > div { min-height: 116px; display: grid; align-content: center; gap: 7px; padding: 18px; border-left: 1px solid rgba(255,255,255,.1); }.social-trust__grid > div:first-child { border-left: 0; }.social-trust strong { color: var(--social-lime); font: 700 clamp(1.25rem, 2.4vw, 2rem) 'Sora', sans-serif; }.social-trust span { color: #b7bbb1; font-size: .76rem; line-height: 1.4; }

.social-audit-intro { background: #fff; }.social-audit__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(28px, 6vw, 84px); align-items: start; }.social-audit__grid .section-head { margin-bottom: 0; }.audit-microcopy { color: #769d27 !important; font-weight: 700; }.social-form-card { padding: clamp(24px, 4vw, 38px); border-radius: 20px; color: #fff; background: linear-gradient(145deg,#121610,#2a351d); box-shadow: var(--social-shadow); }.social-form { display: grid; gap: 15px; }.social-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.social-form label { display: grid; gap: 7px; color: #d3d8ca; font-size: .72rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }.social-form input,.social-form select { width: 100%; padding: 13px 14px; border: 1px solid rgba(255,255,255,.15); border-radius: 10px; outline: 0; color: #fff; background: rgba(255,255,255,.06); }.social-form select option { color: #111; }.social-form input:focus,.social-form select:focus { border-color: var(--social-lime); box-shadow: 0 0 0 3px rgba(184,255,61,.12); }.form-success { display: none; color: #efffd1; line-height: 1.6; }.form-success.show { display: block; }

.social-problem { background: #e9e9e2; }.social-problem__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 34px; align-items: start; }.social-lede { max-width: 33ch; color: var(--social-ink); font: 600 clamp(1.25rem, 2.1vw, 1.75rem)/1.35 'Sora', sans-serif; }.social-problem__list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }.social-problem__list article { padding: 21px 0; border-top: 1px solid #cfd0c6; }.social-problem__list h3 { font-size: 1.12rem; }.social-problem__list p { margin-top: 8px; color: var(--social-muted); font-size: .9rem; line-height: 1.65; }.social-closing-line { margin-top: 30px; color: var(--social-ink); font-weight: 700; }

.social-system { background: #fff; }.social-system__journey { display: grid; grid-template-columns: repeat(11, minmax(0,1fr)); gap: 10px; align-items: stretch; }.social-system__journey article { grid-column: span 1; min-height: 220px; padding: 20px 15px; border: 1px solid var(--social-line); border-radius: 16px; background: #f7f7f2; box-shadow: 0 10px 25px rgba(16,18,15,.04); }.social-system__journey article span { color: #779f22; font: 700 .75rem 'Sora', sans-serif; }.social-system__journey h3 { margin-top: 24px; font-size: 1rem; }.social-system__journey p { margin-top: 11px; color: var(--social-muted); font-size: .76rem; line-height: 1.6; }.social-system__journey i { display: grid; place-items: center; color: #8d9187; font-size: 1.3rem; font-style: normal; }

.social-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.social-card-grid article,.social-measure-grid article,.social-connection__grid article,.social-industry-grid a { padding: 24px; border: 1px solid var(--social-line); border-radius: 16px; background: rgba(255,255,255,.68); }.social-card-grid article { min-height: 205px; transition: transform .2s ease, box-shadow .2s ease; }.social-card-grid article:hover,.social-industry-grid a:hover { transform: translateY(-3px); box-shadow: var(--social-shadow); }.social-card-grid article > span { color: #779f22; font: 700 .75rem 'Sora', sans-serif; }.social-card-grid h3,.social-measure-grid h3,.social-connection__grid h3 { margin-top: 20px; font-size: 1.08rem; }.social-card-grid p,.social-measure-grid p,.social-connection__grid p { margin-top: 10px; color: var(--social-muted); font-size: .88rem; line-height: 1.65; }.social-card-grid--five { grid-template-columns: repeat(5,1fr); }.social-card-grid--five article { min-height: 190px; }.social-card-grid--five article h3 { margin-top: 0; }

.social-work { background: #e9e9e2; }.social-work__grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 14px; }.social-work__grid article { position: relative; min-height: 190px; display: grid; align-content: end; padding: 21px; overflow: hidden; border-radius: 17px; color: #fff; background: linear-gradient(145deg,#252b20,#67765c); }.social-work__grid article:not(.social-work__feature) { grid-column: span 4; background: linear-gradient(145deg,#151914,#414d39); }.social-work__feature { grid-column: span 6; grid-row: span 2; min-height: 394px !important; }.social-work__feature img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .68; }.social-work__grid article::after { position: absolute; inset: 35% 0 0; background: linear-gradient(transparent,rgba(0,0,0,.72)); content: ""; }.social-work__grid article > div,.social-work__grid article > strong,.social-work__grid article > span { position: relative; z-index: 1; }.social-work__grid strong { font: 700 1.1rem 'Sora', sans-serif; }.social-work__grid span { margin-top: 7px; color: rgba(255,255,255,.75); font-size: .76rem; line-height: 1.45; }.social-work__feature div { position: relative; z-index: 1; display: grid; }

.social-results { background: #fff; }.social-result__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch; }.social-result__visual { min-height: 430px; overflow: hidden; border-radius: 20px; background: #dfe5d8; }.social-result__visual img { width: 100%; height: 100%; object-fit: cover; }.social-result__copy { padding: clamp(24px,4vw,42px); border-radius: 20px; color: #fff; background: linear-gradient(145deg,#10130e,#2c381e); }.result-tag { color: var(--social-lime); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.social-result__copy h3 { margin-top: 19px; color: #fff; font-size: clamp(1.7rem,3vw,2.65rem); line-height: 1.1; }.social-result__copy > p { margin-top: 16px; color: #cbd0c4; line-height: 1.7; }.result-metric { margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.17); }.result-metric strong { display: block; color: var(--social-lime); font: 700 2rem 'Sora', sans-serif; }.result-metric span { color: #b9beb2; font-size: .75rem; }.text-link { display: inline-block; margin-top: 29px; color: var(--social-lime); font-weight: 700; }.social-result__changes { display: grid; grid-template-columns: 1.1fr repeat(4,1fr); gap: 14px; margin-top: 18px; padding: 22px; border: 1px solid var(--social-line); border-radius: 17px; }.social-result__changes h3 { font-size: 1rem; }.social-result__changes div { padding-left: 14px; border-left: 1px solid var(--social-line); }.social-result__changes span { color: #779f22; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.social-result__changes p { margin-top: 7px; color: var(--social-muted); font-size: .78rem; line-height: 1.5; }

.social-measure-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.social-measure-grid article { min-height: 150px; background: #fff; }.social-dark-band { color: #fff; background: #11150f; }.social-platform-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; }.social-platform-grid article { min-height: 190px; padding: 22px 18px; border: 1px solid rgba(255,255,255,.11); border-radius: 15px; background: rgba(255,255,255,.04); }.social-platform-grid h3 { color: #fff; }.social-platform-grid p { margin-top: 12px; color: #b9beb2; font-size: .84rem; line-height: 1.65; }.social-dark-note { margin-top: 25px; color: #c7ccbf; line-height: 1.65; }.social-connection { background: #e9e9e2; }.social-connection__grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; }.social-connection__grid article { min-height: 175px; background: #fff; }.social-process-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 14px; }.social-process-grid article { padding: 20px 16px; border-top: 3px solid var(--social-lime); background: #fff; }.social-process-grid span { color: #779f22; font: 700 .76rem 'Sora', sans-serif; }.social-process-grid h3 { margin-top: 18px; font-size: 1rem; }.social-process-grid p { margin-top: 9px; color: var(--social-muted); font-size: .8rem; line-height: 1.6; }.social-reasons { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.social-reasons article { padding: 23px; border: 1px solid rgba(255,255,255,.11); border-radius: 15px; background: rgba(255,255,255,.04); }.social-reasons h3 { color: #fff; font-size: 1rem; }.social-reasons p { margin-top: 9px; color: #b9beb2; font-size: .84rem; line-height: 1.65; }

.social-industry-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.social-industry-grid a { display: grid; gap: 10px; color: var(--social-ink); background: #fff; }.social-industry-grid strong { font: 700 1rem 'Sora', sans-serif; }.social-industry-grid span { color: var(--social-muted); font-size: .84rem; line-height: 1.5; }.social-audit-final { background: #e9e9e2; }.social-audit-panel { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; align-items: end; padding: clamp(28px,5vw,58px); border-radius: 22px; color: #fff; background: linear-gradient(145deg,#121610,#2a351d); }.social-audit-panel h2 { max-width: 16ch; margin-top: 15px; color: #fff; font-size: clamp(1.8rem,3vw,3rem); line-height: 1.08; }.social-audit-panel p { max-width: 55ch; margin-top: 15px; color: #cbd0c4; line-height: 1.65; }.social-audit-panel ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; margin-top: 18px; color: #e3e8db; font-size: .82rem; }.social-audit-panel li::before { margin-right: 7px; color: var(--social-lime); content: "✓"; }
.social-final-wrap { padding-bottom: 82px; }.social-final-wrap .final-cta { margin: 0; }.social-final-wrap .final-cta p { position: relative; z-index: 1; max-width: 50ch; margin-top: 13px; color: #c9cdc2; line-height: 1.6; }

.wa-float { color: #fff; }
@media (max-width: 1000px) { .social-hero__grid,.social-audit__grid,.social-result__grid { grid-template-columns: 1fr; }.social-hero__visual { max-width: 620px; }.social-system__journey { grid-template-columns: repeat(3,1fr); }.social-system__journey i { transform: rotate(90deg); }.social-card-grid--five,.social-platform-grid,.social-connection__grid { grid-template-columns: repeat(3,1fr); }.social-process-grid { grid-template-columns: repeat(3,1fr); }.social-result__changes { grid-template-columns: repeat(2,1fr); }.social-result__changes h3 { grid-column: 1/-1; }.social-audit-panel { grid-template-columns: 1fr 1fr; }.social-audit-panel > div { grid-column: 1/-1; } }
@media (max-width: 720px) { .social-hero { padding-top: 125px; }.social-hero__copy h1 { font-size: clamp(2.8rem,12vw,4.3rem); }.social-hero__visual { min-height: 360px; transform: none; }.social-hero__visual img { height: 360px; }.social-hero__stamp { left: 14px; bottom: 14px; }.social-trust__grid { grid-template-columns: 1fr 1fr; }.social-trust__grid > div:nth-child(3) { border-left: 0; }.social-form__grid,.social-problem__grid,.social-problem__list,.social-card-grid,.social-card-grid--five,.social-work__grid,.social-measure-grid,.social-platform-grid,.social-connection__grid,.social-process-grid,.social-reasons,.social-industry-grid { grid-template-columns: 1fr; }.social-system__journey { grid-template-columns: 1fr; }.social-system__journey i { transform: rotate(90deg); }.social-work__grid article,.social-work__feature { grid-column: auto !important; grid-row: auto; min-height: 170px !important; }.social-work__feature { min-height: 290px !important; }.social-result__visual { min-height: 280px; }.social-result__changes { grid-template-columns: 1fr; }.social-result__changes h3 { grid-column: auto; }.social-result__changes div { padding: 11px 0 0; border-left: 0; border-top: 1px solid var(--social-line); }.social-audit-panel { grid-template-columns: 1fr; }.social-audit-panel > div { grid-column: auto; }.social-audit-panel .social-btn-light { color: #fff; }.social-audit-panel ul { grid-template-columns: 1fr; }.social-final-wrap { padding-bottom: 58px; } }