.acc-blue{--acc:#1a56db;--acc-bg:#dbeafe;--acc-deep:#0a1f5c}.acc-green{--acc:#16a34a;--acc-bg:#dcfce7;--acc-deep:#064e2b}.acc-violet{--acc:#7c3aed;--acc-bg:#ede9fe;--acc-deep:#3b1d80}.acc-sky{--acc:#0ea5e9;--acc-bg:#e0f2fe;--acc-deep:#0a3f5c}.acc-orange{--acc:#f97316;--acc-bg:#ffedd5;--acc-deep:#7c2d12}.sp-hero-split{padding:56px 0 52px}.sp-hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;display:grid}.sp-hero-text{min-width:0}.sp-hero-visual{border:1px solid #ffffff24;border-radius:16px;position:relative;overflow:hidden;transform:rotate(.4deg);box-shadow:0 24px 55px -18px #030a2899,0 8px 20px -10px #0006}.sp-hero-visual:after{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--acc) 55%, transparent), transparent 75%);filter:blur(30px);height:70px;position:absolute;inset:auto -10% -30px}.sp-hero-visual img{width:100%;height:auto;display:block}@media (width<=900px){.sp-hero-inner{grid-template-columns:1fr;gap:1.8rem}.sp-hero-visual{order:2;max-width:520px;margin:0 auto;transform:none}.sp-hero-split{padding:44px 0 40px}}.sp-hero{background:linear-gradient(135deg, var(--acc-deep) 0%, var(--acc) 130%);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden}.sp-hero:after{content:"";background:radial-gradient(closest-side,#ffffff24,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:-60px;right:-60px}.sp-breadcrumb{color:#ffffffb3;margin-bottom:1rem;font-size:.82rem}.sp-breadcrumb a{color:#ffffffd9;text-decoration:none}.sp-breadcrumb a:hover{text-decoration:underline}.sp-eyebrow{letter-spacing:.05em;text-transform:uppercase;background:#ffffff26;border:1px solid #ffffff40;border-radius:100px;margin-bottom:1.1rem;padding:5px 16px;font-size:.8rem;font-weight:700;display:inline-block}.sp-hero h1{z-index:1;max-width:20ch;margin-bottom:1rem;font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,4.5vw,3.1rem);font-weight:800;line-height:1.08;position:relative}.sp-lede{color:#ffffffeb;z-index:1;max-width:56ch;margin-bottom:1.8rem;font-size:1.12rem;line-height:1.65;position:relative}.sp-hero-cta{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.sp-hero .btn-ghost{color:#fff;border-color:#ffffff80}.sp-hero .btn-ghost:hover{background:#ffffff1f}.sp-intro p{max-width:74ch;color:var(--text,#1e293b);margin:0 auto;font-size:1.14rem;line-height:1.75}.sp-intro strong{color:var(--head,#0a1f5c)}.sp-features{padding:48px 0}.sp-features h2,.sp-tech h2,.sp-faq h2{color:var(--head,#0a1f5c);text-align:center;margin-bottom:2rem;font-family:Barlow Condensed,sans-serif;font-size:1.9rem}.sp-feature-grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;display:grid}@media (width<=820px){.sp-feature-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.sp-feature-grid{grid-template-columns:1fr}}.sp-feature{border:1px solid var(--border,#c7d8f8);border-left:4px solid var(--acc);background:#fff;border-radius:12px;padding:1.5rem 1.6rem;transition:transform .2s,box-shadow .2s}.sp-feature:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0a1f5c1a}.sp-feature h3{color:var(--head,#0a1f5c);margin-bottom:.4rem;font-family:Barlow Condensed,sans-serif;font-size:1.2rem}.sp-feature p{color:var(--muted,#5a6a8a);font-size:.92rem;line-height:1.6}.sp-tech{padding:32px 0 48px}.sp-tech-chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:60ch;margin:0 auto;display:flex}.sp-tech-chips span{background:var(--acc-bg);color:var(--acc-deep);border-radius:100px;padding:7px 18px;font-size:.9rem;font-weight:600}.sp-faq{background:var(--bluebg2,#eff6ff);padding:40px 0 56px}.sp-faq-list{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.sp-faq-item{border:1px solid var(--border,#c7d8f8);background:#fff;border-radius:12px;overflow:hidden}.sp-faq-item summary{cursor:pointer;color:var(--head,#0a1f5c);padding:18px 22px;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;font-weight:700;list-style:none;position:relative}.sp-faq-item summary::-webkit-details-marker{display:none}.sp-faq-item summary:after{content:"+";color:var(--acc);font-size:1.5rem;line-height:1;position:absolute;right:22px}.sp-faq-item[open] summary:after{content:"–"}.sp-faq-a{color:var(--muted,#5a6a8a);padding:0 22px 20px;line-height:1.7}.sp-faq-a strong{color:var(--head,#0a1f5c)}.sp-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#0a1f5c,#1340c9);padding:60px 0}.sp-cta h2{margin-bottom:.6rem;font-family:Barlow Condensed,sans-serif;font-size:2rem}.sp-cta p{color:#b9c9f2;margin-bottom:1.5rem}.sp-related{padding:40px 0 8px}.sp-related h2{color:var(--head,#0a1f5c);text-align:center;margin-bottom:1.2rem;font-family:Barlow Condensed,sans-serif;font-size:1.5rem}.sp-related-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sp-related-links a{background:var(--acc-bg);color:var(--acc-deep);border-radius:100px;padding:9px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s}.sp-related-links a:hover{transform:translateY(-2px)}.sp-showcase{padding:48px 0 8px}.sp-showcase-head{text-align:center;max-width:60ch;margin:0 auto 2rem}.sp-showcase-label{background:var(--acc-bg);color:var(--acc-deep);letter-spacing:.05em;text-transform:uppercase;border-radius:100px;margin-bottom:.9rem;padding:5px 16px;font-size:.78rem;font-weight:700;display:inline-block}.sp-showcase-head p{color:var(--muted,#5a6a8a);font-size:1.05rem;line-height:1.6}.sp-browser{border:1px solid var(--border,#c7d8f8);background:#fff;border-radius:14px;max-width:960px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 70px -24px #0a1f5c73,0 10px 24px -12px #1a56db47}.sp-browser:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--acc) 40%, transparent), transparent 75%);filter:blur(26px);height:60px;position:absolute;inset:auto 8% -18px}.sp-browser-bar{border-bottom:1px solid var(--border,#c7d8f8);background:linear-gradient(#f1f5fb,#e6edf7);align-items:center;gap:7px;padding:11px 14px;display:flex}.sp-dot{background:#cdd8ea;border-radius:50%;width:11px;height:11px}.sp-dot:first-child{background:#ff5f57}.sp-dot:nth-child(2){background:#febc2e}.sp-dot:nth-child(3){background:#28c840}.sp-browser-url{border:1px solid var(--border,#c7d8f8);color:var(--muted,#5a6a8a);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:7px;flex:1;margin-left:10px;padding:4px 12px;font-family:ui-monospace,monospace;font-size:.78rem;overflow:hidden}.sp-browser img{width:100%;height:auto;display:block}.sp-showcase-cta{text-align:center;margin-top:1.2rem}.sp-showcase-cta a{color:var(--acc);font-size:.95rem;font-weight:700;text-decoration:none}.sp-showcase-cta a:hover{text-decoration:underline}@media (width<=768px){.sp-browser-url{display:none}}.sp-hero-img:after{content:"";z-index:1;background:linear-gradient(90deg,#040f2deb 0%,#040f2dc7 34%,#040f2d59 56%,#040f2d0d 72%,#0000 100%),linear-gradient(#0000 55%,#040f2d8c);position:absolute;inset:0}.sp-hero-img .container{z-index:2;position:relative}.sp-hero-img h1,.sp-hero-img .sp-lede{text-shadow:0 2px 18px #000a2873}.sp-hero-img .sp-lede{max-width:44ch}@media (width<=768px){.sp-hero-img{padding:56px 0 48px}.sp-hero-img .sp-hero-bg{object-position:72% center}.sp-hero-img:after{background:linear-gradient(#040f2dd1 0%,#040f2db8 60%,#040f2dd9 100%)}}.sp-intro-split{padding:56px 0 24px}.sp-intro-split .sp-intro-inner{grid-template-columns:1fr .9fr;align-items:center;gap:2.6rem;max-width:none;display:grid}.sp-intro-split .sp-intro-inner p{max-width:52ch;margin:0}.sp-intro-visual{border:1px solid var(--border,#c7d8f8);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 44px -16px #0a1f5c47}.sp-intro-visual:after{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--acc) 45%, transparent), transparent 74%);filter:blur(26px);height:56px;position:absolute;inset:auto 6% -22px}.sp-intro-visual img{width:100%;height:auto;display:block}@media (width<=860px){.sp-intro-split .sp-intro-inner{grid-template-columns:1fr;gap:1.6rem}.sp-intro-visual{max-width:480px;margin:0 auto}}.sp-hero-cta .btn,.sp-showcase-cta .btn,.svc-hub-cta .btn,.sp-cta .btn{font-family:var(--ff-body);cursor:pointer;border:none;border-radius:7px;align-items:center;gap:8px;padding:13px 28px;font-size:.93rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.sp-hero-cta .btn-primary,.svc-hub-cta .btn-primary,.sp-cta .btn-primary{color:var(--acc-deep,#0a1f5c);background:#fff}.sp-hero-cta .btn-primary:hover,.svc-hub-cta .btn-primary:hover,.sp-cta .btn-primary:hover{background:#eef4ff;transform:translateY(-2px);box-shadow:0 8px 24px #00000047}.sp-hero-cta .btn-ghost{color:#fff;background:0 0;border:2px solid #ffffff8c}.sp-hero-cta .btn-ghost:hover{background:#ffffff24;border-color:#fff}.sp-hero h1{max-width:26ch;font-size:clamp(2.1rem,4.8vw,3.4rem)}.sp-lede{max-width:70ch;font-size:1.16rem}.sp-hero:after{width:420px;height:420px;top:50%;right:4%;transform:translateY(-50%)}@media (width<=1024px){.sp-hero .container{grid-template-columns:1fr;gap:0}.sp-hero:after{width:300px;height:300px;right:-80px}}.sp-hero-split .container{display:block}.sp-hero-split .sp-hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:2.5rem;display:grid}.sp-hero-split .sp-hero-text{min-width:0}.sp-hero-split h1{max-width:20ch}.sp-hero-split .sp-lede{max-width:52ch}.sp-hero-split .sp-hero-visual{min-width:0;position:relative}.sp-hero-split .sp-hero-visual img{border:1px solid #ffffff29;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 26px 60px -20px #030a2899}.sp-hero-split .sp-hero-visual:before{content:"";z-index:0;filter:blur(42px);background:radial-gradient(closest-side,#ffffff38,#0000 72%);border-radius:50%;position:absolute;inset:6% -5% 4%}.sp-hero-split .sp-hero-visual img{z-index:1;position:relative}.sp-hero-split:after{display:none}.sp-intro{padding:52px 0 8px}.sp-intro p{max-width:76ch}@media (width<=900px){.sp-hero-split .sp-hero-inner{grid-template-columns:1fr;gap:1.8rem}.sp-hero-split .sp-hero-visual{max-width:520px;margin:0 auto}.sp-hero-split h1,.sp-hero-split .sp-lede{max-width:none}}
