:root {
        --photo-hero: url("/assets/legacy-photo-0-20260913c.webp");
        --photo-site: url("/assets/legacy-photo-1-20260913c.webp");
        --photo-audit: url("/assets/legacy-photo-2-20260913c.webp");
        --navy: #071a2f;
        --navy2: #0e2b47;
        --navy3: #123954;
        --green: #79b82a;
        --green2: #4d8f17;
        --ink: #102030;
        --muted: #63717b;
        --soft: #f4f7f8;
        --line: #dce5e9;
        --white: #fff;
        --shadow: 0 18px 48px rgba(7, 26, 47, 0.1);
        --shadow2: 0 8px 24px rgba(7, 26, 47, 0.08);
        --radius: 20px;
        --max: 1180px;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
        scroll-padding-top: 96px;
      }
      body {
        margin: 0;
        color: var(--ink);
        background: #fff;
        font-family:
          Inter,
          ui-sans-serif,
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          sans-serif;
        line-height: 1.55;
        -webkit-font-smoothing: antialiased;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      button,
      input,
      select,
      textarea {
        font: inherit;
      }
      img {
        display: block;
        max-width: 100%;
      }
      .container {
        width: min(var(--max), calc(100% - 36px));
        margin: auto;
      }
      .section {
        padding: 92px 0;
      }
      .section-sm {
        padding: 64px 0;
      }
      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--green2);
        font-size: 0.75rem;
        font-weight: 900;
        letter-spacing: 0.13em;
        text-transform: uppercase;
      }
      .eyebrow:before {
        content: "";
        width: 23px;
        height: 3px;
        border-radius: 3px;
        background: var(--green);
      }
      h1,
      h2,
      h3 {
        margin: 0;
        color: var(--ink);
        line-height: 1.06;
        letter-spacing: -0.035em;
      }
      h1 {
        font-size: clamp(3rem, 6.5vw, 5.7rem);
      }
      h2 {
        font-size: clamp(2.1rem, 4vw, 3.7rem);
      }
      h3 {
        font-size: 1.18rem;
      }
      .lead {
        font-size: clamp(1.04rem, 1.8vw, 1.22rem);
        color: var(--muted);
        max-width: 760px;
      }
      .muted {
        color: var(--muted);
      }
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-height: 48px;
        padding: 12px 19px;
        border: 1px solid transparent;
        border-radius: 10px;
        font-weight: 850;
        cursor: pointer;
        transition:
          transform 0.2s,
          box-shadow 0.2s,
          background 0.2s;
      }
      .btn:hover {
        transform: translateY(-2px);
      }
      .btn-primary {
        background: var(--green);
        color: #fff;
        box-shadow: 0 10px 24px rgba(121, 184, 42, 0.23);
      }
      .btn-primary:hover {
        background: #6ba924;
      }
      .btn-secondary {
        background: #fff;
        border-color: #cbd7dc;
      }
      .btn-secondary:hover {
        border-color: var(--green);
        color: var(--green2);
      }
      .btn-dark {
        background: var(--navy);
        color: #fff;
      }
      .btn-link {
        color: var(--green2);
        font-weight: 850;
      }
      .topbar {
        background: var(--navy);
        color: #e7eef2;
        font-size: 0.79rem;
      }
      .topbar .container {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        padding: 9px 0;
        flex-wrap: wrap;
      }
      .topbar strong {
        color: #fff;
      }
      .site-header {
        position: sticky;
        top: 0;
        z-index: 50;
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid rgba(220, 229, 233, 0.9);
      }
      .nav {
        height: 82px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
      }
      .brand {
        display: flex;
        align-items: center;
        gap: 13px;
        min-width: 0;
      }
      .brand-mark {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
        border-radius: 14px;
        padding: 4px;
        background: #fff;
        border: 1px solid var(--line);
        display: grid;
        place-items: center;
        box-shadow: var(--shadow2);
      }
      .brand-mark img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        object-fit: contain;
      }
      .brand-name {
        font-size: 1.05rem;
        font-weight: 950;
        letter-spacing: -0.025em;
        white-space: nowrap;
      }
      .brand-tag {
        display: block;
        margin-top: 2px;
        color: #71808a;
        font-size: 0.61rem;
        font-weight: 850;
        letter-spacing: 0.15em;
        white-space: nowrap;
      }
      .nav-links {
        display: flex;
        align-items: center;
        gap: 24px;
        font-size: 0.9rem;
        font-weight: 800;
      }
      .nav-links a:not(.btn):hover {
        color: var(--green2);
      }
      .menu-btn {
        display: none;
        width: 46px;
        height: 46px;
        border: 1px solid var(--line);
        border-radius: 11px;
        background: #fff;
        color: var(--navy);
        font-size: 1.45rem;
        cursor: pointer;
      }
      .hero {
        position: relative;
        overflow: hidden;
        background: var(--navy);
        color: #fff;
      }
      .hero:before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          90deg,
          rgba(7, 26, 47, 0.98) 0%,
          rgba(7, 26, 47, 0.93) 45%,
          rgba(7, 26, 47, 0.36) 100%
        );
        z-index: 1;
      }
      .hero-bg {
        position: absolute;
        inset: 0;
        background-image: var(--photo-hero);
        background-size: cover;
        background-position: 65% center;
      }
      .hero-grid {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: 1.08fr 0.92fr;
        gap: 48px;
        min-height: 650px;
        align-items: center;
        padding: 70px 0;
      }
      .hero h1 {
        color: #fff;
        margin: 15px 0 22px;
      }
      .hero h1 span {
        color: #9bd44f;
      }
      .hero-copy p {
        max-width: 710px;
        color: #dbe6ec;
        font-size: 1.15rem;
      }
      .hero-actions {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 28px;
      }
      .hero .btn-secondary {
        background: rgba(255, 255, 255, 0.09);
        border-color: rgba(255, 255, 255, 0.35);
        color: #fff;
      }
      .hero-checks {
        display: flex;
        gap: 22px;
        flex-wrap: wrap;
        margin-top: 27px;
        color: #edf5f7;
        font-size: 0.88rem;
        font-weight: 750;
      }
      .hero-checks span:before {
        content: "✓";
        color: #9bd44f;
        font-weight: 950;
        margin-right: 7px;
      }
      .hero-panel {
        margin-left: auto;
        width: min(395px, 100%);
        display: grid;
        gap: 12px;
      }
      .benefit {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 13px;
        align-items: start;
        padding: 17px 18px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 15px;
        background: rgba(7, 26, 47, 0.7);
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
        backdrop-filter: blur(7px);
      }
      .benefit-icon {
        width: 38px;
        height: 38px;
        border-radius: 11px;
        background: rgba(155, 212, 79, 0.14);
        display: grid;
        place-items: center;
        color: #9bd44f;
        font-weight: 900;
      }
      .benefit b {
        display: block;
        color: #fff;
        margin-bottom: 3px;
      }
      .benefit small {
        display: block;
        color: #c9d8df;
        line-height: 1.4;
      }
      .value-band {
        background: var(--navy2);
        color: #fff;
      }
      .value-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
      }
      .value-item {
        padding: 20px 22px;
        border-right: 1px solid rgba(255, 255, 255, 0.12);
      }
      .value-item:last-child {
        border-right: 0;
      }
      .value-item b {
        display: block;
        margin-bottom: 4px;
      }
      .value-item span {
        color: #b9cad4;
        font-size: 0.86rem;
      }
      .section-head {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        align-items: end;
        margin-bottom: 38px;
      }
      .section-head p {
        max-width: 610px;
        margin: 0;
      }
      .section-head h2 {
        margin-top: 13px;
      }
      .scheme-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
      }
      .scheme-card {
        position: relative;
        height: 235px;
        padding: 0;
        border: 0;
        background: transparent;
        perspective: 1100px;
        text-align: left;
        cursor: pointer;
      }
      .scheme-inner {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        transition: transform 0.62s cubic-bezier(0.2, 0.7, 0.2, 1);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        will-change: transform;
      }
      .scheme-card:hover .scheme-inner,
      .scheme-card:focus-visible .scheme-inner,
      .scheme-card[aria-pressed="true"] .scheme-inner {
        transform: rotateY(180deg);
      }
      .scheme-face {
        position: absolute;
        display: flex;
        inset: 0;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform-style: preserve-3d;
        overflow: hidden;
        box-shadow: var(--shadow2);
        transition: opacity 0.12s linear;
      }
      .scheme-front {
        flex-direction: column;
        justify-content: space-between;
        padding: 21px;
        transform: rotateY(0deg) translateZ(1px);
        opacity: 1;
        visibility: visible;
        background-color: #fff;
        background-image: linear-gradient(
            to top,
            rgba(7, 26, 47, 0.98) 0,
            rgba(7, 26, 47, 0.93) 29%,
            rgba(7, 26, 47, 0.08) 56%
          ),
          var(--scheme-image);
        background-position:
          center,
          center 30%;
        background-repeat: no-repeat;
        background-size:
          100% 100%,
          var(--scheme-fit, cover);
        color: #fff;
      }
      .scheme-symbol {
        display: none;
      }
      .scheme-front > span:last-child {
        position: relative;
        z-index: 2;
      }
      .scheme-front h3 {
        margin-bottom: 5px;
        color: #fff;
      }
      .scheme-front small {
        color: #d7e3e8;
        font-weight: 750;
      }
      .scheme-hint {
        position: absolute;
        right: 18px;
        top: 18px;
        z-index: 2;
        padding: 5px 7px;
        border-radius: 7px;
        background: rgba(7, 26, 47, 0.78);
        color: #fff;
        font-size: 0.72rem;
        font-weight: 800;
      }
      .scheme-45001 {
        --scheme-image: url("/assets/scheme-iso-45001-approved-20260824.webp");
        --scheme-fit: contain;
      }
      .scheme-9001 {
        --scheme-image: url("/assets/scheme-iso-9001-approved-20260824.webp");
        --scheme-fit: contain;
      }
      .scheme-14001 {
        --scheme-image: url("/assets/scheme-iso-14001-approved-20260824.webp");
        --scheme-fit: contain;
      }
      .scheme-totika {
        --scheme-image: url("/assets/scheme-totika-approved-20260824.webp");
        --scheme-fit: contain;
      }
      .scheme-sitewise {
        --scheme-image: url("/assets/scheme-sitewise-approved-20260824.webp");
        --scheme-fit: contain;
      }
      .scheme-safety-documents {
        --scheme-image: url("/assets/scheme-safety-documents-approved-20260824.webp");
      }
      .scheme-project-qa {
        --scheme-image: url("/assets/scheme-project-qa-approved-20260824.webp");
      }
      .scheme-hse-automation {
        --scheme-image: url("/assets/scheme-hse-automation-approved-20260824.webp");
      }
      .scheme-back {
        transform: rotateY(180deg) translateZ(1px);
        opacity: 0;
        visibility: hidden;
        flex-direction: column;
        justify-content: center;
        padding: 23px;
        background: linear-gradient(150deg, var(--navy3), var(--navy));
        color: #fff;
      }
      .scheme-card:hover .scheme-front,
      .scheme-card:focus-visible .scheme-front,
      .scheme-card[aria-pressed="true"] .scheme-front {
        opacity: 0;
        visibility: hidden;
      }
      .scheme-card:hover .scheme-back,
      .scheme-card:focus-visible .scheme-back,
      .scheme-card[aria-pressed="true"] .scheme-back {
        opacity: 1;
        visibility: visible;
      }
      .scheme-back h3 {
        color: #fff;
        margin-bottom: 9px;
      }
      .scheme-back p {
        margin: 0;
        color: #d4e0e5;
        font-size: 0.91rem;
      }
      .scheme-back strong {
        color: #9bd44f;
      }
      .truth-strip {
        margin-top: 24px;
        padding: 20px 22px;
        border-radius: 16px;
        background: #eef6e5;
        border: 1px solid #d4e7bd;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 14px;
        align-items: start;
      }
      .truth-strip svg {
        width: 25px;
        height: 25px;
        color: var(--green2);
      }
      .truth-strip p {
        margin: 0;
        color: #3e5233;
        font-size: 0.93rem;
      }
      .photo-hero {
        background-image: var(--photo-hero);
      }
      .photo-site {
        background-image: var(--photo-site);
      }
      .photo-audit {
        background-image: var(--photo-audit);
      }
      .photo-service-systems {
        background-image: url("/assets/service-hs-systems.webp");
      }
      .photo-service-prequalification {
        background-image: url("/assets/service-prequalification.webp");
      }
      .photo-service-iso {
        background-image: url("/assets/service-iso-readiness.webp");
      }
      .photo-service-audits {
        background-image: url("/assets/service-audits.webp");
      }
      .photo-service-incident {
        background-image: url("/assets/service-incident.webp");
      }
      .photo-service-training {
        background-image: url("/assets/service-training.webp");
      }
      .photo-service-hazardous {
        background-image: url("/assets/service-hazardous-substances.webp");
      }
      .photo-service-environment {
        background-image: url("/assets/service-environment.webp");
      }
      .photo-service-outsourced {
        background-image: url("/assets/service-outsourced-hse.webp");
      }
      .photo-automation-feature {
        background-image: url("/assets/feature-automation.webp");
      }
      .photo-commercial-feature {
        background-image: url("/assets/feature-commercial-compliance.webp");
      }
      .service-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
      }
      .service {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: #fff;
        box-shadow: var(--shadow2);
        transition:
          transform 0.22s,
          box-shadow 0.22s;
      }
      .service:hover {
        transform: translateY(-5px);
        box-shadow: var(--shadow);
      }
      .service-media {
        position: relative;
        height: 205px;
        overflow: hidden;
      }
      .service-media .photo {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: transform 0.45s;
      }
      .service:hover .photo {
        transform: scale(1.035);
      }
      .service-media:after {
        content: "";
        position: absolute;
        inset: auto 0 0 0;
        height: 55%;
        background: linear-gradient(transparent, rgba(7, 26, 47, 0.56));
      }
      .service-body {
        padding: 22px;
      }
      .service h3 {
        margin-bottom: 9px;
      }
      .service p {
        margin: 0;
        color: var(--muted);
        font-size: 0.91rem;
      }
      .service-label {
        position: absolute;
        left: 14px;
        bottom: 13px;
        z-index: 2;
        padding: 6px 9px;
        border-radius: 8px;
        background: #fff;
        color: var(--navy);
        font-size: 0.72rem;
        font-weight: 900;
        box-shadow: var(--shadow2);
      }
      .process {
        background: var(--soft);
      }
      .process-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
      }
      .step {
        position: relative;
        padding: 27px 24px;
        border: 1px solid var(--line);
        border-radius: 18px;
        background: #fff;
      }
      .step-num {
        display: inline-flex;
        margin-bottom: 30px;
        color: var(--green2);
        font-size: 0.78rem;
        font-weight: 900;
        letter-spacing: 0.11em;
      }
      .step h3 {
        margin-bottom: 8px;
      }
      .step p {
        margin: 0;
        color: var(--muted);
        font-size: 0.91rem;
      }
      .automation {
        background: var(--navy);
        color: #fff;
      }
      .automation-grid {
        display: grid;
        grid-template-columns: 0.92fr 1.08fr;
        gap: 56px;
        align-items: center;
      }
      .automation h2 {
        color: #fff;
        margin: 13px 0 18px;
      }
      .automation p {
        color: #c5d3db;
      }
      .auto-list {
        display: grid;
        gap: 12px;
        margin-top: 25px;
      }
      .auto-item {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 11px;
      }
      .auto-tick {
        width: 24px;
        height: 24px;
        border-radius: 8px;
        background: rgba(155, 212, 79, 0.15);
        color: #9bd44f;
        display: grid;
        place-items: center;
        font-weight: 900;
      }
      .auto-item b {
        display: block;
        color: #fff;
      }
      .auto-item span {
        display: block;
        color: #aebfc9;
        font-size: 0.88rem;
        margin-top: 2px;
      }
      .dashboard-shell {
        border: 1px solid #294861;
        border-radius: 22px;
        background: #0d2941;
        padding: 19px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
      }
      .dashboard-image {
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 14px;
      }
      .dashboard-image .photo {
        width: 100%;
        height: 210px;
        background-size: cover;
        background-position: center;
      }
      .exception {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 12px;
        align-items: center;
        padding: 13px;
        margin-top: 9px;
        border-radius: 12px;
        background: #081e31;
      }
      .severity {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #e9a83c;
      }
      .severity.high {
        background: #e15d5d;
      }
      .severity.ok {
        background: #4bc98b;
      }
      .exception b {
        display: block;
        color: #fff;
        font-size: 0.88rem;
      }
      .exception small {
        display: block;
        color: #94a9b5;
      }
      .exception em {
        font-style: normal;
        color: #c4d1d7;
        font-size: 0.72rem;
        font-weight: 800;
      }
      .why-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 42px;
        align-items: center;
      }
      .why-image {
        position: relative;
      }
      .why-image .photo {
        width: 100%;
        height: 480px;
        background-size: cover;
        background-position: center;
        border-radius: 22px;
        box-shadow: var(--shadow);
      }
      .why-note {
        position: absolute;
        left: 22px;
        right: 22px;
        bottom: 22px;
        padding: 19px;
        border-radius: 15px;
        background: rgba(7, 26, 47, 0.9);
        color: #fff;
        backdrop-filter: blur(6px);
      }
      .why-note b {
        display: block;
        margin-bottom: 3px;
      }
      .why-note span {
        color: #cbd9df;
        font-size: 0.88rem;
      }
      .principles {
        display: grid;
        gap: 12px;
        margin-top: 24px;
      }
      .principle {
        padding: 18px 20px;
        border: 1px solid var(--line);
        border-radius: 15px;
        background: #fff;
      }
      .principle b {
        display: block;
        margin-bottom: 4px;
      }
      .principle span {
        display: block;
        color: var(--muted);
        font-size: 0.9rem;
      }
      .faq {
        background: var(--soft);
      }
      .faq-list {
        display: grid;
        gap: 11px;
        max-width: 900px;
      }
      .faq details {
        border: 1px solid var(--line);
        border-radius: 15px;
        background: #fff;
        padding: 0 20px;
      }
      .faq summary {
        cursor: pointer;
        padding: 19px 0;
        font-weight: 850;
        list-style: none;
      }
      .faq summary::-webkit-details-marker {
        display: none;
      }
      .faq summary:after {
        content: "+";
        float: right;
        color: var(--green2);
        font-size: 1.25rem;
      }
      .faq details[open] summary:after {
        content: "–";
      }
      .faq details p {
        margin: 0 0 19px;
        color: var(--muted);
        font-size: 0.93rem;
      }
      .contact {
        background: linear-gradient(135deg, #0d3450, #071a2f);
        color: #fff;
      }
      .contact-grid {
        display: grid;
        grid-template-columns: 0.85fr 1.15fr;
        gap: 48px;
        align-items: start;
      }
      .contact h2 {
        color: #fff;
        margin: 14px 0 18px;
      }
      .contact p {
        color: #c4d3db;
      }
      .contact-points {
        display: grid;
        gap: 13px;
        margin-top: 25px;
      }
      .contact-point {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 12px;
      }
      .contact-dot {
        width: 36px;
        height: 36px;
        border-radius: 11px;
        background: rgba(155, 212, 79, 0.13);
        display: grid;
        place-items: center;
        color: #9bd44f;
        font-weight: 900;
      }
      .form-card {
        padding: 28px;
        border-radius: 22px;
        background: #fff;
        color: var(--ink);
        box-shadow: 0 30px 70px rgba(0, 0, 0, 0.2);
      }
      .form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 13px;
      }
      .field {
        display: grid;
        gap: 6px;
      }
      .field.full {
        grid-column: 1/-1;
      }
      .field label {
        color: #52616a;
        font-size: 0.75rem;
        font-weight: 850;
      }
      .field input,
      .field select,
      .field textarea {
        width: 100%;
        border: 1px solid #d6e0e4;
        border-radius: 10px;
        background: #fbfcfc;
        color: var(--ink);
        padding: 12px 13px;
        outline: none;
      }
      .field textarea {
        min-height: 118px;
        resize: vertical;
      }
      .field input:focus,
      .field select:focus,
      .field textarea:focus {
        border-color: var(--green);
        box-shadow: 0 0 0 3px rgba(121, 184, 42, 0.12);
      }
      .form-note {
        margin: 11px 0 0;
        color: #7c8b94;
        font-size: 0.76rem;
      }
      .hidden {
        position: absolute !important;
        left: -9999px !important;
      }
      footer {
        padding: 44px 0 28px;
        background: #061629;
        color: #fff;
      }
      .footer-grid {
        display: grid;
        grid-template-columns: 1.7fr 1fr 1fr 1fr;
        gap: 34px;
      }
      .footer-brand p {
        max-width: 380px;
        color: #aebfca;
        font-size: 0.86rem;
      }
      .footer-title {
        margin-bottom: 10px;
        color: #fff;
        font-weight: 850;
      }
      .footer-links {
        display: grid;
        gap: 7px;
        color: #aebfca;
        font-size: 0.84rem;
      }
      .footer-links a:hover {
        color: #9bd44f;
      }
      .footer-bottom {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-top: 30px;
        padding-top: 18px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        color: #8196a3;
        font-size: 0.75rem;
        flex-wrap: wrap;
      }
      .disclaimer {
        max-width: 850px;
      }
      :focus-visible {
        outline: 3px solid rgba(121, 184, 42, 0.45);
        outline-offset: 3px;
      }
      @media (prefers-reduced-motion: reduce) {
        * {
          scroll-behavior: auto !important;
          transition: none !important;
        }
        .scheme-inner {
          transform: none !important;
        }
        .scheme-back {
          display: none;
        }
        .scheme-card[aria-pressed="true"] .scheme-front {
          display: none;
        }
        .scheme-card[aria-pressed="true"] .scheme-back {
          display: flex;
          transform: none;
        }
      }
      @media (max-width: 1020px) {
        .scheme-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .service-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .value-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .value-item:nth-child(2) {
          border-right: 0;
        }
        .value-item:nth-child(-n + 2) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        }
        .hero-grid,
        .automation-grid,
        .why-grid,
        .contact-grid {
          grid-template-columns: 1fr;
        }
        .hero-panel {
          margin: 0;
          width: 100%;
          grid-template-columns: repeat(3, 1fr);
        }
        .process-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .why-image .photo {
          height: 420px;
        }
      }
      @media (max-width: 780px) {
        .topbar {
          display: none;
        }
        .nav {
          height: 74px;
        }
        .nav-links {
          display: none;
          position: absolute;
          left: 0;
          right: 0;
          top: 74px;
          padding: 17px 18px 20px;
          background: #fff;
          border-bottom: 1px solid var(--line);
          box-shadow: var(--shadow);
          flex-direction: column;
          align-items: stretch;
        }
        .nav-links.open {
          display: flex;
        }
        .nav-links .btn {
          width: 100%;
        }
        .menu-btn {
          display: grid;
          place-items: center;
        }
        .brand-name {
          font-size: 0.92rem;
        }
        .brand-tag {
          font-size: 0.54rem;
        }
        .hero-grid {
          min-height: auto;
          padding: 58px 0;
        }
        .hero:before {
          background: linear-gradient(
            180deg,
            rgba(7, 26, 47, 0.94),
            rgba(7, 26, 47, 0.91)
          );
        }
        .hero-panel {
          grid-template-columns: 1fr;
        }
        .section {
          padding: 72px 0;
        }
        .section-head {
          display: block;
        }
        .section-head p {
          margin-top: 14px;
        }
        .service-grid,
        .scheme-grid {
          grid-template-columns: 1fr;
        }
        .scheme-card {
          height: 220px;
        }
        .process-grid {
          grid-template-columns: 1fr;
        }
        .form-grid {
          grid-template-columns: 1fr;
        }
        .field.full {
          grid-column: auto;
        }
        .footer-grid {
          grid-template-columns: 1fr 1fr;
        }
        .why-image .photo {
          height: 340px;
        }
      }
      @media (max-width: 500px) {
        .container {
          width: calc(100% - 28px);
        }
        .brand-mark {
          width: 43px;
          height: 43px;
          flex-basis: 43px;
        }
        .brand-tag {
          white-space: normal;
          line-height: 1.35;
          max-width: 225px;
        }
        .hero h1 {
          font-size: 2.7rem;
        }
        .hero-actions {
          display: grid;
        }
        .hero-actions .btn {
          width: 100%;
        }
        .hero-checks {
          display: grid;
          gap: 8px;
        }
        .value-grid {
          grid-template-columns: 1fr;
        }
        .value-item {
          border-right: 0 !important;
          border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
        }
        .value-item:last-child {
          border-bottom: 0 !important;
        }
        .footer-grid {
          grid-template-columns: 1fr;
        }
        .form-card {
          padding: 21px;
        }
        .why-note {
          position: static;
          margin-top: 12px;
          background: var(--navy);
        }
      }
      section[id] { scroll-margin-top: 100px; }
      .hero h1 { font-size: clamp(2.7rem, 4.5vw, 3.8rem); }
      .btn-primary { color: #071a2f; }
      .enquiry-choice { color: #fff; transition: border-color .2s, background .2s; }
      .enquiry-choice:hover { border-color: #9bd44f; background: rgba(7,26,47,.92); }
      .choice-link { display: block; margin-top: 10px; color: #b5e279; font-size: .82rem; font-weight: 800; }
      .direct-contact a { display: inline-block; margin-top: 6px; color: #fff; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
      .contact .form-note { color: #52616a; }
      .footer-links a { overflow-wrap: anywhere; }
      .dashboard-caption { font-size: .8rem; color: #c4d3db; margin: 0 0 14px; }
      @media (min-width: 781px) and (max-width: 1180px) {
        .nav { gap: 12px; } .nav-links { gap: 12px; font-size: .8rem; }
        .brand-tag { font-size: .48rem; letter-spacing: .08em; }
        .nav-links .btn { padding: 10px 12px; }
      }
      @media (max-width: 500px) { .hero h1 { font-size: 2.7rem; } }
    
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:12px 18px;background:#fff;color:#071a2f;transform:translateY(-160%);border:2px solid #071a2f;border-radius:8px}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid #468514;outline-offset:5px}.landing-page h1{font-size:clamp(2.5rem,4.2vw,3.8rem);line-height:1.09;letter-spacing:-.045em;margin:20px 0 24px}.landing-page h1 span{color:#a4d967}.landing-page h2{font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.16;letter-spacing:-.035em}.landing-page h3{font-size:1.2rem;line-height:1.3}.landing-page .eyebrow{font-size:.72rem;letter-spacing:.13em}.landing-hero,.hub-hero{background:#071a2f;color:#fff;padding:28px 0 65px}.landing-hero .eyebrow,.hub-hero .eyebrow{color:#a4d967}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;color:#c6d2db;margin-bottom:40px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.landing-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}.landing-lead{font-size:1.1rem;line-height:1.7;color:#d8e2e9;max-width:730px}.hero-reassurance{font-size:.8rem;color:#c2d2dc;margin:22px 0 0}.landing-photo{position:relative;margin:0;border:1px solid #375066;border-radius:20px;overflow:hidden;background:#0e2b47}.landing-photo img{width:100%;height:360px;object-fit:cover}.landing-photo figcaption{padding:22px 26px;background:#0e2b47}.landing-photo figcaption b{display:block;font-size:1.1rem;margin-bottom:4px}.landing-photo figcaption span{font-size:.88rem;color:#c6d7e3}.section-intro{max-width:850px;margin-bottom:36px}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.scope-card{padding:25px;border:1px solid #dce5e9;border-radius:16px;background:#fff}.scope-number{font-size:.84rem;font-weight:800;color:#376809}.scope-card p{font-size:.94rem;color:#52616a}.scenario{font-size:.88rem;border-left:3px solid #79b82a;background:#f4f7f8;padding:20px 24px;margin-top:28px;color:#4b5c68}.landing-process{background:#f4f7f8}.process-grid-simple{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.prepare-card{background:#fff;border:1px solid #dce5e9;border-radius:18px;padding:30px}.prepare-card h3{margin-top:0}.prepare-card ul{padding-left:22px}.prepare-card li{margin:14px 0}.prepare-card p{font-size:.88rem;color:#52616a}.faq-wrap{max-width:880px}.landing-faq details{padding:22px 0;border-bottom:1px solid #dce5e9}.landing-faq summary{cursor:pointer;font-size:1.06rem;font-weight:750;line-height:1.5;min-height:30px}.landing-faq details p{color:#52616a;margin:15px 0 0}.official-source{font-size:.84rem;margin-top:25px;color:#52616a}.official-source a{text-decoration:underline;color:#315f0b}.contact-region{font-size:.94rem;color:#c6d7e3;margin-top:30px}.independence-note{border-top:1px solid #375066;padding-top:24px;margin-top:24px;color:#c6d7e3;font-size:.85rem}.landing-page .contact-grid{align-items:start}.form-intro{color:#52616a}.form-card h3{margin-top:0;color:#102030}.form-status:not(:empty){padding:12px 14px;background:#eef5e5;color:#244706;border:1px solid #a7c67d;border-radius:8px;overflow-wrap:anywhere}.form-status[data-error="true"]{background:#fff1f0;color:#8a1c13;border-color:#d9aaa7}.form-card button:disabled{opacity:.65;cursor:wait}.service-directory{background:#f4f7f8}.service-directory h2{max-width:800px}.service-directory .lead{max-width:780px;margin-bottom:32px}.service-directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-directory-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce5e9;border-radius:16px;padding:24px;transition:border-color .15s,box-shadow .15s}.service-directory-card:hover{border-color:#5e981c;box-shadow:0 8px 22px #071a2f12}.service-directory-card h3{margin:14px 0 8px;line-height:1.3;font-size:1.15rem}.service-directory-card p{color:#52616a;font-size:.9rem;margin:0 0 20px}.kicker{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#536876;font-weight:700}.card-link{margin-top:auto;color:#376809;font-size:.84rem;font-weight:800}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related h2{margin-bottom:28px}.hub-hero h1{max-width:920px}.landing-page .field input,.landing-page .field select,.landing-page .field textarea{min-width:0}.landing-page .form-note a{text-decoration:underline}.landing-page .contact h2{overflow-wrap:break-word}
@media(max-width:1000px){.scope-grid,.service-directory-grid{grid-template-columns:repeat(2,1fr)}.landing-hero-grid{gap:30px}.landing-photo img{height:320px}.landing-hero-grid h1{font-size:2.8rem}.process-grid-simple{gap:30px}}
@media(max-width:780px){.landing-hero-grid,.process-grid-simple{grid-template-columns:1fr}.landing-hero-grid h1{font-size:clamp(2.3rem,8.3vw,3.2rem)}.landing-photo{max-width:600px}.landing-photo img{height:260px}.landing-hero{padding-bottom:36px}.breadcrumbs{margin-bottom:28px}.related-grid{grid-template-columns:1fr}.section{padding:58px 0}.landing-lead{font-size:1rem}.hero-actions{gap:12px}.landing-page .contact-grid{gap:32px}.landing-page .hero-actions .btn{white-space:normal;text-align:center}.landing-page .brand-tag{font-size:.45rem}.landing-page .brand-name{font-size:.83rem}}
@media(max-width:500px){.scope-grid,.service-directory-grid{grid-template-columns:1fr}.scope-card,.service-directory-card{padding:22px}.prepare-card{padding:24px}.landing-photo img{height:230px}.landing-hero .hero-actions .btn{width:100%}.landing-page .brand-mark{width:38px;height:38px}.landing-page .brand{gap:8px}.breadcrumbs{font-size:.73rem;gap:8px}.landing-page .contact h2{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.landing-hero h1,.hub-hero h1{color:#fff}.landing-hero .btn-secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.35)}.landing-hero .btn-secondary:hover{background:rgba(255,255,255,.15)}.contact .form-card .form-intro{color:#52616a}.contact .form-card .form-status{color:#244706}.contact .form-card .form-status[data-error="true"]{color:#8a1c13}form .hidden{display:none!important}