.jom-bol-funnel{--ft:'JOM Poppins',sans-serif;--fd:'JOM Utile',sans-serif;--cream:#f2e8df;--deep:#405111;--ink:#252628;--sand:#d9c1a5;--mist:#e6ecb8;--lime:#d2e086;--peach:#ff9985;--butter:#fddd9c;--coral:#f98259;background:var(--cream);color:var(--ink);font-family:var(--ft)}
.jom-bol-funnel [hidden]{display:none!important}
.jom-bol-funnel *{box-sizing:border-box}
.jom-bol-funnel .wrap{width:min(1360px,calc(100% - 80px));margin-inline:auto}
.jom-bol-funnel .fn-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding-block:64px 80px}
.jom-bol-funnel .fn-col{display:flex;flex-direction:column;gap:24px;min-width:0}
.jom-bol-funnel .fn-kick{font:600 12px/18px var(--ft);letter-spacing:.14em;text-transform:uppercase;color:var(--deep)}
.jom-bol-funnel .fn-h1{font:400 clamp(44px,5vw,76px)/1.02 var(--fd);margin:0;color:var(--deep)}
.jom-bol-funnel em{font-style:italic;font-weight:400}
.jom-bol-funnel .fn-lead,.jom-bol-funnel .fn-p{font:400 17px/28px var(--ft);margin:0}
.jom-bol-funnel .fn-form{background:white;border-radius:32px;padding:28px;display:flex;flex-direction:column;gap:14px;width:100%}
.jom-bol-funnel .fn-form label{display:flex;flex-direction:column;gap:6px;font:600 13px/18px var(--ft);color:var(--deep)}
.jom-bol-funnel input{width:100%;min-width:0;min-height:56px;border-radius:999px;border:1.5px solid var(--sand);background:var(--cream);padding:0 22px;font:400 16px/22px var(--ft);color:var(--ink)}
.jom-bol-funnel .fn-cta{display:flex;align-items:center;justify-content:center;min-height:64px;padding:16px 28px;border-radius:999px;background:var(--deep);color:var(--cream);font:600 17px/22px var(--ft);text-decoration:none;text-align:center;border:0;width:100%;cursor:pointer}
.jom-bol-funnel .fn-cta:disabled{opacity:.65;cursor:wait}
.jom-bol-funnel :focus-visible{outline:3px solid var(--deep);outline-offset:4px}
.jom-bol-funnel .fn-consent,.jom-bol-funnel .fn-small{margin:0;font:400 12px/19px var(--ft)}
.jom-bol-funnel .fn-small{text-align:center;font-size:13px}
.jom-bol-funnel .bol-cover{width:min(100%,440px);aspect-ratio:3/4;border-radius:32px;overflow:hidden;margin:auto;background:var(--peach)}
.jom-bol-funnel .bol-cover img{width:100%;height:100%;object-fit:cover;display:block}
.jom-bol-funnel .fn-steps{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.jom-bol-funnel .fn-steps span{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 18px 8px 8px;font:600 14px/20px var(--ft);color:var(--deep);background:white}
.jom-bol-funnel .fn-steps i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--lime);text-align:center;line-height:28px}
.jom-bol-funnel .fn-steps .on{background:var(--deep);color:var(--cream)}
.jom-bol-funnel .sec{padding-block:64px}
.jom-bol-funnel .sec-h{margin-bottom:32px}
.jom-bol-funnel .fn-h2{font:400 clamp(34px,4vw,54px)/1.08 var(--fd);color:var(--deep);margin:0}
.jom-bol-funnel .fn-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.jom-bol-funnel .fn-card{background:white;border-radius:32px;padding:28px;display:flex;flex-direction:column;gap:10px}
.jom-bol-funnel .fn-card .n{width:48px;height:48px;border-radius:50%;font:600 20px/48px var(--fd);text-align:center}
.jom-bol-funnel .fn-card h3{font:600 24px/1.1 var(--fd);color:var(--deep);margin:4px 0 0}
.jom-bol-funnel .fn-card p{font:400 15px/24px var(--ft);margin:0}
.jom-bol-funnel .fn-narrow{width:min(840px,calc(100% - 80px));margin-inline:auto;padding-block:32px}
.jom-bol-funnel .fn-letter{background:white;border-radius:32px;padding:56px 64px}
.jom-bol-funnel .fn-letter .fn-p+.fn-p{margin-top:18px}
.jom-bol-funnel .sig{font:italic 400 34px/1 var(--fd);color:var(--deep);margin-top:24px}
@media(max-width:1100px){.jom-bol-funnel .fn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.jom-bol-funnel .fn-hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:40px 56px}.jom-bol-funnel .bol-cover{width:min(86%,340px)}}
@media(max-width:600px){.jom-bol-funnel .wrap,.jom-bol-funnel .fn-narrow{width:calc(100% - 40px)}.jom-bol-funnel .fn-grid{grid-template-columns:1fr}.jom-bol-funnel .fn-h1{font-size:42px}.jom-bol-funnel .fn-letter{padding:32px 22px}.jom-bol-funnel .fn-form{padding:24px}.jom-bol-funnel .sec{padding-block:40px}}

@media(max-width:600px){.jom-bol-funnel .fn-steps{flex-wrap:nowrap;gap:6px}.jom-bol-funnel .fn-steps span{gap:6px;padding:6px 10px 6px 6px;font-size:clamp(10px,2.9vw,14px);white-space:nowrap}.jom-bol-funnel .fn-steps i{flex-shrink:0;width:24px;height:24px;line-height:24px}}