.fx-kmu-funnel-v3, .fx-kmu-funnel-v3 * { box-sizing: border-box; }
.fx-kmu-funnel-v3 { --navy:#0D162B; --yellow:#FFF01E; --white:#FFFFFF; --muted:#5B687A; --dark-muted:#94A3B8; --dark-soft:#A5B4FC; --line:rgba(13,22,43,.10); --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--navy); font-family:var(--font); background:#fff; width:100%; overflow:hidden; }
.fx-kmu-funnel-v3 button, .fx-kmu-funnel-v3 input, .fx-kmu-funnel-v3 textarea { font-family:var(--font); }
.fx-kmu-funnel-v3 .fx-lp-section { position:relative; min-height:100vh; padding:clamp(56px,8vw,120px) clamp(22px,5vw,72px); display:flex; align-items:center; overflow:hidden; }
.fx-kmu-funnel-v3 .fx-lp-inner { width:min(1180px,100%); margin:0 auto; position:relative; z-index:2; }
.fx-kmu-funnel-v3 .fx-kicker { font-size:12px; letter-spacing:.15em; text-transform:uppercase; font-weight:800; color:var(--muted); margin-bottom:18px; display:inline-flex; align-items:center; gap:10px; }
.fx-kmu-funnel-v3 .fx-kicker:before { content:""; width:10px; height:10px; background:var(--yellow); display:inline-block; }
.fx-kmu-funnel-v3 .fx-dark .fx-kicker { color:var(--yellow); }
.fx-kmu-funnel-v3 .fx-h1 { font-size:clamp(42px,8.4vw,104px); line-height:.95; letter-spacing:-.07em; font-weight:760; margin:0 0 24px; max-width:980px; }
.fx-kmu-funnel-v3 .fx-h1 mark { background:var(--yellow); color:var(--navy); padding:0 .08em; }
.fx-kmu-funnel-v3 .fx-h2 { font-size:clamp(34px,5.2vw,66px); line-height:1.02; letter-spacing:-.055em; font-weight:720; margin:0 0 28px; max-width:880px; }
.fx-kmu-funnel-v3 .fx-lead { color:var(--muted); font-size:clamp(18px,2vw,22px); line-height:1.52; max-width:760px; margin:0 0 34px; }
.fx-kmu-funnel-v3 .fx-dark { background:var(--navy); color:#fff; }
.fx-kmu-funnel-v3 .fx-dark .fx-lead, .fx-kmu-funnel-v3 .fx-dark p { color:var(--dark-muted); }
.fx-kmu-funnel-v3 .fx-btn { border:0; cursor:pointer; min-height:58px; padding:17px 28px; font-weight:740; font-size:16px; display:inline-flex; align-items:center; justify-content:center; gap:12px; transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease; }
.fx-kmu-funnel-v3 .fx-btn:hover { transform:translateY(-2px); }
.fx-kmu-funnel-v3 .fx-btn-primary { background:var(--navy); color:#fff; box-shadow:0 18px 45px rgba(13,22,43,.18); }
.fx-kmu-funnel-v3 .fx-btn-yellow { background:var(--yellow); color:var(--navy); box-shadow:0 18px 60px rgba(255,240,30,.24); }
.fx-kmu-funnel-v3 .fx-btn-ghost { background:transparent; color:var(--muted); padding-left:0; }
.fx-kmu-funnel-v3 .fx-mesh { position:absolute; left:0; right:0; bottom:0; height:45%; opacity:.9; background-image:linear-gradient(125deg, transparent 0 12%, rgba(13,22,43,.18) 12.2%, transparent 12.6%), linear-gradient(28deg, transparent 0 20%, rgba(13,22,43,.14) 20.2%, transparent 20.6%), radial-gradient(circle at 36% 52%, var(--yellow) 0 5px, transparent 6px), radial-gradient(circle at 58% 62%, var(--navy) 0 4px, transparent 5px), radial-gradient(circle at 72% 42%, var(--yellow) 0 4px, transparent 5px); background-size:100% 100%; animation:fxPulse 7s ease-in-out infinite; }
@keyframes fxPulse { 0%,100%{opacity:.75; transform:translateY(0)} 50%{opacity:1; transform:translateY(-8px)} }
.fx-kmu-funnel-v3 .fx-hero-grid { display:grid; grid-template-columns:1fr .75fr; gap:clamp(28px,5vw,76px); align-items:center; }
.fx-kmu-funnel-v3 .fx-hero-card { background:var(--navy); color:#fff; padding:clamp(26px,4vw,44px); align-self:stretch; display:flex; flex-direction:column; justify-content:space-between; min-height:420px; }
.fx-kmu-funnel-v3 .fx-hero-card h3 { font-size:clamp(28px,3.6vw,46px); line-height:1.02; letter-spacing:-.055em; margin:0 0 16px; }
.fx-kmu-funnel-v3 .fx-hero-card p { color:var(--dark-muted); line-height:1.55; }
.fx-kmu-funnel-v3 .fx-chip-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:28px; }
.fx-kmu-funnel-v3 .fx-chip { color:#fff; border-bottom:1px solid rgba(255,255,255,.18); padding:12px 0; font-weight:650; font-size:14px; }
.fx-kmu-funnel-v3 .fx-force-grid { display:grid; grid-template-columns:.8fr 1fr; gap:clamp(32px,6vw,88px); align-items:center; }
.fx-kmu-funnel-v3 .fx-force-visual { aspect-ratio:1 / .78; position:relative; border:1px solid rgba(255,255,255,.12); background:radial-gradient(circle at center, rgba(255,240,30,.16), transparent 22%), linear-gradient(90deg, rgba(255,255,255,.04), transparent); overflow:hidden; }
.fx-kmu-funnel-v3 .fx-force-center { position:absolute; left:50%; top:50%; width:128px; height:128px; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(255,255,255,.62); background:rgba(255,255,255,.04); animation:fxWarp 5s ease-in-out infinite; }
@keyframes fxWarp { 0%,100%{border-radius:50%; transform:translate(-50%,-50%) scale(1)} 50%{border-radius:42% 58% 48% 52%; transform:translate(-50%,-50%) scale(1.08)} }
.fx-kmu-funnel-v3 .fx-vector { position:absolute; color:var(--dark-muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.fx-kmu-funnel-v3 .v1{top:10%;left:38%}.fx-kmu-funnel-v3 .v2{right:8%;top:44%}.fx-kmu-funnel-v3 .v3{bottom:12%;left:35%}.fx-kmu-funnel-v3 .v4{left:8%;top:44%}
.fx-kmu-funnel-v3 .fx-accordion { border-top:1px solid rgba(255,255,255,.1); margin-top:34px; }
.fx-kmu-funnel-v3 .fx-acc-row { border-bottom:1px solid rgba(255,255,255,.1); padding:30px 0; display:grid; grid-template-columns:74px 1fr; gap:22px; }
.fx-kmu-funnel-v3 .fx-acc-num { color:var(--yellow); font-weight:760; font-size:22px; font-variant-numeric:tabular-nums; }
.fx-kmu-funnel-v3 .fx-acc-title { font-size:clamp(26px,4vw,44px); line-height:1.05; letter-spacing:-.04em; color:#fff; margin-bottom:10px; }
.fx-kmu-funnel-v3 .fx-acc-text { color:var(--dark-muted); max-width:760px; line-height:1.55; font-size:18px; }
.fx-kmu-funnel-v3 .fx-split { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line); margin-top:34px; }
.fx-kmu-funnel-v3 .fx-split-col { padding:clamp(24px,4vw,52px); min-height:420px; position:relative; overflow:hidden; }
.fx-kmu-funnel-v3 .fx-split-col + .fx-split-col { border-left:1px solid var(--line); }
.fx-kmu-funnel-v3 .fx-split-col h3 { font-size:clamp(24px,3vw,34px); letter-spacing:-.035em; margin-bottom:18px; }
.fx-kmu-funnel-v3 .fx-split-col li { list-style:none; padding:12px 0; border-bottom:1px solid var(--line); color:var(--muted); }
.fx-kmu-funnel-v3 .fx-split-col.fx-win { background:linear-gradient(180deg, rgba(255,240,30,.16), transparent 35%); }
.fx-kmu-funnel-v3 .fx-modules { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(28px,4vw,54px); margin-top:44px; }
.fx-kmu-funnel-v3 .fx-module { min-height:260px; }
.fx-kmu-funnel-v3 .fx-mini-ui { height:88px; margin-bottom:24px; border:1px solid var(--line); background:linear-gradient(135deg, rgba(13,22,43,.08), transparent); position:relative; overflow:hidden; }
.fx-kmu-funnel-v3 .fx-mini-ui:after { content:""; position:absolute; inset:auto 16px 18px 16px; height:2px; background:var(--yellow); transform-origin:left; animation:fxDraw 4s ease-in-out infinite; }
@keyframes fxDraw { 0%,100%{transform:scaleX(.28)} 50%{transform:scaleX(1)} }
.fx-kmu-funnel-v3 .fx-module h3 { font-size:clamp(24px,2.6vw,34px); letter-spacing:-.04em; margin-bottom:10px; }
.fx-kmu-funnel-v3 .fx-module p { color:var(--muted); line-height:1.55; }
.fx-kmu-funnel-v3 .fx-roi-track { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:42px; }
.fx-kmu-funnel-v3 .fx-roi-card { border:1px solid rgba(255,255,255,.12); padding:clamp(24px,4vw,44px); min-height:360px; display:flex; flex-direction:column; justify-content:space-between; background:rgba(255,255,255,.03); }
.fx-kmu-funnel-v3 .fx-roi-num { color:var(--yellow); font-size:clamp(64px,8vw,112px); font-weight:260; line-height:.8; }
.fx-kmu-funnel-v3 .fx-roi-card h3 { color:#fff; font-size:clamp(26px,3vw,40px); line-height:1.05; letter-spacing:-.045em; margin:28px 0 12px; }
.fx-kmu-funnel-v3 .fx-proof-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(32px,6vw,88px); align-items:start; }
.fx-kmu-funnel-v3 .fx-metric { font-size:clamp(50px,7vw,88px); letter-spacing:-.06em; font-weight:760; border-bottom:6px solid var(--yellow); display:inline-block; margin-bottom:14px; }
.fx-kmu-funnel-v3 .fx-testimonial { font-size:clamp(26px,3vw,38px); line-height:1.15; letter-spacing:-.04em; font-style:italic; margin-bottom:26px; }
.fx-kmu-funnel-v3 .fx-final { text-align:center; justify-content:center; }
.fx-kmu-funnel-v3 .fx-final .fx-lp-inner { max-width:900px; }
.fx-kmu-funnel-v3 .fx-aura { position:absolute; left:50%; top:58%; width:460px; height:460px; transform:translate(-50%,-50%); background:radial-gradient(circle, rgba(255,240,30,.22), transparent 62%); filter:blur(24px); animation:fxAura 8s ease-in-out infinite; }
@keyframes fxAura { 0%,100%{transform:translate(-50%,-50%) scale(.94)} 50%{transform:translate(-50%,-50%) scale(1.1)} }
.fx-kmu-funnel-v3 .fx-micro { color:var(--dark-muted); font-size:13px; margin-top:18px; }
.fx-kmu-funnel-v3 .fx-funnel { display:none; min-height:100vh; height:100dvh; min-height:720px; position:relative; background:#fff; overflow:hidden; }
.fx-kmu-funnel-v3 .fx-funnel.is-active { display:block; }
.fx-kmu-funnel-v3 .fx-progress { position:absolute; top:0; left:0; height:2px; width:0%; background:var(--navy); z-index:50; transition:width .35s cubic-bezier(.16,1,.3,1); }
.fx-kmu-funnel-v3 .fx-screen { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:clamp(22px,5vw,72px); opacity:0; pointer-events:none; transform:translateX(42px); transition:opacity .35s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1); overflow:auto; }
.fx-kmu-funnel-v3 .fx-screen.is-active { opacity:1; pointer-events:auto; transform:translateX(0); }
.fx-kmu-funnel-v3 .fx-screen.fx-exit { opacity:0; transform:translateX(-42px); }
.fx-kmu-funnel-v3 .fx-screen-inner { width:min(760px,100%); }
.fx-kmu-funnel-v3 .fx-question { font-size:clamp(32px,5vw,56px); line-height:1.05; letter-spacing:-.055em; margin-bottom:36px; }
.fx-kmu-funnel-v3 .fx-options { display:flex; flex-direction:column; gap:8px; }
.fx-kmu-funnel-v3 .fx-option { border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--navy); text-align:left; font-size:19px; padding:20px 12px; cursor:pointer; position:relative; transition:background .2s ease; }
.fx-kmu-funnel-v3 .fx-option:before { content:""; position:absolute; left:0; top:0; bottom:0; width:0; background:var(--yellow); transition:width .15s ease; }
.fx-kmu-funnel-v3 .fx-option:hover, .fx-kmu-funnel-v3 .fx-option.is-selected { background:rgba(13,22,43,.05); }
.fx-kmu-funnel-v3 .fx-option:hover:before, .fx-kmu-funnel-v3 .fx-option.is-selected:before { width:3px; }
.fx-kmu-funnel-v3 .fx-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:32px; }
.fx-kmu-funnel-v3 .fx-input { width:100%; background:transparent; border:0; border-bottom:2px solid var(--line); padding:16px 0; font-size:20px; outline:0; color:var(--navy); }
.fx-kmu-funnel-v3 .fx-form { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.fx-kmu-funnel-v3 .fx-field { display:flex; flex-direction:column; gap:6px; color:var(--muted); font-size:14px; font-weight:600; }
.fx-kmu-funnel-v3 .fx-field.full { grid-column:span 2; }
.fx-kmu-funnel-v3 .fx-field input, .fx-kmu-funnel-v3 .fx-field textarea { border:0; border-bottom:1px solid var(--line); padding:12px 0; outline:0; font-size:16px; color:var(--navy); background:transparent; }
.fx-kmu-funnel-v3 .fx-field textarea { min-height:88px; resize:vertical; }
.fx-kmu-funnel-v3 .fx-privacy { grid-column:span 2; display:flex; gap:12px; color:var(--muted); font-size:14px; line-height:1.4; }
.fx-kmu-funnel-v3 .fx-privacy a { color:var(--navy); text-decoration:underline; text-underline-offset:3px; }
.fx-kmu-funnel-v3 .fx-hp { position:absolute!important; left:-9999px!important; opacity:0!important; width:0!important; height:0!important; overflow:hidden!important; }
.fx-kmu-funnel-v3 .fx-error { display:none; color:#be123c; background:#fff1f2; padding:14px 16px; margin-top:18px; }
.fx-kmu-funnel-v3 .fx-summary { border-top:1px solid var(--line); margin-top:24px; }
.fx-kmu-funnel-v3 .fx-summary-row { display:flex; justify-content:space-between; gap:22px; border-bottom:1px solid var(--line); padding:13px 0; color:var(--muted); }
.fx-kmu-funnel-v3 .fx-summary-row strong { color:var(--navy); }
@media (max-width:840px) { .fx-kmu-funnel-v3 .fx-hero-grid, .fx-kmu-funnel-v3 .fx-force-grid, .fx-kmu-funnel-v3 .fx-split, .fx-kmu-funnel-v3 .fx-modules, .fx-kmu-funnel-v3 .fx-roi-track, .fx-kmu-funnel-v3 .fx-proof-grid, .fx-kmu-funnel-v3 .fx-form { grid-template-columns:1fr; } .fx-kmu-funnel-v3 .fx-split-col + .fx-split-col { border-left:0; border-top:1px solid var(--line); } .fx-kmu-funnel-v3 .fx-field.full, .fx-kmu-funnel-v3 .fx-privacy { grid-column:span 1; } .fx-kmu-funnel-v3 .fx-lp-section { min-height:auto; padding:72px 22px; } .fx-kmu-funnel-v3 .fx-funnel { min-height:760px; } .fx-kmu-funnel-v3 .fx-actions { flex-direction:column-reverse; align-items:stretch; } .fx-kmu-funnel-v3 .fx-btn { width:100%; } }