/* ==========================================================
   style.css — Mass Tort Landing Page Template
   Layout + palette modeled on the reference landing page.
   Colors:
     Cream:        #fff0de / #ffe2c1
     Gold gradient:#9e9258 -> #8e7d37   | Peach: #ffd092
     Dark brown:   #52401e / #4e3917 / #1f180b
     Teal:         #41b3ae / #31aaa4 / #29a19b
     Pink accent:  #d7799a / #ffdde9
     Blue links:   #086ca5 / #0059b6
   Type: Merriweather + Vollkorn (serif), Montserrat (sans)
========================================================== */

:root{
  --cream:#fff0de; --cream-2:#ffe2c1; --paper:#ffffff;
  --gold:#9e9258; --gold-d:#8e7d37; --peach:#ffd092; --orange:#f2b56f;
  --brown:#52401e; --brown-d:#4e3917; --ink:#1f180b;
  --teal:#29a19b; --teal-2:#31aaa4; --teal-3:#41b3ae;
  --pink:#d7799a; --pink-soft:#ffdde9;
  --blue:#086ca5;
  --gray-100:#f4f4f4; --gray-300:#dddddd; --gray-500:#979797;
  --radius:10px;
  --shadow:0 6px 24px rgba(31,24,11,.10);
  --maxw:1140px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--ink); background:var(--paper);
  font-family:'Montserrat',Arial,sans-serif; font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto}
a{color:var(--blue); text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:var(--maxw); margin:0 auto; padding:0 20px}
.center{text-align:center}
.lead{font-size:1.15rem}

