:root{--navy:#061426;--navy2:#0b2039;--cyan:#37e1f2;--blue:#1678ff;--white:#fff;--ink:#112336;--muted:#64798d;--light:#f3f7fa;--line:#d9e5ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}
.site-header{position:sticky;top:0;z-index:50;height:64px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:rgba(6,20,38,.95);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.brand img{width:40px;height:40px;object-fit:contain}.nav{display:flex;gap:18px;font-size:14px}.nav a:hover{color:var(--cyan)}.top-cta{padding:9px 15px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04111d;font-weight:900}.menu-button{display:none;border:0;background:none;color:#fff;font-size:27px}
.hero{height:calc(100svh - 64px);min-height:560px;padding:22px 4%;display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:center;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}.eyebrow{margin:0 0 12px;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.17em}.hero h1{font-size:clamp(34px,4.05vw,56px);line-height:1.01;letter-spacing:-.05em;margin:0 0 20px}.hero-content>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#c1d1dc}.hero-actions{display:flex;gap:13px;margin:22px 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 18px;border-radius:13px;font-weight:900;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04111d}.ghost{border:1px solid rgba(255,255,255,.28);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.trust-grid div{padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.055)}.trust-grid b,.trust-grid span{display:block}.trust-grid span{font-size:11px;color:#adc0cd;margin-top:4px}
.hero-frame{position:relative;height:min(62vh,500px);min-height:360px;border-radius:29px;overflow:hidden;border:0;background:transparent;box-shadow:0 24px 70px rgba(0,0,0,.28)}.hero-slides,.hero-slides img{position:absolute;inset:0;width:100%;height:100%}.hero-slides img{object-fit:cover;object-position:center;background:transparent;opacity:0;transition:opacity .9s ease}.hero-slides img.active{opacity:1}.hero-badge{position:absolute;left:16px;bottom:16px;background:rgba(4,15,27,.75);color:#eaffff;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800}
.section{padding:68px 4%}.dark-section{background:linear-gradient(180deg,#061426,#0b2039);color:#fff}.section-heading{max-width:820px;margin:0 auto 30px;text-align:center}.section-heading h2,.about-content h2,.contact-copy h2,.leadership-card h2{font-size:clamp(29px,3.65vw,46px);line-height:1.06;letter-spacing:-.043em;margin:0 0 17px}.section-heading>p:last-child,.about-content>p:last-of-type,.contact-copy>p:last-child,.leadership-card p{color:var(--muted);font-size:15px;line-height:1.72}.dark-section .section-heading>p:last-child{color:#abc0ce}
.services-list{display:grid;gap:18px}.service-card{display:grid;grid-template-columns:.85fr 1.15fr;min-height:400px;border:1px solid rgba(255,255,255,.14);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.06)}.service-card:nth-child(even) .service-copy{order:2}.service-copy{padding:30px}.service-number{color:var(--cyan);font-weight:900}.service-copy h3{font-size:29px;margin:10px 0 15px}.service-copy p{color:#bed0dc;font-size:15px;line-height:1.7}.service-copy h4{margin:23px 0 8px}.service-copy ul{padding-left:20px;color:#dce7ed;line-height:1.85}.service-visual{position:relative;min-height:400px;background:transparent;overflow:hidden}.service-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:transparent;opacity:0;transition:opacity .8s ease}.service-visual img.active{opacity:1}
.workflow-section{background:var(--light)}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.workflow-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px}.workflow-grid b{font-size:28px;color:var(--blue)}.workflow-grid p{color:var(--muted);line-height:1.62}
.about-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;background:#fff}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.about-values div{padding:16px;border:1px solid var(--line);border-radius:17px}.about-values b,.about-values span{display:block}.about-values span{font-size:12px;color:var(--muted);margin-top:4px}.about-visual{border-radius:26px;overflow:hidden;background:transparent;border:0;box-shadow:0 18px 55px rgba(12,35,58,.12)}.about-visual img{width:100%;height:390px;object-fit:cover;object-position:center;background:transparent}
.gallery-section{background:var(--light)}.gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:28px}.gallery-filters button{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800;color:#40586e;cursor:pointer}.gallery-filters button.active{background:var(--navy);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gallery-item{position:relative;border:0;padding:0;border-radius:19px;overflow:hidden;background:#071426;cursor:zoom-in;min-height:200px}.gallery-item.hidden{display:none}.gallery-item img{width:100%;height:210px;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.035)}.gallery-item span{position:absolute;left:12px;bottom:12px;padding:8px 11px;background:rgba(4,15,27,.76);color:#fff;border-radius:999px;font-size:12px;font-weight:800}
.leadership-section{background:#fff}.leadership-card{max-width:760px;margin:auto;text-align:center;padding:32px;border:1px solid var(--line);border-radius:26px;box-shadow:0 16px 50px rgba(12,35,58,.08)}.leadership-card h3{color:var(--blue)}
.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}.contact-copy>p:last-child{color:#b8cad6}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.07)}.enquiry-form label{font-size:13px;font-weight:800;color:#dce8ef}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font:inherit}.enquiry-form option{color:#111}.full-field{grid-column:1/-1}.form-note{grid-column:1/-1;margin:0;color:#afc2cf;font-size:12px;line-height:1.5}.email-fallback{color:var(--cyan);font-weight:800;text-align:center}
footer{text-align:center;padding:30px 5%;background:#020912;color:#92a7b7}footer img{width:74px;margin:0 auto 12px}
.lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,4,9,.94);cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:89vh;object-fit:contain}.lightbox-close{position:absolute;top:12px;right:22px;color:#fff;background:none;border:0;font-size:46px;cursor:pointer}
.reveal{opacity:0;transform:translateY(24px);transition:.65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.hero{height:auto;min-height:calc(100svh - 64px);grid-template-columns:1fr;padding:42px 5%}.hero-frame{height:520px}.workflow-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.site-header{height:66px;padding:0 4%}.brand img{width:42px;height:42px}.brand span{font-size:13px}.top-cta{display:none}.menu-button{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;padding:22px;background:var(--navy)}.nav.open{display:flex}.hero{height:auto;min-height:auto;padding:30px 4% 48px}.hero h1{font-size:40px}.hero-frame{height:350px;min-height:350px}.trust-grid{grid-template-columns:1fr}.section{padding:62px 4%}.service-card,.about-section,.contact-section{grid-template-columns:1fr}.service-card:nth-child(even) .service-copy{order:0}.service-visual{min-height:320px}.service-copy{padding:26px}.service-copy h3{font-size:30px}.workflow-grid,.gallery-grid{grid-template-columns:1fr}.about-values{grid-template-columns:1fr}.about-visual img{height:340px}.enquiry-form{grid-template-columns:1fr}.full-field{grid-column:auto}.gallery-item img{height:auto;min-height:230px;object-fit:contain;background:#071426}}

/* Final image corrections */
.service-card{gap:0}
.service-copy,.service-visual{border:0}
.service-visual::before{display:none}
.hero-frame img,.service-visual img,.about-visual img{transform:none!important}
@media(max-width:820px){
  .service-visual img,.hero-slides img,.about-visual img{object-fit:cover}
}

/* Responsive fit correction: optimized to look at normal 100% browser zoom */
body{font-size:15px}
main{width:100%;overflow:hidden}
.site-header,.hero,.section,footer{max-width:1920px;margin-left:auto;margin-right:auto}
.service-card{max-width:1500px;margin-left:auto;margin-right:auto}
.service-copy{align-self:center}
.zoomable-service{cursor:zoom-in}
.zoomable-service:focus{outline:2px solid var(--cyan);outline-offset:-4px}
.zoomable-service img{cursor:zoom-in}

/* Better fit on common laptop widths */
@media (min-width:821px) and (max-width:1440px){
  .site-header{height:60px}
  .brand img{width:37px;height:37px}
  .brand span{font-size:14px}
  .nav{gap:15px;font-size:13px}
  .hero{height:calc(100svh - 60px);min-height:520px;padding:18px 3.2%;gap:22px}
  .hero h1{font-size:clamp(31px,3.7vw,49px);margin-bottom:14px}
  .hero-content>p:not(.eyebrow){font-size:14px;line-height:1.58}
  .hero-actions{margin:18px 0}
  .hero-frame{height:min(60vh,450px);min-height:330px}
  .trust-grid div{padding:10px}
  .section{padding:54px 3.2%}
  .section-heading{margin-bottom:24px}
  .service-card{min-height:360px}
  .service-visual{min-height:360px}
  .service-copy{padding:24px}
  .service-copy h3{font-size:26px;margin:8px 0 11px}
  .service-copy p{font-size:14px;line-height:1.55}
  .service-copy ul{line-height:1.65}
  .about-visual img{height:340px}
  .gallery-item img{height:185px}
  .workflow-grid article{padding:18px}
}

/* Keep mobile natural, readable and fully fitted */
@media(max-width:820px){
  .site-header{height:64px}
  .hero{padding:32px 4% 42px}
  .hero h1{font-size:36px}
  .hero-frame{height:320px;min-height:320px}
  .section{padding:54px 4%}
  .service-card{min-height:0}
  .service-visual{min-height:285px}
  .service-copy{padding:24px}
  .service-copy h3{font-size:28px}
  .gallery-item img{height:auto;min-height:210px}
}


/* === Final premium polish === */
html{font-size:15px}
body{min-width:320px}
.site-header{box-shadow:0 8px 28px rgba(0,0,0,.12)}
.hero{overflow:hidden}
.hero-frame,.service-visual,.about-visual{background:transparent!important}
.hero-slides img,.service-visual img,.about-visual img{
  background:transparent!important;
  object-position:center!important;
}
.hero-slides img{object-fit:contain!important}
.service-visual img{object-fit:cover!important}
.service-visual{cursor:zoom-in}
.service-visual:hover img.active{filter:brightness(1.04) saturate(1.03)}
.service-card{box-shadow:0 18px 55px rgba(0,0,0,.12)}
.service-card:hover{border-color:rgba(55,225,242,.30)}
.gallery-item{box-shadow:0 12px 30px rgba(10,30,50,.10)}
.gallery-item:hover{transform:translateY(-2px)}
.gallery-item,.service-card,.hero-frame,.about-visual{transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
.btn{transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 13px 35px rgba(22,120,255,.25)}
@media (min-width:821px) and (max-width:1440px){
  .hero{height:calc(100svh - 60px)!important;min-height:520px!important}
  .hero-frame{height:min(58vh,440px)!important}
  .hero h1{font-size:clamp(31px,3.6vw,48px)!important}
  .hero-content>p:not(.eyebrow){font-size:14px!important}
  .section{padding-top:52px!important;padding-bottom:52px!important}
  .service-card{min-height:350px!important}
  .service-visual{min-height:350px!important}
}
@media(max-width:820px){
  .hero-frame{height:315px!important;min-height:315px!important}
  .hero-slides img{object-fit:contain!important}
  .service-visual img{object-fit:contain!important;background:#061426!important}
  .service-visual{background:#061426!important}
}

/* === Final Hostinger production polish === */
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.footer-links{margin-top:10px;font-size:12px}
.footer-links a{color:#b7c9d7}
.footer-links a:hover{color:var(--cyan)}
.hero-content,.service-copy,.contact-copy{min-width:0}
.hero-frame,.service-visual,.about-visual{isolation:isolate}
.hero-slides img,.service-visual img,.gallery-item img,.about-visual img{will-change:auto}
.lightbox{backdrop-filter:blur(4px)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}