.website-theme {
  --site-bg: #ffffff;
  --site-surface: #ffffff;
  --site-soft: #f8fafc;
  --site-ink: #111827;
  --site-muted: #64748b;
  --site-accent: #2563eb;
  --site-accent-2: #047857;
  --site-border: #e5ebf0;
  --site-hero: linear-gradient(135deg, #f7fbff 0%, #ffffff 48%, #edf7f1 100%);
  --site-cta: #111827;
  --site-cta-ink: #ffffff;
  --site-cta-muted: #cbd5e1;
  --site-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --site-heading-font: var(--site-font);
  --site-radius: 8px;
  background: var(--site-bg);
  color: var(--site-ink);
  font-family: var(--site-font);
  min-height: 720px;
}

.website-theme .site-navbar,
.website-theme .hero-section,
.website-theme .section-pad {
  background: var(--site-bg);
}

.website-theme .site-navbar {
  border-bottom-color: var(--site-border);
}

.website-theme .site-logo,
.website-theme .section-heading,
.website-theme .hero-title,
.website-theme .cta-band .h1,
.website-theme .pricing-card h3,
.website-theme .pricing-card .price {
  color: var(--site-ink);
  font-family: var(--site-heading-font);
}

.website-theme .site-nav-link,
.website-theme .site-nav button,
.website-theme .site-dropdown-menu a,
.website-theme .section-copy,
.website-theme .hero-copy,
.website-theme .pricing-card p,
.website-theme .testimonial-card span,
.website-theme .logo-card span {
  color: var(--site-muted);
}

.website-theme .site-nav-link:hover,
.website-theme .site-nav-link.active,
.website-theme .site-nav button.active,
.website-theme .site-dropdown-menu a:hover {
  background: var(--site-soft);
  color: var(--site-ink);
}

.website-theme .site-nav-link.active,
.website-theme .site-nav button.active {
  background: var(--site-accent);
  color: #fff;
  box-shadow: 0 7px 16px color-mix(in srgb, var(--site-accent) 24%, transparent);
}

.website-theme .site-menu-toggle,
.website-theme .site-dropdown-menu {
  background: var(--site-surface);
  border-color: var(--site-border);
  color: var(--site-ink);
}

.website-theme .hero-section {
  background: var(--site-hero);
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.website-theme .hero-section::before {
  background: linear-gradient(145deg, var(--site-accent), var(--site-accent-2));
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%, 18% 56%);
  content: '';
  height: 128%;
  opacity: .18;
  position: absolute;
  right: -4%;
  top: -14%;
  width: min(35vw, 460px);
  z-index: -1;
}

.website-theme .hero-inner {
  position: relative;
  z-index: 1;
}

.website-theme .editable-block:nth-of-type(even) .section-pad {
  background: var(--site-soft);
}

.website-theme .section-pad {
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.website-theme .section-pad::before {
  background: linear-gradient(135deg, var(--site-accent), var(--site-accent-2));
  clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%, 18% 68%);
  content: '';
  height: 100%;
  opacity: .14;
  pointer-events: none;
  position: absolute;
  right: -8%;
  top: 0;
  width: min(30vw, 400px);
  z-index: -1;
}

.website-theme .section-pad > * {
  position: relative;
  z-index: 1;
}

.website-theme .hero-kicker,
.website-theme .card-link,
.website-theme .testimonial-card > i {
  color: var(--site-accent);
}

.website-theme .section-heading::after {
  background: linear-gradient(90deg, var(--site-accent), var(--site-accent-2));
  border-radius: 999px;
  content: '';
  display: block;
  height: 4px;
  margin-top: 13px;
  width: 46px;
}

.website-theme .btn-primary,
.website-theme .pricing-card .btn,
.website-theme .btn-dark {
  background: var(--site-accent);
  border-color: var(--site-accent);
  color: #fff;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--site-accent) 24%, transparent);
  font-weight: 800;
  transition: filter .2s ease, box-shadow .2s ease, transform .2s ease;
}

.website-theme .btn-primary:hover,
.website-theme .pricing-card .btn:hover,
.website-theme .btn-dark:hover {
  box-shadow: 0 14px 28px color-mix(in srgb, var(--site-accent) 34%, transparent);
  filter: brightness(.94);
  transform: translateY(-2px);
}

.website-theme .btn-outline-dark {
  border-color: var(--site-accent);
  color: var(--site-accent);
  font-weight: 800;
}

.website-theme .btn-outline-dark:hover {
  background: var(--site-accent);
  border-color: var(--site-accent);
  color: #fff;
}

.website-theme .feature-card,
.website-theme .logo-card,
.website-theme .testimonial-card,
.website-theme .pricing-card {
  background: linear-gradient(145deg, var(--site-surface) 22%, color-mix(in srgb, var(--site-soft) 72%, var(--site-surface)) 100%);
  border-color: var(--site-border);
  border-radius: var(--site-radius);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--site-accent) 9%, transparent);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.website-theme .feature-card:hover,
