/* Maximand website - shared design system.
   Mathematical tearsheet aesthetic: light paper, serif prose, monospace numbers,
   deep-green accent, faint grid on feature surfaces. No build step. */

:root{
  --paper:#f3f1ea; --card:#faf8f2; --ink:#16140f; --muted:#615d52; --faint:#9a9384;
  --rule:#16140f; --hair:#d8d3c6; --grid:rgba(20,19,15,.030);
  --val:#0b6a40; --val-dim:#0e7a49; --neg:#7a2e2e;
  --serif:Charter,"Bitstream Charter","Iowan Old Style",Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
  --mono:"Latin Modern Mono","DejaVu Sans Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --wrap:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--serif); font-size:18px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
.mono{font-family:var(--mono); font-variant-numeric:tabular-nums;}
a{color:var(--val); text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 28px;}

/* nav */
header.nav{position:sticky; top:0; z-index:50; background:rgba(243,241,234,.9); backdrop-filter:saturate(140%) blur(6px); border-bottom:1.5px solid var(--rule);}
header.nav .bar{display:flex; align-items:center; justify-content:space-between; height:64px; max-width:var(--wrap); margin:0 auto; padding:0 28px;}
.brand{font-weight:700; letter-spacing:.13em; font-size:19px; color:var(--ink); text-decoration:none;}
.brand span{color:var(--val);}
nav.links{display:flex; align-items:center; gap:26px;}
nav.links a{color:var(--ink); font-size:15px; letter-spacing:.01em;}
nav.links a:hover{color:var(--val); text-decoration:none;}
nav.links a.cur{color:var(--val);}
nav.links a.navcta, nav.links a.navcta.cur{color:var(--paper);}
nav.links a.navcta:hover{color:#fff;}
.btn{display:inline-block; font-family:var(--serif); font-size:15px; line-height:1; padding:11px 17px; border:1.5px solid var(--rule); background:var(--ink); color:var(--paper); cursor:pointer; white-space:nowrap;}
.btn:hover{background:var(--val); border-color:var(--val); color:#fff; text-decoration:none;}
.btn.ghost{background:transparent; color:var(--ink);}
.btn.ghost:hover{background:transparent; color:var(--val); border-color:var(--val);}
.btn.sm{font-size:14px; padding:9px 14px;}
@media(max-width:720px){ nav.links a:not(.navcta){display:none;} }

/* hero */
.hero{border-bottom:1.5px solid var(--rule); background-color:var(--card);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:30px 30px;}
.hero .wrap{padding-top:84px; padding-bottom:78px;}
.kicker{font-family:var(--mono); font-size:12.5px; letter-spacing:.26em; text-transform:uppercase; color:var(--muted); margin:0 0 22px;}
h1{font-size:64px; line-height:1.04; letter-spacing:-.02em; font-weight:700; margin:0 0 22px; max-width:16em;}
.lede{font-size:21px; line-height:1.6; color:var(--ink); max-width:34em; margin:0 0 30px;}
.lede .em{color:var(--val); font-style:italic;}
.cta-row{display:flex; gap:14px; flex-wrap:wrap;}

/* sections */
section{padding:70px 0; border-bottom:1px solid var(--hair);}
section.tight{padding:52px 0;}
.eyebrow{font-family:var(--mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--val); margin:0 0 14px;}
h2{font-size:36px; line-height:1.12; letter-spacing:-.01em; font-weight:700; margin:0 0 18px; max-width:18em;}
h3{font-size:22px; margin:0 0 8px; font-weight:700;}
p{margin:0 0 16px; max-width:40em;}
.muted{color:var(--muted);}
.small{font-size:15px;}

/* stat band */
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--hair); border:1px solid var(--hair); margin:24px 0;}
.stats .s{background:var(--card); padding:22px 18px; text-align:center;}
.stats .s .v{font-family:var(--mono); font-size:34px; font-weight:700; letter-spacing:-.01em;}
.stats .s .v.val{color:var(--val);} .stats .s .v.neg{color:var(--neg);}
.stats .s .k{font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-top:8px;}
@media(max-width:720px){ .stats{grid-template-columns:repeat(2,1fr);} h1{font-size:42px;} h2{font-size:28px;} .hero .wrap{padding-top:54px;padding-bottom:52px;} }

/* feature cards / grid */
.grid{display:grid; gap:20px;}
.grid.c2{grid-template-columns:1fr 1fr;}
.grid.c3{grid-template-columns:repeat(3,1fr);}
@media(max-width:820px){ .grid.c2,.grid.c3{grid-template-columns:1fr;} }
.cardbox{background:var(--card); border:1.5px solid var(--rule); padding:24px 24px 22px;}
.cardbox .n{font-family:var(--mono); color:var(--faint); font-size:13px;}

/* the ladder */
.ladder{counter-reset:step; display:grid; gap:0; border:1.5px solid var(--rule); background:var(--card);}
.step{display:grid; grid-template-columns:64px 1fr auto; gap:18px; align-items:baseline; padding:22px 24px;}
.step + .step{border-top:1px solid var(--hair);}
.step .no{font-family:var(--mono); font-size:26px; color:var(--val); font-weight:700;}
.step .price{font-family:var(--mono); font-size:14px; color:var(--muted); white-space:nowrap; justify-self:end;}

/* lever taxonomy */
.tiers{display:grid; gap:18px;}
.tierbox{border:1.5px solid var(--rule); background:var(--card);}
.tierbox .th{display:flex; justify-content:space-between; align-items:baseline; padding:14px 20px; border-bottom:1px solid var(--hair);}
.tierbox .th .tt{font-weight:700;} .tierbox .th .ts{font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--faint);}
.tierbox .lv{display:grid; grid-template-columns:160px 1fr; gap:16px; padding:11px 20px; align-items:baseline;}
.tierbox .lv + .lv{border-top:1px solid var(--hair);}
.tierbox .lv .ln{font-family:var(--mono); font-size:15px;}
.tierbox .lv .ld{font-size:15px; color:var(--muted);}
@media(max-width:620px){ .tierbox .lv{grid-template-columns:1fr;} }

/* values */
.vlist{display:grid; grid-template-columns:1fr 1fr; gap:22px 32px; margin-top:8px;}
.vlist .vi h3{font-size:18px; margin-bottom:4px;}
.vlist .vi p{font-size:15.5px; color:var(--muted); margin:0;}
@media(max-width:720px){ .vlist{grid-template-columns:1fr;} }

/* callout / verification note */
.note{border-left:3px solid var(--val); background:var(--card); padding:14px 18px; font-size:15px; color:var(--muted); margin:22px 0;}
.tag{display:inline-block; font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); border:1px solid var(--hair); padding:4px 9px;}

/* footer */
footer{background:var(--card); border-top:1.5px solid var(--rule); padding:40px 0;}
footer .row{display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; align-items:flex-start;}
footer .brand2{font-weight:700; letter-spacing:.13em; font-size:18px;} footer .brand2 span{color:var(--val);}
footer .tagline{font-style:italic; color:var(--muted); margin-top:6px;}
footer .fnav{display:flex; gap:22px; flex-wrap:wrap; font-size:15px;}
footer .fnav a{color:var(--ink);}
footer .legal{color:var(--faint); font-size:12.5px; margin-top:22px; max-width:48em;}

/* misc */
.center{text-align:center;}
.hr{height:1.5px; background:var(--rule); border:0; margin:0;}
.lead-cta{text-align:center; padding:64px 0;}
.lead-cta h2{margin-left:auto;margin-right:auto;}
.lead-cta p{margin-left:auto;margin-right:auto;}