:root{
  --blue:#0068ad;
  --blue-h:#168ed5;
  --cyan:#2a9fc7;
  --bg:#080a0e;
  --bg-card:#0d1016;
  --border:rgba(240,242,245,.1);
  --border-hover:rgba(22,142,213,.55);
  --text:#f0f2f5;
  --muted:#858c96;
  --radius:0;
  --maxw:1360px;
}
body{font-family:'Inter',Arial,sans-serif;color:var(--text);background:var(--bg)}
body::before{
  position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.86'/%3E%3C/svg%3E");
  content:"";
}
h1,h2,h3,.display{font-family:'Inter',Arial,sans-serif}
.wrap{max-width:var(--maxw);padding:0 24px}
.eyebrow{
  gap:0;padding:0;border:0;border-radius:0;background:transparent;
  color:var(--blue-h);font-size:11px;font-weight:600;letter-spacing:.16em;
}
.eyebrow::before{width:5px;height:5px;margin-right:9px;background:var(--blue-h);content:""}
header.nav{padding:22px 0}
header.nav .bar{
  position:relative;z-index:2;display:grid;width:min(1360px,calc(100% - 48px));min-height:34px;align-items:center;
  margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;
  box-shadow:none;backdrop-filter:none;grid-template-columns:1fr auto 1fr;
}
header.nav.scrolled{padding:14px 0;background:linear-gradient(180deg,rgba(8,10,14,.9),rgba(8,10,14,.66));backdrop-filter:blur(18px)}
header.nav.scrolled .bar{background:transparent}
.logo{width:86px}
.brand-logo{width:86px;filter:brightness(0) invert(1)}
nav.links{justify-self:center;gap:24px}
nav.links a{padding:6px 0;color:rgba(240,242,245,.5);font-size:12px;font-weight:500}
nav.links a:hover{color:var(--text)}
.header-spacer{display:block}
.menu-btn{
  width:39px;height:39px;justify-self:end;padding:7px;border:1px solid var(--border);
  background:rgba(8,10,14,.55);color:var(--text)
}
.menu-btn line{transition:transform .25s ease,opacity .2s ease;transform-box:fill-box;transform-origin:center}
.menu-btn.open line:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn.open line:nth-child(2){opacity:0}
.menu-btn.open line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-panel{position:fixed;inset:0;z-index:1;display:none;padding:110px 24px 40px;background:#080a0e;visibility:hidden;opacity:0}
.mobile-panel.open{visibility:visible;opacity:1}
.mobile-panel nav{display:grid}
.mobile-panel a{padding:17px 0;border-bottom:1px solid var(--border);font-size:30px;letter-spacing:-.04em}
.legal-hero{display:flex;min-height:610px;align-items:flex-end;padding:180px 0 92px;background:var(--bg)}
.legal-hero::before{
  inset:0;background:
    linear-gradient(180deg,rgba(8,10,14,.28),rgba(8,10,14,.3) 45%,#080a0e 100%),
    radial-gradient(circle at 52% 40%,transparent 0,rgba(8,10,14,.18) 44%,rgba(8,10,14,.72) 100%),
    url('/assets/velora-hero-rocket-v3.webp') center 48% / cover no-repeat;
  opacity:.72;mask-image:none;
}
.legal-hero::after{
  width:65vw;height:50vw;top:auto;right:-18vw;bottom:-32vw;left:auto;
  background:radial-gradient(circle,rgba(0,104,173,.14),transparent 68%);
  filter:blur(36px);transform:none;
}
.legal-hero .wrap{width:100%}
.legal-hero h1{
  max-width:12ch;margin-top:19px;color:var(--text);background:none;
  font-size:clamp(52px,6vw,82px);font-weight:400;letter-spacing:-.055em;line-height:1.01;
  -webkit-text-fill-color:initial;text-shadow:0 7px 35px rgba(0,0,0,.55);
}
.legal-hero p{
  max-width:690px;margin-top:26px;color:rgba(240,242,245,.64);
  font-size:16px;line-height:1.7;text-shadow:0 3px 18px rgba(0,0,0,.7);
}
.legal-shell{padding:70px 0 130px;background:var(--bg)}
.legal-grid{grid-template-columns:minmax(0,1fr) 310px;gap:28px}
.legal-card{
  padding:54px;border:1px solid var(--border);border-radius:var(--radius);
  background:linear-gradient(155deg,#11151c 0%,#0d1016 70%,#0a0c10 100%);
  box-shadow:0 45px 100px rgba(0,0,0,.28);
}
.legal-section + .legal-section{margin-top:40px;padding-top:40px;border-top:1px solid var(--border)}
.legal-section h2{
  margin-bottom:16px;color:var(--text);font-size:clamp(25px,2.4vw,34px);
  font-weight:400;letter-spacing:-.04em;line-height:1.12;
}
.legal-section p,.legal-section li{color:rgba(240,242,245,.62);font-size:15px;line-height:1.8}
.legal-section p + p{margin-top:12px}
.legal-section ul{margin-top:16px;padding-left:20px}
.legal-section li::marker{color:var(--blue-h)}
.legal-section a{color:var(--blue-h);font-weight:500}
.legal-meta{top:104px;padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(13,16,22,.82);backdrop-filter:blur(16px)}
.legal-meta h3{margin-bottom:18px;color:var(--text);font-size:15px;font-weight:500}
.legal-meta p{color:var(--muted);font-size:13px;line-height:1.75}
.legal-meta p + p{margin-top:15px}
.legal-meta a{color:var(--blue-h);font-weight:500}
footer{margin:0;padding:72px 0 22px;border-top:1px solid var(--border);background:var(--bg)}
.foot-grid{grid-template-columns:1.55fr repeat(5,1fr);gap:38px}
.foot-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.foot-grid p{margin-top:0;color:rgba(240,242,245,.58);font-size:14px;line-height:1.65}
.foot-col h4{margin-bottom:8px;color:var(--text);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
.foot-col a{padding:0;color:rgba(240,242,245,.58);font-size:14px;line-height:1.65}
.foot-col a:hover{color:var(--text)}
.footer-brand-logo{width:118px;margin-bottom:10px}
.foot-legal{margin-top:48px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
.foot-bottom{margin-top:24px;padding-top:0;border:0;color:var(--muted);font-size:13px;line-height:1.6}
.foot-bottom a{color:var(--muted)}
@media(max-width:1024px){
  header.nav .bar,.wrap{width:min(960px,calc(100% - 32px))}
  .legal-grid{grid-template-columns:1fr}
  .legal-meta{position:static}
  .foot-grid{grid-template-columns:1.5fr repeat(2,1fr)}
}
@media(max-width:900px){
  header.nav .bar{grid-template-columns:1fr auto}
  nav.links,.header-spacer{display:none}
  .menu-btn,.mobile-panel{display:block}
}
@media(max-width:767px){
  header.nav{padding-top:16px}
  header.nav .bar,.wrap{width:calc(100% - 24px);padding:0}
  nav.links,.header-spacer{display:none}
  .menu-btn,.mobile-panel{display:block}
  .legal-hero{min-height:570px;padding:150px 0 70px}
  .legal-hero::before{background-position:58% 50%}
  .legal-hero h1{font-size:clamp(45px,14vw,62px)}
  .legal-hero p{font-size:14px}
  .legal-shell{padding:44px 0 90px}
  .legal-card{padding:32px 22px}
  .legal-section + .legal-section{margin-top:32px;padding-top:32px}
  .legal-section p,.legal-section li{font-size:14px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:34px 24px}
  .foot-grid>div:first-child{grid-column:1/-1}
  .foot-bottom{align-items:flex-start;flex-direction:column}
}