.website-theme .logo-card:hover,
.website-theme .testimonial-card:hover,
.website-theme .pricing-card:hover {
  border-color: color-mix(in srgb, var(--site-accent) 42%, var(--site-border));
  box-shadow: 0 18px 38px color-mix(in srgb, var(--site-accent) 15%, transparent);
  transform: translateY(-3px);
}

.website-theme .logo-card {
  background: linear-gradient(145deg, var(--site-surface), var(--site-soft));
}

.website-theme .card-link {
  border-bottom: 2px solid color-mix(in srgb, var(--site-accent) 35%, transparent);
  padding-bottom: 3px;
  width: fit-content;
}

.website-theme .feature-card,
.website-theme .testimonial-card,
.website-theme .pricing-card {
  overflow: hidden;
  position: relative;
}

.website-theme .feature-card::before,
.website-theme .testimonial-card::before,
.website-theme .pricing-card::before {
  background: linear-gradient(90deg, var(--site-accent), var(--site-accent-2));
  content: '';
  height: 5px;
  inset: 0 0 auto;
  position: absolute;
}

.website-theme .feature-card:nth-child(2)::before,
.website-theme .testimonial-card:nth-child(2)::before,
.website-theme .pricing-card:nth-child(2)::before {
  background: linear-gradient(90deg, var(--site-accent-2), var(--site-accent));
}

.website-theme .feature-icon {
  background: var(--site-accent);
  box-shadow: 0 10px 20px color-mix(in srgb, var(--site-accent) 25%, transparent);
  color: #fff;
}

.website-theme .testimonials-section,
.website-theme .video-section,
.website-theme .gallery-section {
  background: var(--site-soft);
}

.website-theme .hero-media,
.website-theme .split-media,
.website-theme .gallery-tile,
.website-theme .video-frame {
  border-radius: var(--site-radius);
}

.website-theme .cta-band {
  background: var(--site-cta);
  color: var(--site-cta-ink);
}

.website-theme .cta-band .h1 {
  color: var(--site-cta-ink);
}

.website-theme .cta-band p {
  color: var(--site-cta-muted);
}

