.services-directory{--navy:#102a43;--blue:#155eef;--orange:#ff6508;min-height:100vh;padding-bottom:90px;background:#f7f9fc}.services-directory-hero{position:relative;overflow:hidden;border-bottom:1px solid #dfe7f1;background:linear-gradient(135deg,#f7fbff,#fff 50%,#fff8f2)}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.hero-orb.orange{top:-190px;left:-100px;width:390px;height:390px;background:radial-gradient(circle,rgba(255,101,8,.15),transparent 68%)}.hero-orb.blue{right:-150px;bottom:-230px;width:430px;height:430px;background:radial-gradient(circle,rgba(21,94,239,.14),transparent 68%)}.services-hero-layout{position:relative;z-index:1;min-height:380px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:center;gap:55px;padding-block:48px}.services-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #cfe0ff;border-radius:999px;background:#edf4ff;color:#175cd3;font-size:12px;font-weight:900}.services-eyebrow i{font-size:18px}.services-hero-copy h1{margin:16px 0 12px;color:var(--navy);font-size:44px;font-weight:950;line-height:1.28}.services-hero-copy h1 em{color:var(--orange);font-style:normal}.services-hero-copy>p{max-width:680px;margin:0;color:#617083;font-size:15px;font-weight:600;line-height:2}.services-hero-copy>a{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:#175cd3;font-size:13px;font-weight:900}.services-hero-stats{overflow:hidden;border:1px solid #cdd9e8;border-radius:24px;background:#ffffffd9;box-shadow:0 24px 60px rgba(24,58,94,.1);backdrop-filter:blur(12px)}.services-hero-stats>div{display:flex;align-items:center;gap:13px;padding:17px 18px;border-bottom:1px solid #edf1f6}.services-hero-stats>div:last-child{border:0}.services-hero-stats>div>i{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#edf4ff;color:#175cd3}.services-hero-stats>div:nth-child(2)>i{background:#ecfdf3;color:#039855}.services-hero-stats>div:nth-child(3)>i{background:#fff2e8;color:#ff6508}.services-hero-stats span{display:flex;flex:1;align-items:center;justify-content:space-between}.services-hero-stats small,.services-hero-stats b{display:block}.services-hero-stats small{color:#667085;font-size:11px;font-weight:800}.services-hero-stats b{color:var(--navy);font-size:20px}.services-content{padding-top:34px}.services-search-panel{position:relative;margin-bottom:20px;padding:22px;border:1px solid #dfe7f0;border-radius:25px;background:#fff;box-shadow:0 15px 40px rgba(16,42,67,.07)}.services-search-panel:before{content:"";position:absolute;top:0;right:28px;width:85px;height:3px;background:linear-gradient(90deg,#155eef,#12b76a)}.services-search-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.services-search-panel>header>div{display:flex;align-items:center;gap:8px}.services-search-panel h2{margin:0;color:var(--navy);font-size:17px}.services-search-panel header i{color:#12a477}.services-search-panel header p{margin:0;color:#7c8797;font-size:11px;font-weight:700}.services-search.catalog-search{max-width:none;margin:0;padding:8px 12px;border-color:#cfe0e7;border-radius:17px;background:linear-gradient(135deg,#f0fdf7,#f2f8ff);box-shadow:none}.services-search>i{color:#12a477}.services-search input{height:44px;font-weight:800}.services-search button{height:46px;display:flex;align-items:center;gap:6px;padding:0 24px;background:linear-gradient(135deg,#155eef,#2677ee)}.services-search button i{font-size:18px}.services-search>a{display:grid;place-items:center;color:#98a2b3}.services-tabs{display:flex;gap:9px;margin-bottom:28px;overflow:auto;padding:2px 1px 5px}.services-tabs a{min-height:43px;display:flex;align-items:center;gap:7px;padding:0 16px;border:1px solid #dfe5ec;border-radius:13px;background:#fff;color:#5e6b7d;font-size:11px;font-weight:900;white-space:nowrap}.services-tabs a i{font-size:18px}.services-tabs a.active,.services-tabs a:hover{border-color:#b2ccff;background:#edf4ff;color:#175cd3}.services-results-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.services-results-head small{color:#ff6508;font-size:10px;font-weight:900}.services-results-head h2{margin:2px 0 0;color:var(--navy);font-size:22px}.services-results-head p{margin:0;color:#667085;font-size:12px;font-weight:800}.services-results-head p b{color:#155eef;font-size:18px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-directory-card{position:relative;overflow:hidden;min-height:245px;display:flex;flex-direction:column;padding:21px;border:1px solid #e0e7ef;border-radius:25px;background:#fff;box-shadow:0 8px 24px rgba(16,42,67,.055);transition:.25s}.service-directory-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 18px 38px rgba(16,42,67,.11)}.card-orbit{position:absolute;top:-42px;left:-42px;width:115px;height:115px;border:22px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%}.card-top,.service-directory-card footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.card-top>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);font-size:28px}.card-top em{display:flex;align-items:center;gap:3px;padding:5px 10px;border-radius:999px;background:#fff2e8;color:#ff6508;font-size:10px;font-style:normal;font-weight:900}.card-top em i{font-size:15px}.service-directory-card>section{margin:auto 0 15px}.service-directory-card h2{margin:20px 0 6px;color:var(--navy);font-size:18px}.service-directory-card section p{display:-webkit-box;overflow:hidden;margin:0;color:#667085;font-size:12px;line-height:1.8;-webkit-line-clamp:2;-webkit-box-orient:vertical}.service-directory-card footer{padding-top:13px;border-top:1px solid #edf1f5}.service-directory-card footer span,.service-directory-card footer b{display:flex;align-items:center;gap:5px;font-size:10px}.service-directory-card footer span{color:#667085;font-weight:800}.service-directory-card footer span i{color:#12a477;font-size:16px}.service-directory-card footer b{color:#175cd3}.service-directory-card footer b i{font-size:17px}.services-empty{grid-column:1/-1;padding:65px 20px;border:1px dashed #cbd8e6;border-radius:25px;background:#fff;text-align:center}.services-empty>i{color:#155eef;font-size:50px}.services-empty h2{color:var(--navy)}.services-empty p{color:#667085}.services-pagination{margin-top:28px}
@media(max-width:900px){.services-hero-layout{grid-template-columns:1fr;gap:28px}.services-hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}.services-hero-stats>div{border-bottom:0;border-left:1px solid #edf1f6}.services-hero-stats span{align-items:flex-start;flex-direction:column}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.services-hero-layout{padding-block:34px}.services-hero-copy h1{font-size:31px}.services-hero-copy>p{font-size:12px}.services-hero-stats{grid-template-columns:1fr}.services-hero-stats>div{border-bottom:1px solid #edf1f6;border-left:0}.services-hero-stats span{align-items:center;flex-direction:row}.services-content{padding-top:20px}.services-search-panel{padding:16px}.services-search-panel>header{align-items:flex-start;flex-direction:column;gap:4px}.services-search button{width:47px;padding:0;justify-content:center}.services-search button b{display:none}.services-grid{grid-template-columns:1fr}.service-directory-card{min-height:215px}}

/* Compact, higher-contrast directory hero. */
.services-directory-hero{border-bottom-color:#cbd8e6;background:linear-gradient(125deg,#edf5ff 0%,#fff 47%,#fff0e5 100%);box-shadow:0 14px 35px rgba(16,42,67,.09)}
.services-directory-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,94,239,.035) 1px,transparent 1px),linear-gradient(rgba(21,94,239,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 60%);pointer-events:none}
.services-hero-layout{min-height:285px;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:42px;padding-block:29px}
.services-hero-copy h1{margin:10px 0 7px;font-size:39px;line-height:1.2;letter-spacing:-.7px;text-shadow:0 2px 0 #fff}
.services-hero-copy>p{font-size:13px;font-weight:700;line-height:1.85}
.services-hero-copy>a{margin-top:12px;padding-bottom:3px;border-bottom:2px solid #b2ccff;font-size:12px}
.services-hero-stats{border-color:#b9cce2;border-radius:21px;background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(24,58,94,.15),inset 0 1px 0 #fff}
.services-hero-stats>div{gap:12px;padding:12px 15px;border-bottom-color:#e4edf6}
.services-hero-stats>div>i{width:40px;height:40px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(21,94,239,.08)}
.services-hero-stats b{font-size:19px;font-weight:950}
@media(max-width:900px){.services-hero-layout{grid-template-columns:1fr;gap:22px;min-height:auto;padding-block:28px}}
@media(max-width:640px){.services-hero-layout{padding-block:22px}.services-hero-copy h1{font-size:29px}.services-hero-copy>a{margin-top:9px}}

/* Hero metrics as compact visual badges below the headline. */
.services-hero-layout{display:block;min-height:0;padding-block:25px}
.services-hero-copy{max-width:100%}
.services-hero-copy h1{margin-bottom:13px}
.services-hero-copy h1{font-size:30px;font-weight:700;line-height:1.3;letter-spacing:-.2px}
.services-hero-copy h1 em{font-weight:700}
.services-hero-copy .services-hero-subtitle{margin:2px 0 12px;color:#66778b;font-size:13px;font-weight:400;line-height:1.7}
.services-hero-stats{display:flex;width:max-content;max-width:100%;gap:8px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.services-hero-stats>div{min-width:190px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #cfdae8!important;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 7px 18px rgba(16,42,67,.07)}
.services-hero-stats>div>i{width:36px;height:36px;flex:0 0 auto;border-radius:11px;font-size:20px}
.services-hero-stats span{display:flex;align-items:center;flex-direction:row;gap:12px;justify-content:space-between}
.services-hero-stats small{font-size:9px;white-space:nowrap}.services-hero-stats b{font-size:16px;white-space:nowrap}
.services-hero-copy>p{margin-top:12px}
.services-hero-stats+.services-hero-copy>a,.services-hero-stats+a{margin-top:11px}
@media(max-width:760px){.services-hero-copy h1{font-size:24px}.services-hero-stats{width:100%;overflow-x:auto;padding-bottom:5px}.services-hero-stats>div{min-width:175px}.services-hero-copy>p{margin-top:8px}}

/* Compact search card in the left side of the hero. */
.services-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:center;gap:28px}
.services-hero-search{width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.services-hero-search:before{display:none}
.services-hero-search>header{margin-bottom:9px}.services-hero-search>header h2{font-size:14px}.services-hero-search>header i{font-size:21px}
.services-hero-search .services-search{padding:4px 7px;border:1px solid rgba(178,196,216,.75);border-radius:13px;background:rgba(255,255,255,.55)}.services-hero-search .services-search input{height:39px;font-size:11px}.services-hero-search .services-search button{width:40px;height:40px;justify-content:center;padding:0;border-radius:11px}
.services-hero-stats>div{min-width:170px}.services-hero-stats small{font-size:8px}.services-hero-stats b{font-size:15px}
@media(max-width:900px){.services-hero-layout{grid-template-columns:1fr}.services-hero-search{max-width:none}.services-hero-stats>div{min-width:165px}}

@media(max-width:760px){
 .services-hero-stats{display:grid;width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding:0}
 .services-hero-stats>div{min-width:0;padding:7px 5px;gap:5px;border-radius:12px;box-shadow:0 4px 12px rgba(16,42,67,.05)}
 .services-hero-stats>div>i{width:30px;height:30px;flex:0 0 30px;border-radius:9px;font-size:17px}
 .services-hero-stats span{min-width:0;display:block}
 .services-hero-stats small,.services-hero-stats b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .services-hero-stats small{font-size:7px}.services-hero-stats b{margin-top:1px;font-size:13px}
}
@media(max-width:390px){.services-hero-stats>div{flex-direction:column;align-items:flex-start}.services-hero-stats small{font-size:6.5px}}
@media(max-width:640px){.services-tabs{display:none}}

/* Results header replaces the hidden filter tabs. */
.services-tabs{display:none}
.services-results-head{position:relative;align-items:center;margin:0 0 18px;padding:15px 18px 15px 20px;border:1px solid #dce5ef;border-radius:18px;background:linear-gradient(135deg,#fff,#f5f9ff);box-shadow:0 8px 22px rgba(16,42,67,.055);overflow:hidden}
.services-results-head:before{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:linear-gradient(180deg,#155eef,#12b76a)}
.services-results-head>div{display:flex;align-items:center;gap:9px}.services-results-head>div:before{content:"grid_view";width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e9f1ff;color:#155eef;font-family:"Material Symbols Rounded";font-size:20px}
.services-results-head small{display:none}.services-results-head h2{margin:0;font-size:19px;font-weight:950}
.services-results-head p{display:flex;align-items:center;gap:5px;padding:7px 11px;border-radius:12px;background:#edf4ff;color:#52657a;font-size:10px}.services-results-head p b{font-size:17px;font-weight:950}
@media(max-width:640px){.services-results-head{padding:12px 13px 12px 16px;border-radius:15px}.services-results-head>div:before{width:34px;height:34px}.services-results-head h2{font-size:16px}.services-results-head p{padding:5px 8px}.services-results-head p b{font-size:14px}}

/* Minimal hero statistics. */
.services-hero-stats{display:flex;width:auto;gap:18px;align-items:center;overflow:visible}
.services-hero-stats>div{min-width:0!important;padding:0!important;gap:5px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.services-hero-stats>div>i{width:auto!important;height:auto!important;flex:0 0 auto!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:16px!important}
.services-hero-stats span{display:flex;align-items:center;gap:4px}
.services-hero-stats small{font-size:8px;font-weight:600;color:#718096}.services-hero-stats b{margin:0;font-size:12px;font-weight:800;color:#243b53}
.services-hero-search .services-hero-stats{margin-top:10px;padding-top:9px;border-top:1px solid #edf1f5}
@media(max-width:760px){.services-hero-stats{display:flex;flex-wrap:wrap;gap:8px 14px}.services-hero-stats>div{display:flex;flex-direction:row;align-items:center}.services-hero-stats small{font-size:7px}.services-hero-stats b{font-size:11px}}
