.sf{background:var(--band-insights);color:var(--ink);isolation:isolate;position:relative;overflow:hidden}.sf-glow{z-index:-1;pointer-events:none;background:radial-gradient(60% 60% at 50% 100%,#eef9798c,#eef97900 70%);height:80%;position:absolute;inset:auto -10% -35%}.sf-inner{max-width:1920px;margin-inline:auto;padding:clamp(56px,7vw,130px) clamp(20px,4.6vw,88px) 0}.sf-top{grid-template-columns:1fr;gap:clamp(40px,6vw,96px);display:grid}@media (min-width:1100px){.sf-top{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.sf-eyebrow{color:#707070;letter-spacing:.01em;align-items:center;gap:10px;margin:0 0 clamp(18px,2vw,28px);font-size:clamp(14px,1.1vw,18px);font-weight:600;display:inline-flex}.sf-eyebrow i{background:var(--accent);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #eef97973}.sf-lead h2{letter-spacing:-.015em;max-width:15ch;margin:0;font-size:clamp(34px,4.1vw,76px);font-weight:600;line-height:1.02}.sf-lead h2 .it{font-weight:600;display:inline}.sf-sub{max-width:34em;color:var(--gray-text);margin:clamp(18px,2vw,30px) 0 0;font-size:clamp(16px,1.35vw,24px);line-height:1.35}.sf-cta{flex-wrap:wrap;gap:12px;margin-top:clamp(24px,2.6vw,40px);display:flex}.sf-pill{min-height:56px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 28px;font-size:clamp(16px,1.2vw,20px);font-weight:600;text-decoration:none;transition:background .22s,color .22s,transform .22s cubic-bezier(.22,.8,.26,1);display:inline-flex;box-shadow:inset 0 0 0 1px #0f0f0f}.sf-pill.dark{color:#fff;box-shadow:none;background:#0f0f0f}.sf-pill:hover{background:var(--accent);color:#0f0f0f;transform:translateY(-2px)}.sf-pill .sf-arrow{transition:transform .22s cubic-bezier(.22,.8,.26,1)}.sf-pill:hover .sf-arrow{transform:translate(2px,-2px)}.sf-pill:focus-visible,.sf-link:focus-visible,.sf-soc:focus-visible,.sf-top-btn:focus-visible{outline-offset:3px;outline:3px solid #0f0f0f}.sf-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:clamp(28px,3vw,48px) clamp(20px,3vw,48px);display:grid}@media (min-width:720px){.sf-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}.sf-col h3{letter-spacing:.12em;text-transform:uppercase;color:#8c8c8c;margin:0 0 clamp(14px,1.4vw,22px);font-size:13px;font-weight:700}.sf-col ul{gap:clamp(8px,.8vw,14px);margin:0;padding:0;list-style:none;display:grid}.sf-link{color:var(--ink);padding-block:2px;font-size:clamp(18px,1.5vw,26px);font-weight:500;line-height:1.2;text-decoration:none;display:inline-block;position:relative}.sf-link:after{content:"";background:var(--accent);z-index:-1;transform-origin:0;height:.5em;transition:transform .34s cubic-bezier(.22,.8,.26,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.sf-link:hover:after,.sf-link:focus-visible:after{transform:scaleX(1)}.sf-social{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.sf-soc{aspect-ratio:1;filter:invert();border-radius:50%;width:clamp(40px,3vw,48px);transition:transform .22s cubic-bezier(.22,.8,.26,1),box-shadow .22s;display:block}.sf-soc img{width:100%;height:100%;display:block}.sf-soc:hover{transform:translateY(-3px)rotate(-6deg)}.sf-bar{color:#707070;border-top:1px solid #0f0f0f24;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:clamp(48px,6vw,110px);padding-block:22px;font-size:15px;display:flex}.sf-bar p{margin:0}.sf-made{margin-right:auto!important}.sf-bar .sf-social{margin:0}.sf-bar .sf-soc{width:38px}.sf-top-btn{color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 10px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.sf-top-btn svg{box-sizing:content-box;background:var(--accent);border-radius:50%;padding:10px;transition:transform .26s cubic-bezier(.22,.8,.26,1)}.sf-top-btn:hover svg{transform:translateY(-3px)}.sf-mark{max-width:1920px;margin-inline:auto;padding:clamp(28px,4vw,72px) clamp(20px,4.6vw,88px) clamp(20px,3.2vw,64px);position:relative;overflow:hidden}.sf-mark img{filter:brightness(0);width:min(63%,826px);height:auto;margin-inline:auto;transition:transform 1.1s cubic-bezier(.16,.8,.2,1) .12s,opacity .9s .12s;display:block}.sf:not(.in) .sf-mark img{opacity:0;transform:translateY(55%)}.sf.in .sf-mark img{opacity:1;transform:none}@media (min-width:1024px){.sf-mark img{width:min(53%,924px)}}