/* ---------- Buttons ---------- */
.btn{
  display:inline-block; border:0; cursor:pointer; text-decoration:none;
  font-family:'Montserrat',sans-serif; font-weight:700; letter-spacing:.02em;
  color:#fff; background:linear-gradient(180deg,var(--gold) 0%,var(--gold-d) 100%);
  padding:14px 28px; border-radius:999px; box-shadow:0 4px 14px rgba(142,125,55,.35);
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn:hover{text-decoration:none; transform:translateY(-1px); box-shadow:0 6px 18px rgba(142,125,55,.45)}
.btn--small{padding:9px 20px; font-size:.9rem}
.btn--cta{font-size:1.05rem; padding:16px 36px}
.btn--light{background:linear-gradient(180deg,var(--teal-3),var(--teal)); box-shadow:0 4px 14px rgba(41,161,155,.35)}

/* ---------- Top utility bar ---------- */
.topbar{
  background:var(--brown); color:var(--cream);
  font-size:.9rem; padding:8px 0;
}
.topbar-inner{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap}
.topbar-trust strong{color:var(--peach); text-transform:uppercase; letter-spacing:.05em}
.topbar .dot{opacity:.5; padding:0 6px}
.topbar-phone{color:var(--cream); font-weight:700}

/* ---------- Header ---------- */
.site-header{background:var(--paper); border-bottom:1px solid var(--gray-300)}
.header-inner{display:flex; justify-content:space-between; align-items:center; padding:16px 20px}
.logo{font-family:'Merriweather',serif; font-weight:900; font-size:1.5rem; color:var(--brown)}
.logo-placeholder{
  border:2px dashed var(--gold); border-radius:8px; padding:6px 18px;
  color:var(--brown-d); letter-spacing:.06em; font-size:1.1rem;
}

/* ---------- Hero ---------- */
.hero{
  background:
    radial-gradient(1200px 400px at 20% -10%, var(--cream-2) 0%, transparent 60%),
    linear-gradient(180deg, var(--cream) 0%, #fff 100%);
  border-bottom:6px solid var(--gold);
  padding:56px 0 64px;
}
.hero-inner{display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:start}
.hero-title{
  font-family:'Merriweather',serif; font-weight:900; color:var(--brown);
  font-size:2.6rem; line-height:1.2; margin:0 0 14px;
}
.hero-sub{
  font-family:'Vollkorn',serif; font-size:1.25rem; color:var(--brown-d); margin:0 0 24px;
}
.hero-badges{list-style:none; margin:0; padding:0; display:flex; gap:10px; flex-wrap:wrap}
.hero-badges li{
  background:var(--pink-soft); color:var(--brown-d); font-weight:600; font-size:.85rem;
  border:1px solid var(--pink); border-radius:999px; padding:6px 14px;
}

/* Hero form panel (iframe embed) */
.hero-form{
  background:var(--paper); border:1px solid var(--gray-300); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:24px;
}
.form-heading{
  font-family:'Merriweather',serif; font-size:1.3rem; color:var(--brown);
  text-align:center; margin:0 0 16px;
}
.form-frame{
  border:1px solid var(--gray-300); border-radius:8px; overflow:hidden; background:var(--gray-100);
}
.form-frame iframe{
  display:block; width:100%; height:420px; border:0; background:transparent;
}
.form-after{
  margin:14px 0 6px; text-align:center; font-size:.95rem; color:var(--brown-d);
  font-family:'Vollkorn',serif;
}
.form-privacy{margin:0; text-align:center; font-size:.8rem; color:var(--gray-500)}

/* ---------- Sections ---------- */
.section{padding:64px 0}
.section--cream{background:var(--cream)}
.section--urgency{background:linear-gradient(180deg,var(--teal-2),var(--teal)); color:#fff}
.section--urgency .section-title{color:#fff}
.section--urgency p{color:#eaf7f6}
.section-kicker{
  text-transform:uppercase; letter-spacing:.14em; font-size:.8rem; font-weight:700;
  color:var(--teal); margin:0 0 8px; text-align:center;
}
.section--urgency .section-kicker{color:var(--peach)}
.section-title{
  font-family:'Merriweather',serif; font-weight:900; color:var(--brown);
  font-size:2rem; line-height:1.25; text-align:center; margin:0 0 24px;
}
.section-title .accent{color:var(--gold-d)}
.section p{max-width:760px; margin:0 auto 16px}
.section .center{margin-top:28px}

/* Trust list (Why Clients Choose) */
.trust-list{
  list-style:none; margin:8px auto 0; padding:0; max-width:960px;
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
}
.trust-item{
  display:flex; gap:12px; align-items:flex-start;
  background:var(--gray-100); border:1px solid var(--gray-300); border-radius:var(--radius);
  padding:20px;
}
.trust-item strong{display:block; color:var(--brown); font-family:'Merriweather',serif; margin-bottom:4px}
.trust-item p{margin:0; font-size:.92rem; color:#555}
.trust-icon{
  flex:none; width:28px; height:28px; border-radius:50%;
  background:var(--teal); color:#fff; font-weight:800; font-size:1rem;
  display:flex; align-items:center; justify-content:center;
}

/* Qualifier list */
.qualifier-list{
  list-style:none; margin:12px auto 0; padding:0; max-width:720px;
  font-size:1.05rem;
}
.qualifier-list li{
  position:relative; padding:10px 0 10px 34px; border-bottom:1px dashed var(--gray-300);
}
.qualifier-list li::before{
  content:"\2713"; position:absolute; left:0; top:9px;
  color:var(--teal); font-weight:800; font-size:1.15rem;
}
.qualifier-list li:last-child{border-bottom:0}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink); color:#cfc6b4; padding:56px 0 32px; margin-top:0}
.footer-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-bottom:32px;
}
.footer-heading{
  font-family:'Merriweather',serif; color:var(--peach); font-size:1rem;
  text-transform:uppercase; letter-spacing:.08em; margin:0 0 12px;
}
.footer-text{margin:0 0 12px; font-size:.92rem; line-height:1.6}
.footer-phone{color:var(--cream); font-weight:700}
.footer-nav{display:flex; flex-direction:column; gap:8px}
.footer-nav a{color:#cfc6b4}
.footer-nav a:hover{color:var(--peach)}
.disclaimer{
  border-top:1px solid #3a2f1c; border-bottom:1px solid #3a2f1c;
  padding:18px 0; margin-bottom:24px; font-size:.78rem; color:#9c917c; line-height:1.7;
}
.footer-base{
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;
  font-size:.85rem;
}
.footer-base p{margin:0}
.footer-legal a{color:#cfc6b4}
.footer-legal .dot{opacity:.4; padding:0 4px}

/* ---------- Responsive ---------- */
@media (max-width: 900px){
  .hero-inner{grid-template-columns:1fr}
  .hero-title{font-size:2rem}
  .trust-list{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .form-frame iframe{height:480px}
  .topbar-inner{justify-content:center; text-align:center}
  .footer-base{justify-content:center; text-align:center}
}