/* One header across marketing, checkout and merchant pages. Scoped to navigation. */
html{--site-header-height:77px;scroll-padding-top:calc(var(--site-header-height) + 20px)}
.header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.65;box-shadow:0 4px 16px #102a2a05}
html:lang(el) .header{font-family:'Noto Sans',system-ui,sans-serif}
.header .container.nav{max-width:1280px;width:calc(100% - 96px);margin:0 auto;min-height:76px;padding-block:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header .wordmark{display:inline-flex;align-items:center;gap:8px;font-family:'Manrope',system-ui,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap;text-decoration:none;color:var(--ink)}
.header .wordmark .ai{font-family:'Manrope',system-ui,sans-serif;font-size:11px;line-height:1.4;letter-spacing:.3px;padding:1px 5px;border:1px solid #bdd0c8;border-radius:5px;margin-left:1px;font-weight:750;align-self:center}
.header .nav>nav{display:flex;flex:1;align-items:center;justify-content:center;gap:14px;font-size:14px;font-weight:550;white-space:nowrap}
.header a{text-decoration:none;color:inherit}
.header .nav>nav a:hover,.header .nav-login:hover{color:var(--teal)}
.header .nav-login{font-size:14px;font-weight:650;white-space:nowrap}
.header .nav-signout{font-family:inherit;font-size:14px;font-weight:550;line-height:1.3;height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.header .nav-signout:hover{background:#f3f7f2}
.header .nav-plans{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;font-weight:650;line-height:1.4;white-space:nowrap;text-decoration:none;transition:background .15s}
.header .nav-plans:hover{background:#1e4943;transform:none}
.header .nav-plans-mobile{display:none}
.header .language-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:7px;flex:none}
.header .language-switch a{display:grid;place-items:center;min-width:34px;min-height:34px;padding:3px 6px;font-size:12px;font-weight:650;border-radius:4px;color:#5a7065;line-height:1}
.header .language-switch a[aria-current=page]{background:#eaf2e4;color:var(--ink)}
.header .language-switch a:hover{background:#f0f4ed}
.header .nav-toggle,.header .nav-signout{cursor:pointer}
.header a:focus-visible,.header button:focus-visible{outline:3px solid #277d69;outline-offset:5px}
.header .site-language-suggestion{border-bottom:1px solid #e2e9e1;background:#f6f8f4;font-size:12px;line-height:1.5;color:var(--ink)}
.header .site-language-suggestion[hidden]{display:none!important}
.header .site-language-inner{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-block:4px}
.header .site-language-question{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header .site-language-actions{display:flex;align-items:center;gap:8px}
.header .site-language-icon{flex:none;color:#698177;margin-right:3px}
.header .site-language-actions a,.header .site-language-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border:1px solid transparent;border-radius:6px;font:inherit;line-height:1.5;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.header .site-language-actions a{padding-inline:0;background:transparent;color:var(--teal);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.header .site-language-actions a:hover{background:transparent;color:#245348}
.header .site-language-actions button{background:transparent;color:#526a60;font-weight:500}
.header .site-language-actions button:hover{background:#e9eee7;color:var(--ink)}
.header .site-language-dismiss{position:relative;flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:none;color:#789083;font:inherit;line-height:1;cursor:pointer}
.header .site-language-dismiss svg{display:block;width:14px;height:14px}
.header .site-language-dismiss::before{content:'';position:absolute;inset:-8px}
.header .site-language-dismiss:hover{background:#e9eee7;color:var(--ink)}
@media(max-width:560px){.header .site-language-inner{justify-content:center;gap:7px}.header .site-language-actions{gap:5px}.header .site-language-actions button{padding-inline:10px}.header .site-language-icon{margin-right:2px}}
@media(max-width:380px){.header .site-language-inner{gap:5px}.header .site-language-actions{gap:3px}.header .site-language-actions a,.header .site-language-actions button{font-size:11px}.header .site-language-actions button{padding-inline:7px}.header .site-language-icon{width:15px;height:15px;margin-right:0}}
@media print{.header .site-language-suggestion{display:none}}
body>.skip:focus{z-index:100}
.site-nav-panel{font-family:'DM Sans',system-ui,sans-serif}
html:lang(el) .site-nav-panel{font-family:'Noto Sans',system-ui,sans-serif}
/* Greek labels need a little less width to leave clear space beside the brand and account actions. */
@media(min-width:1381px){html:lang(el) .header .nav>nav{font-size:13px;gap:12px}}
@media(min-width:901px) and (max-width:1380px){html{--site-header-height:106px}.header .container.nav{flex-wrap:wrap;row-gap:16px}.header .nav>nav{order:3;flex-basis:100%;justify-content:center;gap:32px}.header .nav-actions{margin-left:auto}}
@media(max-width:900px){.header .container.nav,html.has-nav-drawer .header .container.nav{width:calc(100% - 40px);min-height:64px;padding-block:10px;gap:12px}.header .wordmark{font-size:23px}}
@media(max-width:560px){.header .container.nav,html.has-nav-drawer .header .container.nav{width:calc(100% - 32px)}}
/* Keep the plan action visible beside the mobile menu; account and languages stay in the drawer. */
@media(max-width:900px){html{--site-header-height:65px}.header .nav-plans-mobile{display:inline-flex;position:relative;min-height:36px;height:36px;padding:7px 12px;margin-left:auto;font-size:12px;flex:none}html.has-nav-drawer .header .nav-toggle{position:relative;margin-left:0;width:36px;height:36px;border-radius:8px}.header .container.nav,html.has-nav-drawer .header .container.nav{gap:8px}.header .nav-plans-mobile::before,html.has-nav-drawer .header .nav-toggle::before{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:44px;min-height:44px;transform:translate(-50%,-50%)}}
@media(max-width:380px){.header .wordmark{font-size:19px;gap:6px}.header .wordmark .brand-icon{width:26px;height:29px;flex-basis:26px}.header .nav-plans-mobile{padding-inline:10px}}
@media print{html{scroll-padding-top:0}.header{position:static;box-shadow:none}}

/* Shared page gutters stay aligned with the navigation at every breakpoint. */
.container{max-width:1280px;width:calc(100% - 96px);margin-inline:auto}
@media(max-width:900px){.container{width:calc(100% - 40px)}}
@media(max-width:560px){.container{width:calc(100% - 32px)}}