/* 3D service presentation */
.svc3dGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
@media (max-width: 900px){.svc3dGrid{grid-template-columns:1fr}}
.svc3dStage{border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.7);box-shadow:0 12px 40px rgba(0,0,0,.06)}
.svc3dStage__top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}
.svc3dCanvas{width:100%;height:340px;display:block}
.svc3dCanvas--mini{height:170px}
.svc3dLegend{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;padding:12px 16px;border-top:1px solid rgba(0,0,0,.06);font-size:.92rem;color:rgba(0,0,0,.65)}
.svcNote{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(0, 102, 255, .08);border:1px solid rgba(0, 102, 255, .18)}
.svcCards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
@media (max-width: 900px){.svcCards3{grid-template-columns:1fr}}
.svcCard3{border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#fff;padding:16px 16px}
.svcCard3 h3{margin:0 0 10px 0}
.svcCard3 ul{margin:0;padding-left:18px;color:rgba(0,0,0,.75)}
.svcCard3 li{margin:7px 0}
.svcSteps3{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
@media (max-width: 900px){.svcSteps3{grid-template-columns:1fr 1fr}}
@media (max-width: 560px){.svcSteps3{grid-template-columns:1fr}}
.svcStep3{border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;padding:14px 14px;display:flex;gap:10px;align-items:flex-start}
.svcStep3 .num{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(0,102,255,.12);color:#003bbf;font-weight:800}
.svcStep3 span{color:rgba(0,0,0,.65);font-size:.95rem}
.svcZoneBox{border:1px solid rgba(0,0,0,.08);border-radius:20px;background:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:18px}
@media (max-width: 900px){.svcZoneBox{grid-template-columns:1fr}}
.svcZoneTags{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.svcZoneTags span{padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.03);color:rgba(0,0,0,.75);font-size:.92rem}
.svcZonePoints{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
@media (max-width: 900px){.svcZonePoints{grid-template-columns:1fr}}
.svcZonePoints > div{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:10px 12px;background:rgba(0,0,0,.02)}
.svcZonePoints strong{display:block;margin-bottom:4px}
.svcZonePoints span{color:rgba(0,0,0,.65);font-size:.95rem}
.svcZoneCtas{display:flex;flex-direction:column;gap:10px}
.svcZoneMini3d{margin-top:12px;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.7)}
.svcZoneMini3d__title{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.06)}



/* ==== v2 polish (premium + clearer hierarchy) ==== */
.svc3dStage{
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,251,255,.88));
  border:1px solid rgba(10,42,74,.10);
  box-shadow:0 22px 70px rgba(10,42,74,.12);
}
.svc3dStage::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(520px 260px at 20% 0%, rgba(47,125,255,.18), rgba(255,255,255,0) 60%),
    radial-gradient(520px 260px at 80% 100%, rgba(11,19,32,.08), rgba(255,255,255,0) 60%);
  pointer-events:none;
}
.svc3dStage__top{
  position:relative;
  padding:14px 16px;
  font-weight:800;
}
.svc3dCanvas{
  background:radial-gradient(700px 380px at 50% 35%, rgba(47,125,255,.10), rgba(255,255,255,0) 62%);
}
.svc3dLegend{
  position:relative;
  color:rgba(10,42,74,.70);
}

.svcCard3{
  border:1px solid rgba(10,42,74,.10);
  background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);
  box-shadow:0 16px 44px rgba(10,42,74,.10);
  transition:transform .18s ease, box-shadow .18s ease;
}
.svcCard3:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 70px rgba(10,42,74,.14);
}

.svcStep3{
  background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);
  box-shadow:0 14px 40px rgba(10,42,74,.08);
  transition:transform .18s ease;
}
.svcStep3:hover{ transform:translateY(-2px); }

.svcZoneMini3d{
  border:1px solid rgba(10,42,74,.10);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,251,255,.88));
  box-shadow:0 16px 50px rgba(10,42,74,.12);
}
.svcZoneMini3d__title{
  padding:12px 14px;
  border-bottom:1px solid rgba(10,42,74,.08);
}


/* --- Premium polish (service pages) --- */
.svcSection--alt{background:linear-gradient(180deg, rgba(30,111,217,.08), rgba(30,111,217,0));}
.svcCard3{
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 30px rgba(10,42,74,.10);
}
.svcCard3 ul{list-style:none;padding-left:0}
.svcCard3 li{
  position:relative;
  padding-left:26px;
  margin:10px 0;
}
.svcCard3 li:before{
  content:"✓";
  position:absolute;left:0;top:0;
  width:18px;height:18px;
  border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(30,111,217,.14);
  color:rgba(10,42,74,.95);
  font-weight:800;
  font-size:.85rem;
}
.svcZoneBox{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.86));
  box-shadow:0 12px 34px rgba(10,42,74,.10);
}
.svcZoneTags span{
  border-color:rgba(30,111,217,.22);
  background:rgba(30,111,217,.08);
}
.svcZonePoints > div{
  background:rgba(30,111,217,.06);
  border-color:rgba(30,111,217,.16);
}
.svc3dStage{
  background:radial-gradient(1200px 600px at 20% 10%, rgba(30,111,217,.12), rgba(255,255,255,.72));
  border-color:rgba(30,111,217,.18);
}
.svc3dStage__top{
  backdrop-filter: blur(6px);
}