/* MetyPago public website · MR Labs */
:root {--bg:#f7f8f5;--white:#fff;--ink:#152823;--muted:#64746f;--line:#e2e9e4;--forest:#174e3d;--forest-dark:#103b30;--soft:#e8f1eb;--mint:#bce3cb;--shadow:0 18px 54px rgba(28,62,46,.07)}
*,*::before,*::after {box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%}.shell{width:min(1160px,calc(100% - 56px));margin:auto}.skip{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;padding:16px}.skip:focus{left:16px}.stroke-icon{flex:none}.site-header{height:88px;position:sticky;top:0;z-index:40;background:rgba(247,248,245,.96);border-bottom:1px solid rgba(37,68,50,.06);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand img{display:block;object-fit:cover;border-radius:14px;box-shadow:0 4px 12px #203d2a12}.brand-word{font-size:23px;font-weight:800;letter-spacing:-1.1px;line-height:1.07}.brand-word>span{color:var(--forest)}.brand-word small{font-weight:500;display:block;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#75817b;margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:33px;font-size:14px;color:#475a53;font-weight:600}.desktop-nav>a:hover,.footer-links a:hover,.legal-article a:hover{color:#1f8058}.nav-contact{padding:10px 16px;border:1px solid #cad6cd;border-radius:100px;background:white}.mobile-menu{display:none}.hero{min-height:650px;padding-top:80px;padding-bottom:95px;display:grid;grid-template-columns:1.06fr .94fr;gap:55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#3a7e5e;display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;background:#67bd83;border-radius:50%;box-shadow:0 0 0 5px #e3f1e6}.hero h1{font-size:clamp(48px,5.05vw,72px);line-height:1.095;font-weight:750;letter-spacing:-3.6px;margin:25px 0 24px}.hero h1 span{color:#2a7054}.hero-lead{font-size:18px;line-height:1.8;color:#5e7067;max-width:550px;margin:0 0 32px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:15px 21px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button .stroke-icon{width:18px;height:18px}.button.primary{background:var(--forest);color:#fff;box-shadow:0 9px 20px rgba(24,79,61,.15)}.button.primary:hover{background:#23654e}.button.secondary{background:white;border:1px solid #d6e0d9;color:#2b5141}.trustline{display:flex;gap:17px;flex-wrap:wrap;margin-top:29px;font-size:11px;color:#667970}.trustline span{display:flex;align-items:center;gap:5px}.trustline svg{height:15px;width:15px;color:#28815a}.hero-graphic{min-height:525px;position:relative;display:grid;place-items:center}.hero-graphic:before{content:'';position:absolute;inset:14px -12px 12px 0;background:radial-gradient(ellipse at 65% 28%,#d7ebdf 0,transparent 54%),radial-gradient(ellipse at 35% 82%,#eaf4e7,transparent 55%);border-radius:48%}.app-window{position:relative;width:min(425px,95%);background:white;padding:21px;border:1px solid #dfe9e3;border-radius:26px;box-shadow:0 26px 65px rgba(33,64,49,.12);transform:rotate(-1.1deg)}.app-window-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #edf1ee}.tiny-brand{display:flex;align-items:center;gap:7px;font-weight:800;letter-spacing:-.4px;font-size:16px}.tiny-brand img{width:29px;height:29px;border-radius:9px}.sample-chip{font-size:8px;letter-spacing:1px;font-weight:800;color:#799188}.app-dash{padding:19px 7px 4px}.dash-top,.dash-sub,.dash-end{display:flex;justify-content:space-between;align-items:center}.dash-top{font-size:12px;color:#70827a}.dash-status{font-size:10px;border-radius:50px;background:#eaf4ed;color:#346f4f;padding:4px 8px}.dash-name{font-size:22px;font-weight:740;letter-spacing:-.7px;margin:5px 0 10px}.dash-amount{font-size:37px;font-weight:780;letter-spacing:-1.7px;margin-bottom:21px}.progress-track{height:9px;background:#e6ebe6;border-radius:100px;overflow:hidden}.progress-track div{width:58%;height:100%;border-radius:100px;background:linear-gradient(90deg,#206149,#75bb8d)}.dash-sub{font-size:11px;color:#6c8176;margin-top:13px}.dash-sub strong{color:#194b3b;margin-left:4px}.mini-chart{height:128px;margin-top:38px;display:flex;align-items:end;justify-content:space-between;gap:15px;border-bottom:1px solid #e9efea;background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#eff3ef 32px);padding:0 8px}.mini-chart div{width:100%;max-width:40px;background:linear-gradient(0deg,#cee6d3,#589a78);border-radius:7px 7px 0 0}.mini-chart div:last-child{background:linear-gradient(0deg,#317858,#174e3d)}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:#8a9b92;padding:8px}.dash-end{border-top:1px solid #e9efea;margin-top:22px;padding-top:17px;font-size:11px;color:#61756b}.dash-end span{display:flex;align-items:center;gap:6px}.dash-end svg{height:16px;width:16px}.dash-end strong{color:#1f4d3a}.float-note{position:absolute;bottom:21px;left:-25px;background:#fff;box-shadow:var(--shadow);padding:12px 16px;border-radius:13px;display:flex;align-items:center;gap:10px;border:1px solid var(--line)}.float-note .float-icon{padding:9px;border-radius:10px;background:#e5f2e9;color:#287c58;display:flex}.float-note strong,.float-note small{display:block}.float-note strong{font-size:12px}.float-note small{color:#84938a;font-size:10px}.stat-strip{border-top:1px solid #e8ede8;border-bottom:1px solid #e8ede8;background:#fff}.stats-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 45px;font-size:12px;color:#60756a;font-weight:700;letter-spacing:.2px}.stats-inner i{display:block;height:5px;width:5px;background:#b6d9c4;border-radius:50%}.section{padding-top:108px;padding-bottom:110px}.section-intro{max-width:690px;margin-bottom:37px}.section h2,.privacy-band h2,.final-section h2{font-size:clamp(33px,3.5vw,47px);line-height:1.14;letter-spacing:-1.65px;margin:15px 0 14px}.section-intro p,.privacy-band p,.final-section p{color:#60746b;font-size:16px;line-height:1.85;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{background:#fff;border:1px solid #e2ebe4;border-radius:20px;padding:27px 25px;min-height:235px;box-shadow:0 5px 18px rgba(10,35,18,.025)}.feature-icon{width:48px;height:48px;display:grid;place-items:center;background:#ebf4ee;color:#26704f;border-radius:14px}.feature-card h3{margin:18px 0 7px;font-size:18px;letter-spacing:-.45px}.feature-card p{color:#6a7b71;font-size:13px;line-height:1.8;margin:0}.privacy-band{background:#e6f0e8;border:1px solid #d8e9da;border-radius:28px;padding:58px 78px;display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center}.privacy-band-art{position:relative;width:120px;height:120px;border-radius:36px;display:grid;place-items:center;background:#c7e1ce;color:#206349}.privacy-band-art svg{width:58px;height:58px;stroke-width:1.5}.privacy-band h2{margin-top:13px}.privacy-band p{max-width:740px;font-size:14px}.text-link{color:#19563e;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:8px;margin-top:20px}.text-link svg{width:17px;height:17px}.final-section{text-align:center}.final-section h2{font-size:clamp(38px,4vw,54px)}.final-section p{max-width:570px;margin:auto}.center-kicker{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#46835f;font-weight:800}.center-actions{margin-top:28px;display:flex;justify-content:center;gap:12px}.site-footer{background:#163d30;color:#dceae0;padding-top:55px}.footer-top{display:grid;grid-template-columns:2.5fr 1fr 1.2fr;gap:55px;padding-bottom:53px}.site-footer .brand-word{color:#fff}.site-footer .brand-word>span{color:#98d2ac}.site-footer .brand-word small{color:#b7cfbd}.footer-about p{max-width:350px;font-size:12px;line-height:1.8;color:#afc8b9;margin:19px 0 0}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:12px;color:#b9d0c0}.footer-links strong{color:#fff;font-size:13px;margin-bottom:4px}.footer-bottom{border-top:1px solid #376251;padding:19px 0 23px;display:flex;justify-content:space-between;color:#adccba;font-size:11px}.legal-hero{padding-top:75px;padding-bottom:44px;border-bottom:1px solid #e1e8e2}.legal-hero h1{font-size:clamp(36px,4.3vw,56px);line-height:1.16;letter-spacing:-2px;margin:12px 0 10px}.legal-hero>p{font-size:17px;color:#60726a;max-width:630px;line-height:1.7;margin:0}.legal-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:23px;font-size:12px;color:#778980}.legal-meta>span{display:flex;align-items:center;gap:6px}.legal-meta svg{height:15px;width:15px}.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:75px;padding-top:50px;padding-bottom:112px}.legal-aside{align-self:start;position:sticky;top:125px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:13px;color:#688071}.legal-aside strong{font-size:10px;letter-spacing:1.6px;color:#336f50;margin-bottom:6px}.legal-aside a:hover{color:#1e694b}.legal-article{max-width:760px}.legal-article>section{border-bottom:1px solid #e1eae3;padding:30px 0}.legal-article>section h2{font-size:21px;letter-spacing:-.5px;line-height:1.4;margin:0 0 11px}.legal-article p{font-size:14px;line-height:1.95;color:#596c61;margin:0 0 15px}.legal-article p:last-child{margin-bottom:0}.legal-article a{color:#176e4b;text-decoration:underline;text-underline-offset:3px}.notice{padding:20px 25px;background:#e8f2e9;border:1px solid #d2e5d7;border-radius:16px}.notice strong{display:flex;gap:9px;align-items:center;font-size:13px;color:#295941}.notice svg{width:19px;height:19px}.notice p{margin:8px 0 0;font-size:13px}.contact-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #dfe9e1;padding:22px;border-radius:16px;margin-top:32px}.contact-banner strong,.contact-banner span{display:block}.contact-banner strong{font-size:15px}.contact-banner span{font-size:12px;color:#7b8c82;margin-top:4px}
@media(max-width:920px){.hero{gap:20px}.hero h1{letter-spacing:-2.2px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-band{padding:45px;grid-template-columns:100px 1fr}.privacy-band-art{width:95px;height:95px;border-radius:24px}.legal-layout{gap:30px}}
@media(max-width:700px){.shell{width:min(100% - 34px,550px)}.site-header{height:72px}.brand img{width:43px;height:43px}.brand-word{font-size:20px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;border:1px solid #d5e0d7;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:750;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:45px;width:230px;background:#fff;display:flex;flex-direction:column;gap:0;border:1px solid #d8e2d9;box-shadow:var(--shadow);border-radius:14px;padding:8px}.mobile-menu nav a{padding:11px;font-size:13px}.hero{display:flex;flex-direction:column;padding-top:56px;padding-bottom:70px;min-height:unset;gap:46px}.hero h1{font-size:clamp(42px,10vw,59px);letter-spacing:-2px}.hero-lead{font-size:15px}.hero-graphic{width:100%;min-height:440px}.app-window{width:min(100% - 24px,425px)}.float-note{left:2px;bottom:-6px}.trustline{gap:12px}.stats-inner{flex-wrap:wrap;justify-content:center;gap:10px;padding:16px 0;text-align:center}.stats-inner i{display:none}.stats-inner span{border:1px solid #e6ece6;border-radius:40px;padding:5px 10px}.section{padding-top:74px;padding-bottom:80px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:unset;padding:22px}.privacy-band{grid-template-columns:1fr;padding:30px;gap:22px;border-radius:20px}.privacy-band-art{width:75px;height:75px;border-radius:20px}.privacy-band-art svg{width:40px;height:40px}.footer-top{grid-template-columns:1fr 1fr;gap:36px}.footer-about{grid-column:span 2}.footer-bottom{flex-direction:column;gap:8px}.legal-hero{padding-top:45px}.legal-layout{display:block;padding-top:25px;padding-bottom:80px}.legal-aside{position:relative;top:auto;border:1px solid #e5eee6;background:#fff;border-radius:14px;padding:18px;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:25px}.legal-aside strong{width:100%}.legal-aside a{background:#edf3ed;padding:5px 9px;border-radius:7px;font-size:11px}.legal-article>section{padding:25px 0}.contact-banner{flex-direction:column;align-items:flex-start}.center-actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}