.department-hero{position:relative;isolation:isolate;overflow:hidden;padding:50px 0 58px;border-bottom:1px solid #dce7f2;background:radial-gradient(ellipse at 13% 42%,#dcecff 0%,transparent 48%),radial-gradient(ellipse at 85% 12%,#e5f5f5 0%,transparent 35%),linear-gradient(115deg,#fff,#f0f6fc);color:var(--ink)}
.department-hero:before{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(61,116,170,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(61,116,170,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(100deg,transparent,#000 35%,#000 85%,transparent);content:''}
.department-hero .wrap{position:relative;z-index:1}
.department-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:24px;color:#8297ad;font-size:11px}
.department-breadcrumb a:hover{color:var(--blue)}
.department-breadcrumb>span:last-child{color:#3d5d7b}
.department-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);align-items:center;gap:42px;min-width:0}
.department-hero-grid>div{min-width:0}
.department-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;font-weight:650;letter-spacing:.65px;direction:ltr}
.department-eyebrow:before{width:22px;height:2px;border-radius:2px;background:var(--cyan);content:''}
.department-hero h1{margin:15px 0 13px;color:var(--ink-strong);font-size:clamp(32px,4vw,48px);font-weight:750;line-height:1.55;letter-spacing:-.8px}
.department-hero h1 span{color:var(--blue)}
.department-hero p{max-width:620px;margin:0;color:#61778e;font-size:14px;line-height:2.25;text-align:justify;text-align-last:right}
.department-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.department-visual{position:relative;display:grid;place-items:center;min-height:285px;isolation:isolate}
.department-orbit{position:absolute;width:min(300px,90%);aspect-ratio:1;border:1px solid #c5d9ed;border-radius:50%;pointer-events:none;animation:department-orbit 32s linear infinite}
.department-orbit:before,.department-orbit:after{position:absolute;inset:27px;border:1px solid #d3e2f1;border-radius:50%;content:''}
.department-orbit:after{inset:64px;border-style:dashed;opacity:.8}
.department-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#2b8bd8;box-shadow:0 0 13px #2b8bd855}
.department-orbit i:first-child{top:37px;right:55px}.department-orbit i:last-child{bottom:44px;left:40px;background:#20a5a4;box-shadow:0 0 13px #20a5a455}
.department-visual-card{position:relative;z-index:1;width:min(100%,340px);padding:27px 23px 25px;border:1px solid #d0e0f0;border-radius:20px;background:linear-gradient(145deg,#fff,#edf4fc);box-shadow:0 22px 55px rgba(35,79,122,.13),inset 0 1px #fff;text-align:center}
.department-visual-icon{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 15px;border:1px solid #c9def1;border-radius:21px;background:linear-gradient(145deg,#f7fbff,#e5f0fc);box-shadow:0 0 0 8px #dceafb88,0 12px 28px #244e7912;color:var(--blue);animation:department-icon-float 5s ease-in-out infinite}
.department-visual-icon iconify-icon{width:42px;height:42px}
.department-visual-card strong{display:block;color:#254765;font-size:16px;font-weight:650;line-height:1.8}
.department-visual-card small{display:block;margin-top:7px;color:#8095aa;font-size:9px;letter-spacing:1px;direction:ltr}
.department-content{padding:68px 0;background:#f7f9fc;color:var(--ink)}
.department-section-head{max-width:760px;margin-bottom:28px}
.department-section-head .section-kicker{font-size:12px}
.department-section-head h2{margin:8px 0 6px;color:var(--ink-strong);font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.6}
.department-section-head p{max-width:650px;margin:0;color:#6a7f94;font-size:13px;line-height:2.15}
.department-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.department-service{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:205px;padding:22px 22px 20px;overflow:hidden;border:1px solid #e0e9f3;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(28,68,108,.045);transition:transform .22s,border-color .22s,box-shadow .22s}
.department-service:before{position:absolute;top:0;right:0;left:0;z-index:0;height:2px;background:linear-gradient(90deg,#dceafb,var(--blue),#20a5a4);transform:scaleX(0);transform-origin:right;transition:transform .25s;content:''}
.department-service:after{position:absolute;top:-65px;left:-58px;z-index:0;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,#1769c210,transparent 70%);pointer-events:none;content:''}
.department-service>*{position:relative;z-index:1}
.department-service:hover,.department-service:focus-within{transform:translateY(-4px);border-color:#bdd4ec;box-shadow:0 15px 30px rgba(28,68,108,.09)}
.department-service:hover:before,.department-service:focus-within:before{transform:scaleX(1)}
.department-service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.department-service-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #d6e5f5;border-radius:13px;background:#edf4fd;color:var(--blue);transition:transform .25s,background .25s}
.department-service-icon iconify-icon{width:26px;height:26px}
.department-service:hover .department-service-icon{transform:translateY(-2px);background:#e2effd}
.department-service-index{color:#96a8bb;font-size:11px;direction:ltr}
.department-service h3{margin:0 0 7px;color:#294967;font-size:15px;font-weight:650;line-height:1.8}
.department-service p{margin:0;color:#6c8095;font-size:12px;line-height:2.1}
.department-benefits{margin-top:26px;padding:23px 25px;border:1px solid #dce7f2;border-radius:16px;background:#edf4fb}
.department-benefits h2{margin:0 0 16px;color:#294967;font-size:17px;font-weight:650}
.department-benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.department-benefit{display:flex;align-items:flex-start;gap:9px;color:#526c85;font-size:12px;line-height:1.9}
.department-benefit iconify-icon{width:19px;height:19px;flex-shrink:0;align-self:center;margin-top:0;color:#239b91}
.department-contact{padding:35px 0;border-top:1px solid #dce7f2;background:#eaf2fb}
.department-contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}
.department-contact h2{margin:0 0 5px;color:#25496c;font-size:20px;font-weight:700;line-height:1.7}
.department-contact p{margin:0;color:#647b92;font-size:12px}
.department-contact .btn{white-space:nowrap}
.department-contact .btn iconify-icon{width:19px;height:19px}
.site-footer .footer-bottom{max-width:var(--wrap);margin:auto;padding:18px 0}
@keyframes department-orbit{to{transform:rotate(360deg)}}
@keyframes department-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:900px){.department-hero-grid{gap:20px}.department-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.department-hero{padding:34px 0 40px}.department-breadcrumb{margin-bottom:17px}.department-hero-grid{grid-template-columns:minmax(0,1fr);gap:10px}.department-hero h1{font-size:clamp(30px,8vw,42px)}.department-hero p{font-size:13px}.department-visual{min-height:240px}.department-orbit{width:235px}.department-visual-card{max-width:300px;padding:21px 18px}.department-content{padding:48px 0}.department-section-head{margin-bottom:22px}.department-section-head h2{font-size:24px}.department-section-head p{font-size:12px}.department-service-grid{grid-template-columns:minmax(0,1fr);gap:11px}.department-service{min-height:0;padding:19px;border-radius:14px}.department-service-top{margin-bottom:13px}.department-service-icon{width:43px;height:43px}.department-service h3{font-size:14px}.department-service p{font-size:12px}.department-benefits{margin-top:23px;padding:19px}.department-benefits h2{font-size:16px}.department-benefit-list{grid-template-columns:minmax(0,1fr);gap:9px}.department-contact{padding:26px 0}.department-contact .wrap{align-items:flex-start;flex-direction:column;gap:14px}.department-contact h2{font-size:18px}.department-contact .btn{width:100%;white-space:normal}}
@media(max-width:360px){.department-hero-grid{gap:5px}.department-actions .btn{flex-basis:100%}.department-service{padding:17px}.department-benefits{padding:17px}}
@media(prefers-reduced-motion:reduce){.department-orbit,.department-visual-icon{animation:none!important}.department-service,.department-service:before,.department-service-icon{transition:none!important}}

html[data-theme="dark"] .department-hero{border-color:#2a4058;background:radial-gradient(ellipse at 13% 42%,#183b5b 0%,transparent 48%),radial-gradient(ellipse at 85% 12%,#163d43 0%,transparent 35%),linear-gradient(115deg,#0e1a29,#142438);color:var(--ink)}
html[data-theme="dark"] .department-hero:before{background-image:linear-gradient(rgba(117,174,226,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(117,174,226,.065) 1px,transparent 1px)}
html[data-theme="dark"] .department-breadcrumb{color:#8fa7c0}
html[data-theme="dark"] .department-breadcrumb>span:last-child{color:#d4e4f4}
html[data-theme="dark"] .department-hero h1{color:#edf5fd}
html[data-theme="dark"] .department-hero p{color:#afc1d4}
html[data-theme="dark"] .department-orbit{border-color:#355572}
html[data-theme="dark"] .department-orbit:before,html[data-theme="dark"] .department-orbit:after{border-color:#2d4b67}
html[data-theme="dark"] .department-visual-card{border-color:#35516d;background:linear-gradient(145deg,#1a3048,#13263a);box-shadow:0 22px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04)}
html[data-theme="dark"] .department-visual-icon{border-color:#3c5e7d;background:linear-gradient(145deg,#203d59,#172e46);box-shadow:0 0 0 8px rgba(66,112,154,.16),0 12px 28px rgba(0,0,0,.24);color:#8bc7ff}
html[data-theme="dark"] .department-visual-card strong{color:#e0edf9}
html[data-theme="dark"] .department-visual-card small{color:#9bb3ca}
html[data-theme="dark"] .department-content{background:#0b1422;color:var(--ink)}
html[data-theme="dark"] .department-section-head h2{color:#e5effa}
html[data-theme="dark"] .department-section-head p{color:#a6bbd0}
html[data-theme="dark"] .department-service{border-color:#2b4057;background:#142438;box-shadow:0 8px 24px rgba(0,0,0,.2)}
html[data-theme="dark"] .department-service:before{background:linear-gradient(90deg,#244666,var(--blue),var(--cyan))}
html[data-theme="dark"] .department-service:after{background:radial-gradient(circle,#69aef41c,transparent 70%)}
html[data-theme="dark"] .department-service:hover,html[data-theme="dark"] .department-service:focus-within{border-color:#4b7095;box-shadow:0 15px 30px rgba(0,0,0,.3)}
html[data-theme="dark"] .department-service-icon{border-color:#365573;background:#1a3048;color:#8bc7ff}
html[data-theme="dark"] .department-service:hover .department-service-icon{background:#23415f}
html[data-theme="dark"] .department-service-index{color:#91a9c1}
html[data-theme="dark"] .department-service h3,html[data-theme="dark"] .department-benefits h2{color:#dce9f7}
html[data-theme="dark"] .department-service p{color:#a4b8cc}
html[data-theme="dark"] .department-benefits{border-color:#304962;background:#172b40}
html[data-theme="dark"] .department-benefit{color:#c0d0e0}
html[data-theme="dark"] .department-benefit iconify-icon{color:#55c7b5}
html[data-theme="dark"] .department-contact{border-color:#2b4259;background:#172b40}
html[data-theme="dark"] .department-contact h2{color:#e1eefb}
html[data-theme="dark"] .department-contact p{color:#a8bdd2}
html[data-theme="dark"] .department-contact .btn.outline{background:#17283b}
html[data-theme="dark"] .department-hero .department-eyebrow{color:#8bc7ff}
html[data-theme="dark"] .department-breadcrumb a{color:#9eb6cd}
html[data-theme="dark"] .department-breadcrumb a:hover{color:#8bc7ff}

/* Service icons use a block box so the glyph is centered optically, not on its text baseline. */
.department-visual-icon iconify-icon{width:42px;height:42px}
.department-service-icon iconify-icon{width:26px;height:26px}
.department-benefit iconify-icon{width:19px;height:19px;align-self:center;margin-top:0}
.department-contact .btn iconify-icon{width:19px;height:19px}
@media(max-width:700px){.department-service-icon iconify-icon{width:25px;height:25px}}
@media(max-width:700px){.site-footer .footer-bottom{width:calc(100% - 36px);margin-inline:auto;padding:15px 0 max(18px,env(safe-area-inset-bottom));gap:7px;font-size:11px;line-height:1.9}.site-footer .footer-bottom a{min-height:36px;display:inline-flex;align-items:center}}
@media(max-width:700px){.commerce-page .department-service-grid>.department-service:last-child:before{transform:scaleX(1)}}

/* Department icon scale tokens, shared with the homepage scale. */
.department-visual-icon{--icon-size:var(--icon-display)}
.department-service-icon{--icon-size:var(--icon-lg)}
.department-benefit{--icon-size:var(--icon-sm)}
.department-contact .btn{--icon-size:var(--icon-sm)}
.department-visual-icon iconify-icon,.department-service-icon iconify-icon,.department-benefit iconify-icon,.department-contact .btn iconify-icon{width:var(--icon-size);height:var(--icon-size)}

/* Department cards keep their accent edge visible on touch screens. */
@media(max-width:700px){
  .department-service:before{transform:scaleX(1)}
  .department-service{padding:20px;border-radius:15px}
  .department-service-icon{width:46px;height:46px}
  .department-service-icon iconify-icon{width:27px;height:27px}
  .department-contact .btn{min-height:48px}
}