:root{--navy:#062957;--navy-dark:#031b3b;--blue:#0b407f;--gold:#f4b52f;--gold-light:#ffc94f;--ink:#092f61;--pale:#edf6ff;--line:#e7edf4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}.container{width:min(1180px,calc(100% - 80px));margin:auto}.site-header{height:88px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(0,0,0,.05)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}.jaz-logo{font-size:50px;font-weight:900;letter-spacing:-5px;line-height:1;color:var(--navy);font-style:italic}.jaz-logo span{position:relative}.jaz-logo span:after{content:"";position:absolute;width:19px;height:5px;background:var(--gold);bottom:-2px;left:5px;transform:skew(-35deg)}.brand-divider{height:38px;width:2px;background:var(--gold)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:20px}.brand-copy small,.footer-brand small{font-size:13px;color:var(--ink)}.main-nav{display:flex;align-items:center;gap:32px}.main-nav a{color:var(--ink);font-size:14px;text-decoration:none;padding:34px 0 27px;border-bottom:3px solid transparent}.main-nav a.active{border-color:var(--gold)}.quote-small{background:var(--navy);color:#fff!important;border-radius:28px;padding:13px 20px!important;border:0!important;font-weight:700}.quote-small span,.btn span{font-size:20px;margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#eaf5ff 0%,#f4f9fc 48%,#fff 100%);min-height:500px}.hero:after{content:"";position:absolute;right:0;top:0;width:52%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,0) 20%),linear-gradient(135deg,#dce9f3,#b9c8d4 48%,#f3dfc1);opacity:.95}.hero-shape{position:absolute;left:-80px;bottom:-100px;width:260px;height:280px;background:var(--navy);transform:rotate(30deg);opacity:.98}.hero-shape:after{content:"";position:absolute;background:var(--gold);width:20px;height:350px;right:35px;top:-20px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:44% 56%;min-height:500px;align-items:center}.hero-content{padding:55px 0}.eyebrow{font-size:13px;letter-spacing:1.2px;font-weight:800;color:var(--gold);margin:0 0 10px}.hero h1{font-size:42px;line-height:1.14;margin:0 0 16px;color:var(--ink);letter-spacing:-1px}.hero h1 span{color:var(--gold)}.hero-text{font-size:15px;max-width:470px;margin:0 0 25px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:7px;padding:13px 23px;font-weight:700;font-size:14px;transition:.2s}.btn-gold{background:var(--gold);color:var(--navy-dark)}.btn-outline{border:1px solid var(--navy);color:var(--navy);background:transparent}.btn:hover{transform:translateY(-2px)}.hero-visual{height:500px;position:relative;display:flex;align-items:center;justify-content:center}.desk-certificate{width:440px;height:290px;background:#082d55;padding:15px;transform:rotate(-4deg);box-shadow:0 15px 28px rgba(0,0,0,.25);position:relative;z-index:3}.cert-border{height:100%;border:2px solid var(--gold);background:#fffaf0;border:12px double #d6a63a;outline:1px solid #fff;outline-offset:-19px;text-align:center;padding:28px 30px;position:relative}.cert-brand{font-weight:900;font-size:17px;color:var(--navy)}.cert-small{font-size:8px;letter-spacing:2px;margin:18px 0 3px}.cert-title{font-family:Georgia,serif;font-size:26px;font-style:italic}.cert-rule{width:100px;height:1px;background:#777;margin:10px auto}.cert-border p{font-size:9px;color:#555;max-width:240px;margin:0 auto}.cert-seal{margin:15px auto 5px;width:38px;height:38px;border-radius:50%;border:3px solid #d6a63a;color:#b57d12;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.cert-signatures{display:flex;justify-content:space-between;font-size:7px;color:#555;margin-top:14px}.certificate-stack{position:absolute;width:410px;height:170px;right:5px;bottom:90px;background:repeating-linear-gradient(#0a315d 0 7px,#09284c 7px 11px);transform:rotate(2deg);border-radius:4px;box-shadow:0 12px 20px #0002}.pen{position:absolute;width:180px;height:14px;background:#171d25;border-radius:10px;bottom:76px;left:40px;transform:rotate(12deg);z-index:4;box-shadow:0 4px 5px #0004}.pen:before{content:"";position:absolute;right:-20px;border-left:22px solid #d6a63a;border-top:7px solid transparent;border-bottom:7px solid transparent}.pen span{position:absolute;left:35px;width:3px;height:100%;background:var(--gold)}.section{padding:65px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 40px}.section-heading h2,.trust-content h2{font-size:31px;line-height:1.2;margin:0 0 8px;color:var(--ink)}.section-heading>p:last-child{font-size:14px;margin:0;color:#173e70}.gold-text{color:#e7a017}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.service-item{text-align:center;padding:0 28px;border-right:1px solid #e1e8f0}.service-item:last-child{border-right:0}.service-icon{width:76px;height:76px;border-radius:50%;margin:0 auto 15px;background:var(--navy);border:2px solid var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;line-height:1}.service-icon small{font-size:15px}.service-item h3{font-size:16px;margin:0 0 8px}.service-item p{font-size:13px;margin:0;color:#234a78}.trust-section{background:linear-gradient(110deg,#edf7ff,#dceeff);padding:30px 0}.trust-grid{display:grid;grid-template-columns:37% 63%;align-items:center;gap:35px}.certificate-photo{height:275px;border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(145deg,#0a315b,#d9c19c 46%,#f6f1e4 47%,#d8a847 49%,#fff 52%,#f7f2e8 80%,#092c55);box-shadow:0 7px 15px #0b315522}.mini-certificate{position:absolute;width:310px;height:190px;left:28px;top:48px;background:#fffdf4;border:9px double #d8a947;transform:rotate(7deg);box-shadow:0 8px 15px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;color:#153963}.mini-certificate span{font-family:Arial;font-weight:900;font-size:16px}.mini-certificate strong{font-size:18px;font-weight:normal}.mini-certificate i{color:#d8a947;font-size:30px}.trust-content{padding:10px 0}.trust-points{display:grid;grid-template-columns:1fr 1fr;gap:25px 38px;margin-top:20px}.trust-point{display:flex;gap:15px;align-items:flex-start}.round-icon{width:58px;height:58px;flex:0 0 58px;border-radius:50%;border:2px solid var(--gold);background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px}.trust-point h3{margin:5px 0 4px;font-size:15px}.trust-point p{font-size:13px;margin:0;color:#244b78}.gallery-section{padding-top:55px;padding-bottom:55px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-card{height:145px;border-radius:5px;overflow:hidden;position:relative;background:#dce6ef}.gallery-cert{background:linear-gradient(145deg,#092c55,#f7f3e6 45%,#fff 100%);padding:20px}.gallery-paper{height:100%;background:#fffdf4;border:6px double #d5a33d;transform:rotate(-8deg);display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Georgia,serif;color:#153963}.gallery-paper span{font-size:17px}.gallery-paper b{font-family:Arial;margin-top:15px;color:#d29a25}.gallery-stack{background:linear-gradient(135deg,#d3dbe4,#f6f2e8)}.paper-stack{position:absolute;left:35px;right:25px;top:27px;bottom:18px;transform:rotate(-3deg)}.paper-stack i{position:absolute;inset:0;background:#fffdf6;border:5px double #d5a33d;box-shadow:0 5px 8px #0002}.paper-stack i:nth-child(1){transform:translate(14px,10px) rotate(7deg)}.paper-stack i:nth-child(2){transform:translate(8px,5px) rotate(4deg)}.paper-stack i:nth-child(3){transform:translate(3px,2px) rotate(1deg)}.paper-stack i:nth-child(4){display:flex;align-items:center;justify-content:center}.gallery-folder{background:linear-gradient(145deg,#0a315b,#09274a);box-shadow:inset 0 0 0 10px #0b3766}.folder-mark{color:var(--gold);font-size:34px;font-weight:900;text-align:center;margin-top:47px;letter-spacing:3px}.gallery-box{background:#c99e67}.box-mark{position:absolute;top:20px;right:35px;color:#12395e;font-size:25px;font-weight:900}.envelopes{position:absolute;left:35px;bottom:-5px;width:190px;height:75px;background:repeating-linear-gradient(#fff 0 15px,#dbe1e6 15px 18px);transform:rotate(-5deg);box-shadow:0 -5px 10px #0002}.cta-section{background:var(--gold);position:relative;overflow:hidden}.cta-section:before,.cta-section:after{content:"";position:absolute;width:85px;height:180px;background:var(--navy);transform:skew(-35deg);top:-20px}.cta-section:before{left:-45px}.cta-section:after{right:-45px}.cta-inner{display:flex;align-items:center;gap:20px;padding:27px 50px;position:relative;z-index:1}.mail-icon{width:58px;height:58px;border-radius:50%;border:2px solid #fff;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;flex:0 0 58px}.cta-copy{flex:1}.cta-copy .eyebrow{color:var(--navy);margin-bottom:2px}.cta-copy h2{font-size:22px;margin:0;color:var(--navy)}.cta-copy p:last-child{font-size:13px;margin:2px 0 0;color:var(--navy)}.btn-navy{background:var(--navy);color:#fff}.site-footer{background:var(--navy-dark);color:#fff}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1.4fr;align-items:center;gap:25px;padding:27px 0}.footer-brand{color:#fff}.footer-brand .jaz-logo{color:#fff;font-size:42px}.footer-brand strong{display:block;font-size:13px}.footer-brand small{display:block;color:#fff;font-size:10px}.footer-links{display:flex;gap:20px;justify-content:center}.footer-links a,.footer-contact a,.footer-contact span{font-size:11px;color:#fff;text-decoration:none}.footer-contact{display:flex;justify-content:flex-end;gap:12px;align-items:center}.footer-bottom{border-top:1px solid #527095;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#d7e3f0}.footer-bottom span:last-child{text-align:right}@media(max-width:900px){.container{width:min(100% - 36px,700px)}.site-header{height:74px}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:12px 20px;box-shadow:0 8px 15px #0001}.main-nav.open{display:flex}.main-nav a{padding:12px;width:100%;text-align:center}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero-content{padding:55px 0 20px}.hero-visual{height:360px}.hero:after{width:100%;opacity:.2}.hero h1{font-size:36px}.services-grid{grid-template-columns:repeat(2,1fr);gap:30px}.service-item:nth-child(2){border-right:0}.trust-grid{grid-template-columns:1fr}.certificate-photo{max-width:500px;width:100%;margin:auto}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr;text-align:center}.footer-links,.footer-contact{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom span:last-child{text-align:center}}@media(max-width:520px){.brand-copy strong{font-size:15px}.brand-copy small{font-size:10px}.jaz-logo{font-size:38px}.brand-divider{height:28px}.hero h1{font-size:30px}.hero-text{font-size:14px}.hero-visual{height:310px}.desk-certificate{width:330px;height:225px}.certificate-stack{width:320px;bottom:52px}.pen{left:5px;bottom:35px}.cert-border{padding:20px}.cert-title{font-size:20px}.services-grid,.trust-points,.gallery-grid{grid-template-columns:1fr}.service-item{border-right:0!important;border-bottom:1px solid #e1e8f0;padding-bottom:25px}.service-item:last-child{border-bottom:0}.gallery-card{height:180px}.cta-inner{padding:25px 0;flex-wrap:wrap}.cta-copy{min-width:calc(100% - 80px)}.cta-inner .btn{margin-left:78px}.footer-contact{flex-direction:column;gap:5px}}

.hero-photo-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  overflow: hidden;
  border-radius: 18px;
}
.hero-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  max-height: 470px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(4, 28, 62, 0.22);
}
@media (max-width: 900px) {
  .hero-photo-visual,
  .hero-photo { min-height: 280px; }
}

