@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap');

:root { --navy:#0b1739; --navy-2:#111f46; --blue:#2f76ff; --blue-light:#dce8ff; --ink:#101728; --muted:#60697a; --line:#dce1ea; --surface:#f4f7fb; --white:#fff; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:"DM Sans",sans-serif; font-size:1rem; line-height:1.65; }
a { color:inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; left:1rem; top:1rem; z-index:100; background:var(--white); color:var(--navy); padding:.7rem 1rem; border-radius:.4rem; transform:translateY(-200%); }
.skip-link:focus { transform:none; }
.site-header { min-height:84px; max-width:var(--max); margin:0 auto; padding:0 2rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.brand { display:inline-flex; align-items:center; gap:.85rem; text-decoration:none; font-family:"Manrope",sans-serif; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; color:var(--white); background:var(--navy); border-radius:.6rem; font-weight:800; letter-spacing:-.08em; padding-right:.1em; }
.brand-name { font-size:1.02rem; font-weight:700; letter-spacing:-.025em; }
.brand-name small { font-size:.64rem; color:var(--blue); letter-spacing:.08em; margin-left:.2rem; }
.main-nav,.legal-nav { display:flex; align-items:center; gap:2rem; }
.main-nav a,.legal-nav a { position:relative; color:#323b4e; text-decoration:none; font-size:.93rem; font-weight:600; }
.main-nav a::after,.legal-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-.35rem; height:2px; background:var(--blue); transition:right .2s ease; }
.main-nav a:hover::after,.main-nav a:focus-visible::after,.legal-nav a:hover::after,.legal-nav a:focus-visible::after { right:0; }
.menu-button { display:none; width:44px; height:44px; border:1px solid var(--line); border-radius:.55rem; background:var(--white); align-items:center; justify-content:center; flex-direction:column; gap:4px; }
.menu-button>span:not(.sr-only) { width:19px; height:2px; background:var(--navy); }
.hero { max-width:var(--max); min-height:650px; margin:0 auto; padding:5.6rem 2rem 6rem; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); align-items:center; gap:6vw; }
.eyebrow,.section-number { margin:0 0 1.1rem; color:var(--blue); font-size:.78rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.hero h1,.section h2,.legal-hero h1 { margin:0; font-family:"Manrope",sans-serif; font-weight:700; letter-spacing:-.055em; line-height:1.02; }
.hero h1 { max-width:760px; font-size:clamp(3.3rem,6.5vw,6.2rem); }
.hero h1 span { color:var(--blue); }
.hero-lead { max-width:650px; margin:2rem 0 2.3rem; color:var(--muted); font-size:clamp(1.05rem,1.6vw,1.28rem); }
.hero-panel { min-height:420px; padding:2rem; color:var(--white); background:var(--navy); border-radius:1rem; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; position:relative; box-shadow:0 30px 70px rgba(11,23,57,.18); }
.hero-panel::before { content:""; position:absolute; width:310px; height:310px; border:70px solid rgba(47,118,255,.45); border-radius:50%; top:-130px; right:-145px; }
.hero-panel::after { content:""; position:absolute; width:120px; height:120px; background:var(--blue); border-radius:50%; top:40%; left:-65px; opacity:.85; }
.monogram { font-family:"Manrope",sans-serif; font-size:clamp(5rem,10vw,8rem); font-weight:800; letter-spacing:-.11em; line-height:.8; position:relative; z-index:1; }
.hero-panel p { margin:2.4rem 0 .8rem; font-size:1.05rem; font-weight:600; position:relative; z-index:1; }
.panel-line { height:2px; width:100%; background:var(--blue); position:relative; z-index:1; }
.section { max-width:var(--max); margin:0 auto; padding:7rem 2rem; }
.intro { border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.section h2 { font-size:clamp(2.25rem,4vw,4rem); }
.intro-copy { padding-top:2rem; color:var(--muted); font-size:1.08rem; }
.intro-copy p:first-child { margin-top:0; color:var(--ink); }
.principles { max-width:none; background:var(--surface); }
.principles>* { max-width:calc(var(--max) - 4rem); margin-left:auto; margin-right:auto; }
.section-heading { margin-bottom:3rem; }
.principle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.principle-grid article { min-height:290px; padding:2.3rem; background:var(--white); }
.principle-grid span { color:var(--blue); font-family:"Manrope",sans-serif; font-size:.78rem; font-weight:800; }
.principle-grid h3 { margin:5rem 0 .8rem; font-family:"Manrope",sans-serif; font-size:1.45rem; letter-spacing:-.03em; }
.principle-grid p { margin:0; color:var(--muted); }
.site-footer { max-width:var(--max); margin:0 auto; padding:3rem 2rem; display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.brand-footer .brand-mark { background:var(--blue); }
.footer-meta { color:var(--muted); font-size:.82rem; text-align:right; }
.footer-meta p { margin:.65rem 0 0; }
.footer-links { display:flex; justify-content:flex-end; gap:1.4rem; }
.footer-links a { color:var(--ink); text-underline-offset:.25em; }
.legal-page { background:var(--surface); }
.legal-page .site-header { background:var(--surface); }
.legal-main { padding-bottom:6rem; }
.legal-hero { max-width:900px; margin:0 auto; padding:7rem 2rem 4rem; }
.legal-hero h1 { font-size:clamp(3.2rem,7vw,6.5rem); }
.legal-hero>p:last-child { margin:1.5rem 0 0; color:var(--muted); }
.legal-content { max-width:900px; margin:0 auto; padding:3.5rem 4rem; background:var(--white); border:1px solid var(--line); border-radius:.8rem; box-shadow:0 20px 55px rgba(11,23,57,.07); }
.legal-content>p:first-child { margin-top:0; font-size:1.08rem; color:var(--ink); }
.legal-content h2 { margin:2.7rem 0 .8rem; font-family:"Manrope",sans-serif; font-size:1.35rem; letter-spacing:-.025em; }
.legal-content p,.legal-content li { color:#4f596c; }
.legal-content a { color:#155fe8; }
.legal-content li+li { margin-top:.45rem; }
.legal-callout { margin:1.5rem 0; padding:1.4rem 1.5rem; color:#1d2c51; background:var(--blue-light); border-left:4px solid var(--blue); }
.legal-address { margin-top:1rem; color:#4f596c; font-style:normal; line-height:1.75; }
.legal-address a { color:#155fe8; }
.legal-footer { border-top:1px solid var(--line); }
.legal-footer>a { font-family:"Manrope",sans-serif; font-weight:700; text-decoration:none; }
@media (max-width:800px) {
  .site-header { min-height:74px; padding:0 1.25rem; position:relative; }
  .menu-button { display:flex; }
  .main-nav { display:none; position:absolute; top:68px; left:1rem; right:1rem; z-index:10; padding:1.2rem; background:var(--white); border:1px solid var(--line); border-radius:.7rem; box-shadow:0 18px 45px rgba(11,23,57,.14); flex-direction:column; align-items:stretch; gap:.2rem; }
  .main-nav.open { display:flex; }
  .main-nav a { padding:.8rem; }
  .hero { min-height:auto; padding:4.3rem 1.25rem 5rem; grid-template-columns:1fr; gap:3.5rem; }
  .hero h1 { font-size:clamp(3rem,14vw,4.7rem); }
  .hero-panel { min-height:300px; }
  .section { padding:5rem 1.25rem; }
  .intro { grid-template-columns:1fr; gap:2.5rem; }
  .principles>* { max-width:none; }
  .principle-grid { grid-template-columns:1fr; }
  .principle-grid article { min-height:auto; }
  .principle-grid h3 { margin-top:2.5rem; }
  .site-footer { padding:2.5rem 1.25rem; align-items:flex-start; flex-direction:column; }
  .footer-meta { text-align:left; }
  .footer-links { justify-content:flex-start; flex-wrap:wrap; }
  .legal-nav { gap:1rem; }
  .legal-hero { padding:5rem 1.25rem 3rem; }
  .legal-content { margin:0 1rem; padding:2rem 1.25rem; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms!important; } }
