.wrap{max-width:1440px;margin:0 auto;padding:0 24px}
@media (min-width:640px){.wrap{padding:0 48px}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px}
.skip:focus{top:12px}
.top{position:sticky;top:0;z-index:50;transition:background-color .25s,box-shadow .25s,backdrop-filter .25s}
.top.scrolled{background:var(--bar-bg);box-shadow:0 1px 0 var(--rule),0 10px 30px -18px rgba(6,40,56,.35);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.bar{display:flex;align-items:center;gap:16px;height:72px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--brand-ink);text-decoration:none;flex:none}
.brand .mark{width:34px;height:34px}
.wordmark{font-family:"Archivo",system-ui,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.015em;line-height:1;font-stretch:100%}
.nav{margin-left:auto}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:8px 14px;border-radius:999px;color:var(--nav-ink);text-decoration:none;font-weight:600;font-size:15px}
.nav a:hover{background:var(--nav-hover)}
.bar-end{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 18px;font-weight:700;font-size:15px;text-decoration:none;line-height:1}
.btn svg{width:16px;height:16px}
.btn-get,.avi-link{background:var(--cta-bg);color:var(--cta-ink)}
.lang{position:relative}
.lang summary,.menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:999px;color:var(--nav-ink);font-weight:600;font-size:14px}
.lang summary::-webkit-details-marker,.menu summary::-webkit-details-marker{display:none}
.lang summary:hover,.menu summary:hover{background:var(--nav-hover)}
.flag{border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:none}
.lang ul,.menu nav{position:absolute;right:0;top:calc(100% + 8px);background:var(--pop,#fff);color:var(--ink);border:1px solid var(--rule);border-radius:14px;box-shadow:0 18px 40px -16px rgba(6,40,56,.35);list-style:none;margin:0;padding:6px;min-width:180px;z-index:60}
.lang a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:var(--ink);text-decoration:none;font-weight:500}
.lang a:hover,.lang a[aria-current]{background:var(--nav-hover)}
.menu{position:relative;display:none}
.menu nav ul{list-style:none;margin:0;padding:0}
.menu nav{min-width:220px}
.menu nav a{display:block;padding:12px 14px;border-radius:9px;color:var(--ink);text-decoration:none;font-weight:600}
.menu nav a:hover{background:var(--nav-hover)}
.burger{display:inline-grid;gap:4px}
.burger i{display:block;width:18px;height:2px;border-radius:2px;background:currentColor}
.menu nav .menu-group{padding:4px 0 8px;border-bottom:1px solid var(--rule)}
.menu nav .menu-group h2{font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:8px 14px 4px;line-height:1.3}
.menu nav .btn-menu{display:flex;justify-content:center;margin:10px 4px 4px;padding:14px 18px;color:var(--cta-ink)}
.menu:not([open]) nav{display:none}
.menu[open] summary{background:var(--nav-hover)}
@media (max-width:980px){.nav{display:none}.menu{display:block;position:static}.bar-end{margin-left:auto}.menu nav{left:12px;right:12px;min-width:0;max-height:calc(100vh - 88px);max-height:calc(100svh - 88px);overflow-y:auto;overscroll-behavior:contain}}
@media (min-width:981px){.menu nav .btn-menu{display:none}}
@media (max-width:560px){.menu-txt{display:none}.bar{gap:8px}}
@media (max-width:420px){.top .wrap{padding:0 16px}.bar{gap:6px}.bar-end{gap:2px}.brand{gap:8px}.brand .mark{width:30px;height:30px}.wordmark{font-size:20px}.bar-end>.btn-get{padding:10px 12px;font-size:14px}.bar-end>.btn-get svg{display:none}.lang summary,.menu summary{padding:0 6px}.lang summary{gap:4px}}
@media (max-width:359px){.wordmark{font-size:18px}.brand .mark{width:28px;height:28px}}
.stores{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 20px}
.store{display:inline-flex;flex-direction:column;gap:8px;text-decoration:none;max-width:100%}
.store img{width:180px;max-width:100%;height:auto}
.store img[src*="play-store"]{width:202px}
.store.soon img{opacity:.92}
.store-note{font-size:14px;font-weight:700;color:var(--ink-2)}
.foot{background:var(--foot-bg);color:var(--foot-ink);padding:64px 0 36px;font-size:15px}
.foot a{color:var(--foot-ink)}
.foot .brand{color:var(--foot-brand)}
.foot-top{display:grid;gap:36px;grid-template-columns:1fr 1fr}
@media (min-width:900px){.foot-top{grid-template-columns:2fr 1fr 1fr 1fr}}
.foot-brand{grid-column:1/-1}
@media (min-width:900px){.foot-brand{grid-column:auto}}
.foot-brand p{margin:14px 0 18px;max-width:34ch;color:var(--foot-ink-2)}
.foot h2{font-family:var(--body);font-size:15px;font-weight:700;margin:0 0 12px;color:var(--foot-brand)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot ul a{text-decoration:none}
.foot ul a:hover{text-decoration:underline}
.foot-legal{border-top:1px solid var(--foot-rule);margin-top:44px;padding-top:24px;color:var(--foot-ink-2);font-size:13.5px}
.foot-legal p{max-width:none}
.copy{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.foot .store-note{color:var(--foot-ink-2)}
:root{--bg:#FFFFFF;--ink:#0B3142;--ink-2:#3C5B69;--rule:#D6E9EC;--panel:#FFFFFF;--link:#0A6F6B;--focus:#0E9E98;
--display:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--brand-ink:#0B3142;--nav-ink:#0B3142;--nav-hover:rgba(14,158,152,.12);
--bar-bg:rgba(255,255,255,.92);--cta-bg:#0B3142;--cta-ink:#fff;--tabs-bg:#E6F7F6;--tabs-ink:#0B3142;--tabs-on:#0B3142;--tabs-on-ink:#fff;
--free-bg:#DDF5F2;--free-ink:#065F5B;--pro-bg:#FFE6DF;--pro-ink:#A3321B;--priv-bg:#E4EEF8;--priv-ink:#1D4E7A;--warn:#E8503A;--warn-bg:#FFF0EA;--warn-ink:#7A2614;
--r-card:24px;--check:#0E9E98;--pro-card-bg:linear-gradient(160deg,#0E9E98,#0A6F8F);--pro-card-ink:#fff;--pro-card-ink-2:#DDF7F5;--pro-check:#fff;
--media-bg:linear-gradient(170deg,#C9EFEE 0%,#E9F8F9 55%,#F7FCFC 100%);--foot-bg:#E6F7F6;--foot-ink:#0B3142;--foot-ink-2:#3C5B69;--foot-brand:#0B3142;--foot-rule:#C4E6E4;
--phone-hero:min(340px,84vw);--phone-feat:min(330px,78vw);--phone-safe:min(300px,74vw)}
.top{background:var(--bar-bg);box-shadow:0 1px 0 var(--rule);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
@media (min-width:860px){:root{--phone-feat:clamp(300px,26vw,380px)}}
@media (min-width:980px){:root{--phone-safe:clamp(260px,21vw,320px)}}