/* max-entra.us — prefix mx4e — plain CSS, no frameworks */
:root{
  --mxq-navy:#092444;
  --mxq-deep:#05172d;
  --mxq-steel:#bcbec0;
  --mxq-mist:#eef1f5;
  --mxq-paper:#ffffff;
  --mxq-ink:#141a22;
  --mxq-soft:#4a5565;
  --mxq-cobalt:#1f5fbf;
  --mxq-cobalt-2:#2f7ae0;
  --mxq-line:#d7dce3;
  --mxq-head:"Archivo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mxq-body:"Public Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mxq-wrap:1220px;
  --mxq-r:18px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;font-family:var(--mxq-body);font-size:19px;line-height:1.7;color:var(--mxq-ink);background:var(--mxq-mist)}
img{max-width:100%;height:auto;display:block}
a{color:var(--mxq-cobalt)}
a:hover{color:var(--mxq-navy)}
:focus-visible{outline:3px solid var(--mxq-cobalt-2);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--mxq-head);line-height:1.15;color:var(--mxq-navy);margin:0 0 .5em}
h1{font-size:clamp(38px,5.4vw,62px);font-weight:800;letter-spacing:-.02em}
h2{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.015em}
h3{font-size:clamp(22px,2vw,26px);font-weight:700}
p{margin:0 0 1em}
.mx4e-wrap{max-width:var(--mxq-wrap);margin:0 auto;padding:0 24px}
.mx4e-skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 16px;z-index:200;border-radius:8px}
.mx4e-skip:focus{left:12px}
.mx4e-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* top note */
.mx4e-note{background:var(--mxq-deep);color:#dfe5ee;font-size:15px}
.mx4e-note .mx4e-wrap{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}

/* header */
.mx4e-top{position:sticky;top:0;z-index:100;background:var(--mxq-navy);border-bottom:4px solid var(--mxq-steel)}
.mx4e-topin{display:flex;align-items:center;gap:20px;min-height:76px}
.mx4e-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-family:var(--mxq-head);font-weight:800;font-size:26px;letter-spacing:.04em}
.mx4e-brand:hover{color:#fff}
.mx4e-bars{display:flex;gap:4px;height:28px}
.mx4e-bars i{display:block;width:5px;background:#fff}
.mx4e-bars i:last-child{background:var(--mxq-steel)}
.mx4e-nav{display:flex;gap:0;margin-left:auto}
.mx4e-nav a{white-space:nowrap;color:#e6ebf2;text-decoration:none;font-weight:600;font-size:17px;padding:8px 11px;border-radius:8px}
.mx4e-nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.mx4e-btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,var(--mxq-cobalt-2),var(--mxq-cobalt));color:#fff;text-decoration:none;font-family:var(--mxq-head);font-weight:700;font-size:18px;padding:13px 26px;border-radius:999px;border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 22px rgba(31,95,191,.35);transition:transform .15s ease}
.mx4e-btn:hover{color:#fff;transform:translateY(-1px)}
.mx4e-btn.mx4e-big{font-size:21px;padding:17px 36px}
.mx4e-ghost{display:inline-flex;align-items:center;padding:15px 28px;border-radius:999px;border:2px solid var(--mxq-navy);color:var(--mxq-navy);text-decoration:none;font-weight:700;font-family:var(--mxq-head)}
.mx4e-ghost:hover{background:var(--mxq-navy);color:#fff}
.mx4e-menu{display:none;margin-left:auto}
.mx4e-menu:not([open]) .mx4e-drop{display:none}
.mx4e-menu summary{list-style:none;cursor:pointer;width:46px;height:46px;border-radius:10px;border:2px solid rgba(255,255,255,.35);display:grid;place-items:center}
.mx4e-menu summary::-webkit-details-marker{display:none}
.mx4e-menu summary span,.mx4e-menu summary span::before,.mx4e-menu summary span::after{display:block;width:22px;height:2px;background:#fff;position:relative;content:""}
.mx4e-menu summary span::before{position:absolute;top:-7px}.mx4e-menu summary span::after{position:absolute;top:7px}
.mx4e-drop{position:absolute;left:0;right:0;top:100%;background:var(--mxq-navy);padding:12px 24px 22px;display:grid;gap:2px;border-bottom:4px solid var(--mxq-steel)}
.mx4e-drop a{color:#fff;text-decoration:none;padding:11px 4px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}
.mx4e-drop .mx4e-btn{margin-top:12px;border-bottom:0}

/* hero */
.mx4e-hero{background:radial-gradient(1200px 600px at 75% 30%,#123a6b 0%,var(--mxq-navy) 45%,var(--mxq-deep) 100%);color:#e9eef5;padding:64px 0 76px;position:relative;overflow:hidden}
.mx4e-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 60px);pointer-events:none}
.mx4e-hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start;position:relative}
.mx4e-hvis{position:relative}
.mx4e-hero h1{color:#fff}
.mx4e-hero h1 small{display:block;font-size:.5em;font-weight:600;color:var(--mxq-steel);letter-spacing:0;margin-top:12px;line-height:1.3}
.mx4e-pill{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:600;font-size:16px;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.mx4e-lead{font-size:21px;color:#fff}
.mx4e-hero p{color:#d6dee9}
.mx4e-checks{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.mx4e-checks li{position:relative;padding-left:34px;font-weight:600;color:#fff}
.mx4e-checks li::before{content:"";position:absolute;left:0;top:5px;width:22px;height:22px;border-radius:50%;background:var(--mxq-cobalt-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.mx4e-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:26px 0 14px}
.mx4e-hero .mx4e-ghost{border-color:rgba(255,255,255,.6);color:#fff}
.mx4e-hero .mx4e-ghost:hover{background:#fff;color:var(--mxq-navy)}
.mx4e-tiny{font-size:15px;color:#aebbd0}
.mx4e-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18);border-radius:14px;overflow:hidden;margin:24px 0 0}
.mx4e-facts div{background:rgba(5,23,45,.75);padding:14px 16px}
.mx4e-facts dt{font-size:14px;color:var(--mxq-steel)}
.mx4e-facts dd{margin:0;font-weight:700;color:#fff;font-size:17px}

.mx4e-stage{position:relative;aspect-ratio:1/1;max-width:560px;margin:0 auto;width:100%}
.mx4e-glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(70,140,230,.65) 0%,rgba(47,122,224,.25) 40%,transparent 70%);filter:blur(10px);animation:mx4e-pulse 6s ease-in-out infinite}
.mx4e-ring{position:absolute;inset:2%;width:96%;height:96%;animation:mx4e-spin 40s linear infinite}
.mx4e-ring circle{fill:none;stroke:rgba(188,190,192,.45);stroke-width:1.2}
.mx4e-ring .mx4e-dash{stroke:#fff;stroke-dasharray:4 14;stroke-width:2;opacity:.5}
.mx4e-plinth{position:absolute;left:14%;right:14%;bottom:7%;height:12%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%)}
.mx4e-bottle{position:absolute;inset:6% 10% 10%;width:80%;height:84%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.mx4e-fl{position:absolute;background:#fff;color:var(--mxq-navy);border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px rgba(0,0,0,.3);line-height:1.2;border-left:5px solid var(--mxq-cobalt)}
.mx4e-fl b{display:block;font-family:var(--mxq-head);font-size:20px}
.mx4e-fl small{font-size:14px;color:var(--mxq-soft)}
.mx4e-fl1{top:8%;left:-2%}.mx4e-fl2{top:14%;right:-4%}.mx4e-fl3{bottom:22%;left:-6%}.mx4e-fl4{bottom:12%;right:-2%}
@keyframes mx4e-spin{to{transform:rotate(360deg)}}
@keyframes mx4e-pulse{50%{transform:scale(1.06);opacity:.85}}

/* capsule teardown (hero) */
.mx4e-tear{--o:1;position:relative;width:min(100%,560px);margin:28px auto 0;padding:26px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.7);transition:transform .3s,box-shadow .3s}
.mx4e-tear::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--t4a,0deg),transparent 0 72%,var(--mxq-cobalt-2) 86%,#fff 90%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mx4e-ring4 6s linear infinite;pointer-events:none}
@property --t4a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes mx4e-ring4{to{--t4a:360deg}}
.mx4e-tear:hover{transform:translateY(-4px);box-shadow:0 40px 70px -30px rgba(31,95,191,.6)}
.mx4e-tear-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.mx4e-hero .mx4e-tear-kick{margin:0 0 6px;font-family:var(--mxq-head);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8fb8f0}
.mx4e-tear-h{margin:0;font-size:24px;color:#fff}
.mx4e-tear-top img{flex:none;width:76px;height:76px;object-fit:contain;animation:mx4e-seal 5s ease-in-out infinite}
@keyframes mx4e-seal{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg) scale(1.06)}}
.mx4e-cap{display:block;width:100%;max-width:400px;margin:14px auto 6px;overflow:visible;animation:mx4e-bob 5s ease-in-out infinite}
@keyframes mx4e-bob{50%{transform:translateY(-8px)}}
.mx4e-cap .l,.mx4e-cap .r{transition:transform .2s}
.mx4e-cap .l{transform:translateX(calc(var(--o) * -34px))}
.mx4e-cap .r{transform:translateX(calc(var(--o) * 34px))}
.mx4e-cap .bits{opacity:var(--o);transform-origin:200px 65px;transform:scale(calc(.4 + var(--o) * .9));transition:opacity .2s,transform .2s}
.mx4e-cap .bits rect{transform-box:fill-box;transform-origin:center;animation:mx4e-bit 3s ease-in-out infinite}
.mx4e-cap .bits rect:nth-child(2n){animation-delay:-1s;animation-duration:3.6s}
.mx4e-cap .bits rect:nth-child(3n){animation-delay:-2s;animation-duration:2.6s}
@keyframes mx4e-bit{50%{transform:translateY(-7px) rotate(45deg)}}
.mx4e-cap .glow{opacity:var(--o);transform-box:fill-box;transform-origin:center;animation:mx4e-glow 2.4s ease-in-out infinite}
@keyframes mx4e-glow{50%{transform:scale(1.25);opacity:calc(var(--o) * .5)}}
.mx4e-cap .shine{animation:mx4e-shine 3.6s ease-in-out infinite}
@keyframes mx4e-shine{0%,40%{transform:translateX(0)}100%{transform:translateX(240px)}}
.mx4e-tear-list{list-style:none;margin:0;padding:0}
.mx4e-tear-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,38%) 96px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:16.5px;transition:background .2s,padding .2s}
.mx4e-tear-list li:hover{background:rgba(255,255,255,.06);padding-left:8px;padding-right:8px;border-radius:12px}
.mx4e-tear-list span{font-weight:700;color:#fff;line-height:1.3}
.mx4e-tear-list i{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.mx4e-tear-list i b{position:relative;overflow:hidden;display:block;height:100%;width:calc(var(--v) * var(--o));border-radius:inherit;background:linear-gradient(90deg,var(--mxq-cobalt),#5fa0f5);box-shadow:0 0 12px rgba(47,122,224,.7);transition:width .2s}
.mx4e-tear-list .mi i b{background:var(--mxq-steel);box-shadow:none}
.mx4e-tear-list i b::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-100%);animation:mx4e-barsh 2.8s ease-in-out infinite}
@keyframes mx4e-barsh{60%,100%{transform:translateX(100%)}}
.mx4e-tear-list em{font-style:normal;font-family:var(--mxq-head);font-weight:800;color:#8fb8f0;text-align:right;white-space:nowrap}
.mx4e-tear-list .mi em{color:var(--mxq-steel)}
.mx4e-tear-open{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:16px;font-weight:700;color:#fff;font-size:16.5px}
.mx4e-tear-open input{width:100%;height:32px;accent-color:var(--mxq-cobalt-2)}
.mx4e-hero .mx4e-tear-sum{margin:12px 0 8px;padding:12px 16px;border-radius:14px;background:rgba(47,122,224,.18);border:1px solid rgba(47,122,224,.4);font-size:16px;line-height:1.5;color:#d6dee9}
.mx4e-tear-sum b{color:#fff}
.mx4e-hero .mx4e-tear-note{margin:0;font-size:14.5px;color:var(--mxq-steel)}
/* reveal on scroll (classes added by site.js) */
.mx4e-tear.pre .l,.mx4e-tear.pre .r{transform:translateX(0)}
.mx4e-tear.pre .bits,.mx4e-tear.pre .glow{opacity:0}
.mx4e-tear.pre .mx4e-tear-list li{opacity:0;transform:translateX(16px)}
.mx4e-tear.pre .mx4e-tear-list i b{transform:scaleX(0)}
.mx4e-tear.go .l,.mx4e-tear.go .r{animation:mx4e-shut .9s cubic-bezier(.2,.8,.2,1.2) .2s backwards}
@keyframes mx4e-shut{from{transform:translateX(0)}}
.mx4e-tear.go .mx4e-tear-list li{animation:mx4e-row .5s ease-out backwards}
.mx4e-tear.go .mx4e-tear-list i b{transform-origin:left;animation:mx4e-grow .9s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes mx4e-row{from{opacity:0;transform:translateX(16px)}}
@keyframes mx4e-grow{from{transform:scaleX(0)}}
.mx4e-tear.go li:nth-child(1),.mx4e-tear.go li:nth-child(1) b{animation-delay:.5s}
.mx4e-tear.go li:nth-child(2),.mx4e-tear.go li:nth-child(2) b{animation-delay:.6s}
.mx4e-tear.go li:nth-child(3),.mx4e-tear.go li:nth-child(3) b{animation-delay:.7s}
.mx4e-tear.go li:nth-child(4),.mx4e-tear.go li:nth-child(4) b{animation-delay:.8s}
.mx4e-tear.go li:nth-child(5),.mx4e-tear.go li:nth-child(5) b{animation-delay:.9s}
.mx4e-tear.go li:nth-child(6),.mx4e-tear.go li:nth-child(6) b{animation-delay:1s}
.mx4e-tear.go li:nth-child(7),.mx4e-tear.go li:nth-child(7) b{animation-delay:1.1s}

/* section shell (split like a journal) */
.mx4e-band{padding:84px 0;background:var(--mxq-paper)}
.mx4e-band.mx4e-tint{background:var(--mxq-mist)}
.mx4e-band.mx4e-dark{background:var(--mxq-navy);color:#dfe6ef}
.mx4e-band.mx4e-dark h2,.mx4e-band.mx4e-dark h3{color:#fff}
.mx4e-bgrid{display:grid;grid-template-columns:330px 1fr;gap:56px;align-items:start}
.mx4e-bh{position:sticky;top:110px}
.mx4e-bgrid>*,.mx4e-hgrid>*,.mx4e-split>*{min-width:0}
.mx4e-mark{display:flex;gap:5px;height:34px;margin-bottom:18px}
.mx4e-mark i{width:7px;background:var(--mxq-navy)}
.mx4e-mark i:last-child{background:var(--mxq-steel)}
.mx4e-dark .mx4e-mark i{background:#fff}.mx4e-dark .mx4e-mark i:last-child{background:var(--mxq-steel)}
.mx4e-lede{font-size:19px;color:var(--mxq-soft)}
.mx4e-dark .mx4e-lede{color:#c3cede}
.mx4e-center{text-align:center}
.mx4e-headc{max-width:860px;margin:0 auto 44px;text-align:center}
.mx4e-headc .mx4e-mark{justify-content:center}
.mx4e-headc h2{font-size:clamp(34px,4.2vw,50px)}
.mx4e-small{font-size:16px;color:var(--mxq-soft)}
.mx4e-dark .mx4e-small{color:#b6c3d6}
.mx4e-figure{margin:0 0 28px;border-radius:var(--mxq-r);overflow:hidden;box-shadow:0 20px 44px rgba(9,36,68,.16);background:#fff}
.mx4e-figure figcaption{font-size:15px;color:var(--mxq-soft);padding:12px 16px;background:#fff}

/* why choose */
.mx4e-why{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.mx4e-why article{background:#fff;border-radius:var(--mxq-r);padding:28px 22px;text-align:center;border-top:6px solid var(--mxq-navy);box-shadow:0 12px 30px rgba(9,36,68,.08)}
.mx4e-why img{width:110px;height:110px;object-fit:contain;margin:0 auto 14px}
.mx4e-why p{font-size:17px;color:var(--mxq-soft);margin:0}

/* pricing */
.mx4e-price{background:linear-gradient(180deg,var(--mxq-navy) 0 46%,var(--mxq-mist) 46% 100%);padding:80px 0}
.mx4e-price .mx4e-headc h2{color:#fff}
.mx4e-price .mx4e-headc p{color:#cfd8e5;font-size:21px}
.mx4e-price .mx4e-mark i{background:#fff}.mx4e-price .mx4e-mark i:last-child{background:var(--mxq-steel)}
.mx4e-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.mx4e-card{background:#fff;border-radius:22px;padding:28px 26px 26px;text-align:center;position:relative;box-shadow:0 22px 50px rgba(5,23,45,.18);display:flex;flex-direction:column;border:2px solid transparent}
.mx4e-card.mx4e-best{border-color:var(--mxq-cobalt);transform:translateY(-12px)}
.mx4e-flag{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--mxq-cobalt);color:#fff;font-weight:700;font-size:15px;padding:6px 18px;border-radius:999px;white-space:nowrap}
.mx4e-card h3{font-size:28px;margin:6px 0 2px}
.mx4e-supply{color:var(--mxq-soft);font-size:17px;margin:0 0 10px}
.mx4e-card img{height:220px;width:100%;object-fit:contain;margin:6px 0 10px}
.mx4e-per{font-family:var(--mxq-head);font-size:56px;font-weight:800;color:var(--mxq-navy);line-height:1}
.mx4e-per small{font-size:18px;font-weight:600;color:var(--mxq-soft)}
.mx4e-tot{margin:12px 0 4px;font-size:19px}
.mx4e-tot s{color:#8a94a3;margin-right:6px}
.mx4e-tot b{font-size:24px;color:var(--mxq-ink)}
.mx4e-list{list-style:none;padding:0;margin:12px 0 20px;text-align:left;display:grid;gap:6px;font-size:17px}
.mx4e-list li{padding-left:28px;position:relative}
.mx4e-list li::before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;background:var(--mxq-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.mx4e-card .mx4e-btn{margin-top:auto;width:100%}
.mx4e-pnote{text-align:center;color:var(--mxq-soft);font-size:16px;margin-top:30px}

/* split blocks */
.mx4e-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;margin-bottom:28px}
.mx4e-split img{border-radius:var(--mxq-r);background:#fff}
.mx4e-cols2{columns:2;column-gap:40px}
.mx4e-cols2 p{break-inside:avoid}

/* steps */
.mx4e-steps{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.mx4e-steps li{background:#fff;border-radius:var(--mxq-r);padding:24px;border:1px solid var(--mxq-line);counter-increment:s}
.mx4e-steps li::before{content:counter(s);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--mxq-navy);color:#fff;font-family:var(--mxq-head);font-weight:800;font-size:21px;margin-bottom:12px}
.mx4e-steps p{font-size:17px;color:var(--mxq-soft);margin:0}

/* reviews */
.mx4e-rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mx4e-rc{background:#fff;border-radius:var(--mxq-r);padding:28px 24px;border-top:6px solid var(--mxq-cobalt);box-shadow:0 14px 32px rgba(9,36,68,.09);display:flex;flex-direction:column}
.mx4e-rc img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid var(--mxq-mist);margin-bottom:14px}
.mx4e-tag{display:inline-block;align-self:flex-start;background:var(--mxq-mist);color:var(--mxq-navy);font-size:14px;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:10px}
.mx4e-rc h3{font-size:22px}
.mx4e-rc p{font-size:17px;color:var(--mxq-soft)}
.mx4e-rc .mx4e-who{margin-top:auto;font-weight:700;color:var(--mxq-ink);font-size:16px}
.mx4e-pc{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.mx4e-pc div{background:#fff;border-radius:var(--mxq-r);padding:24px;border:1px solid var(--mxq-line)}
.mx4e-pc ul{margin:0;padding-left:20px;font-size:17px}

/* badges */
.mx4e-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.mx4e-badges figure{margin:0;background:#fff;border-radius:var(--mxq-r);padding:22px 16px;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.mx4e-badges img{width:104px;height:104px;object-fit:contain;margin:0 auto 10px}
.mx4e-badges figcaption b{display:block;font-family:var(--mxq-head);color:var(--mxq-navy);font-size:19px}
.mx4e-badges figcaption span{font-size:15px;color:var(--mxq-soft);line-height:1.5;display:block;margin-top:4px}

/* ingredients */
.mx4e-ing{display:grid;gap:16px;margin:24px 0}
.mx4e-ing article{background:#fff;border-radius:var(--mxq-r);padding:22px 24px;border-left:6px solid var(--mxq-navy);box-shadow:0 8px 22px rgba(9,36,68,.06)}
.mx4e-ing h3{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.mx4e-ing h3 span{font-family:var(--mxq-body);font-size:17px;font-weight:700;background:var(--mxq-navy);color:#fff;padding:3px 12px;border-radius:999px}
.mx4e-ing p{font-size:17.5px;margin:0 0 .5em}
.mx4e-alert{background:#fff8e6;border:1px solid #f0d58a;border-radius:var(--mxq-r);padding:20px 22px;font-size:17px}
.mx4e-tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--mxq-r);overflow:hidden;font-size:17px}
.mx4e-tbl th,.mx4e-tbl td{padding:12px 16px;border-bottom:1px solid var(--mxq-line);text-align:left}
.mx4e-tbl th{background:var(--mxq-navy);color:#fff;font-family:var(--mxq-head)}
.mx4e-scroll{overflow-x:auto;border-radius:var(--mxq-r)}

/* quality */
.mx4e-q3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mx4e-q3 article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--mxq-r);padding:28px 24px}
.mx4e-q3 p{font-size:17px;margin:0}

/* benefits */
.mx4e-ben{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}
.mx4e-ben li{display:grid;grid-template-columns:44px 1fr;gap:16px;background:#fff;border:1px solid var(--mxq-line);border-radius:16px;padding:20px 22px}
.mx4e-ben li::before{content:"";width:40px;height:40px;border-radius:50%;background:var(--mxq-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/20px no-repeat}
.mx4e-ben h3{font-size:22px;margin-bottom:6px}
.mx4e-ben p{font-size:17.5px;margin:0 0 .5em;color:#2b3442}

/* guarantee */
.mx4e-guar{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:center;background:#fff;border-radius:24px;padding:36px;border:2px dashed var(--mxq-steel)}
.mx4e-guar img{width:210px;height:210px}
.mx4e-wk{list-style:none;padding:0;margin:20px 0 6px;display:grid;grid-template-columns:repeat(9,1fr);gap:6px}
.mx4e-wk li{text-align:center;font-size:14px;font-weight:700;color:var(--mxq-navy)}
.mx4e-wk li i{display:block;height:10px;border-radius:6px;background:var(--mxq-navy);opacity:calc(.35 + var(--i) * .08);margin-bottom:6px}

/* blog teasers */
.mx4e-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mx4e-posts article{background:#fff;border-radius:var(--mxq-r);padding:26px 24px;border:1px solid var(--mxq-line)}
.mx4e-posts h3 a{color:var(--mxq-navy);text-decoration:none}
.mx4e-posts h3 a:hover{text-decoration:underline}
.mx4e-posts p{font-size:17px;color:var(--mxq-soft)}
.mx4e-posts small{color:var(--mxq-soft);font-size:15px}

/* faq */
.mx4e-faq{display:grid;gap:12px}
.mx4e-faq details{background:#fff;border-radius:14px;border:1px solid var(--mxq-line)}
.mx4e-faq summary{cursor:pointer;list-style:none;padding:18px 56px 18px 22px;font-family:var(--mxq-head);font-weight:700;font-size:20px;color:var(--mxq-navy);position:relative}
.mx4e-faq summary::-webkit-details-marker{display:none}
.mx4e-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:28px;color:var(--mxq-cobalt)}
.mx4e-faq details[open] summary::after{content:"−"}
.mx4e-faq details>div{padding:0 22px 18px;font-size:18px}

/* final */
.mx4e-final{background:radial-gradient(900px 500px at 50% 40%,#16457c,var(--mxq-navy) 55%,var(--mxq-deep));color:#fff;text-align:center;padding:90px 0}
.mx4e-final h2{color:#fff;font-size:clamp(34px,4.6vw,56px);max-width:900px;margin:0 auto 18px}
.mx4e-final img{max-width:560px;width:100%;margin:10px auto 18px;filter:drop-shadow(0 26px 36px rgba(0,0,0,.45))}
.mx4e-final .mx4e-reg{font-size:22px;color:var(--mxq-steel)}
.mx4e-final .mx4e-now{font-family:var(--mxq-head);font-size:clamp(32px,4vw,46px);font-weight:800;margin:4px 0 24px}
.mx4e-final .mx4e-btn{font-size:24px;padding:20px 56px;min-width:min(520px,100%)}

/* page hero (inner pages) */
.mx4e-phero{background:var(--mxq-navy);color:#dfe6ef;padding:60px 0 50px;border-bottom:4px solid var(--mxq-steel)}
.mx4e-phero h1{color:#fff;font-size:clamp(34px,4.6vw,54px)}
.mx4e-crumb{font-size:15px;color:var(--mxq-steel);margin-bottom:14px}
.mx4e-crumb a{color:#fff}
.mx4e-prose{max-width:860px}
.mx4e-prose h2{font-size:clamp(28px,3vw,36px);margin-top:1.4em}
.mx4e-prose h3{margin-top:1.2em}
.mx4e-prose ul,.mx4e-prose ol{padding-left:22px}
.mx4e-prose li{margin-bottom:.4em}
.mx4e-article{background:#fff;border-radius:22px;padding:40px;margin-bottom:34px;box-shadow:0 12px 30px rgba(9,36,68,.07)}
.mx4e-article small{color:var(--mxq-soft);font-size:15px}
.text-link{color:inherit;text-decoration:none;font:inherit;font-weight:inherit}

/* footer */
.mx4e-foot{background:var(--mxq-deep);color:#b8c3d3;padding:64px 0 110px;font-size:16px}
.mx4e-fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;margin-bottom:34px}
.mx4e-foot h4{color:#fff;font-size:19px}
.mx4e-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.mx4e-foot a{color:#dfe6ef;text-decoration:none}
.mx4e-foot a:hover{text-decoration:underline;color:#fff}
.mx4e-legal{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;font-size:15px;line-height:1.65}

/* sticky dock */
.mx4e-dock{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:90;background:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 12px 34px rgba(0,0,0,.25);align-items:center;gap:10px}
.mx4e-dock .mx4e-btn{flex:1;padding:12px 16px;font-size:17px}
.mx4e-dock small{font-size:14px;color:var(--mxq-soft);line-height:1.2}
.mx4e-dock button{background:none;border:0;font-size:26px;color:#7a8594;cursor:pointer;width:34px;height:34px}

/* responsive */
@media (max-width:1400px){
  .mx4e-nav a{padding:8px 7px;font-size:16px}
  .mx4e-topbtn .mx4e-btn{padding:11px 18px;font-size:16px}
  .mx4e-brand{font-size:22px}
}
@media (max-width:1180px){
  .mx4e-nav,.mx4e-topbtn{display:none}
  .mx4e-menu{display:block}
}
@media (max-width:980px){
  body{font-size:18px}
  .mx4e-nav,.mx4e-topbtn{display:none}
  .mx4e-menu{display:block}
  .mx4e-hgrid,.mx4e-bgrid,.mx4e-split{grid-template-columns:1fr}
  .mx4e-hvis{display:contents}
  .mx4e-stage{order:-1}
  .mx4e-tear{order:-1;margin-top:0}
  .mx4e-bh{position:static}
  .mx4e-why{grid-template-columns:1fr 1fr}
  .mx4e-cards{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .mx4e-card.mx4e-best{transform:none;order:-1}
  .mx4e-rgrid,.mx4e-q3,.mx4e-posts{grid-template-columns:1fr}
  .mx4e-badges{grid-template-columns:repeat(2,1fr)}
  .mx4e-steps{grid-template-columns:1fr}
  .mx4e-fcols{grid-template-columns:1fr 1fr}
  .mx4e-cols2{columns:1}
  .mx4e-dock{display:flex}
  .mx4e-dock[hidden]{display:none}
}
@media (max-width:620px){
  .mx4e-checks,.mx4e-pc,.mx4e-fcols{grid-template-columns:1fr}
  .mx4e-facts{grid-template-columns:1fr 1fr}
  .mx4e-why{grid-template-columns:1fr}
  .mx4e-guar{grid-template-columns:1fr;text-align:center;padding:26px}
  .mx4e-guar img{margin:0 auto}
  .mx4e-fl b{font-size:17px}.mx4e-fl small{font-size:12px}
  .mx4e-fl1,.mx4e-fl3{left:0}.mx4e-fl2,.mx4e-fl4{right:0}
  .mx4e-band{padding:60px 0}
  .mx4e-btn{white-space:normal;text-align:center;max-width:100%}
  .mx4e-btn.mx4e-big,.mx4e-final .mx4e-btn{font-size:19px;padding:16px 22px}
  .mx4e-final .mx4e-btn{min-width:0;width:100%}
  .mx4e-article{padding:26px 20px}
  .mx4e-note .mx4e-wrap{gap:4px 16px;font-size:14px}
  .mx4e-tear{padding:20px 16px
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}