.school-name b{display:block;font:inherit}
.detail-grid{gap:20px}
.detail-card{display:flex;flex-direction:column;min-height:0;padding:18px;background:#fff;color:#1d2941;border:1px solid #dfe5ee;border-radius:18px;box-shadow:0 9px 24px #20385816;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.detail-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #20385820}
.detail-head{display:flex;align-items:center;gap:16px;padding:15px 18px;border-radius:14px;background:linear-gradient(135deg,var(--service-color),var(--service-color-end));color:#fff;position:relative;overflow:hidden}
.detail-head:after{content:"";position:absolute;width:105px;height:48px;right:-25px;bottom:-25px;border:1px solid #ffffff38;border-radius:50%;transform:rotate(-18deg)}
.detail-icon{position:relative;z-index:1;flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;margin:0;border:1px solid #ffffff55;border-radius:13px;background:#ffffff20;color:#fff;box-shadow:inset 0 1px 0 #ffffff35}
.detail-icon svg{width:32px;height:32px;stroke-width:2.1}
.detail-card h3{position:relative;z-index:1;margin:0;color:#fff;font-size:21px;line-height:1.25}
.detail-description{min-height:63px;margin:16px 3px 13px!important;color:#4f596f!important;font-size:13px!important;line-height:1.6}
.detail-benefits{list-style:none;padding:13px 15px!important;margin:auto 0 0!important;display:grid!important;gap:8px!important;border:1px solid color-mix(in srgb,var(--service-color) 18%,white);border-radius:12px;background:color-mix(in srgb,var(--service-color) 7%,white)}
.detail-card .detail-benefits li{display:flex;align-items:center;gap:9px;color:#26354d;font-size:13px;line-height:1.35}
.detail-card .detail-benefits li svg{flex:0 0 17px;width:17px;height:17px;color:#159447;fill:#e9f8ed}
.principal{position:relative;overflow:hidden;background:linear-gradient(125deg,#071f43 0%,#0a3769 48%,#4d2b2b 78%,#7d3d2c 100%);color:#fff}
.principal:before,.principal:after{content:"";position:absolute;border-radius:50%;transform:rotate(-28deg);pointer-events:none}
.principal:before{width:430px;height:210px;right:-100px;top:-80px;border:2px solid #f28a5b38;background:#d16f4430}
.principal:after{width:330px;height:150px;right:90px;bottom:-95px;border:1px solid #ffffff25;background:#123f7555}
.principal-wrap{position:relative;z-index:2}
.principal-person{text-align:center;align-self:center}
.principal-photo{background:#e9eef5;border:3px solid #ffffffcc;box-shadow:0 14px 32px #0005}
.principal .eyebrow.dark{color:#ffb18b;font-size:clamp(28px,2.1vw,38px);line-height:1.25;letter-spacing:1.5px}
.principal h2{color:#fff;font-size:clamp(24px,1.8vw,32px);line-height:1.25;margin:1em 0 0;text-shadow:0 2px 8px #0005}
.principal strong{color:#ff9463}
.principal-message p{color:#f1f5fb;font-size:21px;line-height:1.7;max-width:850px;margin-top:24px}
@media(min-width:1200px){.navbar nav{margin-right:90px}}
@media(max-width:580px){.detail-card{padding:13px;border-radius:15px}.detail-head{padding:13px;gap:12px}.detail-icon{flex-basis:50px;width:50px;height:50px}.detail-icon svg{width:28px;height:28px}.detail-card h3{font-size:19px}.detail-description{min-height:0;margin:13px 2px 11px!important}.detail-benefits{padding:12px!important}.principal:before{right:-260px}.principal-message{text-align:center}.principal-message p{font-size:17px;line-height:1.65}}

/* Menjaga setiap kartu tetap ringkas dan tidak mengikuti tinggi kartu lain. */
.detail-grid{align-items:start!important;grid-auto-rows:auto!important}
.detail-card{height:auto!important;min-height:0!important;align-self:start!important}
.detail-description{min-height:0!important;margin-bottom:13px!important}
.detail-benefits{margin:0!important}

/* Susunan baku 10 layanan: 5 kartu + 5 kartu pada layar desktop. */
@media(min-width:1200px){.services{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:901px) and (max-width:1199px){.services{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:581px) and (max-width:900px){.services{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.services{grid-template-columns:1fr!important}}

/* Susunan baku kartu penjelasan: 5 kartu + 5 kartu pada desktop. */
@media(min-width:1200px){
  .detail-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
  .detail-card{padding:12px!important;border-radius:15px!important}
  .detail-head{min-height:72px!important;padding:11px!important;gap:10px!important;border-radius:11px!important}
  .detail-icon{flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:10px!important}
  .detail-icon svg{width:25px!important;height:25px!important}
  .detail-card h3{font-size:16px!important;line-height:1.25!important}
  .detail-description{margin:11px 2px!important;font-size:11px!important;line-height:1.5!important}
  .detail-benefits{padding:10px!important;gap:6px!important;border-radius:10px!important}
  .detail-card .detail-benefits li{gap:7px!important;font-size:10.5px!important}
  .detail-card .detail-benefits li svg{flex-basis:14px!important;width:14px!important;height:14px!important}
}

/* Koreksi ornamen dan penegasan pembatas antarseksi. */
.principal:after{display:none!important}
.details{border-top:3px solid #de7548!important;box-shadow:0 -7px 0 #0b3a69,0 -18px 42px #00142f66!important}
.details:before{display:block!important;z-index:3!important;width:148px!important;height:10px!important;left:50%!important;right:auto!important;top:-3px!important;border:0!important;border-radius:0 0 14px 14px!important;background:linear-gradient(90deg,#f18755,#ffc09e,#f18755)!important;box-shadow:0 8px 18px #f0774038!important;transform:translateX(-50%)!important;filter:none!important}
@media(max-width:1199px){.details:before{width:118px!important;height:8px!important}}

@media(min-width:901px) and (max-width:1199px){.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:581px) and (max-width:900px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.detail-grid{grid-template-columns:1fr!important}}

/* Penyempurnaan final blok penjelasan layanan. */
.details{position:relative!important;isolation:isolate;overflow:hidden!important;padding:72px 0 78px!important;background:linear-gradient(128deg,#041f45 0%,#083d74 52%,#512f30 78%,#793b2d 100%)!important}
.details:before,.details:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;transform:rotate(-24deg)}
.details:before{width:520px;height:215px;right:-115px;top:-85px;border:2px solid #f59b7045;background:#bd5c3830}
.details:after{width:420px;height:175px;left:-125px;bottom:-95px;border:1px solid #ffffff2e;background:#0f548b4c}
.details>.container{position:relative;z-index:1;width:min(1760px,calc(100% - 64px))!important}
.details .section-heading .eyebrow{color:#ffac82!important}
.details .section-heading h2{color:#fff!important;text-shadow:0 2px 12px #00152c55}
.details .section-heading p{color:#e5edf7!important;font-size:17px!important;line-height:1.65!important}
.details .detail-grid{align-items:stretch!important;grid-auto-rows:1fr!important}
.details .detail-card{height:100%!important;min-height:0!important;align-self:stretch!important;background:#fff!important;box-shadow:0 14px 30px #00162f42!important}
.details .detail-description{min-height:0!important;color:#34445d!important;font-size:13px!important;line-height:1.55!important}
.details .detail-benefits{margin-top:auto!important}
.details .detail-card .detail-benefits li{font-size:12px!important;line-height:1.4!important}
@media(min-width:1200px){
  .details .detail-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
  .details .detail-card{padding:14px!important;border-radius:16px!important}
  .details .detail-head{min-height:78px!important;padding:13px!important;gap:11px!important}
  .details .detail-icon{flex:0 0 48px!important;width:48px!important;height:48px!important}
  .details .detail-icon svg{width:27px!important;height:27px!important}
  .details .detail-card h3{font-size:18px!important;line-height:1.25!important}
  .details .detail-description{margin:13px 2px!important;font-size:13px!important;line-height:1.55!important}
  .details .detail-benefits{padding:12px!important;gap:8px!important}
  .details .detail-card .detail-benefits li{gap:8px!important;font-size:12px!important}
  .details .detail-card .detail-benefits li svg{flex-basis:16px!important;width:16px!important;height:16px!important}
}
@media(max-width:1199px){.details>.container{width:min(1180px,calc(100% - 40px))!important}}
@media(max-width:580px){.details{padding:55px 0 60px!important}.details>.container{width:calc(100% - 26px)!important}.details .section-heading p{font-size:15px!important}.details .detail-description{font-size:13px!important}.details .detail-card .detail-benefits li{font-size:12px!important}}

/* Final: transisi antarseksi dan proporsi kartu layanan. */
.principal{padding-bottom:100px!important}
.details{margin-top:-52px!important;padding-top:102px!important;border-radius:54px 54px 0 0!important;border-top:1px solid #ff9a6a55!important;background:linear-gradient(125deg,#021a39 0%,#052d59 48%,#302533 73%,#57291f 100%)!important;box-shadow:0 -20px 45px #00152f55!important}
.details:before{width:360px!important;height:150px!important;right:-120px!important;top:92px!important;border:1px solid #ffad8245!important;background:#9f4b3230!important;filter:blur(.2px)}
.details:after{width:340px!important;height:135px!important;left:-110px!important;bottom:-70px!important;border:1px solid #ffffff25!important;background:#0c477d45!important}
.details .section-heading{position:relative!important;margin-bottom:38px!important}
.details .section-heading:before{content:"";display:block;width:92px;height:7px;margin:0 auto 20px;border-radius:20px;background:linear-gradient(90deg,#ff8a50,#ffbd91);box-shadow:0 5px 14px #ff7a3242}
.details .section-heading h2{font-size:clamp(34px,2.6vw,47px)!important;letter-spacing:-.7px!important}
.details .section-heading p{max-width:940px!important;margin:0 auto!important;color:#dbe7f4!important}
@media(min-width:1200px){
  .details .detail-grid{align-items:stretch!important;grid-auto-rows:450px!important;gap:20px!important}
  .details .detail-card{display:flex!important;flex-direction:column!important;height:450px!important;min-height:450px!important;max-height:450px!important;padding:15px!important;border:1px solid #ffffff66!important;border-radius:18px!important;box-shadow:0 16px 34px #00132955!important}
  .details .detail-head{flex:0 0 82px!important;min-height:82px!important;padding:14px!important;border-radius:13px!important}
  .details .detail-icon{flex:0 0 50px!important;width:50px!important;height:50px!important}
  .details .detail-card h3{font-size:18px!important}
  .details .detail-description{flex:0 0 auto!important;margin:14px 3px 12px!important;font-size:13px!important;line-height:1.55!important}
  .details .detail-benefits{margin-top:auto!important;padding:12px!important;gap:8px!important}
  .details .detail-card .detail-benefits li{font-size:12px!important;line-height:1.35!important}
}
@media(max-width:1199px){.principal{padding-bottom:80px!important}.details{margin-top:-38px!important;padding-top:82px!important;border-radius:38px 38px 0 0!important}.details .detail-card{height:auto!important;min-height:0!important;max-height:none!important}}
@media(max-width:580px){.principal{padding-bottom:65px!important}.details{margin-top:-28px!important;padding-top:65px!important;border-radius:28px 28px 0 0!important}.details .section-heading:before{margin-bottom:15px}.details .section-heading h2{font-size:30px!important}}

/* Konten kartu dibuat lebih dekat, besar, dan tetap seragam. */
@media(min-width:1200px){
  .details .detail-grid{grid-auto-rows:440px!important}
  .details .detail-card{height:440px!important;min-height:440px!important;max-height:440px!important;padding:16px!important;justify-content:flex-start!important}
  .details .detail-head{flex:0 0 84px!important;min-height:84px!important}
  .details .detail-icon{flex-basis:52px!important;width:52px!important;height:52px!important}
  .details .detail-icon svg{width:29px!important;height:29px!important}
  .details .detail-card h3{font-size:20px!important;line-height:1.22!important}
  .details .detail-description{flex:0 0 auto!important;margin:15px 3px 12px!important;color:#263850!important;font-size:14px!important;line-height:1.55!important}
  .details .detail-benefits{flex:0 0 auto!important;margin:0!important;padding:13px!important;gap:9px!important}
  .details .detail-card .detail-benefits li{font-size:13px!important;line-height:1.4!important}
  .details .detail-card .detail-benefits li svg{flex-basis:17px!important;width:17px!important;height:17px!important}
}

/* Final override: ornamen yang diminta dihapus dan pembatas dipertegas. */
.principal:after{display:none!important}
.details{border-top:3px solid #de7548!important;box-shadow:0 -7px 0 #0b3a69,0 -18px 42px #00142f66!important}
.details:before{content:""!important;display:block!important;position:absolute!important;z-index:3!important;width:148px!important;height:10px!important;left:50%!important;right:auto!important;top:-3px!important;bottom:auto!important;border:0!important;border-radius:0 0 14px 14px!important;background:linear-gradient(90deg,#f18755,#ffc09e,#f18755)!important;box-shadow:0 8px 18px #f0774038!important;transform:translateX(-50%)!important;filter:none!important}
@media(max-width:1199px){.details:before{width:118px!important;height:8px!important}}

/* Hapus label dan dua aksen pendek sesuai permintaan. */
.details>.container .section-heading>.eyebrow{display:none!important}
.details .section-heading:before{content:none!important;display:none!important}
.details:before{content:none!important;display:none!important}