/* ══════════════════════════════════════════
       BRAND STATEMENT SECTION
   ══════════════════════════════════════════ */
 .brand-statement-section {
     background: #F5F4F0;
     padding: 40px 40px;
 }

 .brand-statement-inner {
     max-width: 1280px;
     margin: 0 auto;
 }

 .brand-statement-h2 {
     font-family: "f4", serif;
     font-size: clamp(40px, 5.5vw, 52px);
     color: #111111;
     line-height: 1.12;
     letter-spacing: -1px;
     margin-bottom: 28px;
     font-weight: 400;
 }

 .brand-statement-italic {
     font-family: "f4", serif;
     font-style: italic;
     color: #2C4A6E;
     font-weight: 400;
 }

 .brand-statement-desc {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #555555;
     line-height: 1.7;
     max-width: 480px;
 }

 @media (max-width: 768px) {
     .brand-statement-section {
         padding: 72px 24px;
     }
 }

 @media (max-width: 480px) {
     .brand-statement-section {
         padding: 56px 16px;
     }
 }



 /* ══════════════════════════════════════════
       STRATEGIC PARTNER SECTION
   ══════════════════════════════════════════ */
 .strategic-section {
     background: #F5F4F0;
     padding: 40px 40px;
 }

 .strategic-inner {
     max-width: 1280px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 80px;
     align-items: center;
 }

 .strategic-tag {
     font-family: "f1", sans-serif;
     font-size: 20px;
     font-weight: 500;
     color: #4e6640;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 28px;
 }

 .strategic-dash {
     color: #4e6640;
 }

 .strategic-h2 {
     font-family: "f4", serif;
     font-size: 32px;
     color: #111111;
     line-height: 1.2;
     letter-spacing: -0.3px;
     font-weight: 400;
     margin-bottom: 32px;
 }

 .strategic-italic {
     font-family: "f4", serif;
     font-style: italic;
     color: #2C4A6E;
     font-weight: 400;
 }

 .strategic-body {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #333333;
     line-height: 1.8;
     margin-bottom: 20px;
 }

 .strategic-body:last-child {
     margin-bottom: 0;
 }

 .strategic-right {
     border-radius: 4px;
     overflow: hidden;
 }

 .strategic-img {
     width: 100%;
     height: 520px;
     object-fit: cover;
     display: block;
     border-radius: 4px;
 }

 @media (max-width: 992px) {
     .strategic-inner {
         grid-template-columns: 1fr;
         gap: 48px;
     }

     .strategic-img {
         height: 380px;
     }
 }

 @media (max-width: 576px) {
     .strategic-section {
         padding: 64px 16px;
     }

     .strategic-img {
         height: 260px;
     }
 }



 /* ══════════════════════════════════════════
       WHY MARKETRIX SECTION
   ══════════════════════════════════════════ */
 .whyus-section {
     background: #F5F4F0;
     padding: 40px 40px;
 }

 .whyus-inner {
     max-width: 1280px;
     margin: 0 auto;
 }

 .whyus-tag {
     font-family: "f1", sans-serif;
     font-size: 20px;
     font-weight: 500;
     color: #4e6640;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 20px;
 }

 .whyus-dash {
     color: #4e6640;
 }

 .whyus-h2 {
     font-family: "f4", serif;
     font-size: 32px;
     color: #111111;
     font-weight: 400;
     line-height: 1.2;
     letter-spacing: -0.3px;
     margin-bottom: 18px;
 }

 .whyus-italic {
     font-family: "f4", serif;
     font-style: italic;
     color: #2C4A6E;
     font-weight: 400;
 }

 .whyus-lead {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #444444;
     line-height: 1.75;
     max-width: 480px;
     margin-bottom: 56px;
 }

 .whyus-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
 }

 .whyus-card {
     background: #ffffff;
     border: 1px solid #e4e2dc;
     border-radius: 10px;
     padding: 36px 32px 36px 32px;
     position: relative;
 }

 .whyus-num {
     font-family: "f4", serif;
     font-style: italic;
     font-size: 36px;
     color: #4e6640;
     opacity: 0.55;
     display: block;
     margin-bottom: 14px;
     line-height: 1;
 }

 .whyus-card-title {
     font-family: "f4", serif;
     font-size: 24px;
     color: #111111;
     font-weight: 400;
     margin-bottom: 14px;
     line-height: 1.25;
 }

 .whyus-card-copy {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #555555;
     line-height: 1.75;
 }

 @media (max-width: 768px) {
     .whyus-grid {
         grid-template-columns: 1fr;
     }

     .whyus-section {
         padding: 72px 24px;
     }
 }

 @media (max-width: 480px) {
     .whyus-section {
         padding: 56px 16px;
     }

     .whyus-card {
         padding: 28px 24px;
     }
 }


 /* ══════════════════════════════════════════
       WHAT WE STAND FOR SECTION
   ══════════════════════════════════════════ */
 .standfor-section {
     background: #F5F4F0;
     padding: 40px 40px;
 }

 .standfor-inner {
     max-width: 1280px;
     margin: 0 auto;
 }

 .standfor-h2 {
     font-family: "f4", serif;
     font-size: 32px;
     color: #111111;
     font-weight: 400;
     line-height: 1.15;
     letter-spacing: -0.5px;
     margin-bottom: 20px;
 }

 .standfor-lead {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #444444;
     line-height: 1.75;
     max-width: 480px;
     margin-bottom: 60px;
 }

 /* Cards container — left card top-aligned, right card offset down */
 .standfor-cards {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 24px;
     align-items: start;
 }

 .standfor-card--light {
     margin-top: 300px;
 }

 .standfor-card {
     border-radius: 14px;
     padding: 44px 40px;
 }

 .standfor-card--dark {
     background: #1e3254;
 }

 .standfor-card--light {
     background: #ffffff;
     border: 1px solid #e4e2dc;
 }

 .standfor-card-tag {
     font-family: "f1", sans-serif;
     font-size: 20px;
     font-weight: 500;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     margin-bottom: 14px;
 }

 .standfor-card--dark .standfor-card-tag {
     color: rgba(255, 255, 255, 0.65);
 }

 .standfor-card--light .standfor-card-tag {
     color: #2C4A6E;
 }

 .standfor-card-h3 {
     font-family: "f4", serif;
     font-size: 24px;
     font-weight: 400;
     line-height: 1.3;
     margin-bottom: 20px;
 }

 .standfor-card--dark .standfor-card-h3 {
     color: #ffffff;
 }

 .standfor-card--light .standfor-card-h3 {
     color: #2C4A6E;
 }

 .standfor-card-copy {
     font-family: "f1", sans-serif;
     font-size: 18px;
     line-height: 1.8;
 }

 .standfor-card--dark .standfor-card-copy {
     color: rgba(255, 255, 255, 0.75);
 }

 .standfor-card--light .standfor-card-copy {
     color: #2C4A6E
 }

 @media (max-width: 768px) {
     .standfor-cards {
         grid-template-columns: 1fr;
     }

     .standfor-card--light {
         margin-top: 0;
     }

     .standfor-section {
         padding: 72px 24px;
     }
 }

 @media (max-width: 480px) {
     .standfor-section {
         padding: 56px 16px;
     }

     .standfor-card {
         padding: 32px 24px;
     }
 }

 /* ══════════════════════════════════════════
       OUR VALUES SECTION
   ══════════════════════════════════════════ */
 .values-section {
     background: #F5F4F0;
     padding: 40px 40px;
 }

 .values-inner {
     max-width: 1280px;
     margin: 0 auto;
 }

 .values-tag {
     font-family: "f1", sans-serif;
     font-size: 20px;
     font-weight: 500;
     color: #4e6640;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 20px;
 }

 .values-dash {
     color: #4e6640;
 }

 .values-h2 {
     font-family: "f4", serif;
     font-size: 32px;
     color: #111111;
     font-weight: 400;
     line-height: 1.2;
     letter-spacing: -0.3px;
     margin-bottom: 18px;
 }

 .values-italic {
     font-family: "f4", serif;
     font-style: italic;
     color: #2C4A6E;
     font-weight: 400;
 }

 .values-lead {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #444444;
     line-height: 1.75;
     max-width: 480px;
     margin-bottom: 56px;
 }

 .values-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
 }

 .values-card {
     background: #ffffff;
     border: 1px solid #e4e2dc;
     border-radius: 14px;
     padding: 44px 28px 44px;
     text-align: center;
 }

 .values-card-title {
     font-family: "f4", serif;
     font-size: 28;
     color: #111111;
     font-weight: 400;
     margin-bottom: 20px;
     line-height: 1.2;
 }

 .values-card-copy {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: #555555;
     line-height: 1.8;
 }

 @media (max-width: 992px) {
     .values-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (max-width: 576px) {
     .values-section {
         padding: 64px 16px;
     }

     .values-grid {
         grid-template-columns: 1fr;
     }

     .values-card {
         padding: 36px 24px;
     }
 }

 /* ══════════════════════════════════════════
       SCALE CTA SECTION
   ══════════════════════════════════════════ */
 .scalecta-section {
     background: #F5F4F0;
     padding: 40px 40px 100px;
 }

 .scalecta-inner {
     max-width: 1280px;
     margin: 0 auto;
 }

 .scalecta-card {
     background: #4A6741;
     border-radius: 16px;
     padding: 72px 48px;
     text-align: center;
 }

 .scalecta-h2 {
     font-family: "f4", serif;
     font-size: 32px;
     color: #ffffff;
     font-weight: 400;
     line-height: 1.2;
     margin-bottom: 20px;
 }

 .scalecta-desc {
     font-family: "f1", sans-serif;
     font-size: 18px;
     color: rgba(255, 255, 255, 0.88);
     line-height: 1.7;
     max-width: 620px;
     margin: 0 auto 36px;
 }

 .scalecta-btns {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 28px;
     flex-wrap: wrap;
 }

 .scalecta-btn-primary {
     font-family: "f1", sans-serif;
     font-size: 20px;
     color: #111111;
     background: #ffffff;
     border: 2px solid #ffffff;
     border-radius: 8px;
     padding: 14px 28px;
     text-decoration: none;
     display: inline-block;
     transition: background 0.2s, color 0.2s;
     white-space: nowrap;
 }

 .scalecta-btn-primary:hover {
     background: transparent;
     color: #ffffff;
 }

 .scalecta-btn-ghost {
     font-family: "f1", sans-serif;
     font-size: 20px;
     color: #ffffff;
     text-decoration: none;
     transition: opacity 0.2s;
 }

 .scalecta-btn-ghost:hover {
     opacity: 0.75;
 }

 @media (max-width: 768px) {
     .scalecta-section {
         padding: 32px 24px 72px;
     }

     .scalecta-card {
         padding: 56px 32px;
     }
 }

 @media (max-width: 480px) {
     .scalecta-section {
         padding: 24px 16px 56px;
     }

     .scalecta-card {
         padding: 44px 20px;
     }

     .scalecta-btns {
         flex-direction: column;
         gap: 16px;
     }
 }