.template-studio {
  --site-bg: #f6faff;
  --site-surface: #ffffff;
  --site-soft: #eef8ff;
  --site-ink: #10244a;
  --site-muted: #667692;
  --site-accent: #087bd8;
  --site-accent-2: #15b9e8;
  --site-border: #dce8f4;
  --site-hero: radial-gradient(circle at 78% 18%, rgba(21, 185, 232, .22), transparent 28%), linear-gradient(135deg, #eef8ff 0%, #ffffff 56%, #eafaff 100%);
  --site-cta: linear-gradient(115deg, #071d49, #075fc4);
  --site-cta-muted: #c8e7f8;
  --site-font: 'Plus Jakarta Sans', Inter, ui-sans-serif, system-ui, sans-serif;
  --site-radius: 16px;
}

.template-studio .site-navbar {
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid #dce8f4;
  box-shadow: 0 8px 26px rgba(13, 54, 108, .06);
  position: sticky;
  top: 0;
  z-index: 20;
}

.template-studio .site-logo {
  align-items: center;
  display: inline-flex;
  gap: 9px;
  color: #10244a;
  font-size: 18px;
  letter-spacing: -.04em;
}

.template-studio .site-logo-mark {
  align-items: center;
  background: linear-gradient(145deg, #075fc4, #15b9e8);
  border-radius: 11px;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 800;
  height: 34px;
  justify-content: center;
  letter-spacing: -.08em;
  width: 34px;
}

.template-studio .site-nav-link.active,
.template-studio .site-nav button.active {
  background: #e8f6ff;
  color: #075fc4;
}

.template-studio .hero-section { min-height: 620px; position: relative; overflow: hidden; }
.template-studio .hero-inner { grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr); margin: 0 auto; max-width: 1200px; }
.template-studio .hero-section::after {
  background: linear-gradient(90deg, #075fc4, #15b9e8, #8e68e8);
  content: '';
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.template-studio .hero-section::before { opacity: .24; }
.template-studio .hero-section::before { clip-path: polygon(28% 0, 100% 0, 100% 100%, 10% 100%, 48% 52%); }
.template-studio .site-navbar { border-top: 5px solid #087bd8; }
.template-studio .editable-block:nth-of-type(even) .section-pad { background: #e8f6ff; }

.template-studio .hero-title { letter-spacing: -.055em; max-width: 680px; }
.template-studio .hero-kicker { align-items: center; display: inline-flex; gap: 8px; letter-spacing: .06em; }
.template-studio .hero-kicker::before { background: #15b9e8; border-radius: 50%; content: ''; display: inline-block; height: 8px; width: 8px; }
.template-studio .hero-section .btn-primary { border-radius: 999px; box-shadow: 0 12px 24px rgba(8, 123, 216, .22); padding: 13px 20px; }
.template-studio .hero-media,
.template-studio .split-media { box-shadow: 0 22px 55px rgba(13, 54, 108, .18); }
.template-studio .hero-media { border: 8px solid rgba(255,255,255,.8); border-radius: 24px; min-height: 420px; position: relative; }
.template-studio .hero-media::after { background: linear-gradient(180deg, transparent 48%, rgba(7, 29, 73, .38)); border-radius: 16px; content: ''; inset: 0; position: absolute; }
.template-studio .section-pad { padding-left: clamp(22px, 7vw, 76px); padding-right: clamp(22px, 7vw, 76px); }
.template-studio .section-pad > .section-heading,
.template-studio .section-pad > .section-copy,
.template-studio .section-pad > .card-grid,
.template-studio .section-pad > .pricing-grid,
.template-studio .section-pad > .testimonial-grid,
.template-studio .section-pad > .logo-grid,
.template-studio .section-pad > .gallery-strip,
.template-studio .section-pad > .video-frame { margin-left: auto; margin-right: auto; max-width: 1200px; }
.template-studio .section-pad > .section-heading { letter-spacing: -.045em; }
.template-studio .feature-card { min-height: 230px; }
.template-studio .feature-card,
.template-studio .testimonial-card,
.template-studio .pricing-card,
.template-studio .logo-card { box-shadow: 0 12px 32px rgba(13, 54, 108, .07); }
.template-studio .feature-card:hover,
.template-studio .pricing-card:hover { border-color: #a8d9f3; box-shadow: 0 18px 38px rgba(8, 123, 216, .12); }
.template-studio .feature-icon { background: #e8f6ff; color: #087bd8; }
.template-studio .pricing-card { position: relative; overflow: hidden; }
.template-studio .pricing-card::before { background: linear-gradient(90deg, #087bd8, #15b9e8); content: ''; height: 5px; inset: 0 0 auto; position: absolute; }
.template-studio .pricing-card:nth-child(2)::before { background: linear-gradient(90deg, #15b9e8, #20c49a); }
.template-studio .pricing-card:nth-child(3)::before { background: linear-gradient(90deg, #6e65df, #a568e8); }
.template-studio .cta-band {
  border-radius: 0;
  margin: 0;
  max-width: none;
  width: 100%;
  background: linear-gradient(115deg, #071d49 0%, #075fc4 58%, #12b7df 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 -18px 42px rgba(8, 123, 216, .08);
  padding: clamp(54px, 7vw, 88px) clamp(22px, 7vw, 76px);
}
.template-studio .cta-band::after {
  background: radial-gradient(circle at 85% 18%, rgba(255,255,255,.18), transparent 30%), linear-gradient(135deg, transparent 0 62%, rgba(255,255,255,.06) 62% 63%, transparent 63%);
}
.template-studio .cta-band .h1 { color: #fff; }
.template-studio .cta-band p { color: rgba(255,255,255,.78); }
.template-studio .cta-band .btn-light {
  border-radius: 999px;
  background: #fff;
  border-color: #fff;
  color: #075fc4;
  font-weight: 800;
  box-shadow: 0 14px 28px rgba(4, 29, 73, .22);
}
.tier-modal[hidden] { display: none; }
.tier-modal { inset: 0; position: fixed; z-index: 100; }
.tier-modal-backdrop { background: rgba(7,29,73,.58); inset: 0; position: absolute; }
.tier-modal-card { background: #fff; border: 1px solid #dce8f4; border-radius: 22px; box-shadow: 0 30px 80px rgba(7,29,73,.28); left: 50%; max-width: 480px; padding: 34px; position: absolute; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 40px); }
.tier-modal-close { background: #eef8ff; border: 0; border-radius: 50%; color: #075fc4; cursor: pointer; font-size: 24px; height: 34px; line-height: 1; position: absolute; right: 18px; top: 18px; width: 34px; }
.tier-modal-title { color: #10244a; font-size: 30px; margin: 14px 0 8px; }
.tier-modal-description { color: #667692; line-height: 1.7; }
.tier-modal-features { color: #315b85; line-height: 2; margin: 20px 0 24px; padding-left: 20px; }
.tier-modal-register { border-radius: 999px; display: inline-block; }
body.tier-modal-open { overflow: hidden; }
.template-studio .gallery-tile { box-shadow: 0 12px 28px rgba(13, 54, 108, .12); }
@media (max-width: 760px) {
  .template-studio .hero-section { min-height: auto; }
  .template-studio .hero-inner { grid-template-columns: 1fr; }
  .template-studio .hero-media { min-height: 280px; }
  .template-studio .cta-band { padding-left: 22px; padding-right: 22px; }
}

.template-bold {
  --site-bg: #fffdf2;
  --site-surface: #ffffff;
  --site-soft: #fff3bf;
  --site-ink: #111827;
  --site-muted: #5b6472;
  --site-accent: #dc2626;
  --site-accent-2: #111827;
  --site-border: #111827;
  --site-hero: linear-gradient(135deg, #111827 0 58%, #facc15 58% 76%, #fffdf2 76%);
  --site-cta: #facc15;
  --site-cta-ink: #111827;
  --site-cta-muted: #374151;
  --site-radius: 2px;
}

.template-bold .site-navbar {
  border-bottom: 3px solid #111827;
}

.template-bold .site-dropdown-menu {
  box-shadow: 8px 8px 0 #111827;
}

.template-bold .hero-title,
.template-bold .hero-copy,
.template-bold .hero-kicker {
  color: #fff;
}

.template-bold .hero-section .btn-primary {
  background: #facc15;
  border-color: #facc15;
  color: #111827;
}

.template-bold .hero-section::before { opacity: .3; width: 38vw; }
.template-bold .hero-section::before { background: #facc15; clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 16% 35%); }
.template-bold .site-navbar { background: #111827; border-bottom-color: #facc15; }
.template-bold .site-logo, .template-bold .site-nav-link, .template-bold .site-nav button { color: #fff; }
.template-bold .site-nav-link.active, .template-bold .site-nav button.active { background: #facc15; color: #111827; }
.template-bold .editable-block:nth-of-type(even) .section-pad { background: #fff3bf; }

.template-bold .feature-card,
.template-bold .logo-card,
.template-bold .testimonial-card,
.template-bold .pricing-card {
  box-shadow: 8px 8px 0 #111827;
}

.template-editorial {
  --site-bg: #fbf7ef;
  --site-surface: #fffaf2;
  --site-soft: #efe4d2;
  --site-ink: #1f2937;
  --site-muted: #7c6651;
  --site-accent: #b45309;
  --site-accent-2: #7c2d12;
  --site-border: #d8c3a7;
  --site-hero: linear-gradient(90deg, #fbf7ef 0 62%, #efe4d2 62%);
  --site-cta: #1f2937;
  --site-heading-font: Georgia, "Times New Roman", serif;
}

.template-editorial .hero-inner {
  grid-template-columns: minmax(0, 0.9fr) minmax(min(100%, 280px), 0.7fr);
}

.template-editorial .hero-title {
  font-size: clamp(42px, 6vw, 76px);
  font-weight: 700;
}

.template-editorial .hero-section::before { opacity: .14; }
.template-editorial .hero-section::before { background: #b45309; clip-path: polygon(56% 0, 100% 0, 100% 100%, 0 100%, 30% 68%); }
.template-editorial .site-navbar { background: #1f2937; border-bottom-color: #b45309; }
.template-editorial .site-logo, .template-editorial .site-nav-link, .template-editorial .site-nav button { color: #fff; }
.template-editorial .site-nav-link.active, .template-editorial .site-nav button.active { background: #b45309; color: #fff; }
.template-editorial .editable-block:nth-of-type(even) .section-pad { background: #efe4d2; }

.template-editorial .feature-card,
.template-editorial .testimonial-card,
.template-editorial .pricing-card {
  border-top: 4px solid var(--site-accent);
}

.template-editorial .logo-card img {
  filter: sepia(0.35);
}

.template-neon {
  --site-bg: #0f1020;
  --site-surface: #181a31;
  --site-soft: #11132a;
  --site-ink: #f8fafc;
  --site-muted: #a7b3ca;
  --site-accent: #22d3ee;
  --site-accent-2: #f472b6;
  --site-border: rgba(34, 211, 238, 0.28);
  --site-hero: radial-gradient(circle at 20% 20%, rgba(244, 114, 182, 0.28), transparent 34%), radial-gradient(circle at 80% 10%, rgba(34, 211, 238, 0.24), transparent 32%), #0f1020;
  --site-cta: linear-gradient(135deg, #22d3ee, #f472b6);
  --site-cta-ink: #0f1020;
  --site-cta-muted: #172033;
}

.template-neon .site-navbar,
.template-neon .section-pad,
.template-neon .video-section,
.template-neon .testimonials-section {
  background: var(--site-bg);
}

.template-neon .site-dropdown-menu,
.template-neon .site-menu-toggle {
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.18), 0 18px 44px rgba(0, 0, 0, 0.26);
}

.template-neon .feature-card,
.template-neon .logo-card,
.template-neon .testimonial-card,
.template-neon .pricing-card,
.template-neon .video-frame {
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.18), 0 18px 44px rgba(0, 0, 0, 0.26);
}

.template-neon .btn-primary,
.template-neon .pricing-card .btn,
.template-neon .btn-dark {
  color: #0f1020;
}

.template-neon .cta-band {
  background: var(--site-cta);
}

.template-neon .hero-section::before { opacity: .35; }
.template-neon .hero-section::before { background: #f472b6; clip-path: polygon(44% 0, 100% 0, 100% 100%, 0 100%, 20% 42%); }
.template-neon .site-navbar { background: #181a31; border-bottom-color: #22d3ee; }
.template-neon .site-logo, .template-neon .site-nav-link, .template-neon .site-nav button { color: #f8fafc; }
.template-neon .site-nav-link.active, .template-neon .site-nav button.active { background: #22d3ee; color: #0f1020; }
.template-neon .editable-block:nth-of-type(even) .section-pad { background: #181a31; }

.template-earth {
  --site-bg: #f4f0e7;
  --site-surface: #fffaf0;
  --site-soft: #e7ead7;
  --site-ink: #263629;
  --site-muted: #64715a;
  --site-accent: #53755b;
  --site-accent-2: #d08c60;
  --site-border: #ccd3bd;
  --site-hero: linear-gradient(135deg, #e7ead7 0%, #fffaf0 58%, #f4d7c2 100%);
  --site-cta: #263629;
  --site-radius: 8px;
}

.template-earth .hero-inner,
.template-earth .split-section {
  gap: clamp(22px, 5vw, 56px);
}

.template-earth .hero-media,
.template-earth .split-media,
.template-earth .gallery-tile {
  box-shadow: 0 16px 42px rgba(38, 54, 41, 0.16);
}

.template-earth .feature-icon {
  color: #d08c60;
}

.template-earth .hero-section::before { opacity: .16; }
.template-earth .hero-section::before { background: #d08c60; border-radius: 48% 0 0 52%; clip-path: none; }
.template-earth .site-navbar { background: #263629; border-bottom-color: #d08c60; }
.template-earth .site-logo, .template-earth .site-nav-link, .template-earth .site-nav button { color: #fff; }
.template-earth .site-nav-link.active, .template-earth .site-nav button.active { background: #d08c60; color: #fff; }
.template-earth .editable-block:nth-of-type(even) .section-pad { background: #e7ead7; }

.template-chapel {
  --site-bg: #f7f1e9;
  --site-surface: #fffaf4;
  --site-soft: #ead9c9;
  --site-ink: #30211d;
  --site-muted: #806a5c;
  --site-accent: #934b39;
  --site-accent-2: #c38b4e;
  --site-border: #ddc8b5;
  --site-hero: linear-gradient(135deg, #30211d 0%, #6f342d 57%, #c38b4e 100%);
  --site-cta: #30211d;
  --site-cta-muted: #ead9c9;
  --site-heading-font: Georgia, "Times New Roman", serif;
  --site-radius: 4px;
}

.template-chapel .site-navbar { border-bottom: 2px solid #c38b4e; }
.template-chapel .hero-section::before { opacity: .3; }
.template-chapel .hero-section::before { background: #c38b4e; clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 22% 56%); }
.template-chapel .site-navbar { background: #30211d; }
.template-chapel .site-logo, .template-chapel .site-nav-link, .template-chapel .site-nav button { color: #fff; }
.template-chapel .site-nav-link.active, .template-chapel .site-nav button.active { background: #934b39; color: #fff; }
.template-chapel .editable-block:nth-of-type(even) .section-pad { background: #ead9c9; }
.template-chapel .hero-title, .template-chapel .hero-copy, .template-chapel .hero-kicker { color: #fff; }
.template-chapel .hero-section { min-height: 590px; }
.template-chapel .hero-media, .template-chapel .split-media { border: 5px solid rgba(255,255,255,.55); box-shadow: 0 18px 40px rgba(48,33,29,.22); }
.template-chapel .feature-card, .template-chapel .testimonial-card, .template-chapel .pricing-card { box-shadow: 0 8px 24px rgba(48,33,29,.08); }
.template-chapel .feature-card { border-top: 3px solid var(--site-accent-2); }

.template-community {
  --site-bg: #f3fbff;
  --site-surface: #fff;
  --site-soft: #e5f5f7;
  --site-ink: #12334a;
  --site-muted: #5b7484;
  --site-accent: #087bb5;
  --site-accent-2: #16a66b;
  --site-border: #cfe7ee;
  --site-hero: linear-gradient(135deg, #e2f5ff, #fff 52%, #e4f8ed);
  --site-cta: linear-gradient(110deg, #087bb5, #16a66b);
  --site-cta-muted: #d9f7ed;
  --site-radius: 18px;
}

.template-community .site-navbar { box-shadow: 0 8px 24px rgba(8,123,181,.08); }
.template-community .hero-section::before { opacity: .2; }
.template-community .hero-section::before { background: #16a66b; border-radius: 0 0 0 45%; clip-path: none; }
.template-community .site-navbar { background: #087bb5; border-bottom-color: #16a66b; }
.template-community .site-logo, .template-community .site-nav-link, .template-community .site-nav button { color: #fff; }
.template-community .site-nav-link.active, .template-community .site-nav button.active { background: #16a66b; color: #fff; }
.template-community .editable-block:nth-of-type(even) .section-pad { background: #e5f5f7; }
.template-community .hero-section { min-height: 560px; }
.template-community .hero-media { border-radius: 28px; box-shadow: 0 20px 45px rgba(8,123,181,.16); }
.template-community .feature-card, .template-community .logo-card, .template-community .testimonial-card, .template-community .pricing-card { box-shadow: 0 12px 28px rgba(8,123,181,.08); }
.template-community .feature-icon { border-radius: 50%; }
.template-community .cta-band { border-radius: 28px; margin: 24px; width: auto; }

.template-olive {
  --site-bg: #f7f5ec;
  --site-surface: #fffdf7;
  --site-soft: #e8eadc;
  --site-ink: #2e3c2d;
  --site-muted: #6d7967;
  --site-accent: #667c4b;
  --site-accent-2: #b18a4c;
  --site-border: #d7dcc8;
  --site-hero: linear-gradient(135deg, #e6ead8, #fffdf7 62%, #f1dfbd);
  --site-cta: #2e3c2d;
  --site-cta-muted: #dce6d1;
  --site-radius: 12px;
}

.template-olive .site-navbar { background: #fffdf7; }
.template-olive .hero-section::before { opacity: .2; }
.template-olive .hero-section::before { background: #b18a4c; clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%, 22% 44%); }
.template-olive .site-navbar { background: #667c4b; border-bottom-color: #b18a4c; }
.template-olive .site-logo, .template-olive .site-nav-link, .template-olive .site-nav button { color: #fff; }
.template-olive .site-nav-link.active, .template-olive .site-nav button.active { background: #b18a4c; color: #fff; }
.template-olive .editable-block:nth-of-type(even) .section-pad { background: #e8eadc; }
.template-olive .hero-section { min-height: 570px; }
.template-olive .hero-media, .template-olive .split-media, .template-olive .gallery-tile { box-shadow: 0 16px 38px rgba(46,60,45,.14); }
.template-olive .feature-card, .template-olive .testimonial-card, .template-olive .pricing-card { background: rgba(255,253,247,.82); }
.template-olive .cta-band { border-top: 6px solid #b18a4c; }

.template-sunrise {
  --site-bg: #fffaf5;
  --site-surface: #fff;
  --site-soft: #fff0e7;
  --site-ink: #3f2830;
  --site-muted: #876b6b;
  --site-accent: #e56d78;
  --site-accent-2: #e99a58;
  --site-border: #f2d9ce;
  --site-hero: linear-gradient(135deg, #fff0df, #fffaf5 55%, #ffe0e5);
  --site-cta: linear-gradient(120deg, #e56d78, #e99a58);
  --site-cta-muted: #fff0e7;
  --site-radius: 20px;
}

.template-sunrise .site-navbar { background: rgba(255,250,245,.95); }
.template-sunrise .hero-section::before { opacity: .18; }
.template-sunrise .hero-section::before { background: #e56d78; border-radius: 50% 0 0 50%; clip-path: none; }
.template-sunrise .site-navbar { background: #e56d78; border-bottom-color: #e99a58; }
.template-sunrise .site-logo, .template-sunrise .site-nav-link, .template-sunrise .site-nav button { color: #fff; }
.template-sunrise .site-nav-link.active, .template-sunrise .site-nav button.active { background: #e99a58; color: #fff; }
.template-sunrise .editable-block:nth-of-type(even) .section-pad { background: #fff0e7; }
.template-sunrise .hero-section { min-height: 560px; }
.template-sunrise .hero-media { border: 8px solid #fff; box-shadow: 0 18px 42px rgba(229,109,120,.18); }
.template-sunrise .feature-card, .template-sunrise .testimonial-card, .template-sunrise .pricing-card { box-shadow: 0 12px 28px rgba(229,109,120,.09); }
.template-sunrise .feature-icon { background: #ffe3d5; color: #e56d78; }

.template-ministry {
  --site-bg: #f5f7ff;
  --site-surface: #fff;
  --site-soft: #e9edff;
  --site-ink: #172554;
  --site-muted: #64709b;
  --site-accent: #5368c7;
  --site-accent-2: #7c6fd1;
  --site-border: #dce2fa;
  --site-hero: linear-gradient(135deg, #e8edff, #fff 55%, #f1e9ff);
  --site-cta: #172554;
  --site-cta-muted: #dce2fa;
  --site-radius: 10px;
}

.template-ministry .site-navbar { border-bottom: 3px solid #5368c7; }
.template-ministry .hero-section::before { opacity: .24; }
.template-ministry .hero-section::before { background: #7c6fd1; clip-path: polygon(34% 0, 100% 0, 100% 100%, 0 100%, 18% 70%); }
.template-ministry .site-navbar { background: #172554; border-bottom-color: #7c6fd1; }
.template-ministry .site-logo, .template-ministry .site-nav-link, .template-ministry .site-nav button { color: #fff; }
.template-ministry .site-nav-link.active, .template-ministry .site-nav button.active { background: #5368c7; color: #fff; }
.template-ministry .editable-block:nth-of-type(even) .section-pad { background: #e9edff; }
.template-ministry .hero-section { min-height: 540px; }
.template-ministry .hero-media { box-shadow: 14px 14px 0 #dce2fa; }
.template-ministry .feature-card, .template-ministry .logo-card, .template-ministry .testimonial-card, .template-ministry .pricing-card { box-shadow: 5px 5px 0 #dce2fa; }
.template-ministry .feature-card:hover, .template-ministry .pricing-card:hover { transform: translateY(-3px); }

@media (max-width: 760px) {
  .website-theme .hero-section::before {
    height: 78%;
    opacity: .14;
    right: -12%;
    top: 22%;
    width: 46vw;
  }

  .website-theme .section-heading::after {
    height: 3px;
    margin-top: 10px;
  }

  .template-community .cta-band { margin: 12px; }
  .template-ministry .hero-media { box-shadow: 8px 8px 0 #dce2fa; }
}

.website-theme .addon-card-section { background: var(--site-hero); }
.website-theme .addon-card-inner { max-width: 760px; margin: 0 auto; padding: 42px; border: 1px solid var(--site-border); border-radius: var(--site-radius); background: var(--site-surface); box-shadow: 0 18px 42px rgba(15, 23, 42, .08); }
.website-theme .addon-card-badge { color: var(--site-accent); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px; }
@media (max-width: 720px) { .website-theme .addon-card-inner { padding: 26px 20px; } }

.website-theme .tenant-signup-section { background: var(--site-bg); }
.website-theme .tenant-signup-card { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, .85fr) minmax(340px, 1.15fr); gap: clamp(26px, 5vw, 70px); align-items: start; padding: clamp(26px, 5vw, 54px); border: 1px solid var(--site-border); border-radius: var(--site-radius); background: var(--site-surface); box-shadow: 0 18px 42px rgba(15, 23, 42, .08); }
.website-theme .tenant-signup-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
.website-theme .tenant-signup-form label { display: block; color: var(--site-ink); font-size: 12px; font-weight: 750; margin: 0 0 14px; }
.website-theme .tenant-signup-form input { width: 100%; margin-top: 6px; border: 1px solid var(--site-border); border-radius: 8px; padding: 11px 12px; color: var(--site-ink); background: var(--site-bg); font: inherit; }
.website-theme .tenant-signup-form input:focus { outline: 2px solid color-mix(in srgb, var(--site-accent) 30%, transparent); border-color: var(--site-accent); }
.website-theme .tenant-signup-form button { grid-column: 1 / -1; justify-self: start; margin-top: 4px; }
.website-theme .tenant-signup-note { margin-top: 26px; padding: 12px 14px; border-left: 3px solid var(--site-accent); color: var(--site-muted); font-size: 13px; line-height: 1.55; }
.website-theme .tenant-signup-editor-note { margin-top: 12px; color: var(--site-muted); font-size: 12px; font-weight: 700; }
@media (max-width: 780px) {
  .website-theme .tenant-signup-card { grid-template-columns: 1fr; padding: 26px 20px; }
}
@media (max-width: 520px) {
  .website-theme .tenant-signup-form { grid-template-columns: 1fr; }
  .website-theme .tenant-signup-form button { grid-column: auto; width: 100%; }
}