/* ============================================================
   TariLens — Development Intelligence
   Static MVP site. Editorial design system (AD / Monocle / Apple).
   Charcoal / bronze / champagne. Cormorant Garamond + Inter.
   No SaaS/startup/dashboard styling. Minimal, premium.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --ink:#1a1a1a;        /* charcoal text */
  --ink-2:#4a463f;      /* secondary text */
  --ink-3:#8a857c;      /* muted */
  --paper:#fbfaf7;      /* warm paper bg */
  --paper-2:#f4f2ec;    /* section tint */
  --line:#e6e2d8;       /* hairlines */
  --bronze:#9a7848;     /* primary accent (print-safe bronze) */
  --bronze-2:#c9a26a;   /* lighter bronze */
  --champagne:#d8b47a;
  --green:#3fb950;      /* RESERVED — verified only; not used decoratively */
  --maxw:1080px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.6;font-size:17px;
}
.serif{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
a{color:var(--bronze);text-decoration:none;}
a:hover{color:var(--ink);}
img{max-width:100%;display:block;}
hr.rule{border:none;border-top:1px solid var(--line);margin:0;}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.9);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;}
.brand{display:flex;flex-direction:column;line-height:1;text-decoration:none;}
.brand .mark{font-size:18px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink);font-weight:600;}
.brand .sub{font-size:8.5px;letter-spacing:.30em;text-transform:uppercase;color:var(--ink-3);margin-top:4px;}
.nav-links{display:flex;align-items:center;gap:30px;}
.nav-links a{font-size:13px;letter-spacing:.06em;color:var(--ink-2);text-transform:uppercase;}
.nav-links a:hover{color:var(--ink);}
.btn{display:inline-block;font-family:'Inter',sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  color:#fff;background:var(--bronze);border:1px solid var(--bronze);padding:11px 20px;border-radius:2px;cursor:pointer;transition:all .15s;}
.btn:hover{background:var(--ink);border-color:var(--ink);color:#fff;}
.btn-ghost{color:var(--ink);background:transparent;border:1px solid var(--line);}
.btn-ghost:hover{border-color:var(--ink);background:transparent;color:var(--ink);}
.nav-toggle{display:none;}

/* ---------- Hero ---------- */
.hero{padding:96px 0 72px;}
.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze);font-weight:600;margin:0 0 18px;}
.hero h1{font-size:62px;line-height:1.03;font-weight:600;margin:0 0 22px;letter-spacing:-.01em;max-width:14ch;}
.hero .lede{font-size:21px;line-height:1.5;color:var(--ink-2);max-width:54ch;margin:0 0 30px;}
.addr{display:flex;gap:10px;max-width:560px;flex-wrap:wrap;}
.addr input{flex:1;min-width:240px;font-family:'Inter',sans-serif;font-size:16px;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:2px;padding:14px 16px;}
.addr input:focus{outline:none;border-color:var(--bronze);}
.microcopy{font-size:13px;color:var(--ink-3);margin:12px 0 0;letter-spacing:.02em;}
.coverage{font-size:13px;color:var(--ink-3);margin:26px 0 0;letter-spacing:.04em;border-top:1px solid var(--line);padding-top:18px;max-width:640px;}

/* ---------- Sections ---------- */
section{padding:64px 0;}
.sec-tint{background:var(--paper-2);}
.sec-title{font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--bronze);font-weight:600;margin:0 0 28px;}
h2.display{font-size:40px;line-height:1.08;font-weight:600;margin:0 0 18px;letter-spacing:-.01em;}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.step .n{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--bronze-2);font-weight:600;line-height:1;}
.step h3{font-size:19px;font-weight:600;margin:12px 0 8px;}
.step p{font-size:15.5px;color:var(--ink-2);margin:0;}
.features{display:grid;grid-template-columns:1fr 1fr;gap:34px 48px;}
.feature h3{font-size:19px;font-weight:600;margin:0 0 8px;}
.feature p{font-size:15.5px;color:var(--ink-2);margin:0;}
.feature .lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:600;display:block;margin-bottom:8px;}

/* ---------- Trust ---------- */
.trust p{font-size:18px;line-height:1.6;color:var(--ink-2);max-width:64ch;}
.trust .fine{font-size:14px;color:var(--ink-3);}

