/* ═══════════════════════════════════════════════════════════════════════
   MON Homepage V2
   Ported from mockups/MON_homepage_STANDALONE.html (b117588).
   Rule values are copied verbatim; selectors are scoped to body.mon-home-v2
   and every homepage class is prefixed with mh-.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Isolation layer ─────────────────────────────────────────────────────
   Inside .mh every element is reverted to browser defaults, so theme,
   Bootstrap, Elementor kit and Qi rules of lower specificity than
   (0,2,1) cannot reach the homepage markup. Everything outside .mh
   (Complianz, Popup Maker, admin bar, other overlays) is left untouched.
   Component rules below have equal or higher specificity and come later. */
body.mon-home-v2{margin:0;padding:0;background:#f2f0ec}
body.mon-home-v2 .mh,body.mon-home-v2 .mh *,body.mon-home-v2 .mh *::before,body.mon-home-v2 .mh *::after{all:revert;box-sizing:border-box}
body.mon-home-v2 .mh{display:block;font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;text-transform:none;text-align:left}

/* ── Ported standalone rules ─────────────────────────────────────────── */
html:has(body.mon-home-v2){scroll-behavior:smooth}
body.mon-home-v2 .mh{--red:#ef233c;--red2:#d90429;--ink:#090b0e;--ink2:#161a1f;--paper:#f2f0ec;--white:#fff;--muted:#6f7377;--line:#d9d7d2;--max:1440px}
body.mon-home-v2 .mh{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
/* Bare element rules use :where() so they keep the standalone's low specificity and never outrank component classes. */
body.mon-home-v2 .mh :where(a){text-decoration:none;color:inherit}
body.mon-home-v2 .mh :where(button),body.mon-home-v2 .mh :where(input){font:inherit}
body.mon-home-v2 .mh-header{position:fixed;z-index:50;left:0;right:0;top:0;height:86px;padding:0 max(4vw,28px);display:flex;align-items:center;gap:32px;color:#fff;transition:.3s;background:linear-gradient(#050709b8,transparent)}
body.mon-home-v2 .mh-header.mh-scrolled{height:70px;background:#090b0ef2;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14}
body.mon-home-v2 .mh-brand{display:flex;align-items:center;gap:13px;margin-right:auto}
body.mon-home-v2 .mh-brand b,body.mon-home-v2 .mh-foot-brand b{font-size:29px;letter-spacing:-2px}
body.mon-home-v2 .mh-brand b span,body.mon-home-v2 .mh-foot-brand b span{color:var(--red)}
body.mon-home-v2 .mh-brand small{font-size:9px;color:#bbb}
body.mon-home-v2 .mh-nav{display:flex;gap:25px;font-size:12px}
body.mon-home-v2 .mh-nav a{opacity:.82}
body.mon-home-v2 .mh-nav a:hover{opacity:1}
body.mon-home-v2 .mh-menu-btn{display:none}
body.mon-home-v2 .mh-btn{height:48px;padding:0 22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:800;font-size:10px;letter-spacing:.04em;transition:.2s}
body.mon-home-v2 .mh-btn:hover{transform:translateY(-2px)}
body.mon-home-v2 .mh-red{background:var(--red);color:#fff}
body.mon-home-v2 .mh-outline{border:1px solid #ffffff70;color:#fff}
body.mon-home-v2 .mh-black{background:var(--ink);color:#fff}
body.mon-home-v2 .mh-full{width:100%}
body.mon-home-v2 .mh-hero{height:min(820px,94vh);min-height:690px;background:#101419;color:#fff;position:relative;overflow:hidden}
body.mon-home-v2 .mh-hero-inner{position:relative;z-index:3;max-width:var(--max);margin:auto;padding:165px 5vw 50px}
body.mon-home-v2 .mh-kicker{color:#ff4056;font-size:10px;font-weight:900;letter-spacing:.15em;margin:0 0 18px}
body.mon-home-v2 .mh-kicker.mh-dark{color:var(--red)}
body.mon-home-v2 .mh-hero h1{font-size:clamp(68px,8vw,128px);line-height:.82;letter-spacing:-.07em;margin:22px 0 34px}
body.mon-home-v2 .mh-hero h1 span{font-weight:400}
body.mon-home-v2 .mh-hero-lead{max-width:720px;font-size:clamp(18px,1.65vw,25px);line-height:1.4;color:#e4e5e5}
body.mon-home-v2 .mh-buttons{display:flex;gap:10px;margin-top:34px}
body.mon-home-v2 .mh-hero-points{display:flex;margin-top:62px;border-top:1px solid #ffffff35;width:max-content;max-width:100%}
body.mon-home-v2 .mh-hero-points span{font-size:11px;line-height:1.45;color:#d2d3d4;padding:22px 35px 0 0;margin-right:30px}
body.mon-home-v2 .mh-hero-points b{font-size:20px;color:var(--red);margin-right:8px}
body.mon-home-v2 .mh-hero-visual{position:absolute;inset:0 0 0 40%;background:linear-gradient(150deg,#303842,#080a0d 70%);overflow:hidden}
body.mon-home-v2 .mh-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#080b0f 4%,#080b0fed 36%,#080b0f30 72%),linear-gradient(0deg,#080b0f99,transparent 45%)}
body.mon-home-v2 .mh-glow{position:absolute;width:450px;height:450px;background:#bd633a;filter:blur(80px);opacity:.27;border-radius:50%;right:15%;top:100px}
body.mon-home-v2 .mh-home{position:absolute;width:70%;height:46%;right:-2%;bottom:12%;background:#242a30;border:1px solid #596067}
body.mon-home-v2 .mh-roof{position:absolute;width:112%;height:36%;left:-9%;top:-24%;background:#11161b;transform:skewX(-23deg)}
body.mon-home-v2 .mh-glass{position:absolute;width:42%;height:60%;bottom:0;left:9%;background:linear-gradient(135deg,#d49a5d,#392b24);box-shadow:0 0 60px #d47b3550}
body.mon-home-v2 .mh-solar{position:absolute;height:92px;background:repeating-linear-gradient(90deg,#14212d 0 34px,#65717b 35px 36px);border:1px solid #7b858d;transform:skewX(-25deg);top:30%}
body.mon-home-v2 .mh-s1{width:275px;right:27%}
body.mon-home-v2 .mh-s2{width:220px;right:4%;top:28%}
body.mon-home-v2 .mh-wallbox{position:absolute;width:45px;height:120px;background:#151b20;border:2px solid #56636b;border-radius:13px;right:31%;bottom:26%;box-shadow:0 0 20px #55d2ff44}
body.mon-home-v2 .mh-car,body.mon-home-v2 .mh-mcar{position:absolute;width:350px;height:110px;background:linear-gradient(160deg,#bec1c4,#3d444a);border-radius:90px 130px 28px 28px;right:3%;bottom:12%;transform:skewX(-8deg)}
body.mon-home-v2 .mh-car:before,body.mon-home-v2 .mh-mcar:before{content:"";position:absolute;width:190px;height:65px;background:#111a22;left:70px;top:-40px;border-radius:80px 90px 0 0}
body.mon-home-v2 .mh-car i,body.mon-home-v2 .mh-mcar i{position:absolute;width:60px;height:60px;background:#101113;border:8px solid #343a3f;border-radius:50%;bottom:-27px}
body.mon-home-v2 .mh-car i:first-child,body.mon-home-v2 .mh-mcar i:first-child{left:45px}
body.mon-home-v2 .mh-car i:last-child,body.mon-home-v2 .mh-mcar i:last-child{right:45px}
body.mon-home-v2 .mh-section{max-width:var(--max);margin:auto;padding:100px 4vw}
body.mon-home-v2 .mh-title-row{display:grid;grid-template-columns:1.4fr .7fr;gap:70px;align-items:end;margin-bottom:45px}
body.mon-home-v2 .mh-title-row h2,body.mon-home-v2 .mh-system-story h2,body.mon-home-v2 .mh-business h2,body.mon-home-v2 .mh-mobility h2,body.mon-home-v2 .mh-final h2{font-size:clamp(40px,4.5vw,70px);line-height:.98;letter-spacing:-.055em;margin:0}
body.mon-home-v2 .mh-title-row h2 span,body.mon-home-v2 .mh-system-story h2 span,body.mon-home-v2 .mh-business h2 span,body.mon-home-v2 .mh-mobility h2 span,body.mon-home-v2 .mh-final h2 span{font-weight:400}
body.mon-home-v2 .mh-title-row>p{font-size:16px;line-height:1.6;color:var(--muted)}
body.mon-home-v2 .mh-offer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
body.mon-home-v2 .mh-offer-card{min-height:425px;background:#fff;border:1px solid #e3e1dc;border-radius:11px;padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column}
body.mon-home-v2 .mh-offer-card.mh-dark{background:#171b20;color:#fff;border-color:#171b20}
body.mon-home-v2 .mh-tag{font-size:9px;border:1px solid currentColor;border-radius:20px;padding:5px 8px;width:max-content;opacity:.65}
body.mon-home-v2 .mh-offer-card h3{font-size:31px;line-height:1.03;letter-spacing:-.04em;margin:28px 0 8px;max-width:330px}
body.mon-home-v2 .mh-offer-card p{font-size:13px;line-height:1.45;color:#777;max-width:250px}
body.mon-home-v2 .mh-offer-card.mh-dark p{color:#aaa}
body.mon-home-v2 .mh-offer-card:after{content:"";position:absolute;width:270px;height:270px;border:2px solid #c8c9c8;right:-100px;bottom:-90px;border-radius:50%}
body.mon-home-v2 .mh-offer-price{margin-top:auto;position:relative;z-index:2}
body.mon-home-v2 .mh-offer-price small{display:block}
body.mon-home-v2 .mh-offer-price b{font-size:31px;letter-spacing:-.04em}
body.mon-home-v2 .mh-offer-card>a{position:relative;z-index:2;color:var(--red);font-weight:900;font-size:11px;margin-top:18px}
body.mon-home-v2 .mh-disclaimer,body.mon-home-v2 .mh-micro{font-size:10px;line-height:1.5;color:#858585;margin-top:16px}
body.mon-home-v2 .mh-muted{color:var(--muted);font-size:13px}
body.mon-home-v2 .mh-business-box input{width:100%;accent-color:var(--red);margin:18px 0 24px}
body.mon-home-v2 .mh-trust{background:#090b0e;color:#fff;padding:28px 5vw;display:grid;grid-template-columns:repeat(4,1fr)}
body.mon-home-v2 .mh-trust span{font-size:12px;border-right:1px solid #ffffff20}
body.mon-home-v2 .mh-trust span:last-child{border:0}
body.mon-home-v2 .mh-trust b{color:var(--red);margin-right:13px}
body.mon-home-v2 .mh-ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.mon-home-v2 .mh-ecosystem-grid article{background:#fff;padding-bottom:27px}
body.mon-home-v2 .mh-pic{height:225px;background:#22292f;position:relative;overflow:hidden}
body.mon-home-v2 .mh-panel-pic:after{content:"";position:absolute;inset:25% 12%;border:2px solid #6d7c88;background:repeating-linear-gradient(90deg,#152331 0 40px,#66727c 41px 42px);transform:skew(-10deg)}
body.mon-home-v2 .mh-storage-pic i{position:absolute;inset:14% 31%;background:#b9bdbe;border-radius:5px}
body.mon-home-v2 .mh-ev-pic i{position:absolute;left:10%;right:10%;bottom:18%;height:30%;background:#a7abae;border-radius:70px 100px 20px 20px}
body.mon-home-v2 .mh-smart-pic i{position:absolute;inset:14% 28%;background:#080a0c;border:9px solid #484f54;border-radius:22px}
body.mon-home-v2 .mh-ecosystem-grid small,body.mon-home-v2 .mh-ecosystem-grid h3,body.mon-home-v2 .mh-ecosystem-grid p{margin-left:22px;margin-right:22px}
body.mon-home-v2 .mh-ecosystem-grid small{display:block;color:var(--red);font-weight:900;font-size:9px;margin-top:20px}
body.mon-home-v2 .mh-ecosystem-grid h3{font-size:19px;margin-top:7px;margin-bottom:7px}
body.mon-home-v2 .mh-ecosystem-grid p{font-size:11px;line-height:1.5;color:#777}
body.mon-home-v2 .mh-system-story{background:#0e1115;color:#fff;padding:95px max(5vw,calc((100vw - 1440px)/2))}
body.mon-home-v2 .mh-flow{display:flex;justify-content:space-between;align-items:center;margin-top:65px;border-top:1px solid #ffffff22;padding-top:36px}
body.mon-home-v2 .mh-flow div{display:flex;flex-direction:column}
body.mon-home-v2 .mh-flow b{font-size:13px}
body.mon-home-v2 .mh-flow small{color:#74787c;font-size:9px;margin-top:6px}
body.mon-home-v2 .mh-flow i{font-style:normal;color:#555}
body.mon-home-v2 .mh-flow .mh-hot b{color:var(--red)}
body.mon-home-v2 .mh-business{background:#191d22;color:#fff;padding:100px max(5vw,calc((100vw - 1440px)/2));display:grid;grid-template-columns:1.15fr .75fr;gap:80px}
body.mon-home-v2 .mh-business-lead{color:#b1b4b6;line-height:1.6;max-width:650px}
body.mon-home-v2 .mh-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}
body.mon-home-v2 .mh-tags span{border:1px solid #ffffff25;padding:9px 12px;font-size:10px}
body.mon-home-v2 .mh-business-box{background:#0b0d10;border:1px solid #ffffff12;padding:38px}
body.mon-home-v2 .mh-business-box small{color:#85898d;font-size:9px}
body.mon-home-v2 .mh-business-box strong{display:block;font-size:50px;letter-spacing:-.05em;margin:13px 0}
body.mon-home-v2 .mh-business-box p{color:#8e9295;font-size:11px;line-height:1.5}
body.mon-home-v2 .mh-mobility{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
body.mon-home-v2 .mh-mobility-art{height:490px;background:#d7d5d0;position:relative;overflow:hidden}
body.mon-home-v2 .mh-mcar{right:14%;bottom:20%;width:65%}
body.mon-home-v2 .mh-mcharger{position:absolute;width:43px;height:135px;background:#111;right:8%;bottom:25%;border-radius:12px}
body.mon-home-v2 .mh-mobility p{color:#707478;font-size:16px;line-height:1.65}
body.mon-home-v2 .mh-arrow-link{color:var(--red);font-size:11px;font-weight:900}
body.mon-home-v2 .mh-finance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
body.mon-home-v2 .mh-finance-grid article{background:#fff;padding:29px;min-height:245px;border-top:3px solid transparent}
body.mon-home-v2 .mh-finance-grid .mh-featured{background:#0b0d10;color:#fff;border-color:var(--red)}
body.mon-home-v2 .mh-finance-grid small{color:var(--red);font-size:8px;font-weight:900}
body.mon-home-v2 .mh-finance-grid h3{font-size:24px}
body.mon-home-v2 .mh-finance-grid p{color:#777;font-size:12px;line-height:1.5}
body.mon-home-v2 .mh-finance-grid a{display:block;margin-top:50px;color:var(--red);font-weight:900;font-size:10px}
body.mon-home-v2 .mh-final{background:#080a0d;color:#fff;text-align:center;padding:110px 5vw}
body.mon-home-v2 .mh-final p:not(.mh-kicker){color:#aaa;font-size:17px}
body.mon-home-v2 .mh-final .mh-buttons{justify-content:center}
body.mon-home-v2 .mh-footer{background:#040506;color:#fff;padding:58px 5vw;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;border-top:1px solid #ffffff15}
body.mon-home-v2 .mh-foot-brand p{color:#777}
body.mon-home-v2 .mh-footer strong{display:block;color:#707377;font-size:9px;margin-bottom:15px}
body.mon-home-v2 .mh-footer a{display:block;color:#b8babc;font-size:11px;margin:10px 0}
body.mon-home-v2 .mh-reveal{opacity:0;transform:translateY(20px);transition:.65s ease}
body.mon-home-v2 .mh-reveal.mh-show{opacity:1;transform:none}
@media(max-width:1000px){body.mon-home-v2 .mh-nav,body.mon-home-v2 .mh-header-btn{display:none}body.mon-home-v2 .mh-menu-btn{display:block;color:#fff;background:transparent;border:1px solid #ffffff50;padding:8px 11px}body.mon-home-v2 .mh-nav-open{display:flex!important;position:absolute;top:70px;left:0;right:0;background:#090b0e;padding:25px;flex-direction:column}body.mon-home-v2 .mh-hero-visual{left:25%}body.mon-home-v2 .mh-offer-cards,body.mon-home-v2 .mh-ecosystem-grid{grid-template-columns:1fr 1fr}body.mon-home-v2 .mh-business,body.mon-home-v2 .mh-mobility{grid-template-columns:1fr}body.mon-home-v2 .mh-trust{grid-template-columns:1fr 1fr;gap:20px}body.mon-home-v2 .mh-finance-grid{grid-template-columns:1fr 1fr}body.mon-home-v2 .mh-title-row{grid-template-columns:1fr}body.mon-home-v2 .mh-flow{overflow:auto;gap:35px;justify-content:flex-start}}
@media(max-width:650px){body.mon-home-v2 .mh-header{height:70px;padding:0 20px}body.mon-home-v2 .mh-brand small{display:none}body.mon-home-v2 .mh-hero{min-height:770px}body.mon-home-v2 .mh-hero-inner{padding:135px 21px 40px}body.mon-home-v2 .mh-hero h1{font-size:61px}body.mon-home-v2 .mh-hero-lead{font-size:17px}body.mon-home-v2 .mh-hero-visual{left:0;opacity:.45}body.mon-home-v2 .mh-shade{background:linear-gradient(90deg,#080b0ff5,#080b0f9c)}body.mon-home-v2 .mh-buttons{flex-direction:column}body.mon-home-v2 .mh-hero-points{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:42px}body.mon-home-v2 .mh-hero-points span{padding:15px 8px 0 0;margin:0;font-size:9px}body.mon-home-v2 .mh-section{padding:70px 20px}body.mon-home-v2 .mh-offer-cards,body.mon-home-v2 .mh-ecosystem-grid,body.mon-home-v2 .mh-finance-grid{grid-template-columns:1fr}body.mon-home-v2 .mh-offer-card{min-height:350px}body.mon-home-v2 .mh-trust{grid-template-columns:1fr;padding:25px 21px}body.mon-home-v2 .mh-trust span{padding:10px 0;border-right:0;border-bottom:1px solid #ffffff20}body.mon-home-v2 .mh-business{padding:70px 21px}body.mon-home-v2 .mh-business-box strong{font-size:37px}body.mon-home-v2 .mh-mobility{gap:35px}body.mon-home-v2 .mh-mobility-art{height:330px}body.mon-home-v2 .mh-system-story{padding:70px 21px}body.mon-home-v2 .mh-final{padding:80px 21px}body.mon-home-v2 .mh-footer{grid-template-columns:1fr 1fr;padding:50px 21px}body.mon-home-v2 .mh-foot-brand{grid-column:1/-1}}
/* GO-LIVE 25 — OETP journey + catalog package cards */
body.mon-home-v2 .mh-hero.mh-hero--oetp{height:auto;min-height:min(820px,94vh)}
body.mon-home-v2 .mh-hero h1.mh-hero-h1--oetp{font-size:clamp(46px,5.4vw,90px);line-height:.92;letter-spacing:-.05em;max-width:15ch}
@media(max-width:650px){body.mon-home-v2 .mh-hero h1.mh-hero-h1--oetp{font-size:clamp(34px,9.5vw,46px);max-width:none}}
@media(prefers-reduced-motion:reduce){html:has(body.mon-home-v2){scroll-behavior:auto}body.mon-home-v2 .mh-reveal{opacity:1;transform:none;transition:none}body.mon-home-v2 .mh-btn:hover{transform:none}}

/* ── WordPress adaptations ───────────────────────────────────────────── */
/* Former inline styles of the standalone, moved here unchanged. */
/* Keep the fixed header below the WordPress admin bar for logged-in users. */
body.mon-home-v2.admin-bar .mh-header{top:32px}
@media screen and (max-width:782px){body.mon-home-v2.admin-bar .mh-header{top:46px}}
/* Legal links (replaces the bypassed Elementor footer #63). */
body.mon-home-v2 .mh-foot-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:24px;border-top:1px solid #ffffff15}
body.mon-home-v2 .mh-foot-legal a{display:inline;margin:0;font-size:10px;color:#707377}
body.mon-home-v2 .mh-foot-legal a:hover{color:#b8babc}
body.mon-home-v2 .mh-foot-legal .mh-foot-consent{display:inline;margin:0;padding:0;border:0;background:none;font:inherit;font-size:10px;color:#707377;cursor:pointer;text-align:left}
body.mon-home-v2 .mh-foot-legal .mh-foot-consent:hover,body.mon-home-v2 .mh-foot-legal .mh-foot-consent:focus-visible{color:#b8babc}
body.mon-home-v2 .mh-foot-legal .mh-foot-consent:focus-visible{outline:2px solid #b8babc;outline-offset:3px}
body.mon-home-v2.mon-preview .mh a[data-mh-legacy]::after{content:"régi";display:inline-block;margin-left:6px;padding:1px 5px;border-radius:3px;background:#ffd166;color:#090b0e;font-size:9px;font-weight:700;letter-spacing:.06em;line-height:1.4;vertical-align:middle}
/* GO-LIVE 02 — direct contact line in the closing section; footer company identification */
body.mon-home-v2 .mh-final .mh-final-contact{margin:28px 0 0;font-size:14px;color:#aaa}
body.mon-home-v2 .mh-final .mh-final-contact a{color:#fff;font-weight:700}
body.mon-home-v2 .mh-foot-company{margin:14px 0 0;font-size:12px;line-height:1.6;color:#8e9295;font-style:normal}
body.mon-home-v2 .mh-foot-company a{display:inline;margin:0;font-size:inherit;color:inherit}
body.mon-home-v2 .mh-foot-copy{margin-left:auto;font-size:10px;color:#5f6367}
@media(max-width:650px){body.mon-home-v2 .mh-foot-copy{margin-left:0;flex-basis:100%}}

/* Phone / tablet readability and touch targets (2026-10-20). Floors only — desktop typography (>1024px) is unchanged:
   uppercase micro-labels ≥11px, running text ≥13px, buttons ≥12px / 48px high, links and options ≥44px touch height
   (WCAG 2.5.5 target size). */
@media(max-width:1024px){body.mon-home-v2 .mh-menu-btn{min-height:44px;min-width:64px}body.mon-home-v2 .mh-brand small{font-size:11px}body.mon-home-v2 .mh-nav a{display:inline-flex;align-items:center;min-height:44px}body.mon-home-v2 .mh-header-btn,body.mon-home-v2 .mh-header-btn i{font-size:12px}body.mon-home-v2 .mh-brand{min-height:44px;display:inline-flex;align-items:center}body.mon-home-v2 :is(.mh-kicker,.mh-tag,.mh-hero-points span,.mh-flow small,.mh-business-box small,.mh-ecosystem-grid small,.mh-finance-grid small,.mh-footer strong,.mh-foot-copy,.mh-foot-consent){font-size:11px}body.mon-home-v2 :is(.mh-micro,.mh-disclaimer,.mh-offer-card p,.mh-ecosystem-grid p,.mh-finance-grid p,.mh-business-box p,.mh-tags span){font-size:13px}body.mon-home-v2 .mh-main .mh-btn,body.mon-home-v2 .mh-main .mh-btn i{font-size:12px}body.mon-home-v2 .mh-main .mh-btn{min-height:48px}body.mon-home-v2 :is(.mh-offer-card a,.mh-finance-grid a,.mh-arrow-link,.mh-micro a,.mh-final-contact a){display:inline-flex;align-items:center;min-height:44px}body.mon-home-v2 .mh-footer a{display:inline-flex;align-items:center;min-height:40px;font-size:13px}body.mon-home-v2 .mh-finance-grid a{font-size:12px}body.mon-home-v2 #mh-biz{height:44px}body.mon-home-v2 .mh-business>div{min-width:0}body.mon-home-v2 .mh-main :is(h1,h2,h3){overflow-wrap:break-word;hyphens:auto}}

/* Visual milestone 2026-10 — AI-illustration photography (assets/images/web, built by tools/images/build-web-images.py).
   Image slots render <picture> with explicit width / height; the CSS illustrations above remain the fallback. */
body.mon-home-v2 :is(.mh-hero-visual--photo,.mh-pic--photo,.mh-mobility-art--photo,.mh-business-bg) picture{display:block;width:100%;height:100%}
body.mon-home-v2 :is(.mh-hero-visual--photo,.mh-pic--photo,.mh-mobility-art--photo,.mh-business-bg) img{display:block;width:100%;height:100%;object-fit:cover}
body.mon-home-v2 .mh-hero-visual.mh-hero-visual--photo{inset:0;background:#080a0d}
body.mon-home-v2 .mh-hero-visual--photo img{object-position:68% 50%}
body.mon-home-v2 .mh-pic--photo{background:#22292f}
body.mon-home-v2 .mh-pic--photo img{transition:transform .6s ease}
body.mon-home-v2 .mh-ecosystem-grid article:hover .mh-pic--photo img{transform:scale(1.03)}
body.mon-home-v2 .mh-mobility-art--photo{background:#1c2126}
body.mon-home-v2 .mh-mobility-art--photo img{object-position:40% 60%}
body.mon-home-v2 .mh-business{position:relative;isolation:isolate;overflow:hidden}
body.mon-home-v2 .mh-business-bg{position:absolute;inset:0;z-index:-1}
body.mon-home-v2 .mh-business-bg img{object-position:78% 35%}
body.mon-home-v2 .mh-business-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#191d22 0%,#191d22f5 40%,#191d22c7 64%,#191d2273 100%)}
body.mon-home-v2 .mh-foot-ai{grid-column:1/-1;margin:16px 0 0;font-size:11px;line-height:1.5;color:#7d8186}
@media(max-width:1000px){body.mon-home-v2 .mh-business-bg::after{background:linear-gradient(180deg,#191d22eb,#191d22d9 60%,#191d22f2)}}
@media(max-width:650px){body.mon-home-v2 .mh-hero-visual.mh-hero-visual--photo{opacity:1}body.mon-home-v2 .mh-hero-visual--photo img{object-position:50% 30%}body.mon-home-v2 .mh-hero-visual--photo+.mh-shade{background:linear-gradient(180deg,#080b0f80 0%,#080b0fb3 30%,#080b0fe0 60%,#080b0ff2 100%)}body.mon-home-v2 .mh-business-bg::after{background:linear-gradient(180deg,#191d22f0,#191d22e6 60%,#191d22f7)}}
@media(prefers-reduced-motion:reduce){body.mon-home-v2 .mh-pic--photo img{transition:none}body.mon-home-v2 .mh-ecosystem-grid article:hover .mh-pic--photo img{transform:none}}

/* Customer journey 2026-10 — "Pozitív elbírálást kapott a pályázata?" entry band (→ OETP landing). */

/* ── OETP teaser (journey consolidation 2026-10-21) ──────────────────────
   One compact block instead of the positive-decision band, the situation tiles and the duplicate configurator. The full
   configurator lives on the OETP landing; old anchors (#oetp, #calculator, #csomagok, #oetp-helyzet, #pozitiv-elbiralas)
   land here. */
body.mon-home-v2 .mh-oetp-teaser{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);background:#0d0f12;color:#fff;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}
body.mon-home-v2 .mh-anchor{position:absolute;top:-76px;left:0;width:1px;height:1px;overflow:hidden}
body.mon-home-v2 .mh-oetp-teaser-text{padding:64px 5vw 56px max(5vw,calc((100vw - 1440px)/2));display:flex;flex-direction:column;justify-content:center;min-width:0}
body.mon-home-v2 .mh-oetp-teaser h2{font-size:clamp(30px,3.3vw,50px);line-height:1.02;letter-spacing:-.045em;margin:0 0 16px;font-weight:800}
body.mon-home-v2 .mh-oetp-teaser h2 span{font-weight:400;color:#d9dadc}
body.mon-home-v2 .mh-oetp-teaser-lead{margin:0 0 18px;max-width:580px;color:#c3c5c8;font-size:16px;line-height:1.6}
body.mon-home-v2 .mh-oetp-teaser-steps{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;font-weight:700;color:#e6e7e9}
body.mon-home-v2 .mh-oetp-teaser-steps li{display:flex;align-items:center;gap:8px}
body.mon-home-v2 .mh-oetp-teaser-steps b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:12px}
body.mon-home-v2 .mh-oetp-teaser-q{margin:24px 0 10px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#9a9ea4}
body.mon-home-v2 .mh-oetp-teaser-chips{display:flex;flex-wrap:wrap;gap:8px;max-width:640px}
body.mon-home-v2 .mh-oetp-chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #ffffff45;border-radius:999px;font-size:13px;font-weight:700;line-height:1.25;color:#fff;transition:border-color .2s,background .2s}
body.mon-home-v2 .mh-oetp-chip:hover,body.mon-home-v2 .mh-oetp-chip:focus-visible{border-color:var(--red);background:#ef233c1f}
body.mon-home-v2 .mh-oetp-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.mon-home-v2 .mh-oetp-teaser .mh-buttons{margin-top:26px;flex-wrap:wrap}
body.mon-home-v2 .mh-oetp-teaser-note{margin:18px 0 0;font-size:12px;color:#8d9095;max-width:580px;line-height:1.5}
body.mon-home-v2 .mh-oetp-teaser-media{position:relative;min-height:440px;background:#17181c}
body.mon-home-v2 .mh-oetp-teaser-media picture,body.mon-home-v2 .mh-oetp-teaser-media img{display:block;width:100%;height:100%;object-fit:cover}
body.mon-home-v2 .mh-oetp-teaser-media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0d0f12 0%,#0d0f1200 30%);pointer-events:none}
@media(max-width:1000px){body.mon-home-v2 .mh-oetp-teaser{grid-template-columns:1fr}body.mon-home-v2 .mh-oetp-teaser-media{order:-1;min-height:0;aspect-ratio:16/9}body.mon-home-v2 .mh-oetp-teaser-media::before{background:linear-gradient(0deg,#0d0f12 0%,#0d0f1200 35%)}body.mon-home-v2 .mh-oetp-teaser-text{padding:32px 21px 48px}}
@media(max-width:650px){body.mon-home-v2 .mh-oetp-teaser .mh-buttons{flex-direction:column}body.mon-home-v2 .mh-oetp-teaser .mh-buttons .mh-btn{width:100%;font-size:12px}body.mon-home-v2 .mh-oetp-chip{font-size:14px;width:100%}}
@media(prefers-reduced-motion:reduce){body.mon-home-v2 .mh-oetp-chip{transition:none}}

/* OETP-first release (2026-10-21): controlled information page of the hidden professional planner. */
body.mon-home-v2 .mh-unavailable{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding-top:150px}
body.mon-home-v2 .mh-unavailable h1{font-size:clamp(34px,4.2vw,62px);line-height:1;letter-spacing:-.04em;margin:0 auto 26px;max-width:960px}
body.mon-home-v2 .mh-unavailable h1 span{font-weight:400}
body.mon-home-v2 .mh-unavailable>p:not(.mh-kicker):not(.mh-final-contact){max-width:720px;margin:0 auto 34px;line-height:1.6}
@media(max-width:650px){body.mon-home-v2 .mh-unavailable{padding:120px 20px 70px}}
body.mon-home-v2 .mh-hero-oetp{max-width:620px;margin:0 0 18px;padding:12px 16px;border-left:3px solid var(--red);background:#ffffff12;color:#e9e9e9;font-size:16px;line-height:1.5}
body.mon-home-v2 .mh-hero-oetp b{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:4px}
@media(max-width:650px){body.mon-home-v2 .mh-hero-oetp{font-size:14px;padding:10px 12px}}