/* Capital Land Co — legal pages.
   Shares the brand tokens with index.html but is entirely independent of the
   land-development animation: no canvas, no scroll rig, no shared JS. */

:root{
  --pine-950:#0a130e;
  --pine-900:#0e2016;
  --cream:#f2eee3;
  --ink:#101812;
  --gold:#c3a35d;
  --gold-soft:#dcc78d;
  --line-l:rgba(16,24,18,.15);
  --font-serif:"Fraunces","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font:400 16px/1.72 var(--font-sans);-webkit-font-smoothing:antialiased}
.container{width:100%;max-width:820px;margin:0 auto;padding:0 clamp(20px,5vw,32px)}

/* Header */
.legal-header{background:var(--pine-900);padding:20px 0}
.legal-header .container{max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:11px;font:500 19px var(--font-serif);color:var(--cream);text-decoration:none}
.logo .mark{width:15px;height:15px;border:2px solid var(--gold);position:relative;flex:0 0 auto}
.logo .mark::after{content:"";position:absolute;inset:3px;background:var(--gold)}
.legal-header nav a{font:500 13px var(--font-sans);color:rgba(242,238,227,.8);text-decoration:none;margin-left:22px}
.legal-header nav a:hover{color:var(--gold-soft)}

/* Body */
main{padding:clamp(48px,7vw,86px) 0 clamp(60px,8vw,100px)}
.eyebrow{font:500 10.5px var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:rgba(16,24,18,.5);margin-bottom:14px}
h1{font:500 clamp(2rem,4vw,2.9rem)/1.16 var(--font-serif);letter-spacing:-.01em;margin-bottom:14px}
.updated{font:500 13px var(--font-mono);color:rgba(16,24,18,.55);margin-bottom:40px}
h2{font:500 clamp(1.25rem,2.2vw,1.6rem)/1.3 var(--font-serif);margin:44px 0 14px;padding-top:26px;border-top:1px solid var(--line-l)}
h3{font:600 15px var(--font-sans);margin:26px 0 8px}
p{margin-bottom:16px;max-width:70ch}
ul{margin:0 0 18px 22px}
li{margin-bottom:9px;max-width:68ch}
a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--gold)}
strong{font-weight:600}

/* Callout for the load-bearing SMS/privacy statements */
.callout{background:#fbf9f2;border-left:3px solid var(--gold);border-radius:3px;padding:20px 24px;margin:26px 0}
.callout p:last-child{margin-bottom:0}

.toc{background:#fbf9f2;border:1px solid var(--line-l);border-radius:3px;padding:22px 26px;margin-bottom:12px}
.toc h2{border:0;padding:0;margin:0 0 12px;font-size:1.05rem}
.toc ul{margin-bottom:0}

/* Footer */
footer{background:#070d09;color:rgba(242,238,227,.7);padding:56px 0 34px}
footer .container{max-width:1200px}
footer p{font:400 13px/1.7 var(--font-sans);color:rgba(242,238,227,.5);max-width:78ch;margin-bottom:14px}
footer a{color:rgba(242,238,227,.82)}
footer a:hover{color:var(--gold-soft)}
.foot-nav{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:26px;font:400 14px var(--font-sans)}
.foot-line{height:1px;background:rgba(242,238,227,.09);margin:0 0 24px}
.foot-bottom{font:400 12.5px var(--font-sans);color:rgba(242,238,227,.45)}

@media (max-width:620px){
  .legal-header .container{flex-direction:column;align-items:flex-start;gap:12px}
  .legal-header nav a{margin:0 20px 0 0}
}