/* Shared theme for NexaTill legal/info pages — matches the landing page. */
:root{
  --navy:#0b2f80; --blue:#135ac0; --blue-d:#0e4aa6; --teal:#1aa89a;
  --ink:#141c30; --muted:#5b6678; --line:#e7eaf2; --soft:#f4f6fb;
  --card:#ffffff; --bg:#ffffff; --maxw:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; color:var(--ink); background:var(--bg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65; -webkit-font-smoothing:antialiased}
a{color:var(--blue); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}

/* header (mirrors landing) */
header.nav{position:sticky; top:0; z-index:20; background:rgba(255,255,255,.86);
  backdrop-filter:saturate(180%) blur(12px); -webkit-backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line)}
.nav .wrap{display:flex; align-items:center; gap:20px; height:66px}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; font-size:1.14rem; color:var(--ink)}
.brand:hover{text-decoration:none}
.brand .mark{width:32px; height:32px; border-radius:9px; flex:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20394%20394'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='1'%20x2='1'%20y2='0'%3E%3Cstop%20offset='0'%20stop-color='%230b2f80'/%3E%3Cstop%20offset='.55'%20stop-color='%23135ac0'/%3E%3Cstop%20offset='1'%20stop-color='%231aa89a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width='394'%20height='394'%20fill='url(%23g)'/%3E%3Ccircle%20cx='197'%20cy='197'%20r='182'%20fill='none'%20stroke='white'%20stroke-width='30'/%3E%3Cpath%20d='M111.583%20294V100.942H153.325L246.71%20235.668L210.988%20212.255H231.324V100.942H280.291V294H239.084L145.432%20158.07L180.886%20181.483H160.684V294H111.583Z'%20fill='white'/%3E%3Crect%20x='91'%20y='161'%20width='213'%20height='20'%20fill='white'/%3E%3Crect%20x='91'%20y='215'%20width='213'%20height='20'%20fill='white'/%3E%3C/svg%3E") center/cover no-repeat}
.nav nav{margin-left:auto; display:flex; gap:24px; align-items:center}
.nav nav a.lnk{color:var(--muted); font-weight:500; font-size:.95rem}
.nav nav a.lnk:hover{color:var(--ink); text-decoration:none}
@media(max-width:560px){.nav nav{gap:16px}}

/* legal content */
main.legal{max-width:780px; margin:0 auto; padding:44px 24px 72px}
.legal h1{font-size:clamp(1.7rem,4vw,2.05rem); letter-spacing:-.02em; margin:0 0 .15rem}
.legal h2{font-size:1.24rem; margin-top:2.3rem; letter-spacing:-.01em}
.legal h3{font-size:1.02rem; margin-top:1.5rem; margin-bottom:.2rem; color:var(--ink)}
.legal p{margin:.7rem 0}
.legal ul,.legal ol{padding-left:1.3rem; margin:.6rem 0}
.legal li{margin:.3rem 0}
.legal .muted{color:var(--muted); font-size:.95rem}
.legal strong{color:var(--ink)}
.legal code{background:rgba(127,127,127,.16); padding:.1rem .35rem; border-radius:5px; font-size:.9em}
.legal hr{border:none; border-top:1px solid var(--line); margin:2rem 0}
.legal .rule{height:3px; width:54px; border-radius:3px;
  background:linear-gradient(90deg,var(--blue),var(--teal)); margin:14px 0 28px}

/* footer (mirrors landing) */
footer{border-top:1px solid var(--line); padding:36px 0 48px; color:var(--muted); font-size:.92rem; background:var(--soft)}
footer .wrap{display:flex; flex-wrap:wrap; gap:14px 26px; align-items:center; justify-content:space-between}
footer a{color:var(--muted)} footer a:hover{color:var(--ink); text-decoration:none}
.foot-links{display:flex; gap:20px; flex-wrap:wrap}