:root{--navy:#0b3769;--deep:#061e3b;--gold:#d8a020;--ink:#12345a;--light:#f4f6f8;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.5;overflow-x:hidden}a{color:inherit}
.site-header{height:86px;border-top:7px solid var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,74px);background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 8px #00000012}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);min-width:0}.brand-copy strong{font-size:20px;letter-spacing:3px;white-space:nowrap}.brand i{font-style:normal;color:var(--gold)}.brand small{display:block;font-size:7px;letter-spacing:1.2px;font-weight:800}.logo{width:50px;height:50px;flex:0 0 50px;border:3px solid var(--navy);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:900;font-style:italic}
.site-header nav,.footer-nav{display:flex;align-items:center;gap:24px}.site-header nav a,.footer-nav a{text-decoration:none;font-weight:800}.btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;text-decoration:none;font-weight:900;border:1px solid var(--navy)}.site-header .btn{background:var(--navy);color:#fff}.menu-toggle{display:none;background:var(--navy);color:#fff;border:0;padding:12px 14px;font-size:19px}
.hero{min-height:610px;color:#fff;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,29,58,.94) 0%,rgba(4,29,58,.74) 48%,rgba(4,29,58,.25) 100%),url('assets/hero-refined.jpg') center/cover no-repeat}
.hero:after{content:"";position:absolute;right:-9vw;top:0;width:31vw;height:100%;background:rgba(6,30,59,.82);clip-path:polygon(45% 0,100% 0,100% 100%,0 100%)}.hero-content{position:relative;z-index:2;width:min(760px,65%);margin-left:clamp(28px,6vw,92px);padding:72px 0}.eyebrow{font-size:13px;letter-spacing:2.3px;color:#b87f10;font-weight:900}.gold{color:#e3aa31}.hero h1{font-size:clamp(43px,5.2vw,70px);line-height:1.02;margin:15px 0 22px;letter-spacing:-1.8px}.hero h1 em{font-style:normal;color:#e1a42a}.hero p{font-size:18px;max-width:650px}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:27px}.gold-btn{background:var(--gold);border-color:var(--gold);color:var(--deep)}.outline-btn{border-color:#fff;color:#fff}.hero-stamp{position:absolute;right:3.5vw;bottom:38px;z-index:3;text-align:right;font-weight:900;font-size:18px;line-height:1.1}
.outcomes{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:auto;padding:22px 28px;background:#fff}.outcomes div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid #d9dee4;color:var(--navy)}.outcomes div:last-child{border-right:0}.outcome-icon{font-size:28px}.outcomes strong{font-size:12px;text-transform:uppercase;line-height:1.15}
.section{max-width:1180px;margin:auto;padding:72px 32px}.section h2,.split-section h2,.cta h2{font-size:clamp(30px,3.2vw,43px);line-height:1.12;margin:10px 0 20px;letter-spacing:-.6px}
.split-section{display:grid;grid-template-columns:1fr 1fr}.about-copy{padding:70px max(32px,calc((100vw - 1180px)/2 + 32px));padding-right:5vw}.about-art{min-height:520px;background:linear-gradient(120deg,rgba(8,47,95,.05),rgba(8,47,95,.68)),url('assets/people-refined.jpg') center/cover;display:flex;align-items:flex-end;justify-content:flex-end;padding:38px}.art-quote{max-width:230px;color:#fff;font-size:22px;font-weight:800;border-left:4px solid var(--gold);padding-left:16px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.chips span{padding:9px 14px;border:1px solid var(--gold);font-weight:800}
.services{max-width:none;background:var(--light);padding-left:max(32px,calc((100vw - 1180px)/2 + 32px));padding-right:max(32px,calc((100vw - 1180px)/2 + 32px))}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head p{max-width:430px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:30px}.service-grid article{background:var(--navy);color:#fff;min-width:0;box-shadow:0 5px 18px #00000012}.service-photo{height:190px;position:relative;background-size:cover;background-position:center}.service-photo:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,var(--navy))}.service-photo span{position:absolute;z-index:2;top:12px;left:13px;background:var(--gold);color:var(--deep);padding:5px 8px;font-weight:900}.photo-ops{background-image:url('assets/hero-refined.jpg')}.photo-safety{background-image:url('assets/people-refined.jpg')}.photo-performance{background-image:url('assets/services-refined.jpg');background-position:55% 55%}.photo-supply{background-image:url('assets/industries-refined.jpg');background-position:80% center}.service-body{padding:6px 18px 22px}.service-body h3{font-size:20px;line-height:1.08;margin:4px 0 10px}.service-body p{font-size:14px;color:#dce6f1}.service-body ul{padding-left:18px;margin-bottom:0;font-size:14px}
.industries p{margin-top:-8px}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:28px}.industry-grid article{height:170px;position:relative;background-image:url('assets/industries-refined.jpg');background-size:620% 100%;overflow:hidden}.industry-grid article:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(4,29,58,.94))}.industry-grid span{position:absolute;z-index:2;bottom:12px;left:0;right:0;text-align:center;color:#fff;font-weight:900}.ind-mining{background-position:0 center}.ind-energy{background-position:20% center}.ind-infra{background-position:40% center}.ind-man{background-position:60% center}.ind-industrial{background-position:80% center}.ind-public{background-position:100% center}
.training{background:#fff}.training-art{min-height:520px;background:linear-gradient(120deg,rgba(8,47,95,.12),rgba(8,47,95,.62)),url('assets/training-refined.jpg') center/cover;display:flex;align-items:flex-end;padding:38px}.training-copy{padding:70px max(32px,calc((100vw - 1180px)/2 + 32px));padding-left:5vw;align-self:center}.training-list{display:grid;gap:9px;margin:25px 0}.training-list span{font-weight:700}.training-list span::first-letter{color:var(--gold)}
.approach{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps article{border-top:4px solid var(--gold);padding:18px 14px;background:#f8f9fa}.steps b{color:var(--gold);font-size:22px}.steps h3{margin:5px 0}.steps p{margin:0;font-size:14px}
.why{max-width:none;background:#f4f6f8;padding-left:max(32px,calc((100vw - 1180px)/2 + 32px));padding-right:max(32px,calc((100vw - 1180px)/2 + 32px))}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:25px}.why-grid article{text-align:center;padding:12px 24px;border-right:1px solid #d7dde4}.why-grid article:last-child{border-right:0}.why-grid article>div{font-size:27px;color:var(--navy)}.why-grid h3{font-size:16px}.why-grid p{font-size:13px}
.cta{background:linear-gradient(90deg,rgba(5,30,59,.98),rgba(8,47,95,.83)),url('assets/cta-refined.jpg') center/cover;color:#fff;padding:58px max(32px,calc((100vw - 1180px)/2 + 32px));display:flex;align-items:center;justify-content:space-between;gap:45px}.cta h2{margin-bottom:10px}.cta p{margin:0}.contact-actions{display:flex;gap:12px;min-width:460px}.contact-actions a{flex:1;display:flex;align-items:center;justify-content:center;border:1px solid #fff;padding:16px;text-decoration:none;color:#fff;font-weight:900;white-space:nowrap}
footer{background:#fff;border-bottom:10px solid var(--gold);padding:27px max(28px,5vw)}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-bottom{border-top:1px solid #e1e5e9;margin-top:20px;padding-top:18px;font-size:12px}.footer-bottom b{color:#b97d0b}.footer-brand .logo{width:42px;height:42px;flex-basis:42px}.footer-brand .brand-copy strong{font-size:15px}.footer-nav{font-size:13px}
@media(max-width:900px){.site-header{height:76px;padding:0 18px}.brand-copy strong{font-size:16px;letter-spacing:2px}.brand small{font-size:6px}.logo{width:44px;height:44px;flex-basis:44px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;padding:16px 20px 20px;box-shadow:0 8px 18px #0002;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:13px 8px;border-bottom:1px solid #edf0f3}.site-header nav .btn{margin-top:8px;border:0}.hero{min-height:610px;align-items:end;background-position:60% center}.hero:after{display:none}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,29,58,.30),rgba(4,29,58,.93) 64%)}.hero-content{width:auto;margin:0;padding:60px 24px 48px}.hero h1{font-size:clamp(39px,9vw,56px)}.hero-stamp{display:none}.outcomes{grid-template-columns:repeat(2,1fr);padding:0}.outcomes div{padding:20px 16px;border-bottom:1px solid #d9dee4}.outcomes div:nth-child(2){border-right:0}.split-section{grid-template-columns:1fr}.about-copy,.training-copy{padding:55px 24px}.about-art,.training-art{min-height:360px}.section{padding:55px 24px}.section-head{display:block}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.industry-grid{grid-template-columns:repeat(3,1fr)}.industry-grid article{background-size:320% 200%}.steps{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr);gap:18px}.why-grid article{border-right:0;border-top:2px solid var(--gold)}.cta{display:block;padding:52px 24px}.contact-actions{min-width:0;margin-top:28px}.footer-top{display:block}.footer-nav{margin-top:22px;flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom b{display:block;margin-top:10px}}
@media(max-width:560px){.site-header{padding:0 14px}.brand-copy strong{font-size:13px;letter-spacing:1.3px}.brand small{font-size:5.5px;letter-spacing:.7px}.logo{width:40px;height:40px;flex-basis:40px}.menu-toggle{padding:10px 12px}.hero{min-height:640px}.hero-content{padding:48px 20px 38px}.hero h1{font-size:39px;letter-spacing:-1px}.hero p{font-size:16px}.actions{display:grid;grid-template-columns:1fr;width:100%}.btn,.outline-btn{width:100%;min-height:49px}.outcomes div{justify-content:flex-start;padding-left:20px}.section{padding:48px 20px}.section h2,.split-section h2,.cta h2{font-size:31px}.service-grid{grid-template-columns:1fr}.service-photo{height:205px}.service-body{padding:6px 20px 23px}.service-body h3{font-size:21px}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-grid article{height:150px;background-size:220% 300%}.training-copy{padding:48px 20px}.training-list span{display:block;padding:10px 0;border-bottom:1px solid #e5e8eb;line-height:1.35}.about-art,.training-art{min-height:290px}.steps{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.why-grid article{text-align:left;display:grid;grid-template-columns:42px 1fr;column-gap:8px}.why-grid article>div{grid-row:1/3}.why-grid h3,.why-grid p{margin:0 0 5px}.cta{padding:48px 20px}.contact-actions{display:grid;grid-template-columns:1fr}.contact-actions a{width:100%;white-space:normal}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 14px}.footer-bottom{line-height:1.6}}
@media(max-width:360px){.brand-copy strong{font-size:12px}.brand small{display:none}.hero h1{font-size:34px}.outcomes{grid-template-columns:1fr}.outcomes div{border-right:0}.industry-grid{grid-template-columns:1fr}}

/* ==========================================================
   V5 FINAL REFINEMENT — mobile hierarchy, imagery and spacing
   ========================================================== */
.training-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);border-color:var(--gold);color:var(--deep)}

/* Give each industry a dedicated image crop rather than reusing one sprite. */
.industry-grid article{background-size:cover;background-position:center}
.ind-mining{background-image:url('assets/industry-mining.jpg')}
.ind-energy{background-image:url('assets/industry-energy.jpg')}
.ind-infra{background-image:url('assets/industry-infrastructure.jpg')}
.ind-man{background-image:url('assets/industry-manufacturing.jpg')}
.ind-industrial{background-image:url('assets/industry-industrial.jpg')}
.ind-public{background-image:url('assets/industry-public.jpg')}

/* Cleaner branded transition artwork. */
.training-art{position:relative;background-position:center 48%;overflow:hidden}
.training-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,30,59,.06) 0%,rgba(6,30,59,.18) 40%,rgba(6,30,59,.76) 100%)}
.training-art .art-quote{position:relative;z-index:1;text-shadow:0 1px 10px rgba(0,0,0,.28)}

@media(max-width:900px){
  /* Critical V4 responsive fix: parent grid must collapse, not only its child steps. */
  .approach{grid-template-columns:1fr;gap:26px}
  .approach>div:first-child{max-width:680px}
  .training-art{min-height:330px;background-position:center 44%}
  .services,.industries,.approach,.why{scroll-margin-top:78px}
}

@media(max-width:560px){
  /* More compact section rhythm without crowding. */
  .section{padding-top:44px;padding-bottom:44px}
  .services{padding-top:48px;padding-bottom:48px}
  .approach{display:block}
  .approach>div:first-child{margin-bottom:26px}
  .steps{display:grid;grid-template-columns:1fr;gap:12px}
  .steps article{padding:20px 18px;min-height:0}
  .steps b{font-size:24px}
  .steps h3{font-size:22px;margin:5px 0 4px}
  .steps p{font-size:16px;line-height:1.5}
  .training-art{min-height:275px;background-position:center 43%;padding:24px}
  .training-art .art-quote{max-width:250px;font-size:22px;line-height:1.25}
  .training-copy{padding-top:42px;padding-bottom:44px}
  .training-cta{margin-top:8px}
  .industry-grid{gap:8px}
  .industry-grid article{height:145px;background-size:cover}
  .service-grid{gap:14px}
  .service-photo{height:195px}
  .cta{background-position:center;}
}

/* ==========================================================
   V5.2 CLEAN-ASSET REFINEMENT
   Removes brochure/screenshot artwork from responsive cards.
   ========================================================== */
.hero{background-image:linear-gradient(90deg,rgba(4,29,58,.95) 0%,rgba(4,29,58,.78) 50%,rgba(4,29,58,.34) 100%),url('assets/service-ops-clean.jpg');background-position:center;background-size:cover}
.about-art{background-image:linear-gradient(120deg,rgba(8,47,95,.08),rgba(8,47,95,.70)),url('assets/people-banner-v53.jpg');background-position:center;background-size:cover}
.photo-ops{background-image:url('assets/service-ops-clean.jpg')}
.photo-safety{background-image:url('assets/service-safety-clean.jpg')}
.photo-performance{background-image:url('assets/service-performance-clean.jpg');background-position:center}
.photo-supply{background-image:url('assets/service-supply-clean.jpg');background-position:center}
.ind-mining{background-image:url('assets/industry-mining-v53.jpg')}
.ind-energy{background-image:url('assets/industry-energy-v53.jpg')}
.ind-infra{background-image:url('assets/industry-infrastructure-v53.jpg')}
.ind-man{background-image:url('assets/industry-manufacturing-v53.jpg')}
.ind-industrial{background-image:url('assets/industry-industrial-v53.jpg')}
.ind-public{background-image:url('assets/industry-public-v53.jpg')}
.training-art{background-image:linear-gradient(120deg,rgba(8,47,95,.12),rgba(8,47,95,.72)),url('assets/service-safety-clean.jpg');background-position:center;background-size:cover}
.cta{background-image:linear-gradient(90deg,rgba(5,30,59,.98),rgba(8,47,95,.84)),url('assets/service-supply-clean.jpg');background-position:center;background-size:cover}
@media(max-width:560px){
  .hero{background-position:58% center}
  .service-photo{height:190px}
  .industry-grid article{height:132px}
  .industry-grid span{bottom:9px;font-size:15px}
}


/* ==========================================================
   V5.3 CLEAN INDUSTRY ASSETS — final mobile contamination fix
   ========================================================== */
html{scroll-padding-top:96px}
.industry-grid article{position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center}
.industry-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,30,59,.82) 100%);pointer-events:none}
.industry-grid article span{position:absolute;z-index:2}
.about-art{background-position:center}
@media(max-width:900px){
  html{scroll-padding-top:16px}
  .site-header{position:relative;top:auto}
  .site-header nav{top:69px}
  .industry-grid article{background-size:cover!important;background-position:center!important}
  .about-art{background-position:56% center}
}
@media(max-width:560px){
  .industry-grid article{height:148px}
  .industry-grid span{left:12px;right:12px;bottom:10px;font-size:16px;line-height:1.15}
  .about-art{min-height:320px;background-position:58% center}
}


/* ==========================================================
   V5.4 TRUE CLEAN INDUSTRY ASSETS
   Six independent photographs. No brochure/screenshot text is
   embedded in these files; labels are rendered only by HTML.
   ========================================================== */
.ind-mining{background-image:url('assets/industry-mining-v54.jpg')!important}
.ind-energy{background-image:url('assets/industry-energy-v54.jpg')!important}
.ind-infra{background-image:url('assets/industry-infrastructure-v54.jpg')!important}
.ind-man{background-image:url('assets/industry-manufacturing-v54.jpg')!important}
.ind-industrial{background-image:url('assets/industry-industrial-v54.jpg')!important}
.ind-public{background-image:url('assets/industry-public-v54.jpg')!important}
.industry-grid article{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}

/* V5.5 — approved Temkar-branded people visual. Keep embedded image copy off-screen;
   the live quote remains accessible HTML text in the About panel. */
.about-art{
  background-image:linear-gradient(90deg,rgba(8,47,95,.02),rgba(8,47,95,.12)),url('assets/people-temkar-v55.png');
  background-position:center center;
  background-size:cover;
}
.about-art .art-quote{display:none}
@media(max-width:900px){
  .about-art{min-height:390px;background-position:64% center;background-size:cover}
}
@media(max-width:560px){
  .about-art{min-height:310px;background-position:67% center;background-size:cover}
}

/* FINAL — inclusive South African workforce visual refinement.
   Layout and responsive spacing remain unchanged from approved V5.5. */
.about-art{
  background-image:linear-gradient(120deg,rgba(8,47,95,.04),rgba(8,47,95,.34)),url('assets/people-diverse-final.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
}
@media(max-width:900px){.about-art{background-position:56% center!important}}
@media(max-width:560px){.about-art{background-position:58% center!important}}


/* ==========================================================
   RESPONSIVE APPROVED BASE — 20 SEP 2026
   Preserves V5.5 visual architecture while hardening layout
   across phones, tablets, laptops and wide desktop screens.
   ========================================================== */
img{max-width:100%;height:auto}
button,a{-webkit-tap-highlight-color:transparent}
.site-header,.hero,.outcomes,.split-section,.services,.industries,.approach,.why,.cta,footer{width:100%}
.service-grid article,.steps article,.why-grid article,.industry-grid article{min-width:0}
.service-body,.about-copy,.training-copy,.hero-content{overflow-wrap:anywhere}
@media (min-width:1400px){
  .hero-content{margin-left:max(6vw,calc((100vw - 1320px)/2));width:min(800px,58%)}
  .section{max-width:1320px}
  .outcomes{max-width:1320px}
  .services,.why{padding-left:max(42px,calc((100vw - 1320px)/2 + 42px));padding-right:max(42px,calc((100vw - 1320px)/2 + 42px))}
}
@media (min-width:901px) and (max-width:1180px){
  .site-header nav{gap:15px}
  .site-header nav a{font-size:14px}
  .service-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .service-photo{height:220px}
  .industry-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .industry-grid article{height:190px}
  .approach{grid-template-columns:1fr}
  .steps{margin-top:20px}
  .contact-actions{min-width:400px}
}
@media (max-width:900px){
  .site-header{position:relative}
  .site-header nav{z-index:50}
  .hero-content{max-width:760px}
  .about-copy,.training-copy{max-width:760px}
  .footer-nav a{min-height:40px;display:flex;align-items:center}
}
@media (max-width:560px){
  .brand{gap:9px}
  .brand-copy{min-width:0}
  .hero{min-height:0;padding-top:0}
  .hero-content{padding-top:52px;padding-bottom:46px}
  .hero h1{font-size:clamp(35px,10.4vw,43px);line-height:1.04}
  .hero p{line-height:1.55}
  .outcomes strong{font-size:11px}
  .chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .chips span{text-align:center;padding:9px 6px;font-size:14px}
  .about-art{aspect-ratio:1.3/1;min-height:0}
  .service-body ul{font-size:15px;line-height:1.5}
  .industry-grid article{aspect-ratio:1.15/1;height:auto}
  .training-art{min-height:250px}
  .contact-actions a{min-height:58px;text-align:center}
  .footer-nav a{min-height:38px}
}
@media (max-width:390px){
  .site-header{padding-left:10px;padding-right:10px}
  .brand-copy strong{font-size:12px;letter-spacing:1px}
  .logo{width:38px;height:38px;flex-basis:38px}
  .chips{grid-template-columns:1fr}
  .outcomes{grid-template-columns:repeat(2,1fr)}
  .outcomes div{padding:18px 12px}
  .industry-grid{grid-template-columns:repeat(2,1fr)}
  .footer-nav{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:320px){
  .brand small{display:none}
  .brand-copy strong{font-size:11px}
  .hero h1{font-size:32px}
  .outcomes{grid-template-columns:1fr}
  .industry-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* ==========================================================
   FINAL MOBILE PROPORTION REFINEMENT — 20 SEP 2026
   Approved responsive baseline preserved. These rules only
   tighten mobile spacing/proportions; no content or structure changes.
   ========================================================== */
@media (max-width:560px){
  .section{padding-top:42px;padding-bottom:42px}
  .services{padding-top:44px;padding-bottom:44px}
  .service-grid{gap:12px;margin-top:24px}
  .service-photo{height:178px}
  .service-body{padding:6px 18px 20px}
  .service-body h3{margin-bottom:8px}
  .service-body p{margin-top:0;margin-bottom:10px}
  .service-body ul{margin-top:8px}
  .training-copy{padding-top:40px;padding-bottom:48px}
  .training-list{margin:20px 0 22px;gap:5px}
  .training-list span{padding:9px 0}
  .training-cta{margin-top:4px;margin-bottom:6px}
  .approach>div:first-child{margin-bottom:22px}
  .steps{gap:10px}
  .steps article{padding:16px 18px}
  .steps b{font-size:23px}
  .steps h3{font-size:21px;margin:4px 0 3px}
  .steps p{font-size:15px;line-height:1.45}
  .why-grid{gap:14px}
  .why-grid article{padding-top:11px;padding-bottom:11px}
}

/* =========================================================
   FINAL MOBILE POLISH — CTA HEIGHT + SERVICES INTRO
   ========================================================= */

@media (max-width: 560px) {

  /* Keep hero CTA buttons compact */
  .hero .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .hero .actions .btn {
    width: 100%;
    height: auto !important;
    min-height: 56px !important;
    padding: 16px 20px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  /* Restore clean services introduction */
  .services .section-head {
    position: relative;
    z-index: 2;
    background: #fff;
    padding-top: 0;
    padding-bottom: 24px;
  }

  .services .section-head h2,
  .services .section-head p {
    position: relative;
    z-index: 2;
  }
}

/* =========================================================
   TEMKAR ENQUIRY FORM
   ========================================================= */

.enquiry-form-wrap {
  width: 100%;
  max-width: 900px;
  margin: 48px auto 0;
  padding: 38px;
  background: rgba(4, 29, 58, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.28);
}

.enquiry-form-intro {
  margin-bottom: 30px;
}

.enquiry-form-intro .eyebrow {
  display: block;
  margin-bottom: 12px;
}

.enquiry-form-intro h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 30px;
  line-height: 1.2;
}

.enquiry-form-intro p {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  line-height: 1.6;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-field-full {
  grid-column: 1 / -1;
}

.form-field label {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.form-field input,
.form-field select,
.form-field textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 14px 15px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 0;
  background: #fff;
  color: #08294d;
  font: inherit;
  outline: none;
}

.form-field input,
.form-field select {
  min-height: 50px;
}

.form-field textarea {
  min-height: 150px;
  resize: vertical;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: #dca51d;
  box-shadow: 0 0 0 2px rgba(220, 165, 29, 0.20);
}

/* Spam trap — must never be visible to genuine visitors */
.form-honeypot {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.enquiry-submit {
  width: 100%;
  margin-top: 24px;
  min-height: 56px;
  border: 0;
  cursor: pointer;
  font-weight: 800;
}

.form-note {
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 1.5;
}

/* Mobile */
@media (max-width: 560px) {
  .enquiry-form-wrap {
    margin-top: 32px;
    padding: 24px 18px;
  }

  .enquiry-form-intro h3 {
    font-size: 25px;
  }

  .form-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .form-field-full {
    grid-column: auto;
  }

  .form-field input,
  .form-field select,
  .form-field textarea {
    font-size: 16px;
  }
}