/* ===== Caliber PDR — shared site styles (nav, footer, base) ===== */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{ --teal:#00E5D4; --bg:#06080a; }
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--bg); font-family:'Manrope',sans-serif; color:#9aa0a3; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
img{ max-width:100%; }
a{ text-decoration:none; }
::selection{ background:var(--teal); color:var(--bg); }

/* ===== NAV ===== */
.site-nav{ position:fixed; top:0; left:0; right:0; z-index:9000; background:transparent; border-bottom:1px solid transparent; transition:background .5s ease,border-color .5s ease,backdrop-filter .5s ease,box-shadow .5s ease; font-family:'Manrope',sans-serif; }
.site-nav.scrolled{ background:rgba(4,5,7,.92); border-bottom:1px solid rgba(0,229,212,.14); backdrop-filter:blur(22px) saturate(160%); -webkit-backdrop-filter:blur(22px) saturate(160%); box-shadow:0 8px 40px rgba(0,0,0,.55); }
.nav-in{ max-width:1320px; margin:0 auto; height:84px; padding:0 clamp(20px,4vw,48px); display:flex; align-items:center; justify-content:space-between; }
.nav-logo{ display:flex; align-items:center; gap:13px; flex-shrink:0; }
.nav-icon{ width:46px; height:46px; object-fit:contain; filter:drop-shadow(0 0 10px rgba(0,229,212,.22)); transition:filter .3s ease; }
.nav-logo:hover .nav-icon{ filter:drop-shadow(0 0 16px rgba(0,229,212,.45)); }
.nav-brand{ display:flex; flex-direction:column; line-height:1; gap:5px; }
.nav-brand-name{ color:#fff; font-family:'Archivo',sans-serif; font-size:1.02rem; font-weight:800; letter-spacing:5px; }
.nav-brand-sub{ color:rgba(0,229,212,.6); font-family:'Archivo',sans-serif; font-size:.4rem; font-weight:700; letter-spacing:3.6px; text-transform:uppercase; }
.nav-links{ display:flex; align-items:center; gap:clamp(15px,2vw,30px); }
.nav-links a{ position:relative; font-size:.64rem; letter-spacing:2.6px; font-weight:700; color:rgba(255,255,255,.62); text-transform:uppercase; transition:color .25s; white-space:nowrap; }
.nav-links a:hover, .nav-links a.current{ color:#fff; }
.nav-links a.current::after{ content:''; position:absolute; left:0; right:0; bottom:-9px; height:2px; background:var(--teal); }
.nav-right{ display:flex; align-items:center; }
.nav-phone{ color:rgba(255,255,255,.5); font-size:.62rem; font-weight:600; letter-spacing:1.4px; padding-right:22px; margin-right:22px; border-right:1px solid rgba(255,255,255,.1); white-space:nowrap; transition:color .25s; }
.nav-phone:hover{ color:rgba(255,255,255,.9); }
.nav-cta{ background:var(--teal); color:#06080a; font-size:.62rem; font-weight:800; letter-spacing:2px; padding:12px 22px; text-transform:uppercase; white-space:nowrap; transition:background .25s ease,box-shadow .25s ease; }
.nav-cta:hover{ background:#00fff4; box-shadow:0 0 28px rgba(0,229,212,.4); }
.nav-burger{ display:none; background:none; border:none; cursor:pointer; width:40px; height:40px; flex-direction:column; justify-content:center; align-items:center; gap:6px; padding:0; }
.nav-burger span{ width:22px; height:2px; background:#fff; display:block; }
.nav-mobile{ display:none; }
.nav-close{ position:absolute; top:28px; right:28px; background:none; border:1px solid rgba(255,255,255,.18); width:46px; height:46px; color:#fff; font-size:1.3rem; cursor:pointer; display:flex; align-items:center; justify-content:center; }
@media (max-width:1040px){
  .nav-links, .nav-phone, .nav-cta{ display:none; }
  .nav-burger{ display:flex; }
  .nav-mobile{ position:fixed; inset:0; background:rgba(4,5,7,.97); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); z-index:9100; flex-direction:column; justify-content:center; padding:0 32px; }
  .nav-mobile.open{ display:flex; }
  .nav-mobile a{ color:#f2f2f2; font-family:'Archivo',sans-serif; font-size:2rem; font-weight:800; letter-spacing:2px; text-transform:uppercase; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.07); }
  .nav-mobile a:last-child{ color:var(--teal); border-bottom:none; }
}

/* ===== FOOTER ===== */
.site-foot{ background:#040506; border-top:1px solid #131517; font-family:'Manrope',sans-serif; }
.foot-in{ max-width:1320px; margin:0 auto; padding:clamp(48px,7vw,80px) clamp(20px,5vw,48px) 32px; }
.foot-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:44px; margin-bottom:56px; }
.foot-brand{ grid-column:1 / -1; max-width:360px; }
.foot-brand-row{ display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.foot-brand-row img{ width:40px; height:40px; object-fit:contain; filter:drop-shadow(0 0 10px rgba(0,229,212,.18)); }
.foot-brand-name{ color:#fff; font-family:'Archivo',sans-serif; font-size:1.1rem; font-weight:800; letter-spacing:5px; }
.foot-tag{ color:#7b8185; font-size:.92rem; line-height:1.75; margin:0; }
.foot-h{ color:#cfd3d5; font-size:.62rem; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; margin:0 0 20px; }
.foot-link{ display:block; color:#7b8185; margin-bottom:13px; font-size:.9rem; transition:color .2s; }
.foot-link:hover{ color:var(--teal); }
.foot-area{ color:#7b8185; font-size:.9rem; line-height:1.85; margin:0; }
.foot-bottom{ border-top:1px solid #131517; padding-top:26px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.foot-copy{ color:#4a4f52; font-size:.78rem; letter-spacing:.5px; }
.foot-tagr{ color:#4a4f52; font-size:.72rem; letter-spacing:2px; text-transform:uppercase; }
@media (max-width:600px){ .foot-grid{ gap:32px; } }