.nmfr-app{position:relative;overflow:hidden;font-family:var(--nmfr-font-family);font-size:var(--nmfr-base-font-size);font-weight:var(--nmfr-body-weight);color:var(--nmfr-text-light);background:radial-gradient(circle at top left,rgba(41,96,149,.34),transparent 34%),linear-gradient(180deg,#133b61 0%,#0a1d33 68%,#071523 100%);border-radius:24px;min-height:540px;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.nmfr-app *{box-sizing:border-box}
.nmfr-home-shell .nmfr-app,.nmfr-app.nmfr-mode-takeover{border-radius:0;min-height:100vh;box-shadow:none}
.nmfr-screen{position:relative;min-height:min(100vh,900px);display:flex;align-items:center;justify-content:center;padding:24px}
.nmfr-home-shell .nmfr-screen,.nmfr-home-takeover .nmfr-screen{min-height:100vh}
.nmfr-screen-loading{background:linear-gradient(180deg,#133b61 0%,#091b31 100%)}
.nmfr-loading-inner{display:flex;gap:8px;align-items:center;justify-content:center}
.nmfr-loading-dot{width:10px;height:10px;border-radius:999px;background:var(--nmfr-accent);animation:nmfrPulse 1s infinite ease-in-out}
.nmfr-loading-dot:nth-child(2){animation-delay:.15s}.nmfr-loading-dot:nth-child(3){animation-delay:.3s}
.nmfr-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.02)}
.nmfr-overlay{position:absolute;inset:0}
.nmfr-container{position:relative;z-index:2;width:min(100%,var(--nmfr-container-desktop));margin:0 auto}
.nmfr-container--mobile{width:min(100%,var(--nmfr-container-mobile))}
.nmfr-pos-top{align-self:flex-start;padding-top:40px}.nmfr-pos-center{align-self:center}.nmfr-pos-bottom{align-self:flex-end;padding-bottom:32px}
.nmfr-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:var(--nmfr-small-font-size);letter-spacing:.03em;margin-bottom:16px;color:rgba(255,255,255,.92)}
.nmfr-title,.nmfr-question-title,.nmfr-transition-title,.nmfr-result-title{color:var(--nmfr-text-light)!important;text-shadow:0 2px 24px rgba(0,0,0,.12);font-weight:var(--nmfr-heading-weight)}
.nmfr-title{font-size:var(--nmfr-start-title-mobile);line-height:var(--nmfr-line-height-heading);margin:0 0 12px;color:var(--nmfr-start-text-color)!important;text-wrap:balance;max-width:11ch}
.nmfr-subtitle{font-size:var(--nmfr-body-font-size);line-height:var(--nmfr-line-height-body);margin:0 0 24px;max-width:720px;color:var(--nmfr-start-text-color)!important}
.nmfr-start-screen--story{padding:18px}.nmfr-start-story-card{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,rgba(7,29,51,.98) 0%,rgba(5,22,39,.98) 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(5,20,38,.28)}
.nmfr-start-story-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(90,141,214,.22),transparent 30%),radial-gradient(circle at 82% 22%,rgba(231,161,35,.16),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));pointer-events:none}
.nmfr-start-story-head{position:relative;padding:18px 22px 12px;background:linear-gradient(180deg,#4f86d7 0%,#3c63b3 100%);text-align:center}
.nmfr-start-kicker--story{font-size:12px;line-height:1.2;letter-spacing:.02em;text-transform:none;font-weight:700;opacity:.96;margin-bottom:10px;color:#fff!important}
.nmfr-start-story-title{margin:0;color:#fff!important;font-size:clamp(34px,9vw,64px);line-height:.96;font-weight:800;text-wrap:balance}
.nmfr-start-story-stage{position:relative;min-height:340px;padding:18px 14px 0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.nmfr-character-stage{position:relative;width:min(100%,560px);min-height:320px;margin:0 auto}
.nmfr-stage-glow{position:absolute;border-radius:999px;filter:blur(18px);opacity:.38;pointer-events:none}
.nmfr-stage-glow--left{width:130px;height:130px;left:18%;top:18%;background:rgba(95,140,214,.42)}
.nmfr-stage-glow--right{width:130px;height:130px;right:18%;top:22%;background:rgba(231,161,35,.34)}
.nmfr-stage-character{position:absolute;display:block;object-fit:contain;user-select:none;pointer-events:none;will-change:transform,opacity,filter}
.nmfr-stage-character--thinker{left:50%;bottom:0;transform:translateX(-50%);width:42%;max-width:220px;filter:drop-shadow(0 18px 32px rgba(0,0,0,.26));animation:nmfrFloatThinker 4s ease-in-out infinite}
.nmfr-stage-character--angel{left:2%;bottom:16px;width:34%;max-width:170px;filter:drop-shadow(0 14px 26px rgba(0,0,0,.22));animation:nmfrFloatSideLeft 4.6s ease-in-out infinite}
.nmfr-stage-character--demon{right:2%;bottom:10px;width:32%;max-width:162px;filter:drop-shadow(0 14px 26px rgba(0,0,0,.22));animation:nmfrFloatSideRight 4.9s ease-in-out infinite}
.nmfr-start-story-ribbon{position:relative;z-index:2;margin:-8px 18px 0;padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,#4e84d5 0%,#375fb1 100%);color:#fff!important;text-align:center;font-size:clamp(16px,4.2vw,28px);line-height:1.05;font-weight:800;box-shadow:0 18px 34px rgba(54,95,174,.28)}
.nmfr-start-story-description{margin:18px 22px 0;text-align:center;color:rgba(245,250,255,.92)!important;font-size:var(--nmfr-body-font-size);line-height:var(--nmfr-line-height-body)}
.nmfr-start-story-teaser{margin:18px 22px 0;text-align:center;color:#dbe8ff!important;font-size:clamp(26px,7vw,44px);line-height:1.05;font-weight:800}
.nmfr-start-actions--story{justify-content:center;padding:18px 22px 28px}.nmfr-start-button--story{min-width:min(100%,280px);min-height:60px;padding:0 34px;border-radius:12px;font-size:clamp(18px,4.6vw,28px)}
@keyframes nmfrFloatThinker{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
@keyframes nmfrFloatSideLeft{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(-4px,-10px,0) rotate(-7deg)}}
@keyframes nmfrFloatSideRight{0%,100%{transform:translate3d(0,0,0) rotate(3deg)}50%{transform:translate3d(4px,-9px,0) rotate(7deg)}}
.nmfr-start-screen--poster{padding:18px}
.nmfr-start-poster{width:min(100%,520px);margin:0 auto}
.nmfr-start-card{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,#ffffff 0%,#f5f8fc 100%);color:#17314f;box-shadow:0 24px 70px rgba(5,20,38,.20);border:1px solid rgba(255,255,255,.85)}
.nmfr-start-topband{padding:18px 18px 16px;background:linear-gradient(180deg,#4c82d1 0%,#365fae 100%);text-align:center;color:#fff}
.nmfr-start-kicker{font-size:12px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;font-weight:700;opacity:.92;margin-bottom:8px}
.nmfr-start-poster-title{margin:0;color:#fff!important;font-size:clamp(30px,8vw,50px);line-height:.96;font-weight:800;text-wrap:balance}
.nmfr-start-title-mark{color:var(--nmfr-accent)}
.nmfr-start-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;padding:20px 24px;background:
radial-gradient(circle at 15% 20%,rgba(91,142,213,.10),transparent 28%),
radial-gradient(circle at 82% 18%,rgba(231,161,35,.10),transparent 24%),
linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}
.nmfr-start-hero-image{max-width:min(100%,360px);max-height:280px;display:block;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(20,55,90,.16))}
.nmfr-start-hero-placeholder{position:relative;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle at 50% 35%,#eef4fb 0%,#e1edf9 60%,#d6e7f7 100%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.nmfr-start-hero-placeholder span{position:absolute;border-radius:999px}
.nmfr-start-hero-placeholder span:nth-child(1){width:58px;height:58px;background:#5d88d2;top:26px;left:28px;opacity:.18}
.nmfr-start-hero-placeholder span:nth-child(2){width:88px;height:88px;background:var(--nmfr-accent);right:18px;top:32px;opacity:.16}
.nmfr-start-hero-placeholder span:nth-child(3){width:126px;height:126px;background:#365fae;bottom:22px;left:48px;opacity:.08}
.nmfr-start-ribbon{margin:-14px 20px 0;padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,#4c82d1 0%,#365fae 100%);color:#fff!important;text-align:center;font-size:clamp(15px,3.8vw,22px);line-height:1.18;font-weight:800;box-shadow:0 18px 34px rgba(54,95,174,.22);position:relative;z-index:2}
.nmfr-start-description{margin:18px 24px 0;color:#355072!important;font-size:var(--nmfr-body-font-size);line-height:var(--nmfr-line-height-body);text-align:center}
.nmfr-start-teaser{margin:16px 24px 0;color:#355fae!important;font-size:clamp(22px,6.2vw,38px);line-height:1.06;font-weight:800;text-align:center}
.nmfr-start-actions--poster{justify-content:center;padding:18px 24px 28px}
.nmfr-start-button{min-width:min(100%,290px);min-height:64px;padding:0 32px;font-size:clamp(18px,4.4vw,28px);border-radius:12px;box-shadow:0 16px 34px rgba(231,161,35,.22)}
.nmfr-button,.nmfr-option,.nmfr-secondary-button{appearance:none;border:0;cursor:pointer;font-family:inherit}
.nmfr-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 26px;border-radius:var(--nmfr-button-radius);background:linear-gradient(180deg,#f0b234 0%,var(--nmfr-button-bg) 100%);color:var(--nmfr-button-text)!important;font-weight:var(--nmfr-button-weight);font-size:var(--nmfr-button-font-size);letter-spacing:.01em;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:0 16px 34px rgba(231,161,35,.24);text-decoration:none}
.nmfr-button:hover{transform:translateY(-1px);filter:brightness(1.02)}.nmfr-button:active{transform:translateY(0)}
.nmfr-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:var(--nmfr-button-radius);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff!important;font-weight:var(--nmfr-button-weight);font-size:var(--nmfr-button-font-size)}
.nmfr-start-actions,.nmfr-transition-actions,.nmfr-result-actions{display:flex;gap:12px;flex-wrap:wrap}
.nmfr-shell,.nmfr-transition-wrap,.nmfr-result-wrap{position:relative;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(5,24,44,.9),rgba(4,18,34,.95));backdrop-filter:blur(10px);box-shadow:0 24px 70px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}
.nmfr-shell{width:min(100%,var(--nmfr-container-mobile));margin:0 auto}
.nmfr-shell--question{width:min(100%,1080px)}
.nmfr-shell--question .nmfr-question-title{max-width:900px;line-height:1.08;letter-spacing:-.02em}
.nmfr-progress{width:100%;height:12px;border-radius:999px;background:var(--nmfr-progress-bg);overflow:hidden;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.nmfr-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f0b234 0%,var(--nmfr-progress-fill) 100%);transition:width .25s ease}
.nmfr-step-meta{display:flex;justify-content:space-between;gap:12px;font-size:var(--nmfr-body-font-size);font-weight:var(--nmfr-button-weight);letter-spacing:.01em;color:rgba(255,255,255,.88);margin-bottom:12px}
.nmfr-question-intro{margin:0 0 18px;font-size:var(--nmfr-body-font-size);line-height:var(--nmfr-line-height-body);color:rgba(245,250,255,.92)!important}
.nmfr-question-title{margin:0 0 14px;font-size:var(--nmfr-question-title-mobile);line-height:var(--nmfr-line-height-heading);text-wrap:balance;max-width:18ch}
.nmfr-question-subtitle{margin:0 0 22px;font-size:var(--nmfr-body-font-size);line-height:var(--nmfr-line-height-body);color:rgba(245,250,255,.82)!important}
.nmfr-options{display:grid;gap:22px}
.nmfr-option{width:100%;text-align:left;padding:20px 22px;border-radius:26px;background:rgba(255,255,255,.98);color:var(--nmfr-text-dark)!important;font-size:var(--nmfr-option-font-size);font-weight:var(--nmfr-body-weight);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease,filter .18s ease;border:2px solid rgba(255,255,255,.9);box-shadow:0 10px 26px rgba(0,0,0,.06);min-height:56px}
.nmfr-option:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(0,0,0,.10);border-color:rgba(231,161,35,.55)}
.nmfr-option.is-selected{background:linear-gradient(180deg,#fff7ea 0%,#fff0d3 100%);border-color:var(--nmfr-accent);color:#17314f!important;box-shadow:0 18px 36px rgba(231,161,35,.14);filter:saturate(1.04)}
.nmfr-transition-wrap,.nmfr-result-wrap{max-width:1100px;margin:0 auto}
.nmfr-transition-title,.nmfr-result-title{margin:0 0 12px;line-height:var(--nmfr-line-height-heading);text-wrap:balance;max-width:18ch}
.nmfr-transition-title{font-size:var(--nmfr-transition-title-mobile)}
.nmfr-result-title{font-size:var(--nmfr-result-title-mobile)}
.nmfr-transition-text,.nmfr-result-intro{margin:0 0 20px;font-size:var(--nmfr-body-font-size);line-height:var(--nmfr-line-height-body);color:rgba(245,250,255,.9)!important;max-width:32ch}
.nmfr-instruction{display:inline-block;margin:0 0 20px;padding:11px 16px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.08);font-size:var(--nmfr-body-font-size);color:#fff!important}
.nmfr-video-shell{position:relative;overflow:hidden;border-radius:26px;background:#050b14;aspect-ratio:16/9;box-shadow:0 18px 50px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}
.nmfr-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nmfr-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(9,25,44,.12),rgba(6,18,30,.58));padding:24px}
.nmfr-video-overlay-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}
.nmfr-video-play{width:94px;height:94px;border-radius:999px;border:0;background:linear-gradient(180deg,#f0b234 0%,var(--nmfr-button-bg) 100%);color:var(--nmfr-button-text)!important;font-size:var(--nmfr-button-font-size);font-weight:var(--nmfr-button-weight);box-shadow:0 20px 50px rgba(231,161,35,.24);transition:transform .2s ease, box-shadow .2s ease}
.nmfr-video-play:hover{transform:scale(1.03)}
.nmfr-video-hint{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border-radius:999px;background:rgba(8,17,31,.48);color:#fff!important;font-size:var(--nmfr-small-font-size);border:1px solid rgba(255,255,255,.08)}
.nmfr-video-shell.is-playing .nmfr-video-overlay,.nmfr-video-shell.is-playing .nmfr-video-poster{display:none}
.nmfr-video-shell.is-fullscreen{border-radius:0}
.nmfr-video-embed,.nmfr-video-embed iframe,.nmfr-video-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.nmfr-result-pagination{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:18px}
.nmfr-result-step-meta{margin-top:4px}
.nmfr-result-progress{margin-bottom:20px}
.nmfr-result-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.nmfr-result-chip{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06);color:#fff!important;text-decoration:none;font-size:var(--nmfr-small-font-size)}
.nmfr-result-chip.is-active{background:var(--nmfr-accent);border-color:transparent;color:#fff!important}
.nmfr-cta-link{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:var(--nmfr-button-radius);background:linear-gradient(180deg,#f0b234 0%,var(--nmfr-button-bg) 100%);color:#fff!important;text-decoration:none;font-weight:var(--nmfr-button-weight);font-size:var(--nmfr-button-font-size);box-shadow:0 16px 34px rgba(231,161,35,.24)}
.nmfr-back-link{display:inline-flex;align-items:center;gap:8px;color:rgba(245,250,255,.96)!important;text-decoration:none;font-size:var(--nmfr-body-font-size);font-weight:var(--nmfr-button-weight);margin-bottom:18px}
.nmfr-answers-note{font-size:var(--nmfr-small-font-size);line-height:var(--nmfr-line-height-body);color:rgba(245,250,255,.75)!important;margin-top:16px}
.nmfr-hidden{display:none!important}
@keyframes nmfrPulse{0%,100%{transform:scale(.85);opacity:.4}50%{transform:scale(1);opacity:1}}
@media (min-width:960px){.nmfr-screen{padding:36px}.nmfr-shell,.nmfr-transition-wrap,.nmfr-result-wrap{padding:32px 34px;border-radius:32px}.nmfr-shell{width:min(100%,920px)}.nmfr-shell--question{width:min(100%,1120px)}.nmfr-shell--question .nmfr-question-title{max-width:960px}.nmfr-title{font-size:var(--nmfr-start-title-desktop)}.nmfr-question-title{font-size:var(--nmfr-question-title-desktop)}.nmfr-transition-title{font-size:var(--nmfr-transition-title-desktop)}.nmfr-result-title{font-size:var(--nmfr-result-title-desktop)}}
@media (max-width:767px){.nmfr-app{border-radius:18px}.nmfr-start-card,.nmfr-start-story-card{border-radius:28px}.nmfr-start-topband,.nmfr-start-story-head{padding:16px 16px 14px}.nmfr-start-visual{min-height:220px;padding:18px 18px 20px}.nmfr-start-story-stage{min-height:250px;padding:14px 10px 0}.nmfr-character-stage{min-height:230px}.nmfr-stage-character--thinker{width:46%;max-width:160px}.nmfr-stage-character--angel{width:38%;max-width:122px;left:-2%}.nmfr-stage-character--demon{width:36%;max-width:116px;right:-2%}.nmfr-start-ribbon,.nmfr-start-story-ribbon{margin:-10px 16px 0;padding:14px 14px}.nmfr-start-description,.nmfr-start-teaser,.nmfr-start-story-description,.nmfr-start-story-teaser{margin-left:18px;margin-right:18px}.nmfr-start-actions--poster,.nmfr-start-actions--story{padding:16px 18px 22px}.nmfr-start-button{width:100%}.nmfr-home-shell .nmfr-app{border-radius:0}.nmfr-screen{padding:14px}.nmfr-shell,.nmfr-transition-wrap,.nmfr-result-wrap{padding:18px;border-radius:22px}.nmfr-title,.nmfr-question-title,.nmfr-transition-title,.nmfr-result-title{max-width:none}.nmfr-button,.nmfr-secondary-button,.nmfr-option{min-height:54px}.nmfr-start-actions,.nmfr-transition-actions,.nmfr-result-actions,.nmfr-result-pagination{flex-direction:column;align-items:stretch}.nmfr-video-play{width:74px;height:74px}.nmfr-result-nav{display:grid;grid-template-columns:1fr 1fr}}


/* v0.8.2 cinematic hero refresh */
.nmfr-start-story-card--cinematic{background:linear-gradient(180deg,rgba(6,28,49,.98) 0%,rgba(5,20,36,.99) 100%);box-shadow:0 30px 90px rgba(2,11,22,.38);border:1px solid rgba(255,255,255,.06)}
.nmfr-start-story-card--cinematic::before{background:radial-gradient(circle at 20% 14%,rgba(84,140,228,.16),transparent 28%),radial-gradient(circle at 82% 28%,rgba(231,161,35,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}
.nmfr-start-story-head--cinematic{padding:18px 24px 14px;background:linear-gradient(180deg,#5489d7 0%,#3c64b5 100%)}
.nmfr-start-story-title{font-size:var(--nmfr-start-title-mobile);line-height:1;font-weight:800;letter-spacing:-.03em}
.nmfr-start-story-stage--cinematic{min-height:360px;padding:6px 18px 0;align-items:stretch}
.nmfr-start-story-body{position:relative;padding:0 20px 26px}
.nmfr-cinematic-scene{position:relative;isolation:isolate;width:min(100%,600px);min-height:350px;margin:0 auto;overflow:hidden}
.nmfr-cinematic-aura{position:absolute;border-radius:999px;filter:blur(34px);opacity:.42;pointer-events:none;z-index:0}
.nmfr-cinematic-aura--left{width:160px;height:160px;left:6%;top:24%;background:rgba(111,156,231,.4)}
.nmfr-cinematic-aura--right{width:170px;height:170px;right:7%;top:24%;background:rgba(231,161,35,.26)}
.nmfr-cinematic-portal{position:absolute;left:50%;top:44%;width:70%;max-width:380px;aspect-ratio:1/1;transform:translate(-50%,-50%);z-index:1}
.nmfr-cinematic-portal-ring,.nmfr-cinematic-portal-core{position:absolute;border-radius:999px;inset:0}
.nmfr-cinematic-portal-ring--outer{border:22px solid rgba(135,176,232,.18);box-shadow:0 0 0 1px rgba(255,255,255,.03) inset}
.nmfr-cinematic-portal-ring--inner{inset:18%;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 35% 35%,rgba(141,181,235,.18),rgba(141,181,235,.03) 58%,transparent 65%)}
.nmfr-cinematic-portal-core{inset:31%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.18),rgba(145,185,237,.07) 46%,rgba(145,185,237,0) 70%)}
.nmfr-cinematic-floor{position:absolute;left:50%;bottom:8px;width:78%;max-width:420px;height:58px;transform:translateX(-50%);background:radial-gradient(circle at center,rgba(47,94,154,.46) 0%,rgba(20,46,77,.24) 42%,rgba(6,20,36,0) 74%);filter:blur(2px);z-index:1}
.nmfr-cinematic-character{position:absolute;z-index:3;pointer-events:none}
.nmfr-cinematic-character img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 36px rgba(0,0,0,.28))}
.nmfr-cinematic-character--thinker{left:50%;bottom:18px;width:34%;max-width:230px;transform:translateX(-50%);animation:nmfrRiseIn .72s cubic-bezier(.22,.96,.2,1) both, nmfrFloatThinker 4.4s ease-in-out .8s infinite}
.nmfr-cinematic-character--angel{left:7%;bottom:18px;width:28%;max-width:150px;transform-origin:center bottom;animation:nmfrSlideInLeft .78s cubic-bezier(.22,.96,.2,1) both, nmfrFloatSideLeft 4.8s ease-in-out .9s infinite}
.nmfr-cinematic-character--demon{right:7%;bottom:10px;width:27%;max-width:145px;transform-origin:center bottom;animation:nmfrSlideInRight .78s cubic-bezier(.22,.96,.2,1) both, nmfrFloatSideRight 4.8s ease-in-out .96s infinite}
.nmfr-start-story-ribbon{margin:-4px auto 0;max-width:680px;padding:16px 18px;border-radius:24px;background:linear-gradient(180deg,#5a8fdf 0%,#3862b6 100%);font-size:clamp(16px,4.3vw,27px);line-height:1.02;box-shadow:0 20px 42px rgba(46,88,159,.26)}
.nmfr-start-story-description{margin:18px auto 0;max-width:640px;text-align:center;color:rgba(245,250,255,.9)!important;font-size:var(--nmfr-body-font-size)}
.nmfr-start-story-teaser{margin:18px auto 0;max-width:560px;text-align:center;color:#fff!important;font-size:clamp(26px,7vw,48px);line-height:1.02;font-weight:800;letter-spacing:-.02em}
.nmfr-start-button--story{min-width:min(100%,320px);min-height:62px;border-radius:14px;font-size:clamp(18px,4.8vw,28px)}
@keyframes nmfrRiseIn{0%{opacity:0;transform:translateX(-50%) translateY(30px) scale(.92)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@keyframes nmfrSlideInLeft{0%{opacity:0;transform:translate3d(-34px,24px,0) scale(.88) rotate(-8deg)}100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(-3deg)}}
@keyframes nmfrSlideInRight{0%{opacity:0;transform:translate3d(34px,24px,0) scale(.88) rotate(8deg)}100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(3deg)}}
@media (min-width:960px){
  .nmfr-start-story-head--cinematic{padding:22px 32px 18px}
  .nmfr-start-story-title{font-size:var(--nmfr-start-title-desktop)}
  .nmfr-start-story-stage--cinematic{min-height:420px;padding:8px 30px 0}
  .nmfr-cinematic-scene{min-height:410px;max-width:760px}
  .nmfr-cinematic-portal{width:54%;max-width:420px;top:43%}
  .nmfr-cinematic-character--thinker{width:28%;max-width:260px;bottom:12px}
  .nmfr-cinematic-character--angel{left:11%;width:20%;max-width:160px;bottom:26px}
  .nmfr-cinematic-character--demon{right:11%;width:19%;max-width:152px;bottom:22px}
  .nmfr-start-story-body{padding:0 34px 34px}
}
@media (max-width:767px){
  .nmfr-start-story-head--cinematic{padding:16px 18px 14px}
  .nmfr-start-story-stage--cinematic{min-height:300px;padding:8px 12px 0}
  .nmfr-cinematic-scene{min-height:292px}
  .nmfr-cinematic-portal{width:74%;top:42%}
  .nmfr-cinematic-portal-ring--outer{border-width:18px}
  .nmfr-cinematic-character--thinker{width:40%;max-width:180px;bottom:10px}
  .nmfr-cinematic-character--angel{left:0;width:30%;max-width:118px;bottom:12px}
  .nmfr-cinematic-character--demon{right:0;width:28%;max-width:112px;bottom:8px}
  .nmfr-start-story-ribbon{margin:-2px 8px 0;padding:14px 14px;border-radius:20px;font-size:clamp(15px,5.4vw,21px)}
  .nmfr-start-story-description{max-width:520px}
  .nmfr-start-story-teaser{font-size:clamp(24px,8vw,38px)}
}

/* v0.8.3 radical hero redesign */
.nmfr-start-story-card--showdown{
  background:
    radial-gradient(circle at 50% 20%, rgba(91,145,225,.16), transparent 25%),
    linear-gradient(180deg, rgba(8,33,57,.98) 0%, rgba(4,18,33,1) 100%);
  border:1px solid rgba(132,177,236,.14);
  box-shadow:0 30px 95px rgba(1,11,21,.44);
}
.nmfr-start-story-card--showdown::before{
  background:
    radial-gradient(circle at 12% 42%, rgba(95,149,231,.18), transparent 20%),
    radial-gradient(circle at 88% 40%, rgba(239,180,52,.12), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
.nmfr-start-story-head--showdown{
  background:none;
  padding:24px 24px 4px;
}
.nmfr-start-kicker--showdown{
  display:block;
  background:transparent;
  padding:0;
  margin:0 0 12px;
  font-size:13px;
  letter-spacing:.01em;
  color:rgba(225,236,255,.82)!important;
}
.nmfr-start-story-title--showdown{
  max-width:none;
  margin:0 auto;
  font-size:clamp(28px, 8.5vw, 58px);
  line-height:.96;
  text-align:center;
  letter-spacing:-.04em;
  text-shadow:0 8px 34px rgba(0,0,0,.22);
  white-space:nowrap;
  color:#f4f8ff!important;
}
.nmfr-start-story-subtitle--showdown{
  max-width:28ch;
  margin:14px auto 0;
  text-align:center;
  color:rgba(223,236,255,.82)!important;
  font-size:clamp(15px, 3.8vw, 18px);
  line-height:1.42;
}
.nmfr-start-story-stage--showdown{
  min-height:355px;
  padding:4px 16px 0;
  align-items:stretch;
}
.nmfr-cinematic-scene--showdown{
  width:min(100%,640px);
  min-height:350px;
}
.nmfr-cinematic-portal--showdown{
  width:58%;
  max-width:320px;
  top:45%;
  opacity:.84;
}
.nmfr-cinematic-spark{
  position:absolute;
  inset:auto;
  width:110px;
  height:110px;
  border-radius:999px;
  filter:blur(22px);
  opacity:.55;
  z-index:0;
}
.nmfr-cinematic-spark--left{left:12%; top:46%; background:rgba(95,149,231,.22)}
.nmfr-cinematic-spark--right{right:12%; top:46%; background:rgba(239,180,52,.18)}
.nmfr-cinematic-label{
  position:absolute;
  top:-33px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
  white-space:nowrap;
  backdrop-filter:blur(10px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.nmfr-cinematic-label--angel{
  right:-6px;
  background:rgba(86,134,212,.2);
  border:1px solid rgba(141,186,255,.24);
  color:#eef6ff!important;
}
.nmfr-cinematic-label--demon{
  left:-30px;
  background:rgba(237,176,52,.16);
  border:1px solid rgba(247,201,109,.22);
  color:#fff4d3!important;
}
.nmfr-cinematic-character--thinker{
  width:28%;
  max-width:168px;
  bottom:4px;
}
.nmfr-cinematic-character--angel{
  left:18%;
  width:22%;
  max-width:120px;
  bottom:124px;
}
.nmfr-cinematic-character--demon{
  right:18%;
  width:20%;
  max-width:110px;
  bottom:122px;
}
.nmfr-start-story-body--showdown{
  padding:0 22px 30px;
}

.nmfr-cinematic-character{--nmfr-character-scale-desktop:1;--nmfr-character-scale-mobile:1;--nmfr-character-scale:var(--nmfr-character-scale-desktop,1)}
.nmfr-cinematic-character img{transform:scale(var(--nmfr-character-scale));transform-origin:center bottom}
.nmfr-cinematic-character--thinker img{transform:scale(var(--nmfr-character-scale));}
.nmfr-cinematic-character--angel img,.nmfr-cinematic-character--demon img{transform-origin:center bottom;transition:transform .35s ease,filter .35s ease}
@media (max-width: 767px){.nmfr-cinematic-character{--nmfr-character-scale:var(--nmfr-character-scale-mobile,var(--nmfr-character-scale-desktop,1))}}
.nmfr-cinematic-scene--showdown:hover .nmfr-cinematic-character--angel img{transform:translateY(-6px) rotate(-4deg) scale(var(--nmfr-character-scale))}
.nmfr-cinematic-scene--showdown:hover .nmfr-cinematic-character--demon img{transform:translateY(-6px) rotate(4deg) scale(var(--nmfr-character-scale))}
.nmfr-start-feature-row{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin:0 auto 18px;
  max-width:620px;
}
.nmfr-start-feature-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#edf5ff!important;
  font-size:13px;
  font-weight:700;
}
.nmfr-start-story-teaser--showdown{
  max-width:none;
  margin:10px auto 0;
  font-size:clamp(28px, 7.2vw, 46px);
  color:#fff!important;
  line-height:.96;
  letter-spacing:-.035em;
  text-align:center;
  white-space:nowrap;
}
.nmfr-start-actions--showdown{
  margin-top:18px;
}
.nmfr-start-button--showdown{
  min-width:min(100%, 300px);
  min-height:64px;
  border-radius:18px;
  background:linear-gradient(180deg,#df9322 0%, #b76a07 100%);
  box-shadow:0 18px 40px rgba(197,117,15,.30), inset 0 1px 0 rgba(255,230,185,.22);
}
@media (min-width: 960px){
  .nmfr-start-story-head--showdown{padding:30px 36px 4px}
  .nmfr-start-story-stage--showdown{min-height:405px; padding:8px 28px 0}
  .nmfr-cinematic-scene--showdown{min-height:390px; max-width:760px}
  .nmfr-cinematic-character--thinker{width:24%; max-width:210px; bottom:6px}
  .nmfr-cinematic-character--angel{left:22%; width:15%; max-width:120px; bottom:142px}
  .nmfr-cinematic-character--demon{right:22%; width:14%; max-width:112px; bottom:140px}
  .nmfr-start-story-body--showdown{padding:0 34px 36px}
}
@media (max-width: 767px){
  .nmfr-start-story-head--showdown{padding:22px 18px 2px}
  .nmfr-start-story-title--showdown{font-size:clamp(28px, 8.6vw, 40px); max-width:none}
  .nmfr-start-story-stage--showdown{min-height:270px; padding:0 10px 0}
  .nmfr-cinematic-scene--showdown{min-height:258px}
  .nmfr-cinematic-portal--showdown{width:54%; top:48%}
  .nmfr-cinematic-character--thinker{width:29%; max-width:118px; bottom:4px}
  .nmfr-cinematic-character--angel{left:15%; width:24%; max-width:88px; bottom:96px}
  .nmfr-cinematic-character--demon{right:15%; width:21%; max-width:78px; bottom:94px}
  .nmfr-cinematic-label{min-height:28px; padding:6px 10px; font-size:11px; top:-30px}
  .nmfr-cinematic-label--angel{right:-10px}
  .nmfr-cinematic-label--demon{left:-12px}
  .nmfr-start-story-body--showdown{padding:0 16px 24px}
  .nmfr-start-feature-row{gap:8px; margin-bottom:14px}
  .nmfr-start-feature-chip{font-size:12px; min-height:34px; padding:7px 10px}
  .nmfr-start-story-teaser--showdown{font-size:clamp(26px, 8.6vw, 34px); max-width:none}
}


/* v0.8.6 homepage hero fine-tuning */
.nmfr-start-story-title--showdown{
  font-size:clamp(24px, 7.2vw, 48px);
  line-height:1.01;
  letter-spacing:-.022em;
  padding-inline:10px;
}
.nmfr-cinematic-character--thinker{
  width:16%;
  max-width:92px;
  bottom:4px;
}
.nmfr-cinematic-character--angel{bottom:149px}
.nmfr-cinematic-character--demon{bottom:147px}
@media (min-width: 960px){
  .nmfr-start-story-head--showdown{padding:28px 34px 6px}
  .nmfr-start-story-title--showdown{font-size:clamp(24px, 5.2vw, 46px); letter-spacing:-.02em}
  .nmfr-cinematic-character--thinker{width:14%; max-width:96px; bottom:4px}
  .nmfr-cinematic-character--angel{bottom:167px}
  .nmfr-cinematic-character--demon{bottom:165px}
}
@media (max-width: 767px){
  .nmfr-start-story-head--showdown{padding:20px 16px 4px}
  .nmfr-start-story-title--showdown{font-size:clamp(21px, 6.6vw, 31px); line-height:1.04; letter-spacing:-.012em; padding-inline:8px}
  .nmfr-cinematic-character--thinker{width:18%; max-width:70px; bottom:2px}
  .nmfr-cinematic-character--angel{bottom:121px}
  .nmfr-cinematic-character--demon{bottom:119px}
}


/* v0.8.7 balloon centering + angel shine + demon flame glow */
.nmfr-cinematic-character--angel,
.nmfr-cinematic-character--demon{
  isolation:isolate;
}
.nmfr-cinematic-label--angel{
  left:58%;
  right:auto;
  transform:translateX(-50%);
}
.nmfr-cinematic-character--angel::before,
.nmfr-cinematic-character--angel::after,
.nmfr-cinematic-character--demon::before,
.nmfr-cinematic-character--demon::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
.nmfr-cinematic-character--angel::before{
  width:165%;
  height:165%;
  left:50%;
  top:50%;
  transform:translate(-50%,-52%);
  border-radius:999px;
  background:radial-gradient(circle, rgba(180,218,255,.42) 0%, rgba(140,192,255,.18) 34%, rgba(97,154,231,.10) 56%, rgba(97,154,231,0) 76%);
  filter:blur(10px);
  opacity:.95;
  animation:nmfrAngelShine 3.8s ease-in-out infinite;
}
.nmfr-cinematic-character--angel::after{
  width:118%;
  height:118%;
  left:50%;
  top:42%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.38) 0%, rgba(255,255,255,.12) 24%, rgba(255,255,255,0) 54%);
  filter:blur(4px);
  opacity:.8;
  animation:nmfrAngelShinePulse 2.8s ease-in-out infinite;
}
.nmfr-cinematic-character--demon::before{
  width:150%;
  height:140%;
  left:50%;
  top:56%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,136,66,.30) 0%, rgba(255,100,40,.20) 28%, rgba(255,66,22,.10) 52%, rgba(255,66,22,0) 74%);
  filter:blur(12px);
  opacity:.95;
  animation:nmfrFlameFlicker 2.2s ease-in-out infinite;
}
.nmfr-cinematic-character--demon::after{
  width:122%;
  height:82%;
  left:50%;
  bottom:12%;
  transform:translateX(-50%);
  background:
    radial-gradient(ellipse at 22% 100%, rgba(255,195,82,.82) 0%, rgba(255,136,52,.55) 30%, rgba(255,92,28,0) 62%),
    radial-gradient(ellipse at 50% 100%, rgba(255,188,78,.78) 0%, rgba(255,115,42,.52) 32%, rgba(255,82,24,0) 64%),
    radial-gradient(ellipse at 78% 100%, rgba(255,190,86,.70) 0%, rgba(255,106,38,.46) 30%, rgba(255,82,24,0) 62%);
  filter:blur(7px);
  opacity:.82;
  animation:nmfrFlameFlickerFast 1.5s ease-in-out infinite;
}
@keyframes nmfrAngelShine{
  0%,100%{opacity:.78; transform:translate(-50%,-52%) scale(.96)}
  50%{opacity:1; transform:translate(-50%,-52%) scale(1.06)}
}
@keyframes nmfrAngelShinePulse{
  0%,100%{opacity:.22; transform:translate(-50%,-50%) scale(.92)}
  50%{opacity:.9; transform:translate(-50%,-50%) scale(1.08)}
}
@keyframes nmfrFlameFlicker{
  0%,100%{opacity:.72; transform:translate(-50%,-50%) scale(.94)}
  35%{opacity:.98; transform:translate(-50%,-53%) scale(1.06)}
  70%{opacity:.84; transform:translate(-50%,-48%) scale(1)}
}
@keyframes nmfrFlameFlickerFast{
  0%,100%{opacity:.62; transform:translateX(-50%) scale(.92)}
  50%{opacity:.9; transform:translateX(-50%) translateY(-4px) scale(1.06)}
}
@media (max-width: 767px){
  .nmfr-cinematic-label--angel{left:55%}
  .nmfr-cinematic-character--angel::before{width:150%; height:150%}
  .nmfr-cinematic-character--demon::after{width:112%; bottom:10%}
}


/* v0.8.8 broader side bloom for angel shine + demon fire */
.nmfr-start-story-stage--showdown,
.nmfr-cinematic-scene--showdown{
  overflow:visible;
}
.nmfr-cinematic-character--angel::before{
  width:235%;
  height:190%;
  background:radial-gradient(ellipse at 50% 50%, rgba(188,224,255,.48) 0%, rgba(150,205,255,.28) 26%, rgba(108,172,246,.16) 46%, rgba(108,172,246,.07) 60%, rgba(108,172,246,0) 78%);
  filter:blur(16px);
}
.nmfr-cinematic-character--angel::after{
  width:168%;
  height:132%;
  background:radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.42) 0%, rgba(255,255,255,.16) 26%, rgba(255,255,255,0) 60%);
  filter:blur(7px);
}
.nmfr-cinematic-character--demon::before{
  width:220%;
  height:175%;
  top:54%;
  background:radial-gradient(ellipse at 50% 56%, rgba(255,144,72,.34) 0%, rgba(255,112,48,.24) 26%, rgba(255,78,28,.15) 46%, rgba(255,78,28,.08) 58%, rgba(255,78,28,0) 78%);
  filter:blur(16px);
}
.nmfr-cinematic-character--demon::after{
  width:172%;
  height:104%;
  bottom:8%;
  background:
    radial-gradient(ellipse at 10% 100%, rgba(255,196,86,.80) 0%, rgba(255,138,56,.56) 24%, rgba(255,90,28,0) 60%),
    radial-gradient(ellipse at 34% 100%, rgba(255,198,92,.90) 0%, rgba(255,128,48,.58) 28%, rgba(255,90,28,0) 66%),
    radial-gradient(ellipse at 50% 100%, rgba(255,188,82,.88) 0%, rgba(255,118,44,.56) 28%, rgba(255,84,26,0) 64%),
    radial-gradient(ellipse at 66% 100%, rgba(255,194,88,.84) 0%, rgba(255,124,46,.54) 28%, rgba(255,84,26,0) 64%),
    radial-gradient(ellipse at 90% 100%, rgba(255,190,86,.76) 0%, rgba(255,114,40,.48) 24%, rgba(255,82,24,0) 60%);
  filter:blur(10px);
}
@media (max-width: 767px){
  .nmfr-cinematic-character--angel::before{width:205%; height:175%}
  .nmfr-cinematic-character--angel::after{width:150%; height:122%}
  .nmfr-cinematic-character--demon::before{width:194%; height:160%}
  .nmfr-cinematic-character--demon::after{width:156%; height:96%}
}


/* v0.8.9 demon effect refined to ember particles + subtle flamelets */
.nmfr-cinematic-character--demon::before{
  width:160%;
  height:132%;
  left:50%;
  top:57%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(ellipse at 50% 56%, rgba(255,146,76,.18) 0%, rgba(255,112,46,.11) 28%, rgba(255,88,28,.05) 48%, rgba(255,88,28,0) 72%);
  filter:blur(11px);
  opacity:.72;
  animation:nmfrDemonEmberGlow 3.2s ease-in-out infinite;
}
.nmfr-cinematic-character--demon::after{
  width:188%;
  height:148%;
  left:50%;
  top:51%;
  bottom:auto;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:
    radial-gradient(circle at 18% 76%, rgba(255,219,148,.88) 0 2px, rgba(255,150,70,.34) 2px 5px, transparent 7px),
    radial-gradient(circle at 31% 62%, rgba(255,206,126,.84) 0 2px, rgba(255,132,56,.30) 2px 5px, transparent 7px),
    radial-gradient(circle at 44% 74%, rgba(255,210,132,.86) 0 2px, rgba(255,138,60,.32) 2px 5px, transparent 7px),
    radial-gradient(circle at 58% 54%, rgba(255,214,138,.82) 0 2px, rgba(255,136,58,.28) 2px 5px, transparent 7px),
    radial-gradient(circle at 68% 71%, rgba(255,204,124,.82) 0 2px, rgba(255,126,52,.28) 2px 5px, transparent 7px),
    radial-gradient(circle at 80% 60%, rgba(255,214,140,.84) 0 2px, rgba(255,134,58,.30) 2px 5px, transparent 7px),
    radial-gradient(ellipse at 28% 86%, rgba(255,190,96,.36) 0 6px, rgba(255,114,44,.14) 6px 12px, transparent 15px),
    radial-gradient(ellipse at 55% 86%, rgba(255,186,90,.34) 0 7px, rgba(255,110,42,.14) 7px 13px, transparent 16px),
    radial-gradient(ellipse at 76% 84%, rgba(255,192,96,.32) 0 6px, rgba(255,112,42,.12) 6px 12px, transparent 15px),
    radial-gradient(ellipse at 36% 44%, rgba(255,186,94,.22) 0 5px, rgba(255,104,38,.08) 5px 10px, transparent 12px),
    radial-gradient(ellipse at 70% 42%, rgba(255,184,92,.20) 0 5px, rgba(255,102,38,.08) 5px 10px, transparent 12px);
  filter:blur(1.4px);
  opacity:.96;
  animation:nmfrDemonParticles 2.8s ease-in-out infinite;
}
@keyframes nmfrDemonEmberGlow{
  0%,100%{opacity:.56; transform:translate(-50%,-50%) scale(.95)}
  50%{opacity:.78; transform:translate(-50%,-52%) scale(1.03)}
}
@keyframes nmfrDemonParticles{
  0%,100%{opacity:.70; transform:translate(-50%,-50%) scale(.96)}
  35%{opacity:1; transform:translate(-50%,-54%) scale(1.04)}
  68%{opacity:.84; transform:translate(-50%,-47%) scale(1)}
}
@media (max-width: 767px){
  .nmfr-cinematic-character--demon::before{width:150%; height:126%}
  .nmfr-cinematic-character--demon::after{width:172%; height:136%}
}


/* v0.8.10 refined demon flamelets + orange glass start button */
.nmfr-cinematic-character--demon{
  overflow:visible;
}
.nmfr-cinematic-character--demon::before{
  width:142%;
  height:118%;
  left:50%;
  top:58%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(ellipse at 50% 56%, rgba(255,146,76,.13) 0%, rgba(255,112,46,.08) 30%, rgba(255,88,28,.03) 52%, rgba(255,88,28,0) 74%);
  filter:blur(12px);
  opacity:.22;
  animation:nmfrDemonGlowSoft 3.6s ease-in-out infinite;
}
.nmfr-cinematic-character--demon::after{
  width:118%;
  height:92%;
  left:50%;
  top:56%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:
    radial-gradient(circle at 22% 68%, rgba(255,222,160,.72) 0 1.5px, rgba(255,138,60,.24) 1.5px 4px, transparent 6px),
    radial-gradient(circle at 44% 60%, rgba(255,210,134,.68) 0 1.5px, rgba(255,126,50,.22) 1.5px 4px, transparent 6px),
    radial-gradient(circle at 65% 70%, rgba(255,218,146,.70) 0 1.5px, rgba(255,134,58,.22) 1.5px 4px, transparent 6px),
    radial-gradient(circle at 80% 54%, rgba(255,212,142,.66) 0 1.5px, rgba(255,124,48,.20) 1.5px 4px, transparent 6px);
  filter:blur(.6px);
  opacity:.30;
  animation:nmfrDemonSparkDrift 3.1s ease-in-out infinite;
}
.nmfr-demon-flamelets,
.nmfr-demon-sparks{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.42;
}
.nmfr-demon-flamelets span,
.nmfr-demon-sparks span{
  position:absolute;
  display:block;
}
.nmfr-demon-flamelets span{
  width:24px;
  height:40px;
  border-radius:60% 60% 70% 70% / 72% 72% 38% 38%;
  background:
    radial-gradient(circle at 50% 74%, rgba(255,240,198,.92) 0 16%, rgba(255,198,96,.92) 16% 34%, rgba(255,128,36,.82) 34% 58%, rgba(255,82,16,.12) 58% 100%);
  filter:blur(.35px) drop-shadow(0 0 8px rgba(255,132,46,.18));
  opacity:.30;
  transform-origin:center bottom;
}
.nmfr-demon-flamelets span::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:56%;
  width:48%;
  height:56%;
  transform:translateX(-50%);
  border-radius:60% 60% 70% 70% / 72% 72% 38% 38%;
  background:radial-gradient(circle at 50% 76%, rgba(255,248,222,.96) 0 20%, rgba(255,222,146,.92) 20% 46%, rgba(255,222,146,0) 74%);
  opacity:.96;
}
.nmfr-demon-flamelets span:nth-child(1){left:4%; top:44%; transform:rotate(-10deg) scale(.88); animation:nmfrFlameletA 2.2s ease-in-out infinite}
.nmfr-demon-flamelets span:nth-child(2){left:18%; top:18%; transform:rotate(-4deg) scale(.72); animation:nmfrFlameletB 1.95s ease-in-out .15s infinite}
.nmfr-demon-flamelets span:nth-child(3){right:8%; top:38%; transform:rotate(10deg) scale(.82); animation:nmfrFlameletC 2.05s ease-in-out .22s infinite}
.nmfr-demon-flamelets span:nth-child(4){right:20%; top:14%; transform:rotate(6deg) scale(.66); animation:nmfrFlameletD 1.8s ease-in-out .1s infinite}
.nmfr-demon-sparks span{
  width:5px;
  height:5px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,243,204,.96) 0 28%, rgba(255,180,88,.92) 28% 62%, rgba(255,115,40,.24) 62% 100%);
  box-shadow:0 0 10px rgba(255,150,60,.22);
  opacity:.32;
}
.nmfr-demon-sparks span:nth-child(1){left:14%; top:26%; animation:nmfrSparkFloatA 2.6s ease-in-out infinite}
.nmfr-demon-sparks span:nth-child(2){left:26%; top:8%; width:4px; height:4px; animation:nmfrSparkFloatB 2.1s ease-in-out .2s infinite}
.nmfr-demon-sparks span:nth-child(3){right:22%; top:16%; animation:nmfrSparkFloatC 2.4s ease-in-out .35s infinite}
.nmfr-demon-sparks span:nth-child(4){right:10%; top:30%; width:4px; height:4px; animation:nmfrSparkFloatD 2s ease-in-out .15s infinite}
.nmfr-demon-sparks span:nth-child(5){left:48%; top:4%; width:3px; height:3px; animation:nmfrSparkFloatE 1.9s ease-in-out .4s infinite}
@keyframes nmfrDemonGlowSoft{
  0%,100%{opacity:.16; transform:translate(-50%,-50%) scale(.96)}
  50%{opacity:.28; transform:translate(-50%,-52%) scale(1.02)}
}
@keyframes nmfrDemonSparkDrift{
  0%,100%{opacity:.18; transform:translate(-50%,-50%) scale(.96)}
  45%{opacity:.34; transform:translate(-50%,-54%) scale(1.02)}
}
@keyframes nmfrFlameletA{
  0%,100%{opacity:.22; transform:translate3d(0,0,0) rotate(-10deg) scale(.88)}
  40%{opacity:.38; transform:translate3d(-3px,-9px,0) rotate(-14deg) scale(.96)}
  70%{opacity:.28; transform:translate3d(1px,-4px,0) rotate(-8deg) scale(.9)}
}
@keyframes nmfrFlameletB{
  0%,100%{opacity:.18; transform:translate3d(0,0,0) rotate(-4deg) scale(.72)}
  50%{opacity:.34; transform:translate3d(-2px,-8px,0) rotate(-8deg) scale(.82)}
}
@keyframes nmfrFlameletC{
  0%,100%{opacity:.2; transform:translate3d(0,0,0) rotate(10deg) scale(.82)}
  44%{opacity:.4; transform:translate3d(3px,-10px,0) rotate(14deg) scale(.92)}
  70%{opacity:.28; transform:translate3d(-1px,-4px,0) rotate(8deg) scale(.86)}
}
@keyframes nmfrFlameletD{
  0%,100%{opacity:.16; transform:translate3d(0,0,0) rotate(6deg) scale(.66)}
  48%{opacity:.32; transform:translate3d(2px,-7px,0) rotate(10deg) scale(.76)}
}
@keyframes nmfrSparkFloatA{
  0%,100%{opacity:.14; transform:translate3d(0,0,0) scale(.8)}
  50%{opacity:.34; transform:translate3d(-5px,-16px,0) scale(1.12)}
}
@keyframes nmfrSparkFloatB{
  0%,100%{opacity:.1; transform:translate3d(0,0,0) scale(.75)}
  55%{opacity:.28; transform:translate3d(-2px,-13px,0) scale(1.05)}
}
@keyframes nmfrSparkFloatC{
  0%,100%{opacity:.12; transform:translate3d(0,0,0) scale(.82)}
  48%{opacity:.32; transform:translate3d(4px,-14px,0) scale(1.08)}
}
@keyframes nmfrSparkFloatD{
  0%,100%{opacity:.1; transform:translate3d(0,0,0) scale(.76)}
  58%{opacity:.26; transform:translate3d(3px,-11px,0) scale(1.02)}
}
@keyframes nmfrSparkFloatE{
  0%,100%{opacity:.08; transform:translate3d(0,0,0) scale(.72)}
  52%{opacity:.24; transform:translate3d(1px,-10px,0) scale(1)}
}
.nmfr-start-button--showdown{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,224,167,.30);
  background:
    linear-gradient(180deg, rgba(255,214,143,.34) 0%, rgba(255,214,143,.08) 22%, rgba(255,255,255,0) 23%),
    linear-gradient(180deg, rgba(255,189,88,.96) 0%, rgba(233,145,22,.94) 42%, rgba(197,111,5,.92) 100%);
  box-shadow:
    0 18px 40px rgba(197,117,15,.24),
    inset 0 1px 0 rgba(255,245,219,.58),
    inset 0 -10px 18px rgba(146,71,0,.16);
  backdrop-filter:blur(10px);
}
.nmfr-start-button--showdown::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:52%;
  border-radius:17px 17px 10px 10px;
  background:linear-gradient(180deg, rgba(255,247,225,.30) 0%, rgba(255,233,191,.15) 42%, rgba(255,233,191,0) 100%);
  pointer-events:none;
}
.nmfr-start-button--showdown::after{
  content:"";
  position:absolute;
  inset:-18% auto auto -22%;
  width:58%;
  height:140%;
  transform:rotate(18deg);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,245,220,.24) 50%, rgba(255,255,255,0) 100%);
  opacity:.7;
  pointer-events:none;
}
.nmfr-start-button--showdown:hover{
  box-shadow:
    0 20px 44px rgba(205,123,18,.28),
    inset 0 1px 0 rgba(255,248,229,.64),
    inset 0 -10px 18px rgba(146,71,0,.18);
}
@media (max-width: 767px){
  .nmfr-cinematic-character--demon::before{width:132%; height:112%}
  .nmfr-cinematic-character--demon::after{width:108%; height:88%}
  .nmfr-demon-flamelets span{width:20px; height:34px}
  .nmfr-demon-flamelets span:nth-child(1){left:2%; top:44%}
  .nmfr-demon-flamelets span:nth-child(2){left:16%; top:24%}
  .nmfr-demon-flamelets span:nth-child(3){right:4%; top:40%}
  .nmfr-demon-flamelets span:nth-child(4){right:18%; top:18%}
  .nmfr-start-button--showdown::before{border-radius:16px 16px 10px 10px}
}


/* v0.8.12 softened demon fire layer to a much gentler presence */

.nmfr-ebook-wrap{max-width:760px;margin:0 auto}
.nmfr-ebook-form{display:grid;gap:16px;margin-top:20px}
.nmfr-ebook-form label{display:grid;gap:8px;color:rgba(245,250,255,.92)!important;font-weight:600}
.nmfr-ebook-form input{width:100%;min-height:56px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff!important;font-size:var(--nmfr-body-font-size)}
.nmfr-ebook-form input::placeholder{color:rgba(255,255,255,.55)}
.nmfr-ebook-privacy,.nmfr-ebook-feedback{margin:0;color:rgba(245,250,255,.88)!important;font-size:var(--nmfr-small-font-size);line-height:1.45}
.nmfr-ebook-feedback.is-error{color:#ffd0d0!important}
.nmfr-ebook-feedback.is-success{color:#d4ffd8!important}


/* v0.8.28 evangeliseer flow + styling refresh */
.nmfr-start-title-mark{color:#ff1f1f}
.nmfr-start-story-card--showdown{
  background:#ffffff;
  border:0;
  box-shadow:0 20px 55px rgba(0,0,0,.16);
}
.nmfr-start-story-card--showdown::before{display:none}
.nmfr-start-story-head--showdown{
  background:linear-gradient(180deg,#6b21e7 0%,#5a18cf 100%);
  padding:18px 18px 14px;
}
.nmfr-start-kicker--showdown{display:none}
.nmfr-start-story-title--showdown{
  white-space:normal;
  color:#fff!important;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:-.02em;
}
.nmfr-start-story-subtitle--showdown{display:none}
.nmfr-start-story-stage--showdown{
  min-height:300px;
  padding:18px 16px 0;
  background:#fff;
}
.nmfr-cinematic-scene--showdown{min-height:300px}
.nmfr-cinematic-portal--showdown,
.nmfr-cinematic-spark,
.nmfr-cinematic-floor,
.nmfr-cinematic-label{display:none}
.nmfr-cinematic-character--thinker{width:40%;max-width:205px;bottom:0}
.nmfr-cinematic-character--angel{left:10%;bottom:70px;width:22%;max-width:102px}
.nmfr-cinematic-character--demon{right:10%;bottom:72px;width:20%;max-width:96px}
.nmfr-start-story-ribbon--showdown{
  margin:-8px 0 0;
  max-width:none;
  border-radius:0;
  padding:16px 18px;
  background:linear-gradient(180deg,#4f67cf 0%,#4360c2 100%);
  color:#fff!important;
  font-size:clamp(17px,4.7vw,28px);
  font-weight:800;
  line-height:1.15;
  text-transform:uppercase;
  box-shadow:none;
}
.nmfr-start-story-body--showdown{
  background:#f3f3f6;
  padding:18px 18px 24px;
}
.nmfr-start-story-teaser--showdown{
  margin-top:4px;
  color:#ff1f1f!important;
  font-style:italic;
  font-weight:800;
  text-shadow:0 2px 6px rgba(0,0,0,.18);
  white-space:normal;
}
.nmfr-start-actions--showdown{margin-top:18px}
.nmfr-start-button--showdown,
.nmfr-cta-link--continue{
  min-height:68px;
  border-radius:0;
  background:#f59e0b;
  color:#111!important;
  box-shadow:none;
  font-weight:800;
  text-transform:uppercase;
}
.nmfr-shell--question{display:flex;flex-direction:column}
.nmfr-question-copy{min-height:clamp(145px,25vh,210px)}
.nmfr-question-subtitle{margin:10px 0 0;color:rgba(245,250,255,.82)!important}
.nmfr-screen--result-flat{
  align-items:flex-start;
  justify-content:flex-start;
  background:#5a18cf;
  padding-top:20px;
}
.nmfr-result-wrap--flat{
  max-width:520px;
  margin:0 auto;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}
.nmfr-video-progress-only{margin:0 0 18px}
.nmfr-video-progress-only .nmfr-progress{
  margin:0;
  height:10px;
  background:rgba(255,255,255,.24);
  box-shadow:none;
}
.nmfr-video-intro-block{margin:0 0 16px}
.nmfr-video-intro-title{
  margin:0;
  color:#fff!important;
  font-size:clamp(26px,7vw,40px);
  line-height:1.12;
  font-weight:800;
}
.nmfr-video-intro-text{
  margin:8px 0 0;
  color:#fff!important;
  font-size:clamp(18px,5.1vw,26px);
  line-height:1.2;
  font-weight:700;
}
.nmfr-video-shell--flat{
  border-radius:0;
  box-shadow:none;
  border:0;
  background:#000;
}
.nmfr-video-shell--flat .nmfr-video-poster{display:block;width:100%;height:100%;object-fit:cover}
.nmfr-video-shell--flat iframe,
.nmfr-video-shell--flat video,
.nmfr-video-shell--flat .nmfr-video-embed{
  width:100%;
  height:100%;
}
.nmfr-video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.42));padding:18px}
.nmfr-video-overlay-inner{gap:10px}
.nmfr-video-play{
  width:82px;
  height:82px;
  background:rgba(255,255,255,.16);
  color:#fff!important;
  border:2px solid rgba(255,255,255,.8);
  box-shadow:none;
}
.nmfr-video-hint{
  min-height:unset;
  padding:0;
  border:0;
  background:transparent;
  color:#fff!important;
  font-size:16px;
  font-weight:700;
}
.nmfr-result-action-stack{margin-top:18px}
.nmfr-result-action-stack.is-hidden{display:none}
.nmfr-result-action-stack.is-visible{display:block}
.nmfr-result-action-stack .nmfr-cta-link{width:100%;justify-content:center}
@media (max-width:767px){
  .nmfr-start-story-head--showdown{padding:14px 12px 12px}
  .nmfr-start-story-title--showdown{font-size:clamp(26px,10vw,44px)}
  .nmfr-start-story-stage--showdown{min-height:255px;padding:12px 10px 0}
  .nmfr-cinematic-scene--showdown{min-height:246px}
  .nmfr-cinematic-character--thinker{width:44%;max-width:180px}
  .nmfr-cinematic-character--angel{left:6%;bottom:62px;width:24%;max-width:94px}
  .nmfr-cinematic-character--demon{right:6%;bottom:64px;width:22%;max-width:88px}
  .nmfr-start-story-ribbon--showdown{font-size:clamp(15px,5.6vw,23px);padding:14px 14px}
  .nmfr-start-story-body--showdown{padding:16px 16px 22px}
  .nmfr-video-intro-title{font-size:clamp(22px,8.2vw,34px)}
  .nmfr-video-intro-text{font-size:clamp(17px,5.4vw,22px)}
}


/* v0.8.30 homepage character proportion hotfix */
.nmfr-cinematic-character--thinker{width:31%;max-width:228px;bottom:-2px}
.nmfr-cinematic-character--angel{left:10%;width:17%;max-width:110px;bottom:122px}
.nmfr-cinematic-character--demon{right:10%;width:14%;max-width:90px;bottom:120px}
@media (max-width: 767px){
  .nmfr-cinematic-character--thinker{width:31%;max-width:126px;bottom:0}
  .nmfr-cinematic-character--angel{left:10%;width:17%;max-width:72px;bottom:95px}
  .nmfr-cinematic-character--demon{right:10%;width:14%;max-width:56px;bottom:94px}
}


/* v0.8.32 mobile: startscreen bands/full-width to screen edges */
@media (max-width: 767px){
  .nmfr-start-screen--story{
    padding:0!important;
  }
  .nmfr-start-screen--story .nmfr-container--mobile{
    width:100%;
    max-width:none;
  }
  .nmfr-start-story-card--showdown{
    width:100%;
    border-radius:0;
    box-shadow:none;
    margin:0;
  }
  .nmfr-start-story-head--showdown,
  .nmfr-start-story-ribbon--showdown,
  .nmfr-start-story-body--showdown{
    border-radius:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}


/* v0.8.33 top banner + hard square corners */
.nmfr-screen-reader-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0, 0, 0, 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.nmfr-start-banner--showdown{
  display:block;
  width:100%;
  margin:0;
}
.nmfr-start-banner--showdown img{
  display:block;
  width:100%;
  height:auto;
}
.nmfr-app,
.nmfr-start-story-card--showdown,
.nmfr-start-story-head--showdown,
.nmfr-start-story-ribbon--showdown,
.nmfr-start-story-body--showdown,
.nmfr-shell,
.nmfr-transition-wrap,
.nmfr-result-wrap,
.nmfr-video-shell,
.nmfr-video-play,
.nmfr-button,
.nmfr-secondary-button,
.nmfr-option,
.nmfr-cta-link,
.nmfr-ebook-form input,
.nmfr-progress,
.nmfr-video-progress-only .nmfr-progress{
  border-radius:0!important;
}
.nmfr-start-story-card--showdown,
.nmfr-start-story-head--showdown,
.nmfr-start-story-ribbon--showdown,
.nmfr-start-story-body--showdown{
  overflow:hidden;
}
@media (max-width: 767px){
  .nmfr-start-screen--story,
  .nmfr-start-screen--story .nmfr-container--mobile,
  .nmfr-start-story-card--showdown,
  .nmfr-start-banner--showdown,
  .nmfr-start-banner--showdown img{
    width:100%;
    max-width:none;
    margin:0;
  }
}


/* v0.8.34 startscreen banner volledig kaderloos/full-bleed */
.nmfr-start-screen--story{
  padding:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.nmfr-start-screen--story .nmfr-container,
.nmfr-start-screen--story .nmfr-container--mobile{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-height:100%;
}
.nmfr-start-story-card--showdown{
  width:100%;
  min-height:100%;
  box-shadow:none;
}
.nmfr-start-story-head--showdown{
  padding:0!important;
}
.nmfr-start-banner--showdown{
  width:100%;
  height:clamp(150px,22vw,236px);
  margin:0!important;
}
.nmfr-start-banner--showdown img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.nmfr-start-story-stage--showdown{
  min-height:320px;
  padding:0!important;
  display:flex;
  align-items:stretch;
}
.nmfr-cinematic-scene--showdown{
  width:100%;
  min-height:320px;
}
@media (max-width: 767px){
  .nmfr-start-screen--story{
    min-height:100vh!important;
  }
  .nmfr-start-banner--showdown{
    height:clamp(108px,30vw,170px);
  }
  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    min-height:252px;
  }
}


/* v0.8.35 split layout: mobile full-bleed, desktop centered card */
.nmfr-start-story-card--showdown{
  display:flex;
  flex-direction:column;
}
.nmfr-start-story-stage--showdown,
.nmfr-cinematic-scene--showdown{
  flex:0 0 auto;
}
.nmfr-start-story-body--showdown{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
}
.nmfr-start-actions--showdown{
  margin-top:auto;
}

/* desktop/tablet: centered card with dark background around it */
@media (min-width: 768px){
  .nmfr-home-shell,
  .nmfr-homepage-shell{
    background:linear-gradient(180deg,#133b61 0%,#0a1d33 68%,#071523 100%);
  }
  .nmfr-home-shell .nmfr-app,
  .nmfr-app.nmfr-mode-takeover{
    background:radial-gradient(circle at top left,rgba(41,96,149,.34),transparent 34%),linear-gradient(180deg,#133b61 0%,#0a1d33 68%,#071523 100%);
  }
  .nmfr-start-screen--story{
    min-height:100vh!important;
    padding:34px 24px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .nmfr-start-screen--story .nmfr-container,
  .nmfr-start-screen--story .nmfr-container--mobile{
    width:min(100%,960px)!important;
    max-width:960px!important;
    margin:0 auto!important;
    min-height:auto!important;
  }
  .nmfr-start-story-card--showdown{
    min-height:auto!important;
    width:100%;
    box-shadow:0 30px 80px rgba(0,0,0,.28)!important;
    background:#ffffff;
  }
  .nmfr-start-banner--showdown{
    height:clamp(180px,18vw,246px);
  }
  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    min-height:290px;
  }
  .nmfr-start-story-body--showdown{
    min-height:250px;
  }
}

/* mobile: fully edge-to-edge and grey bottom section fills downwards */
@media (max-width: 767px){
  .nmfr-start-screen--story{
    min-height:100vh!important;
    padding:0!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }
  .nmfr-start-screen--story .nmfr-container,
  .nmfr-start-screen--story .nmfr-container--mobile{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    min-height:100vh!important;
    display:flex;
  }
  .nmfr-start-story-card--showdown{
    min-height:100vh!important;
    width:100%!important;
  }
  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    min-height:252px;
  }
  .nmfr-start-story-body--showdown{
    flex:1 1 auto;
    min-height:0;
    padding:18px 16px 26px!important;
  }
  .nmfr-start-actions--showdown{
    margin-top:auto!important;
    padding-top:20px;
  }
  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue{
    width:100%;
  }
}


/* v0.8.37 homepage fine-tuning: smaller desktop banner + mobile CTA under teaser */
@media (min-width: 768px){
  .nmfr-start-screen--story{
    padding:28px 24px!important;
  }
  .nmfr-start-screen--story .nmfr-container,
  .nmfr-start-screen--story .nmfr-container--mobile{
    width:min(100%,880px)!important;
    max-width:880px!important;
  }
  .nmfr-start-banner--showdown{
    height:clamp(138px,14vw,188px)!important;
  }
  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    min-height:278px!important;
  }
}

@media (max-width: 767px){
  .nmfr-start-story-body--showdown{
    justify-content:flex-start!important;
    padding:16px 16px 30px!important;
  }
  .nmfr-start-story-teaser--showdown{
    margin-top:2px!important;
    margin-bottom:0!important;
  }
  .nmfr-start-actions--showdown{
    margin-top:10px!important;
    padding-top:0!important;
    justify-content:center!important;
  }
  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue{
    width:min(100%,280px)!important;
    margin:0 auto!important;
  }
}


/* v0.8.38 mobile startscreen hard fix: CTA directly under teaser */
@media (max-width: 767px){
  .nmfr-start-story-card--showdown{
    display:grid!important;
    grid-template-rows:auto auto auto 1fr!important;
    min-height:100vh!important;
  }
  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    min-height:236px!important;
  }
  .nmfr-start-story-body--showdown{
    display:block!important;
    min-height:100%!important;
    padding:16px 16px 28px!important;
  }
  .nmfr-start-story-teaser--showdown{
    margin:2px 0 0 0!important;
  }
  .nmfr-start-actions--showdown{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:12px 0 0 0!important;
    padding:0!important;
  }
  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue{
    width:min(100%,280px)!important;
    margin:0 auto!important;
  }
}


/* v0.8.39 CTA text/button + lower/larger thinker behind ribbon */
.nmfr-start-story-ribbon--showdown{
  position:relative;
  z-index:3;
}
.nmfr-start-story-stage--showdown,
.nmfr-cinematic-scene--showdown{
  overflow:visible!important;
}

@media (min-width: 768px){
  .nmfr-cinematic-character--thinker{
    width:36%!important;
    max-width:260px!important;
    bottom:-26px!important;
  }
  .nmfr-start-story-teaser--showdown{
    margin-top:12px!important;
  }
  .nmfr-start-actions--showdown{
    margin-top:16px!important;
  }
}

@media (max-width: 767px){
  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    min-height:205px!important;
  }
  .nmfr-cinematic-character--thinker{
    width:48%!important;
    max-width:172px!important;
    bottom:-24px!important;
  }
  .nmfr-start-story-teaser--showdown{
    margin-top:18px!important;
  }
  .nmfr-start-actions--showdown{
    margin-top:18px!important;
  }
}


/* v0.8.40 mobile startscreen hard override */
@media (max-width: 767px){
  .nmfr-start-story-card--showdown{
    display:flex!important;
    flex-direction:column!important;
    min-height:100vh!important;
  }
  .nmfr-start-story-stage--showdown{
    position:relative!important;
    min-height:286px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .nmfr-cinematic-scene--showdown{
    position:relative!important;
    min-height:286px!important;
    overflow:visible!important;
  }
  .nmfr-start-story-ribbon--showdown{
    position:relative!important;
    z-index:5!important;
  }
  .nmfr-cinematic-character--thinker{
    width:56%!important;
    max-width:188px!important;
    bottom:-34px!important;
    z-index:2!important;
  }
  .nmfr-cinematic-character--angel{
    bottom:76px!important;
  }
  .nmfr-cinematic-character--demon{
    bottom:76px!important;
  }
  .nmfr-start-story-body--showdown{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    min-height:0!important;
    padding:28px 16px 34px!important;
  }
  .nmfr-start-story-teaser--showdown{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    margin:22px 0 0 0!important;
  }
  .nmfr-start-actions--showdown{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    margin:16px 0 0 0!important;
    padding:0!important;
    gap:0!important;
  }
  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue{
    display:inline-flex!important;
    width:min(100%,280px)!important;
    margin:0 auto!important;
  }
}


/* v0.8.41 mobile: thinker 40px lower */
@media (max-width: 767px){
  .nmfr-start-story-stage--showdown{
    min-height:306px!important;
  }
  .nmfr-cinematic-scene--showdown{
    min-height:306px!important;
  }
  .nmfr-cinematic-character--thinker{
    bottom:-74px!important;
  }
  .nmfr-start-story-body--showdown{
    padding-top:34px!important;
  }
}


/* v0.8.44 character position controls */
.nmfr-cinematic-character{
  --nmfr-pos-x-desktop:0px;
  --nmfr-pos-y-desktop:0px;
  --nmfr-pos-x-mobile:0px;
  --nmfr-pos-y-mobile:0px;
  --nmfr-pos-x:var(--nmfr-pos-x-desktop,0px);
  --nmfr-pos-y:var(--nmfr-pos-y-desktop,0px);
  translate:var(--nmfr-pos-x) calc(var(--nmfr-pos-y) * -1);
}
@media (max-width: 767px){
  .nmfr-cinematic-character{
    --nmfr-pos-x:var(--nmfr-pos-x-mobile,var(--nmfr-pos-x-desktop,0px));
    --nmfr-pos-y:var(--nmfr-pos-y-mobile,var(--nmfr-pos-y-desktop,0px));
  }
}


/* v0.8.48 mobile question/video cleanup */
@media (max-width:767px){
  .nmfr-screen--question-flow{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    min-height:100vh!important;
    padding:14px!important;
  }
  .nmfr-screen--question-flow .nmfr-shell--question{
    min-height:calc(100vh - 28px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .nmfr-screen--question-flow .nmfr-question-copy{
    min-height:clamp(210px,28vh,250px)!important;
    margin-bottom:0!important;
  }
  .nmfr-screen--question-flow .nmfr-question-title{
    max-width:none!important;
  }
  .nmfr-screen--question-flow .nmfr-options{
    margin-top:0!important;
  }
  .nmfr-screen--question-flow .nmfr-question-actions{
    display:none!important;
  }
  .nmfr-video-intro-block{
    display:none!important;
  }
}


/* v0.8.49 mobile question spacing: always reserve 4-line layout */
@media (max-width:767px){
  .nmfr-screen--question-flow .nmfr-question-copy{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  .nmfr-screen--question-flow .nmfr-question-intro{
    margin:0 0 14px!important;
  }
  .nmfr-screen--question-flow .nmfr-question-title{
    min-height:5.2em!important;
    margin:0!important;
    display:block!important;
  }
  .nmfr-screen--question-flow .nmfr-question-subtitle{
    margin:14px 0 0 0!important;
    min-height:3.2em!important;
  }
  .nmfr-screen--question-flow .nmfr-options{
    margin-top:0!important;
  }
}


/* v0.8.50 desktop question/video cleanup too */
@media (min-width:768px){
  .nmfr-screen--question-flow{
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }
  .nmfr-screen--question-flow .nmfr-shell--question{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    min-height:760px!important;
  }
  .nmfr-screen--question-flow .nmfr-question-copy{
    height:340px!important;
    min-height:340px!important;
    max-height:340px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    margin-bottom:0!important;
  }
  .nmfr-screen--question-flow .nmfr-question-intro{
    margin:0 0 18px!important;
  }
  .nmfr-screen--question-flow .nmfr-question-title{
    min-height:4.4em!important;
    margin:0!important;
    max-width:none!important;
    display:block!important;
  }
  .nmfr-screen--question-flow .nmfr-question-subtitle{
    min-height:3.2em!important;
    margin:16px 0 0 0!important;
  }
  .nmfr-screen--question-flow .nmfr-options{
    margin-top:0!important;
  }
  .nmfr-screen--question-flow .nmfr-question-actions{
    display:none!important;
  }
}

/* hide intro text above videos on all screens */
.nmfr-video-intro-block{
  display:none!important;
}


/* v0.8.51 Gumlet/embed support */
.nmfr-video-embed > div{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.nmfr-video-embed iframe{
  display:block;
}


/* v0.8.52 customer mobile feedback: no-scroll start, rounded/larger CTA, compact questions */
.nmfr-ribbon-emphasis{
  font-style:italic;
}
.nmfr-start-button--showdown{
  border-radius:18px!important;
  font-size:clamp(20px,4.8vw,25px)!important;
  letter-spacing:.02em!important;
}
.nmfr-start-story-teaser--showdown{
  font-size:clamp(18px,5.2vw,30px)!important;
  line-height:1!important;
}
@media (max-width:767px){
  .nmfr-start-screen--story,
  .nmfr-start-screen--story .nmfr-container,
  .nmfr-start-screen--story .nmfr-container--mobile,
  .nmfr-start-story-card--showdown{
    min-height:100svh!important;
  }
  .nmfr-start-banner--showdown{
    height:clamp(82px,24vw,122px)!important;
  }
  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    min-height:210px!important;
  }
  .nmfr-cinematic-character--thinker{
    width:44%!important;
    max-width:146px!important;
    bottom:-20px!important;
  }
  .nmfr-cinematic-character--angel{
    left:10%!important;
    width:16%!important;
    max-width:62px!important;
    bottom:76px!important;
  }
  .nmfr-cinematic-character--demon{
    right:10%!important;
    width:13%!important;
    max-width:52px!important;
    bottom:75px!important;
  }
  .nmfr-start-story-ribbon--showdown{
    padding:10px 12px!important;
    font-size:clamp(13px,4.4vw,18px)!important;
    line-height:1.08!important;
  }
  .nmfr-start-story-body--showdown{
    display:block!important;
    flex:0 0 auto!important;
    min-height:0!important;
    padding:10px 16px 16px!important;
  }
  .nmfr-start-story-teaser--showdown{
    margin:8px 0 0 0!important;
    font-size:clamp(18px,6vw,23px)!important;
  }
  .nmfr-start-actions--showdown{
    margin:10px 0 0 0!important;
    padding:0!important;
  }
  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue{
    width:min(100%,286px)!important;
    min-height:58px!important;
    border-radius:18px!important;
    font-size:clamp(20px,6vw,24px)!important;
  }

  .nmfr-screen--question-flow{
    min-height:100svh!important;
    padding:10px!important;
  }
  .nmfr-screen--question-flow .nmfr-shell--question{
    min-height:calc(100svh - 20px)!important;
    padding:16px!important;
  }
  .nmfr-screen--question-flow .nmfr-step-meta{
    margin-bottom:8px!important;
  }
  .nmfr-screen--question-flow .nmfr-progress{
    height:9px!important;
    margin-bottom:14px!important;
  }
  .nmfr-screen--question-flow .nmfr-question-copy{
    height:auto!important;
    min-height:178px!important;
    max-height:none!important;
    margin-bottom:8px!important;
    overflow:visible!important;
  }
  .nmfr-screen--question-flow .nmfr-question-intro{
    margin:0 0 10px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  .nmfr-screen--question-flow .nmfr-question-title{
    min-height:4.35em!important;
    font-size:clamp(23px,7vw,28px)!important;
    line-height:1.08!important;
  }
  .nmfr-screen--question-flow .nmfr-question-subtitle{
    min-height:0!important;
    margin:8px 0 0 0!important;
  }
  .nmfr-screen--question-flow .nmfr-options{
    gap:12px!important;
  }
  .nmfr-screen--question-flow .nmfr-option{
    min-height:50px!important;
    padding:13px 16px!important;
    font-size:clamp(16px,4.5vw,18px)!important;
    line-height:1.2!important;
  }
}


/* v0.8.54 fluid mobile startscreen: schaal mee met iedere telefoonhoogte, zonder vaste blokhoogtes */
@media (max-width:767px){
  .nmfr-start-screen--story{
    height:100vh!important;
    height:100svh!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .nmfr-start-screen--story .nmfr-container,
  .nmfr-start-screen--story .nmfr-container--mobile{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
  }
  .nmfr-start-story-card--showdown{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,34fr) auto minmax(0,30fr)!important;
    overflow:hidden!important;
  }
  .nmfr-start-story-head--showdown{
    min-height:0!important;
    overflow:hidden!important;
  }
  .nmfr-start-banner--showdown{
    height:min(22vw,15svh)!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  .nmfr-start-banner--showdown img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .nmfr-start-story-stage--showdown{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    overflow:visible!important;
  }
  .nmfr-cinematic-scene--showdown{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .nmfr-cinematic-character--thinker{
    width:44%!important;
    max-width:none!important;
    bottom:-8%!important;
    left:50%!important;
  }
  .nmfr-cinematic-character--angel{
    left:10%!important;
    width:17%!important;
    max-width:none!important;
    bottom:33%!important;
  }
  .nmfr-cinematic-character--demon{
    right:10%!important;
    width:14%!important;
    max-width:none!important;
    bottom:33%!important;
  }
  .nmfr-start-story-ribbon--showdown{
    min-height:0!important;
    padding-block:min(1.25svh,2.9vw)!important;
    padding-inline:4vw!important;
    font-size:min(4.35vw,2.45svh)!important;
    line-height:1.06!important;
    overflow:hidden!important;
  }
  .nmfr-start-story-body--showdown{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    align-items:start!important;
    padding-block:min(1.65svh,3.4vw) min(2.4svh,4.6vw)!important;
    padding-inline:4vw!important;
    overflow:hidden!important;
  }
  .nmfr-start-story-teaser--showdown{
    align-self:start!important;
    margin:0!important;
    font-size:min(5.5vw,3.15svh)!important;
    line-height:1!important;
    overflow:hidden!important;
  }
  .nmfr-start-actions--showdown{
    align-self:end!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue{
    width:min(78vw,100%)!important;
    min-width:0!important;
    height:min(8.5svh,14.5vw)!important;
    min-height:0!important;
    padding-inline:4vw!important;
    border-radius:min(4.8vw,2.4svh)!important;
    font-size:min(5.55vw,3svh)!important;
    line-height:1!important;
  }
}


/* v0.8.55 center fix: behoud oorspronkelijke gecentreerde opbouw, alleen schaalbaar maken */
@media (max-width:767px){
  .nmfr-start-screen--story,
  .nmfr-start-screen--story .nmfr-container,
  .nmfr-start-screen--story .nmfr-container--mobile{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .nmfr-start-story-card--showdown{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  .nmfr-start-story-head--showdown,
  .nmfr-start-story-stage--showdown,
  .nmfr-start-story-ribbon--showdown,
  .nmfr-start-story-body--showdown{
    text-align:center!important;
  }
  .nmfr-start-story-body--showdown{
    justify-items:center!important;
    align-items:center!important;
  }
  .nmfr-start-story-teaser--showdown{
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    justify-self:center!important;
  }
  .nmfr-start-actions--showdown{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue{
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
  }
}

/* v0.8.56 mobile startscreen alignment: alles gecentreerd houden, alleen vloeibaar schalen */
@media (max-width:767px){
  .nmfr-start-screen--story{
    width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    overflow:hidden!important;
    text-align:center!important;
  }
  .nmfr-start-screen--story .nmfr-container,
  .nmfr-start-screen--story .nmfr-container--mobile{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    flex:0 0 100%!important;
    text-align:center!important;
  }
  .nmfr-start-story-card--showdown{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    overflow:hidden!important;
    text-align:center!important;
  }
  .nmfr-start-story-head--showdown,
  .nmfr-start-story-stage--showdown,
  .nmfr-start-story-ribbon--showdown,
  .nmfr-start-story-body--showdown{
    width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:center!important;
  }
  .nmfr-start-story-head--showdown{
    display:block!important;
  }
  .nmfr-start-banner--showdown{
    width:100%!important;
    height:min(16svh,24vw)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    display:block!important;
    overflow:hidden!important;
  }
  .nmfr-start-banner--showdown img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .nmfr-start-story-stage--showdown{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .nmfr-cinematic-scene--showdown{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  .nmfr-cinematic-character--thinker{
    left:50%!important;
    right:auto!important;
    width:min(45vw,23svh)!important;
    max-width:none!important;
    bottom:-4%!important;
    z-index:2!important;
  }
  .nmfr-cinematic-character--angel{
    left:18%!important;
    right:auto!important;
    width:min(18vw,9.5svh)!important;
    max-width:none!important;
    bottom:39%!important;
    z-index:3!important;
  }
  .nmfr-cinematic-character--demon{
    left:auto!important;
    right:18%!important;
    width:min(18vw,9.5svh)!important;
    max-width:none!important;
    bottom:39%!important;
    z-index:3!important;
  }
  .nmfr-start-story-ribbon--showdown{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:min(1.2svh,2.8vw) 4vw!important;
    font-size:min(4.35vw,2.35svh)!important;
    line-height:1.08!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  .nmfr-start-story-body--showdown{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:min(1.4svh,3vw)!important;
    padding:min(1.45svh,3.1vw) 4vw min(2.2svh,4.8vw)!important;
    overflow:hidden!important;
    background:#f3f3f6!important;
  }
  .nmfr-start-story-teaser--showdown{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    text-align:center!important;
    align-self:center!important;
    justify-self:center!important;
    font-size:min(5.6vw,3.05svh)!important;
    line-height:1!important;
  }
  .nmfr-start-actions--showdown{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    justify-self:center!important;
    text-align:center!important;
  }
  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue{
    width:min(78vw,46svh)!important;
    min-width:0!important;
    height:min(8.4svh,14vw)!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0 4vw!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:min(4.7vw,2.35svh)!important;
    font-size:min(5.7vw,3svh)!important;
    line-height:1!important;
  }
}


/* v0.8.57 mobile hard center fix: teaser + startknop nooit links uitlijnen */
@media (max-width:767px){
  .nmfr-app .nmfr-start-story-body--showdown{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    width:100%!important;
  }
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-story-teaser--showdown{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    justify-self:center!important;
    text-align:center!important;
  }
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-actions--showdown{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    justify-self:center!important;
    text-align:center!important;
  }
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-actions--showdown > .nmfr-start-button--showdown,
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-actions--showdown > .nmfr-cta-link--continue{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
    flex:0 0 auto!important;
    width:min(78vw,286px)!important;
    max-width:286px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

/* v0.8.58 mobile ribbon restore: normale tekstflow terugzetten, geen flex-opbouw in blauwe balk */
@media (max-width:767px){
  .nmfr-start-story-ribbon--showdown{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding:10px 14px!important;
    font-size:clamp(13px,4.4vw,18px)!important;
    line-height:1.08!important;
    letter-spacing:-.01em!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .nmfr-start-story-ribbon--showdown .nmfr-ribbon-emphasis{
    display:inline!important;
    font-style:italic!important;
    white-space:inherit!important;
  }
}


/* v0.8.59 mobile startscreen rebalance: herstel nette verdeling op telefoon */
@media (max-width:767px){
  .nmfr-start-screen--story,
  .nmfr-start-screen--story .nmfr-container,
  .nmfr-start-screen--story .nmfr-container--mobile{
    width:100%!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  .nmfr-start-story-card--showdown{
    width:100%!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  .nmfr-start-story-head--showdown{
    padding:0!important;
    flex:0 0 auto!important;
  }

  .nmfr-start-banner--showdown{
    width:100%!important;
    height:clamp(96px, 24vw, 132px)!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .nmfr-start-banner--showdown img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }

  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    flex:1 1 auto!important;
    min-height:300px!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    overflow:visible!important;
  }

  .nmfr-start-story-stage--showdown{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
  }

  .nmfr-cinematic-scene--showdown{
    position:relative!important;
    width:100%!important;
  }

  .nmfr-cinematic-character--thinker{
    left:50%!important;
    right:auto!important;
    width:min(42vw, 180px)!important;
    max-width:none!important;
    bottom:0!important;
    z-index:2!important;
  }

  .nmfr-cinematic-character--angel{
    left:12%!important;
    right:auto!important;
    width:min(18vw, 78px)!important;
    max-width:none!important;
    bottom:34%!important;
    z-index:3!important;
  }

  .nmfr-cinematic-character--demon{
    left:auto!important;
    right:12%!important;
    width:min(16vw, 68px)!important;
    max-width:none!important;
    bottom:34%!important;
    z-index:3!important;
  }

  .nmfr-start-story-ribbon--showdown{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    margin:0!important;
    padding:12px 14px!important;
    font-size:clamp(14px, 4.8vw, 20px)!important;
    line-height:1.1!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  .nmfr-start-story-ribbon--showdown .nmfr-ribbon-emphasis{
    display:inline!important;
    font-style:italic!important;
  }

  .nmfr-start-story-body--showdown,
  .nmfr-app .nmfr-start-story-body--showdown{
    flex:0 0 auto!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    padding:16px 16px 24px!important;
    background:#f3f3f6!important;
    text-align:center!important;
    overflow:visible!important;
  }

  .nmfr-start-story-teaser--showdown,
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-story-teaser--showdown{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    font-size:clamp(18px, 7vw, 30px)!important;
    line-height:1.02!important;
  }

  .nmfr-start-actions--showdown,
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-actions--showdown{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue,
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-actions--showdown > .nmfr-start-button--showdown,
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-actions--showdown > .nmfr-cta-link--continue{
    width:min(86vw, 360px)!important;
    max-width:360px!important;
    min-width:0!important;
    min-height:64px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:14px 24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:22px!important;
    font-size:clamp(22px, 7vw, 30px)!important;
    line-height:1.05!important;
    text-align:center!important;
  }
}


/* v0.8.60 echte automatische mobiele startscherm-schaal: maten komen uit JS op basis van schermbreedte + schermhoogte */
@media (max-width:767px){
  .nmfr-start-screen--story,
  .nmfr-start-screen--story .nmfr-container,
  .nmfr-start-screen--story .nmfr-container--mobile{
    width:100%!important;
    min-height:var(--nmfr-auto-vh,100svh)!important;
    height:var(--nmfr-auto-vh,auto)!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
    text-align:center!important;
  }

  .nmfr-start-story-card--showdown{
    width:100%!important;
    min-height:var(--nmfr-auto-vh,100svh)!important;
    height:var(--nmfr-auto-vh,auto)!important;
    max-height:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-rows:var(--nmfr-auto-banner-h,clamp(86px,24vw,132px)) var(--nmfr-auto-stage-h,clamp(245px,40svh,360px)) auto 1fr!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    overflow:hidden!important;
    text-align:center!important;
  }

  .nmfr-start-story-head--showdown{
    width:100%!important;
    min-height:0!important;
    height:var(--nmfr-auto-banner-h,clamp(86px,24vw,132px))!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
  }

  .nmfr-start-banner--showdown{
    width:100%!important;
    height:var(--nmfr-auto-banner-h,clamp(86px,24vw,132px))!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .nmfr-start-banner--showdown img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }

  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    width:100%!important;
    height:var(--nmfr-auto-stage-h,clamp(245px,40svh,360px))!important;
    min-height:var(--nmfr-auto-stage-h,clamp(245px,40svh,360px))!important;
    max-height:var(--nmfr-auto-stage-h,clamp(245px,40svh,360px))!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .nmfr-start-story-stage--showdown{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
  }

  .nmfr-cinematic-scene--showdown{
    position:relative!important;
  }

  .nmfr-cinematic-character--thinker{
    left:50%!important;
    right:auto!important;
    width:var(--nmfr-auto-thinker-w,150px)!important;
    max-width:none!important;
    bottom:var(--nmfr-auto-thinker-bottom,-8px)!important;
    transform:translateX(-50%)!important;
    translate:none!important;
    z-index:2!important;
  }

  .nmfr-cinematic-character--angel{
    left:12%!important;
    right:auto!important;
    width:var(--nmfr-auto-angel-w,68px)!important;
    max-width:none!important;
    bottom:var(--nmfr-auto-side-bottom,92px)!important;
    translate:none!important;
    z-index:3!important;
  }

  .nmfr-cinematic-character--demon{
    left:auto!important;
    right:12%!important;
    width:var(--nmfr-auto-demon-w,62px)!important;
    max-width:none!important;
    bottom:var(--nmfr-auto-side-bottom,92px)!important;
    translate:none!important;
    z-index:3!important;
  }

  .nmfr-cinematic-character img{
    width:100%!important;
    height:auto!important;
    max-width:none!important;
  }

  .nmfr-start-story-ribbon--showdown{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:var(--nmfr-auto-ribbon-pad,10px) 14px!important;
    font-size:var(--nmfr-auto-ribbon-font,16px)!important;
    line-height:1.1!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  .nmfr-start-story-ribbon--showdown .nmfr-ribbon-emphasis{
    display:inline!important;
    font-style:italic!important;
  }

  .nmfr-start-story-body--showdown,
  .nmfr-app .nmfr-start-story-body--showdown{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:var(--nmfr-auto-body-pad-y,14px) 16px calc(var(--nmfr-auto-body-pad-y,14px) + 4px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:var(--nmfr-auto-body-gap,12px)!important;
    background:#f3f3f6!important;
    text-align:center!important;
    overflow:visible!important;
  }

  .nmfr-start-story-teaser--showdown,
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-story-teaser--showdown{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    font-size:var(--nmfr-auto-teaser-font,24px)!important;
    line-height:1.02!important;
  }

  .nmfr-start-actions--showdown,
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-actions--showdown{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .nmfr-start-button--showdown,
  .nmfr-cta-link--continue,
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-actions--showdown > .nmfr-start-button--showdown,
  .nmfr-app .nmfr-start-story-body--showdown > .nmfr-start-actions--showdown > .nmfr-cta-link--continue{
    width:var(--nmfr-auto-button-w,min(86vw,360px))!important;
    max-width:360px!important;
    min-width:0!important;
    min-height:var(--nmfr-auto-button-h,62px)!important;
    height:var(--nmfr-auto-button-h,62px)!important;
    margin:0 auto!important;
    padding:0 24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:22px!important;
    font-size:var(--nmfr-auto-button-font,24px)!important;
    line-height:1.05!important;
    text-align:center!important;
  }
}


/* v0.8.65 startscreen: blauwe middenband op kniehoogte + meer lucht boven het hoofd */
@media (min-width:768px){
  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    min-height:250px!important;
  }
  .nmfr-cinematic-character--thinker{
    bottom:-92px!important;
  }
  .nmfr-cinematic-character--angel,
  .nmfr-cinematic-character--demon{
    bottom:92px!important;
  }
  .nmfr-start-story-ribbon--showdown{
    position:relative!important;
    z-index:6!important;
  }
  .nmfr-start-story-body--showdown{
    padding-top:16px!important;
  }
}

@media (max-width:767px){
  .nmfr-start-story-card--showdown{
    grid-template-rows:var(--nmfr-auto-banner-h,clamp(86px,24vw,132px)) var(--nmfr-auto-stage-h,clamp(218px,36svh,330px)) auto 1fr!important;
  }
  .nmfr-start-story-stage--showdown,
  .nmfr-cinematic-scene--showdown{
    height:var(--nmfr-auto-stage-h,clamp(218px,36svh,330px))!important;
    min-height:var(--nmfr-auto-stage-h,clamp(218px,36svh,330px))!important;
    max-height:var(--nmfr-auto-stage-h,clamp(218px,36svh,330px))!important;
  }
  .nmfr-cinematic-character--thinker{
    bottom:var(--nmfr-auto-thinker-bottom,-78px)!important;
    z-index:2!important;
  }
  .nmfr-cinematic-character--angel,
  .nmfr-cinematic-character--demon{
    bottom:calc(var(--nmfr-auto-side-bottom,92px) - 18px)!important;
  }
  .nmfr-start-story-ribbon--showdown{
    position:relative!important;
    z-index:6!important;
    margin-top:0!important;
  }
  .nmfr-start-story-body--showdown,
  .nmfr-app .nmfr-start-story-body--showdown{
    padding-top:12px!important;
  }
}

/* v0.8.72 desktop vraagflow: vaste knoppen + minder loze ruimte onder de vraag */
@media (min-width:768px){
  .nmfr-screen--question-flow .nmfr-shell--question{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }

  .nmfr-screen--question-flow .nmfr-step-meta,
  .nmfr-screen--question-flow .nmfr-progress{
    flex:0 0 auto!important;
  }

  .nmfr-screen--question-flow .nmfr-question-copy{
    /* Vast bovenblok: hierdoor blijven de 3 antwoordknoppen altijd op dezelfde hoogte. */
    flex:0 0 205px!important;
    height:205px!important;
    min-height:205px!important;
    max-height:205px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    display:block!important;
  }

  .nmfr-screen--question-flow .nmfr-question-intro{
    margin:0 0 18px!important;
    line-height:1.35!important;
  }

  .nmfr-screen--question-flow .nmfr-question-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    box-sizing:border-box!important;
    height:auto!important;
    min-height:2.42em!important;
    max-height:none!important;
    max-width:1050px!important;
    margin:0!important;
    padding:0 0 .16em 0!important;
    line-height:1.13!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-wrap:balance!important;
  }

  .nmfr-screen--question-flow .nmfr-question-subtitle{
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .nmfr-screen--question-flow .nmfr-options{
    flex:0 0 auto!important;
    margin-top:0!important;
    gap:18px!important;
  }
}


/* v0.8.73 video autoplay/fullscreen: player vult het volledige scherm zodra fullscreen lukt */
.nmfr-video-shell.is-playing .nmfr-video-overlay,
.nmfr-video-shell.is-playing .nmfr-video-poster{
  display:none!important;
}
.nmfr-video-shell:fullscreen,
.nmfr-video-shell.is-fullscreen{
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  background:#000!important;
}
.nmfr-video-shell:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  background:#000!important;
}
.nmfr-video-shell:fullscreen .nmfr-video-embed,
.nmfr-video-shell:fullscreen iframe,
.nmfr-video-shell:fullscreen video,
.nmfr-video-shell.is-fullscreen .nmfr-video-embed,
.nmfr-video-shell.is-fullscreen iframe,
.nmfr-video-shell.is-fullscreen video{
  width:100%!important;
  height:100%!important;
}


/* v0.8.75 video pages: progressiebalk boven video volledig verbergen */
.nmfr-screen--result-flat .nmfr-video-progress-only{display:none!important;margin:0!important;height:0!important;overflow:hidden!important;}

/* v0.8.77 eigen video CTA-overlay: los van Gumlet/SproutVideo iframe-linkgedrag */
.nmfr-video-cta-overlay{
  position:absolute;
  inset:0;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.62));
  opacity:0;
  pointer-events:none;
  transform:scale(.985);
  transition:opacity .24s ease, transform .24s ease;
}
.nmfr-video-cta-overlay.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:scale(1);
}
.nmfr-video-cta-card{
  width:min(420px,100%);
  padding:24px 20px;
  border-radius:22px;
  background:rgba(5,11,20,.82);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 22px 60px rgba(0,0,0,.38);
  text-align:center;
  backdrop-filter:blur(10px);
}
.nmfr-video-cta-kicker{
  margin:0 0 14px;
  color:#fff!important;
  font-family:var(--nmfr-font-family);
  font-size:14px;
  font-weight:var(--nmfr-body-weight);
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.88;
}
.nmfr-video-cta-button{width:100%;}
.nmfr-video-shell:fullscreen .nmfr-video-cta-overlay,
.nmfr-video-shell.is-fullscreen .nmfr-video-cta-overlay{
  position:absolute;
  inset:0;
}


/* v0.8.79 constante vergrote videoweergave: fallback fullscreen buiten browserrestricties om */
html.nmfr-video-expanded-lock,
body.nmfr-video-expanded-lock{
  overflow:hidden!important;
  width:100%!important;
  height:100%!important;
}
.nmfr-video-shell.is-force-expanded{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
  border:0!important;
  margin:0!important;
}
.nmfr-video-shell.is-force-expanded .nmfr-video-embed,
.nmfr-video-shell.is-force-expanded iframe,
.nmfr-video-shell.is-force-expanded video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  border:0!important;
  background:#000!important;
}
.nmfr-video-shell.is-force-expanded video{
  object-fit:contain!important;
}
.nmfr-video-shell.is-force-expanded .nmfr-video-cta-overlay{
  position:absolute!important;
  inset:0!important;
}


/* v0.8.80 e-book aanvraag: geen TEST-label en intro als nette doorlopende zin */
.nmfr-ebook-wrap{
  max-width:1100px!important;
}
.nmfr-ebook-wrap .nmfr-step-meta{
  justify-content:flex-start!important;
}
.nmfr-ebook-wrap .nmfr-step-meta span:nth-child(n+2){
  display:none!important;
}
.nmfr-ebook-wrap .nmfr-result-intro{
  max-width:none!important;
}


/* v0.8.82 vervolgvideo fullscreen-fix: voorkom dat fixed fullscreen binnen de kaart/container blijft hangen */
html.nmfr-video-expanded-lock .nmfr-app,
body.nmfr-video-expanded-lock .nmfr-app,
html.nmfr-video-expanded-lock .nmfr-screen,
body.nmfr-video-expanded-lock .nmfr-screen,
html.nmfr-video-expanded-lock .nmfr-container,
body.nmfr-video-expanded-lock .nmfr-container,
html.nmfr-video-expanded-lock .nmfr-result-wrap,
body.nmfr-video-expanded-lock .nmfr-result-wrap{
  overflow:visible!important;
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  contain:none!important;
}
html.nmfr-video-expanded-lock .nmfr-result-wrap--flat,
body.nmfr-video-expanded-lock .nmfr-result-wrap--flat{
  max-width:none!important;
  width:auto!important;
  margin:0!important;
}
.nmfr-video-shell.is-force-expanded{
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  min-width:100vw!important;
  min-height:100vh!important;
  min-height:100dvh!important;
}
.nmfr-video-shell.is-force-expanded .nmfr-video-embed video,
.nmfr-video-shell.is-force-expanded > video{
  object-fit:contain!important;
  object-position:center center!important;
}

/* v0.8.85 stabiele video-fullscreen via vaste app-root + CTA in fullscreen */
.nmfr-app:fullscreen,
.nmfr-app:-webkit-full-screen,
.nmfr-app.is-native-fullscreen-host{
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  margin:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:#000!important;
  box-shadow:none!important;
}
.nmfr-video-expanded-close{
  position:absolute!important;
  left:50%!important;
  top:22px!important;
  transform:translateX(-50%)!important;
  z-index:2147483640!important;
  width:48px!important;
  height:48px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(20,24,31,.76)!important;
  color:#fff!important;
  font-family:Arial, sans-serif!important;
  font-size:34px!important;
  font-weight:400!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 12px 34px rgba(0,0,0,.25)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.nmfr-video-shell.is-force-expanded .nmfr-video-expanded-close,
.nmfr-video-shell:fullscreen .nmfr-video-expanded-close,
.nmfr-video-shell.is-fullscreen .nmfr-video-expanded-close,
.nmfr-app:fullscreen .nmfr-video-expanded-close,
.nmfr-app:-webkit-full-screen .nmfr-video-expanded-close,
.nmfr-app.is-native-fullscreen-host .nmfr-video-expanded-close{
  display:flex!important;
}
.nmfr-video-shell.is-force-expanded .nmfr-video-cta-overlay,
.nmfr-video-shell:fullscreen .nmfr-video-cta-overlay,
.nmfr-video-shell.is-fullscreen .nmfr-video-cta-overlay,
.nmfr-app:fullscreen .nmfr-video-cta-overlay,
.nmfr-app:-webkit-full-screen .nmfr-video-cta-overlay,
.nmfr-app.is-native-fullscreen-host .nmfr-video-cta-overlay{
  z-index:2147483630!important;
}
.nmfr-video-shell video::-webkit-media-controls-fullscreen-button{
  display:none!important;
}

/* v0.8.86 mobiele CTA + optionele videobalk */
.nmfr-html5-video--no-controls::-webkit-media-controls,
.nmfr-html5-video--no-controls::-webkit-media-controls-enclosure,
.nmfr-html5-video--no-controls::-webkit-media-controls-panel,
.nmfr-html5-video--no-controls::-webkit-media-controls-timeline,
.nmfr-html5-video--no-controls::-webkit-media-controls-current-time-display,
.nmfr-html5-video--no-controls::-webkit-media-controls-time-remaining-display,
.nmfr-html5-video--no-controls::-webkit-media-controls-fullscreen-button{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
.nmfr-video-cta-card,
.nmfr-video-cta-button,
.nmfr-result-action-stack,
.nmfr-result-action-stack .nmfr-cta-link{
  box-sizing:border-box!important;
}
html.nmfr-video-expanded-lock .nmfr-result-action-stack.is-visible,
body.nmfr-video-expanded-lock .nmfr-result-action-stack.is-visible{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px))!important;
  transform:translateX(-50%)!important;
  z-index:2147483635!important;
  width:min(420px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  margin:0!important;
  padding:12px!important;
  border-radius:22px!important;
  background:rgba(5,11,20,.88)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.42)!important;
}
html.nmfr-video-expanded-lock .nmfr-result-action-stack.is-visible .nmfr-cta-link,
body.nmfr-video-expanded-lock .nmfr-result-action-stack.is-visible .nmfr-cta-link{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  white-space:normal!important;
  text-align:center!important;
}
@media (max-width: 767px){
  .nmfr-video-shell.is-force-expanded .nmfr-video-cta-overlay,
  .nmfr-app.is-native-fullscreen-host .nmfr-video-cta-overlay{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:18px!important;
    padding-bottom:calc(22px + env(safe-area-inset-bottom, 0px))!important;
  }
  .nmfr-video-cta-card{
    width:min(360px,calc(100vw - 36px))!important;
    max-width:calc(100vw - 36px)!important;
    padding:16px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .nmfr-video-cta-kicker{
    margin-bottom:10px!important;
    font-size:12px!important;
  }
  .nmfr-video-cta-button,
  html.nmfr-video-expanded-lock .nmfr-result-action-stack.is-visible .nmfr-cta-link,
  body.nmfr-video-expanded-lock .nmfr-result-action-stack.is-visible .nmfr-cta-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:54px!important;
    padding:14px 16px!important;
    border-radius:14px!important;
    line-height:1.16!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .nmfr-video-expanded-close{
    top:calc(12px + env(safe-area-inset-top, 0px))!important;
    width:42px!important;
    height:42px!important;
    font-size:30px!important;
  }
}

/* v0.8.87 mobiel: video-fallback horizontaal draaien + e-book scherm weer normaal scrollbaar */
html.nmfr-mobile-video-landscape-lock,
body.nmfr-mobile-video-landscape-lock{
  overflow:hidden!important;
  width:100%!important;
  height:100%!important;
  background:#000!important;
}
.nmfr-video-shell.is-mobile-landscape-forced{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:100vh!important;
  width:100dvh!important;
  height:100vw!important;
  height:100dvw!important;
  min-width:100vh!important;
  min-width:100dvh!important;
  min-height:100vw!important;
  min-height:100dvw!important;
  max-width:100vh!important;
  max-width:100dvh!important;
  max-height:100vw!important;
  max-height:100dvw!important;
  transform:translate(-50%,-50%) rotate(90deg)!important;
  transform-origin:center center!important;
  background:#000!important;
  overflow:hidden!important;
}
.nmfr-video-shell.is-mobile-landscape-forced .nmfr-video-embed,
.nmfr-video-shell.is-mobile-landscape-forced iframe,
.nmfr-video-shell.is-mobile-landscape-forced video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  background:#000!important;
}
.nmfr-video-shell.is-mobile-landscape-forced video{
  object-fit:contain!important;
  object-position:center center!important;
}
@media (max-width:767px){
  .nmfr-screen--ebook{
    min-height:100vh!important;
    min-height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding:14px!important;
    padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))!important;
  }
  .nmfr-screen--ebook .nmfr-container,
  .nmfr-container--ebook{
    min-height:auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    display:block!important;
  }
  .nmfr-screen--ebook .nmfr-ebook-wrap{
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  .nmfr-screen--ebook .nmfr-result-title{
    font-size:clamp(26px,8vw,38px)!important;
    line-height:1.05!important;
  }
  .nmfr-screen--ebook .nmfr-result-intro{
    font-size:clamp(15px,4.2vw,18px)!important;
    line-height:1.45!important;
  }
  .nmfr-screen--ebook .nmfr-ebook-form{
    gap:12px!important;
  }
  .nmfr-screen--ebook .nmfr-ebook-form input{
    min-height:52px!important;
  }
}

/* v0.8.88 mobiel: na video terug naar portrait proberen + e-book fallback als telefoon/browser landscape vasthoudt */
@media (max-width:767px){
  html.nmfr-mobile-portrait-lock,
  body.nmfr-mobile-portrait-lock{
    overflow:auto!important;
    width:100%!important;
    min-height:100%!important;
    background:#050914!important;
  }
  html.nmfr-mobile-portrait-lock .nmfr-screen--ebook,
  body.nmfr-mobile-portrait-lock .nmfr-screen--ebook{
    position:relative!important;
    transform:none!important;
    transform-origin:center center!important;
    width:100vw!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
}
@media (max-width:767px) and (orientation: landscape){
  html.nmfr-mobile-portrait-fallback .nmfr-screen--ebook,
  body.nmfr-mobile-portrait-fallback .nmfr-screen--ebook{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:12px!important;
    overflow-y:auto!important;
    background:#050914!important;
  }
  html.nmfr-mobile-portrait-fallback .nmfr-container--ebook,
  body.nmfr-mobile-portrait-fallback .nmfr-container--ebook{
    width:min(520px,calc(100vw - 24px))!important;
    max-width:520px!important;
    margin:0 auto!important;
    display:block!important;
  }
  html.nmfr-mobile-portrait-fallback .nmfr-ebook-wrap,
  body.nmfr-mobile-portrait-fallback .nmfr-ebook-wrap{
    max-width:520px!important;
    width:100%!important;
    margin:0 auto!important;
  }
  html.nmfr-mobile-portrait-fallback .nmfr-screen--ebook .nmfr-result-title,
  body.nmfr-mobile-portrait-fallback .nmfr-screen--ebook .nmfr-result-title{
    font-size:clamp(24px,6vw,34px)!important;
  }
  html.nmfr-mobile-portrait-fallback .nmfr-screen--ebook .nmfr-result-intro,
  body.nmfr-mobile-portrait-fallback .nmfr-screen--ebook .nmfr-result-intro{
    font-size:14px!important;
    line-height:1.38!important;
  }
  html.nmfr-mobile-portrait-fallback .nmfr-screen--ebook .nmfr-ebook-form input,
  body.nmfr-mobile-portrait-fallback .nmfr-screen--ebook .nmfr-ebook-form input{
    min-height:48px!important;
  }
}

/* v0.8.93 - YouTube-achtige ondertitel-overlay voor lokaal gehoste video's */
.nmfr-caption-overlay{
  position:absolute;
  left:50%;
  bottom:calc(72px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  z-index:2147483601;
  width:min(92%,920px);
  text-align:center;
  pointer-events:none;
  opacity:0;
  transition:opacity .16s ease, transform .16s ease;
}
.nmfr-caption-overlay.is-visible{
  opacity:1;
  transform:translateX(-50%) translateY(-2px);
}
.nmfr-caption-overlay span{
  display:inline;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  background:rgba(0,0,0,.78);
  color:#fff;
  padding:.22em .46em;
  border-radius:6px;
  font-size:clamp(18px,2.2vw,30px);
  font-weight:500;
  line-height:1.38;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
.nmfr-caption-toggle{
  position:absolute;
  right:clamp(14px,3vw,32px);
  bottom:calc(104px + env(safe-area-inset-bottom,0px));
  z-index:2147483633;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:56px;
  height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(8,14,24,.72);
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.nmfr-caption-toggle-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  flex:0 0 14px;
}
.nmfr-caption-toggle-icon svg{
  width:14px;
  height:14px;
  display:block;
}
.nmfr-caption-toggle-label{
  display:inline-block;
  line-height:1;
}
.nmfr-caption-toggle.is-active{
  background:var(--nmfr-button-bg);
  color:#fff;
  border-color:rgba(255,255,255,.12);
  box-shadow:0 10px 22px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.06) inset;
}
.nmfr-caption-toggle:hover,
.nmfr-caption-toggle:focus-visible{
  background:rgba(14,22,36,.86);
}
.nmfr-caption-toggle.is-active:hover,
.nmfr-caption-toggle.is-active:focus-visible{
  background:var(--nmfr-button-bg);
  filter:brightness(1.04);
}
.nmfr-caption-toggle:focus-visible{
  outline:3px solid rgba(255,255,255,.4);
  outline-offset:2px;
}
.nmfr-caption-toggle--inline{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
}
.nmfr-video-shell:not(.has-nmfr-captions) .nmfr-caption-overlay{
  opacity:0;
}
@media (max-width:767px){
  .nmfr-caption-overlay{
    bottom:calc(64px + env(safe-area-inset-bottom,0px));
    width:94%;
  }
  .nmfr-caption-overlay span{
    font-size:clamp(15px,4.6vw,20px);
    line-height:1.34;
  }
  .nmfr-caption-toggle{
    right:12px;
    bottom:calc(108px + env(safe-area-inset-bottom,0px));
    min-width:52px;
    height:28px;
    padding:0 9px;
    gap:5px;
    font-size:11px;
  }
  .nmfr-video-progress-locked .nmfr-caption-toggle{
    min-width:48px!important;
    min-height:34px!important;
    height:34px!important;
    padding:7px 10px!important;
    font-size:11px!important;
  }
  .nmfr-caption-toggle-icon,
  .nmfr-caption-toggle-icon svg{
    width:13px;
    height:13px;
  }
}
.nmfr-video-shell.is-force-expanded .nmfr-caption-overlay,
.nmfr-video-shell:fullscreen .nmfr-caption-overlay,
.nmfr-video-shell.is-fullscreen .nmfr-caption-overlay,
.nmfr-app:fullscreen .nmfr-caption-overlay,
.nmfr-app:-webkit-full-screen .nmfr-caption-overlay,
.nmfr-app.is-native-fullscreen-host .nmfr-caption-overlay{
  bottom:calc(86px + env(safe-area-inset-bottom,0px));
}
.nmfr-video-shell.is-force-expanded .nmfr-caption-toggle,
.nmfr-video-shell:fullscreen .nmfr-caption-toggle,
.nmfr-video-shell.is-fullscreen .nmfr-caption-toggle,
.nmfr-app:fullscreen .nmfr-caption-toggle,
.nmfr-app:-webkit-full-screen .nmfr-caption-toggle,
.nmfr-app.is-native-fullscreen-host .nmfr-caption-toggle{
  bottom:calc(118px + env(safe-area-inset-bottom,0px));
}

/* v0.8.97 locked video progress: progress visible, no seeking/skipping */
.nmfr-video-progress-locked{
  position:absolute!important;
  left:calc(18px + env(safe-area-inset-left, 0px))!important;
  right:calc(18px + env(safe-area-inset-right, 0px))!important;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px))!important;
  z-index:2147483632!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 12px!important;
  border-radius:999px!important;
  background:rgba(5,11,20,.72)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  color:#fff!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
.nmfr-video-progress-toggle{
  pointer-events:auto!important;
  min-width:86px!important;
  min-height:38px!important;
  padding:8px 14px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-family:var(--nmfr-font-family)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.nmfr-video-progress-toggle:hover,
.nmfr-video-progress-toggle:focus-visible{
  background:rgba(255,255,255,.24)!important;
  outline:2px solid rgba(255,255,255,.32)!important;
  outline-offset:2px!important;
}
.nmfr-video-progress-locked.has-caption-toggle{
  grid-template-columns:auto 1fr auto auto!important;
}
.nmfr-video-progress-locked .nmfr-caption-toggle{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  pointer-events:auto!important;
  min-width:56px!important;
  min-height:38px!important;
  height:38px!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-family:var(--nmfr-font-family)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.nmfr-video-progress-locked .nmfr-caption-toggle:hover,
.nmfr-video-progress-locked .nmfr-caption-toggle:focus-visible{
  background:rgba(255,255,255,.24)!important;
  outline:2px solid rgba(255,255,255,.32)!important;
  outline-offset:2px!important;
}
.nmfr-video-progress-locked .nmfr-caption-toggle.is-active{
  background:var(--nmfr-button-bg)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.nmfr-video-progress-locked .nmfr-caption-toggle.is-active:hover,
.nmfr-video-progress-locked .nmfr-caption-toggle.is-active:focus-visible{
  background:var(--nmfr-button-bg)!important;
  filter:brightness(1.04);
}
.nmfr-video-progress-locked .nmfr-caption-toggle-icon{
  width:13px;
  height:13px;
  flex:0 0 13px;
}
.nmfr-video-progress-locked .nmfr-caption-toggle-icon svg{
  width:13px;
  height:13px;
}
.nmfr-video-progress-track{
  position:relative!important;
  width:100%!important;
  height:8px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.22)!important;
}
.nmfr-video-progress-fill{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:0%;
  border-radius:inherit!important;
  background:var(--nmfr-button-bg)!important;
  transition:width .25s linear!important;
}
.nmfr-video-progress-locked.is-indeterminate .nmfr-video-progress-fill{
  width:38%!important;
  animation:nmfrLockedProgressPulse 1.35s ease-in-out infinite!important;
}
.nmfr-video-progress-time{
  min-width:118px!important;
  text-align:right!important;
  color:#fff!important;
  font-family:var(--nmfr-font-family)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  opacity:.92!important;
}
@keyframes nmfrLockedProgressPulse{
  0%{transform:translateX(-120%)}
  50%{transform:translateX(80%)}
  100%{transform:translateX(260%)}
}
@media (max-width:767px){
  .nmfr-video-progress-locked{
    left:calc(10px + env(safe-area-inset-left, 0px))!important;
    right:calc(10px + env(safe-area-inset-right, 0px))!important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;
    grid-template-columns:auto 1fr!important;
    gap:8px!important;
    padding:8px!important;
  }
  .nmfr-video-progress-locked.has-caption-toggle{
    grid-template-columns:auto auto 1fr!important;
  }
  .nmfr-video-progress-time{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
    font-size:11px!important;
  }
  .nmfr-video-progress-toggle{
    min-width:78px!important;
    min-height:34px!important;
    padding:7px 12px!important;
  }
}

/* v0.9.04 per-video CTA overlay tekst */
.nmfr-video-cta-text{
  margin:-4px 0 16px;
  color:#fff!important;
  font-family:var(--nmfr-font-family);
  font-size:15px;
  line-height:1.45;
  font-weight:var(--nmfr-body-weight);
  opacity:.9;
}
@media (max-width:767px){
  .nmfr-video-cta-text{
    margin:-2px 0 12px!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
}

/* v0.9.07 juridische footer + schermvullende popups */
.nmfr-app.has-legal-footer .nmfr-screen{
  padding-bottom:max(86px, calc(72px + env(safe-area-inset-bottom, 0px)))!important;
}
.nmfr-legal-footer{
  position:absolute;
  left:0;
  right:0;
  bottom:calc(14px + env(safe-area-inset-bottom, 0px));
  z-index:70;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 18px;
  color:rgba(245,250,255,.82)!important;
  font-family:var(--nmfr-font-family);
  font-size:12px;
  line-height:1.2;
  pointer-events:none;
}
.nmfr-home-shell .nmfr-legal-footer,
.nmfr-app.nmfr-mode-takeover .nmfr-legal-footer{
  position:fixed;
}
.nmfr-legal-link{
  appearance:none;
  border:0;
  background:rgba(6,25,45,.36);
  color:rgba(245,250,255,.9)!important;
  font:inherit;
  font-weight:600;
  line-height:1.2;
  text-decoration:none!important;
  cursor:pointer;
  padding:9px 12px;
  border-radius:999px;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  backdrop-filter:blur(10px);
  pointer-events:auto;
}
.nmfr-legal-link:hover,
.nmfr-legal-link:focus{
  color:#fff!important;
  background:rgba(6,25,45,.58);
  outline:none;
}
.nmfr-legal-separator{
  opacity:.5;
  pointer-events:none;
}
.nmfr-video-expanded-lock .nmfr-legal-footer,
.nmfr-mobile-video-landscape-lock .nmfr-legal-footer{
  display:none!important;
}
.nmfr-legal-modal-open{
  overflow:hidden!important;
}
.nmfr-legal-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:stretch;
  justify-content:center;
  background:rgba(4,18,34,.74);
  font-family:var(--nmfr-font-family);
  color:#17314f!important;
}
.nmfr-legal-modal-backdrop{
  position:absolute;
  inset:0;
}
.nmfr-legal-modal-panel{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  max-width:none;
  background:#f7fbff;
  color:#17314f!important;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
  overflow:hidden;
}
.nmfr-legal-close{
  position:fixed;
  top:calc(18px + env(safe-area-inset-top, 0px));
  right:calc(18px + env(safe-area-inset-right, 0px));
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(18,49,89,.16);
  background:#fff;
  color:#17314f!important;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(18,49,89,.14);
}
.nmfr-legal-close:hover,
.nmfr-legal-close:focus{
  outline:none;
  background:#eef4fb;
}
.nmfr-legal-modal-scroll{
  width:min(100%,940px);
  max-height:100%;
  margin:0 auto;
  padding:clamp(72px,10vh,118px) clamp(22px,5vw,64px) clamp(44px,7vh,82px);
  overflow:auto;
}
.nmfr-legal-title{
  margin:0 0 24px;
  color:#123159!important;
  font-size:clamp(30px,4.6vw,54px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.03em;
}
.nmfr-legal-content{
  color:#17314f!important;
  font-size:clamp(15px,1.6vw,18px);
  line-height:1.72;
  white-space:normal;
}
@media (max-width:767px){
  .nmfr-app.has-legal-footer .nmfr-screen{
    padding-bottom:max(92px, calc(78px + env(safe-area-inset-bottom, 0px)))!important;
  }
  .nmfr-legal-footer{
    bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    gap:6px;
    padding:0 10px;
    flex-wrap:wrap;
  }
  .nmfr-legal-link{
    padding:8px 10px;
    font-size:11px;
  }
  .nmfr-legal-separator{
    display:none;
  }
  .nmfr-legal-close{
    width:42px;
    height:42px;
    font-size:30px;
  }
}

/* v0.9.08 compacte cookiemelding in het blauwe funnelvlak */
.nmfr-cookie-notice{
  position:relative;
  z-index:72;
  width:calc(100% - 32px);
  max-width:720px;
  margin:0 auto max(18px, calc(18px + env(safe-area-inset-bottom, 0px)));
  padding:13px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(7,29,51,.84);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
  color:rgba(245,250,255,.92)!important;
  font-family:var(--nmfr-font-family);
}
.nmfr-cookie-copy{
  margin:0;
  color:rgba(245,250,255,.9)!important;
  font-size:12px;
  line-height:1.45;
}
.nmfr-cookie-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.nmfr-cookie-privacy,
.nmfr-cookie-accept{
  appearance:none;
  border:0;
  border-radius:999px;
  font-family:var(--nmfr-font-family);
  font-size:12px;
  font-weight:700;
  line-height:1.1;
  white-space:nowrap;
  cursor:pointer;
}
.nmfr-cookie-privacy{
  background:transparent;
  color:rgba(245,250,255,.88)!important;
  text-decoration:underline;
  text-underline-offset:3px;
  padding:9px 4px;
}
.nmfr-cookie-accept{
  background:var(--nmfr-button-bg);
  color:var(--nmfr-button-text)!important;
  padding:10px 15px;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.nmfr-cookie-privacy:hover,
.nmfr-cookie-privacy:focus,
.nmfr-cookie-accept:hover,
.nmfr-cookie-accept:focus{
  outline:none;
  filter:brightness(1.04);
}
.nmfr-video-expanded-lock .nmfr-cookie-notice,
.nmfr-mobile-video-landscape-lock .nmfr-cookie-notice{
  display:none!important;
}
@media (max-width:767px){
  .nmfr-cookie-notice{
    width:calc(100% - 24px);
    margin-bottom:max(14px, calc(14px + env(safe-area-inset-bottom, 0px)));
    padding:12px;
    flex-direction:column;
    align-items:stretch;
    text-align:left;
    gap:10px;
    border-radius:16px;
  }
  .nmfr-cookie-copy{
    font-size:11.5px;
    line-height:1.42;
  }
  .nmfr-cookie-actions{
    justify-content:space-between;
    gap:10px;
  }
  .nmfr-cookie-accept{
    flex:0 0 auto;
    padding:10px 16px;
  }
}

/* v0.9.09 - start akkoord-flow + compacte mobiele video/CC-balk */
.nmfr-video-shell.has-visible-video-cta .nmfr-video-progress-locked{
  display:none!important;
}
@media (max-width:767px){
  .nmfr-video-progress-locked{
    left:calc(8px + env(safe-area-inset-left, 0px))!important;
    right:calc(8px + env(safe-area-inset-right, 0px))!important;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px))!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    padding:7px 8px!important;
    border-radius:22px!important;
  }
  .nmfr-video-progress-locked.has-caption-toggle{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  .nmfr-video-progress-toggle{
    min-width:72px!important;
    min-height:32px!important;
    height:32px!important;
    padding:6px 10px!important;
    font-size:12px!important;
  }
  .nmfr-video-progress-track{
    min-width:0!important;
    height:6px!important;
  }
  .nmfr-video-progress-locked .nmfr-caption-toggle{
    justify-self:end!important;
    align-self:center!important;
    min-width:42px!important;
    width:auto!important;
    max-width:54px!important;
    min-height:32px!important;
    height:32px!important;
    padding:6px 8px!important;
    gap:4px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }
  .nmfr-video-progress-locked .nmfr-caption-toggle-icon,
  .nmfr-video-progress-locked .nmfr-caption-toggle-icon svg{
    width:12px!important;
    height:12px!important;
    flex-basis:12px!important;
  }
  .nmfr-video-progress-time{
    grid-column:1 / -1!important;
    min-width:0!important;
    width:100%!important;
    margin-top:-2px!important;
    text-align:center!important;
    font-size:10.5px!important;
    line-height:1.1!important;
  }
}
@media (max-width:767px) and (orientation:landscape), (max-height:480px){
  .nmfr-video-progress-locked{
    left:calc(10px + env(safe-area-inset-left, 0px))!important;
    right:calc(10px + env(safe-area-inset-right, 0px))!important;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px))!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:6px!important;
    padding:6px 8px!important;
    border-radius:20px!important;
  }
  .nmfr-video-progress-locked.has-caption-toggle{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  .nmfr-video-progress-time{
    display:none!important;
  }
  .nmfr-video-progress-toggle{
    min-width:68px!important;
    min-height:30px!important;
    height:30px!important;
    padding:5px 9px!important;
    font-size:11.5px!important;
  }
  .nmfr-video-progress-locked .nmfr-caption-toggle{
    min-width:40px!important;
    max-width:50px!important;
    min-height:30px!important;
    height:30px!important;
    padding:5px 7px!important;
    font-size:10px!important;
  }
  .nmfr-caption-overlay{
    bottom:calc(48px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* v0.9.11 juridische footer standaard onderaan de pagina, niet zwevend */
.nmfr-app.has-legal-footer .nmfr-screen{
  padding-bottom:24px!important;
}
.nmfr-legal-footer{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:2!important;
  width:100%;
  margin:0 auto;
  padding:0 18px max(20px, calc(20px + env(safe-area-inset-bottom, 0px)))!important;
}
.nmfr-home-shell .nmfr-legal-footer,
.nmfr-app.nmfr-mode-takeover .nmfr-legal-footer{
  position:relative!important;
}
@media (max-width:767px){
  .nmfr-app.has-legal-footer .nmfr-screen{
    padding-bottom:18px!important;
  }
  .nmfr-legal-footer{
    padding:0 10px max(18px, calc(18px + env(safe-area-inset-bottom, 0px)))!important;
  }
}