:root{--navy:#071a36;--blue:#0b62d6;--sky:#eaf3ff;--text:#24344d;--muted:#6b7890;--white:#fff;--light:#f6f9fd;--border:#dfe7f1;--shadow:0 18px 45px rgba(7,26,54,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.site-header{height:78px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;position:sticky;top:0;z-index:50}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:500;color:var(--navy)}.brand b{font-weight:800}.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:14px;box-shadow:0 7px 18px rgba(7,26,54,.18)}.nav{display:flex;align-items:center;gap:30px}.nav>a:not(.btn){font-size:14px;font-weight:600;color:#4d5d74}.nav>a.active,.nav>a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;border:1px solid var(--blue);padding:13px 23px;border-radius:7px;font-weight:750;font-size:14px;transition:.25s;box-shadow:0 10px 24px rgba(11,98,214,.18)}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,98,214,.25)}.btn-small{padding:10px 17px}.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none}.btn-white{background:#fff;color:var(--navy);border-color:#fff}.menu-btn{display:none;border:0;background:none;font-size:27px;color:var(--navy)}.hero{min-height:670px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,20,43,.96),rgba(5,20,43,.82)),url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=85") center/cover}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:85px 0}.hero-copy{color:#fff}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:850;color:var(--blue);margin:0 0 13px}.hero .eyebrow{color:#78b5ff}.hero h1{font-size:clamp(43px,5.2vw,72px);line-height:1.04;letter-spacing:-2.5px;margin:0 0 18px;max-width:800px}.hero h1 span{color:#62a9ff}.hero-sub{font-size:24px;font-weight:700;margin:0 0 14px}.hero-copy>p:not(.eyebrow):not(.hero-sub){max-width:670px;color:#d7e2f1;font-size:17px}.hero-actions{display:flex;gap:13px;margin:30px 0 20px;flex-wrap:wrap}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#cbd9eb;font-size:12px}.hero-card{min-height:390px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);backdrop-filter:blur(8px);border-radius:24px;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.22);border-radius:50%;top:-120px;right:-80px}.circle-badge{position:absolute;right:36px;top:55px;width:150px;height:150px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;text-align:center;font-size:22px;line-height:1.1;box-shadow:0 20px 45px rgba(0,0,0,.18)}.circle-badge strong{font-size:27px}.hero-card-content{position:relative;z-index:2}.hero-card-content small{color:#8fc1ff;font-weight:800;letter-spacing:2px}.hero-card-content h3{color:#fff;font-size:29px;line-height:1.15;margin:8px 0}.hero-card-content p{color:#d2deed;margin:0}.stats{background:var(--blue);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0}.stats-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.2)}.stats-grid div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font-size:32px}.stats span{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.85}.section{padding:95px 0}.section.light{background:var(--light)}.section-heading{max-width:720px;margin-bottom:48px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.content-panel h2,.contact-info h2{font-size:clamp(32px,4vw,47px);line-height:1.12;letter-spacing:-1.5px;color:var(--navy);margin:0 0 15px}.section-heading>p:last-child{color:var(--muted);font-size:16px}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.service-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:32px;box-shadow:0 7px 25px rgba(7,26,54,.04);transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c6daf7}.service-card .number{font-size:13px;color:var(--blue);font-weight:900;letter-spacing:1px}.service-card h3{font-size:23px;color:var(--navy);margin:17px 0 10px}.service-card p{color:var(--muted);font-size:14px}.service-card a,.text-link{color:var(--blue);font-weight:800;font-size:13px}.top-space{margin-top:30px}.split-section{background:#fff;padding:95px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.image-panel{min-height:510px;border-radius:20px;position:relative;overflow:hidden;background:center/cover}.about-image{background-image:url("../images/why-cloudnative-team.png")}.team-image{background-image:url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1100&q=85")}.image-caption{position:absolute;bottom:22px;left:22px;right:22px;background:rgba(7,26,54,.88);color:#fff;border-radius:12px;padding:18px}.image-caption strong,.image-caption span{display:block}.image-caption span{font-size:12px;color:#cdd9e9}.content-panel p{color:var(--muted)}.check-list{margin:27px 0}.check-list>div{display:flex;gap:12px;color:var(--blue);padding:13px 0;border-bottom:1px solid var(--border)}.check-list span b,.check-list span small{display:block}.check-list span b{color:var(--navy)}.check-list small{color:var(--muted);font-size:12px}.talent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.talent-grid>div{padding:20px;border:1px solid var(--border);background:#fff;border-radius:10px;color:var(--navy);font-weight:750;text-align:center}.talent-grid.large>div{text-align:left;min-height:105px;display:flex;flex-direction:column;justify-content:center}.talent-grid small{display:block;color:var(--muted);font-weight:500;font-size:11px;margin-top:6px}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-grid>div{padding:28px;border-top:3px solid var(--blue);background:var(--light)}.process-grid span{font-size:12px;color:var(--blue);font-weight:900}.process-grid h3{color:var(--navy);margin:13px 0 7px}.process-grid p{font-size:13px;color:var(--muted)}.cta{background:linear-gradient(100deg,#071a36,#0b62d6);color:#fff;padding:65px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta .eyebrow{color:#8fc1ff}.cta h2{font-size:clamp(30px,4vw,44px);line-height:1.1;margin:0;max-width:700px}.footer{background:#061329;color:#aebbd0;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:50px}.light-brand{color:#fff}.footer h4{color:#fff;margin:0 0 17px}.footer-grid>div>a:not(.brand){display:block;margin:8px 0;font-size:13px}.footer p{font-size:13px;max-width:390px}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:20px;font-size:11px}.page-hero{position:relative;min-height:420px;display:flex;align-items:center;color:#fff;padding:90px 0;background:linear-gradient(90deg,rgba(5,20,43,.94),rgba(5,20,43,.78)),url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat}.page-hero .container{position:relative;z-index:2}.page-hero .eyebrow{color:#9bc8ff}.page-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.08;letter-spacing:-2px;max-width:850px;margin:0 0 15px}.page-hero p:last-child{max-width:700px;color:#d9e5f3;font-size:17px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.mini-stats div{border-left:2px solid var(--blue);padding-left:12px}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{color:var(--navy)}.mini-stats span{font-size:11px;color:var(--muted)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.values-grid>div{padding:27px;border:1px solid var(--border);border-radius:12px}.values-grid span{color:var(--blue);font-size:12px;font-weight:900}.values-grid h3{color:var(--navy)}.values-grid p{font-size:13px;color:var(--muted)}.detail-card{border:1px solid var(--border);border-radius:14px;padding:34px;background:#fff;box-shadow:0 8px 25px rgba(7,26,54,.04)}.detail-card span{color:var(--blue);font-weight:900;font-size:12px}.detail-card h2{color:var(--navy);font-size:26px;margin:13px 0}.detail-card p,.detail-card li{color:var(--muted);font-size:14px}.detail-card ul{padding-left:18px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.contact-info>p:not(.eyebrow){color:var(--muted)}.contact-item{display:flex;gap:15px;margin-top:25px}.contact-item>span{width:42px;height:42px;border-radius:9px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-weight:900}.contact-item b{display:block;color:var(--navy)}.contact-item p,.contact-item a{font-size:13px;color:var(--muted);margin:3px 0}.contact-form{border:1px solid var(--border);border-radius:16px;padding:35px;background:#fff;box-shadow:var(--shadow)}.contact-form h2{margin:0;color:var(--navy)}.contact-form>p{color:var(--muted);font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;color:var(--navy);font-size:12px;font-weight:750;margin-top:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;padding:13px;border:1px solid #d6e0ec;border-radius:7px;font:inherit;font-size:13px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,98,214,.08)}.contact-form button{margin-top:20px}.form-message{margin-top:12px;color:#16834b;font-size:13px}.map-section{background:var(--light);padding:0 0 95px}.map-placeholder{min-height:260px;border-radius:16px;background:linear-gradient(135deg,#dbe8f6,#f4f8fc);display:grid;place-items:center;text-align:center;border:1px solid var(--border)}.map-placeholder div{background:#fff;padding:24px 35px;border-radius:12px;box-shadow:var(--shadow)}.map-placeholder span,.map-placeholder b,.map-placeholder a{display:block}.map-placeholder span{color:var(--blue);font-weight:850}.map-placeholder b{color:var(--navy);margin:7px 0;font-size:14px}.map-placeholder a{color:var(--blue);font-size:12px;font-weight:800}@media(max-width:900px){.menu-btn{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:15px 5%;box-shadow:0 15px 25px rgba(7,26,54,.08);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav>a{padding:12px 0}.nav .btn{margin-top:7px;text-align:center}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-card{min-height:320px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stats-grid div:nth-child(2){border-right:0}.cards.three{grid-template-columns:1fr}.talent-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:repeat(2,1fr)}.service-detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:40px}}@media(max-width:600px){.site-header{height:70px}.brand{font-size:15px}.brand-mark{width:34px;height:34px}.hero{min-height:auto}.hero-grid{padding:70px 0}.hero h1{letter-spacing:-1.5px}.hero-sub{font-size:19px}.hero-card{display:none}.trust-row{display:block}.trust-row span{display:block;margin:7px 0}.section,.split-section{padding:65px 0}.image-panel{min-height:330px}.talent-grid,.process-grid,.values-grid,.footer-grid,.form-row{grid-template-columns:1fr}.footer-grid{gap:30px}.cta-inner{display:block}.cta .btn{margin-top:25px}.page-hero{padding:65px 0}.page-hero h1{letter-spacing:-1px}.contact-form{padding:25px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid div{border-right:0}.mini-stats{grid-template-columns:1fr}.service-card,.detail-card{padding:25px}}
/* V3 premium sections */
.industries{background:#071a36;color:#fff}.industries .section-heading h2{color:#fff}.industries .section-heading>p:last-child{color:#bdcbe0}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry-grid>div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);padding:25px;border-radius:13px;transition:.25s}.industry-grid>div:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(120,181,255,.5)}.industry-grid span{color:#78b5ff;font-weight:900;font-size:11px}.industry-grid h3{margin:12px 0 7px;font-size:19px}.industry-grid p{font-size:12px;color:#b9c7da;margin:0}.testimonial-section{background:#fff}.testimonial{max-width:850px;margin:auto;background:linear-gradient(135deg,#f5f9ff,#eef5fd);border:1px solid #d9e5f2;border-radius:18px;padding:42px;position:relative}.quote-mark{font-size:70px;line-height:.5;color:#0b62d6;font-family:Georgia,serif}.testimonial blockquote{margin:18px 0 30px;font-size:23px;line-height:1.45;color:#132844;font-weight:650}.quote-footer{display:flex;align-items:center;gap:12px}.quote-avatar{width:42px;height:42px;border-radius:50%;background:#071a36;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.quote-footer strong,.quote-footer small{display:block}.quote-footer strong{color:#071a36}.quote-footer small{color:#728096;font-size:11px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-grid>div{background:#fff;border:1px solid var(--border);border-radius:13px;padding:25px}.why-grid span{color:var(--blue);font-size:11px;font-weight:900}.why-grid h3{color:var(--navy);margin:12px 0 7px}.why-grid p{font-size:12px;color:var(--muted);margin:0}.engagement{background:#f6f9fd}.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.engagement-grid>div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px}.engagement-grid b,.engagement-grid span{display:block}.engagement-grid b{color:var(--navy);font-size:18px}.engagement-grid span{font-size:12px;color:var(--muted);margin-top:7px}@media(max-width:900px){.industry-grid,.why-grid,.engagement-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.industry-grid,.why-grid,.engagement-grid{grid-template-columns:1fr}.testimonial{padding:28px}.testimonial blockquote{font-size:18px}}

/* V4 typography refinements */
body{font-size:16px}
.nav>a:not(.btn){font-size:15px}
.btn{font-size:15px}
.eyebrow{font-size:13px}
.hero-copy>p:not(.eyebrow):not(.hero-sub){font-size:18px;line-height:1.7}
.trust-row{font-size:13px}
.section-heading>p:last-child{font-size:17px;line-height:1.7}
.service-card p{font-size:15px;line-height:1.7}
.service-card a,.text-link{font-size:14px}
.check-list small{font-size:13px}
.talent-grid small{font-size:12px}
.process-grid p{font-size:14px}
.page-hero p:last-child{font-size:18px;line-height:1.7}
.industry-grid p{font-size:14px;line-height:1.6}
.why-grid p{font-size:14px;line-height:1.65}
.detail-card p,.detail-card li{font-size:15px;line-height:1.7}
.detail-card span{font-size:13px}
.contact-item p,.contact-item a{font-size:14px}
.contact-form>p{font-size:14px}
.contact-form label{font-size:13px}
.contact-form input,.contact-form select,.contact-form textarea{font-size:14px}
.form-message{font-size:14px}
.map-placeholder b{font-size:15px}
.map-placeholder a{font-size:13px}
.footer-grid>div>a:not(.brand),.footer p{font-size:14px}
.copyright{font-size:12px}
.mini-stats span{font-size:12px}
.values-grid span{font-size:13px}
.values-grid p{font-size:14px;line-height:1.65}
.engagement-grid span{font-size:14px;line-height:1.6}
@media(max-width:600px){
  .hero-copy>p:not(.eyebrow):not(.hero-sub){font-size:16px}
  .section-heading>p:last-child,.page-hero p:last-child{font-size:16px}
}

@media(max-width:600px){.page-hero{min-height:360px;padding:70px 0}}

/* V8: page-specific hero backgrounds */
.page-hero.about-hero{
  background:
    linear-gradient(90deg,rgba(5,20,43,.92),rgba(5,20,43,.70)),
    url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1800&q=85")
    center/cover no-repeat;
}
.page-hero.services-hero{
  background:
    linear-gradient(90deg,rgba(5,20,43,.93),rgba(5,20,43,.72)),
    url("https://images.unsplash.com/photo-1553877522-43269d4ea984?auto=format&fit=crop&w=1800&q=85")
    center/cover no-repeat;
}
.page-hero.contact-hero{
  background:
    linear-gradient(90deg,rgba(5,20,43,.93),rgba(5,20,43,.72)),
    url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=85")
    center/cover no-repeat;
}

/* V9 visual refinement */
:root{
  --accent:#18a6a6;
  --accent-soft:#e8f7f7;
}
.section{padding:72px 0}
.split-section{padding:72px 0}
.section-heading{margin-bottom:34px}
.technology-section .section-heading{margin-bottom:42px}
.page-hero{min-height:330px;padding:65px 0}
.hero-grid{padding:68px 0}
.image-panel{min-height:430px}
.service-card:hover{border-color:#b9dddd}
.service-card .number,.text-link{color:var(--accent)}
.talent-grid>div:hover{border-color:#b9dddd;box-shadow:0 10px 25px rgba(24,166,166,.08)}
.process-grid>div{border-top-color:var(--accent)}
.contact-item>span{background:var(--accent-soft);color:var(--accent)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(24,166,166,.09);
}
.map-placeholder a{color:var(--accent)}
.cta{padding:52px 0}
.footer{padding-top:48px}
.footer-grid{padding-bottom:36px}
@media(max-width:600px){
  .section,.split-section{padding:52px 0}
  .page-hero{min-height:290px;padding:55px 0}
  .hero-grid{padding:55px 0}
  .image-panel{min-height:300px}
}

/* =========================================================
   V10 — richer CloudNative corporate theme
   ========================================================= */
:root{
  --navy:#061a33;
  --navy-2:#0b2d50;
  --blue:#1477e8;
  --blue-2:#39a0ff;
  --teal:#12b8a6;
  --teal-soft:#e1f7f3;
  --purple:#6c63ff;
  --text:#172b45;
  --muted:#667891;
  --light:#edf4fa;
  --light-2:#e3edf6;
  --border:#cbd9e7;
  --shadow:0 18px 45px rgba(6,26,51,.12);
}

/* Reduce plain white and give sections more visual rhythm */
body{
  background:#edf4fa;
}
.site-header{
  background:rgba(255,255,255,.96);
  box-shadow:0 4px 20px rgba(6,26,51,.06);
}
.section{
  background:#edf4fa;
}
.section:nth-of-type(even){
  background:#e4eef7;
}
.split-section{
  background:#e4eef7;
}
.section.light{
  background:#dfeaf4;
}

/* Home hero: richer blue/teal overlay */
.hero{
  background:
    linear-gradient(105deg,rgba(4,19,40,.97),rgba(8,48,82,.86) 55%,rgba(12,117,135,.62)),
    url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=85") center/cover;
}
.hero h1 span{
  color:#5fc0ff;
}
.hero-card{
  background:linear-gradient(145deg,rgba(26,89,135,.45),rgba(12,184,166,.12));
  border-color:rgba(111,211,255,.32);
}

/* More colorful buttons and accents */
.btn{
  background:linear-gradient(135deg,#1477e8,#0d9fca);
  border-color:#1477e8;
}
.btn:hover{
  box-shadow:0 15px 32px rgba(20,119,232,.28);
}
.eyebrow{
  color:#087dce;
}
.service-card,
.detail-card,
.why-grid>div,
.engagement-grid>div{
  background:linear-gradient(145deg,#ffffff,#f1f7fb);
  border-color:#c9d9e7;
}
.service-card:hover,
.detail-card:hover{
  border-color:#62c6c1;
  box-shadow:0 18px 38px rgba(6,72,96,.13);
}

/* Stronger process visuals */
.process{
  background:#dce9f4;
}
.process-grid>div{
  background:linear-gradient(145deg,#ffffff,#e8f3f7);
  border-top-color:var(--teal);
}

/* Partnership block: no oversized blue quote mark */
.testimonial-section{
  background:#dbe8f3;
}
.testimonial{
  background:linear-gradient(135deg,#0b2d50,#103e64);
  border:1px solid rgba(97,190,255,.3);
  box-shadow:0 22px 48px rgba(6,26,51,.18);
  color:#fff;
}
.testimonial blockquote{
  color:#f4f9ff;
  font-size:23px;
  line-height:1.55;
  margin:0 0 30px;
  font-weight:650;
}
.testimonial blockquote::first-letter{
  color:#17466f;
}
.quote-mark{
  display:none;
}
.quote-footer strong{
  color:#fff;
}
.quote-footer small{
  color:#a9c7df;
}
.quote-avatar{
  background:linear-gradient(135deg,#1477e8,#12b8a6);
}

/* Services staffing cycle */
.staffing-cycle{
  background:linear-gradient(135deg,#dce9f4,#eaf5f7);
}
.cycle-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.cycle-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#fff,#edf6fa);
  border:1px solid #c6d9e6;
  border-radius:16px;
  padding:30px;
  min-height:245px;
  box-shadow:0 10px 28px rgba(6,26,51,.07);
  transition:.25s;
}
.cycle-card:hover{
  transform:translateY(-5px);
  border-color:#54c7bd;
  box-shadow:0 18px 38px rgba(6,90,105,.14);
}
.cycle-card>span{
  position:absolute;
  right:20px;
  top:16px;
  color:#b8cbdc;
  font-size:12px;
  font-weight:900;
}
.cycle-icon{
  width:45px;
  height:45px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#1477e8,#12b8a6);
  font-weight:900;
  font-size:12px;
  margin-bottom:18px;
}
.cycle-card h3{
  color:#08233f;
  font-size:21px;
  margin:0 0 9px;
}
.cycle-card p{
  color:#667891;
  font-size:14px;
  line-height:1.7;
  margin:0;
}

/* About page visual separation */
.team-image{
  box-shadow:0 18px 42px rgba(6,26,51,.14);
}
.values-grid>div{
  background:linear-gradient(145deg,#fff,#edf5fa);
  border-color:#cbdbe8;
}

/* Contact section */
.contact-form{
  background:linear-gradient(145deg,#ffffff,#edf6fa);
}
.map-section{
  background:#dce8f2;
}

/* Footer becomes a stronger visual anchor */
.footer{
  background:linear-gradient(135deg,#04152b,#082d4d);
}
.cta{
  background:linear-gradient(105deg,#061a33,#0b5e96 58%,#0b8f8b);
}

/* Responsive cycle */
@media(max-width:900px){
  .cycle-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:600px){
  .cycle-grid{
    grid-template-columns:1fr;
  }
  .testimonial blockquote{
    font-size:18px;
  }
}

/* V11 page-specific refinements */

/* Services: creative introduction + visual */
.staffing-intro{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
  align-items:stretch;
  margin-bottom:20px;
}
.staffing-intro-copy{
  background:linear-gradient(145deg,#ffffff,#e7f2f8);
  border:1px solid #c8d9e7;
  border-radius:18px;
  padding:42px;
  box-shadow:0 15px 35px rgba(6,26,51,.08);
}
.staffing-intro-copy h2{
  color:#08233f;
  font-size:clamp(31px,3.5vw,46px);
  line-height:1.12;
  letter-spacing:-1px;
  margin:0 0 18px;
}
.staffing-intro-copy p:not(.eyebrow){
  color:#62758d;
  font-size:15px;
  line-height:1.75;
}
.staffing-image{
  min-height:390px;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(6,26,51,.12),rgba(18,184,166,.18)),
    url("https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1200&q=85")
    center/cover no-repeat;
  box-shadow:0 18px 42px rgba(6,26,51,.13);
}

/* Contact: visual panel behind Get In Touch */
.contact-info{
  position:relative;
  padding:38px;
  border-radius:18px;
  overflow:hidden;
  color:#fff;
  min-height:520px;
  background:
    linear-gradient(125deg,rgba(5,25,49,.94),rgba(7,77,103,.83)),
    url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1200&q=85")
    center/cover no-repeat;
  box-shadow:0 18px 42px rgba(6,26,51,.16);
}
.contact-info h2{
  color:#fff;
}
.contact-info>p:not(.eyebrow){
  color:#d1e1ef;
}
.contact-info .eyebrow{
  color:#72cfff;
}
.contact-info .contact-item{
  border-top:1px solid rgba(255,255,255,.16);
  padding-top:20px;
}
.contact-info .contact-item>span{
  background:rgba(255,255,255,.12);
  color:#7ce1d5;
}
.contact-info .contact-item b{
  color:#fff;
}
.contact-info .contact-item p,
.contact-info .contact-item a{
  color:#c7d9e8;
}

/* Keep the creative journey compact and strong */
.staffing-cycle{
  padding-top:68px;
  padding-bottom:76px;
}
.staffing-cycle .section-heading{
  margin-bottom:38px;
}
.cycle-card{
  min-height:230px;
}

@media(max-width:900px){
  .staffing-intro{
    grid-template-columns:1fr;
  }
  .staffing-image{
    min-height:330px;
  }
  .contact-info{
    min-height:auto;
  }
}
@media(max-width:600px){
  .staffing-intro-copy{
    padding:28px;
  }
  .staffing-image{
    min-height:280px;
  }
}


/* V14 requested updates: supplied logo, staffing photo, vision and mission */
.brand{gap:0;flex-shrink:0}
.brand img{display:block;width:170px;height:64px;object-fit:contain;object-position:left center}
.light-brand img{filter:brightness(0) invert(1);opacity:.96}
.home-staffing-visual{background:linear-gradient(0deg,rgba(4,22,43,.96) 0%,rgba(4,22,43,.48) 48%,rgba(4,22,43,.05) 100%),url("../images/home-staffing-team.jpg") center/cover no-repeat;backdrop-filter:none;min-height:440px;border-color:rgba(255,255,255,.3);padding:28px}
.home-staffing-visual:before{display:none}
.home-staffing-visual .hero-card-content{background:rgba(4,22,43,.72);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px;backdrop-filter:blur(5px)}
.home-staffing-visual .hero-card-content h3{font-size:27px}
.vision-mission-section{background:linear-gradient(180deg,#edf4fb,#fff)}
.vision-mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1000px;margin:0 auto}
.purpose-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.purpose-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--blue),#18a6a6)}
.purpose-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#e8f3ff;color:var(--blue);font-size:29px;margin-bottom:18px}
.purpose-card .eyebrow{margin-bottom:8px}
.purpose-card h3{font-size:24px;line-height:1.3;color:var(--navy);margin:0 0 12px}
.purpose-card>p:last-child{font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:0}
@media(max-width:900px){.brand img{width:155px;height:58px}.home-staffing-visual{min-height:380px}}
@media(max-width:600px){.site-header{height:76px}.brand img{width:145px;height:54px}.hero-card.home-staffing-visual{display:flex;min-height:320px;padding:18px;margin-top:12px}.home-staffing-visual .hero-card-content{padding:16px}.home-staffing-visual .hero-card-content h3{font-size:23px}.vision-mission-grid{grid-template-columns:1fr}.purpose-card{padding:27px}}

/* V17: use the supplied official CloudNative Technologies logo consistently */
.brand img{width:178px;height:68px;object-fit:contain;object-position:left center}.light-brand img{filter:none!important;opacity:1!important;width:205px;height:105px;object-fit:contain;object-position:left center}.quote-avatar{background:#fff;border:1px solid #d8e6f3;overflow:hidden;padding:4px}.quote-avatar img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:900px){.brand img{width:164px;height:62px}.light-brand img{width:190px;height:96px}}@media(max-width:600px){.brand img{width:145px;height:56px}.light-brand img{width:190px;height:96px}}

/* V18: logo symbol only in testimonial and footer; no wordmark text inside logo areas */
.light-brand img{width:100px!important;height:82px!important;object-fit:contain;object-position:left center}
.quote-footer.logo-only{display:flex;align-items:center;gap:0;margin-top:22px}
.quote-footer.logo-only .quote-avatar{width:64px;height:64px;border-radius:50%;padding:8px;background:#fff;border:1px solid rgba(255,255,255,.25)}
@media(max-width:900px){.light-brand img{width:92px!important;height:76px!important}}


/* V19: use the exact supplied CloudNative logo (symbol + CloudNative wordmark only) in header, footer and Partnership Matters. */
.brand img{width:150px;height:61px;object-fit:contain;object-position:left center;display:block;background:#fff;}
.light-brand img{width:150px;height:61px;object-fit:contain;object-position:left center;display:block;background:#fff;filter:none!important;opacity:1!important;border-radius:2px;}
.quote-footer.logo-only{display:flex;align-items:center;justify-content:flex-start;margin-top:22px;gap:0;}
.quote-footer.logo-only .quote-avatar{display:none;}
.partnership-logo{display:block;width:150px;height:61px;object-fit:contain;background:#fff;border-radius:2px;}
@media(max-width:600px){.brand img,.light-brand img,.partnership-logo{width:130px;height:53px;}}


/* V20: use the same transparent CloudNative wordmark logo in header, footer and Partnership Matters. */
.brand img,.light-brand img,.partnership-logo{
  display:block; width:150px; height:61px; object-fit:contain; object-position:left center;
  background:transparent!important; border-radius:0!important; filter:none!important; opacity:1!important;
}
.light-brand img{width:150px;height:61px;}
.quote-footer.logo-only .partnership-logo{width:150px;height:61px;object-fit:contain;background:transparent!important;}
@media(max-width:900px){.brand img,.light-brand img,.partnership-logo{width:145px;height:58px;}}
@media(max-width:600px){.brand img,.light-brand img,.partnership-logo{width:130px;height:53px;}}


/* V21: make the official logo crisp and consistently legible on every surface. */
.brand img{display:block;width:150px;height:61px;object-fit:contain;object-position:left center;background:transparent!important;filter:none!important;opacity:1!important}
.logo-stage{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(113,190,231,.65);border-radius:14px;padding:9px 13px;box-shadow:0 8px 24px rgba(0,0,0,.14),0 0 0 3px rgba(30,174,201,.07);line-height:0}
.footer-logo-stage{padding:8px 13px;border-color:rgba(120,181,255,.55);box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 22px rgba(20,140,205,.12)}
.light-brand img{width:150px!important;height:61px!important;object-fit:contain;object-position:center;background:transparent!important}
.partnership-logo-stage{padding:9px 15px;border-radius:12px;border-color:#b9d7ec;box-shadow:0 8px 22px rgba(7,26,54,.12),inset 0 0 0 1px rgba(255,255,255,.9)}
.partnership-logo{display:block;width:150px;height:61px;object-fit:contain;object-position:center;background:transparent!important}
.quote-footer.logo-only{margin-top:22px;display:flex;align-items:center}
@media(max-width:900px){.brand img,.light-brand img,.partnership-logo{width:140px!important;height:57px!important}}
@media(max-width:600px){.brand img,.light-brand img,.partnership-logo{width:126px!important;height:51px!important}.logo-stage{padding:7px 10px;border-radius:11px}}


/* V23: unified light-blue visual identity and new supplied CloudNative Technologies logo */
:root{
  --navy:#17466f;
  --blue:#3b91d8;
  --sky:#d9efff;
  --text:#214765;
  --muted:#567a96;
  --white:#ffffff;
  --light:#eef8ff;
  --border:#c4e2f6;
  --shadow:0 16px 38px rgba(47,120,174,.12);
}
body{background:#eaf6ff;color:#214765}
.site-header{background:#f7fcff;border-bottom:1px solid #c4e2f6}
.nav>a:not(.btn){color:#315f82}
.nav>a.active,.nav>a:hover{color:#287fbd}
.btn{background:#5ba9e3;color:#fff;border-color:#5ba9e3;box-shadow:0 8px 20px rgba(59,145,216,.2)}
.btn:hover{background:#3b91d8;border-color:#3b91d8;box-shadow:0 12px 25px rgba(59,145,216,.25)}
.btn-outline-light{color:#245579;border-color:#7cb8e2}
.btn-white{background:#fff;color:#245579;border-color:#fff}
.hero{background:linear-gradient(135deg,#dff3ff 0%,#c4e7fc 55%,#eaf7ff 100%)}
.hero-copy{color:#17466f}
.hero .eyebrow,.hero h1 span{color:#348bc9}
.hero-copy>p:not(.eyebrow):not(.hero-sub),.trust-row{color:#426c8a}
.hero-card{background:rgba(255,255,255,.62);border-color:#b9def5;backdrop-filter:blur(8px);box-shadow:0 18px 40px rgba(52,126,179,.12)}
.hero-card:before{border-color:rgba(59,145,216,.22)}
.circle-badge{color:#287fbd;background:#fff}
.hero-card-content h3{color:#17466f}
.hero-card-content p{color:#426c8a}
.hero-card-content small{color:#348bc9}
.home-staffing-visual{background:linear-gradient(0deg,rgba(18,73,112,.76),rgba(68,150,203,.12)),url("../images/home-staffing-team.jpg") center/cover no-repeat;border-color:#a9d8f4}
.home-staffing-visual .hero-card-content{background:rgba(224,243,255,.94);border-color:#b9def5}
.home-staffing-visual .hero-card-content h3{color:#17466f}
.home-staffing-visual .hero-card-content p{color:#426c8a}
.home-staffing-visual .hero-card-content small{color:#287fbd}
.stats{background:#c9e9fc;color:#17466f}
.stats-grid div{border-color:rgba(38,111,163,.18)}
.section,.split-section,.process,.testimonial-section{background:#eaf6ff}
.section.light,.engagement,.vision-mission-section{background:#dff1fd}
.section-heading h2,.content-panel h2,.contact-info h2,.service-card h3,.check-list span b,.process-grid h3,.values-grid h3,.why-grid h3,.mini-stats strong,.purpose-card h3{color:#17466f}
.section-heading>p:last-child,.content-panel p,.service-card p,.process-grid p,.why-grid p,.purpose-card>p:last-child{color:#567a96}
.service-card,.why-grid>div,.engagement-grid>div,.purpose-card,.values-grid>div,.talent-grid>div,.testimonial,.cycle-card,.detail-card,.contact-form{background:#f8fcff;border-color:#c4e2f6;box-shadow:0 8px 24px rgba(47,120,174,.07)}
.service-card:hover,.talent-grid>div:hover{border-color:#83c3ed;box-shadow:var(--shadow)}
.service-card .number,.service-card a,.text-link,.check-list,.why-grid span,.purpose-icon{color:#348bc9}
.process-grid>div{background:#dff1fd;border-top-color:#5ba9e3}
.talent-grid>div{color:#17466f}
.talent-grid small{color:#567a96}
.check-list>div{border-color:#c4e2f6}
.cta{background:#c8e8fb;color:#17466f}
.cta .eyebrow{color:#287fbd}
.cta h2{color:#17466f}
.page-hero{background:linear-gradient(135deg,#cdeaff,#eaf7ff);color:#17466f}
.page-hero .eyebrow{color:#287fbd}
.page-hero p:last-child{color:#426c8a}
.industries{background:#d6edfc;color:#17466f}
.industries .section-heading h2{color:#17466f}
.industries .section-heading>p:last-child{color:#567a96}
.industry-grid>div{border-color:#b9def5;background:#edf8ff}
.industry-grid>div:hover{background:#e2f3ff;border-color:#83c3ed}
.industry-grid span{color:#348bc9}
.industry-grid p{color:#567a96}
.testimonial{background:linear-gradient(135deg,#f7fcff,#dff1fd);border-color:#b9def5}
.testimonial blockquote{color:#17466f}
.quote-mark{color:#5ba9e3}
.quote-footer strong{color:#17466f}
.quote-footer small{color:#567a96}
.quote-avatar{background:#fff;border-color:#b9def5}
.engagement-grid b{color:#17466f}
.engagement-grid span{color:#567a96}
.footer{background:#d6edfc;color:#315f82;border-top:1px solid #b9def5}
.footer h4{color:#17466f}
.footer a:hover{color:#287fbd}
.copyright{border-top-color:#b9def5;color:#567a96}
.contact-info{background:linear-gradient(135deg,#c9e9fc,#e6f5ff)!important;color:#17466f}
.contact-info h2,.contact-info h3,.contact-info strong{color:#17466f}
.contact-info p,.contact-info .contact-item p,.contact-info .contact-item a{color:#426c8a}
.contact-form label{color:#315f82}
.contact-form input,.contact-form textarea,.contact-form select{background:#fff;border-color:#c4e2f6;color:#214765}
.map-placeholder{background:#dff1fd;border-color:#b9def5}
.map-placeholder b{color:#17466f}
.map-placeholder a{color:#287fbd}
.purpose-card:before{background:#5ba9e3}
.purpose-icon{background:#dff1fd}
.staffing-intro{background:#dff1fd}
.staffing-intro-copy{background:#dff1fd}
.staffing-image{border:1px solid #b9def5}
.cycle-card .step-number{background:#5ba9e3;color:#fff}
/* Same supplied logo asset in the header, footer and Partnership Matters */
.brand img,.light-brand img,.partnership-logo{display:block;width:230px!important;height:66px!important;max-width:100%;object-fit:contain;object-position:left center;background:transparent!important;filter:none!important;opacity:1!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.brand{gap:0}
.logo-stage{display:inline-flex;align-items:center;justify-content:flex-start;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;line-height:0}
.footer-logo-stage,.partnership-logo-stage{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.quote-footer.logo-only{display:flex;align-items:center;margin-top:22px}
.quote-footer.logo-only .quote-avatar{display:none}
@media(max-width:900px){.brand img,.light-brand img,.partnership-logo{width:215px!important;height:62px!important}}
@media(max-width:600px){.brand img,.light-brand img,.partnership-logo{width:195px!important;height:56px!important}.logo-stage{padding:0}.footer-grid{gap:28px}}

/* Refined contact typography: clear hierarchy without making every line bold */
.contact-info {
  color: #20384f !important;
}
.contact-info .eyebrow {
  color: #176da6 !important;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 1.8px;
  margin-bottom: 16px;
}
.contact-info h2 {
  color: #102a43 !important;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -1.2px;
  margin-bottom: 16px;
}
.contact-info > p:not(.eyebrow) {
  color: #294a65 !important;
  font-size: 16px;
  font-weight: 450;
  line-height: 1.75;
}
.contact-info .contact-item b {
  color: #102a43 !important;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.4;
}
.contact-info .contact-item p,
.contact-info .contact-item a {
  color: #294a65 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}
.contact-info .contact-item > span {
  background: rgba(255,255,255,.78);
  color: #176da6 !important;
  border: 1px solid rgba(23,109,166,.12);
  flex-shrink: 0;
}
.contact-info .contact-item {
  border-top-color: rgba(16,42,67,.15);
}
@media(max-width:600px) {
  .contact-info { padding: 28px 24px; }
  .contact-info > p:not(.eyebrow) { font-size: 15px; }
  .contact-info .contact-item p,
  .contact-info .contact-item a { overflow-wrap: anywhere; }
}

/* V26: readable, premium light-blue page heroes across About, Services and Contact */
.page-hero,
.page-hero.about-hero,
.page-hero.services-hero,
.page-hero.contact-hero {
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.78) 0, rgba(255,255,255,0) 26%),
    radial-gradient(circle at 8% 100%, rgba(132,203,245,.28) 0, rgba(132,203,245,0) 34%),
    linear-gradient(125deg, #d9efff 0%, #edf8ff 52%, #d4ecfc 100%) !important;
  color: #102a43 !important;
  min-height: 340px;
  padding: 68px 0 74px;
  border-bottom: 1px solid #c4e2f6;
  overflow: hidden;
}
.page-hero .container { max-width: 1160px; }
.page-hero .eyebrow {
  color: #176da6 !important;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 2px;
  margin-bottom: 16px;
}
.page-hero h1 {
  color: #102a43 !important;
  font-size: clamp(38px, 4.6vw, 60px);
  line-height: 1.08;
  letter-spacing: -1.8px;
  font-weight: 850;
  max-width: 900px;
  margin: 0 0 18px;
  text-wrap: balance;
}
.page-hero p:last-child {
  color: #315f82 !important;
  font-size: 18px;
  font-weight: 450;
  line-height: 1.75;
  max-width: 760px;
  margin: 0;
}
@media(max-width:600px) {
  .page-hero,
  .page-hero.about-hero,
  .page-hero.services-hero,
  .page-hero.contact-hero {
    min-height: 0;
    padding: 52px 0 58px;
  }
  .page-hero h1 { font-size: clamp(34px, 9vw, 44px); letter-spacing: -1px; }
  .page-hero p:last-child { font-size: 16px; line-height: 1.65; }
}


/* V27: retain the photographic page backgrounds and improve text contrast */
.page-hero,
.page-hero.about-hero,
.page-hero.services-hero,
.page-hero.contact-hero {
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,.14);
  overflow: hidden;
}
.page-hero.about-hero {
  background: linear-gradient(90deg, rgba(5,20,43,.88), rgba(5,20,43,.62)),
    url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat !important;
}
.page-hero.services-hero {
  background: linear-gradient(90deg, rgba(5,20,43,.90), rgba(5,20,43,.64)),
    url("https://images.unsplash.com/photo-1553877522-43269d4ea984?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat !important;
}
.page-hero.contact-hero {
  background: linear-gradient(90deg, rgba(5,20,43,.90), rgba(5,20,43,.64)),
    url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat !important;
}
.page-hero .eyebrow {
  color: #8bd4ff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.25);
}
.page-hero h1 {
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.24);
}
.page-hero p:last-child {
  color: #edf6ff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
  font-weight: 500;
}
.expertise-highlight{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;row-gap:0;margin:24px 0 22px;padding:17px 20px;border:1px solid #c8e4f8;border-left:4px solid #3b97d3;border-radius:12px;background:linear-gradient(110deg,#eff8ff,#e2f3ff);max-width:420px}.expertise-highlight>span{grid-row:span 2;align-self:center;color:#287db7;font-size:11px;font-weight:850;letter-spacing:1.5px}.expertise-highlight strong{color:#17466f;font-size:25px;line-height:1.15}.expertise-highlight p{margin:2px 0 0;color:#4c6880;font-size:13px}@media(max-width:600px){.expertise-highlight{max-width:100%;padding:15px}}


/* Remove the decorative opening quote from Partnership Matters. */
.testimonial .quote-mark{display:none!important}
.testimonial blockquote::before,.testimonial blockquote::after{content:none!important}
.testimonial blockquote{margin-top:0}


/* Final polish: keep the first letter of the Partnership Matters quote visible and prevent logo cropping. */
.testimonial blockquote{padding-left:0!important;text-indent:0!important;overflow:visible!important;}
.testimonial .partnership-quote-text{display:inline;}
.testimonial blockquote::first-letter{font-size:inherit!important;float:none!important;letter-spacing:normal!important;}
.partnership-logo{width:260px!important;height:82px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important;}
@media(max-width:600px){.partnership-logo{width:220px!important;height:72px!important;}}

/* Fix: keep the opening C in CloudNative visible against the light Partnership Matters background. */
.testimonial blockquote .partnership-quote-text::first-letter{color:#17466f!important;}