/* Formharbor marketing site */
:root{
  --ink:#14202b;
  --paper:#f6f1e8;
  --teal:#0d6e5c;
  --teal-dark:#0a4f43;
  --sand:#e8dcc8;
  --line:#d4cbbd;
  --muted:#5c675f;
  --card:#fffdf8;
  --rust:#c45c26;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font:18px/1.55 "Source Sans 3", ui-sans-serif, system-ui, sans-serif;
  background:var(--paper);
  color:var(--ink);
}
a{color:var(--teal-dark)}
img{max-width:100%;height:auto}
.wrap{width:min(1080px, calc(100% - 40px));margin:0 auto;}
.nav{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 0;gap:16px;
}
.nav a{text-decoration:none;color:inherit}
.logo{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.35rem;}
.nav nav{display:flex;gap:18px;align-items:center;font-size:1rem;}
.btn{
  display:inline-block;background:var(--teal);color:#fff !important;text-decoration:none;
  border-radius:999px;padding:12px 20px;font-weight:600;
}
.btn:hover{background:var(--teal-dark)}
.btn.ghost{background:transparent;color:var(--teal-dark) !important;border:1px solid var(--line);}
.hero{padding:56px 0 24px;}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.kicker{letter-spacing:.14em;text-transform:uppercase;font-weight:700;font-size:.78rem;color:var(--teal);margin:0 0 10px;}
h1,.display{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:-0.02em;margin:0 0 16px;}
.hero h1{font-size:clamp(2.4rem, 5vw, 4rem);}
.lede{font-size:1.2rem;color:var(--muted);margin:0 0 24px;max-width:32em;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.price-note{color:var(--muted);font-size:.95rem;}
.panel{
  background:var(--teal-dark);color:#f6f1e8;border-radius:20px;padding:24px;
  box-shadow:0 20px 50px rgba(10,79,67,.18);
}
.panel h2{font-family:Fraunces,Georgia,serif;font-size:1.1rem;margin:0 0 12px;}
.row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(246,241,232,.15);font-size:.95rem;}
.row:first-of-type{border-top:0;}
.pill{background:#c45c26;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;}
.section{padding:64px 0;}
.section h2{font-size:clamp(1.8rem, 3vw, 2.4rem);}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;}
.card h3{font-family:Fraunces,Georgia,serif;margin:0 0 8px;font-size:1.25rem;}
.card p{margin:0;color:var(--muted);}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:16px;overflow:hidden;border:1px solid var(--line);}
th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;}
th{background:#efe8db;}
tr:last-child td{border-bottom:0;}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:0 0 10px;}
.faq summary{cursor:pointer;font-weight:600;}
.faq p{margin:8px 0 0;color:var(--muted);}
footer{border-top:1px solid var(--line);padding:28px 0 48px;color:var(--muted);font-size:.95rem;}
footer a{color:var(--muted)}
.article{padding:24px 0 80px;}
.article .body{max-width:40rem;}
.article h1{font-size:clamp(2rem,4vw,2.8rem);}
.article h2{font-family:Fraunces,Georgia,serif;font-size:1.5rem;margin:2rem 0 .7rem;}
.article p{margin:0 0 1rem;}
.meta{color:var(--muted);margin:0 0 1.5rem;}
.cta-band{background:var(--teal-dark);color:#f6f1e8;padding:48px 0;margin:48px 0 0;}
.cta-band h2{color:#f6f1e8;margin:0 0 12px;}
.cta-band .btn{background:#c45c26;}
.cta-band .btn:hover{background:#a84c1e;}
.posts{display:grid;gap:16px;}
.posts a{text-decoration:none;color:inherit;display:block;}
.posts a:hover{border-color:var(--teal);}
@media (max-width:800px){
  .hero-grid,.grid3{grid-template-columns:1fr;}
  .nav nav{display:none;}
}

.codeblock{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;overflow-x:auto;}
.codeblock pre{margin:0;font-family:ui-monospace,monospace;font-size:.88rem;line-height:1.65;white-space:pre;}