/* Metavchim — base styles (site-wide). Compact rules by design (minified-style). */

@font-face{font-family:Almoni;src:url("../fonts/almoni-regular-aaa.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Almoni;src:url("../fonts/almoni-medium-aaa.woff") format("woff");font-weight:500 600;font-display:swap}
@font-face{font-family:Almoni;src:url("../fonts/almoni-bold-aaa.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Almoni;src:url("../fonts/almoni-ultrabold-aaa.woff") format("woff");font-weight:800 900;font-display:swap}

:root{
--mv-ink:#0E100F;--mv-black:#0A0C0B;--mv-green:#70EE91;--mv-green-hover:#5FE083;
--mv-green-aa:#0B6E35;--mv-green-mid:#3FBF63;--mv-green-link:#0F8A43;
--mv-tint:#E5FCEA;--mv-pale:#F2FCF5;--mv-bg:#F4F6F2;--mv-border:#E2E7DF;--mv-border-in:#E8ECE6;
--mv-text2:#5B625C;--mv-text3:#3c443d;--mv-muted:#6B736C;--mv-muted2:#8A918B;--mv-red:#EE4E4E;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
/* overflow-x:clip (not hidden) — hidden would create a scroll container and break position:sticky on the nav */
html,body{overflow-x:clip}
body{margin:0;padding:0;background:var(--mv-bg);color:var(--mv-ink);font-family:Almoni,system-ui,sans-serif;font-size:1rem;line-height:1.6}
img{max-width:100%;height:auto}
svg{display:inline-block;vertical-align:middle}
a{color:var(--mv-green-aa);text-decoration:none}
a:hover{color:var(--mv-ink)}
button{font-family:inherit}
.mv-page{overflow:visible}
.mv-ltr{direction:ltr;unicode-bidi:isolate}
.mv-dot{color:var(--mv-green-mid)}

/* Accessibility basics */
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
.skip-link:focus{position:fixed;top:12px;inset-inline-start:12px;z-index:100;width:auto;height:auto;margin:0;padding:12px 20px;clip:auto;clip-path:none;background:var(--mv-ink);color:#fff;font-weight:800;font-size:0.9375rem;border-radius:11px;white-space:normal}
:focus-visible{outline:3px solid var(--mv-green-aa);outline-offset:2px;border-radius:4px}
.mv-hero :focus-visible,.mv-on-dark :focus-visible{outline-color:var(--mv-green)}

/* ===== Sticky nav pill ===== */
.mv-topbar{position:sticky;top:0;z-index:40;padding:16px 28px 0}
.mv-nav-pill{max-width:1240px;margin:0 auto;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--mv-border);border-radius:16px;padding:12px 18px;display:flex;align-items:center;gap:30px;box-shadow:0 6px 24px rgba(14,16,15,.05)}
.mv-brand{display:flex;align-items:center;gap:10px;color:var(--mv-ink)}
.mv-brand-name{font-size:1.25rem;font-weight:900;color:var(--mv-ink)}
.mv-nav-list{display:flex;gap:22px;margin:0;padding:0;list-style:none;font-size:0.875rem;font-weight:600}
.mv-nav-list a{color:var(--mv-text2);transition:color .18s ease}
.mv-nav-list a:hover{color:var(--mv-ink)}
.mv-nav-actions{margin-inline-start:auto;display:flex;align-items:center;gap:14px}
.mv-login{font-size:0.875rem;font-weight:700;color:var(--mv-ink)}
.mv-btn-dark{display:inline-block;background:var(--mv-ink);color:#fff;font-size:0.875rem;font-weight:800;padding:11px 20px;border-radius:11px;transition:transform .18s ease,box-shadow .18s ease}
.mv-btn-dark:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(14,16,15,.24)}
.mv-nav-toggle{display:none;background:none;border:1px solid var(--mv-border);border-radius:10px;padding:8px;color:var(--mv-ink);cursor:pointer}

/* ===== Footer ===== */
.mv-footer{padding:0 28px 50px}
.mv-footer-inner{max-width:1240px;margin:0 auto;border-top:1px solid var(--mv-border);padding-top:26px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:0.84375rem;color:var(--mv-muted)}
.mv-footer-brand-name{font-size:1.0625rem}
.mv-footer-list{display:flex;gap:20px;margin:0;padding:0;list-style:none}
.mv-footer-list a{color:var(--mv-muted)}
.mv-footer-list a:hover{color:var(--mv-ink)}
.mv-copy{margin-inline-start:auto}

/* ===== Content pages (legal, accessibility statement) ===== */
.mv-content-page{padding:60px 28px 90px}
.mv-article{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--mv-border);border-radius:24px;padding:52px 56px}
.mv-article-title{margin:0 0 26px;font-size:2.625rem;font-weight:900;letter-spacing:-.03em;line-height:1.1}
.mv-article-body{font-size:1.0625rem;line-height:1.75;color:var(--mv-text3)}
.mv-article-body h2{font-size:1.625rem;font-weight:900;letter-spacing:-.02em;margin:36px 0 12px;color:var(--mv-ink)}
.mv-article-body h3{font-size:1.25rem;font-weight:800;margin:28px 0 10px;color:var(--mv-ink)}
.mv-article-body a{text-decoration:underline;text-underline-offset:3px}
.mv-article-body table{border-collapse:collapse;width:100%}
.mv-article-body th,.mv-article-body td{border:1px solid var(--mv-border);padding:10px 14px;text-align:start}
.mv-article-body th{background:var(--mv-pale)}
.pagination{max-width:820px;margin:26px auto 0;font-weight:700}

.mv-credit strong{color:var(--mv-ink);font-weight:800}

/* ===== Sticky trial CTA (always visible) ===== */
.mv-sticky-cta{position:fixed;bottom:22px;inset-inline-end:22px;z-index:90;display:inline-flex;align-items:center;gap:8px;background:var(--mv-green);color:var(--mv-black);font-size:0.9375rem;font-weight:800;padding:14px 22px;border-radius:999px;box-shadow:0 14px 36px rgba(112,238,145,.4),0 4px 14px rgba(14,16,15,.18);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.mv-sticky-cta:hover{background:var(--mv-green-hover);color:var(--mv-black);transform:translateY(-3px);box-shadow:0 20px 46px rgba(112,238,145,.5),0 6px 16px rgba(14,16,15,.2)}

/* ===== Accessibility toolbar ===== */
.mv-a11y{position:fixed;bottom:22px;inset-inline-start:22px;z-index:90}
.mv-a11y-btn{width:52px;height:52px;border-radius:999px;border:0;background:var(--mv-ink);color:var(--mv-green);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(14,16,15,.3);transition:transform .18s ease}
.mv-a11y-btn:hover{transform:translateY(-2px)}
.mv-a11y-panel{position:absolute;bottom:64px;inset-inline-start:0;width:290px;background:#fff;border:1px solid var(--mv-border);border-radius:18px;padding:16px;box-shadow:0 24px 60px rgba(14,16,15,.18)}
.mv-a11y-head{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:900;margin-bottom:12px}
.mv-a11y-close{background:none;border:0;font-size:1.375rem;line-height:1;cursor:pointer;color:var(--mv-text2);padding:4px 8px;border-radius:8px}
.mv-a11y-close:hover{color:var(--mv-ink)}
.mv-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mv-a11y-act{border:1px solid var(--mv-border);background:#fff;border-radius:10px;padding:10px 8px;font-size:0.78125rem;font-weight:700;color:var(--mv-text3);cursor:pointer;transition:all .15s ease}
.mv-a11y-act:hover{background:var(--mv-pale)}
.mv-a11y-act[aria-pressed="true"]{background:var(--mv-ink);border-color:var(--mv-ink);color:var(--mv-green)}
.mv-a11y-reset{width:100%;margin-top:10px;border:1px solid var(--mv-ink);background:none;border-radius:10px;padding:10px;font-size:0.8125rem;font-weight:800;cursor:pointer;transition:all .15s ease}
.mv-a11y-reset:hover{background:var(--mv-ink);color:#fff}
.mv-a11y-statement{display:block;text-align:center;margin-top:10px;font-size:0.8125rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.mv-reading-guide{display:none;position:fixed;inset-inline:0;height:8px;background:var(--mv-ink);opacity:.85;z-index:99;pointer-events:none;border-block:2px solid var(--mv-green)}

/* Accessibility states (classes toggled on <html>) */
.a11y-fs1{font-size:112.5%}
.a11y-fs2{font-size:125%}
.a11y-fs-1{font-size:87.5%}
.a11y-contrast body{filter:contrast(1.25)}
.a11y-invert body{filter:invert(1) hue-rotate(180deg)}
.a11y-contrast.a11y-invert body{filter:invert(1) hue-rotate(180deg) contrast(1.25)}
.a11y-grayscale body{filter:grayscale(1)}
.a11y-underline a{text-decoration:underline!important;text-underline-offset:3px}
.a11y-readable body,.a11y-readable body *{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
.a11y-noanim *,.a11y-noanim *::before,.a11y-noanim *::after{animation:none!important;transition:none!important}
.a11y-noanim .rv{opacity:1!important;transform:none!important}
.a11y-headings h1,.a11y-headings h2,.a11y-headings h3,.a11y-headings h4{background:#FFEB3B!important;color:#0A0C0B!important;box-decoration-break:clone}
.a11y-headings h1 span,.a11y-headings h2 span,.a11y-headings h3 span{color:#0A0C0B!important}
.a11y-links a{background:#FFEB3B!important;color:#0A0C0B!important;text-decoration:underline!important}
.a11y-guide .mv-reading-guide{display:block}

/* Scroll reveal (class added by JS only — content stays visible without JS) */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:translateY(0)}

@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.rv{opacity:1;transform:none}
}

/* ===== Responsive header/footer ===== */
@media (max-width:1020px){
.mv-nav-pill{gap:18px}
.mv-nav-list{gap:14px}
}
@media (max-width:880px){
.mv-topbar{padding:12px 16px 0}
.mv-nav-toggle{display:grid;place-items:center;margin-inline-start:auto}
.mv-nav-actions{margin-inline-start:0}
.mv-login{display:none}
.mv-nav{position:absolute;top:calc(100% + 8px);inset-inline:16px;display:none;background:#fff;border:1px solid var(--mv-border);border-radius:16px;padding:14px;box-shadow:0 24px 60px rgba(14,16,15,.14)}
.mv-nav.is-open{display:block}
.mv-nav-pill{position:relative;flex-wrap:wrap;row-gap:10px}
.mv-nav-list{flex-direction:column;gap:4px}
.mv-nav-list a{display:block;padding:10px 12px;border-radius:9px;font-size:0.9375rem}
.mv-nav-list a:hover{background:var(--mv-pale)}
.mv-btn-dark{font-size:0.8125rem;padding:10px 14px}
.mv-content-page{padding:40px 16px 70px}
.mv-article{padding:34px 24px;border-radius:18px}
.mv-article-title{font-size:2rem}
.mv-footer{padding:0 16px 40px}
.mv-copy{margin-inline-start:0}
}
