.ec-site-header.ec-site-header { position: fixed; inset: 0 0 auto; z-index: 80; background: #fffffff5 !important; border-bottom: 1px solid #e8edf4 !important; box-shadow: 0 2px 16px #18223004 !important; backdrop-filter: blur(16px); }
.ec-header-inner, .ec-footer-inner { max-width: 1200px; margin: auto; padding-inline: 24px; }
.ec-header-inner { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.ec-wordmark { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; flex-shrink: 0; font-size: 25px !important; font-weight: 700; color: #182230 !important; letter-spacing: -.9px; line-height: 1.05 !important; }
.ec-logo-mark { font-size: 57px; font-weight: 600; font-style: italic; color: #1a73e8; letter-spacing: -5px; line-height: .8; padding-right: 4px; }
.ec-logo-domain { color: #1a73e8; }
.ec-wordmark small { display: block; font-size: 7px; color: #7a8699; letter-spacing: 1.55px; font-weight: 500; margin-top: 5px; }
.ec-desktop-nav { display: flex; gap: 4px; align-items: center; }
.ec-site-header .ec-desktop-nav a { font-size: 12px; font-weight: 500; padding: 10px 12px; border-radius: 8px; color: #526075 !important; }
.ec-site-header .ec-desktop-nav a:hover, .ec-site-header .ec-desktop-nav a[aria-current] { color: #1967d2 !important; background: #edf4ff !important; }
.ec-header-actions { display: flex; gap: 20px; align-items: center; }
.ec-signin { color: #526075 !important; font-size: 12px; font-weight: 500; }
.ec-site-header .ec-primary-link, #mobile-menu.ec-mobile-drawer .ec-primary-link { display: inline-flex; justify-content: center; align-items: center; gap: 12px; padding: 12px 18px; background: #1a73e8 !important; color: #fff !important; border-radius: 10px; font-size: 12px; font-weight: 600; box-shadow: none !important; }
.ec-primary-link:hover { background: #185abc !important; }
.ec-menu-toggle { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #e4e9f0; border-radius: 10px; background: #fff; color: #182230 !important; font-size: 16px; cursor: pointer; }
.ec-header-inner > .ec-menu-toggle { display: none; }
.ec-menu-overlay { position: fixed; inset: 0; z-index: 90; background: #18223066; backdrop-filter: blur(3px); }
#mobile-menu.ec-mobile-drawer { position: fixed; inset: 0 0 0 auto; z-index: 100; width: 340px; max-width: calc(100vw - 32px); height: 100dvh; background: #fff !important; padding: 22px; display: flex; flex-direction: column; overflow-y: auto; border-left: 1px solid #e4e9f0; box-shadow: -12px 0 48px #18223012 !important; }
#mobile-menu[hidden], .ec-menu-overlay[hidden] { display: none !important; }
.ec-drawer-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.ec-drawer-title { font-size: 15px; font-weight: 600; color: #182230; }
.ec-mobile-drawer nav { display: grid; gap: 4px; background: transparent; }
.ec-mobile-drawer nav a { display: flex; justify-content: space-between; padding: 14px 12px; border-radius: 10px; font-size: 14px; color: #526075 !important; }
.ec-mobile-drawer nav i { font-size: 10px; color: #a0aec0; }
.ec-mobile-drawer nav a:hover, .ec-mobile-drawer nav a[aria-current] { background: #edf4ff !important; color: #1967d2 !important; }
.ec-drawer-actions { display: grid; gap: 16px; text-align: center; margin-top: 24px; padding-top: 24px; border-top: 1px solid #e4e9f0; }
.ec-drawer-contact { display: grid; gap: 12px; margin-top: auto; padding-top: 32px; font-size: 12px; }
.ec-drawer-contact small { color: #8995a7; letter-spacing: 1px; font-size: 9px; }
.ec-site-footer.ec-site-footer { background: #f8fafd !important; border-top: 1px solid #e4e9f0 !important; color: #526075 !important; padding: 0 !important; }
.ec-footer-topline { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 24px 0; border-bottom: 1px solid #e4e9f0; font-size: 12px; }
.ec-footer-topline > span, .ec-made-in { display: flex; align-items: center; gap: 8px; }
.ec-footer-dot { width: 6px; height: 6px; border-radius: 50%; background: #1a73e8; flex-shrink: 0; }
.ec-footer-topline a { color: #1967d2; font-weight: 600; }
.ec-footer-topline a i { margin-left: 14px; font-size: 10px; }
.ec-footer-grid { display: grid; grid-template-columns: 1.5fr .8fr .8fr 1.2fr; gap: 48px; padding: 44px 0; }
.ec-footer-brand p { font-size: 12px; line-height: 1.9; max-width: 265px; margin: 18px 0; }
.ec-social-links { display: flex; gap: 8px; }
.ec-social-links a { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #dfe6ef; border-radius: 10px; color: #526075; background: #fff; font-size: 12px; }
.ec-social-links a:hover { background: #e8f0fe; color: #1967d2; border-color: #c6dafb; }
.ec-footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }
.ec-site-footer .ec-footer-column h3 { font-size: 12px !important; font-weight: 600; color: #182230; margin: 3px 0 8px; }
.ec-footer-column a, .ec-footer-column p { font-size: 12px; color: #667085; line-height: 1.7; margin: 0; }
.ec-footer-column a:hover, .ec-footer-bottom a:hover { color: #1967d2; }
.ec-footer-contact a, .ec-footer-contact p { display: flex; gap: 10px; align-items: baseline; }
.ec-footer-contact i { color: #8995a7; width: 14px; font-size: 11px; }
.ec-made-in { font-size: 9px; color: #667085; margin-top: 5px; background: #edf4ff; padding: 8px 10px; border-radius: 100px; }
.ec-footer-bottom { border-top: 1px solid #e4e9f0; padding: 22px 0; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.ec-footer-bottom p { margin: 0 0 4px; font-size: 10px; }
.ec-footer-bottom small, .ec-footer-bottom small a { font-size: 9px; color: #8995a7; }
.ec-footer-bottom nav { display: flex; flex-wrap: wrap; gap: 22px; }
.ec-footer-bottom nav a { font-size: 10px; color: #667085; }
.ec-site-header a:focus-visible, .ec-site-footer a:focus-visible, .ec-menu-toggle:focus-visible { outline: 3px solid #8ab4f8; outline-offset: 3px; }
@media (max-width: 1099px) { .ec-desktop-nav, .ec-header-actions { display: none; } .ec-header-inner > .ec-menu-toggle { display: grid; } .ec-header-inner { min-height: 72px; } .ec-footer-grid { gap: 28px; grid-template-columns: 1.3fr 1fr; } }
@media (max-width: 600px) { .ec-header-inner, .ec-footer-inner { padding-inline: 20px; } .ec-header-inner { min-height: 70px; } .ec-wordmark { font-size: 23px !important; } .ec-logo-mark { font-size: 50px; } .ec-wordmark small { font-size: 6px; } .ec-footer-topline { font-size: 10px; } .ec-footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 22px; padding: 32px 0; } .ec-footer-brand, .ec-footer-contact { grid-column: 1 / -1; } .ec-footer-brand p { max-width: 320px; } .ec-footer-bottom { align-items: flex-start; flex-direction: column; gap: 18px; } }

.ec-site-header .ec-wordmark img.ec-original-logo, .ec-site-footer .ec-wordmark img.ec-original-logo { height: 48px; width: auto; max-width: 170px; object-fit: contain; background: transparent; border-radius: 0; padding: 0; }
@media (max-width: 600px) { .ec-site-header .ec-wordmark img.ec-original-logo, .ec-site-footer .ec-wordmark img.ec-original-logo { height: 44px; } }

.ec-app-stores { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.ec-app-badge { display: flex; align-items: center; gap: 9px; padding: 10px 13px; border: 1px solid #dfe6ef; border-radius: 10px; background: #fff; color: #233b5b; }
.ec-app-badge > i { font-size: 23px; }
.ec-app-badge .fa-google-play { font-size: 19px; color: #1967d2; }
.ec-app-badge small { display: block; font-size: 8px; color: #667085; line-height: 1.4; }
.ec-app-badge strong { display: block; font-size: 12px; font-weight: 600; line-height: 1.5; }