/* V3 — Technologia i kolor. Shared chrome + independent home layout. */
:root{--sp3-ink:#102e43;--sp3-text:#4d6473;--sp3-teal:#007e89;--sp3-line:#dce6eb;--sp3-wash:#f1f6f8}
body.sp-site{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--sp3-ink)}
.sp-site .sp-shell{width:min(calc(100% - 64px),1240px)}
.sp-site .sp-header{background:#fff;box-shadow:none;position:relative}
.sp-site .sp-topbar{background:#102e43!important;color:#fff;border:0}
.sp-site .sp-topbar__item{font-size:15px!important;color:#fff!important;background:none!important;border:0!important;box-shadow:none!important}
.sp-site .sp-topbar__icon{color:#90dbe1!important}
.sp-site .sp-topbar__location{display:none}
.sp-site .sp-navbar{background:#fff!important;backdrop-filter:none;border-bottom:1px solid var(--sp3-line)}
.sp-site .sp-navbar__inner{min-height:100px;gap:24px}
.sp-site .sp-brand{flex:0 0 220px}
.sp-site .sp-nav{gap:22px}
.sp-site .sp-nav>a:not(.sp-btn){font-size:17px!important;color:var(--sp3-ink)}
.sp-site .sp-btn--header{background:var(--sp3-teal)!important;color:#fff!important;box-shadow:none!important;font-size:17px!important;padding:15px 20px!important;border-radius:8px}
.sp-site .sp-footer{background:#102e43!important;padding:48px 0 24px}
.sp-site .sp-footer p,.sp-site .sp-footer__nav a,.sp-site .sp-footer__contact-links a{font-size:16px!important;line-height:1.65;color:#ccdde5}
.sp-site .sp-footer small,.sp-site .sp-footer__registry span,.sp-site .sp-footer__bottom{font-size:14px!important}
.sp-site .sp-footer__main{gap:32px}
.sp3{background:#fff;color:var(--sp3-ink);font-size:19px;line-height:1.6}
.sp3 *{box-sizing:border-box;min-width:0}
.sp3 a{text-decoration:none;color:inherit}
.sp3 h1,.sp3 h2,.sp3 h3,.sp3 p{margin:0}
.sp3 h1{font-size:clamp(40px,4.5vw,64px);line-height:1.06;letter-spacing:-2.3px;font-weight:700;margin-bottom:24px}
.sp3 h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-1.2px;font-weight:700}
.sp3 h3{font-size:25px;line-height:1.25;letter-spacing:-.5px;font-weight:650}
.sp3 p{color:var(--sp3-text)}
.sp3 .sp3-kicker{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:1.6px;color:var(--sp3-teal);margin-bottom:16px}
.sp3-hero{padding:65px 0 60px;background:var(--sp3-wash)}
.sp3-hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:center}
.sp3-lead{font-size:21px;line-height:1.6;max-width:510px}
.sp3-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sp3 .sp3-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--sp3-teal);color:#fff;font-size:18px;font-weight:650;border-radius:8px;padding:15px 23px;min-height:54px;border:1px solid var(--sp3-teal);transition:background .15s,transform .15s}
.sp3 .sp3-btn-outline{background:transparent;color:var(--sp3-ink);border-color:#aabcc8}
.sp3 .sp3-btn:hover{background:#006772;color:#fff;transform:translateY(-2px)}
.sp3 .sp3-hero-note{font-size:16px;margin-top:25px;color:#3f596a}
.sp3-hero-art{position:relative;padding:16px 0 0 16px}
.sp3-hero-art:before{content:"";position:absolute;inset:0 22px 20px 0;background:#d7e9ed;border-radius:28px 28px 5px 28px}
.sp3-image{position:relative;border-radius:22px 22px 4px 22px;overflow:hidden;background:#102e43}
.sp3-image img{display:block;width:100%;height:auto;aspect-ratio:1.66;object-fit:cover}
.sp3-image-caption{position:relative;background:#fff;margin:-4px 0 0 32px;padding:19px 22px;border-radius:0 0 0 18px;border-bottom:3px solid var(--sp3-teal)}
.sp3-image-caption span{display:block;font-size:13px;font-weight:700;letter-spacing:1.5px;color:var(--sp3-teal);margin-bottom:5px}
.sp3-image-caption strong{font-size:18px}
.sp3-shop,.sp3-services,.sp3-process{padding:66px 0}
.sp3-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}
.sp3 .sp3-link{font-size:17px;font-weight:650;white-space:nowrap;color:var(--sp3-teal)}
.sp3-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sp3-feature{display:flex;flex-direction:column;background:var(--sp3-wash);border:1px solid var(--sp3-line);border-radius:20px 20px 5px 20px;overflow:hidden}
.sp3-feature-top{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}
.sp3-tag{font-size:13px;letter-spacing:1px;font-weight:700;color:var(--sp3-teal)}
.sp3-arrow{font-size:27px}
.sp3-feature-photo{height:225px;display:flex;align-items:center;justify-content:center;padding:18px 35px}
.sp3-feature-photo img{max-height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
.sp3-feature-copy{padding:18px 28px 28px;background:#fff;margin:0 12px 12px;border-radius:12px 12px 3px 12px;flex:1}
.sp3-feature-copy h3{font-size:32px;margin:7px 0 12px}
.sp3-feature-copy p{font-size:18px;margin-bottom:20px;max-width:440px}
.sp3-feature-copy strong{font-size:18px;color:var(--sp3-teal)}
.sp3-category-stack{display:grid;gap:20px;grid-template-rows:1fr 1fr}
.sp3-category{position:relative;padding:28px;border-radius:20px 20px 5px 20px;overflow:hidden;min-height:240px;display:flex;align-items:center}
.sp3-category>div:first-child{position:relative;z-index:2;width:72%}
.sp3-category h3{font-size:29px;margin-bottom:12px}
.sp3-category p{font-size:18px;margin-bottom:24px;max-width:260px}
.sp3-category strong{font-size:17px}
.sp3 .sp3-category-ink{background:#102e43;color:#fff}
.sp3 .sp3-category-ink p{color:#d3e2eb}
.sp3 .sp3-category-ink .sp3-kicker{color:#9edce3}
.sp3 .sp3-category-paper{background:#e3eff1;color:#102e43}
.sp3-cartridges{position:absolute;right:-6px;bottom:-10px;width:165px;height:185px;display:flex;align-items:flex-end;gap:8px;transform:rotate(-14deg)}
.sp3-cartridges i{display:block;width:30px;height:145px;background:linear-gradient(90deg,#077f9b,#21bdd2);border-radius:7px 7px 0 0;box-shadow:7px 0 10px #0002;border-top:18px solid #bdced6}
.sp3-cartridges i:nth-child(2){background:linear-gradient(90deg,#b52270,#ef51a4);height:170px}.sp3-cartridges i:nth-child(3){background:linear-gradient(90deg,#d3a520,#ffe277);height:155px}.sp3-cartridges i:nth-child(4){background:linear-gradient(90deg,#15222c,#4b5b68);height:180px}
.sp3-roll{position:absolute;right:-26px;bottom:-55px;width:170px;height:215px;transform:rotate(-18deg);background:linear-gradient(90deg,#c3d4db,#fff 38%,#f5f9fa);border-radius:50% 50% 0 0 / 18% 18% 0 0;box-shadow:-10px 15px 25px #102e4320}
.sp3-roll:before{content:"";position:absolute;top:0;left:0;right:0;height:58px;border-radius:50%;background:radial-gradient(ellipse,#8196a4 0 18%,#d5e0e5 19% 28%,#fff 30% 63%,#b5c7d0 66%,#fff 69%)}
.sp3-roll:after{content:"";position:absolute;top:85px;left:20px;right:25px;height:90px;background:repeating-linear-gradient(0deg,transparent 0 13px,#c5d7dc 14px 15px),repeating-linear-gradient(90deg,transparent 0 20px,#d6e3e8 21px 22px);opacity:.7}
.sp3-products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.sp3-products a{display:flex;gap:16px;align-items:center;padding:20px;border:1px solid var(--sp3-line);border-radius:10px}
.sp3-products small{display:block;font-size:15px;color:var(--sp3-text)}
.sp3-products strong{display:block;font-size:18px;font-weight:650}
.sp3-products b{margin-left:auto;font-size:22px}
.sp3-dot{width:16px;height:45px;border-radius:4px;flex-shrink:0}.sp3-dot-yellow{background:#edca39}.sp3-dot-magenta{background:#d33383}.sp3-dot-black{background:#102e43}
.sp3-services{background:var(--sp3-wash)}
.sp3-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sp3-service{display:flex;flex-direction:column;padding:28px;border-radius:18px 18px 4px 18px;overflow:hidden}
.sp3-service-number{font-size:14px;letter-spacing:1.5px;font-weight:700}
.sp3-service h3{margin-bottom:16px;min-height:63px}
.sp3-service p{font-size:18px;margin-bottom:25px;flex:1}
.sp3-service strong{font-size:17px}
.sp3 .sp3-service-dark{background:#102e43;color:#fff}.sp3 .sp3-service-dark p{color:#d0e0e9}
.sp3 .sp3-service-light{background:#fff;border:1px solid #dce6eb}
.sp3 .sp3-service-teal{background:#007480;color:#fff}.sp3 .sp3-service-teal p{color:#def0f1}
.sp3-service-graphic{height:100px;position:relative;margin:15px 0 18px;overflow:hidden}
.sp3-diagnosis{background:linear-gradient(90deg,transparent 49%,#ffffff0c 50%),linear-gradient(transparent 49%,#ffffff0c 50%);background-size:20px 20px}
.sp3-diagnosis i{position:absolute;top:20px;left:60%;width:65px;height:65px;border:2px solid #72ced6;border-radius:50%}.sp3-diagnosis i:nth-child(2){width:34px;height:34px;top:36px;left:calc(60% + 16px);border-color:#bddfe5}.sp3-diagnosis i:nth-child(3){width:150px;height:1px;left:25%;top:53px;border:0;background:#72ced6;border-radius:0}
.sp3-lines{display:flex;gap:10px;align-items:center;justify-content:center;transform:rotate(-12deg)}.sp3-lines i{width:24px;height:68px;background:#dcebee;border-radius:4px}.sp3-lines i:nth-child(2){height:83px;background:#9bcfd5}.sp3-lines i:nth-child(3){height:96px;background:#007e89}.sp3-lines i:nth-child(4){height:83px;background:#9bcfd5}
.sp3-components{display:flex;align-items:center;justify-content:center;gap:10px}.sp3-components i{width:55px;height:55px;border:2px solid #ffffff7a;border-radius:8px;transform:rotate(-15deg)}.sp3-components i:nth-child(2){background:#ffffff25;transform:rotate(15deg);width:75px;height:75px}
.sp3-brands{border-bottom:1px solid var(--sp3-line);padding:28px 0}
.sp3-brand-row{display:flex;align-items:center;gap:35px;justify-content:space-between;flex-wrap:wrap}
.sp3-brand-row>span{font-size:17px;color:var(--sp3-text)}
.sp3-brand-row a{font-size:28px;font-weight:700}.sp3-brand-row a span{font-size:18px;color:var(--sp3-teal)}.sp3-brand-row .sp3-brand-other{font-size:17px;color:var(--sp3-teal)}
.sp3-process-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}
.sp3-process ol{margin:0;padding:0;list-style:none}.sp3-process li{display:flex;gap:24px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--sp3-line)}.sp3-process li:last-child{margin:0;padding-bottom:0;border:0}.sp3-process li>span{font-size:18px;color:var(--sp3-teal);font-weight:650}.sp3-process h3{font-size:22px;margin-bottom:6px}.sp3-process p{font-size:18px}
.sp3-contact{padding:48px 0;background:#e3eff1}.sp3-contact-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.sp3-contact h2{margin-bottom:22px}.sp3 .sp3-phone{font-size:38px;line-height:1.2;letter-spacing:-1px;font-weight:700}.sp3-contact p:not(.sp3-kicker){font-size:18px;margin-top:10px}
.sp3 a:focus-visible{outline:3px solid #d19620;outline-offset:5px}.sp3-feature:hover,.sp3-category:hover,.sp3-service:hover,.sp3-products a:hover{box-shadow:0 10px 24px #102e4312}
@media(max-width:1080px){.sp-site .sp-nav{background:#fff!important}.sp3-hero-grid{gap:30px}.sp3-shop-grid{gap:20px}.sp3-category{padding:24px}.sp3-category h3{font-size:25px}.sp3-products{gap:12px}.sp3-products a{padding:16px;gap:10px}.sp3-products strong{font-size:16px}.sp3-products small{font-size:14px}.sp3-cartridges{right:-40px}.sp3-roll{right:-55px}.sp3-service{padding:24px}}
@media(max-width:760px){.sp-site .sp-shell{width:calc(100% - 36px)}.sp-site .sp-navbar__inner{min-height:85px}.sp-site .sp-brand{flex:0 1 195px}.sp3-hero{padding:38px 0}.sp3-hero-grid,.sp3-shop-grid,.sp3-service-grid,.sp3-process-grid{grid-template-columns:1fr}.sp3-hero-grid{gap:30px}.sp3 h1{letter-spacing:-1.5px}.sp3-lead{font-size:19px}.sp3-hero-art{max-width:620px}.sp3-shop,.sp3-services,.sp3-process{padding:42px 0}.sp3-section-head{align-items:flex-start;flex-direction:column;gap:16px}.sp3-feature-photo{height:230px}.sp3-category-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.sp3-category{min-height:290px;padding:22px;align-items:flex-start}.sp3-category>div:first-child{width:100%}.sp3-category h3{font-size:25px}.sp3-category p{margin-bottom:18px}.sp3-cartridges{height:100px;opacity:.3}.sp3-roll{height:135px;opacity:.35}.sp3-products{grid-template-columns:1fr}.sp3-products strong{font-size:18px}.sp3-products small{font-size:15px}.sp3-service h3{min-height:0}.sp3-service-graphic{height:80px}.sp3-brand-row{gap:20px}.sp3-brand-row>span{width:100%}.sp3-process-grid{gap:30px}.sp3-contact-grid{align-items:flex-start;flex-direction:column}.sp3-contact .sp3-phone{font-size:34px}.sp-site .sp-footer__main{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.sp3-category-stack{grid-template-columns:1fr}.sp3-category{min-height:230px}.sp3-category>div:first-child{width:80%}.sp3-cartridges{height:175px;opacity:1;right:-45px}.sp3-roll{height:195px;opacity:1}.sp3 .sp3-btn{padding:14px 18px;gap:15px}.sp3-image-caption{margin-left:15px;padding:16px}.sp3-image-caption strong{font-size:16px}.sp3 .sp3-kicker{font-size:13px}.sp-site .sp-footer__main{grid-template-columns:1fr}.sp3-contact p:not(.sp3-kicker){display:flex;flex-wrap:wrap;gap:7px}}
@media(prefers-reduced-motion:reduce){.sp3 .sp3-btn{transition:none}.sp3 .sp3-btn:hover{transform:none}}
/* 3.0.1 — wider composition, explicit dark-tile contrast, flat logo. */
.sp-site .sp-shell{width:min(calc(100% - 80px),1440px)}
.sp3 :is(h1,h2,h3){color:var(--sp3-ink)}
.sp3 :is(.sp3-category-ink,.sp3-service-dark,.sp3-service-teal) :is(h2,h3,strong){color:#fff!important}
.sp-site .sp-brand__visual{background-image:url('../images/logo-clean.svg')!important;filter:none!important;box-shadow:none!important;width:245px;height:64px;background-size:contain;background-position:left center;background-repeat:no-repeat}
.sp-site .sp-brand{flex-basis:245px}
.sp-site .sp-footer__logo>span{background-image:url('../images/logo-clean-white.svg')!important;filter:none!important;box-shadow:none!important;background-size:contain;background-position:left center;background-repeat:no-repeat;width:245px;height:64px}
.sp-site .sp-footer__logo{width:245px;height:64px;margin:0 0 20px}
.sp-site .sp-btn--header:is(:hover,:focus-visible){background:#005d68!important;color:#fff!important;border-color:#005d68!important;box-shadow:0 4px 12px #102e4320!important}
.sp3 .sp3-btn:is(:hover,:focus-visible){background:#005d68;color:#fff;border-color:#005d68;transform:none}
.sp-site .sp-footer{padding:0!important}
.sp-site .sp-footer__main{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr) minmax(0,.85fr) minmax(0,1.15fr)!important;gap:44px!important;padding:44px 0 28px!important;align-items:start}
.sp-site .sp-footer__main>*{min-width:0;grid-column:auto!important}
.sp-site .sp-footer__nav{gap:12px}
.sp-site .sp-footer__nav>strong,.sp-site .sp-footer__locations>strong{font-size:16px;margin:0 0 16px;line-height:1.4}
.sp-site .sp-footer__locations{display:flex!important;flex-direction:column;gap:16px!important;align-items:stretch}
.sp-site .sp-footer__location-card{width:100%;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.sp-site .sp-footer__location-card>span{font-size:15px!important;color:#fff}
.sp-site .sp-footer__location-card p{margin:6px 0 0!important}
.sp-site .sp-footer__registry{display:grid;grid-template-columns:1fr!important;gap:4px;margin-top:8px}
.sp-site .sp-footer__registry>span{display:block;width:auto!important;padding:0!important;border:0!important;background:none!important;white-space:normal;font-size:14px!important;font-weight:400}
.sp-site .sp-footer__contact-links{display:flex;gap:10px;flex-wrap:wrap}
.sp-site .sp-footer__contact-links a{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font-weight:500}
.sp-site .sp-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0!important;margin:0!important;min-height:0;border-top:1px solid #ffffff20}
.sp-site .sp-footer__bottom p{margin:0!important;line-height:1.4}
.sp-site .sp-footer__copyright,.sp-site .sp-footer__network{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.sp-site .sp-footer__bottom a,.sp-site .sp-footer__network span{font-size:14px!important}
@media(max-width:1080px){.sp-site .sp-footer__main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:30px!important}.sp-site .sp-footer__locations{grid-column:auto!important}.sp-site .sp-brand{flex-basis:220px}.sp-site .sp-brand__visual{width:220px}}
@media(max-width:760px){.sp-site .sp-shell{width:calc(100% - 36px)}.sp-site .sp-footer__main{padding:30px 0 24px!important}.sp-site .sp-footer__bottom{align-items:flex-start;flex-direction:column;padding:14px 0!important}.sp-site .sp-brand{flex-basis:195px}.sp-site .sp-brand__visual{width:195px;height:52px}}
@media(max-width:520px){.sp-site .sp-footer__main{grid-template-columns:1fr!important;gap:26px!important}.sp-site .sp-footer__nav{gap:10px}.sp-site .sp-footer__registry{grid-template-columns:1fr!important}}
/* 3.0.2 — editorial process cards and a distinct contact composition. */
.sp3-process{background:#fff;padding:70px 0 60px}
.sp3 .sp3-process-intro{font-size:19px;line-height:1.6;margin:0;max-width:400px}
.sp3 .sp3-steps-premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:36px 0 0;list-style:none;counter-reset:none}
.sp3 .sp3-steps-premium li{position:relative;display:flex;flex-direction:column;gap:0;margin:0;padding:28px 30px 32px;border:1px solid #d4e3e8;border-radius:22px 22px 4px 22px;background:#eef5f7;overflow:hidden;min-height:340px}
.sp3 .sp3-steps-premium li:nth-child(2){background:#e3eff1}
.sp3 .sp3-steps-premium li:nth-child(3){background:#102e43;border-color:#102e43;color:#fff}
.sp3-step-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px}
.sp3-step-head>span{font-size:66px!important;line-height:1!important;font-weight:300!important;letter-spacing:-4px;color:#007e89!important}
.sp3-step-head>b{font-size:28px;font-weight:400;color:#007e89;line-height:1}
.sp3 .sp3-step-label{display:block;font-size:12px;font-weight:700;letter-spacing:1.3px;color:#436673;margin-bottom:15px}
.sp3 .sp3-steps-premium h3{font-size:26px;line-height:1.2;letter-spacing:-.5px;margin-bottom:15px;color:#102e43}
.sp3 .sp3-steps-premium p{font-size:18px;line-height:1.6}
.sp3 .sp3-steps-premium li:nth-child(3) :is(h3,p){color:#fff!important}
.sp3 .sp3-steps-premium li:nth-child(3) :is(.sp3-step-label,.sp3-step-head>span,.sp3-step-head>b){color:#91d9df!important}
.sp3-contact{padding:0 0 60px;background:#fff}
.sp3-contact-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:56px 60px;background:#102e43;color:#fff;border-radius:26px 26px 5px 26px}
.sp3-contact-panel:before{content:"";position:absolute;z-index:-1;inset:auto auto -220px -220px;width:620px;height:620px;border:1px solid #2a5265;border-radius:50%;box-shadow:0 0 0 50px #17415440,0 0 0 100px #17415420;pointer-events:none}
.sp3 .sp3-contact-panel h2{color:#fff!important;font-size:clamp(34px,3.4vw,49px);line-height:1.12;margin:0 0 23px;letter-spacing:-1.6px}
.sp3 .sp3-contact-panel .sp3-kicker{color:#91d9df}
.sp3 .sp3-contact-copy>p:not(.sp3-kicker){font-size:19px;color:#d0e2eb;line-height:1.65;margin:0 0 27px;display:block}
.sp3 .sp3-contact-panel .sp3-btn{background:#fff;color:#102e43;border-color:#fff;min-width:260px;justify-content:space-between}
.sp3 .sp3-contact-panel .sp3-btn:is(:hover,:focus-visible){background:#96dce2;color:#102e43;border-color:#96dce2}
.sp3-contact-hours{display:block;font-size:15px;color:#b3cbd7;margin-top:20px}
.sp3-contact-methods{display:grid;gap:14px;align-content:center}
.sp3 .sp3-contact-card{display:flex;flex-direction:column;padding:23px 28px;border:1px solid #456779;border-radius:12px;background:#1a3b50;transition:background .15s,border-color .15s}
.sp3-contact-label{display:flex;justify-content:space-between;gap:16px;color:#9bdce1;font-size:13px;letter-spacing:1.2px;font-weight:650}
.sp3-contact-label b{font-size:22px;line-height:1;font-weight:400}
.sp3 .sp3-contact-card>strong{display:block;font-size:clamp(27px,3vw,40px)!important;letter-spacing:-1px;line-height:1.3;color:#fff!important;font-weight:650;margin:7px 0}
.sp3-contact-detail{color:#c0d5df;font-size:16px}
.sp3 .sp3-contact-card:is(:hover,:focus-visible){background:#245267;border-color:#91d9df}
.sp3 .sp3-contact-mail{display:grid;grid-template-columns:1fr auto;gap:3px 15px;align-items:center;padding:15px 28px;color:#fff}
.sp3-contact-mail>span{font-size:15px;color:#b3cbd7}
.sp3-contact-mail>strong{font-size:23px;color:#fff!important;grid-row:2}
.sp3-contact-mail>b{grid-column:2;grid-row:1/3;font-size:27px;font-weight:400;color:#91d9df}
@media(max-width:1080px){.sp3-contact-panel{padding:40px;gap:35px}.sp3 .sp3-steps-premium li{padding:25px;min-height:350px}.sp3 .sp3-steps-premium h3{font-size:24px}}
@media(max-width:760px){.sp3-process{padding:42px 0}.sp3 .sp3-steps-premium{grid-template-columns:1fr;margin-top:25px;gap:16px}.sp3 .sp3-steps-premium li{min-height:0;padding:25px}.sp3-step-head{margin-bottom:22px}.sp3-step-head>span{font-size:52px!important}.sp3-contact{padding-bottom:36px}.sp3-contact-panel{grid-template-columns:1fr;padding:30px 24px;gap:32px}.sp3 .sp3-contact-panel h2{font-size:36px}.sp3 .sp3-contact-card{padding:20px}.sp3 .sp3-contact-card>strong{font-size:32px!important}.sp3 .sp3-contact-mail{padding:12px 20px}.sp3 .sp3-contact-panel .sp3-btn{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.sp3 .sp3-contact-card{transition:none}}
/* 3.0.3 — service illustrations animate on entry and interaction. */
.sp3 .sp3-service,.sp3 .sp3-category,.sp3 .sp3-feature,.sp3 .sp3-products a{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.sp3 .sp3-service:is(:hover,:focus-visible){transform:translateY(-8px);box-shadow:0 18px 36px #102e4324}
.sp3 .sp3-category:is(:hover,:focus-visible),.sp3 .sp3-feature:is(:hover,:focus-visible){transform:translateY(-5px)}
.sp3-service-graphic i{transition:transform .65s cubic-bezier(.2,.7,.2,1),background .4s}
.sp3-service:is(:hover,:focus-visible) .sp3-diagnosis i:first-child{transform:scale(1.18)}
.sp3-service:is(:hover,:focus-visible) .sp3-diagnosis i:nth-child(2){transform:scale(.75)}
.sp3-service:is(:hover,:focus-visible) .sp3-diagnosis i:nth-child(3){transform:translateX(18px)}
.sp3-service:is(:hover,:focus-visible) .sp3-lines i:nth-child(odd){transform:translateY(-12px)}
.sp3-service:is(:hover,:focus-visible) .sp3-lines i:nth-child(even){transform:translateY(10px)}
.sp3-service:is(:hover,:focus-visible) .sp3-components i:first-child{transform:translateX(-10px) rotate(-30deg)}
.sp3-service:is(:hover,:focus-visible) .sp3-components i:nth-child(2){transform:rotate(0deg) scale(1.08)}
.sp3-service:is(:hover,:focus-visible) .sp3-components i:last-child{transform:translateX(10px) rotate(15deg)}
.sp3-service.sp3-entered .sp3-diagnosis i:first-child{animation:sp3-ring-entry 1.4s ease-out 1}
.sp3-service.sp3-entered .sp3-lines i{animation:sp3-bar-entry 1s ease-out 1;animation-delay:calc(var(--sp3-bar,0)*100ms)}
.sp3-lines i:nth-child(2){--sp3-bar:1}.sp3-lines i:nth-child(3){--sp3-bar:2}.sp3-lines i:nth-child(4){--sp3-bar:3}.sp3-lines i:nth-child(5){--sp3-bar:4}
.sp3-service.sp3-entered .sp3-components i{animation:sp3-component-entry 1.2s ease-out 1}
@keyframes sp3-ring-entry{0%{transform:scale(.7);opacity:.4}50%{transform:scale(1.25)}100%{transform:scale(1);opacity:1}}
@keyframes sp3-bar-entry{0%{translate:0 18px}50%{translate:0 -10px}100%{translate:0 0}}
@keyframes sp3-component-entry{0%{translate:0 15px;opacity:.5}60%{translate:0 -5px}100%{translate:0 0;opacity:1}}
@media(prefers-reduced-motion:reduce){.sp3 .sp3-service,.sp3 .sp3-category,.sp3 .sp3-feature,.sp3 .sp3-products a,.sp3-service-graphic i{transition:none!important;animation:none!important}.sp3-service-graphic i{animation:none!important;transform:none!important}.sp3 .sp3-service:is(:hover,:focus-visible),.sp3 .sp3-category:is(:hover,:focus-visible),.sp3 .sp3-feature:is(:hover,:focus-visible){transform:none}}
/* 3.0.4 — compact footer navigation and unmistakable contact items. */
.sp-site .sp-footer__main{grid-template-columns:minmax(0,1.2fr) minmax(0,.55fr) minmax(0,.8fr) minmax(0,1.5fr)!important;gap:30px!important}
.sp-site .sp-footer__nav{display:flex!important;flex-direction:column!important;gap:0!important;align-items:flex-start}
.sp-site .sp-footer__nav>a{padding:4px 0!important;margin:0!important;line-height:1.5!important;min-height:0!important}
.sp-site .sp-footer__nav>strong{margin:0 0 12px!important}
.sp-site .sp-footer__registry{display:flex!important;flex-wrap:wrap!important;gap:6px 14px!important;grid-template-columns:none!important;margin-top:12px}
.sp-site .sp-footer__registry>span,.sp-site .sp-footer__registry b{font-weight:400!important;font-size:14px!important;line-height:1.6!important;white-space:nowrap!important;color:#ccdde5!important}
.sp-site .sp-footer__contact-links{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:20px!important;width:100%}
.sp-site .sp-footer__contact-links>a{display:flex!important;align-items:center!important;gap:13px!important;white-space:normal!important;padding:10px 13px!important;border:1px solid #ffffff26!important;border-radius:8px!important;background:#ffffff06!important;min-height:64px;line-height:1.3!important;color:#fff!important;transition:background .2s,border-color .2s}
.sp-site .sp-footer__contact-links>a:is(:hover,:focus-visible){background:#ffffff12!important;border-color:#92d9df!important}
.sp-site .sp-footer-contact-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#91d9df18;color:#91d9df;font-size:22px}
.sp-site .sp-footer__contact-links small{display:block!important;font-size:13px!important;color:#b7ceda!important;font-weight:400!important;line-height:1.3!important;margin-bottom:5px}
.sp-site .sp-footer__contact-links strong{display:block;font-size:19px!important;font-weight:600!important;line-height:1.25!important;color:#fff!important;overflow-wrap:anywhere}
@media(max-width:1080px){.sp-site .sp-footer__main{grid-template-columns:1fr 1fr!important;gap:28px!important}}
@media(max-width:520px){.sp-site .sp-footer__main{grid-template-columns:1fr!important}.sp-site .sp-footer__nav>a{padding:8px 0!important}.sp-site .sp-footer__registry{gap:5px 12px!important}}
@media(prefers-reduced-motion:reduce){.sp-site .sp-footer__contact-links>a{transition:none}}
/* 3.0.5 — manufacturer navigation as clearly defined service tiles. */
.sp3-brands{padding:48px 0;background:#fff;border-bottom:1px solid #dce6eb}
.sp3-brands-heading{margin-bottom:25px}
.sp3-brands-heading h2{font-size:clamp(28px,2.8vw,38px)}
.sp3 .sp3-brand-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%}
.sp3 .sp3-brand-tile{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;min-height:160px;padding:27px 25px;background:#f1f6f8;border:1px solid #dce6eb;border-radius:14px 14px 4px 14px;overflow:hidden;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}
.sp3-brand-tile:before{content:"";position:absolute;left:0;top:25px;bottom:25px;width:3px;background:#007e89}
.sp3 .sp3-brand-tile .sp3-brand-word{font-size:34px!important;letter-spacing:-.7px;line-height:1.15;font-weight:700;color:#102e43}
.sp3 .sp3-brand-tile .sp3-brand-desc{font-size:16px!important;font-weight:400;color:#4d6473;line-height:1.5;padding-right:15px}
.sp3-brand-tile>b{position:absolute;right:22px;top:24px;font-size:25px;line-height:1;color:#007e89;font-weight:400;transition:transform .25s}
.sp3 .sp3-brand-tile.sp3-brand-other{background:#102e43;border-color:#102e43}
.sp3 .sp3-brand-other .sp3-brand-word{font-size:28px!important;color:#fff}
.sp3 .sp3-brand-other .sp3-brand-desc{color:#c9dfe8}
.sp3-brand-other>b{color:#91d9df}
.sp3 .sp3-brand-tile:is(:hover,:focus-visible){transform:translateY(-5px);border-color:#007e89;box-shadow:0 12px 22px #102e4314;background:#e3eff1}
.sp3 .sp3-brand-other:is(:hover,:focus-visible){background:#1c465a;border-color:#91d9df}
.sp3-brand-tile:is(:hover,:focus-visible)>b{transform:translate(3px,-3px)}
@media(max-width:900px){.sp3 .sp3-brand-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sp3-brands{padding:36px 0}.sp3 .sp3-brand-row{grid-template-columns:1fr;gap:12px}.sp3 .sp3-brand-tile{min-height:132px;padding:23px;gap:12px}}
@media(prefers-reduced-motion:reduce){.sp3 .sp3-brand-tile,.sp3-brand-tile>b{transition:none}.sp3 .sp3-brand-tile:is(:hover,:focus-visible),.sp3-brand-tile:is(:hover,:focus-visible)>b{transform:none}}
/* 3.0.6 — compact contact strip across the footer, not a tall stack. */
.sp-site .sp-footer__main{row-gap:20px!important;padding:32px 0 20px!important}
.sp-site .sp-footer__main>.sp-footer__contact-links{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap;gap:12px!important;width:100%;margin:0!important;align-items:stretch}
.sp-site .sp-footer__contact-links>a{flex:0 1 auto;min-height:54px!important;padding:8px 14px!important;gap:10px!important}
.sp-site .sp-footer-contact-icon{width:28px;height:28px;flex-basis:28px;font-size:18px}
.sp-site .sp-footer__contact-links small{font-size:12px!important;margin-bottom:3px}
.sp-site .sp-footer__contact-links strong{font-size:16px!important;line-height:1.2!important}
.sp-site .sp-footer__logo{margin-bottom:12px}
.sp-site .sp-footer__brand>p{margin:10px 0!important}
@media(max-width:520px){.sp-site .sp-footer__main>.sp-footer__contact-links{gap:8px!important}.sp-site .sp-footer__contact-links>a{flex:1 1 210px}.sp-site .sp-footer__main{padding:26px 0 16px!important}}

/* 3.0.7 — fluid process intro, animated steps and compact contact panel. */
.sp3 .sp3-process .sp3-section-head{flex-wrap:wrap;column-gap:24px;row-gap:16px}
.sp3 .sp3-process-intro{max-width:none;flex:0 1 auto;font-size:18px;line-height:1.5}
.sp3 .sp3-steps-premium li{transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
.sp3 .sp3-steps-premium li:hover{transform:translateY(-6px);background:#d6ecee;border-color:#007e89;box-shadow:0 14px 28px #102e431a}
.sp3 .sp3-steps-premium li:nth-child(3):hover{background:#1c465a;border-color:#91d9df}
.sp3-step-head>b{transition:transform .25s ease}
.sp3 .sp3-steps-premium li:hover .sp3-step-head>b{transform:translate(4px,-4px) rotate(8deg)}
.sp3-contact-panel{padding:36px 40px;gap:36px;align-items:center}
.sp3 .sp3-contact-panel h2{font-size:clamp(30px,2.7vw,38px);line-height:1.15;margin-bottom:16px}
.sp3 .sp3-contact-copy>p:not(.sp3-kicker){font-size:17px;line-height:1.5;margin-bottom:20px}
.sp3-contact-hours{font-size:14px;margin-top:14px}
.sp3-contact-methods{gap:12px}
.sp3 .sp3-contact-card{padding:16px 20px}
.sp3 .sp3-contact-card>strong{font-size:28px!important;line-height:1.2;margin-top:8px}
.sp3 .sp3-contact-label{font-size:12px;letter-spacing:1px}
.sp3 .sp3-contact-mail{padding:8px 20px;gap:3px 12px}
.sp3 .sp3-contact-mail>strong{font-size:20px!important}
.sp3 .sp3-contact-mail>span{font-size:13px}
@media(max-width:760px){.sp3-contact-panel{padding:26px 24px;gap:24px}.sp3 .sp3-contact-panel h2{font-size:32px}.sp3 .sp3-contact-card>strong{font-size:26px!important}.sp3 .sp3-process-intro{font-size:17px;flex-basis:auto}}
@media(prefers-reduced-motion:reduce){.sp3 .sp3-steps-premium li,.sp3-step-head>b{transition:none}.sp3 .sp3-steps-premium li:hover,.sp3 .sp3-steps-premium li:hover .sp3-step-head>b{transform:none}}
