body:has(#localeLanding) > :not(#localeLanding) { display: none !important; }
#localeLanding { --ink:#101828; --muted:#5b6475; --paper:#f7f8fc; --cream:#fff; --line:#e2e6ef; --green:#087443; --violet:#635bdb; --peach:#b9d9ff; --sun:#d9ff72; color:var(--ink); background:var(--paper); font-family:Arial,sans-serif; overflow:hidden; min-height:100vh; }
#localeLanding * { box-sizing:border-box; } #localeLanding a { color:inherit; text-decoration:none; } #localeLanding .w { width:min(1140px,calc(100% - 40px)); margin:auto; }
#localeLanding .nav { display:flex; align-items:center; justify-content:space-between; padding:22px 0; } #localeLanding .brand { display:flex; gap:10px; align-items:center; font-weight:800; font-size:1.25rem; } #localeLanding .brand img { width:39px; height:39px; border-radius:11px; } #localeLanding .links { display:flex; gap:24px; font-size:.84rem; font-weight:700; color:#496056; }
#localeLanding .langs { display:flex; gap:7px; margin-left:auto; margin-right:16px; } #localeLanding .langs a { color:#52695e; font-size:.67rem; font-weight:800; letter-spacing:.04em; } #localeLanding .langs a.current { color:var(--green); text-decoration:underline; text-underline-offset:4px; }
#localeLanding .links { margin-left:48px; }
#localeLanding .cta { display:inline-flex; align-items:center; gap:8px; border-radius:12px; padding:14px 18px; background:var(--green); color:white; font-weight:800; font-size:.88rem; box-shadow:0 10px 20px #0874432b; transition:.2s; } #localeLanding .cta:hover { transform:translateY(-3px); background:#065d37; } #localeLanding .cta.soft { color:var(--ink); background:var(--cream); border:1px solid var(--line); box-shadow:none; }
#localeLanding .hero { position:relative; min-height:670px; padding:62px 0 80px; isolation:isolate; } #localeLanding .hero:before { content:""; position:absolute; width:620px; height:620px; border-radius:50%; background:linear-gradient(135deg,#e7e4ff,#dff5ff); right:-230px; top:-190px; z-index:-1; transform:none; } #localeLanding .hero:after { content:""; position:absolute; width:290px; height:290px; border-radius:50%; background:#dcedff; left:-110px; bottom:20px; z-index:-1; } #localeLanding .heroGrid { display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:35px; }
#localeLanding .eyebrow { color:#315d48; font-size:.72rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; } #localeLanding h1 { margin:17px 0; max-width:650px; font-size:clamp(3.1rem,6vw,5.4rem); line-height:.96; letter-spacing:-.075em; } #localeLanding h1 em { color:var(--violet); font-family:inherit; font-style:normal; font-weight:800; } #localeLanding .intro { max-width:510px; color:var(--muted); font-size:1.06rem; line-height:1.65; } #localeLanding .actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:27px; }
#localeLanding .stage { height:520px; position:relative; } #localeLanding .phone { position:absolute; width:222px; padding:7px; border-radius:30px; background:#20173e; box-shadow:0 28px 55px #1b14323b; transition:.35s; } #localeLanding .phone:hover { z-index:5; transform:rotate(0) scale(1.06)!important; } #localeLanding .phone img { display:block; width:100%; border-radius:24px; } #localeLanding .p1 { top:0; left:57px; z-index:3; transform:rotate(-5deg); animation:localeFloatA 5s ease-in-out infinite; } #localeLanding .p2 { width:184px; right:8px; top:132px; z-index:2; transform:rotate(9deg); animation:localeFloatB 5.5s ease-in-out infinite; } #localeLanding .p3 { width:168px; left:0; bottom:14px; z-index:1; transform:rotate(-12deg); animation:localeFloatC 6s ease-in-out infinite; } #localeLanding .note { position:absolute; z-index:6; padding:12px 14px; background:var(--sun); border-radius:12px; font-size:.75rem; font-weight:800; box-shadow:0 12px 20px #9ab45b26; animation:localeBob 4s ease-in-out infinite; } #localeLanding .n1 { top:83px; right:-24px; } #localeLanding .n2 { left:15px; bottom:0; color:#4338a5; background:#e5e2ff; animation-delay:-1s; }
#localeLanding .ticker { border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; white-space:nowrap; background:#fffdf8; } #localeLanding .ticker div { display:inline-flex; gap:32px; padding:15px 0; color:#466056; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; animation:localeMarquee 28s linear infinite; } #localeLanding .ticker b { color:var(--violet); }
#localeLanding section { padding:100px 0; } #localeLanding .head { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:40px; } #localeLanding h2 { margin:12px 0 0; max-width:700px; font-size:clamp(2.2rem,4vw,3.7rem); line-height:1; letter-spacing:-.06em; } #localeLanding .head p { max-width:330px; margin:0; color:var(--muted); line-height:1.6; font-size:.9rem; }
#localeLanding .cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } #localeLanding .card { min-height:220px; padding:25px; border:1px solid var(--line); border-radius:22px; background:var(--cream); transition:.25s; } #localeLanding .card:hover { transform:translateY(-7px); box-shadow:0 18px 30px #263b2b12; } #localeLanding .icon { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:var(--green); background:#e4f7e9; font-size:1.25rem; } #localeLanding .card:nth-child(2) .icon { color:var(--violet); background:#eeeaff; } #localeLanding .card:nth-child(3) .icon { color:#bf5439; background:#ffe6d7; } #localeLanding h3 { margin:25px 0 8px; font-size:1.12rem; } #localeLanding .card p { margin:0; color:var(--muted); font-size:.84rem; line-height:1.6; }
#localeLanding .feature { background:#e8f4eb; } #localeLanding .featureGrid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:74px; } #localeLanding .featureShot { width:min(325px,100%); margin:auto; position:relative; } #localeLanding .featureShot:after { content:""; position:absolute; width:160px; height:160px; z-index:0; left:-54px; bottom:-40px; border:13px solid var(--peach); border-radius:50%; } #localeLanding .featureShot img { width:100%; display:block; position:relative; z-index:1; border-radius:34px; box-shadow:0 26px 45px #0c342022; transition:opacity .16s; } #localeLanding .featureButtons { display:grid; gap:10px; margin-top:25px; } #localeLanding .featureButton { width:100%; padding:17px; border:1px solid transparent; border-radius:16px; background:#ffffff9e; text-align:left; cursor:pointer; } #localeLanding .featureButton.active,#localeLanding .featureButton:hover { background:white; border-color:#bbddc4; transform:translateX(6px); } #localeLanding .featureButton b { display:block; } #localeLanding .featureButton small { display:block; margin-top:5px; color:var(--muted); font-size:.8rem; line-height:1.45; }
#localeLanding .screens { background:#fffdf8; } #localeLanding .gallery { display:grid; grid-template-columns:1.3fr .7fr .7fr; grid-template-rows:300px 300px; gap:14px; } #localeLanding figure { margin:0; } #localeLanding .screen { overflow:hidden; position:relative; border-radius:22px; background:#21183d; cursor:zoom-in; } #localeLanding .screen:first-child { grid-row:span 2; } #localeLanding .screen img { width:100%; height:100%; object-fit:cover; object-position:top; transition:.5s; } #localeLanding .screen:hover img { transform:scale(1.045); } #localeLanding figcaption { position:absolute; left:14px; bottom:13px; padding:7px 10px; border-radius:8px; background:#ffffffdf; color:var(--ink); font-size:.75rem; font-weight:800; }
#localeLanding .final { padding:84px 0; } #localeLanding .finalBox { padding:58px; border-radius:30px; color:white; background:linear-gradient(115deg,#137848,#0c573a); position:relative; overflow:hidden; } #localeLanding .finalBox:before { content:""; position:absolute; width:380px; height:380px; right:-80px; top:-180px; border-radius:50%; background:#8fe1aa; opacity:.25; } #localeLanding .finalBox p { max-width:510px; color:#d6f3df; line-height:1.6; } #localeLanding .finalBox .cta { position:relative; z-index:1; background:white; color:#075f38; } #localeLanding footer { padding:34px 0; color:#607268; font-size:.77rem; } #localeLanding .foot { display:flex; justify-content:space-between; gap:15px; border-top:1px solid var(--line); padding-top:24px; }
@keyframes localeFloatA{50%{transform:rotate(-2deg) translateY(-12px)}}@keyframes localeFloatB{50%{transform:rotate(12deg) translateY(13px)}}@keyframes localeFloatC{50%{transform:rotate(-9deg) translateY(-10px)}}@keyframes localeBob{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes localeMarquee{to{transform:translateX(-50%)}}@media(max-width:800px){#localeLanding .links{display:none}#localeLanding .hero{padding-top:35px}#localeLanding .heroGrid,#localeLanding .featureGrid{grid-template-columns:1fr}#localeLanding .stage{height:475px;max-width:460px;width:100%;margin:auto}#localeLanding .p1{left:20%}#localeLanding .cards{grid-template-columns:1fr}#localeLanding .gallery{grid-template-columns:1fr 1fr;grid-template-rows:280px 280px 210px}#localeLanding .screen:first-child{grid-row:span 2}}@media(max-width:520px){#localeLanding .langs{display:none}#localeLanding .w{width:min(100% - 30px,1140px)}#localeLanding .nav .cta{padding:11px 12px;font-size:.72rem}#localeLanding h1{font-size:3.25rem}#localeLanding .stage{height:395px;transform:scale(.9);transform-origin:top center;margin-bottom:-32px}#localeLanding .p1{left:17%}#localeLanding .head{display:block}#localeLanding .head p{margin-top:17px}#localeLanding .gallery{gap:9px;grid-template-rows:240px 240px 170px}#localeLanding .finalBox{padding:40px 25px;border-radius:22px}}@media(prefers-reduced-motion:reduce){#localeLanding *,#localeLanding *:before,#localeLanding *:after{animation:none!important;transition:none!important}}
#localeLanding .nav{position:sticky;top:12px;margin-top:12px;padding:11px 13px;border:1px solid #e4e7f0;border-radius:18px;background:#fffffff0;box-shadow:0 8px 24px #1d27330d;backdrop-filter:blur(14px);z-index:10}#localeLanding .hero{padding:74px 0 90px}#localeLanding .heroGrid{grid-template-columns:1fr .82fr;gap:58px}#localeLanding .stage{height:560px;border:1px solid #2b3150;border-radius:34px;background:radial-gradient(circle at 20% 15%,#5147a3 0,transparent 34%),linear-gradient(145deg,#171d37,#24224a);overflow:hidden;box-shadow:0 28px 65px #26315c28}#localeLanding .stage:before{content:'MZap · Preview';position:absolute;z-index:8;top:19px;left:21px;border:1px solid #ffffff28;border-radius:999px;padding:7px 10px;background:#ffffff13;color:#f4f5ff;font-size:.67rem;font-weight:800;letter-spacing:.04em}#localeLanding .phone.p1{width:268px;left:50%;top:62px;transform:translateX(-50%);animation:localeHeroFloat 5s ease-in-out infinite}#localeLanding .p2,#localeLanding .p3,#localeLanding .note{display:none}#localeLanding .phone:hover{transform:translateX(-50%) scale(1.04)!important}#localeLanding .cards{grid-template-columns:1.3fr .85fr .85fr}#localeLanding .card:first-child{background:linear-gradient(145deg,#eafbf0,#fff)}#localeLanding .card{min-height:250px;border-radius:16px}#localeLanding .feature{border-top:1px solid #dfe3f4;border-bottom:1px solid #dfe3f4}#localeLanding .featureGrid{gap:90px}#localeLanding .gallery{grid-template-columns:1fr 1fr 1fr;grid-template-rows:355px 250px}#localeLanding .screen:first-child{grid-row:span 2}@keyframes localeHeroFloat{50%{transform:translateX(-50%) translateY(-10px)}}@media(max-width:800px){#localeLanding .heroGrid{grid-template-columns:1fr;gap:25px}#localeLanding .stage{height:490px}#localeLanding .cards{grid-template-columns:1fr}#localeLanding .gallery{grid-template-columns:1fr 1fr;grid-template-rows:290px 250px 210px}}@media(max-width:520px){#localeLanding .stage{height:440px;transform:none;margin:0}#localeLanding .phone.p1{width:240px;top:58px}#localeLanding .nav{border-radius:14px}}
html[lang="fr"] #localeLanding .stage:before{content:'MZap · Aperçu'}html[lang="it"] #localeLanding .stage:before{content:'MZap · Anteprima'}html[lang="pt"] #localeLanding .stage:before{content:'MZap · Prévia'}
#localeLanding .phone.p1{display:block;width:224px;left:12%;top:78px;transform:rotate(-6deg);animation:localeFloatA 5s ease-in-out infinite}#localeLanding .phone.p2{display:block;width:182px;right:4%;top:215px;transform:rotate(9deg);animation:localeFloatB 5.5s ease-in-out infinite}#localeLanding .phone.p3{display:block;width:166px;left:1%;bottom:34px;transform:rotate(-12deg);animation:localeFloatC 6s ease-in-out infinite}#localeLanding .note.n1{display:block;top:83px;right:6%;background:#d9ff72}#localeLanding .note.n2{display:block;left:16%;bottom:27px;background:#e5e2ff;color:#4338a5}#localeLanding .phone:hover{transform:rotate(0) scale(1.05)!important}@media(max-width:800px){#localeLanding .phone.p1{left:18%}#localeLanding .phone.p2{right:2%}#localeLanding .phone.p3{left:2%}}@media(max-width:520px){#localeLanding .phone.p1{width:190px;left:16%;top:65px}#localeLanding .phone.p2{width:150px;top:200px}#localeLanding .phone.p3{width:136px;bottom:25px}#localeLanding .note.n1{right:1%;top:48px}#localeLanding .note.n2{left:5%;bottom:15px}}
#localeLanding .stage{border:0;background:transparent;box-shadow:none;overflow:visible}#localeLanding .stage:before,#localeLanding .stage:after{display:none}
#localeLanding .hero{padding:66px 0 46px;background:linear-gradient(180deg,#f9fbff 0%,#fff 72%)}#localeLanding .hero:before{width:760px;height:430px;right:50%;top:30px;transform:translateX(50%);background:radial-gradient(circle,#e6e2ff 0,rgba(230,226,255,0) 68%)}#localeLanding .hero:after{display:none}#localeLanding .heroGrid{display:block;text-align:center}#localeLanding .eyebrow{color:#635bdb}#localeLanding h1{max-width:790px;margin:15px auto;font-size:clamp(3rem,6.1vw,5.9rem);letter-spacing:-.09em}#localeLanding .intro{max-width:570px;margin:0 auto}#localeLanding .actions{justify-content:center}#localeLanding .stage{width:min(1040px,100%);height:590px;margin:34px auto 0;position:relative;background:transparent;border:0;box-shadow:none;overflow:hidden}#localeLanding .stage:before,#localeLanding .stage:after{display:block;content:'';position:absolute;z-index:1;width:172px;height:370px;padding:0;border:7px solid #20213a;border-radius:27px;background-color:#20213a;background-size:cover;background-position:top;box-shadow:0 25px 45px #1d234326}#localeLanding .stage:before{left:4%;top:145px;transform:rotate(-13deg)}#localeLanding .stage:after{right:4%;top:145px;left:auto;transform:rotate(13deg)}html[lang="en"] #localeLanding .stage:before{background-image:url('../screens/en/optimized/02.jpg')}html[lang="en"] #localeLanding .stage:after{background-image:url('../screens/en/optimized/05.jpg')}html[lang="fr"] #localeLanding .stage:before{background-image:url('../screens/fr/optimized/02.jpg')}html[lang="fr"] #localeLanding .stage:after{background-image:url('../screens/fr/optimized/05.jpg')}html[lang="it"] #localeLanding .stage:before{background-image:url('../screens/it/optimized/02.jpg')}html[lang="it"] #localeLanding .stage:after{background-image:url('../screens/it/optimized/05.jpg')}html[lang="pt"] #localeLanding .stage:before{background-image:url('../screens/pt/optimized/02.jpg')}html[lang="pt"] #localeLanding .stage:after{background-image:url('../screens/pt/optimized/05.jpg')}#localeLanding .phone.p1{display:block;width:268px;left:50%;top:15px;z-index:5;transform:translateX(-50%)!important;animation:localizedCenter 5s ease-in-out infinite}#localeLanding .phone.p2{display:block;width:205px;left:23%;right:auto;top:108px;z-index:4;transform:rotate(-8deg);animation:localizedLeft 5.5s ease-in-out infinite}#localeLanding .phone.p3{display:block;width:205px;right:23%;left:auto;top:108px;bottom:auto;z-index:4;transform:rotate(8deg);animation:localizedRight 6s ease-in-out infinite}#localeLanding .note{display:none!important}#localeLanding .phone:hover{transform:scale(1.05)!important}@keyframes localizedCenter{50%{transform:translateX(-50%) translateY(-12px)!important}}@keyframes localizedLeft{50%{transform:rotate(-6deg) translateY(12px)}}@keyframes localizedRight{50%{transform:rotate(6deg) translateY(12px)}}#localeLanding .ticker{background:#fff;border-color:#eceef5}#localeLanding .cards{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){#localeLanding .stage{height:470px;margin-top:20px}#localeLanding .stage:before,#localeLanding .stage:after{display:none}#localeLanding .phone.p1{width:240px;top:18px;left:50%}#localeLanding .phone.p2{width:165px;left:3%;top:145px}#localeLanding .phone.p3{width:165px;right:3%;top:145px}}@media(max-width:520px){#localeLanding .hero{padding-top:42px}#localeLanding h1{font-size:3.15rem}#localeLanding .stage{height:365px}#localeLanding .phone.p1{width:195px;top:8px}#localeLanding .phone.p2{width:130px;left:-3%;top:126px}#localeLanding .phone.p3{width:130px;right:-3%;top:126px}}
#localeLanding{--ink:#201b38;--muted:#625d76;--paper:#fff;--cream:#fff;--line:#e9e5f5;--green:#25d366;--violet:#714ce7;--peach:#ece6ff;--sun:#25d366;background:#fff}#localeLanding .nav{border-color:#e7e2f5;background:#fffffff2}#localeLanding .links{color:#514a68}#localeLanding .hero{padding:64px 0 30px;background:linear-gradient(180deg,#6744da 0%,#8768ed 53%,#fff 100%)}#localeLanding .hero:before{width:840px;height:490px;top:-150px;background:radial-gradient(circle,#a692ff 0,rgba(166,146,255,0) 67%)}#localeLanding .eyebrow{color:#e8e1ff}#localeLanding h1,#localeLanding h1 em{color:#fff}#localeLanding .intro{color:#efeaff}#localeLanding .cta{background:#25d366;color:#062b17;box-shadow:0 10px 22px #164e2a3b;border-radius:999px}#localeLanding .cta:hover{background:#36e477;color:#062b17}#localeLanding .cta.soft{background:#fff;color:#4a327f;border-color:#fff}#localeLanding .stage:before,#localeLanding .stage:after{border-color:#321d70;background-color:#321d70;box-shadow:0 25px 45px #26104b3d}#localeLanding .phone{background:#321d70;box-shadow:0 28px 55px #26104b45}#localeLanding .ticker{background:#fff;border-color:#e9e5f5}#localeLanding .ticker b{color:#714ce7}#localeLanding .card{border-color:#e9e5f5}#localeLanding .card:first-child{background:#f7f4ff}#localeLanding .icon,#localeLanding .card:nth-child(2) .icon,#localeLanding .card:nth-child(3) .icon{background:#efeaff;color:#714ce7}#localeLanding .card:nth-child(2) .icon{background:#e8fff0;color:#16994a}#localeLanding .feature{background:#f6f3ff;border-color:#e3ddf7}#localeLanding .featureShot:after{border-color:#25d366;background:transparent}#localeLanding .featureButton{border-color:#e5dff5}#localeLanding .featureButton.active,#localeLanding .featureButton:hover{border-color:#714ce7}#localeLanding .screens{background:#fff}#localeLanding .screen{background:#321d70}#localeLanding .finalBox{background:linear-gradient(135deg,#6744da,#4f2cae)}#localeLanding .finalBox:before{background:#25d366}#localeLanding .finalBox p{color:#eeeaff}#localeLanding .finalBox .cta{background:#25d366;color:#062b17}#localeLanding footer{background:#4f2cae;color:#ece7ff;padding:38px 0}#localeLanding .foot{border-color:#7255c8}#localeLanding footer a{color:#fff}