html{scroll-behavior:smooth}
.home-section{padding:66px 0}
.home-heading{max-width:660px;margin-bottom:27px}
.home-heading h2{font-size:30px;margin:5px 0 9px;letter-spacing:-1px}
.home-heading p{font-size:15px;line-height:1.65;color:#516b8a;margin:0}
.eyebrow,.category-index{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#41617f}
.hero .heroGrid{align-items:center;min-height:435px;padding-top:42px;padding-bottom:42px}
.hero-copy h1{font-size:clamp(36px,3.6vw,49px);max-width:560px;margin:16px 0;line-height:1.13;letter-spacing:-1.9px}
.hero-copy p{max-width:480px;font-size:16px;line-height:1.65;margin:0}
.hero .actions{margin:25px 0 0;flex-wrap:wrap}
.hero-products{height:320px}
.category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.category-card{min-height:252px;display:flex;flex-direction:column;padding:27px;border:1px solid #dae5ef;background:#fff;border-radius:7px;transition:border-color .2s,transform .2s,box-shadow .2s}
.category-card:hover{border-color:#9db9d8;transform:translateY(-3px);box-shadow:0 13px 28px #16466d0d}
.category-card h3{font-size:20px;letter-spacing:-.5px;margin:21px 0 10px}
.category-card p{font-size:15px;line-height:1.6;color:#536d8b;margin:0 0 25px}
.category-card a{margin-top:auto;color:#0869e8;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:9px}
.category-card a span{font-size:20px;line-height:1}
.home-featured{background:#f7fbff}
.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.featured-card{min-width:0;display:flex;flex-direction:column;border:1px solid #dce6f0;border-radius:7px;background:#fff;overflow:hidden}
.featured-image{height:210px;min-height:0;padding:0;background:#f3f8fe;border-bottom:1px solid #e3ebf3;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.featured-image img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}
.featured-body{padding:20px;display:flex;flex-direction:column;flex:1}
.featured-category{font-size:11px;font-weight:700;color:#53708e}
.featured-card h3{font-size:20px;line-height:1.3;margin:8px 0}
.featured-card p{font-size:15px;line-height:1.6;color:#536d8b;margin:0 0 19px}
.featured-card a{margin-top:auto;color:#0869e8;font-size:14px;font-weight:800}
.featured-more{text-align:center;margin-top:28px}
.home-why{background:#fff}
.why-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:start}
.why-layout .home-heading{margin:0}
.why-points{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.why-points div{min-height:89px;border-top:1px solid #dce6f0;padding:17px 0;display:flex;align-items:flex-start;gap:15px}
.why-points b{color:#0869e8;font-size:12px}
.why-points span{font-size:16px;font-weight:700;line-height:1.45}
.why-points small{display:block;margin-top:5px;color:#536d8b;font-size:14px;font-weight:500;line-height:1.5}
.home-final{padding:36px 0;background:#eaf4ff}
.final-layout{display:flex;justify-content:space-between;align-items:center;gap:30px}
.home-final h2{font-size:28px;margin:0 0 9px}
.home-final p{font-size:16px;line-height:1.6;color:#516b8a;margin:0;max-width:630px}
.final-actions{display:flex;gap:10px;flex-shrink:0}
.final-actions .button{white-space:nowrap}
.services-view{display:none;background:#fbfdff;min-height:65vh;padding:28px 0 70px}
.services-view.active{display:block}
.services-view .crumb{font-size:12px;color:#66809e;margin-bottom:30px}
.services-view h1{font-size:36px;max-width:760px;margin:11px 0}
.services-view .lead{font-size:16px;color:#536d8b;max-width:750px;line-height:1.65;margin-bottom:35px}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.service-card{border:1px solid #dce6f0;border-radius:7px;background:#fff;padding:25px}
.service-image{height:190px;margin:-25px -25px 20px;background:#f3f8fe;border-bottom:1px solid #e3ebf3;display:grid;place-items:center;overflow:hidden;position:relative}
.service-image img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;visibility:hidden}
.service-image span{font-size:12px;color:#6882a0}
.service-image.image-ready img{visibility:visible}
.service-image.image-ready span{display:none}
.service-card h2{font-size:20px;margin:0 0 9px}
.service-card p{font-size:14px;line-height:1.6;color:#536d8b;margin:0}
.services-faq{margin-top:48px}
.services-faq>h2{font-size:27px;margin:0 0 18px}
.service-faq-group{border:1px solid #dce6f0;background:#fff;border-radius:6px;margin-bottom:9px}
.service-faq-group>summary{position:relative;list-style:none;cursor:pointer;padding:17px 45px 17px 19px;font-size:16px;font-weight:800}
.service-faq-group>summary::-webkit-details-marker,.service-faq-answers summary::-webkit-details-marker{display:none}
.service-faq-group>summary::after,.service-faq-answers summary::after{content:'+';position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:21px;font-weight:400;color:#0869e8}
.service-faq-group[open]>summary::after,.service-faq-answers details[open]>summary::after{content:'−'}
.service-faq-answers{padding:0 19px 14px}
.service-faq-answers details{border-top:1px solid #e2eaf2}
.service-faq-answers summary{position:relative;list-style:none;cursor:pointer;padding:14px 40px 14px 0;font-size:14px;font-weight:700}
.service-faq-answers p{font-size:14px;line-height:1.6;color:#536d8b;margin:0;padding:0 32px 16px 0}
.service-cta{margin-top:29px;padding:25px;background:#eaf4ff;display:flex;justify-content:space-between;align-items:center;gap:20px}
.service-cta p{font-size:14px;color:#536d8b;margin:5px 0 0}
@media(max-width:900px){.hero .heroGrid{grid-template-columns:1fr;gap:26px}.hero-products{width:min(100%,560px);margin:auto}.why-layout{gap:30px}.final-layout{align-items:flex-start;flex-direction:column}}
@media(max-width:750px){.home-section{padding:46px 0}.home-heading h2{font-size:26px}.hero .heroGrid{padding-top:42px;padding-bottom:35px}.hero-copy h1{font-size:35px}.hero-products{height:300px;margin-top:0}.category-cards,.featured-grid,.service-grid{grid-template-columns:1fr}.category-card{min-height:220px}.featured-image{height:200px}.why-layout{grid-template-columns:1fr}.why-points{grid-template-columns:1fr 1fr}.final-actions{flex-wrap:wrap}.services-view h1{font-size:29px}.service-cta{display:block}.service-cta .button{margin-top:15px}}
@media(max-width:430px){.hero .actions,.final-actions{display:flex;flex-direction:column;align-items:stretch}.hero .actions .button,.final-actions .button{text-align:center}.hero-products{height:250px}.why-points{grid-template-columns:1fr}.why-points div{min-height:65px}.home-final h2{font-size:23px}}