/* Professional multipage layout */
.page-hero{background:radial-gradient(circle at 85% 10%,rgba(19,181,207,.2),transparent 28%),linear-gradient(120deg,#06172e,#0a2f66 65%,#0b5cc4);color:#fff;padding:86px 0 76px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #7dd3fc44;border-radius:50%;right:-80px;top:-190px;box-shadow:0 0 0 45px #7dd3fc0b,0 0 0 90px #7dd3fc08}.page-hero .w{position:relative;z-index:1}.breadcrumbs{font-size:12px;color:#b8d0f0;margin-bottom:24px}.breadcrumbs a:hover{color:#fff}.page-hero h1{font-size:clamp(38px,5vw,60px);max-width:800px;line-height:1.1;letter-spacing:-.045em;margin:0 0 20px}.page-hero h1 em{font-style:normal;color:#7dd3fc}.page-hero p{color:#cfdef3;max-width:670px;font-size:16px;line-height:1.8}.page-content{padding:70px 0 90px}.page-intro{max-width:760px;margin-bottom:38px}.page-intro h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:15px}.page-intro p{font-size:15px;line-height:1.85}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.page-card{display:flex;flex-direction:column;min-height:230px;padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--card);transition:transform .2s,border-color .2s,box-shadow .2s}.page-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:var(--sh)}.page-card .num{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--blue);margin-bottom:18px}.page-card h3{font-size:20px}.page-card p{font-size:14px;line-height:1.75}.page-card a{font-size:13px;color:var(--blue);font-weight:700;margin-top:auto;padding-top:15px}.page-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.page-panel{background:var(--alt);border:1px solid var(--line);padding:30px;border-radius:16px}.page-panel h3{font-size:22px}.check-items{padding:0;list-style:none}.check-items li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.check-items li:before{content:'✓';color:var(--blue);font-weight:800;margin-right:12px}.page-cta{margin-top:45px;padding:32px;border-radius:16px;background:linear-gradient(120deg,#06172e,#0b5cc4);color:white;display:flex;justify-content:space-between;align-items:center;gap:24px}.page-cta h2{font-size:clamp(24px,3vw,36px);margin:0 0 8px}.page-cta p{color:#c9d9f2;margin:0}.page-cta .btn{white-space:nowrap}.page-nav-active{color:var(--blue)!important}.page-header-space{min-height:5px}@media(max-width:800px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-columns{grid-template-columns:1fr}.page-hero{padding:65px 0}.page-content{padding:55px 0 65px}}@media(max-width:560px){.page-grid{grid-template-columns:1fr}.page-cta{display:block}.page-cta .btn{margin-top:20px}.page-hero h1{font-size:38px}.page-hero p{font-size:14px}}

/* Service imagery */
.service-thumb{width:100%;height:176px;object-fit:cover;display:block;border-radius:10px;margin:0 0 19px;background:#edf3fa}
.page-card{overflow:hidden;padding:18px}
.page-card .num{display:block;margin:0 5px 12px}
.service-visual{width:100%;height:300px;border-radius:16px;overflow:hidden;margin:0 0 24px;background:#eef3f9;border:1px solid var(--line)}
.service-visual img{width:100%;height:100%;display:block;object-fit:cover}
.page-columns .page-intro{min-width:0}
@media(max-width:560px){.service-thumb{height:190px}.service-visual{height:220px}}


/* Premium service-card interaction: keeps the original grid and page structure intact */
:root { color-scheme: light; }
html, body { background: #fff; }
.page-grid { align-items: stretch; gap: 24px; }
.page-card {
  position: relative; isolation: isolate; padding: 0; min-height: 0;
  border: 1px solid #e5eaf1; border-radius: 18px; overflow: hidden;
  background: #fff; box-shadow: 0 5px 16px rgba(16,35,62,.055);
  transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease, border-color .3s ease;
}
.page-card::before {
  content: ""; position: absolute; z-index: 2; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg,#1769e0,#13b5cf); transform: scaleX(0); transform-origin: left;
  transition: transform .38s ease;
}
.page-card:hover, .page-card:focus-within {
  transform: translateY(-9px); border-color: #c8d8ee;
  box-shadow: 0 22px 42px rgba(13,42,78,.15), 0 4px 12px rgba(23,105,224,.07);
}
.page-card:hover::before, .page-card:focus-within::before { transform: scaleX(1); }
.thumb-wrap { position: relative; margin: 0; height: 205px; overflow: hidden; background: #edf3fa; }
.thumb-wrap::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg,rgba(5,20,40,.02) 30%,rgba(5,20,40,.46) 100%);
  opacity: .62; transition: opacity .35s ease; pointer-events: none;
}
.page-card:hover .thumb-wrap::after { opacity: .35; }
.page-card .service-thumb {
  width: 100%; height: 100%; display: block; object-fit: cover; margin: 0; border-radius: 0;
  transform: scale(1.001); transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .5s ease;
}
.page-card:hover .service-thumb { transform: scale(1.075); filter: saturate(1.08); }
.thumb-label {
  position: absolute; z-index: 3; bottom: 13px; left: 16px; color: #fff;
  font-size: 10px; font-weight: 800; letter-spacing: .13em; text-shadow: 0 1px 8px #0006;
}
.page-card .num { display: block; margin: 22px 22px 10px; font-size: 10px; letter-spacing: .12em; }
.page-card h3 { margin: 0 22px 10px; font-size: 20px; line-height: 1.3; transition: color .25s ease; }
.page-card:hover h3 { color: #1769e0; }
.page-card p { margin: 0 22px 20px; font-size: 14px; line-height: 1.75; flex: 1; }
.page-card > a {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  margin: auto 22px 22px; padding: 12px 0 0; border-top: 1px solid #edf0f5;
  font-size: 13px; transition: color .25s ease, gap .25s ease;
}
.page-card > a::after { content: "↗"; font-size: 17px; }
.page-card:hover > a { color: #0b56bd; gap: 18px; }
@media (max-width: 800px) { .thumb-wrap { height: 190px; } .page-grid { gap: 18px; } }
@media (max-width: 560px) { .thumb-wrap { height: 205px; } .page-card:hover, .page-card:focus-within { transform: translateY(-3px); } }
@media (prefers-reduced-motion: reduce) {
  .page-card, .page-card::before, .page-card .service-thumb, .thumb-wrap::after, .page-card h3, .page-card > a { transition: none !important; }
  .page-card:hover, .page-card:focus-within, .page-card:hover .service-thumb { transform: none; }
}