/* Slightly smaller hero photo for a balanced layout */
.hero-photo {
  width: 92%;
  height: 450px;
  min-height: 0;
  max-height: 450px;
  object-fit: cover;
  margin: 0 auto;
}
@media (max-width: 900px) {
  .hero-photo {
    width: 100%;
    height: 340px;
    min-height: 280px;
    max-height: 340px;
  }
}
@media (max-width: 520px) {
  .hero-photo {
    height: 290px;
    min-height: 280px;
    max-height: 290px;
  }
}

/* Gallery images */
.gallery-card { background:#dce6ef; }
.gallery-card img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .25s ease; }
.gallery-card:hover img { transform:scale(1.04); }

/* Local certificate image handling: show the complete image without cropping. */
.certificate-photo > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
}
.gallery-card > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
}


/* Service images - balanced size and consistent presentation */
.service-item { overflow: hidden; }
.service-image {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  margin-bottom: 18px;
}
@media (max-width: 700px) {
  .service-image { height: 135px; }
}

/* Final services layout: clean cards with image first, no icons/logos below images */
.services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.service-item {
  text-align: left;
  padding: 12px 12px 16px;
  border: 1px solid #dbe7f3;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.service-item:not(:last-child) { border-right: 1px solid #dbe7f3; }
.service-image {
  width: 100%;
  height: 150px;
  margin: 0 0 14px;
  border-radius: 8px;
  object-fit: contain;
  object-position: center;
  background: #f5f8fb;
}
.service-icon { display: none; }
.service-item h3 {
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 8px;
  color: var(--navy);
}
.service-item p {
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
  color: #234a78;
}
@media (max-width: 900px) {
  .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .service-item { border: 1px solid #dbe7f3 !important; }
}
@media (max-width: 520px) {
  .services-grid { grid-template-columns: 1fr; gap: 14px; }
  .service-item { padding: 12px 12px 16px; }
  .service-image { height: 190px; }
}


/* Final requested image adjustments */
.gallery img,
.gallery-item img,
.gallery-card img,
#gallery img {
  object-fit: contain;
  height: 145px;
  width: 100%;
}

@media (max-width: 768px) {
  .gallery img,
  .gallery-item img,
  .gallery-card img,
  #gallery img {
    height: 145px;
  }
}

