.spns-page{overflow:hidden;color:#102039}.spns-page .section{padding-block:82px}.spns-page .section-head{max-width:820px;margin:0 auto 38px;text-align:center}.spns-page .section-head p{max-width:720px;margin:12px auto 0}.spns-page :is(h1,h2,h3){text-wrap:balance}.spns-hero{min-height:590px;padding:64px 0;overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(91,121,255,.16),transparent 30%),linear-gradient(135deg,#f9fbff 0,#eef4ff 58%,#f8f6ff 100%)}
.spns-hero-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(540px,1.1fr);align-items:center;gap:52px}.spns-hero .service-hero-copy{width:100%;max-width:none}.spns-hero .eyebrow{white-space:nowrap}.spns-hero h1{max-width:none;margin:18px 0 10px;font-size:clamp(46px,4.1vw,58px);line-height:1.08;white-space:nowrap}.spns-hero h2{margin:0 0 16px;color:#2859bd;font-size:clamp(23px,2vw,28px);line-height:1.4}.spns-hero .service-hero-copy>p{max-width:560px;color:#5d6f89;font-size:15px;line-height:1.85}.spns-text-link{align-self:center;color:#245fe7;font-weight:750}.spns-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.spns-tags span{padding:7px 12px;border:1px solid #d1def4;border-radius:999px;background:rgba(255,255,255,.78);color:#4b6182;font-size:12px}
.spns-search-demo{position:relative;width:100%;padding:18px 22px 20px;border:1px solid rgba(176,195,226,.9);border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 28px 75px rgba(37,71,142,.15)}.spns-browser-bar{display:flex;align-items:center;gap:7px;padding-bottom:14px;border-bottom:1px solid #e8edf6}.spns-browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff7676}.spns-browser-bar i:nth-child(2){background:#ffc15a}.spns-browser-bar i:nth-child(3){background:#54d59a}.spns-browser-bar span{margin-left:8px;color:#8997ad;font-size:11px}.spns-search-box{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px;border:2px solid #5576ef;border-radius:14px;background:#fff;overflow:hidden}.spns-search-box span{min-width:0;padding:13px 16px;color:#1c2940;font-size:15px}.spns-search-box b{align-self:stretch;display:grid;place-items:center;flex:none;padding:0 24px;color:#fff;background:linear-gradient(135deg,#3d68ed,#775cf0);font-size:13px}.spns-result-label{margin:0 0 10px;color:#244ec2;font-size:13px;font-weight:850}.spns-result-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid #e4eaf4;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(28,65,133,.07)}.spns-brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#2367ee,#3bd3b1);font-size:28px;font-weight:900}.spns-result-company{display:grid;min-width:0;gap:5px}.spns-result-company strong{font-size:18px}.spns-result-company small{width:max-content;max-width:100%;padding:4px 7px;border-radius:6px;color:#4166db;background:#edf2ff}.spns-result-company i{font-style:normal}.spns-result-phone{min-width:max-content;text-align:right}.spns-result-phone strong{display:block;font-size:23px;white-space:nowrap}.spns-result-phone span{color:#718098;font-size:12px}.spns-result-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spns-result-actions span{padding:9px;border-radius:9px;color:#44536c;background:#f4f6fa;text-align:center;font-size:12px}.spns-search-demo>p{margin:12px 4px 0;color:#8490a3;font-size:10px;line-height:1.65}
.spns-soft{background:linear-gradient(180deg,#f7faff,#f2f6fd)}.spns-overview-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:72px;align-items:center}.spns-overview h2,.spns-material-grid h2{margin:18px 0;font-size:clamp(30px,3.4vw,43px);line-height:1.35}.spns-overview p,.spns-material-grid>div>p{color:#5c6e87;line-height:1.9}.spns-overview-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.spns-overview-list article{padding:24px;border:1px solid #dce6f4;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(35,72,141,.055)}.spns-overview-list b{color:#2862e9;font-size:13px}.spns-overview-list h3{margin:12px 0 7px;font-size:19px}.spns-overview-list p{margin:0;font-size:14px;line-height:1.75}
.spns-problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.spns-problem-grid article{min-width:0;padding:27px;border:1px solid #dce6f4;border-radius:20px;background:#fff}.spns-problem-grid img{width:64px;height:64px;display:block;object-fit:contain}.spns-problem-grid h3{margin:18px 0 9px;font-size:18px}.spns-problem-grid p,.spns-type-grid p,.spns-scene-grid p,.spns-materials p,.spns-process p{margin:0;color:#5e7089;font-size:14px;line-height:1.8}
.spns-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.spns-type-grid article{padding:34px;border:1px solid #dae4f2;border-radius:22px;background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:0 15px 42px rgba(35,72,141,.06)}.spns-type-grid span{color:#2c63df;font-size:11px;font-weight:850;letter-spacing:.1em}.spns-type-grid h3{margin:13px 0 9px;font-size:25px}.spns-type-grid ul{margin:22px 0 0;padding:18px 0 0;border-top:1px solid #e6ebf3;list-style:none}.spns-type-grid li{position:relative;padding:7px 0 7px 23px;color:#52657f}.spns-type-grid li:before{content:"✓";position:absolute;left:0;color:#18b982;font-weight:900}
.spns-scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.spns-scene-grid article{padding:28px;border:1px solid #dce6f4;border-radius:19px;background:#fff}.spns-scene-grid strong{color:#2a62e6;font-size:12px}.spns-scene-grid h3{margin:11px 0 9px;font-size:20px}.spns-material-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:64px;align-items:start}.spns-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.spns-materials article{padding:24px;border-left:3px solid #3d6bea;border-radius:0 16px 16px 0;background:#f6f9ff}.spns-materials b{display:block;margin-bottom:8px;font-size:18px}.spns-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.spns-process li{min-width:0;padding:25px;border:1px solid #dbe5f3;border-radius:18px;background:#fff}.spns-process h3{margin:16px 0 8px;font-size:18px}.spns-boundary{margin:22px 0 0;padding:16px 18px;border:1px solid #dce5f2;border-radius:13px;color:#67778f;background:#f7f9fc;font-size:12px;line-height:1.8;text-align:center}
@media(max-width:1180px){.spns-hero-grid{grid-template-columns:minmax(360px,.82fr) minmax(500px,1.18fr);gap:34px}.spns-result-phone strong{font-size:20px}}
@media(max-width:980px){.spns-hero{display:flex;min-height:0;padding:56px 0}.spns-hero:before{display:none}.spns-hero-grid{grid-template-columns:1fr;gap:38px}.spns-hero .service-hero-copy{width:100%;max-width:680px}.spns-search-demo{max-width:720px;margin-inline:auto}.spns-overview-grid{grid-template-columns:1fr;gap:38px}.spns-problem-grid,.spns-scene-grid,.spns-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.spns-page .section{padding-block:58px}.spns-page .section-head{margin-bottom:28px;text-align:center}.spns-page .section-head p{margin-right:auto;margin-left:auto}.spns-hero{padding:42px 0}.spns-hero-grid,.spns-material-grid{grid-template-columns:1fr}.spns-hero-grid{gap:32px}.spns-hero h1{font-size:38px;white-space:normal}.spns-hero h2{font-size:21px}.spns-hero .eyebrow{white-space:normal}.spns-search-demo{padding:14px}.spns-result-card{grid-template-columns:52px minmax(0,1fr)}.spns-brand-mark{width:50px;height:50px}.spns-result-phone{grid-column:1/-1;min-width:0;padding-top:12px;border-top:1px solid #edf0f5;text-align:left}.spns-result-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.spns-result-actions span{padding:8px 4px;font-size:10px}.spns-overview-list,.spns-type-grid,.spns-materials{grid-template-columns:1fr}.spns-problem-grid,.spns-scene-grid,.spns-process{grid-template-columns:1fr}.spns-problem-grid article,.spns-scene-grid article,.spns-process li{padding:22px}.spns-boundary{text-align:left}}

/* SPNS-specific finishing rules intentionally come after every shared stylesheet. */
.spns-page>.section:last-of-type{padding-top:20px}
.spns-page .faq{display:grid;max-width:900px;gap:10px}
.spns-page .faq details{padding:18px 20px;border:1px solid #dfe7f3;border-radius:14px;background:#fff}
.spns-page .faq details[open]{border-color:#bfd1ef;box-shadow:0 10px 28px rgba(32,70,137,.06)}
.spns-page .faq summary{position:relative;padding-right:30px;list-style:none;font-size:16px;line-height:1.55}
.spns-page .faq summary::-webkit-details-marker{display:none}
.spns-page .faq summary:after{content:"+";position:absolute;right:2px;top:50%;color:#2862e9;font-size:22px;font-weight:500;transform:translateY(-50%)}
.spns-page .faq details[open] summary:after{content:"−"}
.spns-page .faq details p{margin:12px 0 0;color:#5e7089;font-size:14px;line-height:1.85}
.spns-problem-grid article,.spns-scene-grid article,.spns-overview-list article,.spns-type-grid article{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
@media(hover:hover){.spns-problem-grid article:hover,.spns-scene-grid article:hover,.spns-overview-list article:hover,.spns-type-grid article:hover{border-color:#bfd2f2;box-shadow:0 16px 38px rgba(35,72,141,.08);transform:translateY(-3px)}}

@media(min-width:761px){
 .spns-problem-grid article{text-align:center}
 .spns-problem-grid img{margin-inline:auto}
 .spns-overview>div>div:first-child{max-width:560px}
}
@media(max-width:760px){
 .spns-page>.section:last-of-type{padding-top:0}
 .spns-hero .hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
 .spns-hero .hero-actions>a{width:100%;justify-content:center;text-align:center}
 .spns-search-box b{padding-inline:18px}
 .spns-result-company strong{font-size:16px}
 .spns-result-company small{font-size:10px}
 .spns-result-phone strong{font-size:20px}
 .spns-overview h2,.spns-material-grid h2{font-size:28px;line-height:1.38}
 .spns-page .faq details{padding:16px}
 .spns-page .faq summary{font-size:15px}
}