/* Accepted service header and privacy UI. Shared by all new landing templates.
   Page styles must not customize these components. Dimensions cap at 1920px. */
:root{--hero-u:min(1vw,1.77778svh,19.2px);--header-height:calc(7.5 * var(--hero-u));--header-h:var(--header-height)}
.header-hero-v1{position:sticky;top:0;z-index:15;background:#087e51;border-bottom:1px solid #ffffff1a;backdrop-filter:none;font:15px/1.7 Inter,Arial,sans-serif;color:#fff}
.header-hero-v1 .nav.wrap{display:flex;align-items:center;width:calc(86 * var(--hero-u));max-width:none;margin:auto;min-height:calc(var(--header-height) - 1px);gap:calc(2.5 * var(--hero-u))}
.header-hero-v1 .nav .logo{display:block;flex-shrink:0;width:calc(15 * var(--hero-u))}
.header-hero-v1 .logo img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
.header-hero-v1 .nav-links{display:flex;align-items:center;position:static;gap:calc(2.5 * var(--hero-u));margin-left:auto;padding:0;border:0;background:transparent;color:#f1fff6;font-size:clamp(13px,calc(1.1 * var(--hero-u)),24px)}
.header-hero-v1 a{text-decoration:none;color:inherit}
.header-hero-v1 .nav-links a:hover{color:#c5f4d1;text-decoration:underline;text-underline-offset:6px}
.header-hero-v1 .nav>.button{display:inline-flex;align-items:center;justify-content:center;min-height:calc(3.2 * var(--hero-u));padding:0 calc(1.8 * var(--hero-u));font:600 clamp(13px,calc(1 * var(--hero-u)),24px)/1.4 Inter,Arial,sans-serif;border:1px solid #eafff2;background:transparent;color:#fff;border-radius:999px;gap:calc(1.5 * var(--hero-u));box-shadow:none;transition:background .2s}
.header-hero-v1 .nav>.button:hover{background:#00583d;border-color:#00583d}
.header-hero-v1 .arrow{font-size:20px;line-height:1}
.header-hero-v1 .menu-toggle{display:none}
.header-hero-v1 .language-picker{position:relative;flex:none;color:#fff}
.header-hero-v1 .nav .language-picker summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;min-width:calc(8 * var(--hero-u));min-height:calc(3.2 * var(--hero-u));padding:0 calc(1.2 * var(--hero-u));gap:calc(.6 * var(--hero-u));border:1px solid #c5f1cf8c;border-radius:999px;background:#00674435;color:#fff;font:500 clamp(13px,calc(1.1 * var(--hero-u)),24px)/1.2 Inter,sans-serif;transition:background .2s,border-color .2s}
.header-hero-v1 summary::-webkit-details-marker{display:none}
.header-hero-v1 .nav .language-picker[open] summary{background:#ffffff1c}
.header-hero-v1 .language-picker summary .language-flag{width:calc(1.6 * var(--hero-u));height:calc(1.6 * var(--hero-u));border-radius:50%;background:#e30a17;box-shadow:0 0 0 1px #ffffffa6}
.header-hero-v1 .language-flag{display:block;flex:none;overflow:hidden;width:22px;height:16px;border-radius:4px;box-shadow:0 0 0 1px #123d2412}
.header-hero-v1 .language-chevron{display:block;width:calc(.9 * var(--hero-u));height:calc(.9 * var(--hero-u));transition:transform .2s}
.header-hero-v1 .language-picker[open] .language-chevron{transform:rotate(180deg)}
.header-hero-v1 .language-options{position:absolute;right:0;top:calc(100% + 10px);width:215px;min-width:220px;background:#fff;border:1px solid #dde9e0;border-radius:18px;padding:7px;box-shadow:0 14px 35px #003a2933;z-index:30;color:#00583d}
.header-hero-v1 .language-option{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 10px;border-radius:12px;font:500 13px/1.3 Inter,sans-serif;color:#172d24;text-decoration:none}
.header-hero-v1 .language-option[aria-current],.header-hero-v1 .language-option:not([aria-disabled]):hover{background:#edf7ef;color:#00583d}
.header-hero-v1 .language-option small{margin-left:auto;color:#66736a;font-size:10px;font-weight:400;white-space:nowrap}
.header-hero-v1 .language-option[aria-disabled=true]{color:#66736a;cursor:default}
.header-hero-v1 :focus-visible{outline:2px solid #e5ffba;outline-offset:4px}
.header-hero-v1 .language-options :focus-visible{outline-color:#087e51}
@media(max-width:899px), (max-width:1200px) and (max-aspect-ratio:1/1){
 :root{--hero-u:min(1vw,.4626svh);--header-height:calc(16.5 * var(--hero-u) + env(safe-area-inset-top))}
 .header-hero-v1{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 .header-hero-v1 .nav.wrap{position:relative;width:calc(100% - 8 * var(--hero-u));gap:calc(3 * var(--hero-u));min-height:calc(16.5 * var(--hero-u) - 1px)}
 .header-hero-v1 .nav .logo{order:0;width:calc(35 * var(--hero-u));margin-right:auto}
 .header-hero-v1 .nav-links,.header-hero-v1 .nav-links.open,.header-hero-v1 .nav>.button{display:none}
 .header-hero-v1 .nav .language-picker{order:1;margin:0}
 .header-hero-v1 .nav .language-picker summary{min-width:calc(21 * var(--hero-u));min-height:calc(9.8 * var(--hero-u));padding:0 calc(2.4 * var(--hero-u));font-size:calc(3.7 * var(--hero-u));gap:calc(1.5 * var(--hero-u))}
 .header-hero-v1 .language-picker summary .language-flag{width:calc(4.6 * var(--hero-u));height:calc(4.6 * var(--hero-u))}
 .header-hero-v1 .language-chevron{width:calc(3.1 * var(--hero-u));height:calc(3.1 * var(--hero-u))}
 .header-hero-v1 .language-options{right:-48px}
 .header-hero-v1 .nav .menu-toggle{order:2;display:grid;place-items:center;flex:none;background:transparent;border:0;border-radius:12px;color:#f0fff2;width:44px;min-width:44px;min-height:44px;height:44px;padding:8px;margin:0}
 .header-hero-v1 .menu-toggle svg{width:calc(6.5 * var(--hero-u));height:calc(6.5 * var(--hero-u))}
}
@media(max-width:599px) and (max-height:740px) and (orientation:portrait){
 :root{--header-height:calc(60px + env(safe-area-inset-top))}
 .header-hero-v1 .nav.wrap{min-height:59px}.header-hero-v1 .nav .logo{width:124px}
 .header-hero-v1 .nav .language-picker summary{font-size:13px;min-width:74px;min-height:36px}
}
@media(min-width:600px) and (max-width:1200px) and (max-aspect-ratio:1/1){:root{--hero-u:min(.78vw,.46svh);--header-height:calc(16.5 * var(--hero-u) + env(safe-area-inset-top))}}
@media(max-width:899px) and (min-aspect-ratio:1/1){
 :root{--hero-u:min(1vw,2.15svh);--header-height:56px}
 .header-hero-v1 .nav.wrap{width:calc(100% - 40px);min-height:55px}.header-hero-v1 .nav .logo{width:140px}
 .header-hero-v1 .nav .language-picker summary{font-size:13px;min-width:74px;min-height:36px}
 .header-hero-v1 .language-picker summary .language-flag{width:18px;height:18px}.header-hero-v1 .language-chevron{width:12px;height:12px}.header-hero-v1 .menu-toggle svg{width:25px;height:25px}
}
/* Privacy is scoped: never style unrelated video or navigation dialogs. */
.cookie{position:fixed;z-index:20;bottom:22px;right:22px;width:365px;background:#f4faf5;border:1px solid #c0dfcd;padding:23px;border-radius:19px;box-shadow:0 12px 42px #124d2720;color:#172d24;font:15px/1.7 Inter,Arial,sans-serif}
.cookie[hidden]{display:none!important}
.cookie h2{font:600 16px/1.4 Inter,sans-serif;letter-spacing:-.02em;margin:0 0 9px}
.cookie p{font-size:12px;line-height:1.75;color:#4f6f5a;margin:0}
.cookie-actions{display:flex;gap:10px;margin:17px 0 11px}
.cookie-actions button{flex:1;min-height:42px;border:1px solid #00583d;border-radius:8px;padding:9px;background:#00583d;color:#fff;font:400 12px/1.7 Inter,sans-serif;cursor:pointer}
.cookie-actions button.secondary{background:transparent;color:#00583d}
.cookie .cookie-more{padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:3px;font:400 12px/1.7 Inter,sans-serif;color:#00583d;cursor:pointer}
#privacy-dialog{border:1px solid #d1e5d8;border-radius:22px;width:min(510px,calc(100% - 36px));padding:30px;color:#172d24;background:#fff;box-shadow:0 25px 90px #183f2830;max-height:calc(100dvh - 36px);overflow:auto}
#privacy-dialog::backdrop{background:#143c2a66}
#privacy-dialog h2{font:600 28px/1.12 Vastago,Inter,sans-serif;letter-spacing:-.035em;margin:0 0 20px}
#privacy-dialog p{font:400 13px/1.7 Inter,sans-serif;color:#4d685b;margin:0 0 18px}
#privacy-dialog .button{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:15px 23px;min-height:48px;font:600 14px/1.4 Inter,sans-serif;background:#00583d;border:1px solid #00583d;border-radius:11px;color:#fff;cursor:pointer}
.cookie :focus-visible,#privacy-dialog :focus-visible{outline:3px solid #087e51;outline-offset:4px}
@media(max-width:899px){.cookie{width:calc(100% - 20px);left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:20px;padding:18px;max-height:calc(100dvh - 100px);overflow:auto;box-shadow:0 15px 70px #143b2a25}.cookie-actions{gap:8px}.cookie-actions button{min-height:44px;border-radius:11px}}