:root{
  --navy:#06142b;
  --midnight:#020817;
  --blue:#0b5fff;
  --blue2:#2563eb;
  --teal:#0f766e;
  --gold:#f4bf45;
  --paper:#ffffff;
  --soft:#f6f9ff;
  --line:#d7e5f7;
  --muted:#607089;
  --ink:#101c33;
  --shadow:0 26px 70px rgba(6,20,43,.16);
  --shadow2:0 18px 44px rgba(6,20,43,.10);
  --radius:30px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,rgba(11,95,255,.10),transparent 28%),linear-gradient(180deg,#fff 0%,#f7fbff 52%,#fff 100%)}a{text-decoration:none;color:inherit}.container{width:min(100% - 34px,1220px);margin:0 auto}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:16px;top:16px;background:#fff;color:#06142b;padding:12px;border-radius:12px;z-index:1000}.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,229,247,.95)}.nav-shell{height:82px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-mark{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,var(--navy),var(--blue));display:grid;place-items:center;color:#fff;font-weight:1000;box-shadow:0 12px 28px rgba(11,95,255,.25)}.brand-text strong{display:block;font-size:17px;letter-spacing:-.03em;color:var(--navy)}.brand-text small{display:block;color:var(--muted);font-weight:850;font-size:11px;letter-spacing:.02em}.main-nav{display:flex;align-items:center;gap:4px}.main-nav>a,.nav-parent{border:0;background:transparent;color:#24344e;font-size:13px;font-weight:950;padding:11px 10px;border-radius:999px;cursor:pointer}.main-nav>a:hover,.nav-parent:hover,.main-nav>a.active{background:#edf5ff;color:var(--blue)}.nav-group{position:relative}.submenu{display:none;position:absolute;top:44px;left:0;min-width:268px;border-radius:22px;background:#fff;border:1px solid var(--line);padding:10px;box-shadow:var(--shadow2)}.nav-group:hover .submenu,.nav-group.open .submenu{display:grid;gap:4px}.submenu a{padding:11px 12px;border-radius:14px;color:#1b2d49;font-weight:900;font-size:13px}.submenu a:hover{background:#f0f7ff;color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:10px}.lang-links{display:flex;gap:4px;background:var(--navy);padding:5px;border-radius:999px}.lang-links a{color:#dbeafe;font-weight:1000;font-size:12px;padding:8px 10px;border-radius:999px}.lang-links a.active{background:#fff;color:var(--navy)}.client-btn,.menu-toggle{border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:12px 15px;font-weight:1000;font-size:13px;box-shadow:0 12px 28px rgba(11,95,255,.23);white-space:nowrap;cursor:pointer}.menu-toggle{display:none;background:var(--navy)}.hero{padding:36px 0 18px}.hero-card{position:relative;overflow:hidden;border-radius:42px;padding:40px;color:#fff;background:radial-gradient(circle at 86% 10%,rgba(244,191,69,.30),transparent 27%),radial-gradient(circle at 2% 98%,rgba(15,118,110,.34),transparent 32%),linear-gradient(135deg,#020817 0%,#06142b 45%,#0b5fff 100%);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.18)}.hero-card:before{content:"";position:absolute;inset:-120px auto auto -120px;width:260px;height:260px;background:rgba(255,255,255,.09);border-radius:50%;filter:blur(2px)}.hero-card:after{content:"";position:absolute;right:-135px;bottom:-150px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.10)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(315px,.88fr);gap:28px;align-items:center}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:#eaf3ff;border:1px solid #b9d8ff;color:#1e3a8a;font-size:12px;font-weight:1000;margin-bottom:12px;letter-spacing:.02em}.hero .eyebrow{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22);color:#dbeafe}.hero h1,.page-title h1{margin:0 0 14px;font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-1.75px}.hero p,.page-title p{margin:0;max-width:880px;color:#dbeafe;font-size:16px;line-height:1.66;font-weight:760}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:14px 18px;font-size:14px;font-weight:1000}.btn.primary{background:#fff;color:var(--navy)}.btn.secondary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border:1px solid rgba(255,255,255,.18)}.btn.ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22)}.btn.dark{background:var(--navy);color:#fff}.hero-panel{border-radius:30px;padding:24px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.panel-logo{width:76px;height:76px;border-radius:24px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:1000;font-size:24px;margin-bottom:16px}.hero-panel h3{margin:0 0 10px;font-size:28px;line-height:1.08}.hero-panel p{font-size:14px;color:#dbeafe;line-height:1.55}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.metric-row b{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px;text-align:center;color:#fff}.section{padding:18px 0}.section-card{border-radius:34px;background:#fff;border:1px solid var(--line);padding:31px;box-shadow:0 18px 48px rgba(6,20,43,.07)}.section-card.dark{background:linear-gradient(135deg,var(--navy),#0b1f44 66%,var(--blue));color:#fff;border-color:rgba(255,255,255,.16)}.section-card.dark h2,.section-card.dark .intro{color:#fff}.section-card h2,.cta h2{font-size:clamp(28px,3.55vw,48px);line-height:1.08;letter-spacing:-.9px;margin:0 0 10px;color:var(--navy)}.intro{margin:0;color:var(--muted);line-height:1.65;font-weight:780;font-size:15px;max-width:980px}.grid-2,.grid-3,.grid-4,.grid-5{display:grid;gap:15px;margin-top:22px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.feature-card,.solution-card,.support-card,.price-card,.ecosystem-card,.portal-card{border-radius:26px;padding:22px;background:#fff;border:1px solid var(--line);min-height:205px;color:var(--navy);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover,.ecosystem-card:hover,.portal-card:hover,.support-card:hover,.price-card:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}.feature-card.dark-card,.price-card.featured,.ecosystem-card.featured{background:linear-gradient(135deg,var(--navy),var(--midnight));color:#fff;border-color:#183567}.icon,.solution-card span,.support-card span,.ecosystem-card .eco-icon,.portal-card .portal-icon{width:56px;height:56px;border-radius:19px;background:linear-gradient(135deg,var(--navy),var(--blue));display:grid;place-items:center;color:#fff;font-size:26px;margin-bottom:14px}.icon.gold{background:linear-gradient(135deg,#8a5a00,var(--gold));}.icon.teal{background:linear-gradient(135deg,var(--teal),#14b8a6)}.feature-card h3,.solution-card strong,.support-card h3,.price-card h3,.ecosystem-card h3,.portal-card h3{margin:0 0 8px;font-size:20px;line-height:1.12}.feature-card p,.solution-card p,.support-card p,.price-card p,.ecosystem-card p,.portal-card p{margin:0;color:var(--muted);font-weight:760;line-height:1.55;font-size:13.5px}.dark-card p,.featured p{color:#dbeafe}.card-link{margin-top:auto;display:inline-flex;align-self:flex-start;border-radius:999px;background:var(--navy);color:#fff!important;padding:10px 13px;font-weight:1000;font-size:12px}.featured .card-link{background:#fff;color:var(--navy)!important}.ecosystem-card.warn{border-left:7px solid #f97316}.ecosystem-card.blue{border-left:7px solid var(--blue)}.ecosystem-card.green{border-left:7px solid var(--teal)}.ecosystem-card.gold{border-left:7px solid var(--gold)}.support-band{border-radius:34px;padding:30px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:22px;align-items:center;box-shadow:0 18px 48px rgba(6,20,43,.06)}.support-band h2{font-size:clamp(27px,3vw,40px);line-height:1.1;margin:0 0 10px;color:var(--navy)}.support-band p{color:var(--muted);line-height:1.6;font-weight:780}.support-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-actions a{border-radius:18px;padding:16px;background:var(--navy);color:#fff;font-weight:1000;text-align:center}.support-actions a:nth-child(1),.support-actions a:nth-child(4){background:var(--blue)}.support-actions a.hr{background:var(--teal)}.cta{margin:18px 0 30px}.cta .container{border-radius:38px;padding:38px;text-align:center;background:radial-gradient(circle at top left,rgba(244,191,69,.22),transparent 32%),linear-gradient(135deg,var(--navy) 0,var(--midnight) 100%);color:#fff}.cta h2{color:#fff;max-width:960px;margin:0 auto 12px}.cta p{color:#dbeafe;max-width:880px;margin:0 auto;line-height:1.6;font-weight:780}.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}.timeline article{border-radius:24px;padding:20px;background:#fff;border:1px solid var(--line);min-height:206px}.timeline b,.price-card span.badge{display:inline-grid;place-items:center;min-width:48px;height:48px;border-radius:16px;background:var(--navy);color:#fff;margin-bottom:12px;padding:0 10px;font-weight:1000}.notice{margin-top:18px;border-radius:20px;background:#e9f3ff;border:1px solid #b9d8ff;color:#1e3a8a;padding:16px;font-weight:850;line-height:1.55}.notice.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.notice.good{background:#ecfdf5;border-color:#99f6e4;color:#0f766e}.footer{background:var(--midnight);color:#dbeafe;padding:38px 0;margin-top:20px}.footer-grid{display:grid;grid-template-columns:1.25fr .85fr .95fr 1fr;gap:24px}.footer h4{margin:0 0 10px;color:#fff}.footer a{display:block;color:#dbeafe;margin:8px 0;font-weight:850}.footer p{line-height:1.55;color:#bfdbfe}.footer .brand-text strong,.footer .brand-text small{color:#fff}.language-note{font-size:12px;color:var(--muted);margin-top:6px;font-weight:800}.page-title{padding:34px 0 8px}.page-title .section-card{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.page-title h1{font-size:clamp(34px,4.2vw,56px)}.page-title .kicker{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22);color:#dbeafe}.hr-badge{display:inline-flex;border-radius:999px;background:#ecfdf5;border:1px solid #99f6e4;color:var(--teal);padding:8px 12px;font-weight:1000;font-size:12px;margin-top:12px}.quote-card{border-radius:28px;background:#f7fbff;border:1px solid var(--line);padding:22px;margin-top:18px}.quote-card p{margin:0;color:#334155;font-weight:850;line-height:1.62}.form-shell{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.form-shell input,.form-shell textarea,.form-shell select{width:100%;border:1px solid #cbd5e1;border-radius:16px;padding:14px;font:inherit;color:#0f172a;background:#fff}.form-shell textarea{grid-column:1/-1;min-height:130px}.form-shell .btn{border:0;cursor:pointer}.form-shell .full{grid-column:1/-1}.mini-label{font-size:12px;color:#64748b;font-weight:900;margin-top:8px}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.badge-row span{border-radius:999px;padding:8px 11px;background:#edf5ff;color:#1e3a8a;font-weight:950;font-size:12px}.table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;overflow:hidden;border-radius:22px;border:1px solid var(--line)}.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f0f7ff;color:var(--navy);font-size:13px}.table tr:last-child td{border-bottom:0}.table td{color:#475569;font-weight:750}.hide{display:none!important}
@media(max-width:1120px){.nav-shell{height:auto;min-height:82px;padding:14px 0;align-items:flex-start}.main-nav{display:none;position:absolute;top:84px;left:17px;right:17px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 30px 70px rgba(6,20,43,.18);align-items:stretch;justify-content:flex-start}.main-nav.open{display:grid}.nav-group{width:100%}.nav-parent,.main-nav>a{width:100%;text-align:left;border-radius:14px}.submenu{position:static;box-shadow:none;margin:6px 0 8px 14px;min-width:auto}.menu-toggle{display:inline-flex}.client-btn{display:none}.hero-grid,.support-band{grid-template-columns:1fr}.grid-4,.grid-5,.timeline,.footer-grid{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.container{width:min(100% - 20px,1220px)}.brand-text small{display:none}.hero-card,.section-card,.cta .container,.support-band{border-radius:24px;padding:22px 16px}.hero h1,.page-title h1{font-size:32px}.hero p,.intro,.page-title p{font-size:14px}.grid-2,.grid-3,.grid-4,.grid-5,.timeline,.footer-grid,.support-actions,.form-shell{grid-template-columns:1fr}.hero-actions,.cta-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.feature-card,.solution-card,.support-card,.price-card,.ecosystem-card,.portal-card{min-height:auto}.nav-actions{gap:6px}.lang-links a{padding:8px 9px}.metric-row{grid-template-columns:repeat(2,1fr)}.form-shell textarea,.form-shell .full{grid-column:1}.table{display:block;overflow-x:auto}.site-header{position:relative}}


/* ===== MENU FIX v7.1 =====
   Evita que el submenu se cierre al mover el cursor o tocar opciones en mobile. */
.nav-parent{position:relative;z-index:3;display:inline-flex;align-items:center;gap:7px}.nav-parent:after{content:"⌄";font-size:12px;line-height:1;opacity:.72;transition:transform .18s ease}.nav-group.open>.nav-parent:after,.nav-group:hover>.nav-parent:after{transform:rotate(180deg)}.nav-group{position:relative;padding-bottom:10px;margin-bottom:-10px}.nav-group:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;display:block}.submenu{top:calc(100% + 6px);z-index:1001;display:none;gap:4px;pointer-events:auto}.nav-group:hover>.submenu,.nav-group.open>.submenu{display:grid}.submenu a{display:flex;align-items:center;gap:8px;min-height:42px}.submenu a:active{transform:scale(.99)}
@media(max-width:1120px){.main-nav{max-height:calc(100vh - 110px);overflow:auto;z-index:1002}.nav-group{padding-bottom:0;margin-bottom:0}.nav-group:after{display:none}.nav-parent{display:flex;justify-content:space-between}.submenu{display:none!important;position:static!important;margin:7px 0 10px 0!important;padding:8px!important;border-radius:18px!important;background:#f8fbff!important;border:1px solid #d7e5f7!important;box-shadow:none!important}.nav-group.open>.submenu{display:grid!important}.submenu a{background:#fff;border:1px solid #edf3fb}.submenu a:hover{background:#edf5ff}.main-nav>a,.nav-parent{min-height:46px;padding:13px 14px!important}}
@media(min-width:1121px){.nav-group.open>.nav-parent,.nav-group:hover>.nav-parent{background:#edf5ff;color:var(--blue)}.submenu{animation:submenuFade .16s ease both}@keyframes submenuFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}


/* v7.3 Simple Menu: fewer options, no dropdown confusion */
.simple-nav{gap:6px!important;}
.simple-nav a{padding:10px 12px!important;font-size:13px!important;}
.simple-nav a.active{background:#edf5ff!important;color:var(--blue)!important;}
@media(min-width:1121px){.simple-nav{display:flex!important;align-items:center!important;}.simple-nav a{white-space:nowrap;}}
@media(max-width:1120px){.simple-nav{display:none;position:absolute;top:84px;left:17px;right:17px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:0 30px 70px rgba(6,20,43,.18);z-index:1002;}.simple-nav.open{display:grid!important;}.simple-nav a{width:100%;text-align:left;border-radius:14px;min-height:46px;padding:13px 14px!important;}.main-nav.simple-nav{max-height:calc(100vh - 110px);overflow:auto;}}


/* ===== v7.5 MOBILE NAVIGATION REPAIR + PROFESSIONAL APP POLISH =====
   Fixes mobile margins, prevents menu from closing unexpectedly, improves touch layout,
   and adds safe spacing for phones/tablets. */
:root{
  --mobile-menu-top: 92px;
  --mobile-menu-side: 12px;
}
.site-header{isolation:isolate;}
.nav-shell{position:relative;}
.mobile-nav-action{display:none!important;}

@media(max-width:1120px){
  html,body{max-width:100%;overflow-x:hidden;}
  body.menu-open{overflow:hidden;touch-action:none;}

  .site-header{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(18px);
  }

  .container{width:min(100% - 22px,1220px)!important;}

  .nav-shell{
    min-height:78px!important;
    height:auto!important;
    padding:12px 0!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
  }

  .brand{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:10px!important;
  }

  .brand-mark{
    width:46px!important;
    height:46px!important;
    border-radius:16px!important;
    flex:0 0 46px!important;
  }

  .brand-text{min-width:0!important;}
  .brand-text strong{
    font-size:15px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:42vw!important;
  }

  .nav-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    min-width:0!important;
  }

  .lang-links{
    padding:4px!important;
    border-radius:999px!important;
    flex:0 0 auto!important;
  }

  .lang-links a{
    padding:7px 9px!important;
    font-size:11px!important;
    line-height:1!important;
  }

  .menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:10px 12px!important;
    border-radius:999px!important;
    box-shadow:0 12px 28px rgba(6,20,43,.18)!important;
    flex:0 0 auto!important;
  }

  .client-btn{display:none!important;}

  .main-nav,
  .main-nav.simple-nav{
    display:none!important;
    position:fixed!important;
    top:var(--mobile-menu-top)!important;
    left:var(--mobile-menu-side)!important;
    right:var(--mobile-menu-side)!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--mobile-menu-top) - 14px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:14px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(215,229,247,.98)!important;
    border-radius:26px!important;
    box-shadow:0 32px 90px rgba(2,8,23,.24)!important;
    z-index:10000!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .main-nav.open,
  .main-nav.simple-nav.open{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .main-nav a,
  .main-nav.simple-nav a,
  .nav-parent{
    display:flex!important;
    width:100%!important;
    min-height:50px!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:14px 15px!important;
    border-radius:17px!important;
    background:#f8fbff!important;
    border:1px solid #e7f0fb!important;
    color:#15233b!important;
    text-align:left!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1.15!important;
  }

  .main-nav a.active,
  .main-nav.simple-nav a.active{
    background:linear-gradient(135deg,#06142b,#0b5fff)!important;
    color:#ffffff!important;
    border-color:#0b5fff!important;
  }

  .main-nav a:after,
  .main-nav.simple-nav a:after{
    content:"›";
    font-size:22px;
    line-height:1;
    opacity:.65;
    margin-left:auto;
  }

  .mobile-nav-action{
    display:flex!important;
  }
  .mobile-nav-action.dashboard{
    background:linear-gradient(135deg,#0b5fff,#2563eb)!important;
    color:#ffffff!important;
    border-color:#0b5fff!important;
  }
  .mobile-nav-action.ticket{
    background:linear-gradient(135deg,#0f766e,#14b8a6)!important;
    color:#ffffff!important;
    border-color:#0f766e!important;
  }

  .nav-group{width:100%!important;padding:0!important;margin:0!important;}
  .nav-group:after{display:none!important;}
  .submenu{
    position:static!important;
    display:none!important;
    margin:7px 0 8px!important;
    min-width:0!important;
    width:100%!important;
    padding:9px!important;
    border-radius:18px!important;
    box-shadow:none!important;
    background:#f1f7ff!important;
    border:1px solid #dbeafe!important;
  }
  .nav-group.open>.submenu{display:grid!important;gap:7px!important;}
  .submenu a{background:#ffffff!important;border:1px solid #e6eef8!important;}

  body.menu-open:before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(2,8,23,.26);
    backdrop-filter:blur(2px);
    z-index:9998;
  }
}

@media(max-width:720px){
  :root{--mobile-menu-side:10px;}
  .container{width:min(100% - 20px,1220px)!important;}
  .site-header{position:sticky!important;}
  .brand-text small{display:none!important;}
  .brand-text strong{max-width:36vw!important;}
  .nav-shell{min-height:72px!important;padding:10px 0!important;}
  .brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:15px!important;}
  .menu-toggle{font-size:0!important;width:42px!important;height:42px!important;padding:0!important;border-radius:999px!important;}
  .menu-toggle:before{content:"☰";font-size:18px;line-height:1;}
  .menu-toggle[aria-expanded="true"]:before{content:"×";font-size:24px;}
  .lang-links a{padding:7px 8px!important;font-size:10.5px!important;}
  .main-nav,.main-nav.simple-nav{
    border-radius:22px!important;
    padding:12px!important;
  }
  .hero{padding-top:18px!important;}
  .hero-card,.section-card,.cta .container,.support-band{border-radius:26px!important;padding:22px 16px!important;}
}

@media(max-width:420px){
  .container{width:min(100% - 16px,1220px)!important;}
  :root{--mobile-menu-side:8px;}
  .brand-text strong{max-width:34vw!important;font-size:14px!important;}
  .lang-links{display:none!important;}
  .menu-toggle{width:44px!important;height:44px!important;}
  .main-nav,.main-nav.simple-nav{left:8px!important;right:8px!important;}
}