/* Maternaflix para Elementor: estilos com escopo em .mfx para não conflitar com o tema. */
html .mfx{box-sizing:border-box;-webkit-text-size-adjust:100%}
html .mfx *,html .mfx *::before,html .mfx *::after{box-sizing:border-box}
html .mfx [hidden]{display:none!important}
html .mfx h1,html .mfx h2,html .mfx h3,html .mfx h4{color:inherit;text-transform:none;margin:0;padding:0}
html .mfx p{color:inherit;margin:0;padding:0}
html .mfx ul,html .mfx ol{margin:0;padding:0}
html .mfx a{text-decoration:none;box-shadow:none}
html .mfx button{font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;line-height:inherit;border-radius:0;box-shadow:none;background:none;border:0;padding:0;margin:0;min-height:0;width:auto}
html .mfx button:hover,html .mfx button:focus{background-color:transparent;color:inherit}
html .mfx img{border:0;box-shadow:none;border-radius:0}
html .mfx blockquote{border:0;quotes:none}
html .mfx blockquote::after{content:none}
html .mfx details{margin:0}
html .mfx .rich p+p{margin-top:.8em}
html .mfx{--bg:#FFFBFA; --blush:#FCF0F0; --blush-2:#F7E1E1; --surface:#FFFFFF;
  --ink:#2E2A6B; --ink-2:#5F5A86; --ink-3:#9A95B8; --line:#F1E3E6; --line-2:#E7D5DC;
  --rose:#FF7290; --rose-ink:#E4506F; --coral:#FF7B7B; --peach:#FFA98F; --lav:#7E6BC4; --lav-soft:#F0ECFA; --navy:#363889; --ok:#2FA36B;
  --f-serif:"Sora", "Segoe UI", system-ui, sans-serif;
  --f-sans:"Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --wrap:1200px; --gut:clamp(16px,4vw,36px);
  --sh-1:0 1px 2px rgba(46,42,107,.04),0 8px 24px -12px rgba(46,42,107,.12);
  --sh-2:0 2px 6px rgba(46,42,107,.04),0 30px 70px -30px rgba(122,46,92,.30);
  color-scheme:light;}
html .mfx *{box-sizing:border-box}
html .mfx{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--f-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
html .mfx img{max-width:100%;display:block;height:auto}
html .mfx a{color:inherit}
html .mfx p{margin:0}
html .mfx h1,html .mfx h2,html .mfx h3,html .mfx h4{margin:0;font-family:var(--f-serif);font-weight:650;letter-spacing:-.04em;line-height:1.05;text-wrap:balance}
html .mfx h1 em,html .mfx h2 em,html .mfx h3 em{font-style:normal;background:linear-gradient(95deg,var(--coral),var(--rose) 55%,var(--rose-ink));-webkit-background-clip:text;background-clip:text;color:transparent}
html .mfx .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
html .mfx section{padding-block:clamp(56px,7vw,96px)}
html .mfx .mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
html .mfx .kicker{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rose-ink)}
html .mfx .kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 4px rgba(255,114,144,.18)}
html .mfx .h2{font-size:clamp(36px,5vw,62px)}
html .mfx .lead{font-size:clamp(17px,1.4vw,19px);color:var(--ink-2);max-width:58ch}
html .mfx .head{display:grid;gap:18px;margin-bottom:clamp(32px,4.5vw,52px);max-width:780px}
html .mfx .head.c{margin-inline:auto;text-align:center;justify-items:center}
html .mfx :focus-visible{outline:3px solid var(--lav);outline-offset:3px;border-radius:8px}
html .mfx .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 28px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;
  font:700 16px/1 var(--f-sans);letter-spacing:.005em;color:#fff;background:linear-gradient(135deg,#FF8BA3 0%,var(--rose) 40%,var(--rose-ink) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 16px 32px -14px rgba(210,62,102,.75);transition:transform .2s ease,box-shadow .2s ease}
