/* Date The Real Me — shared site styles */
:root{
  --coral:#E8755A;--coral-light:#F4A08E;--coral-soft:#FCCAB7;
  --peach:#FDE8DC;--peach-light:#FFF3ED;--cream:#FFFAF7;
  --teal:#1A5C5E;--teal-dark:#0E3D3F;--teal-light:#2A8B8E;--teal-accent:#3BB5A0;
  --white:#fff;--text-dark:#1E2D2F;--text-muted:#5A6E70;--text-light:#8A9B9D;
  --shadow-soft:0 4px 24px rgba(26,92,94,.08);--shadow-medium:0 8px 40px rgba(26,92,94,.12);
  --radius-md:16px;--radius-lg:24px;--radius-full:9999px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text-dark);
  font-family:'DM Sans',system-ui,-apple-system,sans-serif;line-height:1.75;font-size:17px}
.wrap{max-width:880px;margin:0 auto;padding:0 24px}
a{color:var(--coral);text-decoration:none}
a:hover{text-decoration:underline}
/* top bar */
.topbar{position:sticky;top:0;z-index:10;background:rgba(255,250,247,.9);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--peach)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-family:'Playfair Display',serif;font-weight:700;font-size:20px;color:var(--teal);text-decoration:none}
.brand span{color:var(--coral)}
.topnav a{color:var(--text-muted);font-weight:500;font-size:15px;margin-left:22px}
/* hero */
.hero{background:linear-gradient(165deg,var(--peach-light),var(--peach));padding:64px 0 52px;border-bottom:1px solid var(--peach)}
.hero .wrap{max-width:880px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:600;color:var(--coral)}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,5vw,46px);line-height:1.1;margin:10px 0 12px;color:var(--teal-dark)}
.hero p.lead{font-size:19px;color:var(--text-muted);margin:0;max-width:620px}
.meta{color:var(--text-light);font-size:14px;margin-top:14px}
/* content */
main{padding:48px 0 72px}
h2{font-family:'Playfair Display',serif;font-size:26px;color:var(--teal-dark);margin:40px 0 12px}
h3{font-size:18px;margin:26px 0 6px;color:var(--text-dark)}
p{margin:12px 0}
ul{padding-left:22px}li{margin:7px 0}
.note{background:var(--white);border:1px solid var(--peach);border-left:4px solid var(--coral);
  border-radius:12px;padding:16px 20px;margin:22px 0;box-shadow:var(--shadow-soft)}
/* cards grid */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:28px 0}
.card{background:var(--white);border:1px solid var(--peach);border-radius:var(--radius-lg);
  padding:24px;box-shadow:var(--shadow-soft)}
.card h3{margin-top:0;color:var(--teal)}
.card .ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--coral),var(--coral-light));color:#fff;font-size:22px;margin-bottom:12px}
/* buttons */
.btn{display:inline-block;background:var(--coral);color:#fff;font-weight:600;padding:13px 26px;
  border-radius:var(--radius-full);box-shadow:var(--shadow-soft)}
.btn:hover{text-decoration:none;background:#d9624a}
.btn.teal{background:var(--teal)}.btn.teal:hover{background:var(--teal-dark)}
.btnrow{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}
/* quotes */
.quote{background:var(--white);border:1px solid var(--peach);border-radius:var(--radius-lg);padding:24px;
  box-shadow:var(--shadow-soft);margin:18px 0}
.quote p{font-family:'Libre Baskerville',serif;font-style:italic;color:var(--text-dark);margin:0 0 10px}
.quote .who{color:var(--coral);font-weight:600;font-size:14px;font-style:normal}
/* footer */
.site-footer{background:var(--teal-dark);color:rgba(255,255,255,.72);padding:40px 0 30px;font-size:14px}
.site-footer a{color:rgba(255,255,255,.72)}
.site-footer .cols{display:flex;flex-wrap:wrap;gap:14px 28px;margin-bottom:18px}
.site-footer .legalline{color:rgba(255,255,255,.4);font-size:12.5px;line-height:1.7;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}