.spike-ops-banner{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--spike-primary,#ef1010) 7%,#f5f8ff),#fff 56%,color-mix(in srgb,var(--spike-primary,#ef1010) 10%,#fff));min-height:540px}.spike-ops-banner-slide{min-height:540px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:56px}.spike-ops-banner-copy{padding:72px 0}.spike-ops-banner-copy h1{font-size:56px;line-height:1.08;margin:14px 0 22px;letter-spacing:-2px;color:#121b2e}.spike-ops-banner-copy p{font-size:18px;line-height:1.8;color:#5a6982;max-width:640px}.spike-ops-banner-image{height:420px;display:flex;align-items:center;justify-content:center}.spike-ops-banner-image img{max-width:100%;max-height:100%;object-fit:contain}.spike-ops-banner-dots{position:absolute;bottom:26px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}.spike-ops-banner-dots button{width:8px;height:8px;border:0;padding:0;border-radius:10px;background:#cbd4e2;transition:.2s}.spike-ops-banner-dots button.is-active{width:28px;background:var(--spike-primary,#ef1010)}.spike-ops-recommend{padding:88px 0;background:#fff}.spike-ops-recommend-head{text-align:center;margin-bottom:34px}.spike-ops-recommend-head h2{margin:0 0 10px;font-size:34px}.spike-ops-group-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}.spike-ops-group-tabs button{border:1px solid #dfe5ee;background:#fff;border-radius:999px;padding:10px 20px;color:#506078}.spike-ops-group-tabs button.is-active{color:#fff;border-color:var(--spike-primary,#ef1010);background:var(--spike-primary,#ef1010)}.spike-ops-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.spike-ops-plan{position:relative;border:1px solid #e2e7ef;border-radius:14px;padding:24px;background:#fff;box-shadow:0 10px 30px rgba(31,56,88,.06)}.spike-ops-plan h3{margin:0 0 8px;font-size:20px}.spike-ops-plan p{min-height:44px;color:#7c899d}.spike-ops-plan-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.spike-ops-plan-tags span{padding:5px 9px;border-radius:5px;background:#f3f6fa;color:#64728a;font-size:12px}.spike-ops-plan-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.spike-ops-plan-price{font-size:22px;font-weight:700;color:var(--spike-primary,#ef1010)}.spike-ops-plan a,.spike-ops-banner-copy a,.spike-ops-baota-hero a{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:12px 22px;background:var(--spike-primary,#ef1010);color:#fff;text-decoration:none;font-weight:600}.spike-ops-popup-mask{position:fixed;inset:0;z-index:99999;background:rgba(12,20,34,.58);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.spike-ops-popup{width:min(720px,100%);max-height:86vh;overflow:auto;border-radius:16px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28)}.spike-ops-popup-media img{display:block;width:100%;max-height:260px;object-fit:cover}.spike-ops-popup-body{position:relative;padding:30px}.spike-ops-popup-tag{display:inline-flex;color:var(--spike-primary,#ef1010);background:color-mix(in srgb,var(--spike-primary,#ef1010) 9%,#fff);padding:5px 10px;border-radius:999px;font-size:12px}.spike-ops-popup h2{margin:12px 0;font-size:28px}.spike-ops-popup-content{color:#596780;line-height:1.8}.spike-ops-popup-close{position:absolute;right:18px;top:16px;border:0;background:#f1f4f8;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}.spike-ops-popup-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px}.spike-ops-popup-actions a{padding:11px 22px;border-radius:7px;background:var(--spike-primary,#ef1010);color:#fff;text-decoration:none}.spike-ops-popup-dismiss{border:0;background:transparent;color:#8a96a8;cursor:pointer}.spike-certificates{padding:58px 0 20px}.spike-certificates h2{text-align:center;font-size:32px}.spike-certificate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:30px}.spike-certificate-card{border:1px solid #e2e7ef;background:#fff;border-radius:12px;padding:14px;text-align:center}.spike-certificate-card img{width:100%;height:250px;object-fit:contain;background:#f5f8fc;border-radius:8px}.spike-certificate-card h3{font-size:16px;margin:14px 0 4px}.spike-certificate-card p{color:#8491a4;margin:0}.spike-baota-nav[hidden]{display:none!important}.spike-ops-baota{min-height:70vh;background:linear-gradient(160deg,#f5f9ff,#fff)}.spike-ops-baota-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:100px 0}.spike-ops-baota-hero h1{font-size:48px;margin:0 0 18px}.spike-ops-baota-hero p{font-size:18px;line-height:1.8;color:#60708a}.spike-ops-baota-hero img{max-width:100%;max-height:430px}.spike-ops-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:90px}.spike-ops-feature{padding:24px;border:1px solid #e4eaf2;border-radius:12px;background:#fff}.spike-ops-feature strong{display:block;margin-bottom:8px}.spike-ops-feature span{color:#718098}@media(max-width:900px){.spike-ops-banner-slide,.spike-ops-baota-hero{grid-template-columns:1fr}.spike-ops-banner-copy h1{font-size:42px}.spike-ops-banner-image{height:280px}.spike-ops-plan-grid,.spike-certificate-grid,.spike-ops-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.spike-ops-banner-slide{min-height:560px}.spike-ops-banner-copy{padding:50px 0 10px}.spike-ops-banner-copy h1{font-size:34px}.spike-ops-plan-grid,.spike-certificate-grid,.spike-ops-feature-grid{grid-template-columns:1fr}.spike-ops-popup-body{padding:22px}.spike-ops-popup-actions{align-items:stretch;flex-direction:column}.spike-ops-popup-actions a{width:100%;text-align:center}}

html:not([data-spike-baota-visible="1"]) [data-spike-baota-nav]{display:none!important}
html[data-spike-banner-visible="1"] .spike-ops-banner-bootstrap:empty{min-height:540px;background:linear-gradient(110deg,#f4f7fc 8%,#fff 28%,#f4f7fc 48%);background-size:220% 100%;animation:spikeOpsBootstrap 1.15s ease-in-out infinite}
html[data-spike-banner-visible="1"] .spike-home>.spike-hero{display:none}
.spike-ops-baota-bootstrap{min-height:70vh;background:#f7f9fc}
.spike-ops-baota-bootstrap>.spike-baota-loading{min-height:70vh;display:flex;align-items:center}
@keyframes spikeOpsBootstrap{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){html[data-spike-banner-visible="1"] .spike-ops-banner-bootstrap:empty{animation:none}}

/* Operations Banner: the picture is a responsive media layer, visually used as the background. */
.spike-ops-banner{position:relative;isolation:isolate;min-height:540px;overflow:hidden;background:linear-gradient(120deg,#12233e,#263c5d)}
.spike-ops-banner::after{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,20,39,.88) 0%,rgba(7,20,39,.76) 38%,rgba(7,20,39,.36) 66%,rgba(7,20,39,.16) 100%);content:"";pointer-events:none}
.spike-ops-banner-media{position:absolute;z-index:0;inset:0}
.spike-ops-banner-media picture,.spike-ops-banner-media img{display:block;width:100%;height:100%}
.spike-ops-banner-media img{object-fit:cover;object-position:center;animation:spikeOpsBannerReveal .35s ease-out both}
.spike-ops-banner.is-image-fallback .spike-ops-banner-media{display:none}
.spike-ops-banner-slide{display:flex;position:relative;z-index:2;min-height:540px;align-items:center}
.spike-ops-banner-copy{width:min(620px,58%);padding:76px 0 84px}
.spike-ops-banner-copy .spike-label{color:#fff!important;border-color:rgba(255,255,255,.34)!important;background:rgba(255,255,255,.16)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.spike-ops-banner-copy h1{max-width:620px;margin:16px 0 20px;color:#fff;font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-.035em;text-shadow:0 3px 22px rgba(0,0,0,.32)}
.spike-ops-banner-copy p{max-width:590px;margin:0 0 26px;color:rgba(255,255,255,.86);font-size:18px;line-height:1.75;text-shadow:0 2px 14px rgba(0,0,0,.28)}
.spike-ops-banner-copy a{min-height:46px;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.2)}
.spike-ops-banner-dots{z-index:3}
.spike-ops-banner-dots button{background:rgba(255,255,255,.52);box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.spike-ops-banner-dots button.is-active{background:#fff}
@keyframes spikeOpsBannerReveal{from{opacity:.72;transform:scale(1.008)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.spike-ops-banner-copy{width:min(680px,72%)}}
@media(max-width:600px){.spike-ops-banner,.spike-ops-banner-slide{min-height:520px}.spike-ops-banner::after{background:linear-gradient(90deg,rgba(7,20,39,.82),rgba(7,20,39,.64))}.spike-ops-banner-media img{object-position:68% center}.spike-ops-banner-copy{width:100%;padding:64px 0 82px}.spike-ops-banner-copy h1{max-width:92%;font-size:36px}.spike-ops-banner-copy p{max-width:94%;font-size:16px}}
@media(prefers-reduced-motion:reduce){.spike-ops-banner-media img{animation:none}}