.sp-intro{background:var(--sp-bg);padding:100px 0 80px}.sp-intro__inner{max-width:1340px;margin:0 auto;padding:0 40px}.sp-intro__grid{grid-template-columns:5fr 7fr;align-items:center;gap:72px;display:grid}.sp-intro__content{max-width:480px}.sp-intro__title{color:var(--sp-text);letter-spacing:-.01em;margin:0 0 24px;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.2}.sp-intro__text{gap:16px;margin:0 0 20px;display:flex}.sp-intro__text:last-of-type{margin-bottom:0}.sp-intro__text-accent{background:linear-gradient(180deg, var(--sp-primary), color-mix(in srgb, var(--sp-primary) 15%, transparent));border-radius:3px;flex-shrink:0;width:3px}.sp-intro__text p{color:var(--sp-text-muted);margin:0;font-size:15px;line-height:1.75}.sp-intro__text a{color:var(--sp-primary)}.sp-intro__visual{position:relative}.sp-intro__frame{box-shadow:0 24px 64px color-mix(in srgb, var(--sp-dark) 12%, transparent);border-radius:20px;position:relative;overflow:hidden}.sp-intro__frame img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.sp-intro__frame-corner{border:3px solid var(--sp-primary);z-index:2;width:64px;height:64px;position:absolute}.sp-intro__frame-corner--tl{border-bottom:none;border-right:none;border-radius:8px 0 0;top:-8px;left:-8px}.sp-intro__frame-corner--br{border-top:none;border-left:none;border-radius:0 0 8px;bottom:-8px;right:-8px}.sp-intro__badge{background:var(--sp-bg);border:1px solid var(--sp-border);box-shadow:0 8px 32px color-mix(in srgb, var(--sp-dark) 10%, transparent);color:var(--sp-text);z-index:3;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;animation:5s ease-in-out infinite sp-float;display:inline-flex;position:absolute;bottom:-16px;left:24px}.sp-intro__badge svg{width:18px;height:18px;color:var(--sp-primary)}@media (width<=1024px){.sp-intro__grid{grid-template-columns:1fr;gap:48px}.sp-intro__content{max-width:100%}}@media (width<=768px){.sp-intro{padding:72px 0 60px}.sp-intro__inner{padding:0 20px}.sp-intro__visual{margin-top:8px}.sp-intro__badge{bottom:-12px;left:12px}}@media (width<=480px){.sp-intro__inner{padding:0 16px}}@media (prefers-reduced-motion:reduce){.sp-intro__badge{animation:none!important}}