/* Cielo sereno · public navigation and closing surfaces. */
.serene-chrome :is([data-public-header],.public-nav-dialog,.public-footer-surface) {
  --background:247 250 252; --foreground:16 24 32; --card:255 255 255;
  --secondary:234 244 250; --secondary-foreground:16 24 32; --muted-foreground:52 76 91;
  --border:201 218 229; --primary:46 49 200;
  font-family:"Inter",system-ui,sans-serif; color:#101820;
}
.serene-chrome [data-public-header] { background:rgb(234 244 250 / .82); border-color:rgb(201 218 229 / .55); backdrop-filter:blur(18px) saturate(112%); -webkit-backdrop-filter:blur(18px) saturate(112%); transition:background-color 200ms,border-color 200ms; }
.serene-home-page [data-public-header] { background:rgb(231 245 255 / .22); border-color:rgb(235 248 255 / .32); }
.serene-chrome [data-public-header][data-scrolled="true"] { background:rgb(247 250 252 / .96); border-color:#c9dae5; }
.serene-chrome .public-header-shell { max-width:1440px; min-height:82px; padding:14px 20px; flex-wrap:nowrap; gap:12px; }
.serene-chrome .public-header-left { flex-wrap:nowrap; gap:28px; }
.serene-chrome .public-header-logo img { height:40px!important; width:auto; }
.serene-chrome .public-header-actions { gap:8px; flex-shrink:0; }
.serene-chrome .public-header-language { display:block; }
.serene-chrome [data-public-language] { border:1px solid #8fa8b9; background:rgb(255 255 255 / .55); padding:2px; gap:0; }
.serene-chrome [data-public-language] > :is(a,span) { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; min-height:40px; padding:0; }
.serene-chrome [data-public-language] > [aria-current="true"] { background:#fff; box-shadow:0 1px 5px rgb(18 52 73 / .10); }
.serene-chrome .public-header-contact { font-family:"Inter",system-ui,sans-serif; font-weight:500; min-height:46px; padding:12px 20px; font-size:13px; background:#2e31c8; color:#fff; }
.serene-chrome .public-header-contact::after { content:"→"; margin-inline-start:.4em; }
.serene-chrome .public-mobile-trigger { background:rgb(255 255 255 / .6); border-color:#8fa8b9; }
.serene-chrome .public-desktop-nav { gap:8px 22px; }
.serene-chrome .public-desktop-nav a { font-family:"Inter",system-ui,sans-serif; color:#203b4b; font-size:13px; }
.serene-chrome .public-mega-panel a.bg-primary { min-height:48px; background:#2e31c8; color:#fff; }
.serene-chrome .public-menu-toggle { color:#344c5b; }
.serene-chrome .public-mega-panel { border-radius:24px; background:#fff; border-color:#d7e5ee; box-shadow:0 22px 55px rgb(18 52 73 / .14); }
.serene-chrome .public-mega-sections { gap:20px 36px; padding:32px 32px 16px; }
.serene-chrome .public-mega-kicker { margin-bottom:14px; color:#8ea0b0; letter-spacing:.08em; }
.serene-chrome .public-mega-panel .public-mega-link:not(.public-mega-link-plain) { min-height:46px; border-radius:12px; background:#e7f3fb; color:#173246; font-weight:500; }
.serene-chrome .public-mega-panel .public-mega-link:not(.public-mega-link-plain):hover { background:#d7ebf6; color:#2e31c8; }
.serene-chrome .public-mega-panel .public-mega-link-plain { min-height:46px; border-radius:12px; padding:8px 12px; background:transparent; color:#1b3346; font-weight:500; }
.serene-chrome .public-mega-panel .public-mega-link-plain:hover { background:#e7f3fb; color:#2e31c8; }
.serene-chrome .public-mega-panel .public-mega-link-plain .public-mega-icon { filter:grayscale(1); }
.serene-chrome .public-mega-panel .public-mega-icon.text-primary { color:#4b4fe0; }
.serene-chrome .public-mega-highlight { margin:2px 24px 10px; border-top:1px solid #d7e4ee; padding:16px 8px 14px; color:#3d45d4; font-size:15px; font-weight:600; }
.serene-chrome .public-mega-highlight .public-mega-icon { width:28px; height:28px; border-radius:9px; background:#e7f3fb; color:#4b4fe0; }
.serene-chrome .public-mega-highlight:hover { color:#2e31c8; }
.serene-chrome .public-mega-panel :is(.font-sans,.font-mono) { font-family:"Inter",system-ui,sans-serif; }
.serene-chrome .public-mega-panel .display { font-family:"Manrope","Inter",sans-serif; font-weight:600; font-size:24px; line-height:1.2; letter-spacing:-.025em; text-transform:none; }
.serene-chrome .public-mega-panel [class*="bg-secondary"] { background:#eaf4fa; }
.serene-chrome .public-nav-panel { background:#f7fafc; box-shadow:-10px 0 40px rgb(18 52 73 / .15); }
.serene-chrome .public-nav-panel :is(.font-sans,.font-mono) { font-family:"Inter",system-ui,sans-serif; }
.serene-chrome :is([data-public-header],.public-nav-dialog,.public-footer-surface) :is(a,button):focus-visible { outline:3px solid #2e31c8; outline-offset:4px; }
.serene-chrome .public-header-logo a { isolation:isolate; }
.serene-chrome .public-header-logo a:is(:hover,:focus-visible) img { filter:none; }
.serene-chrome .public-header-logo .wave-anim { color:rgb(46 49 200 / .72); }
.serene-home-page [data-public-header]:not([data-scrolled="true"]) .public-header-logo .wave-anim { color:rgb(255 255 255 / .9); }
.serene-chrome .public-header-logo a:focus-visible > span[aria-hidden] { opacity:1; }
.serene-chrome .public-footer-surface { background:#eaf4fa; }
.serene-chrome .public-footer-surface footer { background:transparent; border-color:#c9dae5; }
.serene-chrome .public-footer-surface .container-canvas { max-width:1280px; padding-inline:20px; padding-block:64px 28px; }
.serene-chrome .public-footer-surface :is(.font-sans,.font-mono) { font-family:"Inter",system-ui,sans-serif; }
.serene-chrome .public-footer-surface [class*="text-muted-fg"] { color:#344c5b; }
.serene-chrome .public-footer-surface [class*="bg-secondary"] { background:#fff; }
.serene-chrome .public-footer-surface a:hover { text-decoration:underline; text-underline-offset:4px; }
.serene-chrome .public-footer-surface [aria-label="The Optimal Flow"]:hover { text-decoration:none; }
.serene-chrome .serene-cta-panel { border:1px solid #c9dae5; border-radius:24px; background:#eaf4fa; color:#101820; box-shadow:none; }
.serene-chrome .serene-cta-panel :is([class~="text-white"],[class~="text-bg"]) { color:#101820; }
.serene-chrome .serene-cta-panel :is([class*="text-white/"],[class*="text-bg/"]) { color:#344c5b; }
.serene-chrome .serene-cta-panel :is(.btn-primary,.serene-contact-button) { min-height:48px; height:auto; max-width:100%; padding:12px 22px; border-radius:999px; background:#2e31c8; color:#fff; font-family:"Inter",system-ui,sans-serif; font-size:14px; line-height:1.5; font-weight:500; text-align:center; }
.serene-chrome .serene-cta-panel :is(a,button):focus-visible { outline:3px solid #2e31c8; outline-offset:4px; }
@media(min-width:640px) {
  .serene-chrome .public-header-shell { padding-inline:32px; }
  .serene-chrome .public-header-logo img { height:45px!important; }
  .serene-chrome .public-footer-surface .container-canvas { padding-inline:32px; }
}
@media(min-width:1120px) and (min-height:480px) {
  .serene-chrome .public-header-shell { min-height:90px; padding:18px 3%; gap:20px; }
  .serene-chrome .public-header-left { flex:1; }
  .serene-chrome .public-header-actions { gap:22px; }
  .serene-chrome .public-header-language { margin-inline-start:-8px; }
  .serene-chrome .public-header-logo img { height:45px!important; }
  .serene-chrome .public-footer-surface .container-canvas { padding-inline:48px; }
}
@media(min-width:1400px) {
  .serene-chrome .public-header-logo img { height:48px!important; }
  .serene-chrome .public-desktop-nav { gap:8px 26px; }
  .serene-chrome .public-desktop-nav a { font-size:14px; }
}
@media(max-width:599px) {
  .serene-chrome .public-header-contact { display:none; }
  .serene-chrome .public-header-shell { gap:8px; }
  .serene-chrome .public-header-logo img { height:36px!important; }
}
@media(max-width:360px) {
  .serene-chrome .public-header-shell { padding-inline:12px; }
  .serene-chrome .public-header-logo img { height:34px!important; }
  .serene-chrome .public-header-actions { gap:6px; }
}
@media(prefers-reduced-motion:reduce) {
  .serene-chrome .public-header-logo .wave-anim { animation:none!important; }
}