/* ---------- Pricing ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;}
.tier{background:#fff;border:1px solid var(--line);border-radius:3px;padding:30px 26px;display:flex;flex-direction:column;min-height:100%;}
.tier.feature-tier{border-color:var(--bronze-2);box-shadow:0 1px 0 var(--bronze-2);}
.tier .name{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:600;}
.tier .price{font-family:'Cormorant Garamond',serif;font-size:46px;font-weight:600;line-height:1;margin:10px 0 4px;}
.tier .price small{font-size:15px;color:var(--ink-3);font-family:'Inter',sans-serif;}
.tier .tag{font-size:14.5px;color:var(--ink-2);margin:0 0 18px;}
.tier ul{list-style:none;padding:0;margin:0 0 22px;flex:1;}
.tier li{font-size:14.5px;color:var(--ink-2);padding:7px 0;border-bottom:1px solid var(--line);}
.tier li:last-child{border-bottom:none;}
.tier .btn{width:100%;text-align:center;}
.credit-banner{background:var(--paper-2);border:1px solid var(--line);border-radius:3px;padding:16px 20px;font-size:15px;color:var(--ink-2);margin:24px 0 0;text-align:center;}

/* ---------- FAQ ---------- */
.faq dt{font-weight:600;font-size:17px;margin:22px 0 6px;}
.faq dd{margin:0;color:var(--ink-2);font-size:15.5px;}

/* ---------- Samples ---------- */
.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.sample-card{background:#fff;border:1px solid var(--line);border-radius:3px;overflow:hidden;}
.sample-card .thumb{aspect-ratio:8.5/11;background:var(--paper-2);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:13px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--line);}
.sample-card .body{padding:20px 22px;}
.sample-card h3{font-size:18px;margin:0 0 6px;font-weight:600;}
.sample-card p{font-size:14.5px;color:var(--ink-2);margin:0 0 14px;}

/* ---------- Generic content (legal / about) ---------- */
.content{padding:64px 0;max-width:760px;}
.content h1{font-size:42px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em;}
.content .meta{font-size:13px;color:var(--ink-3);margin:0 0 30px;letter-spacing:.04em;}
.content h2{font-size:20px;font-weight:600;margin:32px 0 8px;}
.content p,.content li{font-size:16px;color:var(--ink-2);}
.content .lead{font-size:19px;color:var(--ink);}

/* ---------- Success ---------- */
.success{padding:96px 0;text-align:center;max-width:640px;margin:0 auto;}
.success h1{font-size:44px;font-weight:600;margin:0 0 14px;}
.success p{font-size:18px;color:var(--ink-2);}

/* ---------- CTA band ---------- */
.cta-band{background:var(--ink);color:var(--paper);text-align:center;padding:72px 0;}
.cta-band h2{color:#fff;font-size:38px;margin:0 0 10px;font-weight:600;}
.cta-band p{color:#cfc9bd;font-size:18px;margin:0 0 26px;}
.cta-band .btn{background:var(--bronze-2);border-color:var(--bronze-2);color:#1a1a1a;}
.cta-band .btn:hover{background:#fff;border-color:#fff;color:#1a1a1a;}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--line);background:var(--paper-2);padding:54px 0 36px;margin-top:0;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;}
.foot-brand .mark{font-size:16px;letter-spacing:.32em;text-transform:uppercase;font-weight:600;}
.foot-brand .sub{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;line-height:1.7;}
.foot-col h4{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-weight:600;}
.foot-col a{display:block;font-size:14px;color:var(--ink-2);padding:4px 0;}
.foot-col a:hover{color:var(--ink);}
.foot-fine{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

/* ---------- Responsive ---------- */
@media(max-width:860px){
  .hero h1{font-size:44px;}
  .steps,.features,.tiers,.sample-grid,.foot-grid{grid-template-columns:1fr;}
  .nav-links{display:none;}
  .nav-links.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 28px 18px;}
  .nav-links.open a{padding:12px 0;border-bottom:1px solid var(--line);}
  .nav-toggle{display:block;background:none;border:none;font-size:22px;cursor:pointer;color:var(--ink);}
  h2.display{font-size:30px;}
}