:root{--surface:#fff;--text:#09090b;--green:#0B4966;--green-dark:#07364B;--green-soft:#E6F0F4;--green-border:#7FA6B7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface);color:var(--text);font-family:Inter,"Inter Fallback",Arial,sans-serif;font-size:.875rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#funnel-app{opacity:1;transition:opacity .18s ease}
#funnel-app.is-leaving,#funnel-app.is-entering{opacity:0}
.funnel-shell{position:relative;width:100%;min-height:100svh;padding:18px 12px 36px}
.funnel-step{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;max-width:28rem;margin:0 auto}
.quiz-header{width:100%;max-width:28rem;margin:0 auto 38px;text-align:center}
.quiz-header img{display:block;width:126px;height:auto;margin:0 auto 22px}
.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#E6F0F4}
.progress-track span{display:block;height:100%;border-radius:999px 0 0 999px;background:var(--green)}
.back-button{position:fixed;z-index:20;top:8px;left:8px;width:32px;height:32px;padding:0;border:0;background:transparent;color:#18181b;font:400 20px/32px Arial,sans-serif;text-align:center;cursor:pointer}
.back-button:hover{color:var(--green)}
.layer{width:100%;min-width:0;padding:.25rem}.layer-options{padding-left:0;padding-right:0}
.content{line-height:1.4;word-break:break-word}
.content h1,.content h2,.content h3,.content p{margin:.55rem 0}
.content h1{font-size:1.75rem!important;line-height:1.18}.content h2{font-size:1.5rem!important;line-height:1.2}.content h3{font-size:1.125rem!important;line-height:1.25}
.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-justify{text-align:justify}
.media{display:block;width:100%;height:auto;border-radius:1rem}.media-wrap{overflow:hidden;border-radius:1rem}.spacer{width:100%}
.action{display:block;width:100%;min-height:62px;padding:14px 18px;border:0;border-radius:1rem;background:var(--green);color:#fff;font-family:Inter,"Inter Fallback",Arial,sans-serif!important;font-size:1rem!important;font-weight:500!important;line-height:1.25!important;text-align:center;cursor:pointer;box-shadow:0 7px 0 rgba(11,73,102,.35);transition:transform .15s,background .15s}
.action:hover{background:var(--green-dark);transform:translateY(-2px)}.action:active{transform:scale(.99)}.action.secondary{background:#18181b}
.action:disabled,.action[aria-disabled="true"]{background:#8aa9b7!important;box-shadow:0 5px 0 rgba(11,73,102,.18);cursor:not-allowed;opacity:.72;transform:none!important}
.pulse{animation:pulse 1.8s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(11,73,102,.45),0 7px 0 rgba(11,73,102,.35)}50%{box-shadow:0 0 0 12px rgba(11,73,102,0),0 7px 0 rgba(11,73,102,.35)}}
.options{gap:10px}.options-list{display:flex;flex-direction:column}.options-image-grid,.options-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.option{position:relative;overflow:hidden;border:4px solid rgba(11,73,102,.5);border-radius:1rem;background:rgba(11,73,102,.1);color:#030712;cursor:pointer;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);font-family:Inter,"Inter Fallback",Arial,sans-serif!important;font-size:1rem!important;font-weight:400!important;line-height:1.25!important;transition:all .2s ease}
.option:hover{transform:scale(1.01);border-color:#0B4966;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.option.selected{transform:scale(1.02);border-color:#0B4966}
.options-list .option{display:flex;align-items:center;min-height:64px;width:100%;padding:0;text-align:left}
.options-offer-summary{gap:9px}.options-offer-summary .option{min-height:61px;border:1px solid #e4e4e7;border-radius:14px;background:#fff;box-shadow:none}.options-offer-summary .option:hover,.options-offer-summary .option.selected{transform:none;border-color:#e4e4e7;background:#fff;box-shadow:none}.options-offer-summary .option-label{padding:12px 18px}
.options-list .option img{display:block;flex:0 0 86px;width:86px;height:86px;align-self:stretch;object-fit:cover}
.option-emoji{display:grid;place-items:center;flex:0 0 68px;width:68px;align-self:stretch;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif!important;font-size:34px;font-variant-emoji:emoji}
.option-label{flex:1;padding:12px 10px}.option-label p{margin:0}
.options-image-grid .option{display:flex;flex-direction:column;min-height:0;padding:0;border-color:#e4e4e7;background:#fff;text-align:center}
.options-image-grid .option img{display:block;width:100%;aspect-ratio:1/1.08;object-fit:cover}
.options-image-grid .option-label{width:100%;padding:10px;text-align:center}
.options-compact-grid .option{display:flex;align-items:center;justify-content:center;min-height:76px;padding:10px;border-color:#e4e4e7;background:#fff;text-align:center}
.options-compact-grid .option.selected{border-color:var(--green);background:var(--green-soft)}
.options-compact-grid .option-label{padding:4px;text-align:center}
.option-check,.option-radio{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;margin:0 12px;border:1.5px solid #0B4966;background:#fff;color:#0B4966}.option-arrow{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;margin:0 12px;border:1.5px solid #0B4966;background:#fff;color:#0B4966}
.option-check{border-radius:7px}.option-check:after{content:''}.option.selected .option-check:after{content:'\2713';font-size:20px;font-weight:700}
.option-radio{border-radius:50%}.option-radio:after{content:'';width:14px;height:14px;border-radius:50%;background:transparent}.option.selected .option-radio:after{background:var(--green)}
.option-arrow{border-radius:50%;font-size:0}.option-arrow:after{content:'\203A';font-size:25px;font-weight:300;line-height:1;transform:translateY(-1px)}
.notice{padding:14px 16px;border-radius:1rem;font-size:1rem}.notice p{margin:.3rem 0}.notice-white{border:1px solid #e4e4e7;background:#fff;box-shadow:0 7px 16px rgba(0,0,0,.08)}.notice-success{border:0;background:#0B4966;color:#fff;box-shadow:0 7px 0 rgba(11,73,102,.3)}.notice-success *{color:inherit!important}
.audio-card{position:relative;padding:16px;border:1px solid #e4e4e7;border-radius:12px;background:#fff;color:#000}.audio-instagram-shell{display:flex;align-items:flex-end}.audio-avatar{width:32px;height:32px;margin-right:8px;border-radius:50%;object-fit:cover}.audio-instagram-body{display:flex;min-width:0;flex:1;flex-direction:column}.audio-sender{margin-top:-12px;padding-bottom:4px;overflow:hidden;color:#000;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;text-overflow:ellipsis}.audio-bubble{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;border-radius:16px;background:#efefef;color:#000}.audio-play{position:relative;width:36px;height:36px;flex:0 0 36px;padding:0;border:0;border-radius:50%;background:#fff;color:#000;cursor:pointer}.audio-play-icon{position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-42%,-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.audio-play.is-playing .audio-play-icon{width:9px;height:12px;transform:translate(-50%,-50%);border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}.audio-wave{position:relative;height:40px;min-width:0;flex:1;line-height:0}.audio-wave-bars{position:absolute;top:8px;right:0;bottom:8px;left:0;display:flex;align-items:center;gap:4px;overflow:hidden}.audio-wave-bars i{width:4px;max-height:100%;flex:0 0 4px;border-radius:4px;background:#b2b2b2}.audio-wave-fill{width:0;right:auto;transition:width .1s linear}.audio-wave-fill i{background:#000}.audio-range{position:relative;width:calc(100% + 12px);min-width:0;height:40px;margin:0 -6px;padding:0;appearance:none;background:transparent;cursor:pointer}.audio-range::-webkit-slider-runnable-track{height:40px;background:transparent}.audio-range::-webkit-slider-thumb{width:1px;height:1px;appearance:none;opacity:0}.audio-range::-moz-range-track{height:40px;background:transparent}.audio-range::-moz-range-thumb{width:1px;height:1px;border:0;opacity:0}.audio-duration{min-width:52px;padding:4px;border-radius:999px;background:#fff;color:#000;font-family:Arial,sans-serif;font-size:12px;font-weight:700;text-align:center}.audio-card.has-audio-error .audio-duration{color:#b91c1c}@media(min-width:420px){.audio-card{padding:32px}}
.metric{padding:0}.metric-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.bar{position:relative;height:8px;border-radius:999px;background:#dedede}.bar span{display:block;height:100%;background:#ef4444;border-radius:999px}.metric-dot{position:absolute;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:4px solid #d1d5db;border-radius:50%;background:#fff;box-sizing:border-box}
.argument-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.argument,.quote,.price-card{overflow:hidden;border:1px solid #e4e4e7;border-radius:1rem;background:#fff}.argument img{display:block;width:100%;height:auto;border-radius:1rem}.argument .content,.quote,.price-card{padding:14px}.carousel{width:100%;overflow:hidden}.carousel-track{display:flex;gap:8px;overflow-x:auto;padding:0 5%;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch}.carousel-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 90%;max-width:90%;scroll-snap-align:center;overflow:hidden;border:1px solid #e4e4e7;border-radius:1rem}.carousel-item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;-webkit-user-drag:none}.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d1d5db}.carousel-dot.active{background:var(--green)}
.quote{font-size:1rem}.quote-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.quote-head img{width:44px;height:44px;border-radius:50%;object-fit:cover}.quote-head>div>div,.quote p{color:#6b7280}.quote p{line-height:1.55}.price-card{border-color:#0B4966;background:#fff}.price-horizontal{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;text-align:left}.price-horizontal .price-copy{padding:0}.price-total{padding:8px 10px;border-radius:.8rem;background:#f4f4f5;text-align:left}.price-total small{display:block;color:#9ca3af}.price-value{font-size:1.45rem;font-weight:800;line-height:1.1;color:#111827}
.video-wrap{position:relative;width:100%;overflow:hidden;border-radius:1rem}.video-wrap iframe{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;border:0}
.loading{text-align:center;padding:18px}.loading-track{height:12px;overflow:hidden;border-radius:999px;background:#e4e4e7}.loading-bar{height:100%;width:0;background:var(--green);transition:width .1s}.loading-percent{font-weight:700;margin-top:8px}.error{max-width:28rem;margin:40px auto;padding:20px;border:1px solid #fecaca;border-radius:1rem;background:#fef2f2;color:#991b1b}
@media(max-width:460px){.funnel-shell{padding:10px 8px 28px}.quiz-header{margin-bottom:28px}.quiz-header img{width:112px;margin-bottom:18px}.back-button{top:8px;left:8px}.layer{padding:.25rem}.layer-options{padding-left:0;padding-right:0}.argument-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.options-list .option{min-height:64px}.options-list .option img{flex-basis:76px;width:76px;height:76px}.option-emoji{flex-basis:58px;width:58px;font-size:30px}.option-label{padding:10px 8px}.option-check,.option-radio,.option-arrow{margin:0 9px}.options-compact-grid .option{min-height:70px;padding:7px}}