/* Services: square 150px images with cover fit */
.services img,
.service-card img,
.service-item img,
#services img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}


/* ===== JAZ FINAL VISUAL FIXES ===== */
/* Clean hero: keep all text and CTA controls inside the left panel. */
.hero {
  background: linear-gradient(90deg, var(--navy) 0%, var(--navy) 46%, #f7fbff 46%, #ffffff 100%);
  min-height: 540px;
}
.hero:after,
.hero-shape { display: none; }
.hero-grid {
  min-height: 540px;
  grid-template-columns: 46% 54%;
  align-items: center;
}
.hero-content {
  position: relative;
  z-index: 3;
  padding: 62px 42px 62px 0;
  color: #fff;
}
.hero .eyebrow { color: var(--gold-light); }
.hero h1 {
  color: #fff;
  font-size: 43px;
  margin-bottom: 18px;
}
.hero h1 span { color: var(--gold-light); }
.hero-text,
.hero-detail {
  color: #edf5ff;
  max-width: 540px;
}
.hero-trial {
  margin: 0 0 12px;
  color: #fff;
  font-size: 15px;
}
.hero-trial strong { color: var(--gold-light); }
.hero-actions { margin-top: 24px; }
.hero-actions .btn-gold { box-shadow: none; }
.hero-actions .btn-outline {
  border-color: #fff;
  color: #fff;
  background: transparent;
}
.hero-photo-visual {
  height: 470px;
  min-height: 0;
  margin-left: 28px;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
}
.hero-photo {
  width: 100%;
  height: 470px;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  border-radius: 16px;
  margin: 0;
}

/* Services: make the image fill the available card width instead of a small square. */
.services-section { padding-top: 62px; padding-bottom: 68px; }
.services-section .section-heading { margin-bottom: 34px; }
.services-section .section-heading h2,
.gallery-section .section-heading h2 { font-size: 34px; }
.services-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.service-item {
  padding: 14px 14px 20px;
  text-align: left;
  border: 1px solid #dbe7f3 !important;
  border-radius: 12px;
  box-shadow: 0 5px 18px rgba(6,41,87,.06);
}
.service-image,
.services img,
.service-card img,
.service-item img,
#services img {
  display: block;
  width: 100%;
  height: 178px;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
  border-radius: 9px;
  background: #f5f8fb;
  margin: 0 0 15px;
}
.service-item h3 {
  font-size: 17px;
  line-height: 1.3;
  margin: 0 0 8px;
}
.service-item p { font-size: 13.5px; line-height: 1.55; }

