/* South Promotion: shared layout + responsive layer over the mockup markup */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#15382B;overflow-x:hidden}
*{box-sizing:border-box}
img,svg{max-width:100%}
.page{min-height:100vh}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#FFC93C;color:#15382B;padding:10px 16px;border-radius:999px;font:600 15px 'Onest',sans-serif}
.skip:focus{left:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #FFC93C;outline-offset:2px}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* header */
.topnav{position:relative}
.burger{display:none;width:44px;height:44px;border-radius:12px;background:#15382B;border:0;cursor:pointer;place-items:center;padding:0}
.mmenu{position:fixed;inset:0;z-index:50;background:#15382B;color:#F1FAF5;display:flex;flex-direction:column;overflow-y:auto;font-family:'Onest',system-ui,sans-serif}
.mmenu[hidden]{display:none}
.mm-top{padding:14px 20px;display:flex;align-items:center;gap:10px}
.mm-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#F1FAF5;margin-right:auto}
.mm-close{width:44px;height:44px;border-radius:12px;background:#F1FAF5;border:0;display:grid;place-items:center;cursor:pointer}
.mm-nav{padding:24px 20px 0;display:flex;flex-direction:column}
.ml{display:flex;justify-content:space-between;align-items:center;min-height:60px;border-bottom:1px solid #2E5646;color:#F1FAF5;text-decoration:none;font-family:'Onest',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.03em}
.ml span{color:#FFC93C;font-size:20px}
.ml[aria-current]{color:#FFC93C}
.mm-lang{padding:28px 20px;display:flex;gap:8px;align-items:center}
.mm-lang>span{font-size:14px;color:#A9C8BA;margin-right:auto}
.mm-lang>div{display:flex;border-radius:999px;background:#1E4636;padding:4px;font-size:14px;font-weight:600}
.mm-lang a{min-height:40px;display:grid;place-items:center;padding:0 16px;border-radius:999px;color:#F1FAF5;text-decoration:none}
.mm-lang a.on{background:#F1FAF5;color:#15382B}
.mm-cta{margin-top:auto;padding:20px 20px 32px;display:grid;gap:12px}
.mm-cta a{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:999px;background:#FFC93C;color:#15382B;font-weight:600;text-decoration:none;font-size:17px}
.mm-cta p{margin:0;text-align:center;font-size:13px;color:#A9C8BA}
body.menu-open{overflow:hidden}

@media (max-width:1100px){
  .nav-links,.nav-cta{display:none!important}
  .burger{display:grid}
  .nav-lang{margin-left:auto}
  .topnav{padding:14px 20px!important;gap:10px!important;flex-wrap:nowrap!important}
}

/* prose (privacy, terms) */
.prose{font-size:17px;line-height:1.65;color:#15382B}
.prose h2{font-family:'Onest',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:26px;margin:36px 0 10px}
.prose p{margin:0 0 14px;color:#2F4C42}

main{overflow-x:clip}
main [style*="display:grid"]>*{min-width:0}

/* responsive overrides for fixed mockup grids */
@media (max-width:900px){
  [style*="grid-column:span 2"]{grid-column:auto!important}
  [style*="repeat(4,minmax(0,1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="repeat(5,1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns:2fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:140px"]{grid-template-columns:1fr!important;gap:10px!important}
  [style*="grid-template-columns:140px"]:first-child{display:none!important}
}
@media (max-width:620px){
  [style*="repeat(2,minmax(0,1fr))"]{grid-template-columns:1fr!important}
  [style*="repeat(3,minmax(0,1fr))"]{grid-template-columns:1fr!important}
  form[aria-label]{padding:24px!important;border-radius:24px!important}
  .btn{white-space:normal;text-align:center}
  [style*="left:-28px"]{left:0!important}
}