/* Aatralz v5 brand system — approved monogram + certification theme */
:root {
  --navy:#0B1F3B;
  --deep:#061629;
  --blue:#008FAE;
  --teal:#00D6BE;
  --brand-mint:#00E6B3;
  --brand-navy:#0B1F3B;
  --brand-ink:#10253D;
}
.site-header{background:#06172C!important;border-bottom:1px solid rgba(116,214,226,.12)!important;color:#fff!important;backdrop-filter:blur(20px)}
.site-header .nav a,.site-header .nav>button,.site-header .main-nav a{color:#DDECF3!important}
.site-header .nav a:hover,.site-header .nav a.nav-active,.site-header .nav>button:hover,.site-header .nav>button.nav-active,.site-header .main-nav a:hover,.site-header .main-nav a.active{color:#21F1BC!important}
.site-header .header-actions .icon-button{color:#E1F4F7!important}
.site-header .nav.nav-open,.static-menu-panel.open{background:#071E36!important}
.site-header .logo-button,.site-header .brand{display:flex;align-items:center;flex-shrink:0}
.site-header .brand img,.site-header .logo-button img{display:block;width:218px!important;height:auto!important;max-height:74px!important;object-fit:contain!important;object-position:left center}
.site-header .header-inner{min-height:87px;gap:15px}
.site-header .nav{gap:15px}
.site-header .nav a{font-size:11px}
.site-header .header-contact{color:#042E32!important}
.site-header .theme-toggle{color:#E4FFFB}
.announcement{background:#041326!important;color:#CFDDE9!important}
.announcement a{color:#44F0C2!important}
.btn-primary,.button-mint,.submit-button,.site-header .button-mint{background:#00E6B3!important;color:#032938!important;border-color:#00E6B3!important;box-shadow:0 12px 32px rgba(0,215,171,.13)}
.btn-primary:hover,.button-mint:hover,.submit-button:hover{background:#48F5CF!important;color:#032938!important}
.btn-secondary{color:#07546D}
.static-main-hero,.hero,.static-page-head,.corporate-hero{background:radial-gradient(ellipse at 80% 15%,rgba(0,182,170,.32),transparent 47%),linear-gradient(120deg,#051529 8%,#06223D 52%,#073C50 100%)!important;color:white}
.static-main-hero:before,.static-page-head:before{content:"";position:absolute;pointer-events:none;width:480px;height:480px;border-radius:50%;background:linear-gradient(130deg,transparent 32%,rgba(0,231,186,.07) 35%,transparent 47%);right:4%;top:-35%}
.static-main-hero h1 em,.hero h1 em,.static-page-head h1 em{color:#00E6B3!important}
.static-hero-visual{background:linear-gradient(145deg,rgba(6,42,67,.98),rgba(3,25,46,.98))!important;border:1px solid rgba(43,212,202,.45)!important;box-shadow:0 24px 80px rgba(0,0,0,.38)!important}
.static-hero-visual .visual-monogram{width:78px;height:78px;background:linear-gradient(140deg,#0B3552,#06233F);border-radius:19px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px #001828;transform:rotate(-3deg);margin-bottom:16px}
.static-hero-visual .visual-monogram img{width:63px;height:63px}
.static-hero-visual h2{margin-top:15px}
.static-hero-visual .overline{font-size:10px}
.static-footer{background:radial-gradient(circle at 100% 0%,#07525D,#071B34 52%,#041326 95%)!important}
.static-footer img{width:222px!important;height:auto!important;max-height:77px!important}
.static-footer .footer-contact-link{display:block;color:#BEF5E4!important;font-weight:700;font-size:12px;margin:9px 0;overflow-wrap:anywhere}
.static-footer .footer-contact-link:hover{color:#fff!important}
.contact-direct{display:flex;flex-direction:column;gap:11px;margin-bottom:24px}
.contact-direct a{font-size:14px;font-weight:700;color:#007E86}
.contact-direct a:hover{text-decoration:underline;color:#00A98E}
.contact-footer-link{display:block;color:#ABF0DE;margin-top:7px;font-size:12px;overflow-wrap:anywhere;text-decoration:none}
.contact-footer-link:hover{color:white}
.site-header .nav-inner{min-height:86px!important;gap:19px}
.site-header .nav-inner .brand img,.site-header .footer-brand img{width:218px!important;height:auto!important;max-height:76px!important}
.site-footer{background:radial-gradient(circle at 100% 0%,#07525D,#061B33 52%,#041326 95%)!important}
.site-footer .footer-brand img{width:212px!important;height:auto!important;max-height:76px!important}
.announcement-inner{padding-block:6px}
.provider-logo,.booking-provider-logo img{object-fit:contain}
/* Contrast in both page modes */
html[data-theme="dark"] .site-header .nav a{color:#DDECF3!important}
html[data-theme="dark"] .contact-direct a{color:#78EFC9}
html[data-theme="dark"] .static-hero-visual{background:linear-gradient(135deg,#09223B,#043344)!important}
@media (max-width:1200px){.site-header .nav{gap:10px}.site-header .nav a{font-size:10.5px}.site-header .brand img,.site-header .logo-button img{width:188px!important}}
@media (max-width:900px){.site-header .header-inner{min-height:75px}.site-header .brand img,.site-header .logo-button img,.site-header .nav-inner .brand img{width:190px!important}.static-menu-panel.open{top:75px!important}}
@media (max-width:650px){.site-header .brand img,.site-header .logo-button img,.site-header .nav-inner .brand img{width:155px!important;max-height:54px!important}.site-header .header-inner{min-height:70px}.static-menu-panel.open{top:70px!important}.static-footer img{width:195px!important}.static-hero-visual{transform:none!important}.site-header .nav-inner{min-height:70px!important}}
@media (max-width:375px){.site-header .brand img,.site-header .logo-button img,.site-header .nav-inner .brand img{width:141px!important}}
@media (prefers-reduced-motion:reduce){.static-hero-visual,.hero-dashboard,.laptop-display{animation:none!important}}