html .mfx .btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:mfx-shine 4.5s ease-in-out infinite 1.5s}
html .mfx .btn:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 22px 40px -14px rgba(210,62,102,.85)}
html .mfx .btn i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);font-style:normal}
html .mfx .btn svg{width:16px;height:16px}
html .mfx .btn.sm{min-height:44px;padding:0 20px;font-size:14.5px;box-shadow:0 10px 22px -12px rgba(210,62,102,.7)}
html .mfx .btn.sm::after{display:none}
html .mfx .btn.block{width:100%}
html .mfx .link{display:inline-flex;align-items:center;gap:8px;font:600 15.5px/1 var(--f-sans);color:var(--ink);text-decoration:none;padding:12px 4px;border-bottom:1.5px solid var(--line-2)}
html .mfx .link:hover{color:var(--rose-ink);border-color:var(--rose)}
@keyframes mfx-shine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
html .mfx .mf{display:inline-flex;align-items:center;gap:.3em;font:400 27px/1 "Marcellus", "Cormorant Garamond", Georgia, serif;letter-spacing:.012em;color:var(--navy);text-decoration:none;white-space:nowrap}
html .mfx .mf .mk{flex:none;width:1.08em;height:1.3em;margin-top:-.12em;filter:drop-shadow(0 .16em .26em rgba(228,80,111,.32))}
html .mfx .mf .wd{display:inline-block;padding-top:.06em}
html .mfx .mf b{font-weight:400;background:linear-gradient(100deg,#FF8A7E 0%,var(--rose) 55%,var(--rose-ink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
html .mfx .mf .idot{position:relative;font-style:normal}
html .mfx .mf .idot::before{content:"";position:absolute;left:50%;top:.07em;width:.18em;height:.23em;transform:translateX(-46%);background:linear-gradient(160deg,#FF9A88,var(--rose-ink));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath d='M20 1.5C20 1.5 38 20.5 38 31.5A18 16.5 0 0 1 2 31.5C2 20.5 20 1.5 20 1.5Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath d='M20 1.5C20 1.5 38 20.5 38 31.5A18 16.5 0 0 1 2 31.5C2 20.5 20 1.5 20 1.5Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html .mfx .mf.xl{font-size:clamp(34px,3.8vw,46px)}
html .mfx .mf.on-dark{color:#fff}
html .mfx .mf.on-dark b{background:linear-gradient(100deg,#FFE8E2,#fff);-webkit-background-clip:text;background-clip:text}
html .mfx .mf.on-dark .idot::before{background:#fff}
html .mfx .mf.on-dark .mk{filter:drop-shadow(0 .16em .26em rgba(60,10,40,.35))}
html .mfx .mf.on-dark .mk .dp{fill:#fff}
html .mfx .mf.on-dark .mk .hl{fill:#FFD3DC;opacity:.6}
html .mfx .mf.on-dark .mk .pl{fill:var(--rose-ink)}
html .mfx .by{display:inline-flex;align-items:center;gap:8px;font:500 11px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
html .mfx .by img{width:64px}
html .mfx .brandline{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}
html .mfx .brandline .by{padding-left:16px;border-left:1px solid var(--line-2)}
html .mfx .brandline .pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font:600 12.5px/1 var(--f-sans);color:var(--ink-2)}
html .mfx .brandline .pill .pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ok)}
html .mfx .brandline .pill .pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ok);opacity:.4;animation:mfx-pulse 2s ease-out infinite}
html .mfx .wm-bg{position:absolute;left:50%;bottom:-.18em;transform:translateX(-50%);font:800 clamp(80px,17vw,230px)/1 var(--f-serif);letter-spacing:-.06em;color:rgba(255,255,255,.12);white-space:nowrap;pointer-events:none;user-select:none}
@media (max-width:560px){html .mfx .brandline .by{display:none}}
html .mfx .nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(255,251,250,.78);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid transparent;transition:border-color .3s}
html .mfx .nav.scrolled{border-color:var(--line)}
html .mfx .nav .wrap{display:flex;align-items:center;gap:28px;height:72px}
html .mfx .brand{display:flex;align-items:center;gap:12px;text-decoration:none}
html .mfx .brand .by{padding-left:12px;border-left:1px solid var(--line-2)}
html .mfx .nav ul{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:24px;white-space:nowrap}
html .mfx .btn{white-space:nowrap}
html .mfx .nav ul a{text-decoration:none;font:500 15px/1 var(--f-sans);color:var(--ink-2)}
html .mfx .nav ul a:hover{color:var(--ink)}
@media (max-width:1120px){html .mfx .nav ul{display:none}
html .mfx .nav .btn{margin-left:auto}}
@media (max-width:520px){html .mfx .brand .by{display:none}
html .mfx .brand .mf{font-size:21px}}
@media (max-width:420px){html .mfx .nav .btn{padding:0 16px;font-size:13.5px}}
html .mfx .hero{position:relative;overflow:hidden;padding-block:clamp(24px,3.5vw,48px) clamp(40px,5vw,64px);isolation:isolate}
html .mfx .hero::before{content:"";position:absolute;inset:-10% -10% 0;z-index:-2;
  background:radial-gradient(640px 460px at 78% 30%,rgba(255,114,144,.22),transparent 70%),radial-gradient(520px 420px at 95% 85%,rgba(126,107,196,.18),transparent 70%),radial-gradient(520px 380px at 5% 5%,rgba(255,181,158,.24),transparent 70%)}
html .mfx .hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(46,42,107,.08) 1px,transparent 1.2px);background-size:22px 22px;
  mask-image:radial-gradient(ellipse 60% 60% at 75% 45%,#000 10%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 75% 45%,#000 10%,transparent 75%)}
html .mfx .hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(24px,4vw,56px);align-items:center}
html .mfx .hero-copy{display:grid;gap:22px;min-width:0}
html .mfx .chip{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);font:600 13.5px/1.2 var(--f-sans)}
html .mfx .chip .pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ok)}
html .mfx .chip .pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ok);opacity:.4;animation:mfx-pulse 2s ease-out infinite}
html .mfx .hero h1{font-size:clamp(40px,5vw,68px);font-weight:700;letter-spacing:-.045em}
html .mfx .hero h1 em{display:inline;background:linear-gradient(95deg,var(--coral),var(--rose) 55%,var(--rose-ink));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
html .mfx .hero .sub{font-size:clamp(17px,1.45vw,19px);color:var(--ink-2);max-width:52ch}
html .mfx .hero .sub b{color:var(--ink);font-weight:600}
html .mfx .wins{list-style:none;margin:0;padding:0;display:grid;gap:11px}
html .mfx .wins li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.4;color:var(--ink-2)}
html .mfx .wins li b{color:var(--ink);font-weight:700}
html .mfx .wins i{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:-1px;border-radius:50%;background:linear-gradient(135deg,#FF8BA3,var(--rose-ink));color:#fff;box-shadow:0 6px 14px -6px rgba(210,62,102,.7)}
html .mfx .wins i svg{width:13px;height:13px}
html .mfx .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:4px}
html .mfx .cta-meta{display:grid;gap:3px;font-size:13.5px;color:var(--ink-2);line-height:1.3}
html .mfx .cta-meta b{font:600 22px/1 var(--f-serif);color:var(--ink)}
html .mfx .auth{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:18px;border-top:1px solid var(--line);font:500 11.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
html .mfx .auth strong{font:600 16px/1 var(--f-serif);font-style:normal;letter-spacing:0;text-transform:none;color:var(--ink-2)}
html .mfx .stage{position:relative;min-width:0;width:100%;max-width:580px;aspect-ratio:1/1.08;justify-self:center}
html .mfx .orbit{position:absolute;inset:3% 0 12%;border-radius:50%;border:1.5px dashed rgba(210,62,102,.22);animation:mfx-spin 70s linear infinite}
html .mfx .orbit::before,html .mfx .orbit::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 6px rgba(255,114,144,.18)}
html .mfx .orbit::before{top:-6px;left:calc(50% - 6px)}
html .mfx .orbit::after{bottom:14%;left:4%;background:var(--lav);box-shadow:0 0 0 6px rgba(126,107,196,.18)}
html .mfx .halo{position:absolute;left:1%;right:1%;bottom:5%;height:86%;
  background:radial-gradient(circle at 38% 28%,#FFE6DD 0%,transparent 50%),linear-gradient(165deg,#FFD3DD 0%,#F8C8E2 45%,#DCD3FF 100%);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M50 0C50 0 100 50 100 76A50 44 0 0 1 0 76C0 50 50 0 50 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M50 0C50 0 100 50 100 76A50 44 0 0 1 0 76C0 50 50 0 50 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html .mfx .base{position:absolute;left:10%;right:10%;bottom:1%;height:10%;background:radial-gradient(ellipse at center,rgba(122,46,92,.22),transparent 70%);filter:blur(4px)}
html .mfx .stage .mari{position:absolute;left:8%;bottom:5%;width:84%;height:96%;object-fit:contain;object-position:bottom;-webkit-mask-image:linear-gradient(180deg,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,#000 86%,transparent 100%)}
html .mfx .float{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--sh-2);animation:mfx-bob 6s ease-in-out infinite}
html .mfx .float .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}
html .mfx .float .ic svg{width:19px;height:19px}
html .mfx .float b{display:block;font:700 14px/1.15 var(--f-sans)}
html .mfx .float span{display:block;font:400 12.5px/1.3 var(--f-sans);color:var(--ink-2)}
html .mfx .f1{top:12%;left:-2%}
html .mfx .f1 .ic{background:var(--blush-2);color:var(--rose-ink)}
html .mfx .f3{top:30%;right:-3%;animation-delay:-2s}
html .mfx .f3 .ic{background:var(--lav-soft);color:var(--lav)}
html .mfx .watch{left:-4%;bottom:11%;width:min(290px,60%);display:grid;grid-template-columns:58px 1fr;gap:12px;padding:10px 14px 10px 10px;animation-delay:-4s}
html .mfx .watch img{width:58px;height:58px;border-radius:12px;object-fit:cover}
html .mfx .watch .w{display:grid;gap:5px;min-width:0}
html .mfx .watch .mono{font-size:10px;color:var(--rose-ink)}
html .mfx .watch b{font:600 15.5px/1.15 var(--f-serif)}
html .mfx .watch .bar{height:4px;border-radius:4px;background:var(--blush-2);overflow:hidden}
html .mfx .watch .bar span{display:block;height:100%;width:64%;background:linear-gradient(90deg,var(--peach),var(--rose));border-radius:inherit}
html .mfx .tagm{position:absolute;z-index:2;right:2%;bottom:3%;display:grid;gap:2px;padding:10px 16px;border-radius:14px;background:var(--ink);color:#fff;box-shadow:var(--sh-2)}
html .mfx .tagm b{font:600 16px/1.1 var(--f-serif);font-style:normal}
html .mfx .tagm span{font:500 10.5px/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.75}
@keyframes mfx-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
html .mfx .stats{margin-top:clamp(32px,4vw,52px);display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-1)}
html .mfx .stat{padding:22px 26px;display:grid;gap:6px}
html .mfx .stat+.stat{border-left:1px solid var(--line)}
html .mfx .stat b{font:350 clamp(32px,3.4vw,44px)/1 var(--f-serif);letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums}
html .mfx .stat b sup{font-size:.5em;color:var(--rose-ink);vertical-align:.7em;margin-right:2px}
html .mfx .stat span{font-size:14px;color:var(--ink-2);line-height:1.35}
html .mfx .ticker{position:relative;overflow:hidden;padding-block:18px;border-block:1px solid var(--line);background:var(--surface);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
html .mfx .ticker-in{display:flex;width:max-content;animation:mfx-tick 48s linear infinite}
html .mfx .ticker:hover .ticker-in{animation-play-state:paused}
html .mfx .ticker-in>div{display:flex}
html .mfx .ticker span{display:inline-flex;align-items:center;gap:34px;padding-right:34px;font:600 clamp(19px,2vw,24px)/1 var(--f-serif);white-space:nowrap;color:var(--ink)}
html .mfx .ticker span:nth-child(odd){font-style:normal;color:var(--rose-ink)}
html .mfx .ticker span::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--line-2)}
@keyframes mfx-tick{to{transform:translateX(-50%)}}
@media (max-width:1000px){html .mfx .hero-grid{grid-template-columns:1fr}
html .mfx .stage{max-width:470px}
html .mfx .stats{grid-template-columns:repeat(2,1fr)}
html .mfx .stat:nth-child(3){border-left:0}
html .mfx .stat:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:560px){html .mfx .cta-row .btn{width:100%}
html .mfx .stage{aspect-ratio:1/1.12}
html .mfx .f1{left:0;top:8%}
html .mfx .f3{right:0;top:34%}
html .mfx .float{padding:7px 11px 7px 7px;gap:9px}
html .mfx .float .ic{width:30px;height:30px}
html .mfx .float b{font-size:12.5px}
html .mfx .float span{font-size:11px}
html .mfx .watch{left:0;width:64%;grid-template-columns:44px 1fr}
html .mfx .watch img{width:44px;height:44px}
html .mfx .watch b{font-size:13.5px}
html .mfx .tagm{right:0;padding:8px 12px}
html .mfx .tagm b{font-size:14px}
html .mfx .stat{padding:16px 18px}}
html .mfx .prob{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
html .mfx .prob-l{display:grid;gap:22px;min-width:0}
html .mfx .prob-l p strong{color:var(--ink)}
html .mfx .needs{display:grid;gap:12px;min-width:0}
html .mfx .needs .cap{font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
html .mfx .need{display:grid;grid-template-columns:48px 1fr;gap:4px 16px;align-items:center;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);transition:transform .25s ease,border-color .25s ease}
html .mfx .need:hover{transform:translateX(6px);border-color:var(--line-2)}
html .mfx .need .ic{grid-row:span 2;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--blush);color:var(--rose-ink)}
html .mfx .need .ic svg{width:22px;height:22px}
html .mfx .need b{font:700 16.5px/1.2 var(--f-sans)}
html .mfx .need span{font-size:14.5px;color:var(--ink-2);line-height:1.4}
html .mfx .truth{margin-top:clamp(36px,5vw,60px);display:grid;grid-template-columns:1.5fr auto 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(28px,4vw,44px) clamp(24px,4vw,52px);border-radius:28px;
  background:linear-gradient(120deg,var(--blush) 0%,#FFF6F2 50%,var(--lav-soft) 100%);border:1px solid var(--line)}
html .mfx .truth h3{font-size:clamp(28px,3.4vw,44px)}
html .mfx .truth .vr{width:1px;align-self:stretch;background:var(--line-2)}
html .mfx .truth .num{display:grid;gap:8px}
html .mfx .truth .num b{font:350 clamp(52px,6vw,76px)/.9 var(--f-serif);letter-spacing:-.04em;color:var(--rose-ink)}
html .mfx .truth .num span{font-size:15px;color:var(--ink-2);max-width:30ch}
@media (max-width:900px){html .mfx .prob{grid-template-columns:1fr}
html .mfx .truth{grid-template-columns:1fr}
html .mfx .truth .vr{width:auto;height:1px}}
html .mfx .vs{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-1)}
html .mfx .vs-col{padding:clamp(22px,3vw,34px);display:grid;gap:14px;align-content:start;min-width:0}
html .mfx .vs-col.no{background:#FBF8FA}
html .mfx .vs-col.yes{background:linear-gradient(160deg,#fff 0%,#FFF1F3 100%);border-left:1px solid var(--line)}
html .mfx .vs-h{display:inline-flex;align-items:center;gap:10px;font:700 18px/1.2 var(--f-serif);letter-spacing:-.02em}
html .mfx .vs-col.no .vs-h{color:var(--ink-3)}
html .mfx .vs-h svg{width:22px;height:26px}
html .mfx .vs ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
html .mfx .vs li{position:relative;padding-left:32px;font-size:15.5px;line-height:1.45}
html .mfx .vs li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:12px}
html .mfx .vs .no li{color:var(--ink-3)}
html .mfx .vs .no li::before{background-color:#EEE9F0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A49CB0' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}
html .mfx .vs .yes li{color:var(--ink-2)}
html .mfx .vs .yes li b{color:var(--ink)}
html .mfx .vs .yes li::before{background-color:var(--rose);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
html .mfx .vs-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:16px clamp(22px,3vw,34px);border-top:1px solid var(--line);background:var(--blush)}
html .mfx .vs-foot b{font:700 14.5px/1.2 var(--f-sans);margin-right:4px}
html .mfx .vs-foot span{padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font:500 13.5px/1.2 var(--f-sans)}
@media (max-width:760px){html .mfx .vs{grid-template-columns:1fr}
html .mfx .vs-col.yes{border-left:0;border-top:1px solid var(--line)}}
html .mfx .rota{background:linear-gradient(180deg,var(--bg) 0%,var(--blush) 18%,var(--blush) 82%,var(--bg) 100%)}
html .mfx .map{position:relative;height:300px;margin-bottom:28px}
html .mfx .map svg.path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
html .mfx .map .p-base{fill:none;stroke:var(--line-2);stroke-width:2;stroke-dasharray:2 9;stroke-linecap:round}
html .mfx .map .p-live{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.6,.1,.2,1)}
html .mfx .map .end{position:absolute;top:50%;transform:translateY(-50%);font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
html .mfx .map .end.a{left:0}
html .mfx .map .end.b{right:0}
html .mfx .stop{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:0;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;width:150px}
html .mfx .stop .dot{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1.5px solid var(--line-2);box-shadow:var(--sh-1);font:600 24px/1 var(--f-serif);color:var(--ink);transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}
html .mfx .stop .lbl{position:absolute;left:50%;transform:translateX(-50%);width:170px;text-align:center;display:grid;gap:5px}
html .mfx .stop.up .lbl{bottom:calc(100% + 12px)}
html .mfx .stop.dn .lbl{top:calc(100% + 12px)}
html .mfx .stop .lbl span{font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
html .mfx .stop .lbl b{font:700 15.5px/1.2 var(--f-sans)}
html .mfx .stop:hover .dot{transform:scale(1.08);border-color:var(--rose)}
html .mfx .stop[aria-selected="true"] .dot{background:linear-gradient(135deg,#FF8BA3,var(--rose-ink));color:#fff;border-color:transparent;transform:scale(1.12)}
html .mfx .stop[aria-selected="true"] .dot::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,114,144,.45);animation:mfx-pulse 2s ease-out infinite}
html .mfx .stop[aria-selected="true"] .lbl b{color:var(--rose-ink)}
html .mfx .stop.done .dot{border-color:var(--rose);color:var(--rose-ink)}
@keyframes mfx-pulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
html .mfx .panel{display:grid;grid-template-columns:300px 1fr;gap:clamp(22px,3.5vw,44px);padding:clamp(18px,2.6vw,28px);border-radius:28px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2)}
html .mfx .panel .cover{border-radius:20px;overflow:hidden;align-self:start;aspect-ratio:1;background:var(--blush-2)}
html .mfx .panel .cover img{width:100%;height:100%;object-fit:cover}
html .mfx .panel .txt{display:grid;gap:14px;align-content:start;min-width:0;padding-top:6px}
html .mfx .panel .txt .mono{color:var(--rose-ink)}
html .mfx .panel h3{font-size:clamp(30px,3.2vw,42px)}
html .mfx .panel .txt>p{color:var(--ink-2);max-width:60ch}
html .mfx .lessons{list-style:none;margin:6px 0 0;padding:0;columns:2;column-gap:28px;counter-reset:l}
html .mfx .lessons li{break-inside:avoid;display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.35;counter-increment:l}
html .mfx .lessons li::before{content:counter(l,decimal-leading-zero);font:500 12px/1.6 var(--f-mono);color:var(--ink-3);min-width:20px}
html .mfx .lessons.clip li:nth-child(n+9){display:none}
html .mfx .more{justify-self:start;display:inline-flex;align-items:center;gap:8px;background:var(--blush);border:0;color:var(--rose-ink);border-radius:999px;padding:11px 18px;font:600 14px/1 var(--f-sans);cursor:pointer}
html .mfx .more:hover{background:var(--blush-2)}
html .mfx .more svg{width:14px;height:14px;transition:transform .25s}
html .mfx .more[aria-expanded="true"] svg{transform:rotate(180deg)}
html .mfx .sevend{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:.8fr 2.2fr;gap:clamp(22px,4vw,48px);align-items:center}
html .mfx .sevend-h{display:grid;gap:12px}
html .mfx .sevend-h h3{font-size:clamp(28px,3vw,38px)}
html .mfx .sevend-h p{color:var(--ink-2);font-size:15.5px}
html .mfx .ds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols,7),1fr);gap:8px;position:relative}
html .mfx .ds::before{content:"";position:absolute;left:4%;right:4%;top:30px;height:2px;background:linear-gradient(90deg,var(--peach),var(--rose),var(--lav));border-radius:2px;opacity:.5}
html .mfx .ds li{position:relative;display:grid;justify-items:center;gap:10px;text-align:center}
html .mfx .ds b{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);font:600 20px/1 var(--f-serif);color:var(--rose-ink)}
html .mfx .ds li.is-hi b{background:linear-gradient(135deg,#FF8BA3,var(--rose-ink));color:#fff;border-color:transparent}
html .mfx .ds span{font:600 13.5px/1.25 var(--f-sans);color:var(--ink)}
@media (max-width:1000px){html .mfx .sevend{grid-template-columns:1fr}}
@media (max-width:860px){html .mfx .map{height:auto;margin-bottom:20px}
html .mfx .map svg.path,html .mfx .map .end{display:none}
html .mfx .stops{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
html .mfx .stop{position:static;transform:none;width:auto;grid-template-columns:auto 1fr;justify-items:start;align-items:center;gap:10px;padding:10px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-align:left}
html .mfx .stop .dot{width:40px;height:40px;font-size:18px}
html .mfx .stop .lbl,html .mfx .stop.up .lbl,html .mfx .stop.dn .lbl{position:static;transform:none;width:auto;text-align:left;gap:3px}
html .mfx .stop .lbl span{font-size:10px}
html .mfx .stop .lbl b{font-size:13.5px}
html .mfx .stop[aria-selected="true"]{border-color:var(--rose);box-shadow:0 10px 24px -14px rgba(210,62,102,.6)}
html .mfx .stop[aria-selected="true"] .dot{transform:none}
html .mfx .stop[aria-selected="true"] .dot::after{display:none}
html .mfx .panel{grid-template-columns:1fr}
html .mfx .panel .cover{display:none}
html .mfx .ds{grid-template-columns:repeat(4,1fr);row-gap:20px}
html .mfx .ds::before{display:none}}
@media (max-width:560px){html .mfx .stops{grid-template-columns:1fr 1fr}
html .mfx .lessons{columns:1}
html .mfx .ds{grid-template-columns:repeat(4,1fr)}
html .mfx .ds b{width:52px;height:52px;font-size:18px}
html .mfx .ds span{font-size:12px}}
html .mfx .planner,html .mfx .deal,html .mfx .panel{border:1px solid transparent!important;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#FFC2CF,var(--line) 45%,#D9CFFF) border-box!important}
html .mfx .planner{display:grid;grid-template-columns:.85fr 1.15fr;border-radius:32px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2);overflow:hidden}
html .mfx .ctrl{padding:clamp(24px,3.4vw,40px);display:grid;gap:32px;align-content:start;background:linear-gradient(170deg,#FFF7F5,#FDF0F4);border-right:1px solid var(--line);margin:0}
html .mfx .field{display:grid;gap:14px}
html .mfx .field label,html .mfx .flabel{font:700 16px/1.3 var(--f-sans)}
html .mfx .wkval{display:flex;align-items:baseline;gap:10px}
html .mfx .wkval output{font:350 72px/.9 var(--f-serif);letter-spacing:-.04em;color:var(--rose-ink);font-variant-numeric:lining-nums tabular-nums;min-width:1.2em}
html .mfx .wkval span{font:500 13px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
html .mfx input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;margin:0;cursor:pointer;--p:62.5%}
html .mfx input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--peach),var(--rose) var(--p),var(--line-2) var(--p))}
html .mfx input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--peach),var(--rose) var(--p),var(--line-2) var(--p))}
html .mfx input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;background:#fff;border:3px solid var(--rose);box-shadow:0 6px 16px -4px rgba(210,62,102,.6)}
html .mfx input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--rose);box-shadow:0 6px 16px -4px rgba(210,62,102,.6)}
html .mfx .scale{display:flex;justify-content:space-between;font:500 10.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
html .mfx .seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
html .mfx .seg button{display:grid;gap:4px;justify-items:center;padding:14px 8px;border-radius:16px;background:var(--surface);border:1.5px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);transition:border-color .2s,background .2s,transform .2s}
html .mfx .seg button:hover{border-color:var(--rose)}
html .mfx .seg b{font:600 28px/1 var(--f-serif)}
html .mfx .seg span{font:500 11px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
html .mfx .seg [aria-checked="true"]{border-color:var(--rose);background:linear-gradient(160deg,#fff,#FFEEF2);box-shadow:0 10px 24px -14px rgba(210,62,102,.6)}
html .mfx .seg [aria-checked="true"] b{color:var(--rose-ink)}
html .mfx .note{font-size:13px;color:var(--ink-3)}
html .mfx .result{padding:clamp(24px,3.4vw,40px);display:grid;gap:24px;align-content:start;min-width:0}
html .mfx .r-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
html .mfx .r-top .mono{color:var(--ink-3);font-size:11.5px}
html .mfx .live{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#E5F6EC;color:#1E7A4D;font:600 12px/1 var(--f-sans)}
html .mfx .live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:mfx-blink 1.6s ease-in-out infinite}
@keyframes mfx-blink{50%{opacity:.25}}
html .mfx .r-big{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
html .mfx .ring{position:relative;width:118px;height:118px;display:grid;place-items:center;align-content:center}
html .mfx .ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
html .mfx .ring .r-bg{fill:none;stroke:var(--blush-2);stroke-width:9}
html .mfx .ring .r-fg{fill:none;stroke-width:9;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1)}
html .mfx .ring b{position:relative;font:350 42px/1 var(--f-serif);letter-spacing:-.03em;font-variant-numeric:lining-nums}
html .mfx .ring span{position:relative;font:500 10.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:4px}
html .mfx .r-txt{display:grid;gap:8px;min-width:0}
html .mfx .r-txt h3{font-size:clamp(24px,2.6vw,32px)}
html .mfx .r-txt p{color:var(--ink-2);font-size:15.5px}
html .mfx .r-txt p b{color:var(--ink)}
html .mfx .r-txt .warn{color:#A4572A}
html .mfx .tl{position:relative;padding-block:44px 46px}
html .mfx .tl-track{position:relative;height:8px;border-radius:8px;background:var(--blush-2);overflow:hidden}
html .mfx .tl-fill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--peach),var(--rose));transition:width .8s cubic-bezier(.2,.7,.2,1)}
html .mfx .tl-marks{position:absolute;left:0;right:0;top:48px}
html .mfx .tl-m{position:absolute;top:0;width:0;transition:left .8s cubic-bezier(.2,.7,.2,1)}
html .mfx .tl-m i{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--rose)}
html .mfx .tl-m.bi i{border-color:var(--lav)}
html .mfx .tl-m.ed i{border-color:var(--ink-3);border-style:dashed}
html .mfx .tl-m span{position:absolute;top:16px;font:500 10.5px/1.2 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
html .mfx .tl-m.up span{top:auto;bottom:16px}
html .mfx .tl-m span b{display:block;color:var(--ink);font:700 12.5px/1.2 var(--f-sans);text-transform:none;letter-spacing:0}
html .mfx .tl-m[data-a="c"] span{transform:translateX(-50%);text-align:center}
html .mfx .tl-m[data-a="l"] span{left:-8px;text-align:left}
html .mfx .tl-m[data-a="r"] span{right:-8px;text-align:right}
html .mfx .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
html .mfx .steps li{padding:14px;border-radius:16px;background:var(--bg);border:1px solid var(--line);display:grid;gap:6px;align-content:start}
html .mfx .steps .mono{font-size:10.5px;color:var(--rose-ink)}
html .mfx .steps b{font:700 14px/1.25 var(--f-sans)}
html .mfx .steps span{font-size:13px;color:var(--ink-2);line-height:1.35}
@media (max-width:1000px){html .mfx .planner{grid-template-columns:1fr}
html .mfx .ctrl{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:520px){html .mfx .r-big{grid-template-columns:1fr;justify-items:start}
html .mfx .ring{width:100px;height:100px}
html .mfx .tl-m span{font-size:9.5px}
html .mfx .tl-m span b{font-size:11.5px}
html .mfx .wkval output{font-size:60px}}
html .mfx .vids{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(16px,2.4vw,24px)}
html .mfx .player{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:16/9;max-width:100%;background:var(--lav-soft);box-shadow:var(--sh-2)}
html .mfx .player iframe,html .mfx .tcard iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
html .mfx .facade{position:absolute;inset:0;display:block;text-decoration:none;color:#fff;cursor:pointer}
html .mfx .facade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html .mfx .facade::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,42,107,0) 40%,rgba(46,42,107,.7))}
html .mfx .facade .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--rose-ink);box-shadow:0 20px 40px -14px rgba(0,0,0,.45);transition:transform .25s ease}
html .mfx .facade .play::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);animation:mfx-pulse 2.4s ease-out infinite}
html .mfx .facade:hover .play{transform:translate(-50%,-50%) scale(1.07)}
html .mfx .facade .play svg{width:28px;height:28px;margin-left:4px}
html .mfx .facade .cap{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:14px}
html .mfx .facade .cap b{font:600 clamp(20px,2.2vw,28px)/1.1 var(--f-serif)}
html .mfx .facade .cap span{font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.85;white-space:nowrap}
html .mfx .testi{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html .mfx .tcard{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:1;max-width:100%;text-decoration:none;color:#fff;
  background:radial-gradient(circle at 30% 20%,#FFC7B6,transparent 60%),linear-gradient(150deg,var(--rose) 0%,#B96AD6 100%)}
html .mfx .tcard:nth-child(2){background:radial-gradient(circle at 70% 20%,#D8CFFF,transparent 60%),linear-gradient(150deg,var(--lav) 0%,var(--rose) 100%)}
html .mfx .tcard:nth-child(3){background:radial-gradient(circle at 30% 80%,#FFE0CF,transparent 60%),linear-gradient(150deg,#FF9A7E 0%,var(--rose-ink) 100%)}
html .mfx .tcard:nth-child(4){background:radial-gradient(circle at 70% 70%,#FFD3DD,transparent 60%),linear-gradient(150deg,#B96AD6 0%,var(--lav) 100%)}
html .mfx .tcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html .mfx .tcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,42,107,0) 35%,rgba(46,42,107,.78))}
html .mfx .tcard .q{position:absolute;left:14px;top:4px;z-index:1;font:600 64px/1 var(--f-serif);font-style:normal;color:rgba(255,255,255,.9)}
html .mfx .tcard .tp{position:absolute;right:12px;top:12px;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--rose-ink)}
html .mfx .tcard .tp svg{width:14px;height:14px;margin-left:2px}
html .mfx .tcard .tn{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;display:grid;gap:3px}
html .mfx .tcard .tn b{font:600 19px/1.05 var(--f-serif)}
html .mfx .tcard .tn span{font:500 10.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.85}
@media (max-width:900px){html .mfx .vids{grid-template-columns:1fr}
html .mfx .testi{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
html .mfx .testi::-webkit-scrollbar{display:none}
html .mfx .tcard{scroll-snap-align:start}}
html .mfx .mari .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,88px);align-items:center}
html .mfx .portrait{position:relative;max-width:440px;width:100%;justify-self:center;aspect-ratio:820/1025}
html .mfx .portrait .drop{position:absolute;left:4%;right:4%;bottom:0;height:86%;
  background:radial-gradient(circle at 35% 30%,#FFE1D8 0%,transparent 55%),linear-gradient(160deg,var(--blush-2) 0%,#F7D5E6 50%,var(--lav-soft) 100%);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M50 0C50 0 100 50 100 76A50 44 0 0 1 0 76C0 50 50 0 50 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M50 0C50 0 100 50 100 76A50 44 0 0 1 0 76C0 50 50 0 50 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html .mfx .portrait img{position:relative;width:100%;height:100%;object-fit:contain;object-position:bottom;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
html .mfx .portrait .badge{position:absolute;left:-6px;bottom:14%;z-index:1;display:grid;gap:2px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--sh-2)}
html .mfx .portrait .badge b{font:350 32px/1 var(--f-serif);color:var(--rose-ink)}
html .mfx .portrait .badge span{font-size:13px;color:var(--ink-2)}
html .mfx .mari-copy{display:grid;gap:22px;min-width:0}
html .mfx .mari-copy p{color:var(--ink-2);max-width:58ch}
html .mfx .mari-copy blockquote{margin:0;position:relative;padding:24px 28px 24px 30px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);font:600 clamp(20px,2vw,25px)/1.35 var(--f-serif);font-style:normal;color:var(--ink)}
html .mfx .mari-copy blockquote::before{content:"“";position:absolute;left:14px;top:-18px;font:600 64px/1 var(--f-serif);color:var(--rose)}
html .mfx .tags{display:flex;flex-wrap:wrap;gap:8px}
html .mfx .tags span{padding:8px 14px;border-radius:999px;background:var(--blush);font:600 13.5px/1 var(--f-sans);color:var(--ink)}
@media (max-width:880px){html .mfx .mari .wrap{grid-template-columns:1fr}
html .mfx .portrait{max-width:300px}}
html .mfx .oferta{background:radial-gradient(700px 400px at 50% 0%,rgba(255,114,144,.14),transparent 70%),var(--blush)}
html .mfx .deal{display:grid;grid-template-columns:1.15fr .85fr;border-radius:32px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2);overflow:hidden}
html .mfx .deal-l{padding:clamp(24px,3.4vw,44px);display:grid;gap:18px;align-content:start;min-width:0}
html .mfx .deal-l h3{font-size:clamp(24px,2.4vw,30px)}
html .mfx .items{list-style:none;margin:0;padding:0;display:grid}
html .mfx .items li{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line-2)}
html .mfx .items img{width:44px;height:44px;border-radius:10px;object-fit:cover}
html .mfx .items b{font:700 15px/1.2 var(--f-sans);display:block}
html .mfx .items small{font:500 11px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
html .mfx .items s{font:500 13.5px/1 var(--f-mono);color:var(--ink-3);white-space:nowrap}
html .mfx .extras{display:flex;flex-wrap:wrap;gap:8px}
html .mfx .extras span{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:var(--lav-soft);font:600 13px/1 var(--f-sans);color:#4E3FB0}
html .mfx .extras svg{width:14px;height:14px}
html .mfx .deal-r{position:relative;padding:clamp(28px,3.4vw,44px);display:grid;gap:18px;align-content:center;text-align:center;
  background:radial-gradient(400px 300px at 50% 0%,rgba(255,181,158,.35),transparent 70%),linear-gradient(170deg,#FFF5F3,#FDEDF3 60%,#F3EEFF);border-left:1px solid var(--line)}
html .mfx .ribbon{justify-self:center;padding:7px 14px;border-radius:999px;background:var(--ink);color:#fff;font:500 11.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
html .mfx .from{font-size:15px;color:var(--ink-2)}
html .mfx .from s{font-weight:600}
html .mfx .price{display:grid;gap:4px;justify-items:center}
html .mfx .price .x{font:600 15px/1 var(--f-sans);color:var(--ink-2)}
html .mfx .price .v{font:350 clamp(68px,8vw,96px)/.9 var(--f-serif);letter-spacing:-.05em;color:var(--ink);font-variant-numeric:lining-nums}
html .mfx .price .v sup{font:600 .26em/1 var(--f-sans);letter-spacing:0;vertical-align:2.4em;margin-right:6px;color:var(--rose-ink)}
html .mfx .price .c{font-size:15px;color:var(--ink-2)}
html .mfx .price .c b{color:var(--ink)}
html .mfx .saves{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
html .mfx .save.day{background:var(--lav-soft);color:var(--lav)}
html .mfx .save{justify-self:center;padding:6px 12px;border-radius:8px;background:#E5F6EC;color:#1E7A4D;font:700 13px/1 var(--f-sans)}
html .mfx .pay{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;font:500 12.5px/1 var(--f-sans);color:var(--ink-3)}
html .mfx .pay span{display:inline-flex;align-items:center;gap:6px}
html .mfx .pay svg{width:14px;height:14px}
html .mfx .guar{margin-top:20px;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(16px,3vw,32px);align-items:center;padding:clamp(18px,2.6vw,26px) clamp(20px,3vw,32px);border-radius:24px;background:var(--surface);border:1px solid var(--line)}
html .mfx .seal{position:relative;width:92px;height:92px;flex:none}
html .mfx .seal svg{position:absolute;inset:0;width:100%;height:100%;animation:mfx-spin 30s linear infinite}
html .mfx .seal .in{position:absolute;inset:15px;border-radius:50%;display:grid;place-items:center;align-content:center;background:linear-gradient(140deg,#FF8BA3,var(--rose-ink));color:#fff;text-align:center}
html .mfx .seal .in b{font:600 28px/1 var(--f-serif)}
html .mfx .seal .in span{font:500 8.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
@keyframes mfx-spin{to{transform:rotate(360deg)}}
html .mfx .guar h3{font-size:clamp(22px,2.2vw,28px);margin-bottom:6px}
html .mfx .guar p{color:var(--ink-2);font-size:15.5px;max-width:62ch}
html .mfx .wa{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid var(--line-2);text-decoration:none;font:600 14.5px/1 var(--f-sans);white-space:nowrap;background:var(--surface)}
html .mfx .wa:hover{border-color:var(--ok);color:#1E7A4D}
html .mfx .wa svg{width:18px;height:18px;color:var(--ok)}
@media (max-width:900px){html .mfx .deal{grid-template-columns:1fr}
html .mfx .deal-r{order:-1;border-left:0;border-bottom:1px solid var(--line)}
html .mfx .guar{grid-template-columns:auto 1fr}
html .mfx .guar .wa{grid-column:1/-1;justify-self:start}}
@media (max-width:520px){html .mfx .guar{grid-template-columns:1fr}
html .mfx .items li{grid-template-columns:40px 1fr auto;gap:10px}
html .mfx .items img{width:40px;height:40px}}
html .mfx .faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,80px);align-items:start}
html .mfx .faq-l{display:grid;gap:18px;position:sticky;top:110px;min-width:0}
html .mfx .qa{border-bottom:1px solid var(--line-2)}
html .mfx .qa:first-child{border-top:1px solid var(--line-2)}
html .mfx .qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font:600 clamp(17px,1.5vw,19px)/1.35 var(--f-sans)}
html .mfx .qa summary::-webkit-details-marker{display:none}
html .mfx .qa summary i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blush);color:var(--rose-ink);transition:transform .3s ease,background .3s ease,color .3s ease}
html .mfx .qa summary i svg{width:14px;height:14px}
html .mfx .qa[open] summary i{transform:rotate(45deg);background:var(--rose);color:#fff}
html .mfx .qa p{padding:0 0 22px;color:var(--ink-2);max-width:62ch}
@media (max-width:860px){html .mfx .faq{grid-template-columns:1fr}
html .mfx .faq-l{position:static}}
html .mfx .final{padding-block:clamp(24px,4vw,48px) clamp(56px,7vw,96px)}
html .mfx .band{position:relative;overflow:hidden;border-radius:36px;padding:clamp(36px,6vw,80px) clamp(24px,5vw,72px);display:grid;gap:22px;justify-items:center;text-align:center;color:#fff;
  background:radial-gradient(600px 300px at 15% 0%,rgba(255,214,200,.55),transparent 70%),radial-gradient(600px 340px at 100% 100%,rgba(126,107,196,.55),transparent 70%),linear-gradient(120deg,var(--rose) 0%,var(--rose-ink) 55%,#B24FA8 100%)}
html .mfx .band::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.2px);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 70%);pointer-events:none}
html .mfx .band .mf{position:relative}
html .mfx .band h2{font-size:clamp(38px,5.4vw,70px);max-width:16ch;position:relative}
html .mfx .band h2 em{color:#FFE3D9}
html .mfx .band p{font-size:clamp(17px,1.5vw,19px);opacity:.92;max-width:52ch;position:relative}
html .mfx .band .btn{position:relative;background:#fff;color:var(--rose-ink);box-shadow:0 20px 40px -18px rgba(60,10,40,.6)}
html .mfx .band .btn i{background:var(--blush)}
html .mfx .band small{position:relative;font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.85}
html .mfx footer{padding-block:28px calc(28px + 84px);border-top:1px solid var(--line)}
html .mfx footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2)}
html .mfx footer .by img{width:64px}
html .mfx footer .by{margin-right:auto;margin-left:-4px}
@media (min-width:901px){html .mfx footer{padding-bottom:28px}}
html .mfx .sbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 20px;border-radius:999px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--line);box-shadow:var(--sh-2);transform:translateY(160%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
html .mfx .sbar.on{transform:none}
html .mfx .sbar .p{display:grid;line-height:1.1;font-size:12px;color:var(--ink-2)}
html .mfx .sbar .p b{font:600 21px/1.1 var(--f-serif);color:var(--ink)}
html .mfx .sbar .btn{min-height:48px;padding:0 22px;font-size:15px}
html .mfx .sbar .btn::after{display:none}
@media (min-width:901px){html .mfx .sbar{left:auto;right:24px;bottom:24px}}
@media (max-width:560px){html .mfx{font-size:16px}
html .mfx section{padding-block:52px}
html .mfx .h2{font-size:clamp(30px,8.4vw,40px)}
html .mfx .head{gap:14px;margin-bottom:28px}
html .mfx .lead{font-size:16px}
html .mfx .nav .wrap{height:62px;gap:12px}
html .mfx .nav .btn{min-height:40px;padding:0 14px;font-size:13px}
html .mfx .hero{padding-block:20px 40px}
html .mfx .hero-copy{gap:18px}
html .mfx .mf.xl{font-size:32px}
html .mfx .hero h1{font-size:clamp(36px,10.4vw,46px)}
html .mfx .wins li{font-size:15.5px}
html .mfx .cta-row{gap:12px}
html .mfx .cta-meta{width:100%;text-align:center}
html .mfx .auth{justify-content:center;gap:8px 14px}
html .mfx .auth span{width:100%;text-align:center}
html .mfx .stage{max-width:360px}
html .mfx .stats{margin-top:28px}
html .mfx .stat b{font-size:28px}
html .mfx .stat span{font-size:13px}
html .mfx .ticker{padding-block:14px}
html .mfx .need{padding:14px;grid-template-columns:42px 1fr;column-gap:12px}
html .mfx .need .ic{width:42px;height:42px}
html .mfx .truth{padding:24px 20px;border-radius:22px}
html .mfx .truth h3{font-size:26px}
html .mfx .vs{border-radius:22px}
html .mfx .map{margin-bottom:14px}
html .mfx .stops{gap:8px}
html .mfx .stop{padding:8px;gap:8px}
html .mfx .stop .dot{width:34px;height:34px;font-size:15px}
html .mfx .stop .lbl b{font-size:12.5px}
html .mfx .panel{padding:18px;border-radius:22px}
html .mfx .panel h3{font-size:26px}
html .mfx .lessons li{font-size:14px}
html .mfx .sevend{margin-top:36px}
html .mfx .ds{gap:12px 6px}
html .mfx .planner{border-radius:24px}
html .mfx .ctrl,html .mfx .result{padding:20px}
html .mfx .r-big{gap:14px}
html .mfx .r-txt h3{font-size:22px}
html .mfx .tl{padding-block:40px 44px}
html .mfx .player{border-radius:20px}
html .mfx .facade .play{width:68px;height:68px}
html .mfx .facade .play svg{width:22px;height:22px}
html .mfx .facade .cap{left:16px;right:16px;bottom:14px}
html .mfx .facade .cap span{display:none}
html .mfx .testi{grid-template-columns:repeat(4,72%)}
html .mfx .portrait{max-width:260px}
html .mfx .mari-copy blockquote{padding:20px 20px 20px 24px;font-size:18px}
html .mfx .deal{border-radius:24px}
html .mfx .deal-l,html .mfx .deal-r{padding:22px 18px}
html .mfx .items b{font-size:14px}
html .mfx .items s{font-size:12px}
html .mfx .price .v{font-size:64px}
html .mfx .guar{padding:20px;border-radius:20px}
html .mfx .qa summary{padding:18px 0;font-size:16px}
html .mfx .band{border-radius:26px;padding:40px 20px}
html .mfx .band h2{font-size:32px}
html .mfx .band .btn{width:100%}
html .mfx .wm-bg{font-size:96px}
html .mfx footer .wrap{justify-content:center;text-align:center}
html .mfx footer .by{margin:0}
html .mfx .sbar{left:10px;right:10px;padding:6px 6px 6px 16px}
html .mfx .sbar .p{font-size:11px}
html .mfx .sbar .p b{font-size:17px}
html .mfx .sbar .btn{min-height:44px;padding:0 16px;font-size:14px}}
@media (max-width:380px){html .mfx .hero h1{font-size:34px}
html .mfx .stops{grid-template-columns:1fr}
html .mfx .seg b{font-size:22px}
html .mfx .seg span{font-size:9.5px}}
html .mfx .rv{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
html.mfx-js .mfx .rv.pre{opacity:.001;transform:translateY(26px)}
html .mfx .hero .in{animation:mfx-rise .9s cubic-bezier(.2,.7,.2,1) both}
html .mfx .hero .in:nth-child(2){animation-delay:.08s}
html .mfx .hero .in:nth-child(3){animation-delay:.16s}
html .mfx .hero .in:nth-child(4){animation-delay:.24s}
html .mfx .hero .in:nth-child(5){animation-delay:.32s}
html .mfx .hero .in:nth-child(6){animation-delay:.4s}
html .mfx .stage.in{animation:mfx-rise 1.1s cubic-bezier(.2,.7,.2,1) .2s both}
@keyframes mfx-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html .mfx *,html .mfx *::before,html .mfx *::after{animation:none!important;transition:none!important}
html.mfx-js .mfx .rv.pre{opacity:1;transform:none}
html .mfx .ticker-in{flex-wrap:wrap;width:auto}}
/* Menu fixo (o widget fica dentro de um container do Elementor, então usamos fixed + espaçador) */
html .mfx .nav{position:fixed;top:0;left:0;right:0;width:100%}
html body.admin-bar .mfx .nav{top:32px}
@media (max-width:782px){html body.admin-bar .mfx .nav{top:46px}}
html .mfx .mfx-nav-space{height:72px}
@media (max-width:560px){html .mfx .mfx-nav-space{height:62px}}
html body.elementor-editor-active .mfx .nav{position:relative;top:0}
html body.elementor-editor-active .mfx .mfx-nav-space{display:none}
html body.elementor-editor-active .mfx .sbar{position:relative;left:auto;right:auto;bottom:auto;transform:none;margin:12px auto;max-width:520px}

/* Integração com o Elementor: widgets colados, sem respiro extra */
.elementor-widget[class*="elementor-widget-mfx-"]{margin-bottom:0!important;width:100%;max-width:100%}
.elementor-widget[class*="elementor-widget-mfx-"]>.elementor-widget-container{margin:0;padding:0}
html .mfx{width:100%}

/* ==========================================================================
   v1.1 · Escala por tela: seções no tamanho do monitor no computador,
   celular compacto e mais legível (onde está a maior parte das visitas).
   ========================================================================== */

/* ---------- Computador e notebook ---------- */
html .mfx{font-size:16px;line-height:1.6}
html .mfx .wrap{max-width:1160px}
html .mfx section{padding-block:clamp(48px,8vh,88px)}
html .mfx .h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.035em}
html .mfx .lead{font-size:clamp(15.5px,1.15vw,17.5px)}
html .mfx .head{gap:14px;margin-bottom:clamp(24px,4vh,40px)}
html .mfx .btn{min-height:52px;padding:0 24px;font-size:15px}
html .mfx .btn i{width:26px;height:26px}
html .mfx .kicker{font-size:11.5px}

/* Topo: cabe inteiro na tela (descontando o menu) */
html .mfx .hero{padding-block:clamp(16px,3vh,36px) clamp(28px,4vh,48px)}
html .mfx .hero-grid{min-height:calc(100svh - 72px - 7vh);gap:clamp(20px,3vw,48px)}
html .mfx .hero-copy{gap:clamp(12px,2.1vh,20px)}
html .mfx .mf.xl{font-size:clamp(26px,2.5vw,34px)}
html .mfx .hero h1{font-size:clamp(34px,3.9vw,58px);line-height:1.04}
html .mfx .hero .sub{font-size:clamp(15px,1.1vw,17px);max-width:50ch}
html .mfx .wins{gap:8px}
html .mfx .wins li{font-size:clamp(14.5px,1vw,15.5px)}
html .mfx .wins i{width:22px;height:22px}
html .mfx .cta-meta b{font-size:19px}
html .mfx .auth{padding-top:14px;font-size:10.5px}
html .mfx .auth strong{font-size:14.5px}
html .mfx .stage{max-width:min(500px,calc((100svh - 150px) / 1.08))}
html .mfx .float b{font-size:13px}
html .mfx .float span{font-size:11.5px}
html .mfx .float .ic{width:34px;height:34px}
html .mfx .watch{width:min(260px,58%)}
html .mfx .watch b{font-size:14px}
html .mfx .stats{margin-top:clamp(20px,3vh,36px)}
html .mfx .stat{padding:16px 22px}
html .mfx .stat b{font-size:clamp(26px,2.4vw,34px)}
html .mfx .stat span{font-size:13px}
html .mfx .ticker{padding-block:13px}
html .mfx .ticker span{font-size:clamp(16px,1.5vw,20px);gap:28px;padding-right:28px}

/* Problema */
html .mfx .need{padding:13px 16px;grid-template-columns:42px 1fr}
html .mfx .need .ic{width:42px;height:42px;border-radius:12px}
html .mfx .need b{font-size:15.5px}
html .mfx .need span{font-size:13.5px}
html .mfx .truth{margin-top:clamp(24px,4vh,40px);padding:clamp(22px,3vw,34px) clamp(22px,3.4vw,44px)}
html .mfx .truth h3{font-size:clamp(22px,2.4vw,34px)}
html .mfx .truth .num b{font-size:clamp(42px,4.4vw,60px)}
html .mfx .vs li{font-size:14.5px}

/* Rota */
html .mfx .map{height:250px;margin-bottom:20px}
html .mfx .stop .dot{width:50px;height:50px;font-size:20px}
html .mfx .stop .lbl b{font-size:14px}
html .mfx .panel{grid-template-columns:240px 1fr;padding:20px}
html .mfx .panel h3{font-size:clamp(24px,2.4vw,32px)}
html .mfx .panel .txt>p{font-size:15px}
html .mfx .lessons li{font-size:14px;padding:7px 0}
html .mfx .sevend{margin-top:clamp(32px,5vh,52px)}
html .mfx .sevend-h h3{font-size:clamp(22px,2.2vw,30px)}
html .mfx .ds b{width:52px;height:52px;font-size:17px}
html .mfx .ds::before{top:26px}
html .mfx .ds span{font-size:12.5px}

/* Planejador */
html .mfx .ctrl,html .mfx .result{padding:clamp(20px,2.6vw,32px)}
html .mfx .ctrl{gap:24px}
html .mfx .wkval output{font-size:56px}
html .mfx .seg b{font-size:22px}
html .mfx .seg button{padding:11px 6px}
html .mfx .ring{width:100px;height:100px}
html .mfx .ring b{font-size:34px}
html .mfx .r-txt h3{font-size:clamp(20px,2vw,26px)}
html .mfx .r-txt p{font-size:14.5px}
html .mfx .result{gap:18px}
html .mfx .steps li{padding:12px}

/* Depoimentos, Mari, oferta, FAQ, final */
html .mfx .facade .play{width:72px;height:72px}
html .mfx .facade .cap b{font-size:clamp(17px,1.7vw,22px)}
html .mfx .portrait{max-width:380px}
html .mfx .mari-copy{gap:16px}
html .mfx .mari-copy blockquote{font-size:clamp(17px,1.5vw,20px);padding:20px 22px 20px 26px}
html .mfx .deal-l,html .mfx .deal-r{padding:clamp(22px,2.8vw,36px)}
html .mfx .price .v{font-size:clamp(56px,6vw,80px)}
html .mfx .items li{padding:8px 0}
html .mfx .guar h3{font-size:clamp(19px,1.8vw,24px)}
html .mfx .qa summary{padding:17px 0;font-size:clamp(15.5px,1.2vw,17px)}
html .mfx .qa p{font-size:15px}
html .mfx .band{padding:clamp(32px,6vh,64px) clamp(22px,4vw,56px)}
html .mfx .band h2{font-size:clamp(30px,3.8vw,54px)}
html .mfx .wm-bg{font-size:clamp(70px,13vw,180px)}

/* Telas baixas (notebook 768px de altura) */
@media (min-width:1001px) and (max-height:820px){
  html .mfx .hero h1{font-size:clamp(32px,3.5vw,50px)}
  html .mfx .hero .sub{font-size:15px}
  html .mfx .wins li{font-size:14.5px}
  html .mfx .mf.xl{font-size:28px}
}

/* ---------- Tablet ---------- */
@media (max-width:1000px){
  html .mfx .hero-grid{min-height:0}
  html .mfx .stage{max-width:420px}
}

/* ---------- Celular: compacto, legível, cores mais limpas ---------- */
@media (max-width:640px){
  html .mfx{font-size:15px;line-height:1.55;--sh-2:0 2px 4px rgba(46,42,107,.04),0 16px 34px -20px rgba(122,46,92,.28)}
  html .mfx .wrap{padding-inline:18px}
  html .mfx section{padding-block:40px}
  html .mfx .h2{font-size:clamp(25px,7vw,30px);line-height:1.12;letter-spacing:-.03em}
  html .mfx .lead{font-size:15px;line-height:1.55}
  html .mfx .head{gap:10px;margin-bottom:22px}

  /* Destaques em cor sólida (o degradê em texto pesa na tela pequena) */
  html .mfx h1 em,html .mfx h2 em,html .mfx h3 em,html .mfx .hero h1 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--rose-ink)}
  html .mfx .band h2 em{color:#FFE3D9}

  /* Etiquetas em fonte normal, mais legíveis */
  html .mfx .kicker{font:700 11px/1.2 var(--f-sans);letter-spacing:.08em}
  html .mfx .kicker::before{width:6px;height:6px;box-shadow:0 0 0 3px rgba(255,114,144,.18)}

  /* Botões */
  html .mfx .btn{min-height:50px;padding:0 20px;font-size:15px;gap:10px}
  html .mfx .btn::after{display:none}
  html .mfx .btn i{width:24px;height:24px}
  html .mfx .btn svg{width:14px;height:14px}

  /* Menu */
  html .mfx .nav .wrap{height:56px}
  html .mfx .mfx-nav-space{height:56px}
  html .mfx .nav .mf{font-size:20px}
  html .mfx .nav .btn{min-height:36px;padding:0 14px;font-size:12.5px}

  /* Topo */
  html .mfx .hero{padding-block:18px 32px}
  html .mfx .hero::after{display:none}
  html .mfx .hero-copy{gap:14px}
  html .mfx .brandline{gap:10px}
  html .mfx .brandline .by{display:none}
  html .mfx .mf.xl{font-size:24px}
  html .mfx .hero h1{font-size:clamp(29px,8.4vw,34px);line-height:1.08;letter-spacing:-.035em}
  html .mfx .hero .sub{font-size:14.5px;line-height:1.55}
  html .mfx .wins{gap:7px}
  html .mfx .wins li{font-size:14px;gap:10px;line-height:1.4}
  html .mfx .wins i{width:20px;height:20px}
  html .mfx .wins i svg{width:11px;height:11px}
  html .mfx .cta-row{gap:8px;padding-top:2px}
  html .mfx .cta-row .btn{width:100%}
  html .mfx .cta-meta{width:100%;text-align:center;font-size:12.5px}
  html .mfx .cta-meta b{font-size:17px}
  html .mfx .auth{justify-content:center;padding-top:12px;gap:4px 12px}
  html .mfx .auth span{width:100%;text-align:center;font-size:10px}
  html .mfx .auth strong{font-size:13.5px}
  html .mfx .stage{max-width:300px;aspect-ratio:1/1.05;margin-top:4px}
  html .mfx .orbit{display:none}
  html .mfx .float{padding:6px 10px 6px 6px;gap:8px;border-radius:12px}
  html .mfx .float .ic{width:26px;height:26px;border-radius:8px}
  html .mfx .float .ic svg{width:14px;height:14px}
  html .mfx .float b{font-size:11.5px}
  html .mfx .float span{font-size:10px}
  html .mfx .f1{left:-6px;top:10%}
  html .mfx .f3{display:none}
  html .mfx .watch{left:-6px;bottom:12%;width:62%;grid-template-columns:36px 1fr;gap:8px;padding:6px 10px 6px 6px}
  html .mfx .watch img{width:36px;height:36px;border-radius:8px}
  html .mfx .watch b{font-size:12px}
  html .mfx .watch .mono{font-size:8.5px}
  html .mfx .tagm{right:-4px;padding:7px 11px;border-radius:10px}
  html .mfx .tagm b{font-size:12.5px}
  html .mfx .tagm span{font-size:8.5px}
  html .mfx .stats{margin-top:24px;border-radius:16px}
  html .mfx .stat{padding:12px 14px;gap:3px}
  html .mfx .stat b{font-size:24px}
  html .mfx .stat span{font-size:12px;line-height:1.3}
  html .mfx .ticker{padding-block:11px}
  html .mfx .ticker span{font-size:15px;gap:20px;padding-right:20px}

  /* Problema */
  html .mfx .prob{gap:22px}
  html .mfx .prob-l{gap:12px}
  html .mfx .needs{gap:8px}
  html .mfx .needs .cap{font:700 10.5px/1.2 var(--f-sans);letter-spacing:.08em}
  html .mfx .need{padding:11px 12px;grid-template-columns:36px 1fr;column-gap:12px;border-radius:14px;box-shadow:none}
  html .mfx .need .ic{width:36px;height:36px;border-radius:10px}
  html .mfx .need .ic svg{width:18px;height:18px}
  html .mfx .need b{font-size:14.5px}
  html .mfx .need span{font-size:13px}
  html .mfx .truth{margin-top:22px;padding:20px 18px;border-radius:18px;gap:14px}
  html .mfx .truth h3{font-size:21px;line-height:1.2}
  html .mfx .truth .num b{font-size:40px}
  html .mfx .truth .num span{font-size:13.5px}
  html .mfx .vs{margin-top:14px;border-radius:18px;box-shadow:none}
  html .mfx .vs-col{padding:18px 16px;gap:10px}
  html .mfx .vs-h{font-size:16px}
  html .mfx .vs ul{gap:9px}
  html .mfx .vs li{font-size:13.5px;padding-left:28px}
  html .mfx .vs li::before{width:19px;height:19px;background-size:10px}
  html .mfx .vs-foot{padding:14px 16px;gap:6px}
  html .mfx .vs-foot b{font-size:13px;width:100%}
  html .mfx .vs-foot span{font-size:12.5px;padding:6px 10px}

  /* Rota */
  html .mfx .stops{grid-template-columns:1fr 1fr;gap:7px}
  html .mfx .stop{padding:8px;gap:8px;border-radius:12px}
  html .mfx .stop .dot{width:30px;height:30px;font-size:13px;border-width:1px}
  html .mfx .stop .lbl span{font:600 9.5px/1.2 var(--f-sans);letter-spacing:.04em}
  html .mfx .stop .lbl b{font-size:12.5px;line-height:1.2}
  html .mfx .panel{padding:16px;border-radius:18px;gap:12px}
  html .mfx .panel .txt{gap:10px;padding-top:0}
  html .mfx .panel .txt .mono{font:700 10.5px/1.2 var(--f-sans);letter-spacing:.06em}
  html .mfx .panel h3{font-size:22px}
  html .mfx .panel .txt>p{font-size:14px}
  html .mfx .lessons li{font-size:13.5px;padding:7px 0}
  html .mfx .more{padding:9px 14px;font-size:13px}
  html .mfx .sevend{margin-top:30px;gap:16px}
  html .mfx .sevend-h{gap:8px}
  html .mfx .sevend-h h3{font-size:22px}
  html .mfx .sevend-h p{font-size:14px}
  html .mfx .ds{grid-template-columns:repeat(4,1fr);gap:14px 4px}
  html .mfx .ds b{width:44px;height:44px;font-size:14px}
  html .mfx .ds span{font-size:11px;line-height:1.25}

  /* Planejador */
  html .mfx .planner{border-radius:20px}
  html .mfx .ctrl,html .mfx .result{padding:18px 16px}
  html .mfx .ctrl{gap:18px}
  html .mfx .field{gap:10px}
  html .mfx .field label,html .mfx .flabel{font-size:14.5px}
  html .mfx .wkval output{font-size:44px}
  html .mfx .wkval span{font-size:11px}
  html .mfx .scale{font:600 9.5px/1 var(--f-sans)}
  html .mfx .seg{gap:6px}
  html .mfx .seg button{padding:9px 4px;border-radius:12px}
  html .mfx .seg b{font-size:19px}
  html .mfx .seg span{font:600 9.5px/1 var(--f-sans);letter-spacing:.03em}
  html .mfx .note{font-size:12px}
  html .mfx .result{gap:14px}
  html .mfx .r-top .mono{font:700 10px/1.2 var(--f-sans);letter-spacing:.06em}
  html .mfx .r-big{grid-template-columns:auto 1fr;gap:14px;justify-items:stretch}
  html .mfx .ring{width:78px;height:78px}
  html .mfx .ring b{font-size:26px}
  html .mfx .ring span{font-size:8.5px}
  html .mfx .r-txt h3{font-size:18px;line-height:1.2}
  html .mfx .r-txt p{font-size:13px;line-height:1.45}
  html .mfx .tl{padding-block:36px 40px}
  html .mfx .tl-m span{font:600 9px/1.2 var(--f-sans);letter-spacing:.02em}
  html .mfx .tl-m span b{font-size:11px}
  html .mfx .steps{grid-template-columns:1fr 1fr;gap:7px}
  html .mfx .steps li{padding:10px;border-radius:12px;gap:4px}
  html .mfx .steps .mono{font:700 9.5px/1.2 var(--f-sans);letter-spacing:.04em}
  html .mfx .steps b{font-size:13px}
  html .mfx .steps span{font-size:12px}

  /* Depoimentos */
  html .mfx .vids{gap:10px}
  html .mfx .player{border-radius:16px}
  html .mfx .facade .play{width:56px;height:56px}
  html .mfx .facade .play svg{width:18px;height:18px}
  html .mfx .facade .cap{left:14px;right:14px;bottom:12px}
  html .mfx .facade .cap b{font-size:15px}
  html .mfx .testi{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:58%;gap:8px}
  html .mfx .tcard{border-radius:14px}
  html .mfx .tcard .tn b{font-size:15px}
  html .mfx .tcard .tn span{font:600 9.5px/1 var(--f-sans)}
  html .mfx .tcard .tp{width:32px;height:32px}

  /* Mari */
  html .mfx .mari .wrap{gap:18px}
  html .mfx .portrait{max-width:230px}
  html .mfx .portrait .badge{padding:9px 12px;border-radius:12px;left:-10px}
  html .mfx .portrait .badge b{font-size:22px}
  html .mfx .portrait .badge span{font-size:11px}
  html .mfx .mari-copy{gap:12px}
  html .mfx .mari-copy p{font-size:14.5px}
  html .mfx .mari-copy blockquote{font-size:16px;padding:16px 16px 16px 20px;border-radius:16px}
  html .mfx .tags span{font-size:12.5px;padding:6px 11px}

  /* Oferta */
  html .mfx .deal{border-radius:20px}
  html .mfx .deal-r{padding:24px 16px 20px;gap:12px}
  html .mfx .deal-l{padding:20px 16px;gap:12px}
  html .mfx .deal-l h3{font-size:19px}
  html .mfx .ribbon{font:700 10px/1 var(--f-sans);letter-spacing:.08em;padding:6px 11px}
  html .mfx .from{font-size:13.5px}
  html .mfx .price .x{font-size:13px}
  html .mfx .price .v{font-size:58px}
  html .mfx .price .c{font-size:14px}
  html .mfx .save{font-size:12px;padding:5px 10px}
  html .mfx .pay{font-size:11.5px;gap:4px 10px}
  html .mfx .items li{grid-template-columns:36px 1fr auto;gap:10px;padding:8px 0}
  html .mfx .items img{width:36px;height:36px;border-radius:8px}
  html .mfx .items small{font:600 9.5px/1.2 var(--f-sans);letter-spacing:.04em}
  html .mfx .items b{font-size:13.5px}
  html .mfx .items s{font-size:11.5px}
  html .mfx .extras span{font-size:12px;padding:6px 10px}
  html .mfx .guar{padding:18px 16px;gap:12px;border-radius:18px;grid-template-columns:auto 1fr}
  html .mfx .seal{width:70px;height:70px}
  html .mfx .seal .in{inset:11px}
  html .mfx .seal .in b{font-size:21px}
  html .mfx .guar h3{font-size:16.5px;margin-bottom:4px}
  html .mfx .guar p{font-size:13px}
  html .mfx .guar .wa{grid-column:1/-1;justify-self:stretch;justify-content:center}
  html .mfx .wa{padding:10px 14px;font-size:13.5px}

  /* FAQ */
  html .mfx .faq{gap:18px}
  html .mfx .faq-l{gap:12px}
  html .mfx .qa summary{padding:15px 0;font-size:14.5px;gap:12px}
  html .mfx .qa summary i{width:28px;height:28px}
  html .mfx .qa p{font-size:14px;padding-bottom:16px}

  /* Chamada final e rodapé */
  html .mfx .final{padding-block:8px 40px}
  html .mfx .band{border-radius:22px;padding:32px 18px;gap:14px}
  html .mfx .band .mf.xl{font-size:22px}
  html .mfx .band h2{font-size:26px;line-height:1.15}
  html .mfx .band p{font-size:14.5px}
  html .mfx .band .btn{width:100%}
  html .mfx .band small{font:600 10px/1.4 var(--f-sans);letter-spacing:.05em}
  html .mfx .wm-bg{font-size:76px}
  html .mfx footer{padding-block:22px 92px}
  html .mfx footer .wrap{justify-content:center;text-align:center;gap:10px;font-size:12.5px}
  html .mfx footer .mf{font-size:20px}

  /* Barra fixa */
  html .mfx .sbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:5px 5px 5px 14px;gap:10px}
  html .mfx .sbar .p{font-size:10.5px}
  html .mfx .sbar .p b{font-size:16px}
  html .mfx .sbar .btn{min-height:42px;padding:0 16px;font-size:13.5px}
}
@media (max-width:370px){
  html .mfx .hero h1{font-size:27px}
  html .mfx .stops{grid-template-columns:1fr}
  html .mfx .steps{grid-template-columns:1fr}
  html .mfx .ds{grid-template-columns:repeat(4,1fr)}
}

/* v1.1.1 · Correções: mapa e painel voltam ao layout de celular/tablet; logo não se repete no celular */
@media (max-width:860px){
  html .mfx .map{height:auto}
  html .mfx .panel{grid-template-columns:1fr}
}
@media (max-width:640px){
  html .mfx .brandline{display:none}
  html .mfx .map{margin-bottom:12px}
}

/* v1.2 · Como funciona depois da compra */
html .mfx .after{margin-top:16px;padding:clamp(18px,2.4vw,26px) clamp(18px,2.8vw,30px);border-radius:24px;background:var(--surface);border:1px solid var(--line)}
html .mfx .after h3{font-size:clamp(17px,1.5vw,21px);margin-bottom:14px}
html .mfx .after ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:a}
html .mfx .after li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--ink-2);counter-increment:a}
html .mfx .after li b{color:var(--ink)}
html .mfx .after li::before{content:counter(a);flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blush-2);color:var(--rose-ink);font:700 14px/1 var(--f-serif)}
@media (max-width:760px){html .mfx .after ol{grid-template-columns:1fr;gap:10px}}
@media (max-width:640px){html .mfx .after{padding:16px;border-radius:18px}html .mfx .after h3{font-size:16px;margin-bottom:10px}html .mfx .after li{font-size:13.5px}html .mfx .after li::before{width:26px;height:26px;font-size:12px}}


/* v1.3 · Logo única (sem menu no topo): a marca do topo aparece também no celular */
@media (max-width:640px){
  html .mfx .brandline{display:flex}
  html .mfx .brandline .by{display:none}
  html .mfx .hero{padding-top:22px}
}

/* v1.3 · Botões com efeito leve */
html .mfx .btn{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html .mfx .btn:hover{filter:saturate(1.08)}
html .mfx .btn:active{transform:scale(.97)}
html .mfx .btn i{transition:transform .25s ease}
html .mfx .btn:hover i{transform:translateX(3px)}
html .mfx .hero .cta-row .btn,html .mfx .deal-r .btn,html .mfx .vid-cta .btn,html .mfx .sbar .btn{animation:mfx-glow 2.6s ease-in-out infinite}
html .mfx .band .btn{animation:mfx-glow-w 2.6s ease-in-out infinite}
@keyframes mfx-glow{0%,100%{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 14px 30px -14px rgba(210,62,102,.7)}50%{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 18px 40px -12px rgba(210,62,102,.95),0 0 0 6px rgba(255,114,144,.13)}}
@keyframes mfx-glow-w{0%,100%{box-shadow:0 18px 36px -18px rgba(60,10,40,.6)}50%{box-shadow:0 22px 44px -16px rgba(60,10,40,.75),0 0 0 6px rgba(255,255,255,.2)}}
@media (max-width:640px){html .mfx .btn::after{display:block;animation-duration:5s}}
html .mfx .wa,html .mfx .more,html .mfx .link,html .mfx .seg button,html .mfx .stop{transition:transform .18s ease,background .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}
html .mfx .wa:active,html .mfx .more:active,html .mfx .seg button:active,html .mfx .stop:active{transform:scale(.97)}

/* v1.3 · Botão abaixo dos vídeos */
html .mfx .vid-cta{margin-top:clamp(20px,3vh,32px);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
html .mfx .vid-cta span{font-size:13px;color:var(--ink-3)}
@media (max-width:640px){html .mfx .vid-cta .btn{width:100%}html .mfx .vid-cta span{font-size:12px}}

/* v1.3 · Celular: botões e seções aparecem na hora, sem esperar animação */
@media (max-width:640px){
  html .mfx .hero .in,html .mfx .stage.in{animation:none}
  html.mfx-js .mfx .rv.pre{opacity:1;transform:none}
  html .mfx .rv{transition:none}
  html .mfx .float{animation:none}
}

/* v1.3 · Chat do WhatsApp */
html .mfx .wa-chat{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:bottom .35s cubic-bezier(.2,.8,.2,1)}
html.mfx-sbar-on .mfx .wa-chat{bottom:96px}
html .mfx .wa-fab{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 12px 28px -10px rgba(18,140,70,.7);cursor:pointer;transition:transform .2s ease;animation:mfx-wa 3s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
html .mfx .wa-fab:hover{transform:scale(1.06);background:#25D366}
html .mfx .wa-fab:active{transform:scale(.94)}
html .mfx .wa-fab svg{width:30px;height:30px}
html .mfx .wa-fab[aria-expanded="true"]{animation:none}
html .mfx .wa-dot{position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:var(--rose);border:2px solid #fff}
html .mfx .wa-fab[aria-expanded="true"] .wa-dot{display:none}
@keyframes mfx-wa{0%,100%{box-shadow:0 12px 28px -10px rgba(18,140,70,.7),0 0 0 0 rgba(37,211,102,.35)}50%{box-shadow:0 12px 28px -10px rgba(18,140,70,.7),0 0 0 10px rgba(37,211,102,0)}}
html .mfx .wa-teaser{max-width:230px;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2);font:600 13px/1.35 var(--f-sans);color:var(--ink);cursor:pointer;animation:mfx-rise .4s ease both}
html .mfx .wa-panel{width:min(340px,calc(100vw - 32px));border-radius:20px;overflow:hidden;background:#EFEAE2;box-shadow:0 24px 60px -20px rgba(30,20,40,.45);border:1px solid rgba(0,0,0,.06);animation:mfx-rise .3s cubic-bezier(.2,.8,.2,1) both}
html .mfx .wa-head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:#075E54;color:#fff}
html .mfx .wa-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;flex:none}
html .mfx .wa-av svg{width:22px;height:22px}
html .mfx .wa-who{display:grid;gap:1px;flex:1;min-width:0}
html .mfx .wa-who b{font:700 14.5px/1.2 var(--f-sans)}
html .mfx .wa-who span{font-size:12px;opacity:.85}
html .mfx .wa-x{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer}
html .mfx .wa-x svg{width:16px;height:16px;transform:rotate(45deg)}
html .mfx .wa-x:hover{background:rgba(255,255,255,.14);color:#fff}
html .mfx .wa-body{padding:14px;display:grid;gap:10px;max-height:min(50vh,360px);overflow:auto}
html .mfx .wa-bubble{justify-self:start;max-width:92%;padding:10px 12px;border-radius:4px 14px 14px 14px;background:#fff;font-size:14px;line-height:1.45;color:#1f2c34;box-shadow:0 1px 1px rgba(0,0,0,.06)}
html .mfx .wa-quick{display:grid;gap:6px}
html .mfx .wa-q{justify-self:end;max-width:92%;padding:9px 12px;border-radius:14px 4px 14px 14px;background:#D9FDD3;color:#1f2c34;font:600 13.5px/1.35 var(--f-sans);text-align:left;box-shadow:0 1px 1px rgba(0,0,0,.06);transition:transform .18s ease,background .2s ease}
html .mfx .wa-q:hover{background:#c8f5c0;color:#1f2c34}
html .mfx .wa-q:active{transform:scale(.97)}
html .mfx .wa-form{display:flex;gap:8px;padding:10px;background:#F0F2F5;margin:0}
html .mfx .wa-form input{flex:1;min-width:0;height:42px;padding:0 14px;border-radius:999px;border:0;background:#fff;font:400 14px/1 var(--f-sans);color:#1f2c34;outline:none;box-shadow:none;margin:0}
html .mfx .wa-form input:focus{box-shadow:0 0 0 2px #25D366}
html .mfx .wa-form button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;cursor:pointer;flex:none}
html .mfx .wa-form button:hover{background:#1fbe5a;color:#fff}
html .mfx .wa-form button svg{width:18px;height:18px}
html .mfx .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (max-width:640px){
  html .mfx .wa-chat{right:12px;bottom:14px}
  html.mfx-sbar-on .mfx .wa-chat{bottom:78px}
  html .mfx .wa-fab{width:52px;height:52px}
  html .mfx .wa-fab svg{width:27px;height:27px}
  html .mfx .wa-panel{width:calc(100vw - 24px)}
}
html body.elementor-editor-active .mfx .wa-chat{position:relative;right:auto;bottom:auto;margin:10px}
@media (prefers-reduced-motion:reduce){html .mfx .btn,html .mfx .wa-fab{animation:none!important}}

/* v1.3.2 · Barra fixa no celular aparece pronta: sem desfoque de fundo (pesado no iPhone) e sem animação no botão */
@media (max-width:900px){
  html .mfx .sbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;transition:transform .25s ease;will-change:transform}
  html .mfx .sbar .btn{animation:none;transition:none;background:linear-gradient(135deg,#FF8BA3 0%,var(--rose) 40%,var(--rose-ink) 100%);color:#fff}
  html .mfx .sbar .btn::after{display:none}
}

/* v1.3.3 · O carregamento preguiçoso de fundos do Elementor apagava o degradê do botão da barra fixa (ela fica na última seção) */
html body .e-con .mfx .sbar .btn.btn{background-image:linear-gradient(135deg,#FF8BA3 0%,var(--rose) 40%,var(--rose-ink) 100%)!important}
html body .e-con .mfx :not(.band)>.btn.btn{background-image:linear-gradient(135deg,#FF8BA3 0%,var(--rose) 40%,var(--rose-ink) 100%)!important}
