/* The static export leaves Reveal wrappers hidden when reduced motion skips
   whileInView. Show their content immediately, including before hydration. */
@media (prefers-reduced-motion: reduce) {
  body > main div[style*="translateY(24px)"] {
    opacity: 1 !important;
    transform: none !important;
  }
}
.sp-extra{--sp-blue:#0878ff;--sp-ink:#071b3a;--sp-muted:#5d7191;color:#102341}
.sp-extra *{box-sizing:border-box}.sp-extra [hidden]{display:none!important}.sp-extra button,.sp-extra a{-webkit-tap-highlight-color:transparent}.sp-extra button{font:inherit;cursor:pointer}.sp-extra button:focus-visible,.sp-extra a:focus-visible{outline:3px solid #ffad45;outline-offset:4px}.sp-extra .sp-icon{display:inline-block;width:24px;height:24px;flex:none;vertical-align:middle}
.sp-extra .sp-eyebrow{margin:0 0 14px;color:var(--sp-blue);font-size:16px;font-weight:800;letter-spacing:.05em}.sp-extra h2{margin:0;color:var(--sp-ink);font-size:clamp(28px,3.4vw,40px);font-weight:900;line-height:1.35}.sp-extra h2>span{color:var(--sp-blue)}.sp-extra .sp-intro{max-width:800px;margin:18px auto 0;color:var(--sp-muted);font-size:20px;line-height:1.85}.sp-extra .sp-heading{text-align:center}.sp-section{padding-bottom:88px;scroll-margin-top:110px}.sp-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--sp-blue);font-size:16px;font-weight:800;text-decoration:none}.sp-text-link .sp-icon{width:18px;height:18px;transition:transform .2s}.sp-text-link:hover .sp-icon{transform:translateX(4px)}
/* Homepage figures */
.sp-stats{padding:20px 0 18px;background:linear-gradient(180deg,#eaf5ff,#fff);scroll-margin-top:112px}.sp-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:32px 12px;border:1px solid #e1eeff;border-radius:40px;background:linear-gradient(110deg,#edf6ff,#f3f7ff 55%,#edf5ff)}.sp-stat{position:relative;min-width:0;text-align:center;padding:0 12px}.sp-stat+.sp-stat:before{position:absolute;content:"";left:0;top:15%;height:70%;width:1px;background:linear-gradient(transparent,#cddff4,transparent)}.sp-stat strong{display:flex;align-items:baseline;justify-content:center;color:var(--sp-blue);font-family:Arial,sans-serif;font-size:56px;font-weight:700;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.sp-stat [data-count]{display:inline-flex;letter-spacing:-.025em}.sp-stat .sp-unit{margin-left:6px;color:#3775b9;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:0}.sp-stat-label{display:block;margin-top:12px;color:#5d7191;font-size:16px;line-height:1.5;font-weight:500}.sp-stat-digit{display:inline-block;overflow:hidden;width:.62em;height:1.15em;letter-spacing:0}.sp-stat-track{display:flex;flex-direction:column}.sp-stat-track>span{display:block;flex:none;height:1.15em;line-height:1.15}.sp-stat-separator{width:.28em}
@media(max-width:1050px){.sp-stat strong{font-size:44px}.sp-stat .sp-unit{font-size:16px}}
@media(max-width:640px){.sp-stats{padding-top:12px}.sp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 10px;border-radius:28px}.sp-stat{padding:23px 4px}.sp-stat strong{font-size:36px}.sp-stat .sp-unit{font-size:14px;margin-left:4px}.sp-stat-label{font-size:16px;margin-top:8px}.sp-stat:nth-child(3):before{display:none}.sp-stat:nth-child(n+3){border-top:1px solid #dce9f7}.sp-stat+.sp-stat:before{top:25%;height:50%}}
@media(max-width:380px){.sp-stat strong{font-size:32px}.sp-stat-label{font-size:14px}}
/* Light, scene-led AI + OPC modules */
.sp-heading-split{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;text-align:left!important}.sp-heading-split .sp-intro{margin:0 0 3px;max-width:380px;font-size:16px;line-height:1.9}.sp-ecosystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.sp-ecosystem-card{min-width:0;overflow:hidden;border:1px solid #e1ecf8;border-radius:24px;background:#fff;box-shadow:0 12px 40px #17447208}.sp-engine-cover{position:relative;height:290px;overflow:hidden;background:#edf6ff}.sp-engine-cover>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% center}.sp-engine-cover:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#f1f8ff 0%,#f1f8fff2 21%,#f1f8ff55 49%,transparent 72%);pointer-events:none}.sp-engine-cover-copy{position:relative;z-index:1;padding:35px 28px;max-width:65%}.sp-cover-kicker{display:block;color:#4f8bd0;font-size:12px;font-weight:800;letter-spacing:.09em}.sp-engine-cover-copy h3{margin:15px 0 18px;color:#102f53;font-size:28px;font-weight:900;line-height:1.5;letter-spacing:-.03em}.sp-cover-label{display:inline-block;color:#4e739c;font-size:14px;line-height:1.6}.sp-agent-switches{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 24px;border-bottom:1px solid #e3edf8}.sp-agent-switches button{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;min-height:57px;padding:8px 2px;border:0;background:none;color:#7791ae;font-size:16px;font-weight:700;transition:color .2s}.sp-agent-switches button .sp-icon{width:18px;height:18px}.sp-agent-switches button:after{position:absolute;content:"";height:3px;bottom:-1px;left:20%;right:20%;border-radius:3px;background:transparent}.sp-agent-switches button.is-active{color:#0878ff}.sp-agent-switches button.is-active:after{background:#0878ff}.sp-agent-switches button:hover{color:#0878ff}.sp-agent-detail{padding:23px 28px 25px;min-height:159px}.sp-agent-detail h4{margin:0 0 9px;font-size:20px;color:#153555;font-weight:800;line-height:1.5}.sp-agent-detail p{margin:0;color:#6d819b;font-size:16px;line-height:1.8}.sp-agent-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.sp-agent-tags span{padding:3px 8px;background:#f0f7ff;color:#698db8;font-size:12px;border-radius:4px}.sp-opc-body{padding:26px 28px 20px}.sp-opc-features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sp-opc-features>div>span{display:block;color:#9cc5f4;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:9px}.sp-opc-features b{display:block;font-size:16px;color:#163b61}.sp-opc-features p{font-size:14px;line-height:1.8;color:#72859d;margin:7px 0 0}.sp-opc-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e7eff8;margin-top:21px;padding-top:17px}.sp-opc-footer p{display:flex;align-items:center;gap:6px;color:#8497ac;font-size:14px;margin:0}.sp-opc-footer .sp-icon{width:15px;height:15px}.sp-opc-footer .sp-text-link{font-size:14px}.sp-delivery-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:20px 50px;border:1px solid #e3edf9;border-radius:16px;background:linear-gradient(100deg,#f7fbff,#edf6ff)}.sp-delivery-line>span,.sp-delivery-line>strong{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#6683a4;font-size:16px;font-weight:600}.sp-delivery-line>strong{color:#0878ff}.sp-delivery-line .sp-icon{width:20px;height:20px}.sp-delivery-line>i{flex:1;max-width:85px;height:1px;background:#c5d9f0;position:relative}.sp-delivery-line>i:after{position:absolute;content:"";right:0;top:-3px;width:7px;height:7px;border-right:1px solid #c5d9f0;border-top:1px solid #c5d9f0;transform:rotate(45deg)}
/* One shared showcase for the original and new cases. Original cards remain as a no-JS fallback. */
.sp-integrated-cases>:not(#sp-more-cases){display:none!important}.sp-cases-integrated>.mt-12{display:none}.sp-case-showcase{scroll-margin-top:112px}.sp-case-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-bottom:1px solid #dbe7f5;margin-bottom:24px}.sp-case-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border:0;background:transparent;color:#7b90aa;font-size:18px;font-weight:700;transition:color .2s,background .2s}.sp-case-tabs button>.sp-icon{width:21px;height:21px}.sp-case-tabs button:after{position:absolute;content:"";height:3px;left:20%;right:20%;bottom:-1px;background:transparent;border-radius:3px}.sp-case-tabs button[aria-selected="true"]{color:#0878ff;background:linear-gradient(0deg,#edf6ff,transparent)}.sp-case-tabs button[aria-selected="true"]:after{background:#0878ff}.sp-case-tabs button:hover{color:#0878ff}.sp-case-panel{overflow:hidden;border:1px solid #dfeaf7;border-radius:24px;background:#fff;box-shadow:0 18px 44px #123e7010}.sp-case-top{display:grid;grid-template-columns:.85fr 1.15fr;min-height:386px}.sp-case-photo{position:relative;min-height:350px;overflow:hidden;margin:12px;border-radius:16px;background:#ecf5ff}.sp-case-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.sp-case-panel:hover .sp-case-photo>img{transform:scale(1.025)}.sp-case-photo:after{position:absolute;inset:50% 0 0;content:"";background:linear-gradient(0deg,#fffefbef,#ffffff00);pointer-events:none}.sp-photo-caption{position:absolute;z-index:1;left:24px;right:20px;bottom:37px}.sp-photo-caption>span{color:#395d82;font-size:14px;font-weight:700}.sp-photo-caption h4{color:#123758;font-size:24px;font-weight:900;line-height:1.4;margin:8px 0 0}.sp-case-story{padding:32px 34px 24px 25px;min-width:0}.sp-case-category{display:flex;justify-content:space-between;gap:12px;color:#0878ff;font-size:14px;font-weight:700;letter-spacing:.02em}.sp-case-category>span:last-child{color:#b2c7df;font-size:12px}.sp-case-story h3{font-size:28px;line-height:1.4;font-weight:900;color:#071b3a;margin:13px 0 12px}.sp-case-story h4{font-size:20px;line-height:1.6;color:#244363;font-weight:700;margin:0 0 10px}.sp-case-story>p{font-size:16px;line-height:1.9;color:#6d8199;margin:0;min-height:50px}.sp-case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #e6eff8;border-bottom:1px solid #e6eff8;margin-top:22px;padding:19px 0}.sp-case-metrics>div{padding-left:18px;border-left:1px solid #e3edf8}.sp-case-metrics>div:first-child{padding-left:0;border-left:0}.sp-case-metrics strong{display:block;color:#0878ff;font-size:33px;line-height:1.2;font-weight:900;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}.sp-case-metrics small{margin-left:3px;color:#5686bb;font-size:14px;font-weight:600;letter-spacing:0}.sp-case-metrics>div>span{display:block;margin-top:8px;color:#7c92ad;font-size:12px;line-height:1.5}.sp-case-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px}.sp-case-bottom>span{display:flex;align-items:center;gap:6px;color:#8b9cb0;font-size:12px}.sp-case-bottom .sp-icon{width:14px;height:14px}.sp-case-bottom .sp-text-link{font-size:14px;white-space:nowrap}.sp-case-details{padding:0 24px;border-top:1px solid #edf2f8;background:#fbfdff}.sp-case-details summary{display:flex;justify-content:space-between;align-items:center;min-height:42px;cursor:pointer;list-style:none;color:#8499b1;font-size:14px}.sp-case-details summary::-webkit-details-marker{display:none}.sp-case-details summary>span{font-size:18px;color:#6a92bf}.sp-case-details[open] summary>span{transform:rotate(45deg)}.sp-case-details>p{font-size:16px;line-height:1.8;color:#617a96;margin:5px 0 20px;max-width:940px}.sp-case-table-wrap{overflow-x:auto;padding-bottom:20px}.sp-case-table-wrap table{width:100%;min-width:570px;font-size:14px;border-collapse:collapse;color:#527392;text-align:center}.sp-case-table-wrap caption{font-size:14px;color:#91a2b6;text-align:left;margin:0 0 12px}.sp-case-table-wrap th,.sp-case-table-wrap td{padding:10px;border:1px solid #e1ebf6}.sp-case-table-wrap thead{background:#eff6fe}.sp-client-wall{padding-top:38px;scroll-margin-top:115px}.sp-client-wall-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.sp-client-wall-heading h3{margin:0;color:#587493;font-size:16px;font-weight:600}.sp-client-wall-heading>span{color:#9cacc0;font-size:14px}.sp-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.sp-logo-card{display:flex;align-items:center;justify-content:center;height:91px;padding:17px;border:1px solid #e5edf6;border-radius:12px;background:#fff;transition:box-shadow .2s}.sp-logo-card:hover{box-shadow:0 8px 22px #1d569510}.sp-client-logo{width:126px;max-width:100%;height:48px;overflow:hidden}.sp-client-logo-tall{height:65px}.sp-logo-card.sp-text-logo{color:#163959;font-size:24px;font-weight:900;letter-spacing:.03em}
@media(max-width:1050px){.sp-engine-cover-copy{padding:30px 22px}.sp-engine-cover-copy h3{font-size:24px}.sp-case-story{padding:28px 25px 24px 15px}.sp-case-story h3{font-size:24px}.sp-case-metrics strong{font-size:28px}.sp-case-metrics>div{padding-left:12px}.sp-opc-features{gap:9px}.sp-opc-body{padding-inline:23px}.sp-opc-features b{font-size:16px}.sp-opc-features p{font-size:14px}.sp-case-bottom{gap:8px;flex-wrap:wrap}.sp-delivery-line{padding-inline:30px;gap:12px}}
@media(max-width:850px){.sp-heading-split{display:block}.sp-heading-split .sp-intro{margin:18px 0 0;max-width:none}.sp-ecosystem-grid{gap:16px}.sp-engine-cover{height:250px}.sp-engine-cover-copy h3{font-size:24px}.sp-agent-detail{padding:20px;min-height:174px}.sp-agent-detail h4{font-size:16px}.sp-agent-detail p{font-size:14px}.sp-agent-switches{margin-inline:15px}.sp-agent-switches button{gap:4px;font-size:14px}.sp-agent-switches button .sp-icon{width:16px}.sp-opc-body{padding:22px 20px}.sp-opc-footer{flex-wrap:wrap;margin-top:20px;padding-top:15px}.sp-opc-features{gap:10px}.sp-opc-features b{font-size:14px}.sp-opc-features p{font-size:12px}.sp-cover-label{font-size:12px}.sp-case-top{grid-template-columns:.8fr 1.2fr}.sp-case-photo{min-height:380px}.sp-photo-caption{left:18px}.sp-photo-caption h4{font-size:24px}.sp-case-story h3{font-size:24px}.sp-case-story h4{font-size:16px}.sp-case-story>p{font-size:14px}.sp-case-metrics strong{font-size:24px}.sp-case-metrics small{font-size:12px}.sp-delivery-line{padding-inline:20px;gap:10px}.sp-delivery-line>span,.sp-delivery-line>strong{font-size:14px;gap:6px}.sp-logo-card{height:85px;padding:14px}}
@media(max-width:640px){.sp-section{padding-bottom:58px}.sp-extra .sp-intro{font-size:16px}.sp-ecosystem-grid{grid-template-columns:1fr;gap:18px;margin-top:26px}.sp-engine-cover{height:238px}.sp-engine-cover-copy{padding:28px 22px}.sp-engine-cover-copy h3{font-size:24px}.sp-engine-cover-copy{max-width:70%}.sp-ecosystem-card{border-radius:21px}.sp-agent-switches button{min-height:55px;font-size:14px;gap:6px}.sp-agent-detail{min-height:0;padding:20px 22px 24px}.sp-agent-detail h4{font-size:18px}.sp-opc-body{padding:22px}.sp-opc-features b{font-size:16px}.sp-opc-features p{font-size:14px}.sp-opc-footer{flex-wrap:nowrap}.sp-opc-footer p{font-size:12px}.sp-opc-footer .sp-text-link{font-size:14px}.sp-delivery-line{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;margin-top:16px}.sp-delivery-line>i{display:none}.sp-delivery-line>span,.sp-delivery-line>strong{font-size:14px}.sp-case-tabs{margin-bottom:16px}.sp-case-tabs button{flex-direction:column;gap:7px;padding:12px 0;font-size:14px;min-height:73px}.sp-case-tabs button>.sp-icon{width:20px;height:20px}.sp-case-tabs button:after{left:15%;right:15%}.sp-case-top{grid-template-columns:1fr}.sp-case-photo{min-height:225px;height:225px;margin:10px 10px 0}.sp-case-photo>img{object-position:center 42%}.sp-photo-caption{bottom:31px}.sp-photo-caption h4{font-size:24px;margin-top:5px}.sp-photo-caption>span{font-size:12px}.sp-case-story{padding:24px 22px 21px}.sp-case-story h3{font-size:24px;margin-top:10px}.sp-case-story h4{font-size:16px;margin-bottom:9px}.sp-case-story>p{font-size:14px;min-height:0}.sp-case-metrics{gap:8px;margin-top:18px;padding:17px 0}.sp-case-metrics strong{font-size:28px}.sp-case-metrics small{display:block;font-size:12px;margin:4px 0 0}.sp-case-metrics>div{padding-left:12px}.sp-case-metrics>div>span{font-size:12px}.sp-case-bottom{padding-top:16px;gap:12px}.sp-case-bottom>span{font-size:12px}.sp-case-details{padding-inline:22px}.sp-case-panel{border-radius:22px}.sp-client-wall{padding-top:28px}.sp-client-wall-heading{gap:12px}.sp-client-wall-heading h3{font-size:16px}.sp-client-wall-heading>span{font-size:12px;white-space:nowrap}.sp-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp-logo-card{height:78px;padding:15px}.sp-client-logo{height:43px;width:112px}.sp-client-logo-tall{height:58px}.sp-logo-card.sp-text-logo{font-size:24px}}
@media(max-width:380px){.sp-engine-cover-copy h3{font-size:24px}.sp-cover-kicker{font-size:12px}.sp-engine-cover-copy{padding-left:18px}.sp-opc-features b{font-size:14px}.sp-opc-features p{font-size:12px}.sp-opc-body{padding-inline:18px}.sp-opc-footer{flex-wrap:wrap}.sp-case-story{padding-inline:18px}.sp-case-story h3{font-size:24px}.sp-case-metrics strong{font-size:24px}.sp-case-metrics>div{padding-left:9px}}
@media(prefers-reduced-motion:reduce){.sp-extra *{scroll-behavior:auto!important;transition:none!important}}
/* Match the original site's text-3xl/md:text-4xl, text-2xl and text-base scale. */
.sp-extra h2{font-size:36px;line-height:1.22}.sp-extra .sp-eyebrow{font-size:14px}.sp-heading-split .sp-intro{max-width:410px;font-size:18px;line-height:1.8}.sp-engine-cover-copy h3{font-size:24px}.sp-cover-kicker{font-size:12px}.sp-cover-label{font-size:16px;line-height:1.75}.sp-agent-detail{min-height:196px}.sp-agent-detail h4{font-size:20px;line-height:1.5}.sp-agent-detail p,.sp-case-story>p,.sp-case-details>p{font-size:16px;line-height:1.85;color:#5d7191}.sp-agent-tags span{font-size:14px;color:#5d7191}.sp-opc-features b{font-size:18px;line-height:1.5}.sp-opc-features p{font-size:16px;line-height:1.8;color:#5d7191}.sp-opc-footer{flex-wrap:wrap}.sp-opc-footer p,.sp-opc-footer .sp-text-link{font-size:14px}.sp-case-story h3{font-size:24px}.sp-case-story h4{font-size:20px}.sp-case-category,.sp-case-bottom>span,.sp-case-metrics>div>span,.sp-case-details summary{font-size:14px;color:#5d7191}.sp-case-metrics small{font-size:14px}.sp-case-metrics strong{font-size:40px}.sp-case-bottom{flex-wrap:wrap}.sp-case-bottom .sp-text-link{font-size:16px}.sp-case-details summary{min-height:48px}.sp-case-tabs button{font-size:18px}.sp-photo-caption{bottom:24px}.sp-photo-caption>span{font-size:14px}.sp-photo-caption h4{font-size:24px}.sp-client-wall-heading h3{font-size:18px}.sp-client-wall-heading>span{font-size:14px}.sp-case-table-wrap table{font-size:14px}.sp-case-table-wrap caption{font-size:14px}
@media(max-width:1000px){.sp-ecosystem-grid{grid-template-columns:1fr}.sp-engine-cover{height:290px}.sp-engine-cover-copy{max-width:65%}.sp-agent-detail{min-height:0}.sp-case-top{grid-template-columns:.75fr 1.25fr}.sp-case-metrics strong{font-size:32px}.sp-case-metrics small{font-size:12px}.sp-opc-features p{font-size:16px}}
@media(max-width:767px){.sp-extra h2{font-size:30px}.sp-heading-split .sp-intro{font-size:16px}.sp-case-top{grid-template-columns:1fr}.sp-case-photo{min-height:240px;height:240px}.sp-case-story{padding:24px}.sp-case-tabs button{font-size:14px}.sp-case-story h4{font-size:18px}.sp-engine-cover-copy h3{font-size:24px}.sp-cover-label{font-size:14px}.sp-agent-detail h4{font-size:18px}.sp-agent-switches button{font-size:14px}.sp-agent-tags span{font-size:12px}.sp-opc-features{grid-template-columns:1fr;gap:17px}.sp-opc-features>div{display:grid;grid-template-columns:28px 1fr;column-gap:10px}.sp-opc-features>div>span{grid-row:1 / 3;margin:5px 0 0;font-size:14px}.sp-opc-features b{font-size:18px}.sp-opc-features p{font-size:16px;margin-top:4px}.sp-opc-features p br{display:none}.sp-opc-footer{gap:13px}.sp-case-metrics>div>span{font-size:12px}.sp-case-bottom>span{font-size:14px}.sp-case-metrics small{display:block;margin:4px 0 0;font-size:12px}.sp-client-wall-heading h3{font-size:16px}.sp-client-wall-heading>span{font-size:12px}.sp-cover-kicker{font-size:12px}.sp-engine-cover{height:250px}.sp-engine-cover-copy{max-width:76%}.sp-photo-caption{bottom:20px}.sp-photo-caption h4{font-size:24px}}
@media(max-width:380px){.sp-engine-cover-copy h3{font-size:22px}.sp-cover-kicker{font-size:10px}.sp-cover-label{font-size:14px}.sp-agent-switches button{flex-direction:column;gap:3px}.sp-case-metrics strong{font-size:28px}.sp-case-story{padding-inline:20px}.sp-case-tabs button{font-size:13px}.sp-client-wall-heading>span{display:none}}
/* Simplified copy: retain the hierarchy while removing decorative micro-labels. */
.sp-engine-cover-copy{padding-top:38px}.sp-engine-cover-copy h3{margin:0;line-height:1.5}.sp-agent-detail{min-height:0;padding-bottom:28px}.sp-opc-footer{justify-content:flex-end}.sp-case-photo:after{display:none}.sp-case-story h3{margin-top:0}.sp-case-story{display:flex;flex-direction:column;justify-content:center}.sp-case-bottom{margin-top:auto}.sp-case-metrics{margin-top:24px}.sp-opc-features>div{display:block}
@media(max-width:767px){.sp-engine-cover-copy{padding-top:32px}.sp-opc-features{gap:17px}.sp-case-story{display:block}.sp-case-bottom{margin-top:0}}

/* V7: centered section heading, compact mobile hero and browsable customer rail. */
.sp-heading-centered .sp-intro{margin:16px auto 0;font-size:18px;line-height:1.8}
.sp-mobile-lead{display:none}
.sp-case-navigation{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.sp-case-navigation .sp-case-tabs{flex:1;min-width:0;margin:0}



.sp-case-panels{display:grid;align-items:stretch}
.sp-case-panels>.sp-case-panel{display:flex;flex-direction:column;grid-area:1 / 1;width:100%}.sp-case-panels .sp-case-top{flex:1}
.sp-case-panels>.sp-case-panel[hidden]{display:flex!important;visibility:hidden;pointer-events:none}.sp-case-panel[hidden] details{display:none}
.sp-case-panels>.sp-case-panel:not([hidden]){animation:sp-case-reveal .4s ease-out}
@keyframes sp-case-reveal{from{opacity:.25}to{opacity:1}}
.sp-client-wall{padding:36px 0 18px}
.sp-client-wall-heading{position:relative;min-height:44px;justify-content:center;margin-bottom:12px}
.sp-client-wall-heading h3{color:#5d7191;font-size:18px}











@media(max-width:1023px){
 body>main>section:first-child>.section-shell{gap:12px;padding-top:40px;padding-bottom:24px}
 body>main>section:first-child .interactive-hero{min-height:0;height:clamp(220px,50vw,360px)}
 body>main>section:first-child .interactive-hero>div:has(>img){width:min(100%,640px)}
}
@media(max-width:767px){
 .sp-heading-centered .sp-intro{font-size:16px;margin-top:14px}
 /* Show the final mobile hero proportions before the delayed enhancement runs. */
 body>main>section:first-child:not(.sp-home-hero) h1+p{display:block;margin:14px auto 0;max-width:380px;font-size:0;line-height:0}
 body>main>section:first-child:not(.sp-home-hero) h1+p::before{content:"AI 智能体覆盖寻访、筛选、沟通与邀约，交付面试和入职人才。";display:block;color:#5d7191;font-size:16px;line-height:1.75}
 body>main>section:first-child>.section-shell{padding-top:28px;padding-bottom:12px;gap:6px;text-align:center}
 body>main>section:first-child h1{font-size:32px;line-height:1.25;margin:12px auto 0;max-width:400px;letter-spacing:-.035em;text-wrap:balance}
 body>main>section:first-child h1+p{display:none}
 body>main>section:first-child .sp-mobile-lead{display:block;margin:14px auto 0;max-width:380px;font-size:16px;line-height:1.75;color:#5d7191}
 body>main>section:first-child .text-xl{font-size:16px}
 body>main>section:first-child .mt-7.inline-flex{margin-top:16px;padding:9px 13px;font-size:14px;box-shadow:none}
 body>main>section:first-child .mt-7.flex{display:none}
 body>main>section:first-child .cta-button-glow{margin-top:18px;min-height:46px;padding:11px 24px;font-size:16px}
 body>main>section:first-child .interactive-hero{height:clamp(180px,54vw,260px)}
 body>main>section:first-child .interactive-hero>div:has(>img){width:100%;max-width:440px}
 body>main>section:first-child .interactive-hero>span{display:none}
 .site-header>div.section-shell{min-height:60px;padding-top:8px;padding-bottom:8px}
 .site-header>div.section-shell img{height:32px}
 .site-mobile-nav{padding-top:7px;padding-bottom:7px;gap:16px}
 .sp-case-navigation{gap:8px;margin-bottom:16px}
 .sp-case-navigation .sp-case-tabs button{font-size:14px;gap:5px;min-height:70px}

 .sp-client-wall{padding-top:26px}
 .sp-client-wall-heading{justify-content:flex-start}






 #contact{padding-bottom:32px}
 #contact .cta-dynamic-bg{padding:24px 20px;border-radius:24px}
 #contact .relative.z-10.grid{gap:22px}
 #contact h2{font-size:28px;line-height:1.3;text-wrap:balance}
 #contact h2+p{font-size:16px;line-height:1.7;margin-top:14px}
 #contact h2+p span{font-size:32px;margin-inline:5px}
 #contact .mt-8.flex{margin-top:18px;gap:8px}
 #contact .mt-8.flex>span{font-size:12px;padding:7px 8px;gap:4px;border-radius:10px}
 #contact .mt-8.flex svg{width:14px;height:14px}
 #contact .relative.z-10.grid>div:last-child{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px}
 #contact img[alt="扫码咨询二维码"]{width:112px;height:112px}
 #contact img+div{margin-top:0;min-width:0}
 #contact img+div>p:first-child{font-size:18px}
 #contact img+div>p:nth-child(2){font-size:14px;line-height:1.6;margin-top:6px}
 #contact img+div>a{display:none}
}
@media(max-width:360px){
 body>main>section:first-child h1{font-size:30px}
 .sp-case-navigation .sp-case-tabs button{font-size:12px}
 #contact .cta-dynamic-bg{padding:22px 16px}
 #contact .relative.z-10.grid>div:last-child{padding:12px;gap:12px}
 #contact img[alt="扫码咨询二维码"]{width:100px;height:100px}
}
@media(prefers-reduced-motion:reduce){.sp-case-panels>.sp-case-panel:not([hidden]){animation:none}}

.sp-hero-title-line{display:contents}.sp-mobile-price{display:none}
/* The contact banner renders in its final layout before enhancements hydrate. */
#contact>div{opacity:1!important;transform:none!important}
@media(max-width:767px){.sp-hero-title-line{display:block}#contact h2+p{display:none}.sp-mobile-price{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:14px;font-size:16px;line-height:1.6}.sp-mobile-price>span{white-space:nowrap}.sp-mobile-price strong{font-size:32px;font-weight:900;color:#ff8a00}}

/* V8: quiet automatic rotation and two continuous customer-logo rows. */
body>main>section:first-child .mt-7.flex{display:none}
.sp-case-navigation{gap:0}
.sp-client-wall-heading{justify-content:center;min-height:0;margin-bottom:24px}
.sp-logo-marquee{overflow:hidden;padding:4px 0 12px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.sp-logo-marquee:focus-visible{outline:2px solid #0878ff;outline-offset:4px}
.sp-logo-row{overflow:hidden}
.sp-logo-row+.sp-logo-row{margin-top:16px}
.sp-logo-track{display:flex;width:max-content;animation:sp-logo-drift 42s linear infinite;animation-play-state:paused}
.sp-logo-row:nth-child(2) .sp-logo-track{animation-direction:reverse;animation-duration:46s}
.sp-logo-set{display:flex;flex:none;gap:20px;padding-right:20px}
.sp-logo-marquee .sp-logo-card{flex:0 0 224px;width:224px;height:88px;padding:12px 30px;border:1px solid #e8eef7;border-radius:999px;background:#fff;box-shadow:0 3px 10px #173d6b04}
.sp-logo-marquee .sp-client-logo{width:144px;height:52px}
.sp-logo-marquee .sp-client-logo-tall{height:64px}
.sp-logo-marquee .sp-text-logo{font-size:26px;color:#2a5e86}
.sp-logo-marquee.is-running .sp-logo-track{animation-play-state:running}
.sp-logo-marquee.is-paused .sp-logo-track,.sp-logo-marquee:focus-visible .sp-logo-track{animation-play-state:paused}
@media(hover:hover){.sp-logo-marquee:hover .sp-logo-track{animation-play-state:paused}}
@keyframes sp-logo-drift{to{transform:translateX(-50%)}}
@media(max-width:767px){
 .sp-client-wall-heading{justify-content:center;margin-bottom:20px}
 .sp-logo-row+.sp-logo-row{margin-top:12px}
 .sp-logo-set{gap:12px;padding-right:12px}
 .sp-logo-marquee .sp-logo-card{flex-basis:152px;width:152px;height:74px;padding:10px 16px}
 .sp-logo-marquee .sp-client-logo{width:120px;height:44px}
 .sp-logo-marquee .sp-client-logo-tall{height:54px}
 .sp-logo-marquee .sp-text-logo{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .sp-logo-marquee{mask-image:none;overflow:visible}
 .sp-logo-track{animation:none;width:100%}
 .sp-logo-set{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:12px;padding-right:0}
 .sp-logo-set[aria-hidden]{display:none}
 .sp-logo-marquee .sp-logo-card{width:100%;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce) and (max-width:767px){.sp-logo-set{grid-template-columns:repeat(2,minmax(0,1fr))}}
body>main>section:first-child .cta-button-glow{display:flex;width:fit-content}
@media(max-width:767px){body>main>section:first-child .cta-button-glow{margin-inline:auto}}
/* Keep a compact gap between the promise and the desktop demo button. */
@media(min-width:768px){body>main>section:first-child .cta-button-glow{margin-top:32px}}

/* October 13 homepage carousel and price entry. */
body>main>section.section-shell.py-20{display:none}
/* All slides share one grid row, so their maximum natural height is reserved. */
.sp-home-hero>.sp-hero-slide{grid-area:1/1;min-width:0;align-self:stretch;visibility:visible;opacity:1;transition:opacity .3s ease,visibility 0s}
.sp-home-hero .sp-hero-slide[hidden]{display:grid!important;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease,visibility 0s .3s}
.sp-home-hero>.sp-hero-controls{grid-area:2/1}
/* The carousel owns the entrance animation, including reduced-motion mode. */
.sp-home-hero>#sp-hero-slide-0>div{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.sp-home-hero>.sp-hero-slide{transition:none!important}}
.sp-home-hero .sp-hero-new{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:34px;min-height:610px;padding-top:52px;padding-bottom:28px}
.sp-hero-copy{position:relative;z-index:1;max-width:650px}
.sp-hero-kicker{margin:0;color:#0878ff;font-size:18px;font-weight:800}
.sp-hero-copy h2{margin:22px 0 0;color:#071b3a;font-size:clamp(38px,4.1vw,62px);font-weight:900;line-height:1.2;letter-spacing:-.035em}
.sp-hero-copy h2 em{color:#0878ff;font-style:normal}
.sp-hero-copy>p:not(.sp-hero-kicker){max-width:590px;margin:22px 0 0;color:#5d7191;font-size:18px;line-height:1.85}
.sp-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;margin-top:34px;padding:0 26px;border-radius:16px;background:#0878ff;color:#fff;font-size:18px;font-weight:800;text-decoration:none;box-shadow:0 12px 26px #0878ff24;transition:transform .2s,background .2s}
.sp-hero-cta:hover{background:#006be5;transform:translateY(-2px)}
.sp-hero-cta .sp-icon{width:21px;height:21px}
.sp-hero-art{height:480px;overflow:hidden;border-radius:30px;box-shadow:0 25px 55px #166ab11a;background:#dcecff}
.sp-hero-art img{width:100%;height:100%;object-fit:cover;object-position:63% center}
.sp-hero-controls{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 0 30px}
.sp-hero-controls button{width:29px;height:9px;padding:0;border:0;border-radius:99px;background:#b9d7f8;cursor:pointer;transition:width .25s,background .25s}
.sp-hero-controls button.is-active{width:51px;background:#0878ff}
.sp-hero-controls button:focus-visible,.sp-hero-cta:focus-visible,.sp-quick-calc button:focus-visible,.sp-quick-calc input:focus-visible,.sp-process-price a:focus-visible{outline:3px solid #ff9b23;outline-offset:3px}
.sp-hero-cost{background:radial-gradient(circle at 78% 45%,#cfe7ff,#edf7ff 62%,transparent 85%)}
.sp-quick-calc{width:min(100%,520px);justify-self:center;padding:28px;border:1px solid #d7e9ff;border-radius:26px;background:#fff;box-shadow:0 22px 60px #1d69b021}
.sp-quick-calc-top{display:flex;align-items:center;justify-content:space-between;color:#123658;font-size:24px;font-weight:900}
.sp-quick-calc-top .sp-icon{width:29px;height:29px;color:#0878ff}
.sp-quick-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.sp-quick-modes button{min-height:81px;padding:12px;border:1px solid #dce8f6;border-radius:14px;background:#f8fbff;color:#143959;text-align:left;font-size:17px;font-weight:800;cursor:pointer}
.sp-quick-modes button small{display:block;margin-top:5px;color:#5d7191;font-size:14px;font-weight:600}
.sp-quick-modes button.is-active{border-color:#0878ff;background:#eef7ff;box-shadow:inset 0 0 0 1px #0878ff}
.sp-quick-label{display:block;margin-top:24px;color:#365a7b;font-size:16px;font-weight:700}
.sp-quick-input{display:flex;align-items:center;gap:8px;height:58px;margin-top:10px;padding:0 17px;border:1px solid #d7e4f3;border-radius:12px;background:#fbfdff}
.sp-quick-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#123658;font-size:26px;font-weight:800;appearance:textfield}
.sp-quick-input span{color:#587493;font-size:16px}
.sp-quick-result{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:25px;padding-top:20px;border-top:1px solid #e5eef8;color:#365a7b;font-size:17px;font-weight:700}
.sp-quick-result strong{color:#0878ff;font-size:clamp(30px,3vw,42px);font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-quick-result small{font-size:16px}
.sp-quick-calc>p{margin:10px 0 0;color:#5d7191;font-size:14px;line-height:1.5}
@media(max-width:1023px){.sp-home-hero .sp-hero-new{min-height:490px;gap:20px}.sp-hero-art{height:360px}}
@media(max-width:767px){.sp-home-hero .sp-hero-new{grid-template-columns:1fr;gap:18px;min-height:0;padding:28px 20px 18px;text-align:center}.sp-hero-kicker{font-size:16px}.sp-hero-copy h2{font-size:32px;margin-top:12px;line-height:1.25}.sp-hero-copy>p:not(.sp-hero-kicker){font-size:16px;line-height:1.7;margin-top:13px}.sp-hero-cta{min-height:46px;margin-top:18px;padding:0 22px;font-size:16px}.sp-hero-art{width:100%;height:clamp(190px,58vw,275px);border-radius:20px}.sp-hero-art img{object-position:68% center}.sp-hero-cost .sp-hero-copy>p:not(.sp-hero-kicker){display:none}.sp-hero-cost .sp-hero-copy h2 br{display:none}.sp-quick-calc{padding:18px;text-align:left;border-radius:20px}.sp-quick-calc-top{font-size:20px}.sp-quick-modes{margin-top:16px;gap:8px}.sp-quick-modes button{min-height:67px;font-size:15px}.sp-quick-modes button small{font-size:12px}.sp-quick-label{margin-top:16px;font-size:14px}.sp-quick-input{height:48px}.sp-quick-input input{font-size:22px}.sp-quick-result{margin-top:16px;padding-top:14px;font-size:14px}.sp-quick-result strong{font-size:29px}.sp-quick-calc>p{font-size:12px}.sp-hero-controls{padding:8px 0 20px}}
@media(prefers-reduced-motion:reduce){.sp-hero-controls button,.sp-hero-cta{transition:none}}

/* Layered, interactive artwork for the second and third slides. */
.sp-hero-controls{position:relative;z-index:5}
.sp-hero-cost{background:none}
/* A layered estimate card with a generated 3D calculator; controls remain live. */
.sp-cost-visual{position:relative;isolation:isolate;display:grid;place-items:center;min-height:520px;padding:48px 14px 28px}
.sp-cost-visual::before{position:absolute;z-index:-1;inset:66px 12px 32px;content:"";border:1px solid #ffffffc4;border-radius:32px;background:linear-gradient(140deg,#ffffff96,#7cbdff45);box-shadow:0 18px 40px #2686d51c;transform:rotate(5deg)}
.sp-cost-visual::after{position:absolute;z-index:-2;right:3%;bottom:7px;left:3%;height:50px;content:"";border:1px solid #b8ddff;border-radius:50%;background:linear-gradient(#ffffffd9,#88c7ff70);box-shadow:0 15px 28px #267aba25}
.sp-estimate-card{position:relative;width:min(100%,500px);border:1px solid #fff;border-radius:27px;background:#fff;box-shadow:0 28px 65px #135ca82b,0 5px 12px #2875b713;text-align:left}
.sp-estimate-summary{position:relative;min-height:195px;padding:27px 30px 24px;border-radius:26px 26px 0 0;background:radial-gradient(ellipse at 84% 0,#85e2ff80,transparent 55%),linear-gradient(120deg,#0878ff,#389bff);color:#fff}
.sp-estimate-summary::before{position:absolute;inset:0;content:"";border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0 27px,#ffffff0b 28px 29px),repeating-linear-gradient(90deg,transparent 0 27px,#ffffff0b 28px 29px);pointer-events:none}
.sp-estimate-summary>p{position:relative;margin:0;color:#fff;font-size:17px;font-weight:700;line-height:1.5}
.sp-estimate-summary>strong{position:relative;display:flex;align-items:baseline;gap:5px;width:max-content;max-width:100%;margin-top:9px;font-size:clamp(32px,3.2vw,48px);font-weight:900;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 3px 12px #0068cd26}
.sp-estimate-summary>strong.sp-estimate-total-long{font-size:39px}
.sp-estimate-summary>strong>span{font-size:.53em;letter-spacing:0}
.sp-estimate-summary>strong>small{margin-left:3px;font-size:15px;font-weight:600;letter-spacing:0}
.sp-estimate-summary>.sp-estimate-formula{margin-top:14px;color:#e5f4ff;font-size:14px;font-weight:500}
.sp-estimate-art{position:absolute;right:-41px;top:-59px;width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 18px 15px #006ccc2e);pointer-events:none}
.sp-estimate-fields{padding:23px 28px 19px}
.sp-estimate-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-estimate-modes button{position:relative;min-width:0;min-height:100px;padding:15px 17px;border:1px solid #dae6f5;border-radius:15px;background:linear-gradient(145deg,#fff,#f5f9ff);color:#254867;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.sp-estimate-modes button.is-active{border-color:#248aff;background:linear-gradient(130deg,#edf7ff,#f5faff);box-shadow:inset 0 0 0 1px #248aff,0 5px 14px #1285e80c;color:#0878ff}
.sp-estimate-mode-name{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:800;white-space:nowrap}
.sp-estimate-mode-name .sp-icon{width:19px;height:19px}
.sp-estimate-rate{display:block;margin-top:8px;color:#5d7191;font-size:12px;white-space:nowrap}
.sp-estimate-rate b{margin-right:3px;color:#173d60;font-size:25px;line-height:1;font-weight:850}
.is-active>.sp-estimate-rate b{color:#0878ff}
.sp-estimate-selected{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#0878ff;color:#fff;opacity:0}
.is-active>.sp-estimate-selected{opacity:1}
.sp-estimate-selected .sp-icon{width:12px;height:12px;stroke-width:2.4}
.sp-estimate-quantity{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:21px}
.sp-estimate-quantity label{display:flex;align-items:center;gap:9px;color:#294e70;font-size:16px;font-weight:700;white-space:nowrap}
.sp-estimate-quantity label .sp-icon{width:22px;height:22px;color:#5093ce}
.sp-estimate-input{display:flex;align-items:center;gap:10px;width:155px;height:52px;padding:0 13px;border:1px solid #cddff2;border-radius:12px;background:#f7fbff;transition:border-color .2s,box-shadow .2s}
.sp-estimate-input:focus-within{border-color:#0878ff;box-shadow:0 0 0 3px #0878ff1a}
.sp-estimate-input input{width:100%;min-width:0;padding:0;border:0;outline:none;background:transparent;color:#123b60;text-align:right;font-size:25px;font-weight:800;font-variant-numeric:tabular-nums;appearance:textfield}
.sp-estimate-input input::-webkit-inner-spin-button,.sp-estimate-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sp-estimate-input>span{color:#6485a4;font-size:14px}
.sp-estimate-note{margin:18px 0 0;padding-top:14px;border-top:1px dashed #d9e6f4;color:#68829e;font-size:13px;line-height:1.65;text-align:center;text-wrap:pretty}
.sp-estimate-modes button:focus-visible{outline:3px solid #ff9b23;outline-offset:3px}
@media(min-width:768px) and (max-width:1100px){.sp-estimate-summary>strong.sp-estimate-total-long{font-size:30px}.sp-estimate-art{right:-15px;top:-52px;width:180px;height:180px}.sp-estimate-summary{padding-inline:24px}.sp-estimate-fields{padding-inline:19px}.sp-estimate-modes button{padding-inline:12px}.sp-estimate-mode-name{font-size:14px}.sp-estimate-input{width:130px}.sp-estimate-quantity label{gap:5px;font-size:14px}}
@media(max-width:767px){.sp-hero-cost .sp-hero-copy h2 br{display:block}.sp-estimate-summary>strong.sp-estimate-total-long{font-size:27px}.sp-home-hero .sp-hero-cost{gap:12px}.sp-cost-visual{min-height:0;padding:30px 0 17px}.sp-cost-visual::before{inset:42px 0 28px;border-radius:24px;transform:rotate(3deg)}.sp-cost-visual::after{height:30px;bottom:0;right:5%;left:5%}.sp-estimate-card{border-radius:22px}.sp-estimate-summary{min-height:164px;padding:20px 21px;border-radius:21px 21px 0 0}.sp-estimate-summary>p{font-size:15px}.sp-estimate-summary>strong{margin-top:9px;font-size:36px;gap:3px}.sp-estimate-summary>strong>small{font-size:13px}.sp-estimate-summary>.sp-estimate-formula{margin-top:10px;font-size:12px}.sp-estimate-art{width:142px;height:142px;right:-13px;top:-42px}.sp-estimate-fields{padding:17px 17px 14px}.sp-estimate-modes{gap:10px}.sp-estimate-modes button{min-height:88px;padding:13px 12px}.sp-estimate-mode-name{gap:5px;font-size:14px}.sp-estimate-mode-name .sp-icon{width:17px;height:17px}.sp-estimate-rate{font-size:11px}.sp-estimate-rate b{font-size:23px}.sp-estimate-selected{right:6px;top:6px;width:13px;height:13px}.sp-estimate-selected .sp-icon{width:10px;height:10px}.sp-estimate-quantity{gap:10px;margin-top:17px}.sp-estimate-quantity label{gap:6px;font-size:14px}.sp-estimate-quantity label .sp-icon{width:18px;height:18px}.sp-estimate-input{width:126px;height:46px;padding-inline:10px}.sp-estimate-input input{font-size:23px}.sp-estimate-note{margin-top:15px;padding-top:12px;font-size:12px}}
@media(max-width:360px){.sp-estimate-summary>strong{font-size:31px}.sp-estimate-summary>strong.sp-estimate-total-long{font-size:23px}.sp-estimate-art{width:126px;height:126px}.sp-estimate-fields{padding-inline:13px}.sp-estimate-mode-name{font-size:13px}.sp-estimate-input{width:110px}.sp-estimate-quantity label .sp-icon{display:none}}
@media(prefers-reduced-motion:reduce){.sp-estimate-modes button,.sp-estimate-input{transition:none}}
.sp-ai-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:23px}
.sp-ai-points>div{min-width:0;padding:11px 10px 12px;border:1px solid #d6e7fb;border-radius:16px;background:#ffffffbb;box-shadow:0 8px 20px #2465a30b}
.sp-ai-points img{display:block;width:48px;height:48px;object-fit:contain}
.sp-ai-points b{display:block;margin-top:4px;color:#153a5d;font-size:16px}
.sp-ai-points span{display:block;margin-top:2px;color:#5d7191;font-size:13px;line-height:1.4}
.sp-hero-ai .sp-hero-cta{margin-top:25px}
.sp-layer-stage{position:relative;isolation:isolate;min-height:478px;overflow:hidden;border:1px solid #d5e7fd;border-radius:30px;background:radial-gradient(circle at 53% 61%,#fefefe 0%,#e8f5ff 32%,#cae3ff 73%,#eaf4ff 100%);box-shadow:0 25px 55px #166ab11a}
.sp-layer-orbit{position:absolute;z-index:-1;left:50%;top:55%;width:80%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(67deg);border:2px solid #78b9ff8f;border-radius:50%;box-shadow:0 0 0 30px #eff8ffad,0 0 0 63px #a4d0ff4f}
.sp-layer-ring{position:absolute;left:21%;right:18%;bottom:46px;height:94px;border:16px solid #b1d7ff;border-radius:50%;background:radial-gradient(ellipse,#fff 20%,#d5edff 75%);box-shadow:0 18px 25px #3f8bd34d,inset 0 0 0 8px #fff;transform:perspective(250px) rotateX(55deg)}
.sp-layer-mascot{position:absolute;z-index:2;left:31%;bottom:41px;width:43%;height:84%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 20px #34699b3d);transition:transform .25s ease-out;pointer-events:none}
.sp-layer-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border:1px solid #b9ddff;border-radius:14px;background:#fffffff0;color:#1b5688;font-size:16px;font-weight:800;box-shadow:0 12px 25px #276bb52b;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}
.sp-layer-chip:hover,.sp-layer-chip.is-active{border-color:#0878ff;box-shadow:0 14px 28px #167de43d;transform:translateY(-4px)}
.sp-layer-chip .sp-icon{width:20px;height:20px;color:#0878ff}
.sp-layer-chip-a{left:4%;top:18%}.sp-layer-chip-b{right:3%;top:30%}.sp-layer-chip-c{left:5%;bottom:27%}
.sp-layer-caption{position:absolute;z-index:4;right:20px;bottom:16px;max-width:60%;margin:0;padding:8px 12px;border:1px solid #ffffffba;border-radius:10px;background:#ffffffd9;color:#315f89;font-size:14px;font-weight:700;text-align:center;box-shadow:0 4px 12px #1b5b9320}
.sp-layer-chip:focus-visible{outline:3px solid #ff9b23;outline-offset:3px}
.sp-cost-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:520px}
.sp-cost-orbit{position:absolute;z-index:-2;left:8%;right:1%;top:4%;bottom:3%;border:1px solid #82bbf887;border-radius:50%;background:radial-gradient(circle,#f8fcff 0%,#d4eaff 64%,#bfdbfb 100%);box-shadow:0 0 0 24px #dcebfb83,0 0 0 52px #e4f3ff5c}
.sp-cost-emblem{position:absolute;z-index:3;top:-3px;right:-4px;width:148px;height:148px;object-fit:contain;filter:drop-shadow(0 15px 14px #c97d1a30);pointer-events:none}
.sp-cost-floating{position:absolute;z-index:3;left:0;bottom:12px;display:flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid #cfe4fa;border-radius:14px;background:#fffffff0;color:#1c649d;font-size:15px;font-weight:800;box-shadow:0 9px 25px #266bbd20;transform:rotate(-5deg);pointer-events:none}
.sp-cost-floating .sp-icon{width:19px;height:19px;color:#0878ff}
.sp-cost-stage .sp-quick-calc{position:relative;z-index:1;width:min(88%,490px);padding:0 28px 23px;overflow:hidden;border:1px solid #d3e4f7;border-radius:24px;background:#fff;box-shadow:0 25px 55px #225f9c2c}
.sp-cost-stage .sp-quick-calc-top{margin:0 -28px;padding:20px 28px;background:linear-gradient(105deg,#0878ff,#3ea7ff);color:#fff;font-size:22px}
.sp-cost-stage .sp-quick-calc-top .sp-icon{color:#fff}
.sp-cost-stage .sp-quick-modes{margin-top:18px}
.sp-cost-stage .sp-quick-modes button{min-height:70px}
.sp-cost-stage .sp-quick-result{margin-top:18px;padding:18px 15px;border:1px solid #d6eaff;border-radius:14px;background:linear-gradient(100deg,#edf7ff,#f8fbff)}
.sp-cost-stage .sp-quick-calc>p{margin-top:13px}
@media(max-width:1050px){.sp-ai-points span{font-size:12px}.sp-layer-stage{min-height:390px}.sp-layer-chip{font-size:13px;min-height:42px;padding-inline:10px}.sp-layer-mascot{bottom:28px}.sp-cost-stage{min-height:480px}.sp-cost-emblem{width:116px;height:116px}}
@media(max-width:767px){.sp-home-hero .sp-hero-ai{gap:15px}.sp-hero-ai .sp-hero-copy>p:not(.sp-hero-kicker){display:none}.sp-ai-points{gap:6px;margin-top:15px}.sp-ai-points>div{padding:7px 5px 8px;text-align:center;border-radius:12px}.sp-ai-points img{width:40px;height:40px;margin:auto}.sp-ai-points b{font-size:13px}.sp-ai-points span{font-size:11px;line-height:1.3}.sp-hero-ai .sp-hero-cta{margin-top:14px}.sp-layer-stage{min-height:240px;border-radius:20px}.sp-layer-mascot{left:34%;width:36%;height:82%;bottom:28px}.sp-layer-ring{bottom:10px;height:55px;border-width:10px}.sp-layer-chip{min-height:31px;gap:4px;padding:0 6px;border-radius:8px;font-size:10px;box-shadow:0 5px 12px #276bb526}.sp-layer-chip .sp-icon{width:13px;height:13px}.sp-layer-chip-a{left:3%;top:16%}.sp-layer-chip-b{right:2%;top:33%}.sp-layer-chip-c{left:3%;bottom:24%}.sp-layer-caption{right:8px;bottom:7px;max-width:64%;padding:4px 6px;font-size:10px}.sp-cost-stage{min-height:0;width:100%;padding:22px 0 8px}.sp-cost-orbit{inset:0 3%}.sp-cost-emblem{top:0;right:-3px;width:78px;height:78px}.sp-cost-floating{left:-3px;bottom:1px;padding:7px 9px;font-size:11px}.sp-cost-floating .sp-icon{width:14px;height:14px}.sp-cost-stage .sp-quick-calc{width:91%;padding:0 15px 16px}.sp-cost-stage .sp-quick-calc-top{margin:0 -15px;padding:14px 15px;font-size:18px}.sp-cost-stage .sp-quick-modes{margin-top:14px}.sp-cost-stage .sp-quick-modes button{min-height:64px}.sp-cost-stage .sp-quick-result{margin-top:13px;padding:12px 10px}.sp-cost-stage .sp-quick-calc>p{margin-top:9px}.sp-hero-controls{padding-bottom:18px}}

/* Match the original floating hero: independent transparent 3D layers. */
.sp-layer-stage{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.sp-layer-orbit,.sp-layer-ring{display:none}
.sp-layer-platform{position:absolute;z-index:1;left:-8%;bottom:-20px;width:116%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 26px #3d8bd137);pointer-events:none}
.sp-layer-mascot{left:30%;bottom:59px;width:42%;height:83%;z-index:2;filter:drop-shadow(0 16px 18px #23589030)}
.sp-layer-chip{z-index:3;border-color:#c8e1ff;background:#ffffffd6;backdrop-filter:blur(9px);box-shadow:0 12px 30px #276bb51d}
.sp-layer-chip-a{left:4%;top:18%}.sp-layer-chip-b{right:0;top:27%}.sp-layer-chip-c{left:3%;bottom:25%}
.sp-layer-caption{right:0;bottom:4%;max-width:60%;background:#ffffffd9}
.sp-cost-floating{left:-10px;top:70px;bottom:auto}
@media(max-width:767px){.sp-layer-stage{min-height:232px}.sp-layer-platform{left:-6%;bottom:-18px;width:112%}.sp-layer-mascot{left:33%;bottom:27px;width:35%;height:84%}.sp-layer-chip-a{left:1%;top:12%}.sp-layer-chip-b{right:0;top:28%}.sp-layer-chip-c{left:1%;bottom:22%}.sp-layer-caption{bottom:0;right:0}.sp-cost-floating{display:none}}
.sp-layer-mascot{left:25%;bottom:51px;width:51%;height:96%}
@media(max-width:767px){.sp-layer-mascot{left:27%;bottom:26px;width:47%;height:100%}}

/* Final transparent scene, based on the supplied mascot composition. */
.sp-home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
.sp-home-hero::before{position:absolute;z-index:0;inset:0;content:"";background:radial-gradient(ellipse 46% 56% at 73% 52%,#9bd0ff65,transparent 78%),radial-gradient(ellipse 30% 28% at 20% 10%,#c6ddff83,transparent 85%);pointer-events:none}
.sp-home-hero::after{position:absolute;z-index:0;inset:0;content:"";background:linear-gradient(90deg,#f4f9ffd9, #f4f9ff66 40%,transparent 68%);pointer-events:none}
.sp-home-hero>.sp-hero-slide,.sp-home-hero>.sp-hero-controls{position:relative;z-index:1}
/* Lightweight flowing ribbons and light fields beneath all three hero slides. */
.sp-hero-atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.sp-hero-aura{position:absolute;border-radius:50%;will-change:transform;animation:sp-aura-drift 16s ease-in-out infinite alternate}
.sp-hero-aura-blue{width:85%;height:145%;right:-22%;top:-47%;background:radial-gradient(ellipse,#369aff70, #77c8ff40 40%,transparent 70%)}
.sp-hero-aura-ice{width:70%;height:105%;right:7%;bottom:-59%;background:radial-gradient(ellipse,#b2f2ffb3,#7bc8ff38 44%,transparent 70%);animation-duration:12s;animation-direction:alternate-reverse}
.sp-hero-ribbons{position:absolute;inset:-7% -4%;width:108%;height:114%;opacity:.8}
.sp-hero-ribbon-back,.sp-hero-ribbon-front{transform-box:fill-box;transform-origin:center;will-change:transform;animation:sp-ribbon-flow 14s ease-in-out infinite alternate}
.sp-hero-ribbon-front{animation-duration:11s;animation-direction:alternate-reverse}
.sp-hero-light-trace{stroke-dasharray:90 1500;animation:sp-ribbon-trace 14s linear infinite}
.sp-motion-paused .sp-hero-atmosphere *{animation-play-state:paused}
@keyframes sp-aura-drift{from{transform:translate3d(-5%,4%,0) scale(.94)}to{transform:translate3d(5%,-5%,0) scale(1.08)}}
@keyframes sp-ribbon-flow{from{transform:translate(-24px,22px) rotate(-3deg)}to{transform:translate(25px,-16px) rotate(3deg)}}
@keyframes sp-ribbon-trace{from{stroke-dashoffset:1590}to{stroke-dashoffset:0}}
@media(max-width:767px){.sp-home-hero::after{background:linear-gradient(#f4f9ffbd,transparent 65%)}.sp-hero-ribbons{left:-90%;width:195%;opacity:.45}.sp-hero-aura-blue{width:150%;right:-80%;opacity:.7}.sp-hero-aura-ice{width:130%;right:-30%;opacity:.65}}
.sp-hero-ai .sp-hero-copy>.sp-ai-detail{max-width:590px;margin-top:20px;padding:12px 16px;border-left:3px solid #0878ff;border-radius:0 10px 10px 0;background:#ffffffb3;color:#2b5a83;font-size:16px;font-weight:700;line-height:1.6}
.sp-hero-ai .sp-hero-cta{margin-top:25px}
.sp-layer-stage{min-height:478px;overflow:visible}
.sp-solved-art{position:absolute;z-index:1;left:-9%;top:3%;width:118%;height:auto;filter:drop-shadow(0 24px 28px #307bbf24);transition:transform .25s ease-out}
.sp-solved-art>img{display:block;width:100%;height:auto;pointer-events:none}
/* Transparent hit areas follow the labels rendered into the 3D platforms. */
.sp-scene-hotspot{position:absolute;z-index:2;padding:0;border:0;border-radius:20%;background:transparent;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sp-scene-hotspot-a{left:5%;top:23%;width:27%;height:41%}
.sp-scene-hotspot-b{left:40%;top:2%;width:24%;height:38%}
.sp-scene-hotspot-c{left:71%;top:23%;width:27%;height:43%}
.sp-scene-hotspot:focus-visible{outline:3px solid #0878ff;outline-offset:4px}
.sp-layer-caption{display:none}
@media(max-width:767px){.sp-hero-ai .sp-hero-copy>.sp-ai-detail{margin:15px auto 0;padding:9px 11px;font-size:13px;text-align:left}.sp-layer-stage{min-height:255px}.sp-solved-art{left:-5%;top:0;width:110%}}
@media(prefers-reduced-motion:reduce){.sp-hero-atmosphere *{animation:none!important;will-change:auto}.sp-solved-art{transition:none}}
@media(max-width:767px){.sp-hero-ai .sp-hero-copy>p.sp-ai-detail{display:block}}
.sp-updates{padding-top:18px;padding-bottom:70px}
.sp-updates-head{display:flex;align-items:end;justify-content:space-between;gap:24px}
.sp-updates-head>div>span{color:#0878ff;font-size:16px;font-weight:800}
.sp-updates-head h2{margin:8px 0 0;color:#071b3a;font-size:36px;font-weight:900;line-height:1.3}
.sp-updates-head h2>span{color:inherit}
.sp-updates-head>a{display:inline-flex;align-items:center;gap:8px;color:#0878ff;font-size:16px;font-weight:800;text-decoration:none;white-space:nowrap}
.sp-updates-head .sp-icon{width:18px;height:18px}
.sp-updates-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:27px}
.sp-updates-list>a{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;min-height:150px;padding:22px 26px;border:1px solid #dce9f7;border-radius:18px;background:linear-gradient(125deg,#f4faff,#fff);text-decoration:none;box-shadow:0 10px 27px #1b5b950c;transition:transform .2s,box-shadow .2s}
.sp-updates-list>a:hover{transform:translateY(-3px);box-shadow:0 15px 32px #1b5b951a}
.sp-updates-list time{grid-column:1 / -1;color:#5585b5;font-size:14px;font-weight:700}
.sp-updates-list strong{color:#163959;font-size:20px;font-weight:800;line-height:1.55}
.sp-updates-list>a>span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e8f3ff;color:#0878ff}
.sp-updates-list .sp-icon{width:19px;height:19px}
.sp-updates a:focus-visible{outline:3px solid #ff9b23;outline-offset:3px}
@media(max-width:767px){.sp-updates{padding-top:15px;padding-bottom:48px}.sp-updates-head{position:relative;display:block}.sp-updates-head>div>span{display:block;padding-right:130px}.sp-updates-head h2{font-size:26px;text-wrap:balance}.sp-updates-head h2>span{display:inline-block;white-space:nowrap}.sp-updates-head>a{position:absolute;right:0;top:0;min-height:24px;font-size:13px}.sp-updates-list{grid-template-columns:1fr;gap:10px;margin-top:18px}.sp-updates-list>a{min-height:105px;padding:17px 18px}.sp-updates-list strong{font-size:17px;text-wrap:balance}}

/* Prices and delivery milestones share one surface and the statistics typography. */
#process, #contact { --sp-service-number-size:56px; --sp-service-unit-size:18px; }
#process .mt-10 .rounded-card.sp-service-card { padding:0; overflow:hidden; background:linear-gradient(110deg,#f0f7ff,#fff); }
.sp-process-price { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:24px; padding:26px 32px; }
.sp-process-price>div { display:flex; align-items:baseline; justify-content:center; gap:12px; min-width:0; }
.sp-process-price>div>span { color:#2b5278; font-size:18px; font-weight:700; white-space:nowrap; }
#process .sp-service-metric { display:flex; align-items:baseline; justify-content:center; gap:6px; margin:0; white-space:nowrap; }
#process .sp-service-metric strong, #contact h2+p>span, #contact .sp-mobile-price strong {
  color:#ff8a00; font-family:Arial,sans-serif; font-size:var(--sp-service-number-size); font-weight:700;
  line-height:1.15; letter-spacing:-.035em; font-variant-numeric:tabular-nums;
}
#process .sp-service-unit { color:#456b91; font-size:var(--sp-service-unit-size); font-weight:500; line-height:1.5; letter-spacing:0; }
#process .sp-service-card>.grid { border-top:1px solid #deebf8; padding:26px 32px; }
#process .sp-service-card>.grid img { width:80px; height:80px; }
#process .sp-service-card .min-w-0>p:last-child { margin-top:10px; font-size:20px; }
#process ol li>div>span:first-child { font-family:Arial,sans-serif; font-weight:700; font-variant-numeric:tabular-nums; }
#contact h2+p { font-size:18px; font-weight:500; line-height:1.65; }
@media(max-width:1050px) {
  #process, #contact { --sp-service-number-size:44px; --sp-service-unit-size:16px; }
}
@media(max-width:1023px) {
  .sp-process-price { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .sp-process-price>.sp-nav-calculator { grid-column:1/-1; justify-self:center; }
  #process .sp-service-card>.grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:24px; }
  #process .sp-service-card .contents>.flex { flex-direction:column; gap:10px; text-align:center; }
}
@media(max-width:767px) {
  #process, #contact { --sp-service-number-size:36px; --sp-service-unit-size:14px; }
  .sp-process-price { padding:20px 14px; gap:18px 12px; }
  .sp-process-price>div { flex-direction:column; align-items:center; gap:7px; }
  .sp-process-price>div>span { font-size:16px; }
  #process .sp-service-metric { gap:4px; }
  #process .sp-service-card>.grid { padding:20px 10px; gap:8px; }
  #process .sp-service-card>.grid img { width:52px; height:52px; }
  #process .sp-service-card .min-w-0>p:last-child { font-size:14px; margin-top:6px; }
}
@media(max-width:380px) {
  #process, #contact { --sp-service-number-size:32px; --sp-service-unit-size:13px; }
}
/* Match the case metrics to the established stat numeral style without changing their layout size. */
.sp-case-metrics strong{font-family:Arial,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.035em}