/* Site-wide components, intentionally shared by all pages. */
/* Header stays visible while scrolling: sticky on inner pages, fixed over the homepage hero. */
.site-header{height:var(--header-height);position:sticky;top:0;z-index:40;transition:background .25s,box-shadow .25s;background:var(--navy-950);color:var(--white);border-bottom:1px solid rgba(255,255,255,.10)}
.site-header--overlay{position:fixed;inset:0 0 auto;background:linear-gradient(180deg,rgba(5,15,31,.84),rgba(5,15,31,.06));border-bottom-color:rgba(255,255,255,.10)}
.site-header.is-scrolled{background:rgba(7,17,33,.96);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(3,10,24,.22)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:800;font-size:16px;letter-spacing:-.035em}
.brand__mark{width:38px;height:38px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.site-nav>a:not(.button){font-size:12px;font-weight:650;color:#e2e9f6;white-space:nowrap;transition:color .2s}
.site-nav>a:not(.button):hover,.site-nav>a[aria-current=page]{color:#91a1ff}
.site-nav>a[aria-current=page]::after{content:"";display:block;height:2px;background:var(--lavender);margin-top:7px;margin-bottom:-9px}
.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;color:white;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:10px}
.menu-toggle .icon{height:25px;width:25px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-weight:750;font-size:13px;line-height:1.25;text-align:center;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button .icon{width:17px;height:17px}
.button--primary{background:linear-gradient(115deg,#4e5ffc,#5a6bff);color:white;box-shadow:0 10px 20px rgba(74,90,242,.21)}
.button--primary:hover{background:linear-gradient(115deg,#4054f0,#4d5cf5);box-shadow:0 15px 25px rgba(74,90,242,.25)}
.button--outline-light{background:rgba(8,18,37,.20);border:1px solid rgba(255,255,255,.85);color:white;backdrop-filter:blur(6px)}
.button--outline-light:hover{background:rgba(255,255,255,.15)}
.button--light{background:white;color:var(--navy-900);box-shadow:0 4px 15px rgba(3,13,28,.09)}
.button--small{min-height:38px;padding:0 16px;font-size:12px}
.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:750;font-size:13px}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.text-link .icon{width:16px;height:16px}
.tag{display:inline-flex;align-items:center;padding:5px 9px;border-radius:8px;background:#eef2fa;font-size:11px;color:#4f607a;font-weight:650}
.icon-bubble{height:44px;width:44px;border-radius:14px;background:#edf1ff;color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icon-bubble .icon{width:23px;height:23px}
.icon-bubble--warm{background:#fff1db;color:#fd9b23}
.card{border:1px solid var(--line);background:white;border-radius:var(--radius-md);box-shadow:var(--shadow)}
.card p{font-size:13px}
.card h3{font-size:16px;line-height:1.3;letter-spacing:-.02em}
.pill-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650;color:var(--blue)}
.form-status{font-size:13px!important;margin-top:12px;color:#1e6954!important}
.form-status--error{color:#a43939!important}
.input,textarea.input,select.input{display:block;width:100%;padding:12px 14px;background:#fff;border:1px solid #dbe3f0;border-radius:10px;color:var(--ink);outline:none;transition:border-color .2s}
.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #dce1ff}
.input::placeholder{color:#97a2b5}
.input-label{display:block;font-size:12px;font-weight:700;color:#26344c;margin-bottom:7px}
.site-footer{background:#fff;border-top:1px solid var(--line)}
.footer-top{padding:36px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-brand .brand{font-size:15px}.footer-brand p{font-size:12px}
.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{color:#56647b;font-size:12px;font-weight:650}
.footer-links a:hover{color:var(--blue)}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;padding:20px 0;border-top:1px solid var(--line);color:#8a96a9;font-size:11px}
.footer-bottom a{color:#67738b}
@media(max-width:1060px){.site-nav{gap:17px}.site-nav>a:not(.button){font-size:11px}.brand{font-size:14px}}
@media(max-width:980px){
  .site-header{height:70px}.menu-toggle{display:flex;margin-left:auto}
  .site-nav{position:absolute;top:70px;left:0;right:0;display:none;background:#0b1830;padding:20px max(18px,calc((100vw - var(--container))/2));box-shadow:0 18px 35px rgba(0,0,0,.2);flex-direction:column;align-items:stretch;gap:0}
  .site-nav.is-open{display:flex}.site-nav>a:not(.button){padding:13px 8px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.07)}.site-nav>a[aria-current=page]::after{display:none}
  .site-nav .button{margin-top:16px}
}
@media(max-width:700px){.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{gap:12px 18px}}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lang-switch select{height:34px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#e2e9f6;font-size:12px;font-weight:650}
.lang-switch option{color:var(--ink)}
/* App shell: shown before content renders, without JavaScript, or if content fails to load. */
[data-app][aria-busy=true]{min-height:100vh}
.app-message{display:grid;place-items:center;min-height:60vh;padding:40px 20px;text-align:center}
@media(max-width:980px){.lang-switch{margin-top:16px}.lang-switch select{width:100%;height:44px}}
.image-credit{font-size:10px;color:#8a96a9;margin-top:8px}.image-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}