/* AMCEN LAB — ONE UNIVERSAL SERVICE CSS */

.service-page{
  --blue:#0870ad;--blue-dark:#05547f;--dark:#101820;
  --text:#33414c;--muted:#687984;--light:#f3f7f9;
  --white:#fff;--line:#d9e2e7;
  font-family:Arial,Helvetica,sans-serif;color:var(--text);
  background:var(--white);overflow:hidden;
}
.service-page *{box-sizing:border-box}
.service-page img{display:block;width:100%;height:100%;object-fit:cover}
.service-container{width:min(1180px,calc(100% - 48px));margin:auto}
.service-overline{display:block;margin-bottom:10px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}

/* HERO */
.service-hero{display:grid;grid-template-columns:1.35fr .65fr;min-height:400px;background:var(--dark)}
.service-hero-image{height:400px;overflow:hidden}
.service-hero-image img{filter:saturate(.75);transition:.6s}
.service-hero-image:hover img{transform:scale(1.03)}
.service-hero-content{display:flex;flex-direction:column;justify-content:center;padding:45px 50px}
.service-hero-content .service-overline{color:#79bee5}
.service-hero h1{margin:0;max-width:520px;color:#fff;font-size:clamp(44px,5vw,64px);line-height:.98;letter-spacing:-2.5px}
.service-hero h1 span{display:block;color:#76bce2}

/* INTRO */
.service-intro{padding:65px 0;background:#fff}
.service-intro-content{max-width:900px}
.service-intro h2{margin:0 0 22px;color:var(--dark);font-size:clamp(38px,4.5vw,52px);line-height:1.02;letter-spacing:-2px}
.service-intro h2 span{display:block;color:var(--blue)}
.service-intro p{max-width:900px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}

/* NUMBERED SERVICES */
.service-section{padding:65px 0 75px;background:var(--light)}
.service-section-heading{margin-bottom:28px}
.service-section-heading h2{margin:0;color:var(--dark);font-size:clamp(34px,4vw,46px);line-height:1;letter-spacing:-1.5px}
.service-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.service-item{position:relative;display:grid;grid-template-columns:48px 1fr;align-items:center;min-height:82px;padding:12px 20px;border-bottom:1px solid var(--line);transition:.2s}
.service-item:nth-child(odd){border-right:1px solid var(--line)}
.service-item:hover{padding-left:27px;background:#fff}
.service-item span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.4px}
.service-item h3{margin:0;padding-right:25px;color:var(--dark);font-size:15px;font-weight:600;line-height:1.45}
.service-item::after{content:"↗";position:absolute;right:18px;color:#aab8c0;opacity:0;transform:translate(-4px,4px);transition:.2s}
.service-item:hover::after{opacity:1;transform:none}

/* IMAGE + LIST VARIANT */
.service-feature{display:grid;grid-template-columns:.8fr 1.2fr;min-height:520px}
.service-feature.reverse{grid-template-columns:1.2fr .8fr}
.service-feature-image{min-height:520px;overflow:hidden}
.service-feature-content{display:flex;flex-direction:column;justify-content:center;padding:48px 55px;background:#fff}
.service-feature.reverse .service-feature-content{background:var(--light)}
.service-feature-content h2{margin:0 0 25px;color:var(--dark);font-size:clamp(36px,4vw,46px);line-height:1;letter-spacing:-1.5px}

/* GALLERY */
.service-gallery{padding:75px 0;background:#fff}
.service-gallery-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:210px 210px;gap:12px}
.service-gallery-grid>div{overflow:hidden;border-radius:4px}
.service-gallery-grid img{transition:.5s}
.service-gallery-grid>div:hover img{transform:scale(1.04)}
.service-gallery-main{grid-row:span 2}

/* DOWNLOAD */
.service-download{padding:0 0 75px;background:#fff}
.service-download-box{display:grid;grid-template-columns:330px 1fr;min-height:240px;background:var(--light);border:1px solid var(--line)}
.service-download-image{height:460px;overflow:hidden}
.service-download-content{display:flex;flex-direction:column;justify-content:center;padding:35px 45px}
.service-download h2{margin:0 0 10px;color:var(--dark);font-size:clamp(28px,3vw,38px);line-height:1}
.service-download p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.65}
.service-download a{width:max-content;color:var(--blue);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* CTA */
.service-cta{padding:0 0 75px}
.service-cta-box{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:48px 55px;background:var(--dark);border-radius:5px;overflow:hidden}
.service-cta-box::after{content:"";position:absolute;width:330px;height:330px;right:-150px;top:-170px;border:1px solid rgba(114,185,223,.2);border-radius:50%}
.service-cta-content{position:relative;z-index:1}
.service-cta .service-overline{color:#72b9df}
.service-cta h2{margin:0 0 10px;color:#fff;font-size:clamp(32px,4vw,46px);line-height:1;letter-spacing:-1.5px}
.service-cta p{margin:0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.65}
.service-cta-button{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-width:175px;padding:15px 19px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:700 11px Arial;cursor:pointer;transition:.2s}
.service-cta-button span{color:#72b9df;font-size:18px}
.service-cta-button:hover{background:var(--blue);border-color:var(--blue)}

/* MODAL */
.service-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;transition:.2s}
.service-modal.active{visibility:visible;opacity:1}
.service-modal-overlay{position:absolute;inset:0;background:rgba(5,12,18,.72);backdrop-filter:blur(5px)}
.service-modal-box{position:relative;z-index:2;width:min(620px,100%);max-height:90vh;overflow:auto;padding:40px;background:#fff;border-radius:5px;transform:translateY(12px) scale(.98);transition:.2s}
.service-modal.active .service-modal-box{transform:none}
.service-modal-close{position:absolute;top:12px;right:15px;border:0;background:none;color:var(--muted);font-size:28px;cursor:pointer}
.service-modal-box h2{margin:0 0 8px;color:var(--dark);font-size:36px;line-height:1}
.service-modal-intro{margin:0 0 24px;color:var(--muted);font-size:14px}
.service-form{display:grid;gap:15px}
.service-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.service-form-group{display:grid;gap:6px}
.service-form-group label{color:var(--dark);font-size:11px;font-weight:700}
.service-form-group input,.service-form-group select,.service-form-group textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:3px;outline:0;background:#f8fafb;color:var(--text);font:13px Arial}
.service-form-group textarea{min-height:100px;resize:vertical}
.service-form-group input:focus,.service-form-group select:focus,.service-form-group textarea:focus{border-color:var(--blue);background:#fff}
.service-form-submit{width:max-content;padding:13px 20px;border:0;background:var(--blue);color:#fff;font:700 12px Arial;cursor:pointer}
.service-form-submit:hover{background:var(--blue-dark)}

/* MOBILE */
@media(max-width:900px){
  .service-hero{grid-template-columns:1fr}
  .service-hero-image{height:300px}
  .service-feature,.service-feature.reverse{grid-template-columns:1fr}
  .service-feature-image{min-height:320px}
}
@media(max-width:700px){
  .service-container{width:calc(100% - 30px)}
  .service-hero-content{text-align: center;}
  .service-hero-content h1 span{display: inline;}
  .service-hero-image{height:230px}
  .service-hero h1{font-size:42px}
  .service-intro{padding:55px 0}
  .service-intro h2{font-size:38px}
  .service-section{padding:55px 0 60px}
  .service-list{grid-template-columns:1fr}
  .service-item:nth-child(odd){border-right:0}
  .service-feature-content{padding:42px 20px}
  .service-gallery{padding:60px 0}
  .service-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:170px 170px 170px;gap:9px}
  .service-gallery-main{grid-column:span 2;grid-row:span 1}
  .service-download-box{grid-template-columns:1fr}
  .service-download-image{height:220px}
  .service-download-content{padding:32px 24px}
  .service-cta-box{display:block;padding:40px 24px}
  .service-cta-content{margin-bottom:28px}
  .service-cta-button{width:100%}
  .service-modal-box{padding:35px 22px}
  .service-form-row{grid-template-columns:1fr}
}
.eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    color:var(--blue);
    font-size:14px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.eyebrow::before{
    content:"";
    width:28px;
    height:2px;
    background:var(--blue);
    flex-shrink:0;
}