/* T&L SEO Areas microsite — shared stylesheet.
   Palette mirrors the landing pages (dark ink + gold). No frameworks. */
:root{
  --ink:#161310; --panel:#1d1a15; --line:#2e2a22;
  --gold:#c9a24b; --gold-bright:#e3c26e; --gold-deep:#a07f2e;
  --txt:#f3ead2; --muted:#b8ab8a; --green:#22c55e; --radius:14px;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ background:var(--ink); color:var(--txt); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.6; }
.wrap{ max-width:1060px; margin:0 auto; padding:0 18px; }
h1,h2{ font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:.01em; line-height:1.22; }
h1{ font-size:2.05rem; margin:10px 0 12px; }
h1 em, h2 em{ color:var(--gold-bright); font-style:normal; }
h2{ font-size:1.45rem; margin-bottom:10px; }
h3{ font-size:1.02rem; color:var(--gold-bright); margin-bottom:5px; }
p{ margin-bottom:12px; }
a{ color:var(--gold-bright); }
section{ padding:30px 0 4px; }
.lead{ color:var(--muted); font-size:1.03rem; max-width:760px; }
.topbar{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.brand{ font-family:Georgia,serif; font-size:1.15rem; color:var(--txt); text-decoration:none; }
.brand b{ color:var(--gold-bright); font-weight:400; }
.topbar .phone{ color:var(--txt); text-decoration:none; font-weight:700; white-space:nowrap; }
.topbar .phone span{ color:var(--gold); }
.eyebrow{ color:var(--gold-bright); letter-spacing:2.5px; font-size:.76rem; font-weight:700; text-transform:uppercase; margin-top:26px; }
.hero-visual{ margin:18px 0 6px; border:1px solid var(--line); border-radius:var(--radius); min-height:180px;
  background:linear-gradient(135deg,#241d10 0%,#1d1a15 45%,#2e2410 100%); display:flex; align-items:flex-end; padding:16px; }
.hero-visual span{ color:var(--muted); font-size:.85rem; letter-spacing:1.5px; text-transform:uppercase; }
.chipsrow{ display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 4px; }
.chipsrow span{ border:1px solid var(--line); background:var(--panel); padding:6px 13px; border-radius:999px; font-size:.85rem; }
.cta-row{ display:flex; gap:10px; flex-wrap:wrap; margin:18px 0 6px; }
.btn{ display:inline-block; padding:13px 22px; border-radius:10px; font-weight:700; font-size:1rem; text-decoration:none; border:1px solid var(--gold); }
.btn-gold{ background:linear-gradient(135deg,var(--gold-bright),var(--gold)); color:#17130a; }
.btn-ghost{ color:var(--gold-bright); background:transparent; }
.grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; }
.card{ background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:16px; }
.card p{ color:var(--muted); font-size:.93rem; margin-bottom:8px; }
.card a.more{ font-size:.9rem; text-decoration:none; font-weight:700; }
.steps{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.step{ background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:16px; }
.step b{ color:var(--gold-bright); display:block; margin-bottom:4px; }
.step p{ color:var(--muted); font-size:.92rem; margin:0; }
.ticks{ list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:10px 22px; }
.ticks li{ padding-left:26px; position:relative; }
.ticks li::before{ content:"\2713"; position:absolute; left:0; color:var(--green); font-weight:900; }
.faq{ border:1px solid var(--line); border-radius:12px; background:var(--panel); margin-bottom:10px; padding:2px 16px; }
.faq summary{ cursor:pointer; font-weight:700; padding:12px 0; }
.faq p{ color:var(--muted); padding-bottom:12px; margin:0; }
.linklist{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
.linklist a{ border:1px solid var(--line); background:var(--panel); border-radius:999px; padding:7px 14px; text-decoration:none; font-size:.9rem; }
/* lead form (same look/contract as the landing pages) */
.form-card{ background:#fffdf7; color:#17130a; border-radius:14px; padding:22px; margin:10px auto 12px; max-width:760px; }
.form-card h2{ color:#17130a; }
.form-card p.lead{ color:#5c543f; margin-bottom:14px; }
.row2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.row3{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:12px; }
@media (max-width:620px){ .row2,.row3{ grid-template-columns:1fr; } h1{ font-size:1.65rem; } }
.f{ margin-bottom:13px; }
.f label{ display:block; font-weight:700; font-size:.92rem; margin-bottom:6px; }
.f input,.f textarea{ width:100%; padding:11px 12px; border:1.5px solid #d8cfb4; border-radius:9px; font-size:1rem; font-family:inherit; background:#fff; color:#17130a; }
.f textarea{ min-height:74px; resize:vertical; }
.f input:focus,.f textarea:focus{ outline:2px solid var(--gold); outline-offset:1px; border-color:var(--gold); }
.f.f-missing input,.f.f-missing textarea{ border-color:#c0392b; }
.error{ display:none; background:#fdecea; border:1px solid #e5a49e; color:#8f2318; border-radius:9px; padding:10px 12px; font-size:.92rem; margin-bottom:12px; }
.error.show{ display:block; }
.submit{ width:100%; padding:15px; border:none; border-radius:10px; background:linear-gradient(180deg,var(--gold-bright),var(--gold)); color:#17130a; font-weight:800; font-size:1.05rem; cursor:pointer; }
.submit[disabled]{ opacity:.65; cursor:wait; }
.fineprint{ text-align:center; color:#8a7f63; font-size:.82rem; margin-top:9px; }
.thankyou{ display:none; text-align:center; padding:16px 4px 6px; }
.thankyou h3{ color:#17130a; font-size:1.25rem; margin-bottom:8px; }
.thankyou p{ color:#5c543f; margin-bottom:14px; }
footer{ border-top:1px solid var(--line); margin-top:36px; padding:22px 0 30px; text-align:center; color:var(--muted); font-size:.9rem; }
footer b{ color:var(--txt); }
footer a{ color:var(--gold-bright); text-decoration:none; }