) -->
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Bebas+Neue&display=swap');
.ksf-pp { font-family: 'Montserrat', -apple-system, sans-serif; color: #2a2a2a; background: #fff; max-width: 1080px; margin: 0 auto; padding: 8px 0 40px; line-height: 1.6; }
.ksf-pp * { box-sizing: border-box; }
.ksf-pp h1, .ksf-pp h2 { font-family: 'Bebas Neue', Impact, sans-serif; letter-spacing: 0.01em; color: #2a2a2a; font-weight: 400; margin: 0; }
.ksf-pp h1 { font-size: clamp(40px, 6vw, 64px); line-height: 1; }
.ksf-pp .ksf-title { font-size: clamp(30px, 4vw, 44px); line-height: 1; margin-bottom: 20px; }
.ksf-pp .ksf-eyebrow { font-family: 'Bebas Neue', sans-serif; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; color: #07bcad; font-weight: 500; margin: 0 0 12px; }
.ksf-pp .ksf-lead { color: #4a4a4a; font-size: 17px; max-width: 640px; margin: 14px 0 0; }
.ksf-pp .ksf-lead + .ksf-lead { margin-top: 18px; }
.ksf-pp .ksf-hero { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: center; background: #07bcad; border-radius: 24px; padding: 40px; margin: 0 0 40px; }
.ksf-pp .ksf-hero h1 { color: #fff; }
.ksf-pp .ksf-hero .ksf-eyebrow { color: #e0fffb; }
.ksf-pp .ksf-hero .ksf-lead { color: rgba(255,255,255,0.92); }
.ksf-pp .ksf-hero-text { min-width: 0; }
.ksf-pp .ksf-hero-media { min-width: 0; }
.ksf-pp .ksf-hero-image { background: transparent; border-radius: 16px; padding: 0; box-shadow: none; }
.ksf-pp .ksf-hero-image img { display: block; width: 100%; height: auto; border-radius: 0; }
.ksf-pp .ksf-hero-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 40px; }
.ksf-pp .ksf-feature-item { background: transparent; border: none; padding: 0; text-align: center; display: flex; flex-direction: column; align-items: center; }
.ksf-pp .ksf-feature-circle { position: relative; width: 150px; height: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 22px; margin-bottom: 16px; transition: transform .25s ease; }
.ksf-pp .ksf-feature-item:hover .ksf-feature-circle { transform: translateY(-4px) rotate(-2deg); }
.ksf-pp .ksf-feature-circle::before { content: ""; position: absolute; inset: 10px; border-radius: 50%; border: 2px dashed rgba(255,255,255,0.9); }
.ksf-pp .ksf-feature-item:nth-child(1) .ksf-feature-circle { background: #07bcad; }