/* LF Soft — pastel field, floating blobs, pill header, rounded media with chips, stacking benefit cards */
.lf{--br:999px;--cr:26px;--ir:24px;--fr:16px;--lr:50%}
.lf-blobs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.lf-blobs i{position:absolute;width:44vmax;height:44vmax;border-radius:50%;filter:blur(70px);opacity:.5}
.lf-blobs i:nth-child(1){background:color-mix(in srgb,var(--acc) 30%,var(--bg));left:-14vmax;top:-10vmax}
.lf-blobs i:nth-child(2){background:color-mix(in srgb,var(--acc) 16%,#fff);right:-16vmax;top:30vh}
.lf-blobs i:nth-child(3){background:color-mix(in srgb,var(--acc) 22%,var(--bg));left:20vw;bottom:-22vmax}
.lf body{background:transparent}
.lf{background:var(--bg)}
.lf-top{top:12px;padding:0 12px}
.lf-top .top-in{background:color-mix(in srgb,var(--surf) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:6px 6px 6px 10px;box-shadow:0 12px 40px -18px rgba(0,0,0,.25);width:min(980px,100%);min-height:56px}
.lf-top .brand{font-weight:400;font-size:20px}
.lf-hero{text-align:center;padding:clamp(56px,9vw,110px) 0 clamp(40px,6vw,70px)}
.lf-chip{display:inline-flex;gap:8px;align-items:center;background:var(--surf);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;margin:0 0 22px;box-shadow:0 8px 24px -14px rgba(0,0,0,.3)}
.lf-chip .ic{color:var(--acct)}
.lf-hero h1{font-weight:400;font-size:clamp(44px,7.4vw,96px);line-height:1.02;letter-spacing:-.02em;max-width:14ch;margin:0 auto}
.lf-sub{max-width:34em;margin:22px auto 28px;color:var(--mute);font-size:19px}
.lf-media{position:relative;max-width:900px;margin:clamp(40px,6vw,64px) auto 0}
.lf-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:36px;box-shadow:0 40px 80px -40px rgba(0,0,0,.4)}
.lf-b{position:absolute;font-style:normal;font-size:14px;background:var(--surf);border-radius:999px;padding:10px 16px;box-shadow:0 14px 30px -14px rgba(0,0,0,.35);white-space:nowrap;animation:lff 5s ease-in-out infinite}
.lf-b b{color:var(--acct)}
.lf-b.b1{left:-18px;top:18%}.lf-b.b2{right:-18px;bottom:16%;animation-delay:-2.5s}
@keyframes lff{50%{transform:translateY(-8px)}}
@media (max-width:640px){.lf-b.b1{left:8px;top:-18px}.lf-b.b2{right:8px;bottom:-18px}}
.lf-sec{padding:clamp(56px,8vw,100px) 0}
.lf-k{text-align:center;font-size:14px;font-weight:700;color:var(--acct);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}
.lf-card .lf-k{text-align:left}
.lf-h2{font-weight:400;font-size:clamp(34px,5vw,62px);letter-spacing:-.02em;text-align:center;max-width:16ch;margin:0 auto clamp(32px,5vw,56px)}
.lf-h2.l{text-align:left;margin-left:0}
.lf-stack{display:grid;gap:22px;max-width:860px;margin:0 auto}
.lf-sc{position:sticky;top:calc(100px + var(--t) * 14px);background:var(--surf);border-radius:32px;padding:clamp(26px,5vw,48px);min-height:240px;box-shadow:0 30px 60px -40px rgba(0,0,0,.4);display:grid;grid-template-columns:auto 1fr;gap:6px 22px;align-items:start;transform-origin:50% 0}
.lf-sc .bn-i{grid-row:span 3;width:68px;height:68px;border-radius:22px}
.lf-n{grid-column:2;font-size:13px;font-weight:700;color:var(--mute)}
.lf-sc h3{font-size:clamp(24px,3vw,34px);font-weight:400}
.lf-sc p{margin:0;color:var(--mute);font-size:18px;grid-column:2}
@media (max-width:560px){.lf-sc{grid-template-columns:minmax(0,1fr)}.lf-sc .bn-i{grid-row:auto}.lf-n,.lf-sc p{grid-column:auto}}
.lf-card{background:var(--surf);border-radius:36px;padding:clamp(24px,5vw,60px);box-shadow:0 30px 80px -50px rgba(0,0,0,.35)}
.lf-card .bund-b,.lf-card .sp-side,.lf-card .est,.lf-card .am li,.lf-card .venue{background:var(--bg);border-color:transparent}
.lf-card .bund-b[aria-pressed=true]{border-color:var(--acc)}
.lf-steps{text-align:center}
.lf-steps li{border:0;background:var(--surf);border-radius:28px;padding:28px 22px}
.lf-steps .st-n{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--acc);color:var(--on)}
.lf-proof .qs figure{border-radius:28px 28px 28px 6px}
.lf-fg{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,5vw,60px)}
.lf-p{color:var(--mute);font-size:18px}
.lf-story{color:var(--mute);font-size:15px;border-left:3px solid var(--acc);padding-left:14px;margin-top:26px}
@media (max-width:900px){.lf-fg{grid-template-columns:minmax(0,1fr)}}
.lf-narrow{max-width:820px}
.lf-final h2{font-weight:400}
.lf .faq details{background:var(--surf);border-radius:18px;border:0;margin-bottom:10px;padding:0 20px}