.site-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.nav-group{position:relative;padding:0;border:0}.nav-group summary{list-style:none;font-size:14px;cursor:pointer;padding:10px 0}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary::after{content:' ▾';font-size:11px}.nav-group[open] summary{color:#146c52}.nav-popover{position:absolute;top:100%;right:0;min-width:190px;padding:10px;background:#fffefa;border:1px solid #dce1d6;border-radius:12px;box-shadow:0 12px 30px #24352e18;z-index:20;display:grid;gap:2px}.nav-popover a{display:block;padding:9px 12px;white-space:nowrap;border-radius:6px}.nav-popover a:hover,.nav-popover a:focus-visible{background:#edf2e9}.site-nav>.nav-current{font-weight:700}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:36px 0 64px}.brand-card{padding:28px;background:#fffefa;border:1px solid #dce1d6;border-radius:22px}.brand-card img{width:88px;height:88px;object-fit:contain;border-radius:20px}.brand-card h2{font-size:24px}.brand-hero{padding:65px 0 35px}.brand-hero h1{max-width:800px}.brand-hero p{max-width:680px;font-size:18px}.brand-note{background:#e8eee5;padding:24px;border-radius:16px}.brand-links{display:flex;gap:20px;flex-wrap:wrap}.policy-note{padding:18px;background:#fff3d9;border-left:3px solid #b78a2d}.legal table{width:100%;border-collapse:collapse;font-size:14px}.legal th,.legal td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #dce1d6}.legal th{width:28%}.brand-page .legal{margin-top:45px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.code-card{background:#eef1fa}.app-icons{display:flex;gap:8px}.app-icons img{width:55px;height:55px;border-radius:12px}@media(max-width:820px){.app-grid,.brand-grid{grid-template-columns:1fr}.site-nav{gap:18px}.nav-popover{left:auto;right:0}.brand-hero{padding-top:32px}.legal table,.legal tbody,.legal tr,.legal th,.legal td{display:block;width:100%}.legal th{padding-bottom:0;border-bottom:0}}

header{flex-wrap:wrap;gap:18px}
header>.language-switch{flex-shrink:0;margin-left:auto}
html[lang="en"] .brand-hero h1,html[lang="en"] .mail-hero h1{overflow-wrap:normal}
@media(max-width:600px){header>.language-switch{margin-left:0}.site-nav{gap:14px}.legal{overflow-wrap:anywhere}}