/* Move Me to Tucson: desert palette, mobile first, no images */
:root{
  --sand:#f7f0e3; --paper:#fffdf8; --ink:#2e2118; --muted:#6d5c4c;
  --clay:#a34d28; --clay-dark:#84391b; --sage:#67784f; --line:#e2d5bf;
  --card:#fdf8ee;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--sand);color:var(--ink);line-height:1.6;font-size:17px}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.1rem}
a{color:var(--clay-dark)}
h1{font-size:2rem;line-height:1.2;margin:.4em 0 .5em}
h2{font-size:1.45rem;line-height:1.3;margin:1.4em 0 .5em;color:var(--clay-dark)}
h3{font-size:1.12rem;margin:1.1em 0 .35em}
p{margin:.55em 0}
ul,ol{margin:.5em 0 .8em;padding-left:1.3em}
li{margin:.3em 0}
.small{font-size:.88rem;color:var(--muted)}
.src{font-size:.85rem;color:var(--muted)}
/* header */
.site-header{background:var(--paper);border-bottom:2px solid var(--clay);position:sticky;top:0;z-index:10}
.header-in{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.65rem 1.1rem}
.brand{font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none}
.brand span{color:var(--clay)}
.site-header nav{display:flex;flex-wrap:wrap;gap:.2rem .9rem;margin-left:auto}
.site-header nav a{color:var(--ink);text-decoration:none;font-size:.95rem;padding:.25rem 0}
.site-header nav a:hover{color:var(--clay-dark);text-decoration:underline}
.nav-cta{font-weight:700;color:var(--clay-dark)!important}
/* hero */
.hero{background:linear-gradient(160deg,#f3dfC0,#eecfa8 55%,#e3b98c);border-bottom:1px solid var(--line)}
.hero-in{padding:2.6rem 1.1rem 2.2rem}
.hero h1{font-size:2.2rem;max-width:22ch}
.hero p{max-width:58ch;font-size:1.08rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0 .4rem}
.btn{display:inline-block;background:var(--clay);color:#fff;text-decoration:none;font-weight:700;
  padding:.8rem 1.3rem;border-radius:.5rem;border:2px solid var(--clay)}
.btn:hover{background:var(--clay-dark)}
.btn.alt{background:transparent;color:var(--clay-dark)}
.btn.alt:hover{background:#f3e3d3}
/* layout blocks */
main{padding:1.4rem 0 2.4rem}
section{margin:1.6rem 0}
.stats{display:grid;grid-template-columns:1fr;gap:.8rem;margin:1rem 0}
.stat{background:var(--paper);border:1px solid var(--line);border-radius:.6rem;padding:.9rem 1rem}
.stat b{display:block;font-size:1.5rem;color:var(--clay-dark)}
.tiles{display:grid;grid-template-columns:1fr;gap:.8rem}
.tile{background:var(--card);border:1px solid var(--line);border-radius:.6rem;padding:1rem;text-decoration:none;color:var(--ink);display:block}
.tile:hover{border-color:var(--clay)}
.tile h3{margin:.1em 0 .3em;color:var(--clay-dark)}
.tile p{margin:.2em 0;color:var(--ink)}
.tldr{background:#f1e7d2;border-left:5px solid var(--clay);border-radius:.4rem;padding:1rem 1.2rem;margin:1.2rem 0}
.tldr h2{margin-top:.1em}
.cols{display:grid;grid-template-columns:1fr;gap:1rem}
.card{background:var(--paper);border:1px solid var(--line);border-radius:.6rem;padding:1rem 1.2rem}
.card h3{margin-top:.2em}
.pro{border-top:4px solid var(--sage)}
.con{border-top:4px solid var(--clay)}
table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.97rem}
th,td{border:1px solid var(--line);padding:.5rem .6rem;text-align:left;vertical-align:top}
th{background:#f1e7d2}
details{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;padding:.7rem 1rem;margin:.6rem 0}
summary{font-weight:700;cursor:pointer;color:var(--clay-dark)}
.band{background:var(--clay);color:#fff;border-radius:.7rem;padding:1.4rem 1.2rem;margin:2rem 0}
.band h2{color:#fff;margin-top:0}
.band .btn{background:#fff;color:var(--clay-dark);border-color:#fff}
.band .btn.alt{background:transparent;color:#fff;border-color:#fff}
/* forms */
form{background:var(--paper);border:1px solid var(--line);border-radius:.7rem;padding:1.2rem;max-width:36rem}
label{display:block;font-weight:600;margin:.8rem 0 .25rem}
label:first-child{margin-top:0}
input,select,textarea{width:100%;padding:.65rem .7rem;border:1px solid #c9b998;border-radius:.45rem;font:inherit;background:#fff}
textarea{min-height:6.5rem}
button[type=submit]{margin-top:1.1rem;background:var(--clay);color:#fff;font-weight:700;border:0;
  padding:.8rem 1.4rem;border-radius:.5rem;font:inherit;cursor:pointer;width:100%}
button[type=submit]:hover{background:var(--clay-dark)}
.form-note{font-size:.9rem;color:var(--muted)}
#form-success,#form-error{display:none}
#form-success{background:#eef2e4;border:1px solid var(--sage);border-radius:.7rem;padding:1.2rem;max-width:36rem}
#form-error{background:#f9e9e2;border:1px solid var(--clay);border-radius:.7rem;padding:1rem 1.2rem;max-width:36rem;margin-top:1rem}
/* footer */
footer{background:#33241a;color:#efe6d8;margin-top:2rem}
footer .wrap{padding:1.6rem 1.1rem}
footer a{color:#f0c9a8}
footer nav{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.7rem 0}
footer nav a{text-decoration:none}
footer nav a:hover{text-decoration:underline}
@media (min-width:640px){
  .stats{grid-template-columns:repeat(3,1fr)}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .cols{grid-template-columns:1fr 1fr}
  button[type=submit]{width:auto}
}
@media (min-width:960px){
  .tiles{grid-template-columns:repeat(3,1fr)}
  .hero h1{font-size:2.7rem}
  h1{font-size:2.4rem}
}