.sf-intro{padding:100px 40px;display:flex;justify-content:center}.sf-intro-inner{max-width:1040px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.sf-intro-inner>*{opacity:0;transform:translateY(28px);transition:opacity .6s ease-out,transform .6s ease-out}.sf-intro-inner.is-visible>*{opacity:1;transform:translateY(0)}.sf-intro-inner.is-visible>:nth-child(1){transition-delay:0s}.sf-intro-inner.is-visible>:nth-child(2){transition-delay:.1s}.sf-intro-inner.is-visible>:nth-child(3){transition-delay:.2s}.sf-intro-inner.is-visible>:nth-child(4){transition-delay:.3s}.sf-intro-title{font-size:42px;font-weight:700;line-height:1.15;letter-spacing:-1px;color:var(--text-primary)}.sf-intro-desc{font-size:17px;line-height:1.7;color:var(--text-secondary);max-width:640px}.sf-intro-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;color:#000;background:var(--accent);border-radius:999px;margin-top:8px}.sf-intro-inner.is-visible>.sf-intro-cta{transition:opacity .2s,transform .2s}.sf-intro-cta:hover{opacity:.9;transform:translateY(-1px)}.sf-intro-image-area{position:relative;width:100%;margin-top:24px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f;overflow:hidden}.sf-intro-image-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to right,var(--bg-dark) 0%,transparent 25%,transparent 75%,var(--bg-dark) 100%);pointer-events:none}.sf-intro-image{display:block;width:100%;height:auto}.sf-intro-image-area.is-cover:after{display:none}@media(max-width:900px){.sf-intro{padding:80px 20px}.sf-intro-title{font-size:32px}}