.sph{position:relative;background:#0a1628;padding:6rem 0 0;overflow:hidden;font-family:Inter,Arial,sans-serif;color:#fff}.sph__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(21,76,186,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(21,76,186,.1) 1px,transparent 1px);background-size:4rem 4rem;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 50%,transparent 100%)}.sph__glow{position:absolute;top:50%;left:50%;width:860px;height:640px;margin:-320px 0 0 -430px;background:#154cba;border-radius:50%;filter:blur(120px);opacity:.2;pointer-events:none}.sph__container{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.sph__badge{display:inline-flex;align-items:center;gap:.5rem;background:#154cba26;color:#93c5fd;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:2rem;border:1px solid rgba(21,76,186,.3)}.sph__badge-dot{width:.5rem;height:.5rem;border-radius:50%;background:#60a5fa;animation:sph-pulse 2s ease-in-out infinite}@keyframes sph-pulse{0%,to{opacity:1}50%{opacity:.5}}.sph__headline{font-family:Suisse BP Intl,Suisse Intl,Inter,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.1;letter-spacing:-.02em;max-width:56rem;margin:0 0 1.5rem}.sph__headline-dot{color:#60a5fa}.sph__sub{font-size:clamp(1rem,2vw,1.25rem);color:#d1d5db;max-width:42rem;line-height:1.7;margin:0 0 2.5rem}.sph__cta{display:inline-flex;align-items:center;justify-content:center;background:#154cba;color:#fff;font-weight:700;border-radius:9999px;padding:1rem 2rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;font-size:.9375rem;box-shadow:0 10px 25px #154cba66;margin-bottom:4rem;transition:background .2s}.sph__cta:hover{background:#1d4ed8}.sph__browser{position:relative;width:100%;max-width:64rem}.sph__browser-glow{position:absolute;top:-5rem;right:-5rem;bottom:0;left:-5rem;background:linear-gradient(to bottom,rgba(21,76,186,.4),rgba(21,76,186,.2),transparent);filter:blur(48px);border-radius:50%;pointer-events:none}.sph__browser-frame{position:relative;background:#111827;border-radius:1rem 1rem 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:none;box-shadow:0 25px 50px #154cba80;overflow:hidden}.sph__browser-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);background:#111827cc}.sph__browser-dots{display:flex;gap:.375rem}.sph__dot{width:.75rem;height:.75rem;border-radius:50%}.sph__dot--red{background:#ef4444cc}.sph__dot--yellow{background:#eab308cc}.sph__dot--green{background:#22c55ecc}.sph__browser-url{flex:1;margin:0 1rem;background:#ffffff0d;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem;color:#9ca3af;text-align:left;max-width:28rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sph__browser-spacer{width:3rem}.sph__browser-content{max-height:500px;overflow-y:auto;background:#000}.sph__browser-img{width:100%;display:block;object-fit:cover}@media (max-width: 768px){.sph{padding-top:4rem}.sph__cta{margin-bottom:2.5rem}}