:root {
        --green: #008553;
        --deep: #064e3b;
        --ink: #142e35;
        --muted: #62747b;
        --line: #dfeae3;
        --mint: #f1f8f3;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        background: white;
        color: var(--ink);
        font:
          16px/1.55 Arial,
          Helvetica,
          sans-serif;
      }
      img {
        display: block;
        max-width: 100%;
        height: auto;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      button,
      input,
      select {
        font: inherit;
      }
      button {
        cursor: pointer;
      }
      button:disabled {
        opacity: 0.35;
        cursor: default;
      }
      p {
        color: var(--muted);
        margin: 12px 0;
        line-height: 1.7;
      }
      h1,
      h2,
      h3 {
        line-height: 1.15;
        margin: 0;
        letter-spacing: -0.7px;
      }
      h2 {
        font-size: clamp(28px, 3vw, 38px);
        margin: 14px 0 20px;
      }
      h3 {
        font-size: 22px;
      }
      button,
      a,
      input,
      select {
        touch-action: manipulation;
      }
      .wrap {
        width: min(1240px, 100%);
        margin: auto;
        padding: 0 32px;
      }
      .section {
        padding: 76px 0;
      }
      .eyebrow {
        display: block;
        font-size: 11px;
        letter-spacing: 1.6px;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--green);
      }
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: var(--green);
        border: 1px solid var(--green);
        border-radius: 9px;
        padding: 14px 21px;
        color: white;
        font-size: 14px;
        font-weight: 700;
        transition:
          transform 0.2s,
          box-shadow 0.2s;
        text-align: center;
      }
      .btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 9px 20px #00855325;
      }
      .btn.light {
        background: white;
        color: var(--ink);
        border-color: var(--line);
      }
      .actions {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin: 26px 0 18px;
      }
      :focus-visible {
        outline: 3px solid #69b990;
        outline-offset: 4px;
      }
      header {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #ffffffef;
        backdrop-filter: blur(12px);
        border-bottom: 1px solid var(--line);
      }
      nav {
        height: 78px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 22px;
      }
      .brand {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 23px;
        font-weight: 800;
        letter-spacing: -0.7px;
      }
      .brand small {
        display: block;
        font-size: 10px;
        letter-spacing: 1px;
        font-weight: 500;
      }
      .brand-mark {
        display: grid;
        place-items: center;
        background: var(--green);
        color: white;
        border-radius: 10px 10px 10px 2px;
        width: 34px;
        height: 37px;
        font-size: 28px;
      }
      .navlinks {
        display: flex;
        gap: 22px;
        font-size: 13px;
        font-weight: 600;
      }
      .navlinks a:hover {
        color: var(--green);
      }
      .mobile-toggle {
        display: none;
      }
      .hero-band {
        background: linear-gradient(120deg, #fff, #f0f8f2);
      }
      .hero {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 55px;
        align-items: center;
        padding: 66px 0;
      }
      .hero h1 {
        font-size: clamp(42px, 4.6vw, 62px);
        line-height: 1.06;
        letter-spacing: -2.5px;
        margin: 20px 0 24px;
      }
      .hero h1 em {
        font-style: normal;
        color: var(--green);
      }
      .hero p {
        font-size: 17px;
        max-width: 460px;
      }
      .hero-checks {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        font-size: 11px;
        color: #516b60;
      }
      .hero-checks span:before {
        content: "✓";
        color: var(--green);
        font-weight: 700;
        margin-right: 5px;
      }
      .hero-visual {
        margin: 0;
        position: relative;
        padding-bottom: 24px;
      }
      .hero-visual > img {
        width: 100%;
        aspect-ratio: 1.5;
        object-fit: contain;
        border-radius: 20px;
      }
      .hero-visual figcaption {
        position: absolute;
        left: 24px;
        right: 24px;
        bottom: 0;
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 17px 19px;
        background: white;
        border: 1px solid var(--line);
        border-radius: 11px;
        box-shadow: 0 12px 30px #164f3012;
        font-size: 12px;
        font-weight: 600;
      }
      .live-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--green);
      }
      .trust-band {
        background: var(--mint);
        border-block: 1px solid var(--line);
      }
      .trust {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 28px;
        padding: 24px 0;
      }
      .trust-item {
        display: flex;
        align-items: center;
        gap: 13px;
      }
      .trust-icon {
        color: var(--green);
        font-size: 29px;
      }
      .trust b {
        display: block;
        font-size: 16px;
      }
      .trust small {
        display: block;
        color: var(--muted);
        font-size: 11px;
        margin-top: 4px;
      }
      .pain-layout {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        gap: 60px;
        align-items: center;
      }
      .owner-photo {
        position: relative;
      }
      .owner-photo img {
        width: 100%;
        aspect-ratio: 1.15;
        object-fit: cover;
        border-radius: 16px;
      }
      .owner-caption {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
        background: #ffffffef;
        border-radius: 10px;
        padding: 16px 20px;
        font-weight: 700;
        font-size: 15px;
      }
      .questions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 24px 0;
      }
      .question {
        padding: 14px;
        background: var(--mint);
        border-radius: 8px;
        font-size: 13px;
      }
      .question:before {
        content: "↗";
        color: var(--green);
        margin-right: 9px;
        font-weight: bold;
      }
      .intro {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 35px;
      }
      .intro p {
        max-width: 350px;
        font-size: 14px;
      }
      .modules {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 28px;
      }
      .module {
        padding: 25px;
        border: 1px solid var(--line);
        border-radius: 12px;
        transition:
          transform 0.2s,
          box-shadow 0.2s;
      }
      .module:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 25px #164f3012;
      }
      .module-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .num {
        font-size: 10px;
        font-weight: 700;
        color: #719281;
        letter-spacing: 0.8px;
      }
      .module-icon {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        border-radius: 11px;
        background: var(--mint);
        color: var(--green);
      }
      .module-icon svg {
        width: 25px;
        height: 25px;
      }
      .module h3 {
        font-size: 21px;
        margin: 20px 0 10px;
      }
      .module p {
        font-size: 13px;
        margin: 0;
      }
      .dark {
        background: var(--mint);
      }
      .dark .eyebrow {
        color: var(--green) !important;
      }
      .segments {
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        margin: 28px 0;
      }
      .segment {
        display: flex;
        align-items: center;
        gap: 8px;
        background: white;
        color: var(--ink);
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 7px 12px 7px 7px;
        font-size: 12px;
      }
      .segment img {
        width: 32px;
        height: 32px;
        border-radius: 5px;
        object-fit: cover;
      }
      .segment.active {
        background: var(--green);
        border-color: var(--green);
        color: white;
      }
      .solution {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        align-items: center;
        gap: 60px;
        margin-top: 32px;
      }
      .solution h3 {
        font-size: 31px;
        max-width: 520px;
      }
      .solution p {
        max-width: 510px;
      }
      .checks {
        list-style: none;
        margin: 24px 0 0;
        padding: 0;
      }
      .checks li {
        border-bottom: 1px solid var(--line);
        padding: 14px 0;
        font-size: 14px;
      }
      .checks li:before {
        content: "✓";
        color: var(--green);
        margin-right: 12px;
        font-weight: bold;
      }
      .sector-visual {
        position: relative;
        width: min(100%, 410px);
        justify-self: end;
        border-radius: 16px;
        overflow: hidden;
        background: #e4eee6;
      }
      .sector-photo {
        width: 100%;
        aspect-ratio: 1;
        object-fit: contain;
      }
      .sector-overlay {
        padding: 22px;
        background: var(--deep);
        color: white;
      }
      .sector-overlay > span {
        font-size: 10px;
        letter-spacing: 1.5px;
        color: #c3e4ca;
      }
      .sector-overlay h3 {
        font-size: 23px;
        margin: 9px 0;
      }
      .sector-overlay p {
        font-size: 12px;
        color: #d0e4d6;
        margin: 9px 0 18px;
      }
      .sector-overlay .btn {
        background: #e0f3d9;
        color: var(--deep);
        border-color: transparent;
        font-size: 12px;
        padding: 11px 15px;
      }
      .ai-section {
        padding: 74px 0;
        background: linear-gradient(130deg, #fff, #eef8ef);
      }
      .ai-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
        margin-top: 28px;
        align-items: stretch;
      }
      .ai-card {
        display: flex;
        flex-direction: column;
        align-items: start;
        overflow: hidden;
        padding: 28px;
        background: var(--deep);
        color: white;
        border-radius: 16px;
      }
      .pill {
        display: inline-block;
        border: 1px solid #ffffff40;
        border-radius: 25px;
        padding: 6px 11px;
        font-size: 10px;
        letter-spacing: 1px;
      }
      .ai-art {
        margin: 22px 0;
        width: 100%;
        aspect-ratio: 1.55;
        object-fit: contain;
        border-radius: 12px;
        background: #eff8ef;
      }
      .ai-card h3 {
        font-size: 29px;
      }
      .ai-card p {
        color: #c7dfd1;
        font-size: 14px;
        margin: 14px 0 22px;
      }
      .ai-card .btn {
        background: #e1f4d9;
        color: var(--deep);
        border-color: transparent;
        margin-top: auto;
      }
      .ai-card.support {
        background: white;
        color: var(--ink);
        border: 1px solid var(--line);
      }
      .support .pill {
        color: var(--green);
        border-color: var(--line);
        background: var(--mint);
      }
      .support .ai-art {
        object-fit: contain;
        object-position: center;
        background: #edf5ee;
      }
      .support p {
        color: var(--muted);
      }
      .support .btn {
        background: var(--green);
        color: white;
      }
      .support small {
        font-size: 11px;
        color: var(--muted);
        margin-top: 20px;
      }
      .strengths-heading p {
        margin-bottom: 28px;
      }
      .strengths-primary,
      .strengths-secondary {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
        margin-top: 14px;
      }
      .strength-card {
        border: 1px solid var(--line);
        background: #f6faf7;
        padding: 22px;
        border-radius: 10px;
      }
      .strength-icon {
        display: block;
        width: 33px;
        height: 33px;
        color: var(--green);
        margin-bottom: 16px;
      }
      .strength-card h3 {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 9px;
      }
      .strength-card p {
        font-size: 12px;
        line-height: 1.65;
        margin: 0;
      }
      .strength-card strong {
        display: none;
      }
      .reviews-section {
        background: var(--mint);
        padding: 35px;
        border-radius: 16px;
      }
      .reviews-top {
        display: flex;
        justify-content: space-between;
        align-items: end;
        gap: 25px;
        margin-bottom: 25px;
      }
      .reviews-top h2 {
        font-size: 31px;
        margin: 10px 0;
      }
      .reviews-top p {
        font-size: 14px;
      }
      .review-controls {
        display: flex;
        align-items: center;
        gap: 12px;
        white-space: nowrap;
      }
      .review-controls button {
        width: 40px;
        height: 40px;
        border: 1px solid #cbded0;
        border-radius: 50%;
        background: white;
        color: var(--green);
        font-size: 22px;
      }
      .review-controls span {
        font-size: 12px;
        min-width: 35px;
        text-align: center;
      }
      .video-review-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
      }
      .video-review-card {
        min-width: 0;
        border: 1px solid var(--line);
        border-radius: 10px;
        overflow: hidden;
        background: white;
      }
      .video-review-card[hidden] {
        display: none;
      }
      .video-review-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 14px 16px;
        min-height: 48px;
        font-size: 12px;
        font-weight: 700;
      }
      .review-tag {
        line-height: 1.4;
        color: var(--deep);
      }
      .video-number {
        color: #8aa194;
        font-size: 10px;
      }
      .facebook-video {
        height: 252px;
        background: #e8f0ea;
        display: flex;
        justify-content: center;
        overflow: hidden;
      }
      .facebook-video iframe {
        width: 142px;
        height: 252px;
        border: 0;
      }
      .review-card-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 13px 16px;
      }
      .review-expand {
        color: var(--green);
        background: none;
        border: 0;
        padding: 0;
        text-align: left;
        font-size: 12px;
        font-weight: 700;
      }
      .facebook-link {
        display: flex;
        justify-content: space-between;
        font-size: 11px;
        color: var(--muted);
      }
      .video-help {
        font-size: 11px;
        margin: 20px 0 0;
      }
      .steps {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-top: 30px;
      }
      .step b {
        font-size: 32px;
        color: var(--green);
      }
      .step h3 {
        font-size: 20px;
        margin: 15px 0;
      }
      .step p {
        font-size: 14px;
      }
      .pricing {
        padding: 42px 0;
        border-block: 1px solid var(--line);
      }
      .pricing-layout {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 35px;
      }
      .pricing h2 {
        font-size: 30px;
        margin: 10px 0;
      }
      .pricing p {
        max-width: 660px;
        font-size: 14px;
      }
      .pricing .btn {
        flex-shrink: 0;
      }
      .faq-layout {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 65px;
      }
      .text-link {
        font-size: 14px;
        color: var(--green);
        font-weight: 700;
      }
      .faq details {
        border-bottom: 1px solid var(--line);
        padding: 20px 0;
      }
      .faq summary {
        cursor: pointer;
        font-weight: 600;
        font-size: 15px;
      }
      .faq p {
        font-size: 13px;
      }
      .cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        border-radius: 16px;
        padding: 43px;
        background: var(--deep);
        color: white;
      }
      .cta h2 {
        font-size: 34px;
        margin: 0 0 15px;
      }
      .cta p {
        color: #c5dccd;
        font-size: 14px;
        max-width: 650px;
      }
      .cta .btn {
        background: #e1f4d9;
        color: var(--deep);
        border: 0;
        flex-shrink: 0;
      }
      footer {
        padding: 38px 0 80px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        font-size: 12px;
        color: var(--muted);
      }
      .footer-links {
        display: flex;
        gap: 18px;
      }
      .bottom-cta {
        position: fixed;
        bottom: 18px;
        right: 22px;
        z-index: 8;
        box-shadow: 0 8px 24px #034c3528;
      }
      section[id] {
        scroll-margin-top: 100px;
      }
      dialog {
        border: 1px solid var(--line);
        border-radius: 16px;
        width: min(500px, 92vw);
        padding: 28px;
        max-height: 90vh;
        overflow: auto;
        color: var(--ink);
      }
      dialog::backdrop {
        background: #0e2d3380;
        backdrop-filter: blur(4px);
      }
      dialog h2 {
        font-size: 27px;
      }
      dialog p {
        font-size: 14px;
      }
      .close {
        float: right;
        border: 0;
        background: none;
        font-size: 25px;
        color: var(--muted);
        padding: 0 5px;
      }
      label {
        display: block;
        margin: 16px 0 6px;
        font-size: 13px;
        font-weight: 600;
      }
      input,
      select {
        width: 100%;
        border: 1px solid #bdd0c3;
        border-radius: 7px;
        padding: 11px;
        background: white;
        color: var(--ink);
      }
      .result {
        padding: 15px;
        background: var(--mint);
        border-radius: 8px;
        overflow-wrap: anywhere;
      }
      .review-viewer {
        width: min(650px, 95vw);
      }
      .review-viewer-frame {
        width: 100%;
        height: 65vh;
        border: 0;
        display: block;
        margin: 20px 0;
        background: var(--mint);
      }
      [hidden] {
        display: none !important;
      }
      @media (max-width: 1000px) {
        .navlinks {
          gap: 13px;
          font-size: 12px;
        }
        .hero {
          gap: 30px;
        }
        .trust {
          gap: 15px;
        }
        .trust b {
          font-size: 14px;
        }
        .strengths-primary,
        .strengths-secondary {
          grid-template-columns: repeat(2, 1fr);
        }
        .video-review-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .pain-layout {
          gap: 30px;
        }
        .questions {
          grid-template-columns: 1fr;
        }
        .solution {
          gap: 35px;
        }
        .hero-checks {
          font-size: 10px;
        }
      }
      @media (max-width: 800px) {
        .wrap {
          padding: 0 22px;
        }
        .section {
          padding: 52px 0;
        }
        nav {
          height: 70px;
          gap: 12px;
        }
        .navlinks {
          display: none;
          position: absolute;
          top: 70px;
          left: 0;
          right: 0;
          background: white;
          padding: 22px;
          box-shadow: 0 12px 20px #183f3012;
        }
        .navlinks.open {
          display: flex;
          flex-wrap: wrap;
          gap: 20px;
        }
        .mobile-toggle {
          display: block;
          margin-left: auto;
          border: 0;
          background: none;
          font-size: 23px;
          color: var(--green);
        }
        nav .btn {
          font-size: 11px;
          padding: 11px;
        }
        .hero {
          grid-template-columns: 1fr;
          padding: 42px 0;
          gap: 35px;
        }
        .hero h1 {
          font-size: 47px;
          max-width: 560px;
        }
        .hero p {
          max-width: 550px;
        }
        .hero-visual {
          max-width: 580px;
          width: 100%;
          margin: auto;
        }
        .hero-visual > img {
          aspect-ratio: 1.5;
        }
        .trust {
          grid-template-columns: 1fr 1fr;
          gap: 22px;
        }
        .pain-layout {
          grid-template-columns: 1fr;
        }
        .owner-photo {
          max-width: 550px;
        }
        .owner-photo img {
          aspect-ratio: 1.4;
        }
        .questions {
          grid-template-columns: 1fr 1fr;
        }
        .intro {
          display: block;
        }
        .intro p {
          max-width: 650px;
        }
        .modules {
          grid-template-columns: 1fr 1fr;
        }
        .solution {
          grid-template-columns: 1fr;
          gap: 30px;
        }
        .sector-visual {
          justify-self: center;
        }
        .ai-section {
          padding: 52px 0;
        }
        .ai-grid {
          grid-template-columns: 1fr;
        }
        .ai-art {
          max-height: 320px;
        }
        .ai-card h3 {
          font-size: 28px;
        }
        .reviews-section {
          padding: 28px 20px;
        }
        .reviews-top {
          align-items: start;
        }
        .pricing-layout {
          display: block;
        }
        .pricing .btn {
          margin-top: 20px;
        }
        .faq-layout {
          grid-template-columns: 1fr;
          gap: 18px;
        }
        .cta {
          display: block;
          padding: 30px;
        }
        .cta .btn {
          margin-top: 16px;
        }
        .cta h2 {
          font-size: 30px;
        }
        footer {
          flex-wrap: wrap;
        }
        .steps {
          gap: 20px;
        }
        .step h3 {
          font-size: 18px;
        }
        .step p {
          font-size: 13px;
        }
      }
      @media (max-width: 520px) {
        .wrap {
          padding: 0 18px;
        }
        .brand {
          font-size: 20px;
          gap: 7px;
        }
        .brand-mark {
          width: 28px;
          height: 31px;
          font-size: 23px;
        }
        .brand small {
          font-size: 9px;
        }
        nav .btn {
          font-size: 10px;
          padding: 10px;
        }
        .hero h1 {
          font-size: 39px;
          letter-spacing: -1.6px;
        }
        .hero p {
          font-size: 15px;
        }
        .hero .actions {
          gap: 9px;
        }
        .hero .btn {
          font-size: 12px;
          padding: 12px 14px;
        }
        .hero-visual figcaption {
          left: 12px;
          right: 12px;
          font-size: 10px;
          padding: 13px;
        }
        .hero-checks {
          gap: 8px;
        }
        .trust-icon {
          font-size: 23px;
        }
        .trust b {
          font-size: 12px;
        }
        .trust small {
          font-size: 10px;
        }
        .trust-item {
          gap: 8px;
        }
        .questions,
        .modules,
        .strengths-primary,
        .strengths-secondary,
        .steps {
          grid-template-columns: 1fr;
        }
        .reviews-top {
          display: block;
        }
        .review-controls {
          margin: 18px 0 0;
        }
        .video-review-grid {
          grid-template-columns: 1fr;
        }
        .reviews-top h2 {
          font-size: 27px;
        }
        .ai-card {
          padding: 23px;
        }
        .ai-card h3 {
          font-size: 25px;
        }
        .ai-art {
          aspect-ratio: 1.5;
        }
        .sector-visual {
          max-width: 100%;
        }
        .sector-overlay h3 {
          font-size: 23px;
        }
        .segment {
          font-size: 11px;
          padding-right: 10px;
        }
        .segments {
          gap: 7px;
        }
        .segment img {
          width: 28px;
          height: 28px;
        }
        .solution h3 {
          font-size: 27px;
        }
        .strength-card {
          display: grid;
          grid-template-columns: 38px 1fr;
          column-gap: 14px;
        }
        .strength-icon {
          grid-row: 1/3;
          margin: 0;
        }
        .strength-card h3 {
          font-size: 16px;
        }
        .strength-card p {
          grid-column: 2;
        }
        .footer-links {
          flex-wrap: wrap;
          gap: 10px;
        }
        .bottom-cta {
          right: 14px;
          bottom: 14px;
          padding: 11px 16px;
          font-size: 12px;
        }
        .owner-caption {
          font-size: 12px;
          padding: 12px;
          left: 12px;
          right: 12px;
          bottom: 12px;
        }
        h2 {
          letter-spacing: -0.8px;
        }
        .ai-card .btn {
          width: 100%;
        }
      }
      @media (max-width: 600px) {
        .video-review-grid {
          grid-template-columns: 1fr;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }
        *,
        *:before,
        *:after {
          animation: none !important;
          transition: none !important;
        }
      }

      #saheler .segments {
        display: grid;
        grid-template-columns: repeat(10, minmax(0, 1fr));
        gap: 10px;
        margin: 22px 0 24px;
      }
      #saheler .segment {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 0;
        background: white;
        color: var(--ink);
        border: 2px solid #dfebe2;
        border-radius: 12px;
        overflow: hidden;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        min-width: 0;
        box-shadow: 0 3px 9px #103b2410;
        transition:
          transform 0.2s,
          box-shadow 0.2s,
          border-color 0.2s;
      }
      #saheler .segment img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        object-fit: contain;
        border-radius: 0;
        background: #e7f0e9;
      }
      #saheler .segment-label {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 9px 4px;
        min-height: 48px;
      }
      #saheler .segment:hover {
        transform: translateY(-4px);
        border-color: #76b58e;
        box-shadow: 0 10px 22px #134e3018;
      }
      #saheler .segment.active {
        background: var(--green);
        border-color: var(--green);
        color: white;
        box-shadow: 0 9px 22px #00855324;
      }
      #saheler .solution {
        gap: 48px;
        grid-template-columns: 1fr 1fr;
        margin-top: 24px;
      }
      #saheler .solution h3 {
        font-size: 34px;
        max-width: 560px;
      }
      #saheler .solution > div:first-child > p {
        font-size: 17px;
        max-width: 560px;
      }
      #saheler .checks li {
        font-size: 16px;
        padding: 16px 0;
      }
      #saheler .sector-visual {
        width: min(100%, 470px);
      }
      #saheler .sector-overlay h3 {
        font-size: 26px;
      }
      #saheler .sector-overlay p {
        font-size: 14px;
      }
      #saheler .sector-overlay .btn {
        font-size: 14px;
        padding: 13px 18px;
      }
      @media (max-width: 1000px) {
        #saheler .segments {
          grid-template-columns: none;
          grid-auto-flow: column;
          grid-auto-columns: 106px;
          gap: 10px;
          overflow-x: auto;
          overscroll-behavior-x: contain;
          scroll-snap-type: x proximity;
          padding: 5px 2px 12px;
        }
        #saheler .segment {
          scroll-snap-align: start;
          font-size: 12px;
        }
        #saheler .segment-label {
          padding: 9px 4px;
          min-height: 48px;
        }
      }
      @media (max-width: 800px) {
        #saheler .solution {
          grid-template-columns: 1fr;
          gap: 28px;
        }
        #saheler .sector-visual {
          justify-self: center;
        }
        #saheler .solution h3 {
          font-size: 30px;
        }
      }
      @media (max-width: 520px) {
        #saheler .segments {
          grid-auto-columns: 96px;
          margin: 20px 0;
        }
        #saheler .solution h3 {
          font-size: 27px;
        }
        #saheler .solution > div:first-child > p {
          font-size: 16px;
        }
        #saheler .checks li {
          font-size: 15px;
        }
      }

      #ai.preferred-ai {
        padding: 68px 0 52px;
        background: #faf9f4;
        scroll-margin-top: 100px;
      }
      .preferred-ai > .wrap > .eyebrow {
        letter-spacing: 3px;
        font-size: 12px;
        color: #528c5a;
      }
      .preferred-ai h2 {
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(34px, 3.5vw, 48px);
        font-weight: 700;
        line-height: 1.14;
        letter-spacing: -1.5px;
        max-width: none;
        color: #10392d;
        margin: 16px 0 10px;
      }
      .preferred-ai-lead {
        font-size: 24px;
        color: #52646a;
        margin: 0 0 28px;
        line-height: 1.45;
      }
      .preferred-ai-layout {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 18px;
        align-items: stretch;
      }
      .preferred-import {
        display: grid;
        grid-template-columns: 1.15fr 1fr;
        gap: 0;
        background: #123f2e;
        color: white;
        border: 1px solid #295d40;
        border-radius: 15px;
        padding: 30px 25px;
        overflow: hidden;
        min-height: 430px;
        box-shadow: 0 12px 28px #18372e12;
      }
      .preferred-import-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        z-index: 1;
      }
      .preferred-pill {
        background: #ffffff12;
        border: 1px solid #ffffff24;
        border-radius: 24px;
        padding: 8px 12px;
        font-size: 10px;
        letter-spacing: 1.5px;
        font-weight: 700;
        text-transform: uppercase;
        white-space: nowrap;
      }
      .preferred-import h3 {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 36px;
        line-height: 1.14;
        letter-spacing: -0.5px;
        margin: 23px 0 18px;
        color: #f7faf3;
      }
      .preferred-import p {
        font-size: 17px;
        color: #e1e9df;
        line-height: 1.6;
        margin: 0 0 18px;
      }
      .preferred-package {
        font-size: 12px;
        border: 1px solid #7a9d72;
        border-radius: 24px;
        padding: 8px 12px;
        color: #e4eddf;
        margin-bottom: 30px;
      }
      .preferred-import .btn {
        margin-top: auto;
        background: #d1e8bc;
        border-color: #d1e8bc;
        color: #10392d;
        font-size: 13px;
        padding: 14px 18px;
      }
      .preferred-import-art {
        width: 100%;
        aspect-ratio: 364/450;
        align-self: center;
        background-image: url("/assets/ai-preferred-reference.png");
        background-repeat: no-repeat;
        background-size: 459.34% auto;
        background-position: 36.4% 63.1%;
        border-radius: 12px;
      }
      .preferred-benefits {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
      .preferred-benefit {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        padding: 22px 17px;
        background: #fffdf7;
        border: 1px solid #e4e7d8;
        border-radius: 14px;
        box-shadow: 0 4px 12px #18372e05;
        min-width: 0;
        transition:
          transform 0.22s,
          box-shadow 0.22s;
      }
      .preferred-benefit:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px #18372e14;
      }
      .preferred-icon {
        display: grid;
        place-items: center;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: #e9eddf;
        color: #153c2d;
        flex-shrink: 0;
      }
      .preferred-icon svg {
        width: 30px;
        height: 30px;
      }
      .preferred-benefit h3 {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: -0.5px;
        margin: 4px 0 10px;
        color: #18372e;
      }
      .preferred-benefit p {
        font-size: 15px;
        line-height: 1.5;
        color: #607167;
        margin: 0;
      }
      .preferred-ai-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        border-top: 1px solid #d2ddca;
        padding-top: 22px;
        margin-top: 30px;
      }
      .preferred-ai-footer p {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 22px;
        color: #18372e;
        margin: 0;
      }
      .preferred-ai-footer .btn {
        background: #123f2e;
        border-color: #123f2e;
        white-space: nowrap;
      }
      .preferred-ai .btn:focus-visible {
        outline: 3px solid #71a862;
        outline-offset: 4px;
      }
      @media (max-width: 1080px) {
        .preferred-ai-layout {
          grid-template-columns: 1fr;
        }
        .preferred-import {
          min-height: 390px;
          grid-template-columns: 1.15fr 1fr;
          padding: 32px;
        }
        .preferred-import-copy {
          max-width: 400px;
        }
        .preferred-import-art {
          max-width: 330px;
          justify-self: end;
          max-height: 370px;
        }
        .preferred-benefits {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .preferred-benefit {
          padding: 20px 16px;
          gap: 12px;
        }
        .preferred-icon {
          width: 46px;
          height: 46px;
        }
        .preferred-benefit h3 {
          font-size: 19px;
        }
        .preferred-ai-lead {
          font-size: 22px;
        }
      }
      @media (max-width: 780px) {
        .preferred-benefits {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .preferred-import h3 {
          font-size: 34px;
        }
        .preferred-import p {
          font-size: 16px;
        }
        .preferred-ai-footer p {
          font-size: 19px;
        }
        .preferred-ai-lead {
          font-size: 20px;
        }
      }
      @media (max-width: 550px) {
        #ai.preferred-ai {
          padding: 48px 0;
        }
        .preferred-ai h2 {
          font-size: 33px;
          letter-spacing: -0.7px;
        }
        .preferred-ai-lead {
          font-size: 18px;
        }
        .preferred-import {
          grid-template-columns: 1.3fr 1fr;
          padding: 24px 18px;
          min-height: 390px;
        }
        .preferred-import h3 {
          font-size: 29px;
        }
        .preferred-import p {
          font-size: 14px;
        }
        .preferred-pill {
          font-size: 9px;
          padding: 7px 10px;
        }
        .preferred-package {
          font-size: 10px;
          padding: 7px 10px;
          margin-bottom: 24px;
        }
        .preferred-import .btn {
          font-size: 11px;
          padding: 12px;
        }
        .preferred-benefits {
          grid-template-columns: 1fr;
        }
        .preferred-benefit {
          padding: 22px;
          align-items: center;
        }
        .preferred-benefit h3 {
          font-size: 22px;
        }
        .preferred-benefit p {
          font-size: 16px;
        }
        .preferred-icon {
          width: 54px;
          height: 54px;
        }
        .preferred-ai-footer {
          align-items: flex-start;
          flex-direction: column;
        }
        .preferred-ai-footer .btn {
          width: 100%;
        }
        .preferred-ai-footer p {
          font-size: 20px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .preferred-benefit {
          transition: none;
        }
        .preferred-benefit:hover {
          transform: none;
        }
      }

      .preferred-ai-only .preferred-ai-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
      }
      .preferred-support {
        display: grid;
        grid-template-columns: 1.15fr 1fr;
        gap: 0;
        min-height: 430px;
        padding: 30px 25px;
        border: 1px solid #d0ddc4;
        border-radius: 15px;
        background: #f3f7eb;
        box-shadow: 0 12px 28px #18372e08;
        overflow: hidden;
      }
      .preferred-support-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }
      .preferred-support .preferred-pill {
        background: #e2eed6;
        border-color: #e2eed6;
        color: #163e2d;
      }
      .preferred-support h3 {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 36px;
        line-height: 1.14;
        letter-spacing: -0.5px;
        margin: 23px 0 18px;
        color: #10392d;
      }
      .preferred-support p {
        font-size: 17px;
        line-height: 1.6;
        color: #53675c;
        margin: 0 0 26px;
      }
      .preferred-support .btn {
        margin-top: auto;
        background: #123f2e;
        border-color: #123f2e;
        color: white;
        font-size: 13px;
        padding: 14px 18px;
      }
      .preferred-support-art {
        width: 100%;
        height: auto;
        align-self: center;
        filter: drop-shadow(0 12px 12px #18372e12);
      }
      @media (max-width: 1080px) {
        .preferred-ai-only .preferred-ai-layout {
          grid-template-columns: 1fr;
        }
        .preferred-support {
          grid-template-columns: 1.15fr 1fr;
          min-height: 390px;
          padding: 32px;
        }
        .preferred-support-copy {
          max-width: 400px;
        }
        .preferred-support-art {
          max-width: 330px;
          max-height: 370px;
          justify-self: end;
        }
      }
      @media (max-width: 780px) {
        .preferred-support h3 {
          font-size: 34px;
        }
        .preferred-support p {
          font-size: 16px;
        }
      }
      @media (max-width: 550px) {
        .preferred-support {
          grid-template-columns: 1.3fr 1fr;
          padding: 24px 18px;
          min-height: 390px;
        }
        .preferred-support h3 {
          font-size: 29px;
        }
        .preferred-support p {
          font-size: 14px;
        }
        .preferred-support .btn {
          font-size: 11px;
          padding: 12px;
        }
        .preferred-support .preferred-pill {
          font-size: 9px;
          padding: 7px 10px;
          letter-spacing: 1px;
        }
      }

      .compact-reviews .video-review-grid {
        grid-template-columns: repeat(3, minmax(0, 210px));
        justify-content: center;
        gap: 12px;
        margin: 0 auto;
      }
      .compact-reviews .video-review-card {
        width: 100%;
        min-width: 0;
      }
      .compact-reviews .facebook-video {
        width: 100%;
        height: auto;
        aspect-ratio: 9/16;
        display: block;
        overflow: hidden;
        background: #e8f0ea;
      }
      .compact-reviews .facebook-video iframe {
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
      }
      .compact-reviews .video-review-heading {
        padding: 12px;
        gap: 8px;
        min-height: 47px;
      }
      .compact-reviews .review-tag {
        font-size: 11px;
        line-height: 1.4;
      }
      .compact-reviews .review-card-actions {
        padding: 13px 12px;
      }
      .compact-reviews .video-number {
        font-size: 10px;
      }
      @media (max-width: 1000px) {
        .compact-reviews .video-review-grid {
          grid-template-columns: repeat(2, minmax(0, 210px));
        }
      }
      @media (max-width: 600px) {
        .compact-reviews .video-review-grid {
          grid-template-columns: minmax(0, 230px);
          max-width: 100%;
        }
        .compact-reviews .facebook-video {
          height: auto;
          aspect-ratio: 9/16;
        }
        .compact-reviews .facebook-video iframe {
          width: 100%;
          height: 100%;
        }
      }
      .compact-reviews .reviews-top {
        margin-bottom: 20px;
      }
      .compact-reviews .video-help {
        text-align: center;
        margin-top: 14px;
      }
      .compact-reviews .video-review-card {
        border-radius: 10px;
      }

      .system-hero {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        background: #f4f2e8;
      }
      .system-hero > .wrap {
        position: relative;
      }
      .system-hero .hero {
        display: block;
        position: relative;
        padding: 80px 0 48px;
        min-height: 560px;
      }
      .system-hero-copy {
        position: relative;
        z-index: 2;
        width: 58%;
        max-width: 650px;
      }
      .system-hero .eyebrow {
        color: #17633c;
      }
      .system-hero h1 {
        font-size: clamp(38px, 4vw, 56px);
        line-height: 1.07;
        letter-spacing: -1.8px;
        margin: 14px 0 15px;
        color: #10262d;
      }
      .system-hero h1 em {
        color: #087440;
      }
      .system-hero .system-hero-lead {
        font-size: 16px;
        line-height: 1.5;
        max-width: 570px;
        color: #243b3a;
        margin: 0 0 18px;
      }
      .system-benefits {
        display: grid;
        gap: 6px;
        list-style: none;
        padding: 0;
        margin: 0;
        max-width: 390px;
      }
      .system-benefits li {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 48px;
        padding: 5px 10px 5px 5px;
        border: 1px solid #ffffffc9;
        background: #fffffff0;
        border-radius: 11px;
        box-shadow: 0 3px 12px #304b2110;
      }
      .system-icon {
        display: grid;
        place-items: center;
        flex-shrink: 0;
        width: 38px;
        height: 38px;
        background: #008553;
        color: white;
        border-radius: 8px;
      }
      .system-icon svg {
        width: 25px;
        height: 25px;
      }
      .system-icon-4 {
        background: #d99513;
      }
      .system-icon-6 {
        background: #cf3b45;
      }
      .system-benefits strong {
        display: block;
        font-size: 14px;
        line-height: 1.25;
        letter-spacing: 0;
        color: #163332;
      }
      .system-benefits li div > span {
        display: block;
        font-size: 11px;
        line-height: 1.4;
        color: #425c56;
        margin-top: 2px;
      }
      .system-hero .actions {
        margin: 18px 0 10px;
        gap: 10px;
      }
      .system-hero .actions .btn {
        font-size: 12px;
        padding: 13px 16px;
      }
      .system-hero .hero-checks {
        font-size: 10px;
        color: #36544a;
      }
      .system-hero-scene {
        position: absolute;
        z-index: -2;
        inset: 0;
        margin: 0;
      }
      .system-hero-scene img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        max-width: none;
      }
      .system-hero .hero:after {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        background: linear-gradient(
          90deg,
          #f9f8f1f5 0%,
          #faf7eddc 29%,
          #faf7ed90 44%,
          #faf7ed00 64%
        );
        pointer-events: none;
      }
      .system-hero-message {
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: center;
        gap: 18px;
        align-items: center;
        padding: 18px 24px;
        background: #0b342dea;
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        text-align: center;
        letter-spacing: -0.2px;
      }
      .system-hero-message span {
        color: #71d88b;
      }
      @media (max-width: 1000px) {
        .system-hero-copy {
          width: 65%;
        }
        .system-hero h1 {
          font-size: 45px;
        }
        .system-hero-scene img {
          object-position: 62% center;
        }
        .system-hero .hero:after {
          background: linear-gradient(
            90deg,
            #f9f8f1fa 0%,
            #faf7ede6 38%,
            #faf7ed50 68%,
            transparent 90%
          );
        }
        .system-hero-message {
          font-size: 14px;
          gap: 12px;
        }
      }
      @media (max-width: 700px) {
        .system-hero .hero {
          padding: 260px 0 24px;
          min-height: 0;
        }
        .system-hero-copy {
          width: 100%;
          max-width: none;
        }
        .system-hero-scene {
          inset: 0 0 auto;
          height: 285px;
          z-index: -2;
        }
        .system-hero-scene img {
          object-position: 80% center;
        }
        .system-hero .hero:after {
          inset: 190px 0 0;
          background: linear-gradient(
            180deg,
            transparent,
            #f4f2e8 80px,
            #f4f2e8 100%
          );
        }
        .system-hero h1 {
          font-size: 39px;
          letter-spacing: -1.2px;
        }
        .system-hero .system-hero-lead {
          font-size: 15px;
        }
        .system-benefits {
          max-width: none;
        }
        .system-benefits li {
          min-height: 52px;
        }
        .system-benefits strong {
          font-size: 15px;
        }
        .system-benefits li div > span {
          font-size: 12px;
        }
        .system-hero-message {
          flex-wrap: wrap;
          gap: 6px 10px;
          font-size: 12px;
          padding: 15px;
        }
        .system-hero .actions {
          flex-wrap: wrap;
        }
        .system-hero .actions .btn {
          flex: 1;
          padding: 14px 12px;
        }
        .system-hero .hero-checks {
          font-size: 11px;
        }
      }

      .compact-reviews .review-carousel {
        position: relative;
        padding: 0 48px;
      }
      .compact-reviews .video-review-grid {
        grid-template-columns: repeat(4, minmax(0, 210px));
        gap: 12px;
        justify-content: center;
      }
      .compact-reviews .review-controls {
        position: absolute;
        inset: 50% 0 auto;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        pointer-events: none;
        z-index: 1;
      }
      .compact-reviews .review-controls button {
        pointer-events: auto;
        width: 38px;
        height: 38px;
        flex-shrink: 0;
        background: #fff;
        border: 1px solid #cbded0;
        border-radius: 50%;
        color: var(--green);
        font-size: 23px;
      }
      .compact-reviews .review-page-indicator {
        text-align: center;
        margin-top: 14px;
        color: var(--muted);
        font-size: 12px;
      }
      .compact-reviews .video-help {
        margin-top: 6px;
      }
      @media (max-width: 1000px) {
        .compact-reviews .video-review-grid {
          grid-template-columns: repeat(2, minmax(0, 210px));
        }
      }
      @media (max-width: 600px) {
        .compact-reviews .review-carousel {
          padding: 0 36px;
        }
        .compact-reviews .video-review-grid {
          grid-template-columns: minmax(0, 230px);
        }
        .compact-reviews .review-controls button {
          width: 30px;
          height: 36px;
          font-size: 20px;
        }
        .compact-reviews .reviews-top {
          display: block;
        }
      }

      .system-hero .system-icon {
        background: var(--green);
      }

      #niye-prospect .strength-card {
        position: relative;
        transform: translateY(0) scale(1);
        transform-origin: center;
        transition:
          transform 0.24s ease,
          box-shadow 0.24s ease,
          border-color 0.24s ease,
          background-color 0.24s ease;
        box-shadow: 0 3px 10px #0c553506;
      }
      @media (hover: hover) and (pointer: fine) {
        #niye-prospect .strength-card:hover {
          z-index: 2;
          transform: translateY(-8px) scale(1.035);
          background: #fff;
          border-color: #65b98e;
          box-shadow:
            0 20px 35px -10px #064e3b38,
            0 6px 14px #064e3b14;
        }
      }
      #niye-prospect .strengths-banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 32px;
        margin-top: 28px;
        padding: 34px 36px;
        background: linear-gradient(115deg, #073f31, #076442);
        color: #fff;
        border: 1px solid #1c7455;
        border-radius: 16px;
        box-shadow: 0 14px 30px #064e3b16;
        overflow: hidden;
      }
      #niye-prospect .strengths-banner-label {
        display: block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color: #9ee7b9;
        margin-bottom: 13px;
      }
      #niye-prospect .strengths-banner h3 {
        font-size: clamp(25px, 2.7vw, 34px);
        line-height: 1.2;
        letter-spacing: -0.6px;
        color: #fff;
        margin: 0;
      }
      #niye-prospect .strengths-banner h3 em {
        font-style: normal;
        color: #afecc3;
      }
      #niye-prospect .strengths-banner p {
        max-width: 630px;
        font-size: 14px;
        line-height: 1.65;
        color: #d4e9dd;
        margin: 15px 0 18px;
      }
      #niye-prospect .strengths-banner-benefits {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 18px;
        list-style: none;
        padding: 0;
        margin: 0;
        color: #effbf2;
        font-size: 12px;
        font-weight: 600;
      }
      #niye-prospect .strengths-banner-benefits li:before {
        content: "✓";
        color: #98e9ae;
        margin-right: 7px;
      }
      #niye-prospect .strengths-banner-action {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        flex-shrink: 0;
      }
      #niye-prospect .strengths-banner-action .btn {
        background: #c2f0cf;
        color: #073f31;
        border-color: #c2f0cf;
        padding: 16px 21px;
        font-size: 13px;
        font-weight: 700;
        box-shadow: 0 5px 16px #012a2a22;
      }
      #niye-prospect .strengths-banner-action > span {
        font-size: 10px;
        color: #d3e9dc;
        text-align: center;
      }
      @media (max-width: 900px) {
        #niye-prospect .strengths-banner {
          flex-direction: column;
          align-items: flex-start;
          padding: 30px;
          gap: 24px;
        }
        #niye-prospect .strengths-banner-action {
          align-items: flex-start;
        }
      }
      @media (max-width: 520px) {
        #niye-prospect .strengths-banner {
          padding: 26px 22px;
        }
        #niye-prospect .strengths-banner h3 {
          font-size: 27px;
        }
        #niye-prospect .strengths-banner-benefits {
          flex-direction: column;
          gap: 9px;
        }
        #niye-prospect .strengths-banner-action {
          width: 100%;
          align-items: stretch;
        }
        #niye-prospect .strengths-banner-action .btn {
          width: 100%;
          padding: 15px 12px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #niye-prospect .strength-card {
          transition: none;
        }
        #niye-prospect .strength-card:hover {
          transform: none;
        }
      }

      .system-hero {
        background: #fff;
      }
      .system-hero .hero {
        overflow: hidden;
        border-radius: 16px 16px 0 0;
      }
      .system-hero-copy {
        padding-left: 32px;
        padding-right: 16px;
      }
      .system-hero-message {
        border-radius: 0 0 16px 16px;
      }
      @media (max-width: 700px) {
        .system-hero-copy {
          padding-left: 20px;
          padding-right: 20px;
        }
        .system-hero .hero {
          border-radius: 12px 12px 0 0;
        }
        .system-hero-message {
          border-radius: 0 0 12px 12px;
        }
      }

      #saheler .solution {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
        gap: 36px;
        margin-top: 20px;
      }
      #saheler .solution h3 {
        font-size: 28px;
        line-height: 1.2;
        max-width: 560px;
      }
      #saheler .solution > div:first-child > p {
        font-size: 15px;
        line-height: 1.6;
        max-width: 560px;
        margin: 12px 0;
      }
      #saheler .checks {
        margin-top: 18px;
        max-width: 560px;
      }
      #saheler .checks li {
        font-size: 14px;
        padding: 12px 0;
      }
      #saheler .sector-visual {
        width: min(100%, 350px);
        border-radius: 12px;
      }
      #saheler .sector-overlay {
        padding: 18px;
      }
      #saheler .sector-overlay h3 {
        font-size: 22px;
        margin: 8px 0;
      }
      #saheler .sector-overlay p {
        font-size: 12px;
        line-height: 1.6;
        margin: 8px 0 14px;
      }
      #saheler .sector-overlay .btn {
        font-size: 12px;
        padding: 10px 14px;
      }
      @media (max-width: 800px) {
        #saheler .solution {
          grid-template-columns: 1fr;
          gap: 24px;
        }
        #saheler .sector-visual {
          justify-self: center;
        }
        #saheler .solution h3 {
          font-size: 27px;
        }
      }
      @media (max-width: 520px) {
        #saheler .sector-visual {
          width: min(100%, 320px);
        }
        #saheler .solution h3 {
          font-size: 25px;
        }
      }

      .reports-section {
        background: #fff;
      }
      .reports-heading {
        max-width: 840px;
        margin-bottom: 28px;
      }
      .reports-heading h2 {
        font-size: clamp(29px, 3vw, 39px);
        line-height: 1.2;
      }
      .reports-heading h2 em {
        font-style: normal;
        color: var(--green);
      }
      .reports-heading > p {
        font-size: 16px;
        max-width: 760px;
        line-height: 1.7;
      }
      .reports-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
      }
      .report-card {
        min-width: 0;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #f7faf8;
        display: flex;
        flex-direction: column;
      }
      .report-card-copy {
        padding: 23px 22px 18px;
      }
      .report-number {
        display: block;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1px;
        color: #69877a;
        margin-bottom: 12px;
      }
      .report-card h3 {
        font-size: 23px;
        line-height: 1.2;
        margin: 0;
        color: var(--deep);
      }
      .report-card .report-question {
        font-size: 13px;
        line-height: 1.5;
        color: #405c53;
        min-height: 39px;
        margin: 10px 0 0;
      }
      .report-image-button {
        display: block;
        position: relative;
        width: 100%;
        padding: 0;
        background: #fff;
        border: 0;
        overflow: hidden;
      }
      .report-image-button img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 1672/941;
        object-fit: contain;
      }
      .report-enlarge {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 16px;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        background: #edf6f0;
        color: var(--green);
        font-size: 12px;
        font-weight: 700;
      }
      .report-enlarge > span {
        font-size: 18px;
      }
      .report-image-button:hover .report-enlarge {
        background: #dcefe3;
      }
      .report-image-button:focus-visible {
        outline: 3px solid var(--green);
        outline-offset: -3px;
      }
      .report-card .report-description {
        font-size: 13px;
        line-height: 1.65;
        margin: 0;
        padding: 18px 22px 22px;
      }
      .reports-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        margin-top: 26px;
      }
      .reports-footer p {
        font-size: 15px;
        margin: 0;
        max-width: 700px;
      }
      .reports-footer .btn {
        flex-shrink: 0;
      }
      .report-viewer {
        width: min(1440px, 96vw);
        padding: 22px;
        max-height: 94vh;
      }
      .report-viewer h2 {
        font-size: 24px;
        margin: 0 42px 18px 0;
      }
      .report-viewer > img {
        width: 100%;
        height: auto;
        max-height: 80vh;
        object-fit: contain;
        background: #fff;
        border-radius: 8px;
      }
      @media (max-width: 900px) {
        .report-card-copy {
          padding: 18px 16px;
        }
        .report-card h3 {
          font-size: 20px;
        }
        .report-card .report-description {
          padding: 16px;
          font-size: 12px;
        }
        .reports-grid {
          gap: 12px;
        }
        .reports-footer {
          align-items: flex-start;
          flex-direction: column;
        }
        .report-card .report-question {
          font-size: 12px;
          min-height: 54px;
        }
      }
      @media (max-width: 650px) {
        .reports-grid {
          grid-template-columns: 1fr;
          gap: 18px;
        }
        .report-card-copy {
          padding: 22px;
        }
        .report-card h3 {
          font-size: 24px;
        }
        .report-card .report-question {
          min-height: 0;
          font-size: 14px;
        }
        .report-card .report-description {
          padding: 18px 22px;
          font-size: 14px;
        }
        .reports-footer .btn {
          width: 100%;
        }
        .report-viewer {
          padding: 15px;
        }
        .report-viewer h2 {
          font-size: 21px;
        }
      }

      #saheler .sector-photo {
        aspect-ratio: 4/3;
        object-fit: cover;
        object-position: center 35%;
      }

      .integrations-section {
        background: #f4f8f5;
        border-top: 1px solid #e2ece5;
        border-bottom: 1px solid #e2ece5;
      }
      .integrations-heading {
        max-width: 760px;
        margin-bottom: 28px;
      }
      .integrations-heading h2 {
        margin-top: 8px;
      }
      .integrations-heading h2 em {
        font-style: normal;
        color: var(--green);
      }
      .integrations-heading p {
        max-width: 670px;
      }
      .integrations-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 16px;
      }
      .integration-card {
        grid-column: span 3;
        background: #fff;
        border: 1px solid #dfeae3;
        border-radius: 18px;
        padding: 24px;
        transition:
          transform 0.22s ease,
          box-shadow 0.22s ease,
          border-color 0.22s ease;
      }
      .integration-card:nth-child(n + 5) {
        grid-column: span 4;
      }
      .integration-card:hover {
        transform: translateY(-5px) scale(1.015);
        border-color: #9ccbb4;
        box-shadow: 0 14px 30px rgba(6, 78, 59, 0.1);
      }
      .integration-icon {
        display: grid;
        place-items: center;
        width: 50px;
        height: 50px;
        border-radius: 14px;
        background: var(--icon-bg);
        color: var(--icon-color);
        margin-bottom: 18px;
      }
      .integration-icon svg {
        width: 29px;
        height: 29px;
      }
      .integration-card h3 {
        font-size: 19px;
        margin: 0 0 8px;
      }
      .integration-card p {
        font-size: 14px;
        line-height: 1.65;
        margin: 0;
      }
      .integrations-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-top: 26px;
      }
      .integrations-footer p {
        font-size: 18px;
        font-weight: 700;
        color: var(--deep);
        margin: 0;
      }
      @media (max-width: 1000px) {
        .integrations-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .integration-card,
        .integration-card:nth-child(n + 5) {
          grid-column: span 1;
        }
        .integration-card:last-child {
          grid-column: 1/-1;
        }
      }
      @media (max-width: 600px) {
        .integrations-grid {
          grid-template-columns: 1fr;
          gap: 12px;
        }
        .integration-card {
          padding: 20px;
          display: grid;
          grid-template-columns: 46px 1fr;
          column-gap: 14px;
        }
        .integration-icon {
          width: 46px;
          height: 46px;
          grid-row: 1/3;
          margin: 0;
        }
        .integration-card h3 {
          align-self: center;
          margin-bottom: 6px;
        }
        .integration-card p {
          grid-column: 2;
        }
        .integrations-footer {
          align-items: flex-start;
          flex-direction: column;
        }
        .integrations-footer p {
          font-size: 16px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .integration-card {
          transition: none;
        }
        .integration-card:hover {
          transform: none;
        }
      }

      .brand .brand-logo {
        display: block;
        width: 170px;
        height: auto;
        max-width: none;
        object-fit: contain;
      }
      @media (max-width: 520px) {
        .brand .brand-logo {
          width: 145px;
        }
      }

      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }
      #baslama .flow-intro {
        font-size: 15px;
        margin-top: 14px;
      }
      #baslama .steps {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px;
        margin: 32px 0 0;
      }
      #baslama .step {
        position: relative;
        padding: 24px;
        border: 1px solid #dfebe3;
        border-radius: 20px;
        background: linear-gradient(150deg, #f1f8f3, #fff);
        transition:
          transform 0.22s ease,
          box-shadow 0.22s ease;
      }
      #baslama .step:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 28px #064e3b12;
      }
      #baslama .step:not(:last-child)::after {
        content: "→";
        position: absolute;
        right: -28px;
        top: 43px;
        width: 24px;
        text-align: center;
        color: var(--green);
        font-size: 23px;
        font-weight: 500;
        z-index: 1;
      }
      #baslama .step-visual {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 20px;
      }
      #baslama .step-icon {
        width: 64px;
        height: 64px;
        display: grid;
        place-items: center;
        background: #e0f2e8;
        border: 1px solid #cde8d8;
        border-radius: 18px;
        color: var(--green);
        flex-shrink: 0;
      }
      #baslama .step-icon svg {
        width: 35px;
        height: 35px;
      }
      #baslama .step-number {
        font-size: 15px;
        letter-spacing: 1px;
        color: #4f7866;
      }
      #baslama .step h3 {
        font-size: 19px;
        margin: 0 0 10px;
        line-height: 1.35;
      }
      #baslama .step p {
        font-size: 14px;
        line-height: 1.7;
        margin: 0;
      }
      @media (max-width: 800px) {
        #baslama .steps {
          grid-template-columns: 1fr;
          gap: 28px;
        }
        #baslama .step {
          display: grid;
          grid-template-columns: 64px 1fr;
          gap: 0 20px;
          padding: 22px;
        }
        #baslama .step-visual {
          grid-row: 1/3;
          flex-direction: column;
          gap: 8px;
          margin: 0;
        }
        #baslama .step h3 {
          align-self: end;
        }
        #baslama .step p {
          grid-column: 2;
        }
        #baslama .step:not(:last-child)::after {
          content: "↓";
          top: auto;
          bottom: -28px;
          right: auto;
          left: 42px;
          font-size: 21px;
        }
      }
      @media (max-width: 520px) {
        #baslama .step {
          padding: 18px;
          grid-template-columns: 52px 1fr;
          gap: 0 14px;
        }
        #baslama .step-icon {
          width: 52px;
          height: 52px;
          border-radius: 14px;
        }
        #baslama .step-icon svg {
          width: 29px;
          height: 29px;
        }
        #baslama .step h3 {
          font-size: 17px;
        }
        #baslama .step p {
          font-size: 13px;
        }
        #baslama .step:not(:last-child)::after {
          left: 32px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #baslama .step {
          transition: none;
        }
        #baslama .step:hover {
          transform: none;
        }
      }

      #baslama .steps {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 28px;
      }
      #baslama .step {
        padding: 22px 20px;
      }
      #baslama .step:not(:last-child)::after {
        right: -26px;
      }
      #baslama .step h3 {
        font-size: 18px;
      }
      #baslama .step-result {
        background: #064e3b;
        border-color: #064e3b;
        color: white;
      }
      #baslama .step-result .step-icon {
        background: #ffffff12;
        border-color: #ffffff25;
        color: #99e6ba;
      }
      #baslama .step-result .step-number {
        color: #99e6ba;
      }
      #baslama .step-result p {
        color: #d6e8de;
      }
      .step-start {
        border: 0;
        background: #b4efce;
        color: #064e3b;
        padding: 9px 15px;
        border-radius: 9px;
        font-size: 13px;
        font-weight: 700;
        margin-top: 16px;
      }
      .step-start:hover {
        background: #d1f8e1;
      }
      .step-start:focus-visible {
        outline: 2px solid #fff;
        outline-offset: 3px;
      }
      @media (max-width: 1050px) and (min-width: 801px) {
        #baslama .steps {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 28px;
        }
        #baslama .step:nth-child(2)::after {
          content: none;
        }
      }
      @media (max-width: 800px) {
        #baslama .steps {
          grid-template-columns: 1fr;
        }
        #baslama .step {
          padding: 22px;
        }
        #baslama .step-visual {
          grid-row: 1/4;
        }
        #baslama .step .step-start {
          grid-column: 2;
          justify-self: start;
        }
        #baslama .step:not(:last-child)::after {
          right: auto;
        }
      }
      @media (max-width: 520px) {
        #baslama .step {
          padding: 18px;
        }
        #baslama .step h3 {
          font-size: 17px;
        }
      }

      .contact-section {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        gap: 64px;
        align-items: center;
        padding: 48px;
        margin: 36px 0 0;
        background: #f5f7f6;
        border: 1px solid #e3ebe6;
        border-radius: 24px;
      }
      .contact-section h2 {
        font-size: 34px;
        margin: 10px 0 12px;
        color: #208dcc;
      }
      .contact-copy > p {
        font-size: 15px;
        margin: 0 0 24px;
      }
      .contact-details {
        font-style: normal;
        display: grid;
        gap: 16px;
      }
      .contact-details a {
        display: block;
        width: fit-content;
      }
      .contact-details span {
        display: block;
        font-size: 11px;
        letter-spacing: 0.5px;
        color: var(--muted);
        margin-bottom: 2px;
      }
      .contact-details strong {
        font-size: clamp(18px, 2vw, 23px);
        font-weight: 500;
        color: #208dcc;
      }
      .contact-details a:hover strong {
        color: var(--green);
      }
      .contact-socials {
        display: flex;
        gap: 10px;
        margin-top: 26px;
      }
      .contact-socials a {
        display: grid;
        place-items: center;
        width: 38px;
        height: 38px;
        color: #fff;
        background: var(--green);
        border-radius: 50%;
        transition:
          transform 0.2s,
          box-shadow 0.2s;
      }
      .contact-socials svg {
        width: 24px;
        height: 24px;
      }
      .contact-socials a:hover {
        transform: translateY(-3px);
        box-shadow: 0 7px 15px #00855330;
      }
      .contact-map {
        display: block;
        position: relative;
        border-radius: 32px;
        overflow: hidden;
        border: 1px solid #dbe9df;
        box-shadow: 0 12px 30px #12392b0b;
      }
      .contact-map img {
        display: block;
        width: 100%;
        aspect-ratio: 552/323;
        object-fit: cover;
      }
      .contact-map span {
        position: absolute;
        bottom: 16px;
        right: 16px;
        background: white;
        color: var(--deep);
        padding: 10px 16px;
        border-radius: 10px;
        font-size: 12px;
        font-weight: 700;
        box-shadow: 0 3px 12px #00000012;
      }
      .contact-map:hover span {
        background: var(--green);
        color: white;
      }
      .contact-section a:focus-visible {
        outline: 3px solid var(--green);
        outline-offset: 5px;
      }
      @media (max-width: 800px) {
        .contact-section {
          padding: 32px;
          gap: 32px;
          grid-template-columns: 1fr;
        }
        .contact-map {
          max-width: 600px;
          width: 100%;
        }
        .contact-section h2 {
          font-size: 30px;
        }
      }
      @media (max-width: 520px) {
        .contact-section {
          padding: 26px 22px;
          border-radius: 20px;
          margin-top: 24px;
        }
        .contact-map {
          border-radius: 20px;
        }
        .contact-map span {
          right: 10px;
          bottom: 10px;
          padding: 8px 12px;
        }
        .contact-details strong {
          font-size: 20px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .contact-socials a {
          transition: none;
        }
        .contact-socials a:hover {
          transform: none;
        }
      }

      .notification-section {
        background: #fff;
      }
      .notification-heading {
        max-width: 800px;
        margin-bottom: 30px;
      }
      .notification-heading h2 {
        margin: 10px 0 18px;
      }
      .notification-heading h2 em {
        font-style: normal;
        color: var(--green);
      }
      .notification-heading p {
        max-width: 760px;
        font-size: 16px;
      }
      .notification-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
      }
      .notification-card {
        padding: 32px 32px 0;
        border-radius: 24px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        min-width: 0;
      }
      .telegram-card {
        background: #10394b;
        color: #fff;
      }
      .whatsapp-card {
        background: #edf7ee;
        color: #164734;
        border: 1px solid #d6e9d8;
      }
      .notification-brand {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        font-weight: 700;
      }
      .notification-logo {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        display: grid;
        place-items: center;
        background: #269ed4;
        color: white;
      }
      .notification-logo svg {
        width: 29px;
        height: 29px;
      }
      .whatsapp-card .notification-logo {
        background: #1eaa64;
      }
      .notification-card h3 {
        font-size: clamp(25px, 2.6vw, 33px);
        line-height: 1.2;
        margin: 24px 0 14px;
        letter-spacing: -0.6px;
      }
      .notification-card > p {
        font-size: 15px;
        line-height: 1.7;
        margin: 0;
        max-width: 460px;
      }
      .telegram-card > p {
        color: #d0e4ec;
      }
      .whatsapp-card > p {
        color: #527261;
      }
      .notification-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 20px 0 26px;
      }
      .notification-tags span {
        font-size: 11px;
        padding: 6px 10px;
        border-radius: 20px;
        background: #ffffff12;
        border: 1px solid #ffffff25;
      }
      .whatsapp-card .notification-tags span {
        background: #fff;
        border-color: #d0e6d5;
      }
      .telegram-preview,
      .whatsapp-preview {
        width: 100%;
        max-width: 390px;
        margin: auto auto 0;
        height: 380px;
        border: 0;
        border-radius: 18px 18px 0 0;
        overflow: hidden;
        display: block;
        text-align: left;
        padding: 0;
        background: #c5dbb5;
        position: relative;
      }
      .telegram-preview:hover {
        box-shadow: 0 0 0 3px #6cc6ed;
      }
      .telegram-preview:focus-visible {
        outline: 3px solid #6cc6ed;
        outline-offset: 4px;
      }
      .notification-chat-header {
        display: flex;
        align-items: center;
        gap: 10px;
        background: #fff;
        color: #193b47;
        padding: 15px 16px;
        position: relative;
        z-index: 1;
      }
      .notification-chat-header > svg {
        width: 30px;
        height: 30px;
        color: #269ed4;
        flex-shrink: 0;
      }
      .notification-chat-header > span {
        font-size: 13px;
        font-weight: 700;
      }
      .notification-chat-header small {
        display: block;
        font-size: 10px;
        font-weight: 400;
        color: #6b838e;
        margin-top: 2px;
      }
      .notification-chat-header .notification-preview-label {
        margin-left: auto;
        font-size: 11px;
        font-weight: 400;
      }
      .telegram-preview > img {
        width: 100%;
        height: auto;
        max-width: 100%;
        display: block;
      }
      .whatsapp-preview {
        background: #e0ecdb;
        border: 1px solid #d0e0ce;
        border-bottom: 0;
      }
      .whatsapp-preview .notification-chat-header {
        background: #086b55;
        color: white;
      }
      .whatsapp-preview .notification-chat-header small {
        color: #cee9df;
      }
      .whatsapp-preview .notification-chat-header svg {
        color: white;
      }
      .whatsapp-chat {
        padding: 20px;
        background: radial-gradient(
          circle at 90% 70%,
          #bed9b84a,
          transparent 65%
        );
      }
      .notification-example {
        display: block;
        text-align: center;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #638071;
        margin-bottom: 16px;
      }
      .whatsapp-message {
        background: white;
        padding: 18px;
        border-radius: 0 14px 14px 14px;
        box-shadow: 0 3px 10px #20492c0c;
      }
      .whatsapp-message > strong {
        font-size: 12px;
        color: #148353;
      }
      .whatsapp-message h4 {
        font-size: 17px;
        margin: 8px 0;
      }
      .whatsapp-message p {
        font-size: 12px;
        line-height: 1.6;
        margin: 8px 0 14px;
        color: #527261;
      }
      .whatsapp-message-detail {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 6px;
        border-top: 1px solid #e6eee6;
        padding-top: 10px;
        font-size: 11px;
      }
      .whatsapp-message-detail span {
        color: #6b8170;
      }
      .whatsapp-message > small {
        display: block;
        text-align: right;
        font-size: 10px;
        color: #789286;
        margin-top: 12px;
      }
      .whatsapp-message > small span {
        color: #3ea2d0;
      }
      .notification-result {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 18px;
      }
      .notification-result > span {
        border-radius: 50%;
        background: #128650;
        color: white;
        width: 26px;
        height: 26px;
        text-align: center;
        line-height: 26px;
      }
      .notification-result p {
        font-size: 12px;
        line-height: 1.6;
        margin: 0;
        color: #41654c;
      }
      .notification-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-top: 26px;
      }
      .notification-footer p {
        margin: 0;
        font-size: 14px;
        color: var(--deep);
      }
      .notification-footer p span {
        display: block;
        font-size: 13px;
        color: var(--muted);
        margin-top: 6px;
      }
      .notification-footer .btn {
        flex-shrink: 0;
      }
      @media (max-width: 800px) {
        .notification-grid {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .notification-card {
          padding: 28px 26px 0;
        }
        .notification-footer {
          flex-direction: column;
          align-items: flex-start;
        }
        .notification-heading p {
          font-size: 15px;
        }
      }
      @media (max-width: 520px) {
        .notification-card {
          padding: 24px 20px 0;
          border-radius: 20px;
        }
        .notification-card h3 {
          font-size: 26px;
        }
        .notification-card > p {
          font-size: 14px;
        }
        .telegram-preview,
        .whatsapp-preview {
          height: 360px;
        }
        .notification-chat-header {
          padding: 12px;
        }
        .notification-chat-header .notification-preview-label {
          font-size: 10px;
        }
        .whatsapp-chat {
          padding: 16px;
        }
      }
      .training-section {
        padding: 64px 0;
        background: #fff;
      }
      .training-wrap {
        width: min(1240px, 100%);
        margin: 0 auto;
        padding: 0 32px;
      }
      .training-heading {
        max-width: 790px;
        margin: 0 0 30px;
        text-align: left;
      }
      .training-heading .eyebrow {
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: var(--green);
        font-size: 11px;
        font-weight: 700;
      }
      .training-heading h2 {
        font-size: clamp(30px, 3.4vw, 42px);
        line-height: 1.13;
        letter-spacing: -1.3px;
        margin: 12px 0 14px;
      }
      .training-heading h2 em {
        font-style: normal;
        color: var(--green);
      }
      .training-heading p {
        color: var(--muted);
        font-size: 15px;
        max-width: 720px;
        margin: 0;
      }
      .training-intro {
        display: grid;
        grid-template-columns: 1.12fr 0.88fr;
        gap: 36px;
        align-items: center;
      }
      .training-photo {
        margin: 0;
        position: relative;
      }
      .training-photo img {
        width: 100%;
        aspect-ratio: 1.62;
        object-fit: cover;
        border-radius: 17px;
        box-shadow: 0 16px 40px #113e2816;
      }
      .training-photo figcaption {
        position: absolute;
        left: 14px;
        bottom: 14px;
        background: #ffffffed;
        padding: 8px 12px;
        border-radius: 9px;
        font-size: 11px;
        color: var(--deep);
      }
      .training-process > h2 {
        font-size: 26px;
        line-height: 1.2;
        margin: 0 0 18px;
      }
      .training-steps {
        display: grid;
        gap: 14px;
      }
      .training-step {
        display: grid;
        grid-template-columns: 40px 1fr;
        gap: 11px;
        align-items: start;
      }
      .training-step-icon,
      .training-tile-icon {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        background: #e4f4ea;
        color: var(--green);
      }
      .training-step-icon svg,
      .training-tile-icon svg {
        width: 24px;
        height: 24px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .training-step h3 {
        font-size: 17px;
        margin: 1px 0 3px;
      }
      .training-step p {
        font-size: 14px;
        color: var(--muted);
        margin: 0;
        line-height: 1.55;
      }
      .training-proof {
        display: flex;
        gap: 9px;
        flex-wrap: wrap;
        margin: 18px 0 0;
      }
      .training-proof span {
        background: var(--mint);
        border: 1px solid var(--line);
        border-radius: 99px;
        padding: 6px 10px;
        font-size: 10px;
        color: var(--deep);
      }
      .training-feature-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        margin-top: 30px;
      }
      .training-tile {
        padding: 24px 20px;
        border: 1px solid var(--line);
        border-radius: 18px;
        background: linear-gradient(145deg, #fff, #f4faf6);
        box-shadow:
          0 10px 24px #064e3b12,
          0 3px 0 #dcece2;
        transition:
          transform 0.22s,
          box-shadow 0.22s;
      }
      .training-tile:hover {
        transform: translateY(-6px) scale(1.02);
        box-shadow:
          0 18px 34px #064e3b22,
          0 3px 0 #b9dbc8;
      }
      .training-tile-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 11px;
      }
      .training-tile h3 {
        font-size: 18px;
        line-height: 1.3;
        margin: 0 0 6px;
      }
      .training-tile p {
        font-size: 13px;
        line-height: 1.55;
        color: var(--muted);
        margin: 0;
      }
      .training-closing {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        align-items: center;
        background: var(--deep);
        color: #fff;
        border-radius: 15px;
        padding: 20px 24px;
        margin-top: 20px;
      }
      .training-closing strong {
        font-size: 14px;
      }
      .training-closing span {
        display: block;
        color: #d7e9df;
        font-size: 11px;
        margin-top: 4px;
      }
      .training-cta {
        background: #b4efce;
        color: var(--deep);
        font-weight: 700;
        border-radius: 9px;
        padding: 11px 15px;
        text-decoration: none;
        font-size: 12px;
        white-space: nowrap;
      }
      .training-cta:hover {
        background: #d5f6e3;
      }
      @media (max-width: 850px) {
        .training-section {
          padding: 50px 0;
        }
        .training-intro {
          grid-template-columns: 1fr;
          gap: 24px;
        }
        .training-process {
          max-width: 720px;
        }
        .training-feature-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .training-heading {
          text-align: left;
          margin-left: 0;
        }
        .training-heading p {
          margin-left: 0;
        }
      }
      @media (max-width: 540px) {
        .training-section {
          padding: 40px 0;
        }
        .training-heading h2 {
          font-size: 31px;
        }
        .training-heading p {
          font-size: 14px;
        }
        .training-photo img {
          border-radius: 14px;
        }
        .training-feature-grid {
          grid-template-columns: 1fr;
          gap: 10px;
        }
        .training-tile {
          padding: 14px;
        }
        .training-tile h3 {
          font-size: 17px;
        }
        .training-tile p {
          font-size: 11px;
        }
        .training-closing {
          align-items: flex-start;
          flex-direction: column;
          padding: 18px;
        }
        .training-cta {
          white-space: normal;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .training-tile {
          transition: none;
        }
        .training-tile:hover {
          transform: none;
        }
      }