:root{
  --navy:#0d3765;--blue:#145c86;--teal:#2c8794;--sand:#f5ead4;--cream:#fffaf0;--gold:#d99b42;--ink:#17324d;--muted:#5f7180;--line:#d9c9ad;--shadow:0 16px 40px rgba(13,55,101,.16);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffaf0,#eef8fb 50%,#fffaf0);line-height:1.6}a{color:var(--navy)}img{max-width:100%;height:auto} .wrap{width:min(1120px,94%);margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 20px rgba(0,0,0,.05);position:sticky;top:0;z-index:20}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}.brand{font-family:Georgia,serif;font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--navy)}nav{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}nav a{padding:.55rem .8rem;border-radius:999px;text-decoration:none;font-weight:700;color:var(--navy);background:#f3efe5;border:1px solid transparent}nav a:hover,nav a.active{background:var(--navy);color:white}.hero{position:relative;overflow:hidden;background:#123}.hero img{display:block;width:100%;max-height:520px;object-fit:cover}.hero-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(0deg,rgba(13,55,101,.85),rgba(13,55,101,0));color:white;padding:5rem 0 1.4rem}.hero-card{max-width:760px}.kicker{text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.82rem;color:#ffde9e}.hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,4.6rem);line-height:1;margin:.25rem 0}.tagline{font-size:clamp(1.1rem,2.2vw,1.55rem);font-weight:800}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.1rem}.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.78rem 1.05rem;border-radius:999px;text-decoration:none;font-weight:800;border:2px solid var(--navy);background:var(--navy);color:#fff}.btn.secondary{background:#fff;color:var(--navy)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#1c2c3a}.section{padding:2.4rem 0}.panel,.notice,.content-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:1.35rem}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat{font-size:2rem;font-family:Georgia,serif;color:var(--navy);font-weight:800}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.75rem;margin:1rem 0}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:.8rem;border:1px solid #c8d4da;border-radius:12px;font:inherit;background:white}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.business-card{position:relative;background:white;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.business-card.is-featured{outline:3px solid rgba(217,155,66,.45)}.featured-badge{position:absolute;top:.8rem;left:.8rem;background:var(--gold);color:#17293b;padding:.32rem .65rem;border-radius:999px;font-weight:900;z-index:2}.card-image-wrap{background:#eadfc9;aspect-ratio:7/4;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image-wrap img{width:100%;height:100%;object-fit:cover}.card-placeholder{font-family:Georgia,serif;font-size:1.5rem;color:var(--navy)}.card-body{padding:1rem}.card-body h3{margin:.1rem 0;color:var(--navy);font-size:1.2rem}.meta{font-weight:800;color:var(--teal);font-size:.92rem}.card-actions{display:flex;gap:.55rem;flex-wrap:wrap}.card-actions a{padding:.5rem .75rem;border-radius:999px;background:#edf6f8;text-decoration:none;font-weight:800}.page-title{background:linear-gradient(135deg,var(--navy),var(--teal));color:white;padding:2.4rem 0}.page-title h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.7rem);margin:.2rem 0}.two-col{display:grid;grid-template-columns:1.4fr .8fr;gap:1.2rem;align-items:start}.price-card{text-align:center}.price{font-size:3.5rem;font-family:Georgia,serif;color:var(--navy);font-weight:900;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.form-grid .full{grid-column:1/-1}.help{font-size:.9rem;color:var(--muted)}.checkbox{display:flex;gap:.65rem;align-items:flex-start}.honeypot{position:absolute;left:-9999px;opacity:0}.footer{background:#0b2d4d;color:white;margin-top:2rem;padding:2rem 0}.footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.small-links{display:flex;gap:.8rem;flex-wrap:wrap}.error{border-color:#d97c7c;background:#fff5f5}
@media(max-width:820px){.topbar{display:block;text-align:center}.brand{display:block;margin-bottom:.6rem}.hero-overlay{position:relative;background:var(--navy);padding:1.4rem 0}.intro-grid,.board,.two-col{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero img{max-height:360px}}


.builder-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:1.2rem;align-items:start}.builder-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.builder-preview{position:sticky;top:6rem}.canvas-shell{background:linear-gradient(180deg,#f7f1e4,#e7f3f7);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:1rem}.canvas-shell canvas{display:block;width:100%;height:auto;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.12)}.tip-list{margin:0;padding-left:1.2rem}.soft-note{background:#f6fbfd;border:1px solid #d5e9ee;border-radius:16px;padding:1rem}.builder-mini{font-size:.92rem;color:var(--muted)}.preview-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.template-card{border:1px solid #c8d4da;border-radius:16px;padding:.8rem;background:#fff}.template-card strong{display:block;color:var(--navy)}.generated-preview{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:start;margin:1rem 0}.generated-preview img{width:100%;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.note-box{background:#fffaf0;border:1px solid #ead7b6;border-radius:16px;padding:1rem}.stack{display:grid;gap:1rem}.full-width{grid-column:1/-1}
@media(max-width:980px){.builder-layout{grid-template-columns:1fr}.builder-preview{position:static}.generated-preview{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}}

/* Banner image fix: the banner already contains its own text, so no overlay text is needed. */
.hero {
  background: #123;
}

.hero img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
}

.hero-buttons-section {
  padding: 1.2rem 0;
  background: var(--cream);
}

.center-buttons {
  justify-content: center;
}

/* Keep the old overlay disabled in case an older index.html still has it cached or restored. */
.hero-overlay {
  display: none;
}
/* Coming Soon Top Strip */
.coming-soon-strip {
  width: 100%;
  background: linear-gradient(90deg, #153b5c, #2f7fa3, #f4c542);
  color: #ffffff;
  text-align: center;
  padding: 8px 12px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  position: relative;
  z-index: 999;
}

.coming-soon-label {
  display: inline-block;
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  padding: 3px 10px;
  margin-right: 8px;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.8px;
}

.coming-soon-text {
  display: inline-block;
}

@media (max-width: 600px) {
  .coming-soon-strip {
    font-size: 0.82rem;
    line-height: 1.35;
    padding: 7px 10px;
  }

  .coming-soon-label {
    margin-right: 5px;
    padding: 2px 8px;
    font-size: 0.68rem;
  }
}


/* ============================================================
   Electronic community bulletin-board design
   ============================================================ */
.category-intro{max-width:820px;margin:0 auto;text-align:center}.category-intro h2{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3rem);margin:.2rem 0}.category-intro p{color:var(--muted);font-size:1.05rem}.category-search{max-width:680px;margin:1.2rem auto 0}.category-search input{width:100%;padding:.9rem 1rem;border:1px solid #c8d4da;border-radius:999px;font:inherit;background:#fff;box-shadow:0 8px 22px rgba(13,55,101,.08)}
.category-board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.35rem}.category-board-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;padding:1rem;text-decoration:none;box-shadow:0 9px 24px rgba(13,55,101,.1);transition:transform .18s,box-shadow .18s}.category-board-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--sand);font-size:1.45rem}.category-copy strong{display:block;color:var(--navy);font-size:1.03rem}.category-copy small{display:block;color:var(--muted);margin-top:.15rem}.category-arrow{font-size:1.8rem;color:var(--gold)}
.board-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.board-explainer .panel{text-align:center}.board-explainer .step-icon{font-size:2rem;display:block;margin-bottom:.35rem}
.category-page-title{background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;padding:2rem 0}.category-page-title .wrap{text-align:center}.category-page-title h1{font-family:Georgia,serif;font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;margin:.2rem 0}.category-page-title p{margin:.45rem 0 0}.board-toolbar{display:grid;grid-template-columns:2fr 1fr auto;gap:.75rem;margin:0 0 1.2rem}.board-toolbar input,.board-toolbar select{width:100%;padding:.8rem;border:1px solid #c8d4da;border-radius:12px;font:inherit;background:#fff}
.cork-frame{background:#71451f;padding:16px;border-radius:24px;box-shadow:0 18px 42px rgba(57,33,14,.25)}.cork-board{padding:32px;border-radius:12px;background-color:#b97738;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.16) 0 1px,transparent 2px),radial-gradient(circle at 80% 20%,rgba(75,38,12,.16) 0 1px,transparent 2px),radial-gradient(circle at 45% 75%,rgba(255,255,255,.1) 0 1px,transparent 2px);background-size:17px 17px,23px 23px,29px 29px}.cork-sign{width:max-content;max-width:100%;margin:0 auto 28px;background:#fffaf0;padding:11px 22px;border-radius:5px;box-shadow:0 5px 12px rgba(49,30,13,.22);text-align:center;transform:rotate(-.4deg)}.cork-sign strong{font-family:Georgia,serif;color:var(--navy);font-size:1.3rem}.cork-sign span{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}
.bulletin-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px;align-items:start}.bulletin-card{position:relative;background:#fff;border:0;border-radius:8px;padding:10px;box-shadow:0 9px 18px rgba(53,29,10,.34);overflow:visible;transform:rotate(var(--tilt,0deg));transition:transform .18s;min-width:0}.bulletin-card:nth-child(4n+1){--tilt:-.7deg}.bulletin-card:nth-child(4n+2){--tilt:.55deg}.bulletin-card:nth-child(4n+3){--tilt:-.35deg}.bulletin-card:nth-child(4n){--tilt:.8deg}.bulletin-card:hover{transform:rotate(0) translateY(-3px);z-index:3}.bulletin-card.is-featured{outline:4px solid rgba(217,155,66,.75)}.pushpin{position:absolute;z-index:4;top:-9px;left:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd7d7 0 15%,#c73232 36%,#711515 100%);box-shadow:0 3px 5px rgba(0,0,0,.4);transform:translateX(-50%)}.bulletin-image-shell{aspect-ratio:1.75/1;background:#f4f1e9;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden}.bulletin-card-image{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.bulletin-card-body{padding:.7rem .25rem .15rem}.bulletin-card-body h3{font-size:1rem;color:var(--navy);margin:.05rem 0 .15rem;line-height:1.25}.bulletin-card-body .meta{font-size:.8rem;margin:0 0 .55rem;color:var(--teal)}.compact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.compact-actions a{display:flex;align-items:center;justify-content:center;text-align:center;padding:.43rem .25rem;border-radius:8px;background:#edf6f8;font-size:.76rem;white-space:nowrap}.card-tools{display:flex;gap:.35rem;margin-top:.45rem}.card-tool{flex:1;border:1px solid #dfcfb0;background:#fff8e9;color:#71501f;border-radius:8px;padding:.42rem .35rem;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.inline-details{margin-top:.55rem;padding:.6rem;border-radius:8px;background:#faf8f3;border:1px solid #e3dacb;font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}.inline-details p{margin:.28rem 0}.board-empty-note{grid-column:1/-1;background:#fffaf0;border:2px dashed rgba(76,42,18,.4);border-radius:14px;padding:2rem;text-align:center;color:#6b4a2b}.bulletin-note{margin-top:1rem;background:#fffaf0;border:1px solid #e1ceb0;border-radius:15px;padding:1rem;color:#5e4935}.featured-badge{top:.6rem;left:.6rem;font-size:.72rem}
@media(max-width:1050px){.bulletin-board{grid-template-columns:repeat(3,minmax(0,1fr))}.category-board-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.bulletin-board{grid-template-columns:repeat(2,minmax(0,1fr))}.cork-board{padding:27px 18px}.board-toolbar{grid-template-columns:1fr}.board-explainer{grid-template-columns:1fr}}
@media(max-width:520px){.bulletin-board,.category-board-grid{grid-template-columns:1fr}.cork-frame{padding:9px}.cork-board{padding:24px 11px}.bulletin-card{transform:none}.compact-actions{grid-template-columns:repeat(2,1fr)}}