.service-page{background:#f6f8f8;color:#385159}
.service-hero{position:relative;overflow:hidden;padding:72px 0 68px;background:linear-gradient(130deg,#062f3d,#075c65 62%,#099d9d);color:#fff}
.service-hero:after{content:"";position:absolute;right:-140px;top:-210px;width:570px;height:570px;border:95px solid rgba(255,255,255,.055);border-radius:50%}
.service-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.service-hero__copy{grid-column:1;grid-row:1;min-width:0}
.service-kicker,.service-section-kicker{display:block;margin-bottom:12px;color:#1fc2bd;font-size:10px;font-weight:800;letter-spacing:1.8px}
.service-hero .service-kicker{color:#8ce4df}
.service-hero h1{margin:0 0 18px;color:#fff;font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-1.6px}
.service-hero__copy>p{max-width:610px;margin:0;color:rgba(255,255,255,.76);font-size:16px;line-height:1.7}
.service-hero__actions{display:flex;gap:11px;margin-top:27px}
.service-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:11px;font-size:13px;font-weight:750;transition:.2s ease}
.service-btn:hover{transform:translateY(-2px);text-decoration:none}
.service-btn--primary{background:#16b99d;color:#fff!important;box-shadow:0 12px 28px rgba(14,186,158,.23)}
.service-btn--ghost{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07);color:#fff!important}
.service-checks{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0 0;padding:0;list-style:none}
.service-checks li{color:#c7dddd;font-size:11px}.service-checks i{margin-right:5px;color:#67ddd5}
.service-hero .breadcrumb{margin:22px 0 0;padding:0;background:transparent}.service-hero .breadcrumb li,.service-hero .breadcrumb a{color:rgba(255,255,255,.6);font-size:10px}
.service-hero__visual{position:relative;grid-column:2;grid-row:1;min-width:0}
.service-hero__image{overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:28px;background:#fff;box-shadow:0 28px 60px rgba(1,27,34,.28);transform:rotate(2deg)}
.service-hero__image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.service-floating-card{position:absolute;left:-36px;bottom:24px;display:flex;gap:12px;align-items:center;padding:15px 18px;border:1px solid rgba(255,255,255,.45);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 15px 35px rgba(3,38,47,.2);color:#173f48}
.service-floating-card>i{display:grid;width:39px;height:39px;place-items:center;border-radius:10px;background:#e6f8f6;color:#0b9d98;font-size:17px}.service-floating-card strong,.service-floating-card span{display:block}.service-floating-card strong{font-size:12px}.service-floating-card span{margin-top:2px;color:#819397;font-size:10px}
.service-benefits{position:relative;z-index:2;margin-top:-1px;background:#fff;border-bottom:1px solid #e5ebec}
.service-benefits>.container{display:grid;grid-template-columns:repeat(4,1fr)}
.service-benefit:nth-child(1){grid-column:1;grid-row:1}.service-benefit:nth-child(2){grid-column:2;grid-row:1}.service-benefit:nth-child(3){grid-column:3;grid-row:1}.service-benefit:nth-child(4){grid-column:4;grid-row:1}
.service-benefit{display:flex;gap:13px;align-items:center;padding:25px 20px;border-right:1px solid #e9eeee}.service-benefit:last-child{border-right:0}
.service-benefit>i{display:grid;flex:0 0 40px;height:40px;place-items:center;border-radius:11px;background:#eaf7f6;color:#0b9695;font-size:17px}.service-benefit strong,.service-benefit span{display:block}.service-benefit strong{color:#17414a;font-size:12px}.service-benefit span{margin-top:3px;color:#899a9e;font-size:10px;line-height:1.4}
.serigraphy-main{padding:85px 0 15px}
.service-intro{max-width:770px;text-align:center;margin-bottom:55px}.service-intro h2{margin:0 0 14px;color:#103c47;font-size:36px;line-height:1.2}.service-intro p{margin:0;color:#758b91;font-size:15px;line-height:1.75}
.service-category-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-24px;margin-bottom:75px}.service-category-links a{position:relative;display:block;padding:20px 48px 20px 20px;border:1px solid #dfe9ea;border-radius:15px;background:#fff;color:#17414a}.service-category-links a:hover{border-color:#79c9c5;text-decoration:none}.service-category-links span,.service-category-links small{display:block}.service-category-links span{font-size:13px;font-weight:750}.service-category-links small{margin-top:5px;color:#84979c;font-size:11px;line-height:1.45}.service-category-links i{position:absolute;right:19px;top:50%;color:#0a9996;transform:translateY(-50%)}
.service-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:90px}
.service-showcase>.service-showcase__image{grid-column:2;grid-row:1}
.service-showcase>.service-showcase__copy{grid-column:1;grid-row:1}
.service-showcase--reverse>.service-showcase__image{grid-column:1}
.service-showcase--reverse>.service-showcase__copy{grid-column:2}
.service-showcase__image{position:relative;min-width:0;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(7,52,64,.1)}
.service-showcase__image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.service-showcase__image>span{position:absolute;left:19px;top:19px;display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:#0a8e90;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(10,142,144,.28)}
.service-showcase__copy h2{margin:0 0 16px;color:#103c47;font-size:32px;line-height:1.2}.service-showcase__copy>p{margin:0 0 20px;color:#70878d;font-size:14px;line-height:1.78}
.service-showcase__copy ul{margin:0 0 24px;padding:0;list-style:none}.service-showcase__copy li{margin:10px 0;color:#405c63;font-size:13px}.service-showcase__copy li i{margin-right:8px;color:#0aa19d}
.service-showcase__copy>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 18px;border:1px solid #055a58;border-radius:11px;background:#fff;color:#055a58;font-size:14px;font-weight:750}.service-showcase__copy>a:hover,.service-showcase__copy>a:focus-visible{text-decoration:none;gap:11px;color:#fff;background:#055a58;border-color:#055a58}.service-showcase__copy>a:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 3px rgba(5,90,88,.35)}
.service-showcase-wrap{margin-bottom:90px;padding:85px 0 1px;background:#edf5f4}.service-showcase-wrap .service-showcase{margin-bottom:85px}
.service-process{margin-bottom:85px}.service-process__heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.service-process__heading h2{margin:0;color:#103c47;font-size:31px}.service-process__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.service-process__steps>div{position:relative;overflow:hidden;min-height:220px;padding:24px 21px;border:1px solid #e0e9ea;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(7,52,64,.06)}
.service-process__steps b{position:absolute;right:14px;top:4px;color:#edf3f3;font-size:48px}.service-process__steps>div>i{display:grid;width:43px;height:43px;margin-bottom:25px;place-items:center;border-radius:12px;background:#e8f7f6;color:#099795;font-size:18px}.service-process__steps strong{display:block;margin-bottom:9px;color:#173f48;font-size:14px}.service-process__steps p{margin:0;color:#84979c;font-size:12px;line-height:1.65}
.service-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:85px}.service-gallery>div{position:relative;min-width:0;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(7,52,64,.08)}.service-gallery>div:first-child{grid-column:1;grid-row:1}.service-gallery>div:last-child{grid-column:2;grid-row:1}.service-gallery img{display:block;width:100%;aspect-ratio:1.35/1;object-fit:cover;transition:.4s ease}.service-gallery>div:hover img{transform:scale(1.025)}.service-gallery span{position:absolute;left:18px;bottom:18px;padding:9px 13px;border-radius:9px;background:rgba(6,48,59,.85);color:#fff;font-size:11px;font-weight:700;backdrop-filter:blur(7px)}
.service-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:38px 42px;border-radius:22px;background:linear-gradient(120deg,#073b49,#087a7c);color:#fff;box-shadow:0 18px 45px rgba(6,54,66,.18)}.service-cta h2{margin:0 0 8px;color:#fff;font-size:28px}.service-cta p{margin:0;color:rgba(255,255,255,.68);font-size:13px}.service-cta>a{display:inline-flex;align-items:center;gap:9px;padding:14px 20px;border-radius:11px;background:#1abc83;color:#fff;font-size:13px;font-weight:750;white-space:nowrap}.service-cta>a:hover{color:#fff;text-decoration:none;transform:translateY(-2px)}
.service-page .site-footer{margin-top:56px}
@media(max-width:991px){.service-hero__grid{gap:40px}.service-benefits>.container{grid-template-columns:1fr 1fr}.service-benefit:nth-child(1){grid-column:1;grid-row:1}.service-benefit:nth-child(2){grid-column:2;grid-row:1;border-right:0}.service-benefit:nth-child(3){grid-column:1;grid-row:2}.service-benefit:nth-child(4){grid-column:2;grid-row:2}.service-benefit:nth-child(-n+2){border-bottom:1px solid #e9eeee}.service-showcase{gap:40px}.service-process__steps{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.service-hero{padding:52px 0}.service-hero__grid,.service-showcase,.service-gallery{grid-template-columns:1fr}.service-hero__copy{grid-column:1;grid-row:1}.service-hero__visual{grid-column:1;grid-row:2;margin:18px 14px 0}.service-hero h1{font-size:42px}.service-hero__actions{align-items:stretch;flex-direction:column}.service-checks{gap:10px}.service-floating-card{left:-12px;bottom:12px}.service-benefits>.container{grid-template-columns:1fr}.service-benefit,.service-benefit:nth-child(n){grid-column:1;grid-row:auto;border-right:0;border-bottom:1px solid #e9eeee}.serigraphy-main{padding-top:58px}.service-intro{margin-bottom:38px}.service-intro h2{font-size:29px}.service-category-links{grid-template-columns:1fr;margin-top:-10px;margin-bottom:55px}.service-showcase{gap:28px;margin-bottom:65px}.service-showcase>.service-showcase__image,.service-showcase--reverse>.service-showcase__image{grid-column:1;grid-row:1}.service-showcase>.service-showcase__copy,.service-showcase--reverse>.service-showcase__copy{grid-column:1;grid-row:2}.service-showcase-wrap{padding-top:60px;margin-bottom:65px}.service-process__heading{align-items:flex-start;flex-direction:column}.service-process__steps{grid-template-columns:1fr}.service-gallery{gap:14px}.service-gallery>div:first-child{grid-column:1;grid-row:1}.service-gallery>div:last-child{grid-column:1;grid-row:2}.service-cta{align-items:flex-start;flex-direction:column;padding:29px 24px}.service-cta h2{font-size:24px}}

/* ===== PROMPT 4.2 — service/serigraphy hierarchy polish ===== */
.service-page { background: var(--pc-bg, #f6f8f8); }
.service-hero {
  background: linear-gradient(130deg, #062f3d, #075c65 58%, #0a8f90);
}
.service-btn { min-height: var(--pc-btn-h, 44px); }
.service-btn--primary {
  background: var(--pc-action-bg, #087e80);
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(8, 126, 128, .25);
}
.service-btn--primary:hover,
.service-btn--primary:focus-visible {
  background: var(--pc-action-hover, #066966);
  color: #fff !important;
}
.service-btn--primary:focus-visible {
  outline: none;
  box-shadow: var(--pc-action-focus-ring, 0 0 0 3px rgba(8, 126, 128, 0.35));
}
.service-btn--ghost { border-color: rgba(255,255,255,.45); }
.service-benefits {
  box-shadow: 0 10px 28px rgba(7,52,64,.05);
}
.serigraphy-main { padding-top: 72px; }
.service-intro h2,
.service-showcase__copy h2,
.service-process__heading h2 { color: var(--pc-petrol, #103c47); }
.service-category-links a {
  border-radius: var(--pc-radius-md, 15px);
  box-shadow: var(--pc-shadow-sm, 0 8px 20px rgba(7,52,64,.05));
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.service-category-links a:hover {
  transform: translateY(-2px);
  border-color: #79c9c5;
  box-shadow: var(--pc-shadow-md, 0 14px 30px rgba(7,52,64,.1));
}
.service-process__steps > div {
  border-radius: var(--pc-radius-md, 17px);
  box-shadow: var(--pc-shadow-sm, 0 10px 30px rgba(7,52,64,.06));
}
.service-showcase-wrap {
  background: var(--pc-bg-soft, #edf5f4);
  border-top: 1px solid rgba(223,234,234,.8);
  border-bottom: 1px solid rgba(223,234,234,.8);
}
.service-cta {
  background: linear-gradient(120deg, var(--pc-petrol-deep, #073b49), #087a7c);
  box-shadow: 0 20px 48px rgba(6,54,66,.2);
}
.service-cta > a {
  min-height: var(--pc-btn-h, 44px);
  background: var(--pc-action-bg, #087e80);
  color: #fff;
}
.service-cta > a:hover,
.service-cta > a:focus-visible {
  background: var(--pc-action-hover, #066966);
  color: #fff;
  text-decoration: none;
}
.service-cta > a:focus-visible {
  outline: none;
  box-shadow: var(--pc-action-focus-ring, 0 0 0 3px rgba(8, 126, 128, 0.35));
}
@media (max-width: 767px) {
  .service-hero__actions .service-btn { width: 100%; }
  .service-cta > a { width: 100%; justify-content: center; }
}