/* DockScore platform nav + footer — Deep Water design system */

:root{
  --ds-navy:#0B2545;--ds-deepwater:#061528;--ds-teal:#13315C;
  --ds-amber:#E8A547;--ds-amber-dim:rgba(232,165,71,0.12);
  --ds-paper:#F7F4ED;--ds-card:#FFFFFF;--ds-stone:#E5E0D5;
  --ds-ink:#0A0B0C;--ds-graphite:#5F5A52;--ds-mist:#9A958A;
  --ds-green:#2E8B57;--ds-coral:#D4495A;
}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(247,244,237,0.92);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid transparent;transition:border-color 0.3s,box-shadow 0.3s}
.nav.scrolled{border-bottom-color:var(--ds-stone);box-shadow:0 4px 24px rgba(11,37,69,0.04)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1320px;margin:0 auto;padding:0 32px}
.nav-brand{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:22px;font-weight:700;letter-spacing:-0.02em;color:var(--ds-navy);text-decoration:none}
.nav-brand-mark{width:32px;height:32px;background:var(--ds-navy);position:relative;display:flex;align-items:center;justify-content:center}
.nav-brand-mark::before{content:'';position:absolute;inset:6px;border:2px solid var(--ds-amber);border-bottom:none;border-radius:50% 50% 0 0}
.nav-brand-mark::after{content:'';position:absolute;bottom:8px;left:50%;width:14px;height:2px;background:var(--ds-amber);transform:translateX(-50%)}
.nav-links{display:flex;align-items:center;gap:36px;list-style:none}
.nav-link{font-family:'Inter Tight',sans-serif;font-size:14px;font-weight:500;color:var(--ds-navy);display:flex;align-items:center;gap:4px;cursor:pointer;padding:8px 0;transition:color 0.2s;text-decoration:none}
.nav-link:hover,.nav-link.active{color:var(--ds-amber)}
.nav-link .material-symbols-outlined{font-size:16px;opacity:0.6}
.nav-cta-group{display:flex;align-items:center;gap:16px}
.nav-signin{font-family:'Inter Tight',sans-serif;font-size:14px;font-weight:500;color:var(--ds-navy);padding:8px 12px;transition:color 0.2s;text-decoration:none}
.nav-signin:hover{color:var(--ds-amber)}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--ds-amber);color:var(--ds-ink);font-family:'Inter Tight',sans-serif;font-size:14px;font-weight:600;padding:11px 18px;border-radius:6px;transition:transform 0.15s,box-shadow 0.2s,background 0.2s;border:1px solid var(--ds-amber);text-decoration:none}
.btn-primary:hover{background:#D89531;transform:translateY(-1px);box-shadow:0 6px 20px rgba(232,165,71,0.35)}
.btn-primary .material-symbols-outlined{font-size:16px}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--ds-navy);font-family:'Inter Tight',sans-serif;font-size:14px;font-weight:600;padding:11px 18px;border-radius:6px;border:1px solid var(--ds-navy);transition:background 0.2s;text-decoration:none}
.btn-secondary:hover{background:rgba(11,37,69,0.06)}
.nav-mobile{display:none}
@media(max-width:1024px){.nav-links{display:none}.nav-mobile{display:flex;align-items:center;gap:12px}.nav-mobile-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--ds-navy);background:none;border:none;cursor:pointer}}
@media(max-width:768px){.nav-inner{padding:0 20px}}

/* FOOTER */
footer{background:var(--ds-navy);color:#EDE9DF;padding:80px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:64px;max-width:1320px;margin-left:auto;margin-right:auto;padding:0 32px}
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr;gap:32px}}
.footer-brand{display:flex;flex-direction:column;gap:16px}
.footer-brand-logo{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:24px;font-weight:700;color:#EDE9DF;letter-spacing:-0.02em;text-decoration:none}
.footer-brand-logo .nav-brand-mark{background:#EDE9DF}
.footer-brand-logo .nav-brand-mark::before{border-color:var(--ds-amber)}
.footer-brand-logo .nav-brand-mark::after{background:var(--ds-amber)}
.footer-tagline{font-family:'Fraunces',serif;font-style:italic;font-size:15px;color:rgba(237,233,223,0.7);line-height:1.5;max-width:300px}
.footer-lang{display:inline-flex;align-items:center;margin-top:16px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:0.16em;border:1px solid rgba(237,233,223,0.16);border-radius:4px;overflow:hidden;align-self:flex-start}
.footer-lang button{padding:6px 12px;color:rgba(237,233,223,0.6);background:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer;border:none;transition:background 0.2s,color 0.2s}
.footer-lang button.active{background:var(--ds-amber);color:var(--ds-ink)}
.footer-col h4{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:600;letter-spacing:0.18em;color:var(--ds-amber);text-transform:uppercase;margin-bottom:20px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.footer-col li a{font-size:14px;color:rgba(237,233,223,0.7);transition:color 0.2s;text-decoration:none}
.footer-col li a:hover{color:var(--ds-amber)}
.footer-bottom{padding-top:32px;border-top:1px solid rgba(237,233,223,0.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.14em;color:rgba(237,233,223,0.4);text-transform:uppercase;max-width:1320px;margin:0 auto;padding-left:32px;padding-right:32px}
.footer-bottom-links{display:flex;gap:24px}
.footer-bottom-links a{transition:color 0.2s;text-decoration:none;color:inherit}
.footer-bottom-links a:hover{color:var(--ds-amber)}
@media(max-width:768px){.footer-grid{padding:0 20px}.footer-bottom{padding-left:20px;padding-right:20px}}