/* Pete Gawkowski Digital Consulting — shared styles
   Palette: navy #16324a · amber #c8871a · light #eef3f7 · ink #1c2733 · line #d5dee5 */

:root{
  --navy:#16324a;
  --navy-dark:#0f2436;
  --amber:#c8871a;
  --amber-dark:#a86f12;
  --light:#eef3f7;
  --ink:#1c2733;
  --ink-soft:#44566a;
  --line:#d5dee5;
  --white:#ffffff;
}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  font-family:Georgia,'Times New Roman',serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
  font-size:17px;
}

.wrap{max-width:1040px;margin:0 auto;padding:0 22px;}

h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--navy);line-height:1.25;}
h1{font-size:38px;}
h2{font-size:26px;margin-bottom:12px;}
h3{font-size:19px;margin-bottom:6px;}
p{margin-bottom:12px;}
a{color:var(--navy);}
strong{color:var(--navy);}

.label{
  font-family:Helvetica,Arial,sans-serif;
  font-size:12.5px;font-weight:bold;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--amber);
}
.small{font-size:14.5px;color:var(--ink-soft);}
.fineprint{font-size:13.5px;color:#66788a;}

/* ---------- Header ---------- */
.site-header{
  background:var(--navy);
  border-bottom:4px solid var(--amber);
}
.header-in{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.mono{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;flex:0 0 46px;
  background:var(--white);color:var(--navy);
  border:2px solid var(--amber);border-radius:6px;
  font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:19px;letter-spacing:1px;
}
.brand-name{
  color:var(--white);font-family:Helvetica,Arial,sans-serif;
  font-size:17px;font-weight:bold;line-height:1.2;
}
.brand-sub{display:block;font-size:12.5px;font-weight:normal;letter-spacing:2.5px;text-transform:uppercase;color:#bcd0e0;}
.main-nav{display:flex;flex-wrap:wrap;gap:4px;}
.main-nav a{
  color:#dce8f1;text-decoration:none;
  font-family:Helvetica,Arial,sans-serif;font-size:13.5px;
  padding:7px 10px;border-radius:5px;
}
.main-nav a:hover{background:var(--navy-dark);color:var(--white);}
.main-nav a.current{background:var(--amber);color:var(--white);font-weight:bold;}

/* ---------- Hero ---------- */
.hero{background:var(--navy);color:#e8f0f6;padding:52px 0 46px;}
.hero h1{color:var(--white);max-width:720px;}
.hero .lede{font-size:20px;color:#c4d6e4;max-width:680px;margin-top:14px;}
.hero .label{color:var(--amber);}
.page-head{background:var(--light);border-bottom:1px solid var(--line);padding:40px 0 32px;}
.page-head h1{margin-top:6px;}
.page-head .lede{font-size:19px;color:var(--ink-soft);max-width:700px;margin-top:10px;}

/* ---------- Sections ---------- */
section{padding:42px 0;}
section.alt{background:var(--light);}
section + section{border-top:1px solid var(--line);}
section.alt + section{border-top:1px solid var(--line);}

/* ---------- Buttons ---------- */
.btn{
  display:inline-block;text-decoration:none;
  font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:15px;
  background:var(--amber);color:var(--white);
  padding:12px 22px;border-radius:6px;border:2px solid var(--amber);
}
.btn:hover{background:var(--amber-dark);border-color:var(--amber-dark);}
.btn.ghost{background:transparent;color:var(--navy);border-color:var(--navy);}
.btn.ghost:hover{background:var(--navy);color:var(--white);}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}

/* ---------- Cards & grids ---------- */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;}
.grid.two{grid-template-columns:repeat(2,1fr);}
@media (max-width:860px){.grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:580px){.grid,.grid.two{grid-template-columns:1fr;}}
.card{
  background:var(--white);border:1px solid var(--line);border-radius:8px;
  padding:20px 22px;display:flex;flex-direction:column;
}
section.alt .card{background:var(--white);}
.card h3{margin-bottom:8px;}
.card p{font-size:15.5px;flex:1;}
.card .card-link{
  font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:bold;
  color:var(--amber-dark);text-decoration:none;margin-top:8px;
}
.card .card-link:hover{text-decoration:underline;}
.card .price-line{
  font-family:Helvetica,Arial,sans-serif;font-weight:bold;color:var(--navy);
  font-size:15px;margin-bottom:8px;
}

/* ---------- Featured / proof / callout ---------- */
.feature{
  background:var(--white);border:1px solid var(--line);border-left:6px solid var(--amber);
  border-radius:8px;padding:26px 28px;margin-top:20px;
}
.proof{
  background:var(--navy);color:#e8f0f6;border-radius:8px;
  padding:22px 26px;margin:20px 0;font-size:17.5px;
}
.proof strong{color:var(--white);}
.proof .proof-label{
  font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;
  letter-spacing:2.5px;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:8px;
}
.callout{
  background:var(--light);border:1px solid var(--line);border-radius:8px;padding:22px 26px;margin:22px 0;
}
.warn-box{
  background:#fdf6ec;border:1.5px solid var(--amber);border-radius:8px;padding:22px 26px;margin:22px 0;
}
.warn-box h3{color:var(--amber-dark);}

/* ---------- Steps & lists ---------- */
.steps{counter-reset:step;list-style:none;margin-top:16px;}
.steps li{
  counter-increment:step;position:relative;
  padding:0 0 18px 56px;font-size:16.5px;
}
.steps li::before{
  content:counter(step);position:absolute;left:0;top:0;
  width:38px;height:38px;border-radius:50%;
  background:var(--navy);color:var(--white);
  font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:16px;
  display:flex;align-items:center;justify-content:center;
}
.checks{list-style:none;margin:10px 0 14px;}
.checks li{padding:5px 0 5px 28px;position:relative;font-size:16.5px;}
.checks li::before{content:"—";position:absolute;left:4px;color:var(--amber);font-weight:bold;}
.plain-list{margin:8px 0 14px 22px;font-size:16.5px;}
.plain-list li{margin-bottom:6px;}

/* ---------- Price block ---------- */
.price-block{
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  border-top:2px solid var(--navy);border-bottom:1px solid var(--line);
  padding:18px 0;margin:24px 0;
}
.price-big{
  font-family:Helvetica,Arial,sans-serif;font-size:38px;font-weight:bold;color:var(--navy);line-height:1;
}
.price-note{font-size:16px;color:var(--ink-soft);max-width:520px;}

/* ---------- Footer ---------- */
.site-footer{background:var(--navy);color:#c4d6e4;padding:36px 0 30px;margin-top:0;}
.site-footer .foot-name{
  font-family:Helvetica,Arial,sans-serif;font-weight:bold;color:var(--white);font-size:16px;
}
.site-footer p{font-size:14.5px;margin-bottom:8px;}
.foot-nav{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0;}
.foot-nav a{
  color:#dce8f1;text-decoration:none;font-family:Helvetica,Arial,sans-serif;font-size:13px;
  padding:5px 8px;border-radius:4px;
}
.foot-nav a:hover{background:var(--navy-dark);color:var(--white);}
.site-footer .disclaimer{font-size:13px;color:#8fa9bd;border-top:1px solid #2c4a61;padding-top:14px;margin-top:16px;}