/* Home compositions and legacy shared patterns. Base UI lives in assets/shared/foundation.css. */
/* Compact, stable navigation. */
.sp-skip{position:fixed;top:-100px;left:20px;z-index:1000;background:#fff;padding:12px 20px}.sp-skip:focus{top:12px}.sp-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e3eae9}.sp-header-inner{max-width:1536px;margin:auto;padding:11px 40px;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}.sp-brand{display:inline-flex;flex-shrink:0}.sp-brand img{width:220px}.sp-nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.sp-nav>a:not(.sp-button){min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap}.sp-nav>a:not(.sp-button):hover{border-color:var(--sp-teal)}.sp-header-cta{font-size:14px;min-height:54px;padding:13px 20px;gap:18px}.sp-menu-toggle{display:none}
/* Main message and immediate product routes. */
.sp-hero{position:relative;isolation:isolate;background:var(--sp-ink);color:#fff;overflow:hidden}.sp-hero-inner{position:relative;z-index:2;padding-block:48px 50px}.sp-hero-copy{max-width:620px}.sp-hero-eyebrow{font-size:14px;font-weight:800;letter-spacing:.1em;display:flex;align-items:center;gap:13px}.sp-hero-eyebrow:before{content:"";width:27px;height:2px;background:#a8dce1}.sp-hero-lead{font-size:24px;font-weight:800;letter-spacing:.06em;margin-top:28px!important}.sp-hero h1{font-weight:900;line-height:1.2;margin-top:13px}.sp-hero h1>span{display:block;font-size:43px;letter-spacing:.06em}.sp-hero h1>strong{display:block;font-size:120px;letter-spacing:-.025em;white-space:nowrap;line-height:1.22}.sp-period{font-size:.61em}.sp-hero h1>strong:after{content:"";display:block;background:#7cc7cb;width:475px;height:6px;margin-top:8px}.sp-hero-description{font-size:16px;line-height:1.95;margin-top:23px!important;max-width:420px}.sp-hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:25px}.sp-hero-actions .sp-button{min-width:385px}.sp-hero-secondary{color:#fff!important;border-color:#90adaf;font-size:14px;gap:60px}.sp-hero-visual{position:absolute;inset:0;z-index:0}.sp-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:62% 62%}.sp-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b252aec 0%,#0b252acc 25%,#0b252a4d 51%,transparent 78%)}.sp-hero-visual figcaption{position:absolute;right:20px;bottom:18px;z-index:1;background:#142d32e6;padding:3px 8px;color:#fff;font-size:10px}
.sp-product-shortcuts{background:#fff;border-bottom:1px solid var(--sp-line)}.sp-product-shortcuts>.sp-container{display:grid;grid-template-columns:.85fr repeat(3,1fr);gap:0;padding-block:21px}.sp-product-shortcuts p{align-self:center;padding-right:18px}.sp-product-shortcuts p small{display:block;font-size:11px;color:var(--sp-muted)}.sp-product-shortcuts p strong{display:block;font-size:18px}.sp-product-shortcuts a{display:flex;align-items:center;border-left:1px solid var(--sp-line);gap:8px;padding-inline:17px;transition:background .18s}.sp-product-shortcuts a:hover{background:var(--sp-paper)}.sp-product-shortcuts svg{width:72px;flex-shrink:0}.sp-product-shortcuts a small{font-size:9px;display:block;color:var(--sp-muted);white-space:nowrap}.sp-product-shortcuts a strong{font-size:14px;display:block;line-height:1.6}.sp-product-shortcuts a b{font:18px/1 Arial,sans-serif;margin-left:auto;color:var(--sp-teal)}
/* Three clear reasons, each with its own large illustration. */
.sp-features{background:#f8f7f1;padding-block:94px 82px}.sp-features h2{font-size:38px}.sp-features h2 em{font-size:1.3em;display:inline-block;margin-left:14px;position:relative}.sp-features h2 em:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:11px;background:var(--sp-yellow);z-index:-1}.sp-features h2{isolation:isolate}.sp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:33px}.sp-feature{min-width:0}.sp-feature-picture{position:relative;aspect-ratio:360/240;display:flex;align-items:center}.sp-feature-picture svg{width:100%;padding:0 4px}.sp-feature-number{position:absolute;left:0;top:7px;font:700 45px/1 Arial,sans-serif;letter-spacing:-.06em;color:#afc5be}.sp-feature-label{font-size:13px;font-weight:800;letter-spacing:.09em;color:var(--sp-teal);border-top:1px solid #b8c9c4;padding-top:20px}.sp-feature h3{font-size:28px;line-height:1.55;margin-top:9px}.sp-feature h3 em{font-size:1.07em}.sp-feature>p:last-child{font-size:16px;line-height:1.95;color:var(--sp-muted);margin-top:16px}.sp-features>.sp-container>.sp-note{margin-top:32px!important}.sp-feature-more{display:flex;width:max-content;max-width:100%;margin:24px auto 0}
/* Sheet selection: explicit application illustrations rather than identical thumbnails. */
.sp-products{background:#fff}.sp-products h2{font-size:51px;line-height:1.4}.sp-products .sp-kicker{font-size:13px}.sp-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.sp-product-card{min-width:0;background:#fff;border:1px solid #ccdcda;transition:border-color .18s,box-shadow .18s}.sp-product-card:hover{border-color:var(--sp-teal);box-shadow:0 9px 22px #142d3210}.sp-product-link{display:flex;flex-direction:column;height:100%}.sp-product-picture{background:#e8f0ed;position:relative;padding-top:28px;overflow:hidden}.sp-product-picture>p{font-size:13px;font-weight:800;text-align:center;position:relative;z-index:1;color:#315452}.sp-product-index{position:absolute;left:16px;top:5px;font:700 76px/1 Arial,sans-serif;color:#d0e1d9;letter-spacing:-.07em}.sp-product-picture svg{width:100%;padding:0 12px 5px;transition:transform .25s}.sp-product-link:hover .sp-product-picture svg{transform:translateY(-4px)}.sp-product-body{padding:26px 25px 0;display:flex;flex-direction:column;flex:1}.sp-product-body h3{font-size:23px;letter-spacing:-.035em;line-height:1.6}.sp-product-body>p{font-size:16px;line-height:1.9;color:var(--sp-muted);margin-top:12px;flex:1}.sp-product-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px!important}.sp-product-tags li{font-size:11px;border:1px solid #d3dfdc;padding:3px 8px;color:var(--sp-muted)}.sp-product-action{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;border-top:1px solid var(--sp-line);color:var(--sp-teal);font-size:14px;font-weight:800;margin-top:21px}.sp-other-products{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:22px;align-items:center;margin-top:46px}.sp-other-products h3{font-size:21px;line-height:1.8}.sp-other-products>a{position:relative;overflow:hidden;height:133px;isolation:isolate;color:#fff}.sp-other-products img{width:100%;height:100%;object-fit:cover;object-position:35%;transition:transform .25s}.sp-other-products a:after{content:"";position:absolute;inset:0;background:#0b303448;z-index:0}.sp-other-products>a>span{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;padding:22px;font-size:21px;font-weight:800}.sp-other-products a:hover img{transform:scale(1.04)}
/* A large tactile photo gives a visual pause and explains specification choices. */
.sp-material{display:grid;grid-template-columns:1fr 1fr;background:#f4f1e7}.sp-material>figure{position:relative;min-height:600px;overflow:hidden}.sp-material>figure>img{width:100%;height:100%;object-fit:cover;object-position:42% center}.sp-material figcaption{position:absolute;bottom:17px;left:22px;background:#142d32db;color:#fff;font-size:10px;padding:3px 9px}.sp-material-copy{padding:72px max(48px,calc((100vw - 1200px)/2)) 72px 65px;align-self:center}.sp-material h2{font-size:37px;line-height:1.65;white-space:nowrap}.sp-material-copy>p:not(.sp-kicker){font-size:16px;line-height:2.1;color:var(--sp-muted);margin-top:24px}.sp-spec-points{display:flex;flex-wrap:wrap;gap:10px 17px;margin:24px 0 30px!important}.sp-spec-points li{font-size:13px;font-weight:800}.sp-spec-points span{font:bold 12px/1 Arial,sans-serif;color:var(--sp-teal);margin-right:6px}.sp-material .sp-button{min-width:295px}
/* Sourcing mechanism, a different color and a single visual explanation. */
.sp-proposal{background:#123b40;color:#fff}.sp-proposal .sp-kicker{color:#addcdb}.sp-proposal h2{font-size:53px;line-height:1.4}.sp-proposal h2 em{color:var(--sp-yellow)}.sp-proposal .sp-heading-description{color:#d7e9e6;line-height:2}.sp-network{display:grid;grid-template-columns:1fr .58fr 1.6fr .22fr 1.2fr;gap:15px;background:#eff5f2;color:var(--sp-ink);padding:40px 38px;align-items:center;border-top:5px solid var(--sp-yellow)}.sp-network-customer{text-align:center}.sp-network-customer svg{width:160px;max-width:100%;margin:auto}.sp-network-customer strong{font-size:18px}.sp-network-customer p{font-size:13px;color:var(--sp-muted);margin-top:7px;line-height:1.8}.sp-network-arrow{display:flex;flex-direction:column;text-align:center;gap:5px;color:var(--sp-teal)}.sp-network-arrow span{font-size:10px;font-weight:700;white-space:nowrap}.sp-network-arrow b{font:45px/1.2 Arial,sans-serif}.sp-network-hub{background:#fff;border:2px solid var(--sp-teal);text-align:center;padding:24px 18px;box-shadow:5px 5px 0 #d0e1d8}.sp-network-hub img{width:240px;margin:auto auto 20px}.sp-network-hub strong{font-size:17px}.sp-network-hub p{font-size:13px;margin-top:8px;color:var(--sp-teal);font-weight:700}.sp-network-branch{font-size:35px;color:var(--sp-teal);text-align:center}.sp-network-factories>div{padding:17px 16px;background:#dcebe4;border-left:3px solid var(--sp-teal)}.sp-network-factories>div+div{margin-top:10px}.sp-network-factories span{display:block;font:bold 10px/1.7 Arial,sans-serif;letter-spacing:.15em;color:var(--sp-teal)}.sp-network-factories strong{font-size:18px}.sp-network-factories p{font-size:12px;line-height:1.8;text-align:center;color:var(--sp-muted);margin-top:12px}.sp-proposal-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:40px}.sp-proposal-bottom>p{font-size:17px;line-height:1.9;color:#d7e9e6}.sp-proposal-bottom strong{font-size:25px;color:#fff}.sp-proposal-bottom .sp-button{min-width:380px}.sp-proposal .sp-note{color:#bdd7d4;margin-top:28px!important}
/* Actual company material, composed with a human voice. */
.sp-about{background:#fff;padding-block:110px}.sp-about-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:70px;align-items:center}.sp-about h2{font-size:43px;line-height:1.6}.sp-about-lead{font-size:20px;font-weight:800;margin-top:23px!important}.sp-about-copy>p:not(.sp-kicker):not(.sp-about-lead){font-size:16px;line-height:2.1;color:var(--sp-muted);margin-top:18px}.sp-about .sp-text-link{margin-top:25px}.sp-about-visual{position:relative;padding-bottom:45px}.sp-about-scene{height:310px;position:relative;margin-left:25px!important}.sp-about-scene img{width:100%;height:100%;object-fit:cover;object-position:17% center}.sp-about-scene figcaption{position:absolute;bottom:12px;right:12px;background:#142d32d9;color:#fff;padding:2px 7px;font-size:9px}.sp-representative{position:relative;background:#f4f1e7;display:flex;align-items:center;gap:24px;padding:22px 28px;margin-top:-20px;margin-right:40px;box-shadow:12px 12px 0 #e0ece7}.sp-representative>img{width:96px;height:128px;object-fit:cover;flex-shrink:0}.sp-representative blockquote{font-size:17px;line-height:1.9;font-weight:800}.sp-representative p{font-size:12px;color:var(--sp-muted);margin-top:13px}.sp-representative strong{font-size:15px;color:var(--sp-ink)}
/* Friendly, illustrated steps and compact answers. */
.sp-flow{background:var(--sp-paper);padding-top:85px}.sp-flow .sp-centered-heading h2{font-size:38px}.sp-order-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:45px!important}.sp-order-steps>li{position:relative}.sp-step-label{font:bold 10px/1.5 Arial,sans-serif;letter-spacing:.1em;color:var(--sp-teal);display:flex;align-items:center;gap:9px}.sp-step-label>b{font-size:27px;letter-spacing:-.04em}.sp-order-steps svg{height:128px;width:100%;margin-block:6px 10px}.sp-order-steps>li:not(:last-child):after{content:"→";position:absolute;right:-23px;top:90px;color:var(--sp-teal);font-size:26px}.sp-order-steps h3{font-size:22px}.sp-order-steps p{font-size:15px;color:var(--sp-muted);line-height:1.95;margin-top:12px}.sp-faq-layout{display:grid;grid-template-columns:.7fr 1.6fr;gap:65px;border-top:1px solid #bdceca;padding-top:60px;margin-top:65px}.sp-faq-layout h2{font-size:31px}.sp-faq-layout .sp-text-link{margin-top:20px;font-size:14px}.sp-faq-list details{border-bottom:1px solid #bfcfc9}.sp-faq-list details:first-child{border-top:1px solid #bfcfc9}.sp-faq-list summary{position:relative;display:flex;align-items:baseline;gap:18px;padding:24px 35px 24px 0;list-style:none;font-size:16px;font-weight:800;cursor:pointer;line-height:1.75}.sp-faq-list summary::-webkit-details-marker{display:none}.sp-faq-list summary>span{font:25px/1 Arial,sans-serif;color:var(--sp-teal)}.sp-faq-list summary:after{content:"+";position:absolute;right:0;top:23px;font:26px/1 Arial,sans-serif;color:var(--sp-teal)}.sp-faq-list details[open] summary:after{content:"−"}.sp-faq-list details>p{font-size:16px;padding:0 25px 27px 36px;line-height:2;color:var(--sp-muted)}
/* Main conversion section and quieter news/footer. */
.sp-contact{background:#0b6170;color:#fff;text-align:center;padding:78px 0 72px;position:relative;overflow:hidden}.sp-contact:before,.sp-contact:after{content:"";position:absolute;top:-90px;width:250px;height:600px;border-inline:1px solid #ffffff12;transform:rotate(30deg);pointer-events:none}.sp-contact:before{left:5%}.sp-contact:after{right:5%}.sp-contact>.sp-container{position:relative;z-index:1}.sp-contact .sp-kicker{justify-content:center;color:#b0d9dc}.sp-contact h2{font-size:48px}.sp-contact>.sp-container>p:not(.sp-kicker){font-size:17px;line-height:1.95;margin-top:18px}.sp-contact-choices{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:32px}.sp-contact-choices>.sp-button{min-width:400px;min-height:78px;box-shadow:6px 6px 0 #063d48}.sp-contact-phone{padding-left:38px;border-left:1px solid #719da4;text-align:left}.sp-contact-phone span{font-size:12px;display:block}.sp-contact-phone>a{font:bold 32px/1.7 Arial,sans-serif;display:block;letter-spacing:.02em}.sp-contact .sp-contact-small{font-size:12px!important;margin-top:29px!important;color:#deecec}.sp-updates{padding-block:65px;background:#fff}.sp-update-group{display:grid;grid-template-columns:280px 1fr;gap:65px;padding-block:20px}.sp-update-group+.sp-update-group{margin-top:35px}.sp-update-group h2{font-size:29px}.sp-update-group .sp-text-link{font-size:13px;margin-top:16px}.sp-posts{border-top:1px solid var(--sp-line)}.sp-posts li{border-bottom:1px solid var(--sp-line)}.sp-posts a{display:grid;grid-template-columns:102px 1fr 18px;align-items:center;gap:19px;padding:20px 0;min-height:77px}.sp-posts time{font:13px/1.6 Arial,sans-serif;color:var(--sp-muted)}.sp-posts h3{font-size:15px;font-weight:700;line-height:1.8}.sp-posts a>span{color:var(--sp-teal);font-size:20px}.sp-posts a:hover h3{text-decoration:underline}
.sp-footer{background:#fff;color:var(--sp-ink);border-top:1px solid var(--sp-line);padding:52px 0 0}.sp-footer-main{display:grid;grid-template-columns:1.5fr 1fr .65fr;gap:55px;padding-bottom:45px}.sp-footer-logo{display:inline-block;background:transparent!important;padding:0!important;line-height:0}.sp-footer-logo img{width:285px;height:auto}.sp-footer-company p{font-size:12px;line-height:1.9;color:var(--sp-muted);margin-top:17px}.sp-footer-company>a:not(.sp-footer-logo){display:inline-flex;align-items:center;min-height:44px;font:bold 14px/1.7 Arial,sans-serif}.sp-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px 26px;align-content:center;font-size:13px;font-weight:700}.sp-footer-nav a{display:flex;align-items:center;min-height:40px}.sp-footer-nav a:hover,.sp-footer-bottom a:hover{text-decoration:underline}.sp-social>p{font:bold 10px/1.5 Arial,sans-serif;letter-spacing:.1em;color:var(--sp-muted);margin-bottom:10px}.sp-social>a{display:flex;align-items:center;gap:11px;font:13px/1.7 Arial,sans-serif;min-height:38px}.sp-social svg{width:19px;height:19px;flex-shrink:0}.sp-facebook-icon{font:bold 24px/1 Arial,sans-serif;width:19px;text-align:center}.sp-social>a>span:last-child{margin-left:auto}.sp-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--sp-line);padding:21px 0;color:var(--sp-muted);font-size:11px}.sp-footer-bottom nav{display:flex;gap:27px}.sp-footer-bottom small{font:11px/1.8 Arial,sans-serif}.sp-mobile-dock{display:none}
@media(min-width:1600px){.sp-hero-inner{padding-block:68px}.sp-hero h1>strong{font-size:132px}.sp-hero h1>strong:after{width:522px}.sp-hero-visual img{object-position:70% 60%}}
@media(max-width:1200px){.sp-container{width:calc(100% - 72px)}.sp-header-inner{padding-inline:28px}.sp-nav{gap:18px;font-size:13px}.sp-brand img{width:194px}.sp-header-cta{padding-inline:16px;font-size:13px}.sp-hero h1>strong{font-size:111px}.sp-hero h1>strong:after{width:440px}.sp-hero h1>span{font-size:40px}.sp-product-shortcuts a{padding-inline:11px;gap:5px}.sp-product-shortcuts a svg{width:57px}.sp-product-shortcuts a strong{font-size:12px}.sp-product-shortcuts a small{font-size:8px}.sp-product-shortcuts p strong{font-size:16px}.sp-feature-grid{gap:32px}.sp-feature h3{font-size:25px}.sp-product-body{padding-inline:21px}.sp-product-body h3{font-size:20px}.sp-product-action{font-size:12px}.sp-products h2{font-size:46px}.sp-material-copy{padding:50px 36px 50px 42px}.sp-material h2{font-size:32px}.sp-material>figure{min-height:545px}.sp-network{gap:10px;padding:32px 25px}.sp-network-hub{padding:23px 15px}.sp-network-hub strong{font-size:15px}.sp-network-hub p{font-size:12px}.sp-network-factories strong{font-size:16px}.sp-network-arrow span{font-size:9px}.sp-about-grid{gap:42px}.sp-about h2{font-size:38px}.sp-representative{padding:20px;gap:18px;margin-right:15px}.sp-representative blockquote{font-size:15px}.sp-footer-main{gap:35px}.sp-footer-logo img{width:260px}}
@media(max-width:1000px){.sp-section{padding-block:80px}.sp-header-inner{min-height:82px;flex-wrap:wrap;padding-block:7px}.sp-brand img{width:202px}.sp-menu-toggle:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:48px;min-height:56px;background:none;border:0;padding:5px;cursor:pointer;color:var(--sp-ink)}.sp-menu-lines{position:relative;width:25px;height:17px;border-block:2px solid currentColor}.sp-menu-lines:before{content:"";position:absolute;top:6px;left:0;width:25px;border-top:2px solid currentColor}.sp-menu-label{font-size:10px;line-height:1.3;font-weight:700}.sp-nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;padding:15px 0 22px}.sp-nav>a:not(.sp-button){padding:8px 0;border-bottom:1px solid var(--sp-line)}.sp-nav .sp-header-cta{grid-column:1/-1}.sp-js .sp-nav{display:none}.sp-js .sp-nav.is-open{display:grid}.sp-hero h1>strong{font-size:100px}.sp-hero h1>strong:after{width:394px}.sp-hero h1>span{font-size:38px}.sp-hero-visual img{object-position:60% center}.sp-product-shortcuts>.sp-container{grid-template-columns:repeat(3,1fr);padding-top:14px}.sp-product-shortcuts p{grid-column:1/-1;display:flex;gap:15px;align-items:baseline;padding:0 0 9px}.sp-product-shortcuts p small{font-size:10px}.sp-product-shortcuts p strong{font-size:14px}.sp-product-shortcuts a{border-left:0;border-right:1px solid var(--sp-line);padding-inline:0 15px;margin-right:15px}.sp-product-shortcuts a:last-child{border:0;padding:0;margin:0}.sp-product-shortcuts a small{white-space:normal;font-size:9px}.sp-product-shortcuts a strong{font-size:13px}.sp-features h2{font-size:30px}.sp-feature-grid{gap:25px}.sp-feature-number{font-size:35px}.sp-feature h3{font-size:23px}.sp-feature-label{font-size:11px}.sp-feature>p:last-child{font-size:15px}.sp-heading-row{gap:30px}.sp-home h2{font-size:39px}.sp-heading-description{max-width:390px}.sp-product-grid{gap:18px}.sp-product-body{padding:20px 17px 0}.sp-product-body h3{font-size:20px;min-height:64px}.sp-product-body>p{font-size:15px}.sp-product-action{font-size:12px;gap:5px}.sp-product-picture>p{font-size:11px}.sp-product-index{font-size:63px}.sp-product-tags{gap:4px}.sp-product-tags li{font-size:10px;padding:2px 5px}.sp-other-products{gap:16px}.sp-other-products h3{font-size:17px}.sp-other-products>a>span{font-size:17px;padding:17px}.sp-material h2{font-size:29px}.sp-material-copy{padding:45px 30px}.sp-material-copy>.sp-kicker{flex-wrap:wrap;gap:7px}.sp-material-copy>.sp-kicker span{font-size:10px}.sp-material-copy>p:not(.sp-kicker){font-size:15px}.sp-material .sp-button{min-width:0;width:100%;font-size:14px}.sp-network{grid-template-columns:1fr .5fr 1.4fr;gap:16px}.sp-network-hub strong{font-size:17px}.sp-network-branch{display:none}.sp-network-factories{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #c1d4cc;padding-top:20px;margin-top:4px}.sp-network-factories>div{padding:12px 20px;display:flex;align-items:center;gap:18px}.sp-network-factories>div+div{margin:0}.sp-network-factories>p{grid-column:1/-1;margin-top:0}.sp-network-factories>p br{display:none}.sp-proposal-bottom>p{font-size:15px}.sp-proposal-bottom strong{font-size:21px}.sp-proposal-bottom .sp-button{min-width:345px;font-size:14px}.sp-about-grid{gap:30px}.sp-about h2{font-size:35px}.sp-about-lead{font-size:18px}.sp-about-scene{height:280px;margin-left:0!important}.sp-representative{padding:17px;gap:15px;margin-right:0}.sp-representative>img{width:77px;height:103px}.sp-representative blockquote{font-size:13px}.sp-representative p{font-size:10px}.sp-representative strong{font-size:12px}.sp-order-steps{gap:23px}.sp-order-steps h3{font-size:19px}.sp-order-steps p{font-size:15px}.sp-faq-layout{gap:35px;grid-template-columns:.8fr 1.6fr}.sp-faq-layout h2{font-size:26px}.sp-faq-layout .sp-text-link{font-size:12px;gap:12px}.sp-faq-list summary{font-size:15px}.sp-contact h2{font-size:40px}.sp-contact-choices{gap:25px}.sp-contact-choices>.sp-button{min-width:350px;font-size:14px}.sp-contact-phone{padding-left:25px}.sp-contact-phone>a{font-size:28px}.sp-update-group{grid-template-columns:190px 1fr;gap:35px}.sp-footer-main{grid-template-columns:1.3fr 1fr;gap:35px}.sp-social{grid-column:1/-1;display:flex;align-items:center;gap:30px}.sp-social>p{margin:0}.sp-social>a{gap:12px}.sp-footer-nav{gap:4px 18px}}
@media(max-width:700px){.sp-container{width:calc(100% - 40px)}.sp-section{padding-block:61px}.sp-home [id]{scroll-margin-top:89px}.sp-home h2{font-size:31px;line-height:1.6;letter-spacing:0}.sp-header-inner{padding:5px 20px;min-height:75px}.sp-brand img{width:180px}.sp-mobile-br{display:block}.sp-pc-br{display:none}.sp-kicker{font-size:10px;gap:10px;margin-bottom:14px!important}.sp-kicker:before{width:20px}.sp-kicker>span{font-size:10px}.sp-button{font-size:14px;padding:17px 18px;min-height:62px;gap:12px}.sp-arrow{font-size:24px}.sp-text-link{font-size:14px;gap:25px}.sp-heading-row{display:block;margin-bottom:28px}.sp-heading-description{font-size:16px;max-width:none;margin-top:20px!important}.sp-heading-description br{display:none}.sp-centered-heading>p:last-child{font-size:15px;margin-top:17px}.sp-note{font-size:11px}.sp-hero-inner{padding-block:30px}.sp-hero-copy{max-width:none}.sp-hero-eyebrow{font-size:10px;gap:9px;letter-spacing:.03em}.sp-hero-eyebrow:before{width:18px}.sp-hero-lead{font-size:17px;margin-top:23px!important;letter-spacing:.02em}.sp-hero h1{margin-top:11px}.sp-hero h1>span{font-size:30px;letter-spacing:.02em}.sp-hero h1>strong{font-size:clamp(57px,18vw,100px);line-height:1.23}.sp-hero h1>strong:after{width:90%;height:4px;margin-top:8px}.sp-hero-description{font-size:16px;line-height:1.9;max-width:none;margin-top:23px!important}.sp-hero-actions{margin-top:23px;gap:9px}.sp-hero-actions .sp-button{min-width:0;width:100%;max-width:430px;font-size:13px}.sp-hero-secondary{font-size:12px;gap:45px}.sp-hero-visual{position:relative;height:240px;inset:auto}.sp-hero-visual img{object-position:75% center}.sp-hero-visual:after{background:linear-gradient(#142d3215,transparent 45%)}.sp-hero-visual figcaption{bottom:10px;right:10px;font-size:9px}.sp-product-shortcuts>.sp-container{display:block;padding:17px 0}.sp-product-shortcuts p{display:flex;padding-bottom:11px;gap:12px}.sp-product-shortcuts a{margin:0;padding:7px 0;border-right:0;border-top:1px solid var(--sp-line);gap:15px}.sp-product-shortcuts a:last-child{padding:7px 0;border-top:1px solid var(--sp-line)}.sp-product-shortcuts a svg{width:68px;height:49px}.sp-product-shortcuts a small{font-size:10px}.sp-product-shortcuts a strong{font-size:15px}.sp-product-shortcuts a b{font-size:21px;margin-right:6px}.sp-features{padding-bottom:50px}.sp-features h2{font-size:24px;line-height:1.6}.sp-features h2 em{font-size:36px;margin:0}.sp-features h2 em:after{bottom:7px;height:8px}.sp-feature-grid{grid-template-columns:1fr;gap:30px;margin-top:23px}.sp-feature{display:grid;grid-template-columns:42% 1fr;gap:0 15px;padding-bottom:26px;border-bottom:1px solid #c7d4cc}.sp-feature:last-child{padding-bottom:0;border-bottom:0}.sp-feature-picture{grid-column:1;grid-row:1/3;align-self:center;aspect-ratio:auto}.sp-feature-picture svg{padding:0;transform:scale(1.1)}.sp-feature-number{top:-12px;left:2px;font-size:28px}.sp-feature-label{grid-column:2;grid-row:1;border:0;padding-top:12px;font-size:10px}.sp-feature h3{grid-column:2;grid-row:2;font-size:21px;margin-top:7px;line-height:1.65}.sp-feature h3 em{font-size:1em}.sp-feature>p:last-child{grid-column:1/-1;font-size:16px;margin-top:20px;line-height:1.9}.sp-features>.sp-container>.sp-note{margin-top:25px!important;text-align:left}.sp-feature-more{font-size:12px;gap:15px;margin-top:20px}.sp-products h2{font-size:35px;line-height:1.45}.sp-product-grid{grid-template-columns:1fr;gap:25px}.sp-product-picture{padding-top:20px}.sp-product-picture svg{height:224px;width:100%;padding:0}.sp-product-picture>p{font-size:13px}.sp-product-index{font-size:70px;left:17px;top:5px}.sp-product-body{padding:22px 22px 0}.sp-product-body h3{font-size:25px;min-height:0}.sp-product-body>p{font-size:16px;line-height:1.9;margin-top:10px}.sp-product-tags{gap:6px;margin-top:16px!important}.sp-product-tags li{font-size:11px;padding:3px 8px}.sp-product-action{font-size:14px;margin-top:18px;min-height:64px}.sp-other-products{grid-template-columns:1fr 1fr;gap:14px;margin-top:31px}.sp-other-products h3{grid-column:1/-1;font-size:19px}.sp-other-products h3 br{display:none}.sp-other-products>a{height:134px}.sp-other-products>a>span{font-size:14px;line-height:1.7;padding:15px 12px;gap:5px}.sp-other-products .sp-arrow{font-size:19px}.sp-material{grid-template-columns:1fr}.sp-material>figure{min-height:0;height:290px}.sp-material>figure>img{object-position:50% 53%}.sp-material-copy{padding:36px 20px 48px}.sp-material h2{font-size:31px;line-height:1.6;white-space:normal}.sp-material-copy>p:not(.sp-kicker){font-size:16px;margin-top:20px}.sp-spec-points{margin:21px 0 25px!important;gap:9px 14px}.sp-spec-points li{font-size:12px}.sp-material .sp-button{width:100%;max-width:410px}.sp-material figcaption{font-size:9px;left:12px;bottom:12px}.sp-proposal h2{font-size:37px;line-height:1.5}.sp-proposal .sp-heading-description{font-size:16px}.sp-network{grid-template-columns:1fr;padding:25px 22px;gap:13px}.sp-network-customer{display:grid;grid-template-columns:95px 1fr;column-gap:18px;text-align:left;align-items:center}.sp-network-customer svg{grid-row:1/3;width:95px;height:76px}.sp-network-customer strong{font-size:18px;align-self:end}.sp-network-customer p{font-size:12px;margin-top:4px;align-self:start}.sp-network-arrow{flex-direction:row;justify-content:center;align-items:center;gap:18px}.sp-network-arrow b{transform:rotate(90deg);font-size:33px}.sp-network-arrow span{font-size:10px;white-space:normal}.sp-network-hub{padding:23px 15px}.sp-network-hub img{width:222px;max-width:100%;margin-bottom:15px}.sp-network-hub strong{font-size:17px}.sp-network-hub p{font-size:12px}.sp-network-factories{grid-template-columns:1fr 1fr;gap:9px;padding-top:15px}.sp-network-factories>div{display:block;text-align:center;padding:12px 6px;border:0;border-top:2px solid var(--sp-teal)}.sp-network-factories span{font-size:9px}.sp-network-factories strong{font-size:13px}.sp-network-factories p{font-size:11px;margin-top:5px}.sp-proposal-bottom{display:block;margin-top:25px}.sp-proposal-bottom>p{font-size:15px}.sp-proposal-bottom strong{font-size:22px}.sp-proposal-bottom .sp-button{min-width:0;width:100%;margin-top:22px;font-size:13px}.sp-proposal .sp-note{font-size:11px;margin-top:22px!important}.sp-about-grid{grid-template-columns:1fr;gap:33px}.sp-about h2{font-size:34px}.sp-about-lead{font-size:19px;margin-top:19px!important}.sp-about-copy>p:not(.sp-kicker):not(.sp-about-lead){font-size:16px}.sp-about-copy>p:not(.sp-kicker) br{display:none}.sp-about .sp-text-link{margin-top:18px}.sp-about-visual{padding-bottom:15px}.sp-about-scene{height:225px;margin-left:20px!important}.sp-representative{margin-right:20px;padding:18px 16px;gap:17px}.sp-representative>img{width:76px;height:102px}.sp-representative blockquote{font-size:13px}.sp-representative p{font-size:10px;margin-top:10px}.sp-representative strong{font-size:12px}.sp-flow .sp-centered-heading h2{font-size:29px}.sp-order-steps{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:30px!important}.sp-step-label{font-size:9px;gap:8px}.sp-step-label>b{font-size:24px}.sp-order-steps svg{height:100px;margin-block:4px 8px}.sp-order-steps h3{font-size:19px}.sp-order-steps p{font-size:15px;line-height:1.85;margin-top:10px}.sp-order-steps>li:not(:last-child):after{right:-20px;top:69px;font-size:21px}.sp-order-steps>li:nth-child(2):after{display:none}.sp-faq-layout{grid-template-columns:1fr;gap:22px;margin-top:45px;padding-top:40px}.sp-faq-layout h2{font-size:28px}.sp-faq-layout .sp-text-link{font-size:13px;margin-top:12px;gap:24px}.sp-faq-list summary{font-size:15px;padding:22px 26px 22px 0;gap:12px}.sp-faq-list summary>span{font-size:22px}.sp-faq-list summary:after{font-size:23px;top:23px}.sp-faq-list details>p{font-size:16px;padding:0 5px 23px 27px}.sp-contact{padding:56px 0}.sp-contact h2{font-size:31px;line-height:1.6}.sp-contact>.sp-container>p:not(.sp-kicker){font-size:16px;margin-top:17px}.sp-contact>.sp-container>p:not(.sp-kicker) br{display:none}.sp-contact-choices{display:block;margin-top:26px}.sp-contact-choices>.sp-button{min-width:0;width:100%;min-height:68px;font-size:13px}.sp-contact-phone{border:0;padding:0;margin-top:28px;text-align:center}.sp-contact-phone>a{font-size:32px}.sp-contact-phone span{font-size:12px}.sp-contact .sp-contact-small{font-size:11px!important;margin-top:20px!important}.sp-updates{padding-block:38px}.sp-update-group{grid-template-columns:1fr;gap:24px;padding-block:15px}.sp-update-group>div{position:relative}.sp-update-group h2{font-size:27px}.sp-update-group .sp-text-link{position:absolute;right:0;bottom:0;font-size:12px}.sp-posts a{grid-template-columns:1fr 18px;gap:7px 15px;padding:18px 0}.sp-posts time{grid-column:1;font-size:12px}.sp-posts h3{grid-column:1;grid-row:2;font-size:14px}.sp-posts a>span{grid-column:2;grid-row:1/3}.sp-footer{padding-top:36px;padding-bottom:83px}.sp-footer-main{grid-template-columns:1fr;gap:25px;padding-bottom:25px}.sp-footer-logo img{width:268px;max-width:100%}.sp-footer-company p{font-size:12px;margin-top:12px}.sp-footer-nav{padding-top:20px;border-top:1px solid var(--sp-line);gap:2px 20px;font-size:13px}.sp-footer-nav a{min-height:44px}.sp-social{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 15px}.sp-social p{grid-column:1/-1;margin-bottom:6px}.sp-social a{gap:7px;min-height:44px;font-size:11px}.sp-social svg,.sp-facebook-icon{width:17px;height:17px}.sp-social>a>span:last-child{margin-left:0}.sp-footer-bottom{flex-direction:column;align-items:flex-start;gap:13px;padding-top:21px;font-size:10px}.sp-footer-bottom nav{gap:24px}.sp-footer-bottom small{font-size:10px}.sp-mobile-dock{display:grid;grid-template-columns:65px 1fr;gap:10px;position:fixed;bottom:0;left:0;right:0;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fff;z-index:45;box-shadow:0 -2px 12px #142d3222}.sp-dock-phone{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:800}.sp-dock-phone svg{width:21px;height:21px;margin-bottom:2px}.sp-mobile-dock .sp-button{min-height:51px;padding:12px 15px;font-size:12px;gap:7px}}
@media(max-width:359px){.sp-container{width:calc(100% - 32px)}.sp-header-inner{padding-inline:16px}.sp-brand img{width:165px}.sp-hero h1>span{font-size:27px}.sp-hero-lead{font-size:15px}.sp-hero-description{font-size:16px}.sp-hero-actions .sp-button,.sp-proposal-bottom .sp-button,.sp-contact-choices>.sp-button{font-size:12px;padding-inline:14px}.sp-feature h3{font-size:18px}.sp-feature-label{font-size:9px}.sp-feature-grid{gap:28px}.sp-feature{gap:0 13px;grid-template-columns:39% 1fr}.sp-feature-more{font-size:11px;gap:10px}.sp-product-body h3{font-size:22px}.sp-product-body{padding-inline:19px}.sp-product-picture svg{height:195px}.sp-other-products>a>span{font-size:12px;padding:12px 9px}.sp-other-products>a{height:120px}.sp-material-copy{padding-inline:16px}.sp-material h2{font-size:27px}.sp-proposal h2{font-size:32px}.sp-network{padding:22px 15px}.sp-network-factories strong{font-size:12px}.sp-network-customer{column-gap:14px}.sp-proposal-bottom strong{font-size:20px}.sp-about h2{font-size:31px}.sp-about-lead{font-size:17px}.sp-representative{gap:12px;padding:15px 12px;margin-right:12px}.sp-representative>img{width:65px;height:87px}.sp-representative blockquote{font-size:11px}.sp-order-steps{column-gap:20px}.sp-order-steps h3{font-size:16px}.sp-order-steps p{font-size:14px}.sp-contact h2{font-size:28px}.sp-contact-phone>a{font-size:29px}.sp-social{column-gap:10px}.sp-social>a{font-size:10px;gap:5px}.sp-mobile-dock{grid-template-columns:56px 1fr;gap:7px;padding-inline:9px}.sp-mobile-dock .sp-button{font-size:11px;padding-inline:12px}.sp-footer-logo img{width:245px}}
/* Preserve readable body text and contrast over the category photographs. */
.sp-heading-row>div:first-child{flex:0 0 auto}
.sp-product-shortcuts a strong,.sp-product-body h3{word-break:keep-all;overflow-wrap:anywhere}
.sp-feature>p:last-child,.sp-product-body>p,.sp-order-steps p,.sp-material-copy>p:not(.sp-kicker){font-size:16px}
.sp-other-products a:after{background:linear-gradient(180deg,#0b303415 10%,#0b3034d9 100%)}
@media(min-width:701px) and (max-width:1000px){.sp-hero-visual:after{background:linear-gradient(90deg,#092b31f5 0%,#092b31c4 45%,#092b31a6 72%,#092b3129 100%)}}
@media(max-width:359px){.sp-representative blockquote{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sp-home *{transition:none!important}.sp-home a:hover{transform:none!important}}
/* Automatic image sequence. Hovering over the hero does not pause it. */
.sp-hero-slide{position:absolute;inset:0;opacity:0;z-index:0;transition:opacity 1.4s ease;overflow:hidden}
.sp-hero-slide.is-active{opacity:1;z-index:1}
.sp-hero-slide.is-active img,.sp-hero-slide.is-leaving img{animation:sp-hero-drift 7.4s linear both;will-change:transform;transform-origin:72% 50%}
.sp-hero-visual:after{z-index:2;pointer-events:none}
.sp-hero-visual.is-paused img{animation-play-state:paused}
.sp-hero-controls{position:absolute;right:25px;bottom:20px;z-index:4;display:flex;align-items:center;gap:10px;padding:3px 10px 3px 14px;background:#102e34b8;border:1px solid #ffffff4a;border-radius:2px;color:#fff}
.sp-hero-counter{font:11px/1 Arial,sans-serif;letter-spacing:.1em;min-width:44px}
.sp-hero-dots{display:flex;align-items:center;gap:2px}
.sp-hero-dots button{border:0;background:none;padding:0;width:25px;height:36px;cursor:pointer;display:grid;place-items:center}
.sp-hero-dots button span{height:3px;width:17px;background:#a9c1c5;transition:background .2s}
.sp-hero-dots button[aria-current="true"] span{background:var(--sp-yellow);height:4px}
.sp-hero-dots button:disabled{opacity:.35;cursor:default}
.sp-hero-controls button:focus-visible{outline:2px solid var(--sp-yellow);outline-offset:1px}
@keyframes sp-hero-drift{from{transform:scale(1.015)}to{transform:scale(1.085)}}
/* Mobile: keep the scene behind the message, with a consistent readable mask. */
@media(max-width:700px){
  .sp-hero-inner{padding-block:35px 72px}
  .sp-hero-visual{position:absolute;inset:0;height:100%;pointer-events:none}
  .sp-hero-visual:after{background:linear-gradient(180deg,#08252bcc 0%,#08252ba3 42%,#08252bcc 100%)}
  .sp-hero-slide img{object-position:62% center}
  .sp-hero-copy{text-shadow:0 2px 12px #041a2140}
  .sp-hero-actions{text-shadow:none}
  .sp-hero-controls{right:20px;bottom:16px;gap:6px;padding:2px 7px 2px 11px}
  .sp-hero-counter{font-size:10px;min-width:40px}
  .sp-hero-dots button{width:24px;height:34px}
  .sp-hero-dots button span{width:15px}
}
@media(max-width:359px){.sp-hero-controls{right:16px}}
@media(prefers-reduced-motion:reduce){.sp-hero-slide,.sp-hero-slide img{transition:none!important;animation:none!important}}
@media print{.sp-header{position:static}.sp-mobile-dock,.sp-menu-toggle,.sp-hero-controls{display:none!important}.sp-section{padding-block:35px}.sp-footer{padding-bottom:0}.sp-hero,.sp-proposal,.sp-contact{print-color-adjust:exact}.sp-home a{break-inside:avoid}.sp-hero-slide{transition:none!important}.sp-hero-slide img{animation:none!important}}
