/* Macon Mobile Notary — standalone site */
:root{
  --navy:#0b1220; --navy2:#101a30; --ink:#16233f;
  --gold:#c9a227; --gold2:#e8b33c;
  --paper:#f7f4ec; --line:rgba(201,162,39,.35);
  --text:#1c2434; --muted:#5a6577;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}
h1,h2,h3,.serif{font-family:"Playfair Display",Georgia,"Times New Roman",serif}
a{color:var(--ink)}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:10px 20px;background:var(--navy);color:#fff;box-shadow:0 2px 18px rgba(0,0,0,.25)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand-emblem{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;animation:mmnspin 26s linear infinite;box-shadow:0 0 14px rgba(232,179,60,.4)}
@keyframes mmnspin{to{transform:rotate(360deg)}}
.brand strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:19px;letter-spacing:.04em;line-height:1.1}
.brand small{display:block;color:#c8b269;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase}
.top-call{margin-left:auto;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#14100a;font-weight:700;text-decoration:none;padding:10px 18px;border-radius:999px;white-space:nowrap}
.mainnav{display:flex;gap:4px;flex-wrap:wrap;padding:8px 20px;background:var(--navy2)}
.mainnav a{color:#dbe4f5;text-decoration:none;padding:7px 12px;border-radius:8px;font-size:14.5px}
.mainnav a:hover{background:rgba(255,255,255,.08);color:#fff}
.hero{background:radial-gradient(900px 480px at 50% 20%,#1d3260 0%,var(--navy) 62%);color:#fff;text-align:center;padding:64px 20px 58px}
.hero .kicker{color:var(--gold2);letter-spacing:.3em;text-transform:uppercase;font-size:12px;margin-bottom:16px}
.hero h1{font-size:clamp(30px,5.6vw,50px);font-weight:600;margin:0 0 14px;line-height:1.15}
.hero p{color:#c9d5ec;max-width:620px;margin:0 auto 26px;font-size:17px}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-big{display:inline-block;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#14100a;font-weight:700;text-decoration:none;padding:14px 26px;border-radius:12px;font-size:16px;border:0;cursor:pointer}
.btn-ghost{display:inline-block;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);text-decoration:none;padding:14px 26px;border-radius:12px;font-size:16px}
main{max-width:1060px;margin:0 auto;padding:0 20px}
section{padding:44px 0 8px}
.sec-title{font-size:clamp(24px,4vw,34px);margin:0 0 8px;color:var(--ink)}
.sec-sub{color:var(--muted);max-width:640px;margin:0 0 22px}
.video-wrap video{width:100%;border-radius:16px;box-shadow:0 24px 60px rgba(11,18,32,.35);background:#000}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.card{border:1px solid #e4ddc9;border-top:4px solid var(--gold);border-radius:14px;padding:20px;background:var(--paper);text-decoration:none;color:var(--text);display:block}
.card h3{margin:0 0 8px;font-size:19px;color:var(--ink)}
.card p{margin:0;color:var(--muted);font-size:14.5px}
.card .go{color:var(--gold);font-weight:700;font-size:14px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;counter-reset:step}
.step{border:1px solid #e4ddc9;border-radius:14px;padding:20px;background:#fff}
.step b{display:flex;align-items:center;gap:10px;color:var(--ink);margin-bottom:8px}
.step b:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--gold2);font-family:"Playfair Display",serif;flex:none}
.step p{margin:0;color:var(--muted);font-size:14.5px}
ul.bring{margin:0;padding-left:20px;color:var(--text)}
ul.bring li{margin:6px 0}
.areas-strip{background:var(--paper);border:1px solid #e4ddc9;border-radius:14px;padding:22px;margin:36px 0 8px}
.fee-note{color:var(--muted);font-size:14.5px;border-left:4px solid var(--gold);padding:6px 0 6px 14px;margin:22px 0}
footer{background:var(--navy);color:#c9d5ec;margin-top:52px;padding:34px 20px;text-align:center}
footer strong{color:#fff;font-family:"Playfair Display",serif;font-size:19px}
footer a{color:var(--gold2)}
.callbar{position:sticky;bottom:0;display:flex;background:var(--navy);border-top:1px solid var(--line)}
.callbar a{flex:1;text-align:center;padding:15px 8px;color:#fff;text-decoration:none;font-weight:700}
.callbar .cb-call{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#14100a}
.formbox{max-width:640px;margin:0 auto}
form label{display:block;margin:14px 0;font-weight:600;color:var(--ink);font-size:14.5px}
form input,form select,form textarea{width:100%;margin-top:6px;padding:12px;border:1px solid #c9cfdb;border-radius:10px;font:inherit;font-weight:400;background:#fff}
.form-alt,.form-note{color:var(--muted);font-size:14px}
.sent{background:#e9f7ee;border:1px solid #9fd8ae;border-radius:12px;padding:14px 18px;margin:18px 0;color:#14532d}
@media (max-width:560px){ .brand small{display:none} .top-call{padding:9px 13px;font-size:14px} }