/* Gallery: larger certificate previews with the complete image visible. */
.gallery-section { padding-top: 68px; padding-bottom: 72px; }
.gallery-section .section-heading { margin-bottom: 36px; }
.gallery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.gallery-card {
  height: 245px;
  border-radius: 10px;
  border: 1px solid #dbe5ef;
  background: #fff;
  box-shadow: 0 6px 20px rgba(6,41,87,.07);
}
.gallery-card img,
.gallery img,
.gallery-item img,
#gallery img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
}

@media (max-width: 900px) {
  .hero {
    background: var(--navy);
  }
  .hero-grid { grid-template-columns: 1fr; min-height: auto; }
  .hero-content { padding: 52px 0 30px; }
  .hero-photo-visual {
    height: 340px;
    margin: 0 0 36px;
  }
  .hero-photo { height: 340px; }
  .services-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .gallery-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .gallery-card { height: 230px; }
}

@media (max-width: 520px) {
  .hero-content { padding: 42px 0 24px; }
  .hero h1 { font-size: 31px; }
  .hero-photo-visual,
  .hero-photo { height: 290px; }
  .services-grid,
  .gallery-grid { grid-template-columns: 1fr; }
  .service-image,
  .services img,
  .service-card img,
  .service-item img,
  #services img { height: 205px; }
  .gallery-card { height: 240px; }
}