@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope/manrope-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.help-page { max-width: 860px; margin: 0 auto; padding: 1rem 0 3rem; }
.help-heading { margin: 1.25rem 0 2rem; }
.help-heading > p { max-width: 760px; color: #526b80; }
.help-search-form { max-width: 720px; margin-bottom: 2rem; }
.help-overview { margin-bottom: 2rem; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid #d9e2ea; border-radius: .8rem; background: #fff; color: #526b80; }
.help-overview h2 { color: #162833; }
.help-overview p:last-child { margin-bottom: 0; }
.help-search-form label { display: block; font-weight: 700; margin-bottom: .5rem; }
.help-card-list, .help-link-list { list-style: none; padding: 0; display: grid; gap: .75rem; }
.help-card-list a { display: flex; flex-direction: column; gap: .3rem; padding: 1rem 1.1rem; border: 1px solid #d9e2ea; border-radius: .75rem; background: #fff; color: #17324d; text-decoration: none; }
.help-card-list a:hover, .help-card-list a:focus-visible { border-color: #557b85; box-shadow: 0 0 0 3px rgba(8,116,79,.12); }
.help-card-list span { color: #556676; }
.help-card-list .help-card-more { margin-top: .25rem; color: #557b85; font-weight: 700; }
.help-categories { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #d9e2ea; }
.help-category-chip { display: inline-block; padding: .45rem .75rem; margin: 0 .35rem .5rem 0; border-radius: 999px; background: #e8f0f2; color: #3f6570; text-decoration: none; }
.help-answer { margin-top: 1rem; padding: clamp(1.1rem, 4vw, 2rem); border: 1px solid #d9e2ea; border-radius: 1rem; background: #fff; }
.help-category { color: #557b85; font-weight: 700; margin: 1.25rem 0 .25rem; }
.help-related { margin-top: 1.5rem; }
.help-problem-link { margin-top: 2.5rem; font-size: .92rem; }
.help-overview-details { margin-top: 2rem; padding-block: 1rem; border-block: 1px solid #d9e2ea; }
.help-overview-details summary { color: #162833; cursor: pointer; font-weight: 700; }
.help-overview-details > div { padding-top: 1rem; color: #526b80; }
.help-overview-details p:last-child { margin-bottom: 0; }
.report-form { max-width: 680px; padding: 1.25rem; border: 1px solid #d9e2ea; border-radius: .75rem; background: #fff; }
.contact-page { padding-top: clamp(2rem, 5vw, 4rem); }
.admin-help-page { padding: 2rem 0 3rem; }
.admin-help-page > .back-link { display: inline-block; margin-bottom: 2.25rem; }
.admin-help-editor { max-width: 860px; }
.admin-help-editor .report-form { max-width: 860px; }
@media (max-width: 575.98px) { .help-page { padding-inline: .15rem; } .help-card-list a { padding: .9rem; } .help-answer { border-radius: .6rem; } }

.account-security-shell { max-width: 760px; margin: clamp(2rem, 5vw, 3.5rem) auto 4rem; }
.account-security-panel, .account-security-card { background: #fff; border: 1px solid #d5e1e6; border-radius: 1rem; padding: 1.5rem; }
.account-security-panel h2 { font-size: 1.45rem; }
.account-security-banner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border: 1px solid #cbdcdf; border-radius: .85rem; background: #f2f7f8; }
.account-security-banner strong, .account-security-banner span { display: block; }
.account-security-banner span { color: #52697d; margin-top: .2rem; }
.account-security-actions { display: grid; gap: 1rem; }
.security-action-buttons { display: flex; flex-wrap: wrap; gap: .65rem; }
.recovery-code-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.recovery-code-list code { display: block; padding: .55rem .75rem; background: #f4f7f8; border-radius: .4rem; font-size: 1rem; }
.manual-setup-key { overflow-wrap: anywhere; font-size: 1rem; }
.authenticator-qr { max-width: 100%; height: auto; }
.mobile-authenticator-setup { max-width: 38rem; margin: 1.5rem 0; padding: 1.1rem 1.2rem; border: 1px solid #cfe0e6; border-radius: .8rem; background: #f6fafb; }
.mobile-authenticator-setup ol { padding-left: 1.25rem; }
.mobile-authenticator-setup li + li { margin-top: .35rem; }
.security-code-input { max-width: 16rem; }
.account-security-confirm-form { max-width: 32rem; }
.manage-account-security-link { display: flex; justify-content: flex-end; margin-bottom: 1rem; }
@media (max-width: 575.98px) {
  .account-security-banner { align-items: flex-start; flex-direction: column; }
  .recovery-code-list { grid-template-columns: 1fr; }
  .security-action-buttons .btn { width: 100%; }
}

@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope/manrope-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope/manrope-semibold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 0;
  color: #162833;
  background: #f2f6f7;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  font-synthesis: none;
}

.footer { color: #617181 !important; background: #fff; font-size: .82rem; }
.footer a { color: var(--navy); }
.marketing-footer.footer { padding: 1rem 0 .9rem; white-space: normal !important; line-height: 1.45 !important; }
.marketing-footer .container { display: flex; flex-direction: column; align-items: center; gap: .55rem; max-width: 920px; text-align: center; }
.marketing-footer .footer-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .35rem 1.4rem; color: #29465f; font-weight: 600; }
.marketing-footer .footer-brand { color: #243d49; font-weight: 700; }
.marketing-footer .footer-navigation { display: flex; gap: 1.25rem; }
.marketing-footer a { text-decoration: none; }
.marketing-footer a:hover { color: #557b85; text-decoration: underline; text-underline-offset: .18em; }

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

:root {
  --ink: #162833;
  --label: #243d49;
  --muted: #5f747d;
  --instruction: #526b76;
  --cream: #f2f6f7;
  --paper: #ffffff;
  --brand: #668f99;
  --brand-dark: #557b85;
  --green: #557b85;
  --green-deep: #3f6570;
  --navy: #162833;
  --navy-deep: #0f2029;
  --line: #d7e1e4;
}

.form-text {
  color: var(--instruction);
}

.form-label {
  color: var(--label);
}

.navbar {
  margin-bottom: 0 !important;
  padding: 1rem 0;
  background: #fff !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.navbar .site-navigation .site-nav-link {
  font-family: "Manrope", Arial, Helvetica, sans-serif !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 1.5 !important;
  text-transform: none !important;
}

.site-navigation button.site-nav-link {
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
}

@media (min-width: 576px) {
  .site-navigation .nav-account-start { margin-left: auto; }
  .navbar .site-navigation .nav-account-start .site-nav-link,
  .navbar .site-navigation .nav-account-start ~ .nav-item .site-nav-link { font-size: .9rem !important; }
  .site-navigation .nav-primary-item + .nav-primary-item { display: flex; align-items: center; }
  .site-navigation .nav-primary-item + .nav-primary-item::before {
    width: 1px;
    height: 1rem;
    margin: 0 .25rem;
    background: #cbd6dc;
    content: "";
  }
}

.brand-lockup {
  display: inline-flex;
  align-items: center;
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.065em;
}

.brand-lockup .brand-icon {
  flex: 0 0 auto;
  width: 3.8rem;
  height: 2.7rem;
  margin-right: .42rem;
  object-fit: contain;
}

.brand-lockup .brand-bad,
.brand-bad { color: var(--navy); }
.brand-lockup .brand-pigeon,
.brand-pigeon { color: var(--brand); }

.eyebrow {
  color: var(--green);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.btn-brand {
  color: #fff;
  background: var(--brand-dark);
  border: 1px solid var(--brand-dark);
  border-radius: .65rem;
  font-weight: 700;
  padding: .8rem 1.25rem;
  box-shadow: 0 9px 22px rgba(85, 123, 133, .16);
}

.btn-brand:hover, .btn-brand:focus {
  color: #fff;
  background: var(--green-deep);
  border-color: var(--green-deep);
}

.marketing-page .btn-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: .9rem 1.35rem;
  border: 2px solid var(--navy);
  border-radius: 0;
  color: var(--navy);
  background: transparent;
  box-shadow: none;
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.marketing-page .btn-brand:hover,
.marketing-page .btn-brand:focus {
  color: #fff;
  background: var(--navy);
  border-color: var(--navy);
}

.btn-outline-brand {
  color: var(--navy);
  background: #fff;
  border: 1px solid #aebdc5;
  font-weight: 700;
}

.btn-primary { color: #fff; background-color: var(--navy); border-color: var(--navy); }
.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: var(--navy-deep); border-color: var(--navy-deep); }
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: var(--brand-dark); box-shadow: 0 0 0 .2rem rgba(0, 168, 107, .14); }

.image-onboarding-note {
  margin: 1.75rem 0 1rem;
  padding: 1rem 1.1rem;
  border-left: 3px solid var(--green);
  color: var(--muted);
  background: #eef7f4;
  line-height: 1.55;
}

.image-onboarding-heading { margin-bottom: 2rem; }
.image-onboarding-form { margin-top: 1.5rem; }
.image-onboarding-actions {
  display: flex;
  gap: .75rem 1rem;
  align-items: center;
  margin-top: 2rem;
  padding-bottom: 2rem;
}

.registration-page.website-ready-page main { padding-top: clamp(1.75rem, 4vw, 3.5rem); }
.registration-page main > .row > .website-ready-shell { padding: clamp(2rem, 4vw, 3.25rem); }
.website-ready-heading { max-width: 60rem; margin: 0 auto; text-align: center; }
.website-ready-heading h1 {
  margin: 0 0 .65rem;
  color: var(--navy-deep);
  font-size: clamp(2.25rem, 5vw, 3.4rem);
  letter-spacing: -.04em;
}
.website-ready-summary { margin: 0; color: var(--muted); }
.website-ready-address {
  display: inline-block;
  margin-top: .2rem;
  color: var(--brand-dark);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.website-ready-trial { max-width: 46rem; margin: 1.5rem auto 0; padding: .9rem 1rem; border: 1px solid #c9e4d9; border-radius: .75rem; color: #075f43; background: #edf4f5; line-height: 1.55; }
.website-ready-introduction { max-width: 52rem; margin: 1.5rem auto 0; color: var(--muted); line-height: 1.6; }
.website-ready-introduction p { margin: 0; }
.website-ready-introduction p + p { margin-top: .8rem; }
.website-ready-next-steps { margin-top: 1.75rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: 1rem; background: #f7faf9; }
.website-ready-next-steps > h2 { margin: 0 0 1rem; color: var(--navy-deep); font-size: clamp(1.25rem, 2vw, 1.55rem); text-align: center; }
.website-ready-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.website-ready-feature-grid > a { display: flex; min-height: 100%; flex-direction: column; padding: 1rem; border: 1px solid transparent; border-radius: .75rem; color: inherit; background: #fff; text-decoration: none; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.website-ready-feature-grid > a:hover { border-color: #c7d6dc; box-shadow: 0 .55rem 1.4rem rgba(8, 39, 67, .1); transform: translateY(-2px); }
.website-ready-feature-grid > a:focus-visible { outline: 3px solid rgba(85, 123, 133, .28); outline-offset: 3px; }
.website-ready-feature-grid h3 { margin: 0 0 .35rem; color: var(--navy-deep); font-size: 1rem; }
.website-ready-feature-grid p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.5; }
.website-ready-feature-grid a > span { margin-top: auto; padding-top: .85rem; color: var(--brand-dark); font-size: .82rem; font-weight: 750; }
.website-ready-return-note { margin: 1.25rem auto 0; color: var(--muted); font-size: .9rem; text-align: center; }
@media (max-width: 1199.98px) {
  .website-ready-feature-grid { grid-template-columns: repeat(2, 1fr); }
}

.hero-section {
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 9vw, 7.5rem) 0;
  color: #f7f8fa;
  background:
    radial-gradient(circle at 15% 12%, rgba(48, 98, 128, .38), transparent 34rem),
    radial-gradient(circle at 86% 80%, rgba(112, 161, 185, .2), transparent 30rem),
    linear-gradient(100deg, #07131d 0%, #0d2231 52%, #17445c 100%);
}

.hero-section::before,
.hero-section::after {
  position: absolute;
  width: 30rem;
  height: 30rem;
  border: 1px solid rgba(255, 255, 255, .07);
  content: "";
  transform: rotate(35deg);
  pointer-events: none;
}

.hero-section::before { top: -23rem; right: -8rem; }
.hero-section::after { bottom: -24rem; left: -10rem; }

.hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: center;
}

.hero-copy h1 {
  max-width: 760px;
  margin: 1rem 0 1.35rem;
  font-size: clamp(3rem, 5.6vw, 5.35rem);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1;
}

.hero-copy h1 span { color: #9bbac1; }

.hero-lead {
  max-width: 650px;
  color: #c6d2d9;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  line-height: 1.68;
}

.hero-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  margin-top: 2rem;
}

.hero-offer-desktop,
.hero-offer-mobile { color: #b9c9d3; font-size: .875em; font-weight: 400; line-height: 1.45; }
.hero-offer-mobile span { color: inherit; font-size: inherit; }
.hero-actions span i { padding: 0 .25rem; font-style: normal; }
.hero-manage-note { max-width: 650px; margin: 0; color: #e4edf1; font-size: .95rem; font-weight: 650; line-height: 1.5; }
.hero-service-details { max-width: 690px; margin-top: 1rem; color: #b9c9d3; font-size: .8rem; line-height: 1.5; }
.hero-service-details p { margin: 0; }
.hero-service-details p + p { margin-top: .35rem; }
.hero-service-details strong { color: #e4edf1; font-weight: 650; }

.hero-device-showcase { display: none; width: 100%; min-height: 340px; flex-direction: column; align-items: center; justify-content: center; }
.hero-device-composite { position: relative; width: 100%; min-height: 300px; }
.hero-laptop { width: min(100%, 350px); overflow: hidden; border: 7px solid #061019; border-bottom-width: 13px; border-radius: .75rem .75rem .4rem .4rem; background: #061019; box-shadow: 0 32px 70px rgba(0, 0, 0, .34), 0 0 0 1px rgba(255, 255, 255, .15); transform: perspective(900px) rotateY(-4deg); }
.hero-laptop::after { display: block; width: 115%; height: 8px; margin: 0 -7.5% -18px; border-radius: 0 0 45% 45%; content: ""; background: #9ca8ad; }
.hero-device-bar { display: flex; gap: .25rem; align-items: center; padding: .45rem .5rem; background: #061019; }
.hero-device-bar > span { width: .38rem; height: .38rem; border-radius: 50%; background: #ff8e78; }
.hero-device-bar > span:nth-child(2) { background: #ffd270; }
.hero-device-bar > span:nth-child(3) { background: #71c7a0; }
.hero-device-bar i { flex: 1; margin-left: .25rem; padding: .18rem .3rem; border-radius: .2rem; color: #aeb9b5; background: #2d3b37; font-size: .48rem; font-style: normal; text-align: center; }
.hero-laptop-site { min-height: 220px; overflow: hidden; color: #102f3a; background: #edf3f5; }
.hero-laptop-nav { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .7rem .8rem; background: #fff; }
.hero-laptop-nav strong { font-size: .62rem; }
.hero-laptop-nav > span { color: #162833; font-size: .44rem; font-weight: 700; }
.hero-laptop-hero { display: grid; grid-template-columns: 1.05fr .95fr; gap: .65rem; align-items: center; min-height: 150px; padding: .85rem; color: #fff; background: linear-gradient(100deg, #0f2029 0%, #162833 58%, #17445c 100%); }
.hero-laptop-hero h2 { margin: 0 0 .7rem; color: #fff; font-size: 1.05rem; font-weight: 550; line-height: 1.05; }
.hero-laptop-hero > div > span { display: inline-block; margin: 0 .18rem .25rem 0; padding: .24rem .38rem; border: 1px solid rgba(255,255,255,.84); border-radius: 999px; font-size: .35rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.hero-laptop-hero img { display: block; width: 100%; height: 116px; border: 1px solid rgba(255,255,255,.32); border-radius: .45rem; object-fit: cover; }
.hero-laptop-details { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; padding: .55rem; background: #edf3f5; }
.hero-laptop-details span { min-height: 32px; padding: .5rem; border: 1px solid #d9e4e7; border-radius: .35rem; color: #162833; background: #fff; font-size: .48rem; font-weight: 700; }
.hero-phone { position: absolute; right: -.5rem; bottom: 0; width: 112px; padding: .45rem; border: 6px solid #061019; border-radius: 1.2rem; background: #061019; box-shadow: 0 24px 45px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .17); transform: rotate(2deg); }
.hero-phone-speaker { display: block; width: 34%; height: 3px; margin: 0 auto .4rem; border-radius: 999px; background: #43515a; }
.hero-phone-site { min-height: 198px; padding: .55rem .45rem; overflow: hidden; border-radius: .55rem; color: #fff; background: linear-gradient(100deg, #0f2029 0%, #162833 58%, #17445c 100%); text-align: center; }
.hero-phone-site strong { display: block; margin: -.55rem -.45rem .7rem; padding: .55rem .3rem; color: #102f3a; background: #fff; font-size: .43rem; }
.hero-phone-site h2 { margin: 0 0 .55rem; color: #fff; font-size: .82rem; font-weight: 550; line-height: 1.05; }
.hero-phone-site > span { display: inline-block; margin-bottom: .65rem; padding: .25rem .45rem; border: 1px solid rgba(255,255,255,.8); border-radius: 999px; font-size: .38rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.hero-phone-site img { display: block; width: 90%; height: 80px; margin: 0 auto; border-radius: .35rem; object-fit: cover; }
.hero-examples-link { display: inline-flex; gap: .35rem; align-items: center; margin-top: .4rem; color: #d7e7eb; font-size: .76rem; font-weight: 700; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }
.hero-examples-link:hover, .hero-examples-link:focus { color: #fff; text-decoration: underline; text-underline-offset: .25rem; }

.country-preference { width: fit-content; max-width: 100%; margin: 1.1rem auto 1.35rem; text-align: center; }
.country-preference-line { display: flex; align-items: center; justify-content: center; gap: .55rem; }
.country-preference label { flex: none; margin: 0; color: #fff; font-size: .83rem; font-weight: 700; }
.country-preference select,
.country-preference button { min-height: 24px; border: 1px solid rgba(255,255,255,.42); border-radius: .35rem; }
.country-preference select { width: auto; max-width: calc(100vw - 7rem); padding: .08rem 2rem .08rem .65rem; color: #142c3d; background-color: #fff; font-size: .9rem; }
.country-preference button { padding: .35rem .7rem; color: #fff; background: transparent; font-weight: 700; }
.country-preference button:hover,
.country-preference button:focus-visible { color: #07131d; background: #fff; }
.country-preference small { display: block; margin-top: .45rem; color: #b9c9d3; font-size: .875em; font-weight: 400; line-height: 1.45; }
.hero-offer-mobile { display: none; }

.marketing-page .hero-section .btn-brand {
  color: #fff;
  border-color: rgba(255, 255, 255, .8);
}

.marketing-page .hero-section .btn-brand:hover,
.marketing-page .hero-section .btn-brand:focus {
  color: #07131d;
  border-color: #fff;
  background: #fff;
}

.site-mockup {
  width: min(100%, 310px);
  justify-self: center;
  overflow: hidden;
  transform: rotate(1deg);
  backface-visibility: hidden;
  isolation: isolate;
  border: 7px solid #061019;
  border-radius: 1.75rem;
  background: #061019;
  box-shadow: 0 35px 80px rgba(0, 0, 0, .34);
}
.sample-site-preview { display: flex; flex-direction: column; align-items: center; justify-self: center; gap: 1.15rem; }
.sample-site-link { color: #d7e7eb; font-size: .82rem; font-weight: 650; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.sample-site-link:hover, .sample-site-link:focus { color: #fff; text-decoration: underline; text-underline-offset: .3rem; }

.mockup-bar {
  display: flex;
  gap: .35rem;
  align-items: center;
  padding: .7rem .8rem;
  background: #061019;
}

.mockup-bar > span { width: .55rem; height: .55rem; border-radius: 50%; background: #ff8e78; }
.mockup-bar > span:nth-child(2) { background: #ffd270; }
.mockup-bar > span:nth-child(3) { background: #71c7a0; }
.mockup-bar div { flex: 1; margin-left: .5rem; padding: .3rem; border-radius: .3rem; color: #aeb9b5; background: #2d3b37; font-size: .62rem; text-align: center; }
.mockup-site { width: 100%; overflow: hidden; background: #fff; }
.mockup-nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.25rem; color: #102f3a; }
.mockup-nav strong { display: flex; align-items: center; gap: .45rem; font-size: .92rem; font-weight: 600; }
.mockup-nav strong img { width: auto; height: 1.55rem; object-fit: contain; flex: 0 0 auto; }
.mockup-nav strong img.spanish-mockup-logo { max-width: 118px; height: 2rem; }
.mockup-nav strong img.localized-mockup-logo { max-width: 112px; height: 2rem; }
.mockup-nav span { color: #075b72; font-size: .62rem; font-weight: 600; white-space: nowrap; }
.mockup-content { padding: 2.2rem 1.5rem 1.5rem; background: var(--navy); color: #fff; }
.mockup-content h2 { margin: 0 0 .8rem; font-size: 1.75rem; font-weight: 500; letter-spacing: -.025em; line-height: 1.1; text-align: center; }
.mockup-content p { margin: 0; color: #d5edf1; font-size: .78rem; line-height: 1.55; }
.mockup-button { display: block; width: fit-content; min-width: 130px; margin: 1rem auto 1.3rem; padding: .7rem 1rem; border: 2px solid rgba(255,255,255,.9); color: #fff; background: transparent; font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-align: center; text-transform: uppercase; }
.mockup-image { position: relative; width: 82%; height: 145px; margin: 0 auto; overflow: hidden; border: 1px solid rgba(6,16,25,.42); border-radius: .8rem; background: rgba(6,16,25,.18); }
.mockup-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 61%; opacity: .88; filter: saturate(.76) contrast(.96); }
.mockup-image::after { position: absolute; inset: 0; content: ""; background: var(--navy); opacity: .06; mix-blend-mode: color; }
.mockup-about { padding: 1.1rem 1.5rem 1.25rem; color: #102f3a; background: #fff; }
.mockup-about h3 { margin: 0 0 .5rem; font-size: 1.2rem; font-weight: 600; letter-spacing: -.025em; }
.mockup-about p { margin: 0; color: #5e6d68; font-size: .72rem; line-height: 1.55; }

.how-section { padding: 6rem 0; border-top: 1px solid var(--line); background: #fff; }
.section-heading { max-width: 780px; margin-bottom: 3rem; }
.how-section .section-heading { max-width: none; }
.section-heading h2 { margin-top: 0; font-size: clamp(2.15rem, 3.8vw, 3.55rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.1; }
.step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.step-grid article { padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: #f8fbfb; box-shadow: 0 12px 32px rgba(11,49,87,.05); }
.step-grid h3 { margin: 0 0 .7rem; font-size: 1.3rem; font-weight: 600; }
.step-grid p { margin: 0; color: var(--muted); line-height: 1.7; }
.homepage-finishing-touches { width: 100%; margin-top: 1.5rem; padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: #f8fbfb; box-shadow: 0 12px 32px rgba(11,49,87,.05); }
.homepage-included-label { display: block; margin-bottom: .5rem; color: var(--green); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.homepage-finishing-touches h3 { margin: 0 0 .7rem; font-size: 1.3rem; font-weight: 600; }
.homepage-finishing-touches p { margin: 0; color: var(--muted); line-height: 1.7; }
.sample-examples { margin-top: 4rem; padding-top: 3.5rem; border-top: 1px solid var(--line); }
.sample-examples-heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: 1.5rem; }
.sample-examples-heading h2 { margin: 0; font-size: clamp(2.15rem, 3.8vw, 3.55rem); font-weight: 650; letter-spacing: -.035em; line-height: 1.1; }
.sample-examples-heading p { max-width: 720px; margin: .75rem 0 0; color: var(--muted); line-height: 1.65; }
.sample-example-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.sample-example-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: #fff; box-shadow: 0 14px 36px rgba(11,49,87,.07); }
.sample-example-image { aspect-ratio: 16 / 9; overflow: hidden; background: #e8eeee; }
.sample-example-image img { width: 100%; height: 100%; object-fit: cover; }
.sample-example-image-craft img { object-position: center 58%; }
.sample-example-image-dog-grooming img { object-position: center 44%; }
.sample-example-image-community img { object-position: center 52%; }
.sample-example-content { display: flex; flex: 1; flex-direction: column; padding: 1.15rem; }
.sample-example-content > span { display: block; margin-bottom: .4rem; color: var(--green); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sample-example-content h3 { margin: 0 0 .5rem; font-size: 1.22rem; font-weight: 700; }
.sample-example-content p { min-height: 4.8em; margin: 0 0 1rem; color: var(--muted); font-size: .94rem; line-height: 1.55; }
.sample-example-content a { display: inline-flex; align-items: center; align-self: flex-start; gap: .35rem; min-height: 42px; margin-top: auto; padding: .58rem .8rem; border: 1px solid var(--green); border-radius: .6rem; color: var(--green); font-size: .9rem; font-weight: 750; text-decoration: none; }
.sample-example-content a:hover, .sample-example-content a:focus { color: #fff; background: var(--green); }
.homepage-faq { margin-top: 4rem; padding-top: 3.5rem; border-top: 1px solid var(--line); }
.homepage-faq-heading { margin-bottom: 1.5rem; }
.homepage-faq-heading h2 { margin: 0; font-size: clamp(2rem, 3.4vw, 3rem); font-weight: 650; letter-spacing: -.035em; line-height: 1.1; }
.homepage-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.homepage-faq details { overflow: hidden; border: 1px solid var(--line); border-radius: .8rem; background: #f8fbfb; }
.homepage-faq summary { position: relative; padding: 1rem 3rem 1rem 1.15rem; color: var(--navy-deep); font-weight: 700; cursor: pointer; list-style: none; }
.homepage-faq summary::-webkit-details-marker { display: none; }
.homepage-faq summary::after { position: absolute; top: 50%; right: 1.1rem; content: "+"; color: var(--green); font-size: 1.35rem; font-weight: 500; transform: translateY(-50%); }
.homepage-faq details[open] summary::after { content: "−"; }
.homepage-faq details p { margin: 0; padding: 0 1.15rem 1.15rem; color: var(--muted); line-height: 1.65; }
.center-cta { margin-top: 3.5rem; text-align: center; }
.center-cta p { margin-top: .8rem; color: var(--muted); font-size: .88rem; }

.setup-section { min-height: calc(100vh - 130px); padding: 4rem 1.5rem 6rem; background: linear-gradient(180deg, #eef5f6, #f2f6f7 55%); }
.setup-shell { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(2rem, 7vw, 7rem); align-items: start; max-width: 1120px; margin: 0 auto; }
.back-link { display: inline-block; margin-bottom: 3.5rem; color: var(--green); font-weight: 700; text-decoration: none; }
.setup-intro { position: sticky; top: 2rem; padding-top: 1rem; }
.setup-intro h1 { margin: 1rem 0; font-size: clamp(2.6rem, 5vw, 4.5rem); font-weight: 850; letter-spacing: -.06em; line-height: 1; }
.setup-intro > p { color: var(--muted); font-size: 1.15rem; line-height: 1.65; }
.setup-reassurance { display: flex; flex-direction: column; margin-top: 2.5rem; padding: 1.2rem; border: 1px solid #b6cdd2; border-left: 5px solid var(--brand); border-radius: .75rem; background: #eef9f4; }
.setup-reassurance span { margin-top: .25rem; color: var(--muted); font-size: .9rem; }
.setup-card { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid var(--line); border-radius: 1.2rem; background: #fff; box-shadow: 0 25px 60px rgba(22, 40, 51, .09); }
.setup-form-panel { margin: 0 0 1.25rem; padding: clamp(1.1rem, 2.5vw, 1.6rem); border: 1px solid #d9e4e7; border-top: 3px solid rgba(12, 89, 74, .55); border-radius: .9rem; background: #f8fbfb; }
.setup-form-panel-heading { margin-bottom: 1.45rem; }
.setup-form-panel-heading h2 { margin: 0 0 .45rem; color: var(--ink); font-size: clamp(1.25rem, 2vw, 1.55rem); font-weight: 750; letter-spacing: -.025em; line-height: 1.2; }
.setup-form-panel-heading h2 span { display: inline; margin: 0; color: var(--muted); font-size: .78em; font-weight: 500; }
.setup-form-panel-heading p { margin: .35rem 0 0; color: var(--muted); line-height: 1.55; }
.setup-form-panel > .form-group-brand:last-child { margin-bottom: 0; }
.setup-country-advice { display: grid; gap: .25rem; margin: -.2rem 0 1rem; padding: .85rem 1rem; border-left: 3px solid #b36b00; color: #5f4a25; background: #fff8e8; line-height: 1.5; }
.setup-country-advice[hidden] { display: none; }
.form-row-brand { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-row-brand.service-delivery-stack { grid-template-columns: 1fr; gap: 0; }
.form-group-brand { margin-bottom: 1.3rem; }
.form-group-brand label { display: block; margin-bottom: .48rem; color: var(--label); font-weight: 750; }
.form-group-brand input, .form-group-brand textarea, .form-group-brand select { width: 100%; min-height: 48px; padding: .85rem 1rem; border: 1px solid #bdc8cf; border-radius: .55rem; background: #fff; color: var(--ink); font-size: 1rem; }
.form-group-brand input:focus, .form-group-brand textarea:focus, .form-group-brand select:focus { outline: 0; border-color: var(--green); box-shadow: 0 0 0 3px rgba(12, 89, 74, .12); }
.form-group-brand > span { display: block; margin-top: .3rem; color: #b42318; font-size: .82rem; }
.form-group-brand span:empty { display: none; }
.website-voice-fieldset { min-width: 0; padding: 0; border: 0; }
.website-voice-fieldset legend { margin: 0 0 .48rem; color: var(--label); font-size: 1rem; font-weight: 750; }
.website-voice-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.form-group-brand .website-voice-choice { display: flex; align-items: center; gap: .65rem; min-height: 48px; margin: 0; padding: .8rem .9rem; border: 1px solid #bdc8cf; border-radius: .55rem; background: #fff; color: var(--ink); font-weight: 650; cursor: pointer; }
.form-group-brand .website-voice-choice input { flex: 0 0 auto; width: 1.1rem; height: 1.1rem; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; box-shadow: none; accent-color: var(--brand-dark); }
.form-group-brand .website-voice-choice span { display: inline; margin: 0; color: inherit; font-size: inherit; }
.website-voice-choice:has(input:checked) { border-color: var(--brand-dark); background: #edf4f5; box-shadow: 0 0 0 2px rgba(12, 89, 74, .1); }
.website-voice-choice:focus-within { outline: 0; border-color: var(--green); box-shadow: 0 0 0 3px rgba(12, 89, 74, .12); }
.service-location-optional { margin-left: .25rem; color: var(--muted); font-size: .82em; font-style: italic; font-weight: 500; }
.service-location-example { display: block; margin-top: .35rem; color: var(--instruction); font-size: .78rem; line-height: 1.4; }
.speech-input-wrap { position: relative; display: block; }
.speech-input-button, .speech-input-status { display: none; }
.form-footnote { margin: .8rem 0 0; color: var(--muted); font-size: .82rem; text-align: center; }

.preview-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .6rem 3vw; border-top: 1px solid #dce3df; background: #fff; }
.preview-guidance { display: flex; min-width: 0; flex: 1 1 auto; gap: .8rem; align-items: center; }
.preview-guidance p { max-width: 760px; margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }
.preview-status { padding: .35rem .6rem; border-radius: 99px; color: var(--green); background: #e5f2ed; font-size: .73rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.preview-actions { display: flex; flex: 0 0 auto; gap: .7rem; }
.preview-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: .55rem 1rem; font-size: .9rem; line-height: 1.2; }
.preview-canvas { padding: clamp(1rem, 3vw, 2.5rem); background: #e8eff1; }
.preview-canvas .business-site { max-width: 1180px; margin: 0 auto; overflow: hidden; border-radius: .7rem; box-shadow: 0 20px 50px rgba(0,0,0,.12); }

.business-page { background: linear-gradient(180deg, #eef5f6 0, #f2f6f7 360px); }
.business-page, .business-site { font-family: "Manrope", Arial, Helvetica, sans-serif; font-synthesis: none; }
.business-page main { padding-bottom: 0 !important; }
.business-page > .footer { background: #f2f6f7; }
.business-site {
  --site-primary: #162833;
  --site-deep: #0f2029;
  --site-hero-primary: #162833;
  --site-hero-deep: #0f2029;
  --site-accent: #668f99;
  --site-accent-dark: #557b85;
  --site-soft: #e8f7f1;
  --site-muted: #dce9ee;
  --site-page-bg: #eef5f6;
  --site-surface: #fff;
  --site-section-bg: #f2f6f7;
  --site-section-image: none;
  --site-section-size: auto;
  --site-wallpaper-display: none;
  --site-card-bg: #fff;
  --site-border: #dce4e8;
  --site-heading: #0f2029;
  --site-text: #162833;
  --site-copy-muted: #617181;
  --site-shadow: 0 24px 65px rgba(22, 40, 51, .13);
  width: min(1180px, calc(100% - 2rem));
  margin: 2rem auto;
  overflow: hidden;
  border: 1px solid var(--site-border);
  border-radius: 1.35rem;
  color: var(--site-text);
  background: var(--site-surface);
  box-shadow: var(--site-shadow);
}
.business-site.website-type-plumber,
.business-site.website-type-electrician,
.business-site.website-type-gardener,
.business-site.website-type-charity-shop { --site-primary: #162833; --site-deep: #0f2029; --site-accent: #668f99; --site-soft: #e8f7f1; --site-muted: #dce9ee; }
.business-site.hero-theme-forest { --site-hero-deep: #153b34; --site-hero-primary: #286050; }
.business-site.hero-theme-ocean { --site-hero-deep: #063f57; --site-hero-primary: #08728a; }
.business-site.hero-theme-slate { --site-hero-deep: #35445d; --site-hero-primary: #596b87; }
.business-site.hero-theme-denim { --site-hero-deep: #173c63; --site-hero-primary: #34658d; }
.business-site.hero-theme-teal { --site-hero-deep: #0a4647; --site-hero-primary: #247173; }
.business-site.hero-theme-pine { --site-hero-deep: #173d33; --site-hero-primary: #386653; }
.business-site.hero-theme-olive { --site-hero-deep: #424522; --site-hero-primary: #6e713d; }
.business-site.hero-theme-moss { --site-hero-deep: #35482f; --site-hero-primary: #60785a; }
.business-site.hero-theme-claret { --site-hero-deep: #501e2c; --site-hero-primary: #7f3549; }
.business-site.hero-theme-berry { --site-hero-deep: #57243e; --site-hero-primary: #88405f; }
.business-site.hero-theme-terracotta { --site-hero-deep: #69382e; --site-hero-primary: #965444; }
.business-site.hero-theme-plum { --site-hero-deep: #3f2948; --site-hero-primary: #67456e; }
.business-site.hero-theme-aubergine { --site-hero-deep: #35233d; --site-hero-primary: #5c3d66; }
.business-site.hero-theme-brick { --site-hero-deep: #612a26; --site-hero-primary: #90483e; }
.business-site.hero-theme-copper { --site-hero-deep: #623923; --site-hero-primary: #95613f; }
.business-site.hero-theme-chestnut { --site-hero-deep: #4c2d25; --site-hero-primary: #795044; }
.business-site.hero-theme-mustard { --site-hero-deep: #5a4814; --site-hero-primary: #8c742b; }
.business-site.hero-theme-bronze { --site-hero-deep: #534124; --site-hero-primary: #7f6841; }
.business-site.hero-theme-charcoal { --site-hero-deep: #252d33; --site-hero-primary: #46535b; }
.business-site.hero-theme-graphite { --site-hero-deep: #303237; --site-hero-primary: #565b62; }
.business-site.hero-theme-stone { --site-hero-deep: #4b4943; --site-hero-primary: #716e65; }
.business-site.hero-theme-espresso { --site-hero-deep: #352923; --site-hero-primary: #5c493f; }
.business-site.hero-theme-midnight { --site-hero-deep: #171c35; --site-hero-primary: #323c66; }
.business-site.page-theme-clean { --site-hero-deep: #0f2029; --site-hero-primary: #162833; }
.business-site.page-theme-warm { --site-primary: #633d2e; --site-deep: #3f2b24; --site-hero-deep: #54372c; --site-hero-primary: #8c5a42; --site-accent: #bd6b3d; --site-accent-dark: #874627; --site-soft: #f6eadc; --site-muted: #f3e8dc; --site-surface: #fffaf2; --site-section-bg: #f5efe6; --site-card-bg: #fffdf8; --site-border: #dfd2c2; --site-heading: #3f2b24; --site-text: #392e29; --site-copy-muted: #74645b; --site-shadow: 0 24px 65px rgba(76,53,39,.14); }
.business-site.page-theme-fresh { --site-primary: #135b62; --site-deep: #0b4148; --site-hero-deep: #0c5159; --site-hero-primary: #27868a; --site-accent: #2ca889; --site-accent-dark: #16735f; --site-soft: #e3f5ef; --site-muted: #dff2ef; --site-surface: #fbfffe; --site-section-bg: #eff9f7; --site-card-bg: #fff; --site-border: #cfe6e1; --site-heading: #0b4148; --site-text: #17383b; --site-copy-muted: #587275; --site-shadow: 0 24px 65px rgba(19,91,98,.12); }
.business-site.page-theme-contemporary { --site-primary: #33409b; --site-deep: #252c67; --site-hero-deep: #252c67; --site-hero-primary: #675cc8; --site-accent: #7568e8; --site-accent-dark: #5046b3; --site-soft: #eeedff; --site-muted: #e8e8fb; --site-surface: #fff; --site-section-bg: #f5f4fc; --site-card-bg: rgba(255,255,255,.94); --site-border: #dad9ed; --site-heading: #252c67; --site-text: #282a43; --site-copy-muted: #66677f; --site-shadow: 0 28px 70px rgba(45,48,111,.16); }
.business-site.page-theme-bold { --site-primary: #6c243d; --site-deep: #431426; --site-hero-deep: #54172d; --site-hero-primary: #a6324e; --site-accent: #ef6b48; --site-accent-dark: #b43d29; --site-soft: #fff0e8; --site-muted: #ffe7df; --site-surface: #fff; --site-section-bg: #f6ecea; --site-card-bg: #fff; --site-border: #ead5d2; --site-heading: #4d172b; --site-text: #351f28; --site-copy-muted: #735e66; --site-shadow: 0 28px 75px rgba(92,29,51,.2); }
.business-site.page-theme-dark { --site-primary: #94bce7; --site-deep: #071725; --site-hero-deep: #071725; --site-hero-primary: #183b50; --site-accent: #51d0ad; --site-accent-dark: #8de8cf; --site-soft: #173345; --site-muted: #cfdeea; --site-surface: #0c1c2a; --site-section-bg: #102331; --site-card-bg: #172d3c; --site-border: #294353; --site-heading: #f3f8fb; --site-text: #e7f0f5; --site-copy-muted: #bacbd5; --site-shadow: 0 28px 78px rgba(0,0,0,.42); }
.business-page.page-theme-clean { background: linear-gradient(180deg, #eef5f6 0, #f2f6f7 360px); }
.business-page.page-theme-warm { background: linear-gradient(180deg, #eee8df 0, #f5efe6 360px); }
.business-page.page-theme-fresh { background: linear-gradient(180deg, #e7f5f2 0, #eff9f7 360px); }
.business-page.page-theme-contemporary { background: linear-gradient(145deg, #e9eafa, #f7f5fb 55%, #ece7f3); }
.business-page.page-theme-bold { background: linear-gradient(180deg, #efe2e0 0, #f6ecea 360px); }
.business-page.page-theme-dark { background: linear-gradient(180deg, #07121d 0, #102331 420px); }
.appearance-background-butterflies { --appearance-wallpaper-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%235d7280' stroke-opacity='.2' stroke-width='2'%3E%3Cpath d='M48 45C37 27 22 29 28 43c4 8 12 9 20 5M48 45c11-18 26-16 20-2-4 8-12 9-20 5m0-3v15'/%3E%3C/g%3E%3C/svg%3E"); }
.appearance-background-flowers { --appearance-wallpaper-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='%236b7f8a' fill-opacity='.14'%3E%3Ccircle cx='44' cy='31' r='10'/%3E%3Ccircle cx='57' cy='44' r='10'/%3E%3Ccircle cx='44' cy='57' r='10'/%3E%3Ccircle cx='31' cy='44' r='10'/%3E%3Ccircle cx='44' cy='44' r='7' fill-opacity='.22'/%3E%3C/g%3E%3C/svg%3E"); --appearance-wallpaper-size:88px 88px; }
.appearance-background-cars { --appearance-wallpaper-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='84' viewBox='0 0 112 84'%3E%3Cg fill='none' stroke='%235d7280' stroke-opacity='.2' stroke-width='2'%3E%3Cpath d='M24 51h64l-6-13H47L38 51m-14 0v9h64v-9'/%3E%3Ccircle cx='38' cy='61' r='5'/%3E%3Ccircle cx='76' cy='61' r='5'/%3E%3C/g%3E%3C/svg%3E"); --appearance-wallpaper-size:112px 84px; }
.appearance-background-stars { --appearance-wallpaper-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='82' viewBox='0 0 82 82'%3E%3Cpath d='m41 24 4.3 10.5 11.3.8-8.7 7.3 2.7 11-9.6-6-9.6 6 2.7-11-8.7-7.3 11.3-.8z' fill='%236b7f8a' fill-opacity='.14'/%3E%3C/svg%3E"); --appearance-wallpaper-size:82px 82px; }
.appearance-background-leaves { --appearance-wallpaper-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%234e7865' stroke-opacity='.18' stroke-width='2'%3E%3Cpath d='M28 62c2-22 15-34 36-32-1 21-13 34-36 32Zm3-3 28-25M48 45l-1-10M43 49l-11 1'/%3E%3C/g%3E%3C/svg%3E"); }
.appearance-background-pawprints { --appearance-wallpaper-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92'%3E%3Cg fill='%236b7f8a' fill-opacity='.14'%3E%3Cellipse cx='46' cy='52' rx='13' ry='11'/%3E%3Ccircle cx='30' cy='38' r='6'/%3E%3Ccircle cx='42' cy='31' r='6'/%3E%3Ccircle cx='55' cy='31' r='6'/%3E%3Ccircle cx='66' cy='40' r='6'/%3E%3C/g%3E%3C/svg%3E"); --appearance-wallpaper-size:92px 92px; }
.appearance-wallpaper-colour-default { --appearance-wallpaper-colour:#6b7f8a; }
.appearance-wallpaper-colour-navy { --appearance-wallpaper-colour:#162833; }
.appearance-wallpaper-colour-green { --appearance-wallpaper-colour:#39745d; }
.appearance-wallpaper-colour-pink { --appearance-wallpaper-colour:#a84f78; }
.appearance-wallpaper-colour-gold { --appearance-wallpaper-colour:#9a6a1f; }
.appearance-wallpaper-colour-purple { --appearance-wallpaper-colour:#694a8e; }
.appearance-wallpaper-size-small { --appearance-wallpaper-size:58px 58px; }
.appearance-wallpaper-size-medium { --appearance-wallpaper-size:92px 92px; }
.appearance-wallpaper-size-large { --appearance-wallpaper-size:136px 136px; }
.business-page.page-theme-warm > .footer { background: #f5efe6; }
.business-page.page-theme-fresh > .footer { background: #eff9f7; }
.business-page.page-theme-contemporary > .footer { background: #f5f4fc; }
.business-page.page-theme-bold > .footer { background: #f6ecea; }
.business-page.page-theme-dark > .footer { color: #bacbd5; background: #102331; border-color: #294353 !important; }
.business-page.page-theme-dark > .footer a { color: #e7f0f5; }
.business-site.appearance-font-classic { font-family: Georgia, "Times New Roman", serif; }
.business-site.appearance-font-friendly { font-family: "Trebuchet MS", "Arial Rounded MT Bold", Arial, sans-serif; }
.business-site.appearance-font-compact { font-family: Arial, Helvetica, sans-serif; letter-spacing: -.01em; }
.business-site.appearance-heading-strong h1,
.business-site.appearance-heading-strong h2,
.business-site.appearance-heading-strong h3,
.business-site.appearance-heading-strong .business-site-nav strong { font-weight: 800; letter-spacing: -.04em; }
.business-site.appearance-heading-elegant h1,
.business-site.appearance-heading-elegant h2,
.business-site.appearance-heading-elegant h3,
.business-site.appearance-heading-elegant .business-site-nav strong { font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.015em; }
.business-site.appearance-text-small { font-size: .9rem; }
.business-site.appearance-text-small .business-detail-grid p { font-size: .96rem; }
.business-site.appearance-text-large { font-size: 1.08rem; }
.business-site.appearance-text-large .business-detail-grid p { font-size: 1.14rem; }
.business-site.appearance-colour-ocean { --site-primary:#075985; --site-deep:#0c3d5a; --site-hero-deep:#08334c; --site-hero-primary:#147da2; --site-accent:#0ea5a8; --site-accent-dark:#08767a; --site-soft:#e1f5f5; --site-muted:#d7edf4; --site-heading:#0c3d5a; }
.business-site.appearance-colour-forest { --site-primary:#285943; --site-deep:#183c2d; --site-hero-deep:#173d31; --site-hero-primary:#39745d; --site-accent:#55a66f; --site-accent-dark:#337347; --site-soft:#e5f3e9; --site-muted:#dcebe2; --site-heading:#183c2d; }
.business-site.appearance-colour-plum { --site-primary:#6a315f; --site-deep:#44213e; --site-hero-deep:#3e203b; --site-hero-primary:#7d4776; --site-accent:#b85b87; --site-accent-dark:#843b61; --site-soft:#f6e7ef; --site-muted:#eadce8; --site-heading:#44213e; }
.business-site.appearance-colour-terracotta { --site-primary:#8a493b; --site-deep:#5d3028; --site-hero-deep:#5d3028; --site-hero-primary:#a96550; --site-accent:#d47b4f; --site-accent-dark:#9b5534; --site-soft:#faece3; --site-muted:#f0dfd7; --site-heading:#5d3028; }
.business-site.appearance-colour-charcoal { --site-primary:#3d4a52; --site-deep:#252f35; --site-hero-deep:#202a30; --site-hero-primary:#4b5d66; --site-accent:#4d9f91; --site-accent-dark:#317267; --site-soft:#e8f1ef; --site-muted:#dce4e7; --site-heading:#252f35; }
.business-site.appearance-background-plain { --site-section-bg:#eef2f3; --site-section-image:none; }
.business-site.appearance-background-soft-gradient { --site-section-image:linear-gradient(145deg,#e5f2ef,#f8f4ec 52%,#e8edf6); }
.business-site.appearance-background-dots { --site-section-bg:#eef3f4; --site-section-image:radial-gradient(rgba(11,49,87,.16) 1px,transparent 1px); --site-section-size:18px 18px; }
.business-site.appearance-background-diagonal { --site-section-bg:#eef3f4; --site-section-image:repeating-linear-gradient(135deg,rgba(11,49,87,.055) 0,rgba(11,49,87,.055) 2px,transparent 2px,transparent 18px); }
.business-site.appearance-background-butterflies,
.business-site.appearance-background-flowers,
.business-site.appearance-background-cars,
.business-site.appearance-background-stars,
.business-site.appearance-background-leaves,
.business-site.appearance-background-pawprints { --site-section-bg:#eef3f4; --site-section-image:none; --site-wallpaper-display:block; --site-wallpaper-mask:var(--appearance-wallpaper-image); --site-wallpaper-size:var(--appearance-wallpaper-size,96px 96px); }
.business-site.appearance-corners-square,
.business-site.appearance-corners-square .business-hero-art,
.business-site.appearance-corners-square .business-detail-grid > div,
.business-site.appearance-corners-square .business-detail-grid aside,
.business-site.appearance-corners-square .business-gallery-grid figure,
.business-site.appearance-corners-square .business-document-link,
.business-site.appearance-corners-square .business-site-button { border-radius: 0; }
.business-site.appearance-corners-rounded { border-radius: 2rem; }
.business-site.appearance-corners-rounded .business-hero-art,
.business-site.appearance-corners-rounded .business-detail-grid > div,
.business-site.appearance-corners-rounded .business-detail-grid aside,
.business-site.appearance-corners-rounded .business-gallery-grid figure,
.business-site.appearance-corners-rounded .business-document-link { border-radius: 1.5rem; }
.business-site.appearance-corners-rounded .business-site-button { border-radius: 999px; }
.business-site.appearance-main-image-circle .business-hero-art,
.business-site.appearance-main-image-circle .business-hero-art.business-hero-art-contain { width: min(100%, 390px); max-width: 390px; min-height: 0; aspect-ratio: 1; padding: .35rem; border-radius: 50%; }
.business-site.appearance-main-image-circle .business-hero-art > .business-image-zoom,
.business-site.appearance-main-image-circle .business-hero-art.business-hero-art-contain > .business-image-zoom { position: absolute; z-index: 2; inset: .35rem; display: block; overflow: hidden; border-radius: 50%; cursor: zoom-in; }
.business-site.appearance-main-image-circle .business-hero-art img,
.business-site.appearance-main-image-circle .business-hero-art.business-hero-art-contain img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; border-radius: 50%; opacity: 1; filter: none; }
.business-site-shell { width: min(1120px, calc(100% - 3rem)); margin: 0 auto; }
.business-site-nav { padding: 1.3rem 0; border-bottom: 1px solid var(--site-border); background: var(--site-surface); }
.business-site-nav .business-site-shell { display: flex; justify-content: space-between; align-items: center; }
.business-site-nav strong { color: var(--site-heading); font-size: clamp(1.3rem, 2vw, 1.58rem); font-weight: 600; letter-spacing: -.025em; line-height: 1.2; }
.business-site-nav a { color: var(--site-heading); font-weight: 600; text-decoration: none; }
.business-site-nav a:hover { color: var(--site-accent-dark); text-decoration: underline; }
.business-site-hero { position: relative; overflow: hidden; padding: clamp(3.5rem, 8vw, 6rem) 0; color: #fff; background: linear-gradient(100deg, color-mix(in srgb, var(--site-hero-deep) 82%, #000) 0%, color-mix(in srgb, var(--site-hero-deep) 35%, var(--site-hero-primary)) 52%, color-mix(in srgb, var(--site-hero-primary) 84%, #fff) 100%); }
.business-site-hero::before,
.business-site-hero::after {
  position: absolute;
  width: 30rem;
  height: 30rem;
  border: 1px solid rgba(255, 255, 255, .08);
  content: "";
  transform: rotate(35deg);
  pointer-events: none;
}
.business-site-hero::before { top: -23rem; right: -8rem; }
.business-site-hero::after { bottom: -24rem; left: -10rem; }
.business-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); align-items: center; gap: clamp(2rem, 6vw, 6rem); }
.business-hero-grid-copy-only { grid-template-columns: minmax(0, 760px); }
.business-hero-copy { position: relative; z-index: 1; }
.business-site-hero h1 { max-width: 680px; margin: 0 0 1.35rem; font-size: clamp(2.05rem, 3.7vw, 3.3rem); font-weight: 500; letter-spacing: -.025em; line-height: 1.08; }
.business-site-hero p { max-width: 680px; color: var(--site-muted); font-size: 1.08rem; line-height: 1.58; }
.business-hero-art { width: 100%; max-width: 390px; min-height: clamp(230px, 29vw, 360px); position: relative; z-index: 1; justify-self: end; overflow: hidden; border: 1px solid rgba(255,255,255,.24); border-radius: 1rem; background: rgba(255,255,255,.08); box-shadow: 0 20px 50px rgba(0,0,0,.2); }
.business-hero-art img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; opacity: .86; filter: saturate(.72) contrast(.94); }
.business-hero-art > .business-image-zoom { position: absolute; inset: 0; z-index: 1; display: block; }
.business-hero-art.business-hero-art-contain { max-width: 430px; min-height: 0; padding: .35rem; border-color: rgba(255,255,255,.55); border-radius: .85rem; background: rgba(255,255,255,.16); }
.business-hero-art.business-hero-art-contain > .business-image-zoom { position: relative; inset: auto; }
.business-hero-art.business-hero-art-contain img { height: auto; position: static; display: block; object-fit: initial; border-radius: .6rem; opacity: 1; filter: none; }
.business-hero-art.business-hero-art-contain::after { display: none; }
.business-site.website-type-cafe .business-hero-art img { object-position: center 61%; }
.business-motion-ready .business-hero-copy h1 { animation: business-enter-up .52s cubic-bezier(.22, 1, .36, 1) both; }
.business-motion-ready .business-contact-actions { animation: business-enter-up .52s .13s cubic-bezier(.22, 1, .36, 1) both; }
.business-motion-ready .business-hero-art { animation: business-image-settle .68s .08s cubic-bezier(.22, 1, .36, 1) both; }
.business-motion-ready .business-site-hero::before { animation: business-decoration-drift 26s ease-in-out infinite alternate; }
.business-motion-ready .business-site-hero::after { animation: business-decoration-drift 30s ease-in-out infinite alternate-reverse; }
.business-motion-ready [data-business-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .5s ease-out var(--business-reveal-delay, 0ms), transform .5s cubic-bezier(.22, 1, .36, 1) var(--business-reveal-delay, 0ms), translate .24s cubic-bezier(.22, 1, .36, 1), border-color .24s ease, box-shadow .24s ease; }
.business-motion-ready [data-business-reveal].is-visible { opacity: 1; transform: none; }
@keyframes business-enter-up {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: none; }
}
@keyframes business-image-settle {
  from { opacity: 0; transform: translateY(12px) scale(1.025); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes business-decoration-drift {
  from { translate: 0 0; }
  to { translate: -12px 9px; }
}
.business-hero-art::after { position: absolute; inset: 0; content: ""; background: var(--site-primary); opacity: .08; mix-blend-mode: color; pointer-events: none; }
.business-hero-art span { position: absolute; border-radius: 50%; background: var(--site-accent); opacity: .8; }
.business-hero-art span:nth-child(1) { width: 52%; aspect-ratio: 1; top: 10%; right: 8%; }
.business-hero-art span:nth-child(2) { width: 35%; aspect-ratio: 1; bottom: 8%; left: 10%; opacity: .42; }
.business-hero-art span:nth-child(3) { width: 16%; aspect-ratio: 1; top: 18%; left: 14%; background: #fff; opacity: .28; }
.business-site-button { display: inline-flex; min-width: 180px; min-height: 58px; align-items: center; justify-content: center; gap: .75rem; margin-top: 0; padding: .95rem 1.4rem; border: 2px solid rgba(255,255,255,.9); border-radius: 0; color: #fff; background: transparent; font-size: .82rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; transition: color .2s ease, background-color .2s ease, border-color .2s ease, filter .2s ease, transform .2s ease; }
.business-site-button:not(.business-site-button-secondary) { color: var(--site-hero-deep); background: #fff; border-color: #fff; }
.business-site-button-secondary:hover, .business-site-button-secondary:focus-visible { color: var(--site-deep); background: #fff; border-color: #fff; }
.business-site-button:not(.business-site-button-secondary):hover,
.business-site-button:not(.business-site-button-secondary):focus-visible { filter: brightness(.94); }
.business-site-button:active { transform: translateY(0) scale(.985); }
@media (hover: hover) and (pointer: fine) {
  .business-site-button:hover { transform: translateY(-2px); }
}
.business-site-button-secondary { border-color: rgba(255,255,255,.9); }
.business-contact-button-icon { width: 1.5rem; height: 1.5rem; flex: 0 0 1.5rem; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.business-contact-actions { display: grid; max-width: 680px; grid-template-columns: repeat(auto-fit, minmax(180px, 220px)); gap: .7rem; }
.business-contact-actions .business-site-button { width: 100%; min-width: 0; }
.business-site .business-contact-actions .business-site-button { border-radius: 999px; }
.business-social-icons { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }
.business-social-icons a,
.business-social-icon-example { width: 2.4rem; height: 2.4rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; color: #fff; background: rgba(255,255,255,.08); transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease; }
.business-social-icons a:hover,
.business-social-icons a:focus-visible { border-color: #fff; color: var(--site-hero-deep); background: #fff; transform: translateY(-2px); }
.business-social-icon { width: 1.25rem; height: 1.25rem; display: block; }
.business-social-icons-footer { margin-top: 0; justify-content: flex-start; }
.business-social-example-note { color: rgba(255,255,255,.72); font-size: .75rem; }
.social-profile-field-label { display: inline-flex; align-items: center; gap: .5rem; }
.social-profile-field-label .business-social-icon { width: 1.2rem; height: 1.2rem; color: var(--brand-dark); }
.business-site-details { position:relative; padding: clamp(2.5rem, 5vw, 4rem) 0; background-color: var(--site-section-bg); background-image: var(--site-section-image); background-size: var(--site-section-size); }
.business-detail-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(2rem, 8vw, 8rem); }
.business-detail-grid-single { grid-template-columns: minmax(0, 760px); }
@media (min-width: 701px) { .business-detail-grid-single { justify-content: center; } }
.business-detail-grid > div, .business-detail-grid aside { padding: clamp(1.5rem, 4vw, 2.25rem); border: 1px solid var(--site-border); border-radius: .9rem; background: var(--site-card-bg); box-shadow: 0 12px 30px color-mix(in srgb, var(--site-deep) 8%, transparent); transition: translate .24s cubic-bezier(.22, 1, .36, 1), border-color .24s ease, box-shadow .24s ease; }
@media (hover: hover) and (pointer: fine) {
  .business-detail-grid > div:hover,
  .business-detail-grid aside:hover { translate: 0 -5px; border-color: color-mix(in srgb, var(--site-accent) 35%, var(--site-border)); box-shadow: 0 20px 44px color-mix(in srgb, var(--site-deep) 18%, transparent); }
}
.business-detail-grid h2 { margin: 0 0 1rem; color: var(--site-heading); font-size: clamp(1.65rem, 2.8vw, 2.3rem); font-weight: 600; letter-spacing: -.03em; }
.business-detail-grid p { margin-bottom: 0; color: var(--site-copy-muted); font-size: 1.04rem; line-height: 1.72; white-space: pre-line; }
.business-detail-grid aside { background: var(--site-soft); }
.business-detail-grid aside > span { color: var(--site-accent-dark); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.business-site-footer { padding: 2rem 0; color: #fff; background: var(--site-hero-deep); }
.localized-sample-extras { position:relative; padding: 0 0 clamp(3rem, 7vw, 5.5rem); background-color: var(--site-section-bg); background-image: var(--site-section-image); background-size: var(--site-section-size); }
.localized-sample-extra-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.25rem, 3vw, 2.5rem); }
.localized-sample-extra-grid > article { padding: clamp(1.4rem, 3vw, 2.2rem); border: 1px solid var(--site-border); border-radius: 1rem; color: var(--site-text); background: var(--site-card-bg); box-shadow: var(--site-shadow); }
.localized-sample-extra-grid h2 { margin: .35rem 0 1.25rem; color: var(--site-heading); font-size: clamp(1.55rem, 3vw, 2.15rem); }
.localized-sample-eyebrow { color: var(--site-accent-dark); font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.localized-menu-card dl { margin: 0; }
.localized-menu-card dl > div { display: grid; grid-template-columns: 1fr auto; gap: .2rem 1rem; padding: .9rem 0; border-top: 1px solid var(--site-border); }
.localized-menu-card dt { color: var(--site-heading); font-weight: 750; }
.localized-menu-card dd { margin: 0; }
.localized-menu-card dl > div dd:last-child { grid-column: 1 / -1; color: var(--site-copy-muted); font-size: .9rem; line-height: 1.55; }
.localized-menu-note { margin: 1rem 0 0; color: var(--site-copy-muted); font-size: .88rem; }
.localized-map-frame { aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--site-border); border-radius: .75rem; background: var(--site-muted); }
.localized-map-frame iframe { width: 100%; height: 100%; border: 0; }

.customer-privacy-content { padding-block: clamp(2rem, 5vw, 4rem); }
.customer-privacy-content h1 { margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); }
.customer-privacy-page .business-site-nav { color: #fff; background: var(--site-hero-deep); border-bottom-color: transparent; }
.customer-privacy-page .business-site-nav a { color: #fff; }
.customer-privacy-page .business-site-nav a:hover { color: #fff; }
.customer-privacy-content section { margin-block: 1.35rem; }
.customer-privacy-content section h2 { font-size: clamp(1.25rem, 2vw, 1.55rem); margin-bottom: .35rem; }
.customer-privacy-content section p { margin: 0; }
.customer-privacy-updated { margin-top: 2rem; }
.manage-privacy-page { padding: clamp(1.5rem, 3vw, 2.5rem) 0 4rem; }
.manage-privacy-page > h1 { margin-top: .35rem; }
.privacy-editor-section { margin-top: 2rem; }
.privacy-editor-section h2,
.privacy-notice-preview h2,
.privacy-version-tools h2 { color: #162833; font-size: 1.55rem; }
.privacy-notice-preview {
  margin-top: 2.25rem;
  padding: clamp(1.1rem, 3vw, 2rem);
  border: 1px solid #d7e1e7;
  border-radius: 1rem;
  background: #fff;
}
.privacy-preview-heading { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid #dce5e9; }
.privacy-preview-status { flex: 0 0 auto; padding: .3rem .65rem; border-radius: 999px; background: #edf4f5; color: #075f43; font-size: .82rem; font-weight: 700; }
.privacy-notice-preview [data-privacy-preview] > section { margin-top: 1.5rem; }
.privacy-notice-preview h3 { margin-bottom: .35rem; color: #163f63; font-size: 1.15rem; }
.privacy-notice-preview p { margin-bottom: 0; line-height: 1.65; }
.privacy-publish-actions { display: flex; justify-content: flex-end; margin-top: 1.25rem; }
.privacy-publish-actions .btn { min-width: 8rem; }
.privacy-version-tools { margin-top: 2.5rem; padding: 1rem 1.15rem; border: 1px solid #d7e1e7; border-radius: .8rem; background: #f8fafb; }
.privacy-version-tools summary { color: #162833; cursor: pointer; font-weight: 700; }
.privacy-version-tools[open] summary { margin-bottom: .8rem; }
.privacy-version-row { display: flex; gap: .75rem; align-items: center; justify-content: space-between; padding: .65rem 0; border-top: 1px solid #dce5e9; }
.localized-map-card p { margin: 1rem 0 .55rem; color: var(--site-copy-muted); line-height: 1.6; }
.localized-map-card > a { color: var(--site-accent-dark); font-weight: 750; text-underline-offset: .2rem; }
.chinese-mockup { font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif; }
.business-site-identity { display: flex; align-items: center; gap: .7rem; }
.business-site-logo { width: auto; max-width: 150px; height: 48px; object-fit: contain; }
.business-site-gallery { position:relative; padding: 0 0 clamp(1.25rem, 3vw, 2.25rem); background-color: var(--site-section-bg); background-image: var(--site-section-image); background-size: var(--site-section-size); }
.business-gallery-grid { --business-gallery-gap: clamp(1rem, 2vw, 1.5rem); --business-gallery-half-gap: clamp(.5rem, 1vw, .75rem); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--business-gallery-gap); }
.business-gallery-grid figure { overflow: hidden; margin: 0; border: 1px solid var(--site-border); border-radius: .9rem; background: var(--site-card-bg); }
@media (min-width: 701px) {
  .business-gallery-grid > figure:last-child:nth-child(odd) { width: calc(50% - var(--business-gallery-half-gap)); grid-column: 1 / -1; justify-self: center; }
}
.business-gallery-grid .business-image-zoom { display: block; overflow: hidden; }
.business-gallery-grid img { display: block; width: 100%; height: clamp(260px, 32vw, 390px); object-fit: cover; }
.business-image-zoom { cursor: zoom-in; }
.business-image-zoom img { transition: transform .3s cubic-bezier(.22, 1, .36, 1), filter .3s ease; }
@media (hover: hover) and (pointer: fine) {
  .business-gallery-grid .business-image-zoom:hover img { transform: scale(1.03); }
}
.business-image-zoom:focus-visible { outline: 3px solid var(--site-accent); outline-offset: 4px; }
.business-gallery-grid figcaption { padding: .85rem 1rem 1rem; color: var(--site-copy-muted); font-size: .96rem; line-height: 1.5; }
.business-gallery-action-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem 1rem; padding: .85rem 1rem 1rem; }
.business-gallery-grid figcaption + .business-gallery-action-wrap { padding-top: 0; }
.business-gallery-action { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: .65rem 1.1rem; border-radius: .65rem; background: var(--site-accent); color: #fff; font-weight: 750; text-decoration: none; }
.business-gallery-action:hover { color: #fff; filter: brightness(.94); }
.business-gallery-action-wrap small { color: var(--site-copy-muted); overflow-wrap: anywhere; }
.business-donation-action { gap: .45rem; }
.business-donation-action svg,
.business-announcement-action svg { width: 1.1rem; height: 1.1rem; fill: currentColor; }
.website-image-action-settings summary { cursor: pointer; color: var(--brand-navy); font-weight: 650; }
.website-image-action-control { font-family: inherit; font-size: .875rem !important; }
.business-image-dialog { width: min(94vw, 1180px); max-width: none; height: min(92vh, 900px); max-height: none; padding: 0; border: 0; border-radius: .9rem; color: #fff; background: #071d31; box-shadow: 0 28px 80px rgba(0,0,0,.5); }
.business-image-dialog::backdrop { background: rgba(3,15,26,.82); backdrop-filter: blur(3px); }
.business-image-dialog-panel { display: grid; grid-template-rows: minmax(0, 1fr) auto auto; height: 100%; position: relative; }
.business-image-dialog-viewport { display: grid; min-height: 0; overflow: auto; place-items: center; padding: 3.5rem 1.25rem 1.25rem; }
.business-image-dialog-viewport img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; cursor: zoom-in; }
.business-image-dialog.is-zoomed .business-image-dialog-viewport { display: block; }
.business-image-dialog.is-zoomed .business-image-dialog-viewport img { max-width: none; max-height: none; margin: 0 auto; cursor: zoom-out; }
.business-image-dialog-close { width: 2.5rem; height: 2.5rem; position: absolute; z-index: 2; top: .75rem; right: .75rem; padding: 0; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; color: #fff; background: rgba(0,0,0,.35); font-size: 1.8rem; line-height: 1; }
.business-image-dialog-caption { margin: 0; padding: .7rem 1.25rem 0; text-align: center; color: #d9e5ea; }
.business-image-dialog-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .7rem; padding: 1rem 1.25rem 1.2rem; }
.business-image-dialog-actions button,
.business-image-dialog-actions a { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: .6rem 1rem; border: 1px solid rgba(255,255,255,.75); color: #fff; background: transparent; font: inherit; text-decoration: none; }
.business-image-dialog-actions button:hover,
.business-image-dialog-actions button:focus,
.business-image-dialog-actions a:hover,
.business-image-dialog-actions a:focus { color: #071d31; background: #fff; }
.business-site-footer .business-site-shell { display: flex; justify-content: space-between; align-items: center; }
.business-footer-brand { display: flex; align-items: flex-start; flex-direction: column; gap: .75rem; }
.business-site-footer span { color: #c3d1d7; font-size: .82rem; }
.business-site-footer a { color: #fff; font-size: 1rem; font-weight: 600; text-decoration: none; }
.business-footer-share { padding: 0; border: 0; color: #fff; background: transparent; font: inherit; font-size: .92rem; font-weight: 600; text-decoration: underline; text-underline-offset: .2rem; }
.business-footer-share:hover, .business-footer-share:focus-visible { color: #fff; text-decoration-thickness: 2px; }
.business-footer-share-preview:disabled,
.business-footer-share-preview:disabled:hover { color: #c3d1d7; cursor: default; opacity: .85; text-decoration-thickness: 1px; }
.business-footer-share-preview-note { color: #c3d1d7; font-size: .72rem; }
.business-share-dialog { width: min(92vw, 25rem); max-width: none; padding: 0; border: 0; border-radius: 1rem; color: #153047; background: #fff; box-shadow: 0 24px 70px rgba(3, 20, 35, .38); }
.business-share-dialog::backdrop { background: rgba(3, 15, 26, .72); backdrop-filter: blur(2px); }
.business-share-dialog-panel { display: flex; position: relative; align-items: center; flex-direction: column; padding: 2rem; text-align: center; }
.business-share-dialog h2 { margin: 0 2rem .5rem; color: #0b3153; font-size: 1.55rem; }
.business-share-dialog p { margin: 0 0 1.25rem; color: #526b80; }
.business-share-dialog img { display: block; max-width: 100%; height: auto; margin-bottom: .8rem; padding: .45rem; border: 1px solid #d7e1e7; border-radius: .65rem; background: #fff; }
.business-share-dialog-close { width: 2.35rem; height: 2.35rem; position: absolute; top: .65rem; right: .65rem; padding: 0; border: 0; border-radius: 50%; color: #153047; background: #edf3f5; font-size: 1.65rem; line-height: 1; }
.business-share-address { max-width: 100%; margin-bottom: 1rem; overflow-wrap: anywhere; color: #0b5d48; font-size: .9rem; }
.business-share-copy { min-height: 44px; padding: .65rem 1.2rem; border: 0; border-radius: .5rem; color: #fff; background: #087d5b; font: inherit; font-weight: 700; }
.business-share-copy:hover, .business-share-copy:focus-visible { background: #06694d; }
.business-share-dialog .business-share-status { min-height: 1.25rem; margin: .65rem 0 0; font-size: .85rem; }
.business-site.page-theme-contemporary .business-site-hero::before,
.business-site.page-theme-contemporary .business-site-hero::after { width: 38rem; height: 18rem; border-radius: 2rem; transform: rotate(34deg); }
.business-site.page-theme-warm .business-site-hero::before,
.business-site.page-theme-warm .business-site-hero::after { border-radius: 50%; }
.business-site.page-theme-fresh .business-site-hero::before,
.business-site.page-theme-fresh .business-site-hero::after { border-radius: 45% 55% 60% 40%; transform: rotate(20deg); }
.business-site.page-theme-bold .business-site-button { border-color: #fff; color: var(--site-hero-deep); background: #fff; box-shadow: 0 10px 28px rgba(0,0,0,.18); }
.business-site.page-theme-bold .business-site-button:hover { color: #fff; background: var(--site-accent); border-color: var(--site-accent); }
.business-site.page-theme-dark .business-site-nav,
.business-site.page-theme-dark .business-detail-grid > div,
.business-site.page-theme-dark .business-detail-grid aside { color: var(--site-text); }
.business-site.page-theme-dark .business-site-footer { border-top: 1px solid var(--site-border); }
.business-footer-contacts { display: flex; align-items: flex-end; flex-direction: column; gap: .35rem; }
.public-site-credit { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; font-size: .82rem; }
.login-page main, .registration-page main { padding-top: clamp(3.5rem, 8vw, 7rem); padding-bottom: 6rem !important; }
.login-page main > .row > div, .registration-page main > .row > div { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid var(--line); border-radius: 1.2rem; background: #fff; box-shadow: 0 20px 55px rgba(11,49,87,.08); }
.password-input-wrapper { width: 100%; min-width: 0; max-width: 100%; position: relative; }
.password-input-wrapper > .form-control { width: 100%; min-width: 0; padding-right: 4.75rem; }
.password-visibility-toggle {
  min-width: 3.75rem;
  min-height: 2.25rem;
  position: absolute;
  top: 50%;
  right: .3rem;
  padding: .35rem .55rem;
  border: 0;
  border-left: 1px solid var(--line);
  border-radius: 0 .25rem .25rem 0;
  color: var(--brand-dark);
  background: #fff;
  font: inherit;
  font-size: .88rem;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-50%);
}
.password-visibility-toggle:hover { background: #f2f6f7; }
.password-visibility-toggle:focus-visible { outline: 3px solid rgba(85, 123, 133, .25); outline-offset: 1px; }
.password-input-wrapper input::-ms-reveal { display: none; }
.manage-delete-page { min-width: 0; }
.manage-delete-page form { min-width: 0; }
.manage-delete-page .alert { overflow-wrap: anywhere; }
.manage-delete-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.registration-heading { margin-bottom: 2rem; }
.registration-heading h1 { margin: .8rem 0 .6rem; color: var(--navy-deep); }
.manage-page-content { width: min(100% - 2rem, 1180px); margin: clamp(2rem, 5vw, 3.5rem) auto 4rem; }
.manage-section-content { min-width: 0; }
.manage-sections-enabled { display: grid; grid-template-columns: 16rem minmax(0, 1fr); gap: clamp(2rem, 4vw, 4rem); align-items: start; }
.manage-section-navigation { position: sticky; top: 1.25rem; }
.manage-section-navigation > label { display: none; margin-bottom: .45rem; color: var(--label); font-weight: 700; }
.manage-section-navigation > select { display: none; }
.manage-section-menu { overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: var(--paper); box-shadow: 0 .7rem 2rem rgba(8, 39, 67, .06); }
.manage-section-menu button, .manage-section-menu > a { display: flex; width: 100%; padding: .9rem 1rem; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--navy); text-align: left; text-decoration: none; flex-direction: column; gap: .15rem; }
.manage-section-menu button:last-child, .manage-section-menu > a:last-child { border-bottom: 0; }
.manage-section-menu button:hover, .manage-section-menu > a:hover { background: #f2f6f7; }
.manage-section-menu button.active, .manage-section-menu > a.active { background: #e8f4ef; box-shadow: inset .25rem 0 0 var(--brand-dark); }
.manage-section-menu button strong, .manage-section-menu > a strong { font-size: .98rem; }
.manage-section-menu button span, .manage-section-menu > a span { color: var(--muted); font-size: .78rem; line-height: 1.35; }
.manage-section-panel[hidden], .manage-form-actions[hidden] { display: none !important; }
.manage-sections-enabled .manage-section-panel > hr:first-child { display: none; }
.manage-sections-enabled .website-images-section,
.manage-sections-enabled .appearance-section { margin-top: 0; }
.manage-administration-panel { padding: 1.5rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--paper); }
.manage-administration-feature + .manage-administration-feature { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--line); }

@media (max-width: 767.98px) {
  .form-control,
  .form-select { font-size: 16px; }
  .manage-sections-enabled { display: block; }
  .manage-section-navigation { position: static; margin-bottom: 1.5rem; }
  .manage-section-navigation > label,
  .manage-section-navigation > select { display: block; }
  .manage-section-menu { display: none; }
}
.manage-shell { padding-top: clamp(1.75rem, 4vw, 3rem); padding-bottom: 4rem; }
.website-images-section { margin-top: 3rem; }
.website-image-list { display: grid; gap: 1rem; margin: 1.5rem 0; }
.website-image-card { display: grid; grid-template-columns: 110px minmax(130px, 1fr) auto; align-items: center; gap: 1rem; padding: .85rem; border: 1px solid var(--line); border-radius: .8rem; background: #fff; }
.website-image-card img { width: 110px; height: 82px; object-fit: cover; border-radius: .5rem; background: #eef5f6; }
.website-image-card > div { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.website-image-card span { color: var(--muted); font-size: .82rem; }
.website-image-card > form { justify-self: end; }
.website-image-description-form { width: min(100%, 34rem); }
.website-image-upload-form { margin-top: 1.5rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: .8rem; background: #fff; }
.image-upload-drop-zone { overflow: hidden; border: 2px dashed #a9bec5; border-radius: .8rem; background: #f8fbfb; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
.image-upload-drop-zone:has(input:focus-visible) { outline: 3px solid rgba(13,110,253,.28); outline-offset: 2px; }
.image-upload-drop-zone.is-drag-over { border-color: var(--green); background: #edf8f3; box-shadow: 0 0 0 4px rgba(0,128,86,.12); }
.image-upload-drop-zone-label { display: flex; min-height: 9rem; margin: 0; padding: 1.25rem; align-items: center; justify-content: center; color: var(--navy-deep); text-align: center; cursor: pointer; }
.image-upload-drop-prompt { display: grid; justify-items: center; gap: .4rem; }
.image-upload-drop-desktop { display: none; }
.image-upload-drop-icon { width: 2.4rem; height: 2.4rem; fill: none; stroke: var(--brand-dark); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.image-upload-drop-button, .image-upload-replace { display: inline-flex; min-height: 2.5rem; padding: .5rem .9rem; align-items: center; justify-content: center; border: 1px solid #9fb5be; border-radius: .55rem; color: var(--navy-deep); background: #fff; font-weight: 700; }
.upload-image-preview { display: grid; width: min(100%, 24rem); justify-items: center; gap: .55rem; margin: 0; }
.upload-image-preview img { display: block; width: 100%; max-height: 16rem; object-fit: contain; border: 1px solid var(--line); border-radius: .65rem; background: #eef5f6; }
.upload-image-preview-name { overflow-wrap: anywhere; color: var(--muted); font-size: .85rem; }
@media (hover: hover) and (pointer: fine) {
  .image-upload-drop-desktop { display: block; }
  .image-upload-drop-zone:hover { border-color: #779ca7; background: #f2f8f8; }
  .image-upload-drop-zone.is-drag-over { border-color: var(--green); background: #edf8f3; }
}
.manage-page-content h1 { color: var(--navy-deep); }
.manage-update-success { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.appearance-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 250px; align-items: start; gap: clamp(1.5rem, 4vw, 3rem); }
.appearance-theme-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; margin: 0; padding: 0; border: 0; }
.appearance-theme-grid { grid-column: 1; }
.appearance-advanced { grid-column: 1; padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: .85rem; background: #fff; }
.appearance-advanced summary { color: var(--navy-deep); font-weight: 750; cursor: pointer; }
.appearance-advanced[open] summary { margin-bottom: .55rem; }
.appearance-advanced > p { margin-bottom: 1rem; color: var(--muted); font-size: .88rem; }
.appearance-advanced-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; margin-bottom: 1rem; }
.appearance-advanced-grid label { display: grid; min-width: 0; gap: .3rem; color: var(--navy-deep); font-size: .82rem; font-weight: 700; }
.appearance-wallpaper-option[hidden] { display: none; }
.appearance-advanced-grid select { width: 100%; min-height: 42px; padding: .5rem .7rem; border: 1px solid #bccbd2; border-radius: .5rem; color: var(--navy-deep); background: #fff; }
.appearance-theme-choice { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: .8rem; min-width: 0; padding: .7rem; border: 1px solid var(--line); border-radius: .85rem; background: #fff; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.appearance-theme-choice:hover { border-color: #8dbbad; transform: translateY(-1px); }
.appearance-theme-choice:has(input:checked) { border-color: var(--green); box-shadow: 0 0 0 3px rgba(0,128,86,.13); }
.appearance-theme-choice input { position: absolute; opacity: 0; pointer-events: none; }
.appearance-theme-choice:has(input:focus-visible) { outline: 3px solid rgba(13,110,253,.3); outline-offset: 2px; }
.appearance-theme-copy { display: flex; min-width: 0; flex-direction: column; gap: .18rem; }
.appearance-theme-copy strong { color: var(--navy-deep); font-size: .95rem; }
.appearance-theme-copy small { color: var(--muted); font-size: .72rem; line-height: 1.35; }
.appearance-theme-thumbnail { --thumb-page: #eef3f5; --thumb-nav: #fff; --thumb-hero-a: #0f2029; --thumb-hero-b: #162833; --thumb-card: #fff; --thumb-accent: #668f99; display: grid; grid-template-rows: 14px 42px 30px; width: 96px; height: 86px; overflow: hidden; border: 1px solid rgba(0,0,0,.12); border-radius: .45rem; background: var(--thumb-page); box-shadow: 0 5px 12px rgba(0,0,0,.1); }
.appearance-theme-thumbnail.page-theme-warm { --thumb-page: #f3ede4; --thumb-nav: #fffaf2; --thumb-hero-a: #54372c; --thumb-hero-b: #8c5a42; --thumb-card: #fffdf8; --thumb-accent: #bd6b3d; }
.appearance-theme-thumbnail.page-theme-fresh { --thumb-page: #eaf6f4; --thumb-nav: #fbfffe; --thumb-hero-a: #0c5159; --thumb-hero-b: #27868a; --thumb-card: #fff; --thumb-accent: #2ca889; }
.appearance-theme-thumbnail.page-theme-contemporary { --thumb-page: #eeedfa; --thumb-nav: #fff; --thumb-hero-a: #252c67; --thumb-hero-b: #7568e8; --thumb-card: #fff; --thumb-accent: #7568e8; }
.appearance-theme-thumbnail.page-theme-bold { --thumb-page: #f3e9e7; --thumb-nav: #fff; --thumb-hero-a: #54172d; --thumb-hero-b: #a6324e; --thumb-card: #fff; --thumb-accent: #ef6b48; }
.appearance-theme-thumbnail.page-theme-dark { --thumb-page: #102331; --thumb-nav: #0c1c2a; --thumb-hero-a: #071725; --thumb-hero-b: #183b50; --thumb-card: #172d3c; --thumb-accent: #51d0ad; }
.appearance-thumb-nav { background: var(--thumb-nav); }
.appearance-thumb-hero { display: flex; align-items: center; justify-content: space-around; background: linear-gradient(100deg, var(--thumb-hero-a) 0%, color-mix(in srgb, var(--thumb-hero-a) 45%, var(--thumb-hero-b)) 55%, var(--thumb-hero-b) 100%); }
.appearance-thumb-hero i:first-child { width: 34px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.85); box-shadow: 0 8px rgba(255,255,255,.35); }
.appearance-thumb-hero i:last-child { width: 23px; height: 23px; border: 1px solid rgba(255,255,255,.45); border-radius: 5px; background: rgba(255,255,255,.15); }
.appearance-thumb-cards { display: flex; align-items: center; gap: 5px; padding: 5px 8px; background: var(--thumb-page); }
.appearance-thumb-cards i { width: 37px; height: 20px; border-radius: 3px; background: var(--thumb-card); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.appearance-thumb-cards i:last-child { border-left: 3px solid var(--thumb-accent); }
.appearance-phone-wrap { position: sticky; top: 1rem; grid-column: 2; grid-row: 1 / span 2; text-align: center; }
.appearance-preview-label { display: block; margin-bottom: .55rem; color: var(--muted); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.appearance-phone { width: 220px; margin: 0 auto; padding: 9px; border: 3px solid #0b1d2b; border-radius: 2rem; background: #06131e; box-shadow: 0 18px 40px rgba(11,49,87,.18); }
.appearance-phone-camera { width: 48px; height: 5px; margin: 0 auto 7px; border-radius: 8px; background: #263746; }
.appearance-live-site { --live-surface: #fff; --live-page: #f2f6f7; --live-card: #fff; --live-heading: #0f2029; --live-text: #617181; --live-accent: #668f99; --live-hero-a: #0f2029; --live-hero-b: #162833; --live-wallpaper-display:none; height: 390px; overflow: hidden; border-radius: 1.25rem; color: var(--live-heading); background: var(--live-page); text-align: left; transition: background .2s ease, color .2s ease; }
.appearance-live-site.page-theme-warm { --live-surface: #fffaf2; --live-page: #f5efe6; --live-card: #fffdf8; --live-heading: #3f2b24; --live-text: #74645b; --live-accent: #bd6b3d; --live-hero-a: #54372c; --live-hero-b: #8c5a42; }
.appearance-live-site.page-theme-fresh { --live-surface: #fbfffe; --live-page: #eff9f7; --live-card: #fff; --live-heading: #0b4148; --live-text: #587275; --live-accent: #2ca889; --live-hero-a: #0c5159; --live-hero-b: #27868a; }
.appearance-live-site.page-theme-contemporary { --live-surface: #fff; --live-page: #f5f4fc; --live-card: #fff; --live-heading: #252c67; --live-text: #66677f; --live-accent: #7568e8; --live-hero-a: #252c67; --live-hero-b: #675cc8; }
.appearance-live-site.page-theme-bold { --live-surface: #fff; --live-page: #f6ecea; --live-card: #fff; --live-heading: #4d172b; --live-text: #735e66; --live-accent: #ef6b48; --live-hero-a: #54172d; --live-hero-b: #a6324e; }
.appearance-live-site.page-theme-dark { --live-surface: #0c1c2a; --live-page: #102331; --live-card: #172d3c; --live-heading: #f3f8fb; --live-text: #bacbd5; --live-accent: #51d0ad; --live-hero-a: #071725; --live-hero-b: #183b50; }
.appearance-live-site.appearance-font-classic { font-family: Georgia, "Times New Roman", serif; }
.appearance-live-site.appearance-font-friendly { font-family: "Trebuchet MS", Arial, sans-serif; }
.appearance-live-site.appearance-font-compact { font-family: Arial, Helvetica, sans-serif; letter-spacing: -.02em; }
.appearance-live-site.appearance-heading-strong h3,
.appearance-live-site.appearance-heading-strong strong { font-weight: 800; }
.appearance-live-site.appearance-heading-elegant h3,
.appearance-live-site.appearance-heading-elegant strong { font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
.appearance-live-site.appearance-text-small { font-size: .88em; }
.appearance-live-site.appearance-text-large { font-size: 1.1em; }
.appearance-live-site.appearance-colour-ocean { --live-heading:#0c3d5a; --live-text:#567181; --live-accent:#0ea5a8; --live-hero-a:#08334c; --live-hero-b:#147da2; }
.appearance-live-site.appearance-colour-forest { --live-heading:#183c2d; --live-text:#5b7065; --live-accent:#55a66f; --live-hero-a:#173d31; --live-hero-b:#39745d; }
.appearance-live-site.appearance-colour-plum { --live-heading:#44213e; --live-text:#735f70; --live-accent:#b85b87; --live-hero-a:#3e203b; --live-hero-b:#7d4776; }
.appearance-live-site.appearance-colour-terracotta { --live-heading:#5d3028; --live-text:#7a645e; --live-accent:#d47b4f; --live-hero-a:#5d3028; --live-hero-b:#a96550; }
.appearance-live-site.appearance-colour-charcoal { --live-heading:#252f35; --live-text:#68777f; --live-accent:#4d9f91; --live-hero-a:#202a30; --live-hero-b:#4b5d66; }
.appearance-live-site.appearance-background-plain { --live-page:#eef2f3; --live-section-image:none; }
.appearance-live-site.appearance-background-soft-gradient { --live-section-image:linear-gradient(145deg,#e5f2ef,#f8f4ec); }
.appearance-live-site.appearance-background-dots { --live-page:#eef3f4; --live-section-image:radial-gradient(rgba(11,49,87,.18) 1px,transparent 1px); --live-section-size:10px 10px; }
.appearance-live-site.appearance-background-diagonal { --live-page:#eef3f4; --live-section-image:repeating-linear-gradient(135deg,rgba(11,49,87,.07) 0,rgba(11,49,87,.07) 1px,transparent 1px,transparent 9px); }
.appearance-live-site.appearance-background-butterflies,
.appearance-live-site.appearance-background-flowers,
.appearance-live-site.appearance-background-cars,
.appearance-live-site.appearance-background-stars,
.appearance-live-site.appearance-background-leaves,
.appearance-live-site.appearance-background-pawprints { --live-page:#eef3f4; --live-section-image:none; --live-wallpaper-display:block; --live-wallpaper-mask:var(--appearance-wallpaper-image); --live-wallpaper-size:var(--appearance-wallpaper-size,48px 48px); }
.appearance-live-site.appearance-corners-square,
.appearance-live-site.appearance-corners-square .appearance-live-image,
.appearance-live-site.appearance-corners-square .appearance-live-details article { border-radius:0; }
.appearance-live-site.appearance-corners-rounded .appearance-live-image,
.appearance-live-site.appearance-corners-rounded .appearance-live-details article { border-radius:1rem; }
.appearance-live-site.appearance-main-image-circle .appearance-live-image { width: 70px; height: 70px; border-radius: 50%; }
.appearance-live-nav { padding: .7rem; background: var(--live-surface); font-size: .67rem; }
.appearance-live-hero { min-height: 190px; position: relative; overflow: hidden; padding: 1rem .7rem; color: #fff; background: linear-gradient(100deg, var(--live-hero-a) 0%, color-mix(in srgb, var(--live-hero-a) 45%, var(--live-hero-b)) 55%, var(--live-hero-b) 100%); text-align: center; }
.appearance-live-site.page-theme-contemporary .appearance-live-hero::after { width: 160px; height: 90px; position: absolute; right: -65px; bottom: -35px; border: 1px solid rgba(255,255,255,.16); content: ""; transform: rotate(34deg); }
.appearance-live-hero h3 { margin: .25rem 0 .65rem; color: #fff; font-size: .95rem; line-height: 1.15; }
.appearance-live-hero > span { display: inline-block; padding: .35rem .7rem; border: 1px solid rgba(255,255,255,.8); border-radius: 999px; font-size: .48rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.appearance-live-site.page-theme-bold .appearance-live-hero > span { color: var(--live-hero-a); background: #fff; }
.appearance-live-image { width: 82px; height: 61px; margin: .8rem auto 0; border: 1px solid rgba(255,255,255,.35); border-radius: .55rem; background: linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.06)); }
.appearance-live-details { position:relative; display: grid; gap: .55rem; padding: .7rem; background-color: var(--live-page); background-image: var(--live-section-image, none); background-size: var(--live-section-size, auto); }
.appearance-live-details::before { display:var(--live-wallpaper-display,none); position:absolute; inset:0; background-color:var(--appearance-wallpaper-colour,#6b7f8a); content:""; -webkit-mask-image:var(--live-wallpaper-mask,none); mask-image:var(--live-wallpaper-mask,none); -webkit-mask-repeat:repeat; mask-repeat:repeat; -webkit-mask-size:var(--live-wallpaper-size,48px 48px); mask-size:var(--live-wallpaper-size,48px 48px); pointer-events:none; }
.appearance-live-details article { padding: .65rem; border: 1px solid color-mix(in srgb, var(--live-heading) 15%, transparent); border-radius: .5rem; background: var(--live-card); }
.appearance-live-details article { position:relative; z-index:1; }
.appearance-live-details strong { display: block; margin-bottom: .45rem; color: var(--live-heading); font-size: .67rem; }
.appearance-live-details i { display: block; width: 100%; height: 3px; margin-top: 4px; border-radius: 3px; background: color-mix(in srgb, var(--live-text) 35%, transparent); }
.appearance-live-details i:last-child { width: 68%; }
.appearance-live-details .appearance-live-note { background: var(--live-card); }
.additional-information-help { font-size: 1rem; line-height: 1.55; }
.google-business-checklist details { overflow: hidden; border: 1px solid #c8d9df; border-radius: .9rem; background: #f8fbfb; }
.google-business-checklist summary { padding: 1.15rem 1.3rem; color: var(--navy); font-size: 1.05rem; font-weight: 700; cursor: pointer; }
.google-business-checklist-content { padding: 0 1.3rem 1.3rem; color: var(--muted); }
.google-business-checklist-content ol { margin: 1rem 0 1.2rem; padding-left: 1.25rem; }
.google-business-checklist-content li { margin-bottom: .65rem; line-height: 1.55; }
.ai-wording-helper { margin-top: .25rem; }
.ai-improve-button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 42px; }
.ai-improve-button[aria-busy="true"],
.ai-improve-button[aria-busy="true"]:disabled {
  color: var(--navy-deep);
  border-color: var(--brand);
  background: #f0f5f6;
  opacity: 1;
}
.ai-improve-button[aria-busy="true"]::before {
  display: inline-block;
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  border: 3px solid var(--brand);
  border-right-color: #b9d7cb;
  border-radius: 50%;
  animation: ai-button-spin .65s linear infinite;
}
@keyframes ai-button-spin { to { transform: rotate(360deg); } }
.ai-helper-status { margin: .45rem 0 0; color: #617181; font-size: .88rem; white-space: pre-line; }
.ai-helper-status:not(:empty) { padding-left: .1rem; }
.ai-suggestion { margin-top: .85rem; padding: 1rem; border: 1px solid #b9d7cb; border-radius: .7rem; background: #f0f5f6; }
.ai-suggestion[hidden] { display: none; }
.ai-suggestion strong { color: var(--green); }
.ai-suggestion p { margin: .55rem 0 1rem; color: #263b49; white-space: pre-line; }
.ai-suggestion-actions { display: flex; flex-wrap: wrap; gap: .55rem; }

@media (min-width: 901px) {
  .navbar .brand-lockup { margin-left: -1rem; }
  .navbar > .public-site-header-container {
    width: min(calc(100% - 3rem), 1080px);
    max-width: none;
  }
  .adviser-page main .container {
    width: min(calc(100% - 3rem), 1080px);
    max-width: none;
  }
  .adviser-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(250px, .75fr);
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }
  .adviser-page .adviser-device-showcase { display: flex; }
  .adviser-page .adviser-hero h1 { font-size: clamp(2.8rem, 4.7vw, 4.45rem); }
  .marketing-page .hero-grid {
    width: min(calc(100% - 3rem), 1080px);
    grid-template-columns: minmax(0, 700px) 310px;
    gap: clamp(2.5rem, 4vw, 4.5rem);
    justify-content: center;
  }
  .marketing-page.marketing-homepage .hero-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(250px, .75fr);
    gap: clamp(2rem, 4vw, 4rem);
  }
  .marketing-page .country-preference { margin-left: 0; margin-right: 0; text-align: left; }
  .marketing-page .country-preference-line { justify-content: flex-start; }
  .marketing-page .how-section > .container { width: min(calc(100% - 3rem), 1080px); }
  .marketing-page .hero-copy { justify-self: end; }
  .marketing-page.marketing-homepage .hero-copy { width: 100%; justify-self: stretch; }
  .marketing-page.marketing-homepage .hero-supporting-content { max-width: 760px; margin-left: 1.65rem; }
  .marketing-page.marketing-homepage .hero-device-showcase { display: flex; }
  .marketing-page .sample-site-preview { justify-self: start; }
  .marketing-page { font-size: .94rem; }
  .marketing-page .hero-section { padding: clamp(3.5rem, 7vw, 6rem) 0; }
  .marketing-page .hero-copy h1 { font-size: clamp(2.8rem, 4.7vw, 4.45rem); }
  .marketing-page .hero-lead { font-size: clamp(1rem, 1.45vw, 1.16rem); }
  .marketing-page .hero-actions span { white-space: nowrap; }
  .marketing-page .how-section { padding: 4.75rem 0; }
  .marketing-page .section-heading { margin-bottom: 2.4rem; }
  .marketing-page .section-heading h2 { font-size: clamp(1.9rem, 3vw, 2.75rem); }
  .marketing-page .how-section .section-heading h2,
  .marketing-page .sample-examples-heading h2 { font-size: clamp(1.75rem, 2.6vw, 2.25rem); }
  .marketing-page .how-section .section-heading h2 { white-space: nowrap; }
  .marketing-page .step-grid article,
  .marketing-page .homepage-finishing-touches {
    padding: 1.65rem;
    transition: transform .24s cubic-bezier(.22, 1, .36, 1), border-color .24s ease, background-color .24s ease, box-shadow .24s ease;
  }
  .marketing-page .step-grid article:hover,
  .marketing-page .homepage-finishing-touches:hover {
    transform: translateY(-6px);
    border-color: #b2cbd0;
    background: #fff;
    box-shadow: 0 22px 44px rgba(11,49,87,.11);
  }
  .marketing-page .step-grid h3,
  .marketing-page .homepage-finishing-touches h3 { font-size: 1.12rem; }
  .marketing-page .step-grid p,
  .marketing-page .homepage-finishing-touches p { font-size: .94rem; }
  .marketing-page .sample-example-card { transition: transform .24s cubic-bezier(.22, 1, .36, 1), border-color .24s ease, box-shadow .24s ease; }
  .marketing-page .sample-example-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .marketing-page .sample-example-content > span { min-height: 2.5em; }
  .marketing-page .sample-example-content h3 { min-height: 2.5em; }
  .marketing-page .sample-example-content a { width: 100%; justify-content: center; text-align: center; }
  .marketing-page .sample-example-card:hover { transform: translateY(-5px); border-color: #b2cbd0; box-shadow: 0 22px 44px rgba(11,49,87,.11); }
  .marketing-page .center-cta { margin-top: 2.75rem; }
  .marketing-motion-ready .hero-copy h1 { animation: business-enter-up .52s cubic-bezier(.22, 1, .36, 1) backwards; }
  .marketing-motion-ready .hero-lead { animation: business-enter-up .52s .08s cubic-bezier(.22, 1, .36, 1) backwards; }
  .marketing-motion-ready .hero-actions { animation: business-enter-up .52s .15s cubic-bezier(.22, 1, .36, 1) backwards; }
  .marketing-motion-ready .hero-service-details { animation: business-enter-up .52s .2s cubic-bezier(.22, 1, .36, 1) backwards; }
  .marketing-motion-ready .hero-device-showcase { animation: marketing-device-enter .68s .1s cubic-bezier(.22, 1, .36, 1) backwards; }
  .marketing-motion-ready .trial-note { animation: business-enter-up .52s .2s cubic-bezier(.22, 1, .36, 1) backwards; }
  .marketing-motion-ready .site-mockup { animation: marketing-image-settle .68s .08s cubic-bezier(.22, 1, .36, 1) backwards; }
  .marketing-motion-ready .section-heading { animation: business-enter-up .5s .16s cubic-bezier(.22, 1, .36, 1) backwards; }
  .marketing-motion-ready .step-grid article,
  .marketing-motion-ready .homepage-finishing-touches { animation: business-enter-up .5s cubic-bezier(.22, 1, .36, 1) backwards; }
  .marketing-motion-ready .step-grid article:nth-child(1) { animation-delay: .22s; }
  .marketing-motion-ready .step-grid article:nth-child(2) { animation-delay: .3s; }
  .marketing-motion-ready .step-grid article:nth-child(3) { animation-delay: .38s; }
  .marketing-motion-ready .homepage-finishing-touches { animation-delay: .46s; }
  .setup-section { font-size: .92rem; }
  .setup-intro h1 { font-size: clamp(2.6rem, 4vw, 3.65rem); }
  .setup-intro > p { font-size: 1rem; }
  .setup-reassurance span { font-size: .84rem; }
  .form-group-brand input,
  .form-group-brand textarea,
  .form-group-brand select { font-size: .9rem; }
  .ai-improve-button { font-size: .9rem; }
}

.admin-heading { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin: 2.5rem 0 2rem; }
.admin-heading h1 { margin: .7rem 0 .35rem; color: var(--navy-deep); }
.admin-heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; }
.customer-admin-heading { margin-top: 1.25rem; margin-bottom: 1rem; }
.customer-admin-heading h1 { margin-top: .4rem; margin-bottom: .15rem; }
.maintenance-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.25rem;
  padding: 1rem 1.15rem;
  border: 1px solid #e0c36d;
  border-radius: .8rem;
  background: #fff9e8;
  color: #493a13;
}
.maintenance-control p { margin: .2rem 0 0; }
.maintenance-control-active { border-color: #a72c3c; background: #8f1f2f; color: #fff; }
.maintenance-control-active code { color: inherit; }
.administrator-maintenance-banner { padding: .7rem 1rem; background: #8f1f2f; color: #fff; text-align: center; }
.administrator-maintenance-banner a { margin-left: .45rem; color: #fff; font-weight: 700; }
.maintenance-page { background: #f2f6f7; }
.maintenance-page main { display: grid; min-height: 62vh; place-items: center; }
.maintenance-message { width: min(100%, 650px); padding: clamp(1.5rem, 5vw, 3.5rem); border: 1px solid #d7e1e7; border-radius: 1rem; background: #fff; text-align: center; box-shadow: 0 1rem 3rem rgba(22, 40, 51, .08); }
.maintenance-message h1 { margin: .8rem 0 1rem; color: #162833; }
.maintenance-message p { color: #526b80; font-size: 1.05rem; line-height: 1.7; }
.maintenance-symbol { display: inline-grid; width: 3.5rem; height: 3.5rem; place-items: center; border-radius: 50%; background: #edf4f5; color: #557b85; font-size: 1.7rem; }
.admin-metric-card { padding: .75rem 1rem !important; }
.admin-metric-card strong { line-height: 1.1; }
.admin-metric-link { color: inherit; text-decoration: none; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.admin-metric-link:hover { color: inherit; border-color: #86b9a8 !important; box-shadow: 0 .4rem 1rem rgba(8, 39, 67, .08); transform: translateY(-1px); }
.admin-metric-link:focus-visible { outline: 3px solid rgba(85, 123, 133, .24); outline-offset: 3px; }
.admin-metric-link[aria-current="true"] { border-color: var(--green) !important; box-shadow: 0 0 0 2px rgba(85, 123, 133, .12); }
.admin-table-wrap { overflow: hidden; border: 1px solid var(--line); border-radius: .8rem; background: #fff; box-shadow: 0 12px 35px rgba(11,49,87,.05); }
.admin-table-wrap th { color: #526878; background: #eef5f6; font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; }
.customer-admin-table th,
.customer-admin-table td,
.website-list-table th,
.website-list-table td { padding: .45rem .6rem; line-height: 1.25; }
.customer-admin-table td { font-size: .9rem; }
.customer-admin-table .record-date { white-space: nowrap; }
.customer-created-mobile,
.customer-created-mobile-note,
.customer-new-mobile { display: none; }
.record-actions { width: 1%; white-space: nowrap; }
.website-row-actions { display: flex; flex-wrap: nowrap; gap: .5rem; }
.website-list-badge { padding: .3rem .5rem; font-size: .88rem; }
.record-break { overflow-wrap: anywhere; }
.website-list-search { display: flex; max-width: 42rem; gap: .5rem; }
.website-list-table td:first-child { width: 55%; }
.admin-details { padding: 1.5rem; border: 1px solid var(--line); border-radius: .8rem; background: #fff; box-shadow: 0 12px 35px rgba(11,49,87,.05); }
.admin-details dt, .admin-details dd { padding-top: .55rem; padding-bottom: .55rem; border-bottom: 1px solid #eef0ef; }

@media (max-width: 767.98px) {
  .manage-shell:has(.website-list-heading) { padding-top: 1.25rem; padding-bottom: 2rem; }
  .website-list-heading { gap: .75rem !important; margin-bottom: 1.25rem !important; }
  .website-list-heading h1 { font-size: 2rem; }
  .website-list-heading p { max-width: 34rem; font-size: .95rem; line-height: 1.4; }
  .website-list-create { padding: .65rem 1rem; font-size: .95rem; }
  .responsive-record-table { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .responsive-record-table table,
  .responsive-record-table tbody { display: block; width: 100%; }
  .responsive-record-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  .responsive-record-table tbody { display: grid; gap: .75rem; }
  .responsive-record-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; padding: .9rem; border: 1px solid var(--line); border-radius: .8rem; background: #fff; box-shadow: 0 8px 22px rgba(11,49,87,.05); }
  .responsive-record-table tbody td { display: block; width: auto; padding: 0; border: 0; white-space: normal; }
  .responsive-record-table tbody td::before { display: block; margin-bottom: .22rem; color: #526878; content: attr(data-label); font-size: .68rem; font-weight: 750; letter-spacing: .045em; text-transform: uppercase; }
  .responsive-record-table .record-primary { grid-column: 1 / -1; }
  .responsive-record-table .record-actions { grid-column: 1 / -1; }
  .responsive-record-table tbody tr:hover > * { --bs-table-bg-state: transparent; }
  .website-list-table td:first-child { width: auto; }
  .website-list-table tbody { gap: .5rem; }
  .website-list-table tbody tr { grid-template-columns: auto auto minmax(0, 1fr); gap: .45rem .9rem; padding: .75rem; }
  .website-list-table .record-primary { grid-column: 1 / -1; margin-bottom: .1rem; }
  .website-list-table .record-primary strong { display: block; margin-bottom: .1rem; font-size: 1rem; }
  .website-list-table .record-primary br { display: none; }
  .website-list-table .record-actions { grid-column: auto; justify-self: end; }
  .website-list-table .website-row-actions { gap: .35rem; }
  .website-list-table .website-row-actions .btn { padding: .3rem .55rem; }
  .website-list-table tbody td::before { margin-bottom: .12rem; }
  .website-list-table .website-list-badge { padding: .25rem .45rem; font-size: .8rem; }
  .customer-created-mobile { display: block; margin-top: .35rem; color: var(--muted); font-size: .78rem; }
  .customer-created-mobile-note { display: block; margin: .25rem 0 .75rem; color: var(--muted); font-size: .82rem; line-height: 1.4; }
  .customer-new-mobile { display: inline-block; margin-left: .35rem; vertical-align: .12rem; }
}

@media (max-width: 575.98px) {
  .responsive-record-table tbody tr { grid-template-columns: minmax(0, 1fr); }
  .responsive-record-table .record-primary,
  .responsive-record-table .record-actions { grid-column: auto; }
  .website-list-table tbody tr { grid-template-columns: auto auto minmax(0, 1fr); }
  .website-list-table .record-primary { grid-column: 1 / -1; }
  .website-list-table .record-actions { grid-column: auto; }
  .website-list-search { flex-wrap: wrap; }
  .website-list-search .form-control { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .business-motion-ready .business-hero-copy h1,
  .business-motion-ready .business-contact-actions,
  .business-motion-ready .business-hero-art,
  .business-motion-ready .business-site-hero::before,
  .business-motion-ready .business-site-hero::after { animation: none; }
  .business-motion-ready [data-business-reveal] { opacity: 1; transform: none; transition: none; }
  .business-detail-grid > div,
  .business-detail-grid aside { transition: none; translate: none; }
  .marketing-page .step-grid article,
  .marketing-page .homepage-finishing-touches,
  .marketing-page .sample-example-card { transition: none; }
  .marketing-motion-ready .hero-copy h1,
  .marketing-motion-ready .hero-lead,
  .marketing-motion-ready .hero-actions,
  .marketing-motion-ready .hero-service-details,
  .marketing-motion-ready .hero-device-showcase,
  .marketing-motion-ready .trial-note,
  .marketing-motion-ready .site-mockup,
  .marketing-motion-ready .section-heading,
  .marketing-motion-ready .step-grid article,
  .marketing-motion-ready .homepage-finishing-touches { animation: none; }
  .business-image-zoom img { transition: none; }
}

@keyframes marketing-image-settle {
  from { opacity: 0; transform: rotate(1deg) scale(1.025); }
  to { opacity: 1; transform: rotate(1deg) scale(1); }
}

@keyframes marketing-device-enter {
  from { opacity: 0; transform: translateX(1.5rem) scale(.98); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

@media (min-width: 901px) {
  .business-site-hero { padding: clamp(2.75rem, 5vw, 4.25rem) 0; }
  .business-hero-grid { gap: clamp(2rem, 4vw, 4rem); }
  .business-hero-art { max-width: 425px; min-height: clamp(230px, 26vw, 345px); }
}

@media (max-width: 900px) {
  .hero-grid, .setup-shell { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .hero-copy .hero-lead { margin-left: auto; margin-right: auto; }
  .hero-actions { align-items: center; justify-content: center; }
  .site-mockup { max-width: 310px; margin: 1rem auto 0; transform: none; }
  .sample-site-preview { margin: 0 auto; }
  .setup-intro { position: static; }
  .back-link { margin-bottom: 2rem; }
  .business-hero-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .business-hero-copy { display: contents; }
  .business-site-hero h1 { order: 1; justify-self: center; text-align: center; }
  .business-hero-art { order: 2; width: min(82%, 410px); min-height: min(48vw, 340px); justify-self: center; }
  .business-contact-actions { order: 3; justify-self: center; }
  .business-hero-art.business-hero-art-contain { width: min(92%, 480px); }
}

@media (max-width: 700px) {
  .localized-sample-extra-grid { grid-template-columns: 1fr; }
  .appearance-workspace { grid-template-columns: 1fr; }
  .appearance-theme-grid { grid-template-columns: 1fr; }
  .appearance-advanced { grid-column: auto; }
  .appearance-advanced-grid { grid-template-columns: 1fr; }
  .appearance-phone-wrap { position: static; grid-column: auto; grid-row: auto; order: -1; }
  .appearance-theme-choice { grid-template-columns: 90px minmax(0, 1fr); }
  .appearance-theme-thumbnail { width: 90px; }
  .setup-section { padding: 2rem .75rem 4rem; }
  .setup-card { padding: 1rem; }
  .setup-form-panel { margin-bottom: 1rem; padding: .9rem; border-radius: .75rem; }
  .setup-form-panel-heading { margin-bottom: 1rem; }
  .setup-form-panel-heading p { line-height: 1.45; }
  .setup-form-panel .form-group-brand { margin-bottom: .9rem; }
  .setup-form-panel .form-row-brand { gap: 0; }
  .setup-form-panel .form-group-brand input,
  .setup-form-panel .form-group-brand select { min-height: 44px; padding: .58rem .75rem; }
  .setup-form-panel .form-group-brand textarea { padding: .7rem .75rem; }
  .website-voice-choices { grid-template-columns: 1fr; }
  .setup-form-panel .form-group-brand .website-voice-choice input { min-height: 0; padding: 0; }
  .speech-input-wrap { position: relative; display: block; }
  .setup-form-panel .speech-input-wrap textarea { padding-right: 7rem; padding-bottom: 3.45rem; }
  .speech-input-button { position: absolute; right: .45rem; bottom: .45rem; display: inline-flex; align-items: center; justify-content: center; gap: .3rem; min-width: 44px; min-height: 44px; padding: .25rem .6rem; border: 1px solid #c7d2d8; border-radius: 999px; color: var(--navy); background: #f2f6f7; font: inherit; font-size: .8rem; font-weight: 750; box-shadow: 0 1px 2px rgba(22, 40, 51, .07); }
  .speech-input-button svg { width: 1.1rem; height: 1.1rem; fill: currentColor; }
  .speech-input-button span { display: inline; margin: 0; color: inherit; font-size: inherit; }
  .speech-input-button:hover { border-color: #9eabb3; background: #eaf1f3; }
  .speech-input-button:focus-visible { outline: 0; border-color: var(--green); box-shadow: 0 0 0 3px rgba(12, 89, 74, .18); }
  .speech-input-button[aria-pressed="true"] { border-color: #b42318; color: #fff; background: #b42318; box-shadow: 0 0 0 3px rgba(180, 35, 24, .14); }
  .speech-input-button[aria-pressed="true"]:focus-visible { box-shadow: 0 0 0 3px rgba(180, 35, 24, .22); }
  .speech-input-status { display: block; min-height: 1.15rem; margin: .3rem 0 0 !important; color: var(--muted) !important; font-size: .78rem !important; }
  @media (max-width: 360px) {
    .setup-form-panel .speech-input-wrap textarea { padding-right: 3.8rem; }
    .speech-input-button span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  }
  .hero-section { padding: 1rem 0 3.5rem; }
  .hero-section::before,
  .hero-section::after {
    width: 34rem;
    height: 34rem;
    border-color: rgba(255, 255, 255, .12);
  }
  .hero-section::before { top: -18rem; right: -16rem; }
  .hero-section::after { top: 25rem; bottom: auto; left: -24rem; }
  .hero-copy {
    padding: 2.5rem 1.25rem 2.25rem;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(7, 18, 27, .16);
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, .22);
  }
  .hero-copy h1 { max-width: 8.5ch; margin: 0 auto 1.3rem; font-size: clamp(2.7rem, 13vw, 3.25rem); line-height: .98; }
  .hero-lead { font-size: 1.06rem; line-height: 1.55; }
  .hero-actions { flex-direction: column; }
  .hero-offer-desktop { display: none; }
  .hero-offer-mobile { display: flex; flex-direction: column; gap: .3rem; }
  .hero-offer-mobile span { display: block; }
  .hero-actions .btn-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: .65rem 1rem;
    font-size: .75rem;
    letter-spacing: .1em;
  }
  .site-mockup {
    width: min(86%, 340px);
    max-width: 340px;
    margin-top: 2.75rem;
    transform: rotate(1deg);
    transform-origin: center top;
  }
  .step-grid, .form-row-brand, .business-detail-grid { grid-template-columns: 1fr; }
  .step-grid { gap: .8rem; }
  .step-grid article { padding: 1.35rem 1.5rem; }
  .step-grid p { line-height: 1.55; }
  .homepage-finishing-touches { padding: 1.35rem 1.5rem; }
  .homepage-finishing-touches p { line-height: 1.55; }
  .sample-examples { margin-top: 3rem; padding-top: 2.5rem; }
  .sample-examples-heading { align-items: start; margin-bottom: 1.25rem; }
  .sample-example-grid { grid-template-columns: 1fr; gap: 1rem; }
  .sample-example-content { padding: 1.25rem; }
  .sample-example-content h3 { font-size: 1.35rem; }
  .sample-example-content p { min-height: 0; font-size: 1rem; line-height: 1.65; }
  .sample-example-content a { min-height: 44px; padding: .65rem 1rem; font-size: 1rem; }
  .homepage-faq { margin-top: 3rem; padding-top: 2.5rem; }
  .homepage-faq-grid { grid-template-columns: 1fr; }
  .homepage-faq summary { min-height: 52px; padding: .9rem 3rem .9rem 1rem; }
  .homepage-faq details p { padding: 0 1rem 1rem; }
  .preview-toolbar { align-items: stretch; flex-direction: column; gap: .7rem; padding: .7rem .75rem; }
  .preview-guidance { align-items: flex-start; gap: .65rem; }
  .preview-guidance p { font-size: .78rem; line-height: 1.4; }
  .preview-status { padding: .3rem .5rem; font-size: .64rem; letter-spacing: .055em; }
  .preview-toolbar .preview-status span { display: block; text-align: center; }
  .preview-actions { width: 100%; min-width: 0; flex: 1 1 auto; flex-direction: row; gap: .45rem; }
  .preview-actions .btn { width: auto; min-height: 42px; padding: .45rem .75rem; font-size: .88rem; }
  .preview-actions .btn:last-child { flex: 1 1 auto; }
  .business-site-nav .business-site-shell, .business-site-footer .business-site-shell { align-items: flex-start; flex-direction: column; gap: .75rem; }
  .business-site { width: calc(100% - 1rem); margin: .5rem auto; border-radius: 1rem; }
  .business-footer-contacts { align-items: flex-start; }
  .business-site-shell { width: min(100% - 2rem, 1120px); }
  .business-site-hero { padding: 2rem 0 1.75rem; background: linear-gradient(100deg, var(--site-hero-deep) 0%, color-mix(in srgb, var(--site-hero-deep) 45%, var(--site-hero-primary)) 55%, var(--site-hero-primary) 100%); }
  .business-site-hero::before,
  .business-site-hero::after {
    width: 34rem;
    height: 34rem;
    border-color: rgba(255, 255, 255, .12);
  }
  .business-site-hero::before { top: -18rem; right: -16rem; }
  .business-site-hero::after { top: 25rem; bottom: auto; left: -24rem; }
  .business-site-hero h1 { margin: 0 auto .15rem; font-size: clamp(1.75rem, 7vw, 2.2rem); line-height: 1.1; }
  .business-site-hero p { font-size: 1rem; line-height: 1.55; }
  .business-contact-actions { width: min(100%, 360px); margin-inline: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
  .business-contact-actions > :only-child,
  .business-contact-actions > :last-child:nth-child(odd) { width: min(100%, 220px); grid-column: 1 / -1; justify-self: center; }
  .business-site-button { width: 100%; min-width: 0; min-height: 48px; padding: .65rem .55rem; gap: .45rem; font-size: .7rem; letter-spacing: .08em; }
  .business-contact-button-icon { width: 1.25rem; height: 1.25rem; flex-basis: 1.25rem; }
  .business-hero-art { width: min(94%, 420px); min-height: clamp(185px, 58vw, 280px); margin: 0 auto; border-radius: 1rem; }
  .business-hero-art.business-hero-art-contain { width: 100%; min-height: 0; border-radius: .85rem; }
  .business-site-details { padding: 2rem 0; }
  .business-detail-grid { gap: 1rem; }
  .business-detail-grid > div, .business-detail-grid aside { padding: 1.4rem; }
  .business-gallery-grid { grid-template-columns: 1fr; }
  .business-gallery-grid img { height: clamp(260px, 78vw, 420px); }
  .business-image-dialog { width: 100vw; height: 100dvh; border-radius: 0; }
  .business-image-dialog-viewport { padding-right: .75rem; padding-left: .75rem; }
  .website-image-card { grid-template-columns: 82px 1fr; }
  .website-image-card img { width: 82px; height: 68px; }
  .website-image-card form { grid-column: 1 / -1; }
  .manage-update-success { align-items: flex-start; }
  .image-onboarding-actions { align-items: stretch; flex-direction: column; }
  .image-onboarding-actions .btn { width: 100%; }
  .registration-page.website-ready-page main { padding-top: 1.25rem; }
  .registration-page main > .row > .website-ready-shell { padding: 1.5rem; }
  .website-ready-feature-grid { grid-template-columns: 1fr; }
}
/* Manage-page sharing and lightweight statistics */
.manage-utility-panel,
.manage-statistics {
  margin: 1.75rem 0;
  padding: 1.5rem;
  border: 1px solid #d7e1e7;
  border-radius: 1rem;
  background: #fff;
}

.manage-share-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
}

.manage-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: .75rem;
}

.manage-qr-code {
  margin: 0;
  text-align: center;
  color: #526b80;
  font-size: .85rem;
}

.manage-qr-code img {
  display: block;
  margin: 0 auto .4rem;
  padding: .45rem;
  border: 1px solid #d7e1e7;
  border-radius: .65rem;
  background: #fff;
}

.manage-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.manage-stat-grid article {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: .75rem;
  background: #f3f7f9;
}

.manage-stat-grid strong {
  color: #092f52;
  font-size: 1.4rem;
}

.manage-stat-grid span { color: #526b80; }

.business-announcement {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .55rem .85rem;
  padding: .75rem 1rem;
  background: var(--page-accent, #087d5b);
  color: #fff;
  text-align: center;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.business-announcement-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-height: 2.15rem;
  padding: .35rem .8rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: inherit;
  background: rgba(255, 255, 255, .08);
  text-decoration: none;
  font-size: .92rem;
  line-height: 1.2;
}

.business-announcement-action:hover { color: inherit; background: rgba(255, 255, 255, .16); }
.business-announcement small { flex-basis: 100%; color: inherit; opacity: .82; font-weight: 500; }

.announcement-schedule-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .3rem .75rem;
  margin: 1rem 0;
  padding: .8rem 1rem;
  border: 1px solid #b8c9d5;
  border-left: .3rem solid #4e687d;
  border-radius: .6rem;
  background: #f5f8fa;
  color: #17344d;
}

.announcement-schedule-panel.status-active { border-left-color: #087d5b; }
.announcement-schedule-panel.status-scheduled { border-left-color: #276fb5; }
.announcement-schedule-panel.status-expired,
.announcement-schedule-panel.status-disabled { border-left-color: #6c757d; }
.announcement-schedule-panel span { color: #526b80; }

.announcement-editor-preview {
  overflow: hidden;
  margin: 1rem 0 1.25rem;
  border: 1px solid #cbd8e0;
  border-radius: .65rem;
  background: #fff;
}

.announcement-editor-preview > span {
  display: block;
  padding: .55rem 1rem;
  color: #526b80;
  font-size: .85rem;
  font-weight: 600;
}

/* Legal pages and company disclosures */
.marketing-footer .footer-company {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  max-width: 920px;
  margin-top: 0;
  color: #667b8d;
  font-size: .8rem;
  line-height: 1.45;
}
.marketing-footer .footer-company span { display: block; }

@media (max-width: 575.98px) {
  .marketing-footer .footer-links { flex-direction: column; gap: .45rem; }
  .marketing-footer .footer-navigation { max-width: 100%; flex-wrap: wrap; justify-content: center; gap: .35rem 1rem; }
}

.legal-page { background: #f2f6f7; }
.legal-page main { padding: clamp(1.5rem, 4vw, 3.5rem) 0 4rem; }
.legal-document {
  width: min(100%, 920px);
  margin: 0 auto;
  padding: clamp(1.25rem, 4vw, 3.5rem);
  border: 1px solid #d7e1e7;
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 1.25rem 3.5rem rgba(22, 40, 51, .08);
  color: #25394a;
}
.legal-document-header { padding-bottom: 1.5rem; border-bottom: 1px solid #dce5e9; }
.legal-eyebrow { margin: 0 0 .55rem; color: #557b85; font-size: .78rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.legal-document h1 { margin: 0; color: #162833; font-size: clamp(2.25rem, 6vw, 4rem); line-height: 1.05; }
.about-document h1 .brand-pigeon { color: var(--brand); }
.legal-summary { max-width: 45rem; margin: 1rem 0 .6rem; color: #526b80; font-size: 1.12rem; line-height: 1.65; }
.legal-effective { margin: 0; color: #667b8d; font-size: .9rem; }
.legal-contents { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 1.5rem 0 2rem; padding: 1rem 1.15rem; border-radius: .8rem; background: #f2f6f7; }
.legal-contents strong { flex-basis: 100%; color: #162833; }
.legal-contents a { color: #557b85; }
.legal-important { display: flex; flex-direction: column; gap: .3rem; margin: 1.5rem 0 2rem; padding: 1rem 1.15rem; border-left: 4px solid #557b85; border-radius: .4rem .8rem .8rem .4rem; background: #edf4f5; }
.legal-back-to-top { margin: 1.25rem 0 0; text-align: right; font-size: .82rem; }
.legal-back-to-top a { color: #526b80; text-decoration: none; }
.legal-back-to-top a:hover,
.legal-back-to-top a:focus { color: #557b85; text-decoration: underline; }
.legal-document section { margin-top: 2rem; scroll-margin-top: 1rem; }
.legal-document h2 { margin: 0 0 .8rem; color: #162833; font-size: 1.45rem; }
.legal-document h3 { margin: 1.25rem 0 .4rem; color: #163f63; font-size: 1.05rem; }
.legal-document p, .legal-document li, .legal-document address { line-height: 1.7; }
.legal-document address { padding: .85rem 1rem; border-left: 3px solid #aec6cc; background: #f8fafb; font-style: normal; }
.legal-document li + li { margin-top: .45rem; }
.legal-document a { color: #557b85; text-underline-offset: .15em; }
.legal-table { margin: .75rem 0; border-color: #d7e1e7; color: #25394a; }
.legal-table th { color: #162833; background: #f2f6f7; }
.legal-table th, .legal-table td { min-width: 14rem; padding: .8rem; vertical-align: top; }
.recovery-guide h1 { font-size: clamp(2.1rem, 5vw, 3.5rem); }
.recovery-guide pre { overflow-x: auto; padding: 1rem; border: 1px solid #d7e1e7; border-radius: .7rem; background: #102d47; color: #f6fbfd; font-size: .85rem; line-height: 1.55; }
.recovery-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.recovery-choice-grid div { display: flex; flex-direction: column; gap: .35rem; padding: 1rem; border: 1px solid #d7e1e7; border-radius: .75rem; background: #f8fafb; }
.recovery-choice-grid strong { color: #162833; }
.recovery-choice-grid span { color: #526b80; line-height: 1.55; }
.recovery-record { white-space: pre-wrap; }
.about-introduction { margin: 1.75rem 0 0; font-size: 1.08rem; line-height: 1.75; }
.about-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0 0;
  padding: 1.15rem 0;
  border-top: 1px solid #e2e9ed;
  border-bottom: 1px solid #e2e9ed;
  list-style: none;
}
.about-benefits li { display: flex; gap: .7rem; align-items: center; justify-content: center; color: #243d49; transform: translateX(-1rem); }
.about-benefit-icon,
.about-adviser-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; color: var(--brand-dark); }
.about-benefit-icon { width: 2rem; height: 2rem; border: 1px solid #b6cdd2; border-radius: 50%; background: #f3f7f8; }
.about-benefit-icon svg { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.about-document section { margin-top: 2.5rem; }
.about-document section > p,
.about-document address { font-size: 1.04rem; line-height: 1.78; }
.about-founder-layout { display: grid; grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr); gap: 2rem; align-items: start; }
.about-founder-portrait { margin: 2.5rem 0 0; overflow: hidden; border: 1px solid #d8e7ec; border-radius: 1rem; background: #eef2f3; box-shadow: 0 .8rem 2rem rgba(22, 40, 51, .12); }
.about-founder-portrait img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.about-founder-copy h2 { margin-top: 0; }
.about-founder-copy > p { font-size: 1.04rem; line-height: 1.78; }
.about-advisers,
.about-principle { padding: 1.25rem 1.4rem; border: 1px solid #d8e7ec; border-radius: .9rem; background: #f4f8fa; }
.about-advisers h2,
.about-principle h2 { display: flex; gap: .6rem; align-items: center; }
.about-adviser-icon { width: 1.65rem; height: 1.65rem; }
.about-adviser-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.about-principle code { color: inherit; font: inherit; }
.about-closing-actions { display: flex; flex-direction: column; gap: .8rem; align-items: flex-start; margin-top: 1.5rem; }
.about-closing-actions .btn { padding: .75rem 1.25rem; font-weight: 700; }
.about-closing-actions .btn-brand,
.about-closing-actions .btn-brand:hover,
.about-closing-actions .btn-brand:focus { color: #fff; }
.about-home-link { font-size: .9rem; font-weight: 600; }

/* Accountants and advisers landing page */
.adviser-page main { padding-bottom: 0 !important; }
.adviser-page main p { text-align: left; }
.adviser-hero { position: relative; padding: clamp(4rem, 9vw, 7.5rem) 0; overflow: hidden; color: #fff; background: radial-gradient(circle at 15% 12%, rgba(48, 98, 128, .38), transparent 34rem), radial-gradient(circle at 86% 80%, rgba(112, 161, 185, .2), transparent 30rem), linear-gradient(100deg, #07131d 0%, #0d2231 52%, #17445c 100%); }
.adviser-hero::before, .adviser-hero::after { position: absolute; width: 30rem; height: 30rem; border: 1px solid rgba(255, 255, 255, .07); content: ""; transform: rotate(35deg); pointer-events: none; }
.adviser-hero::before { top: -23rem; right: -8rem; }
.adviser-hero::after { bottom: -24rem; left: -10rem; }
.adviser-hero .container { position: relative; z-index: 1; }
.adviser-hero-inner { max-width: 760px; }
.adviser-hero h1 { max-width: 760px; margin: 1rem 0 1.35rem; font-size: clamp(3rem, 5.6vw, 5.35rem); font-weight: 500; line-height: 1; letter-spacing: -.045em; }
.adviser-hero-lead { max-width: 650px; margin: 0; color: #c6d2d9; font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.68; }
.adviser-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.adviser-actions .btn { padding: .8rem 1.25rem; font-weight: 700; }
.adviser-page .adviser-hero .btn-brand { color: #fff; border-color: rgba(255, 255, 255, .8); }
.adviser-page .adviser-hero .btn-brand:hover,
.adviser-page .adviser-hero .btn-brand:focus { color: #07131d; border-color: #fff; background: #fff; }
.adviser-hero-note { max-width: 690px; margin: 1rem 0 0; color: #b9c9d3; font-size: .8rem; line-height: 1.5; }
.adviser-hero-support { margin-top: .25rem; }
.adviser-section { padding: clamp(2.75rem, 4vw, 4rem) 0; }
.adviser-section-tint { background: #f2f6f7; }
.adviser-reading-width { max-width: 780px; }
.adviser-section-heading { max-width: none; margin-bottom: 1.5rem; }
.adviser-section h2 { margin: 0 0 1rem; color: var(--navy-deep); font-size: clamp(2.15rem, 3.8vw, 3.55rem); font-weight: 600; line-height: 1.1; letter-spacing: -.035em; }
.adviser-page .brand-pigeon { color: var(--brand); }
.adviser-section p { color: var(--muted); line-height: 1.7; }
.adviser-introduction p { font-size: 1rem; }
.adviser-option-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.adviser-option-grid article { min-width: 0; padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: #f8fbfb; box-shadow: 0 12px 32px rgba(22, 40, 51, .05); }
.adviser-option-grid h3 { margin: 0 0 .7rem; color: var(--navy-deep); font-size: 1.3rem; font-weight: 600; }
.adviser-option-grid p, .adviser-option-grid li { font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.7; }
.adviser-option-grid ul { margin: 1rem 0 0; padding-left: 1.2rem; color: #25394a; }
.adviser-option-grid li + li { margin-top: .55rem; }
.adviser-referrer-cta { background: #f2f6f7; }
.adviser-referrer-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: #f8fbfb; box-shadow: 0 12px 32px rgba(22, 40, 51, .05); }
.adviser-referrer-cta-inner > div { max-width: 720px; }
.adviser-referrer-cta h2 { margin-bottom: .7rem; font-size: clamp(1.8rem, 3vw, 2.35rem); }
.adviser-referrer-cta p { margin: 0; }
.adviser-referrer-cta .btn { flex: 0 0 auto; }
.adviser-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.adviser-feature-grid > div { display: flex; flex-direction: column; gap: .45rem; padding: 1.25rem; border: 1px solid #d7e1e7; border-radius: .8rem; background: #fff; box-shadow: 0 12px 32px rgba(22, 40, 51, .07); }
.adviser-feature-grid strong { color: #162833; }
.adviser-feature-grid span { color: #526b80; line-height: 1.55; }

.adviser-option-grid article,
.adviser-feature-grid > div {
  overflow-wrap: anywhere;
  transition: transform .24s cubic-bezier(.22, 1, .36, 1), border-color .24s ease, background-color .24s ease, box-shadow .24s ease;
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .adviser-option-grid article:hover,
  .adviser-feature-grid > div:hover {
    transform: translateY(-6px);
    border-color: #b2cbd0;
    background: #fff;
    box-shadow: 0 22px 44px rgba(22, 40, 51, .11);
  }
}

@media (max-width: 991.98px) {
  .adviser-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
  .adviser-option-grid { grid-template-columns: 1fr; }
  .adviser-section-heading { margin-bottom: 1.5rem; }
  .adviser-option-grid article, .adviser-referrer-cta-inner { padding: 1.5rem; }
  .adviser-referrer-cta-inner { align-items: flex-start; flex-direction: column; }
  .adviser-referrer-cta .btn { width: 100%; white-space: normal; }
}

@media (max-width: 575.98px) {
  .adviser-hero { padding: 3rem 0; }
  .adviser-hero h1 { font-size: 2.65rem; }
  .adviser-actions { align-items: center; flex-direction: column; }
  .adviser-actions .btn { width: auto; }
  .adviser-feature-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .adviser-option-grid article,
  .adviser-feature-grid > div { transition: none; }
}

/* Pricing review page */
.pricing-page main { padding-bottom: 0 !important; }
.pricing-hero { padding: clamp(3.75rem, 7vw, 6rem) 0 clamp(3.75rem, 6vw, 5rem); color: #fff; background: radial-gradient(circle at 80% 20%, rgba(72, 181, 144, .2), transparent 27rem), linear-gradient(135deg, #071f34, #162833); text-align: center; }
.pricing-hero-inner { max-width: 880px; }
.pricing-eyebrow { margin: 0 0 .75rem; color: #557b85; font-size: .78rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.pricing-hero .pricing-eyebrow { color: #8fd7bd; }
.pricing-hero h1 { max-width: 820px; margin: 0 auto; font-size: clamp(2.65rem, 5.5vw, 4.75rem); line-height: 1.04; letter-spacing: -.04em; }
.pricing-lead { max-width: 760px; margin: 1.35rem auto 0; color: #d6e4ec; font-size: clamp(1.05rem, 2vw, 1.25rem); line-height: 1.65; }
.pricing-currency-note { margin: 1.4rem 0 0; color: #b9cbd7; font-size: .9rem; }
.pricing-plans { padding: clamp(2.5rem, 4vw, 3.5rem) 0 clamp(3.25rem, 6vw, 5rem); background: #f2f6f7; }
.pricing-grid { display: grid; width: min(100%, 1120px); grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin: 0 auto; }
.pricing-card { position: relative; display: flex; min-width: 0; min-height: 100%; flex-direction: column; padding: clamp(1.5rem, 3vw, 2.1rem); overflow: hidden; border: 1px solid #d4e0e5; border-radius: 1.1rem; background: #fff; box-shadow: 0 18px 46px rgba(22, 40, 51, .1); transition: transform .24s cubic-bezier(.22, 1, .36, 1), border-color .24s ease, box-shadow .24s ease; }
.pricing-card-featured { border: 2px solid #19815e; box-shadow: 0 22px 52px rgba(85, 123, 133, .15); }
.pricing-badge { position: absolute; top: 0; right: 0; padding: .45rem .8rem; border-radius: 0 0 0 .7rem; color: #fff; background: #557b85; font-size: .73rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.pricing-card-heading { min-height: 13.5rem; }
.pricing-card-heading > p:last-child { margin: 1rem 0 0; color: #526b80; line-height: 1.6; }
.pricing-plan-name { margin: 0 0 1.25rem; color: #162833; font-size: 1.2rem; font-weight: 800; }
.pricing-price { display: flex; min-height: 4.5rem; flex-direction: column; margin: 0; }
.pricing-price strong { color: #162833; font-size: clamp(2.3rem, 4vw, 3.2rem); font-weight: 750; letter-spacing: -.04em; line-height: 1; }
.pricing-price span { margin-top: .4rem; color: #617181; font-size: .9rem; }
.pricing-features { display: grid; gap: .75rem; margin: 0 0 1.75rem; padding: 1.4rem 0 0; border-top: 1px solid #e1e8eb; color: #25394a; list-style: none; }
.pricing-features li { position: relative; padding-left: 1.55rem; line-height: 1.45; }
.pricing-features li::before { position: absolute; top: .1rem; left: 0; color: #557b85; content: "\2713"; font-weight: 850; }
.pricing-action { width: 100%; min-height: 3rem; margin-top: auto; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.pricing-action-coming-soon,
.pricing-action-coming-soon:disabled { border: 1px solid #bccbd2; color: #526b80; background: #edf2f4; cursor: not-allowed; opacity: 1; }
.pricing-multi-website { display: grid; width: min(100%, 1120px); min-height: 0; grid-template-columns: minmax(15rem, .7fr) minmax(0, 1.3fr); gap: clamp(1rem, 4vw, 3rem); align-items: center; margin: 2rem auto 0; }
.pricing-multi-website h2 { margin: 0; color: #162833; font-size: clamp(2.3rem, 4vw, 3.2rem); font-weight: 750; line-height: 1; letter-spacing: -.04em; }
.pricing-multi-website > p { margin: 0; color: #526b80; font-size: 1.04rem; line-height: 1.7; }
.pricing-assurance { padding: clamp(3rem, 6vw, 5rem) 0; background: #fff; }
.pricing-assurance-inner { display: grid; grid-template-columns: minmax(15rem, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.pricing-assurance h2 { margin: 0; color: #162833; font-size: clamp(2rem, 4vw, 3.25rem); letter-spacing: -.03em; line-height: 1.1; }
.pricing-included-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.pricing-included-grid > div { display: flex; min-width: 0; flex-direction: column; gap: .35rem; padding: 1.1rem; border: 1px solid #d9e3e7; border-radius: .8rem; background: #f8fbfb; }
.pricing-included-grid strong { color: #162833; }
.pricing-included-grid span { color: #526b80; line-height: 1.5; }

@media (hover: hover) and (pointer: fine) {
  .pricing-card:hover { transform: translateY(-6px); border-color: #b2cbd0; box-shadow: 0 26px 58px rgba(22, 40, 51, .14); }
}

@media (max-width: 991.98px) {
  .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-card-featured { grid-column: 1 / -1; width: calc(50% - 1rem); justify-self: center; }
  .pricing-assurance-inner { grid-template-columns: 1fr; }
}

@media (max-width: 699.98px) {
  .pricing-hero { padding: 3rem 0; }
  .pricing-plans { padding-top: 2rem; }
  .pricing-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .pricing-card-featured { grid-column: auto; width: 100%; }
  .pricing-card-heading { min-height: 0; margin-bottom: 1.25rem; }
  .pricing-multi-website { grid-template-columns: 1fr; }
  .pricing-included-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-card { transition: none; }
}

/* Referrer information and dashboard */
.referrer-information-page main { padding-bottom: 4rem !important; }
.referrer-information-hero,
.referrer-information-section,
.referrer-information-grid,
.referrer-information-cta { width: min(100% - 2rem, 1120px); margin-inline: auto; }
.referrer-information-hero { margin-top: 2.5rem; padding: clamp(2rem, 6vw, 5rem); border-radius: 1.25rem; color: #fff; background: linear-gradient(135deg, #162833, #102f3a); }
.referrer-information-hero > div { max-width: 760px; }
.referrer-information-hero h1 { margin: 0 0 1rem; color: #fff; font-size: clamp(2.4rem, 7vw, 5.4rem); line-height: .98; }
.referrer-information-hero p { max-width: 700px; color: #d7e7eb; font-size: clamp(1.05rem, 2vw, 1.3rem); }
.referrer-information-section,
.referrer-demo { margin-top: 4rem; }
.referrer-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; padding: 0; list-style: none; counter-reset: referrer-step; }
.referrer-steps li { min-height: 180px; padding: 1.35rem; border: 1px solid #d6e1e5; border-radius: 1rem; background: #fff; counter-increment: referrer-step; }
.referrer-steps li::before { display: grid; width: 2rem; height: 2rem; place-items: center; margin-bottom: 1rem; border-radius: 50%; color: #fff; background: var(--brand); content: counter(referrer-step); font-weight: 700; }
.referrer-steps strong,
.referrer-steps span { display: block; }
.referrer-steps span { margin-top: .6rem; color: #617181; }
.referrer-information-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 2rem; }
.referrer-information-grid article,
.referrer-information-cta { padding: 1.75rem; border: 1px solid #d6e1e5; border-radius: 1rem; background: #fff; }
.referrer-demo { width: 100%; }
.referrer-demo-heading,
.referrer-demo-explanation { width: min(100% - 2rem, 1120px); margin-inline: auto; }
.referrer-demo-heading > * { max-width: 760px; }
.referrer-demo-frame { position: relative; left: 50%; width: 100vw; margin-top: 1.5rem; transform: translateX(-50%); border-block: 1px solid #c5d7db; background: #f0f5f6; }
.referrer-demo-frame .referral-consent { position: static; }
.referrer-demo-result { width: min(100% - 2rem, 1120px); margin-inline: auto; padding: 1.5rem 0; color: #162833; font-weight: 650; }
.referrer-demo-frame > .btn { margin: 0 max(1rem, calc((100vw - 1120px) / 2)) 1.5rem; }
.referrer-demo-explanation { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; }
.referrer-demo-explanation p { padding: 1rem; border-left: 4px solid #0aa170; background: transparent; }
.referrer-information-cta { margin-top: 4rem; text-align: center; }
.referrer-dashboard-heading,
.referrer-section-heading { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; }
.referrer-dashboard-heading { margin: 2rem 0; }
.referrer-dashboard-heading h1 { margin-bottom: .35rem; }
.referrer-dashboard-actions { display: flex; flex: 0 0 auto; gap: .65rem; }
.referrer-link-card,
.referrer-chart-card,
.referrer-campaign-section,
.referrer-commission-section,
.referrer-privacy-note { margin-top: 1.5rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid #d6e1e5; border-radius: 1rem; background: #fff; }
.referrer-link-card { display: grid; grid-template-columns: minmax(0, .8fr) minmax(360px, 1.2fr); gap: 2rem; align-items: center; }
.referrer-date-filter { display: flex; flex-wrap: wrap; gap: .65rem; align-items: end; margin-top: 1.5rem; padding: 1rem; border-radius: .8rem; background: #eef3f5; }
.referrer-date-filter > label { align-self: center; font-weight: 700; }
.referrer-date-filter > .form-select { width: auto; }
.referrer-custom-dates { display: flex; gap: .5rem; align-items: center; }
.referrer-custom-dates .form-control { width: auto; }
.referrer-summary-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: .75rem; }
.referrer-summary-grid article { display: flex; min-height: 110px; flex-direction: column; justify-content: center; padding: 1rem; border: 1px solid #d6e1e5; border-radius: .8rem; background: #fff; }
.referrer-summary-grid strong { color: #162833; font-size: 1.8rem; }
.referrer-summary-grid span { color: #617181; }
.referrer-performance-chart { width: 100%; max-height: 260px; overflow: visible; }
.referrer-performance-chart polyline { fill: none; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.chart-axis { stroke: #ccd8dc; stroke-width: 1; }
.chart-visits { stroke: #162833; }
.chart-attributions { stroke: #0aa170; }
.chart-registrations { stroke: #cf6b43; }
.chart-paid { stroke: #7656b7; }
.referrer-chart-legend { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: .75rem; }
.referrer-chart-legend span::before { display: inline-block; width: .75rem; height: .75rem; margin-right: .35rem; border-radius: 50%; background: currentColor; content: ""; }
.referrer-chart-legend .visits { color: #162833; }.referrer-chart-legend .attributions { color: #0aa170; }.referrer-chart-legend .registrations { color: #cf6b43; }.referrer-chart-legend .paid { color: #7656b7; }
.referrer-campaign-form { display: grid; grid-template-columns: minmax(200px, 320px) auto; gap: .5rem; align-items: end; }
.referrer-campaign-form label { grid-column: 1 / -1; }
.referrer-commission-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .75rem; }
.referrer-commission-grid article { display: flex; flex-direction: column; padding: 1rem; border-radius: .75rem; background: #eef3f5; }
.referrer-commission-grid strong { font-size: 1.35rem; }

@media (max-width: 900px) {
  .referrer-steps { grid-template-columns: 1fr 1fr; }
  .referrer-information-grid { grid-template-columns: 1fr; }
  .referrer-summary-grid { grid-template-columns: repeat(3, 1fr); }
  .referrer-link-card { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .referrer-information-hero { margin-top: 1rem; padding: 1.5rem; }
  .referrer-information-hero h1 { font-size: clamp(1.85rem, 8vw, 2.25rem); line-height: 1.04; }
  .referrer-steps,
  .referrer-demo-explanation,
  .referrer-summary-grid { grid-template-columns: 1fr; }
  .referrer-dashboard-heading,
  .referrer-section-heading { flex-direction: column; }
  .referrer-dashboard-actions { flex-wrap: wrap; }
  .referrer-campaign-form { width: 100%; grid-template-columns: 1fr; }
  .referrer-campaign-form label { grid-column: auto; }
  .referrer-date-filter,
  .referrer-custom-dates { align-items: stretch; flex-direction: column; }
  .referrer-date-filter > .form-select,
  .referrer-custom-dates .form-control { width: 100%; }
}

.help-document { width: min(100%, 960px); }
.help-document .help-section:first-child { margin-top: 0; }
.help-document .help-page-heading { margin: 0 0 .8rem; color: #162833; font-size: 1.45rem; line-height: 1.2; }
.help-overview { padding-bottom: .5rem; border-bottom: 1px solid #dce5e9; }
.help-overview p { color: #526b80; }
.help-section { scroll-margin-top: 1rem; }
.help-question { border-top: 1px solid #dce5e9; }
.help-question:last-of-type { border-bottom: 1px solid #dce5e9; }
.help-question summary {
  position: relative;
  padding: 1rem 2.5rem 1rem 0;
  color: #163f63;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.45;
  list-style: none;
}
.help-question summary::-webkit-details-marker { display: none; }
.help-question summary::after {
  position: absolute;
  top: .95rem;
  right: .25rem;
  color: #557b85;
  content: "+";
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1;
}
.help-question[open] summary::after { content: "−"; }
.help-question summary:hover,
.help-question summary:focus-visible { color: #557b85; }
.help-question summary:focus-visible { border-radius: .25rem; outline: 3px solid rgba(85, 123, 133, .22); outline-offset: 3px; }
.help-question > div { padding: 0 2.5rem .95rem 0; }
.help-question p { margin: 0; color: #526b80; }

.website-documents-section { margin-top: 2rem; padding-top: 1.75rem; border-top: 1px solid var(--line); }
.website-document-list { display: grid; gap: .75rem; margin-bottom: 1.25rem; }
.website-document-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: .75rem; background: #fff; }
.website-document-icon { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .45rem; color: #fff; background: #a52b2b; font-size: .72rem; font-weight: 800; letter-spacing: .04em; }
.website-document-title-form { min-width: 0; }
.website-document-upload-form { padding: 1rem; border: 1px solid #d9e4e7; border-radius: .75rem; background: #f8fbfb; }
.business-site-documents { position:relative; padding: clamp(1.5rem, 3vw, 2.5rem) 0; background-color: var(--site-section-bg); background-image: var(--site-section-image); background-size: var(--site-section-size); }
.business-site-details::before,
.localized-sample-extras::before,
.business-site-gallery::before,
.business-site-documents::before { display:var(--site-wallpaper-display,none); position:absolute; inset:0; background-color:var(--appearance-wallpaper-colour,#6b7f8a); content:""; -webkit-mask-image:var(--site-wallpaper-mask,none); mask-image:var(--site-wallpaper-mask,none); -webkit-mask-repeat:repeat; mask-repeat:repeat; -webkit-mask-size:var(--site-wallpaper-size,96px 96px); mask-size:var(--site-wallpaper-size,96px 96px); pointer-events:none; }
.business-site-details > .business-site-shell,
.localized-sample-extras > .business-site-shell,
.business-site-gallery > .business-site-shell,
.business-site-documents > .business-site-shell { position:relative; z-index:1; }
.business-site-documents h2 { margin: 0 0 1.25rem; color: var(--site-heading); }
.business-document-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.business-document-link { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .15rem .8rem; align-items: center; padding: 1rem 1.1rem; border: 1px solid var(--site-border); border-radius: .75rem; color: var(--site-text); background: var(--site-card-bg); text-decoration: none; box-shadow: var(--site-shadow); }
.business-document-link > span { grid-row: 1 / 3; display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: .4rem; color: #fff; background: #a52b2b; font-size: .68rem; font-weight: 800; }
.business-document-link strong { color: var(--site-heading); overflow-wrap: anywhere; }
.business-document-link small { color: var(--site-copy-muted); }
.business-document-link:hover, .business-document-link:focus-visible { border-color: var(--site-accent); transform: translateY(-1px); }

@media (max-width: 575.98px) {
  .manage-delete-actions { align-items: stretch; flex-direction: column; }
  .manage-delete-actions .btn { width: 100%; white-space: normal; }
  .admin-heading { align-items: stretch; flex-direction: column; }
  .admin-heading-actions { justify-content: flex-start; }
  .admin-heading-actions .btn { width: 100%; }
  .maintenance-control { align-items: stretch; flex-direction: column; }
  .maintenance-control .btn { width: 100%; }
  .legal-page main { padding-top: .5rem; }
  .manage-privacy-page { padding-top: 1.25rem; }
  .privacy-preview-heading,
  .privacy-version-row { align-items: stretch; flex-direction: column; }
  .privacy-preview-status { align-self: flex-start; }
  .privacy-publish-actions .btn { width: 100%; }
  .legal-document { padding: 1.1rem; border-right: 0; border-left: 0; border-radius: 0; box-shadow: none; }
  .about-benefits { grid-template-columns: 1fr; gap: .85rem; }
  .recovery-choice-grid { grid-template-columns: 1fr; }
  .about-benefits li { justify-content: flex-start; transform: none; }
  .about-founder-layout { grid-template-columns: 1fr; gap: 1.35rem; }
  .about-founder-portrait { width: min(100%, 19rem); margin-top: 0; }
  .about-advisers,
  .about-principle { padding: 1.1rem; }
  .help-question > div { padding-right: .5rem; }
  .legal-contents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem 1rem; }
  .legal-contents strong { grid-column: 1 / -1; }
  .table-responsive { overflow: visible; }
  .legal-table,
  .legal-table tbody,
  .legal-table tr,
  .legal-table td { display: block; width: 100%; }
  .legal-table { border: 0; background: transparent; }
  .legal-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .legal-table tbody { display: grid; gap: .85rem; }
  .legal-table tr { overflow: hidden; border: 1px solid #d7e1e7; border-radius: .75rem; background: #fff; }
  .legal-table td { min-width: 0; padding: .75rem .85rem; border: 0; }
  .legal-table td + td { border-top: 1px solid #e4eaed; }
  .legal-table td::before { display: block; margin-bottom: .25rem; color: #162833; content: attr(data-label); font-size: .72rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
  .manage-share-layout { grid-template-columns: 1fr; }
  .manage-qr-code { justify-self: center; }
  .manage-stat-grid { grid-template-columns: 1fr; }
  .website-document-card { grid-template-columns: auto minmax(0, 1fr); }
  .website-document-card > form:last-child { grid-column: 1 / -1; }
  .business-document-list { grid-template-columns: 1fr; }
}

@media (max-width: 379.98px) {
  .legal-contents { grid-template-columns: 1fr; }
}
.referral-consent {
  align-items: center;
  background: #f0f5f6;
  border-bottom: 1px solid #c5d7db;
  color: #173044;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  padding: 1rem max(1rem, calc((100vw - 1140px) / 2));
}

.referral-consent p {
  margin: .25rem 0;
}
.referral-consent-more {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--bs-link-color);
  background: transparent;
  text-decoration: underline;
}
.referral-consent-more:hover,
.referral-consent-more:focus-visible { color: var(--bs-link-hover-color); }

.referral-consent-actions {
  display: flex;
  flex: 0 0 auto;
  gap: .5rem;
}
.referral-consent-actions form { display: flex; }
.referral-consent-actions .btn {
  width: 11rem;
  min-height: 3rem;
  padding: .6rem 1rem;
  border-radius: var(--bs-border-radius);
  font-size: 1rem;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
}
.marketing-page .referral-consent-actions .referral-consent-accept { border-width: 1px; }
#referral-information-modal .modal-body { color: #263b49; line-height: 1.6; }

.cookie-settings-heading-space { min-height: 3.5rem; }
.cookie-settings-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.cookie-settings-actions .btn { width: 14rem; min-height: 2.75rem; padding: .6rem 1rem; white-space: nowrap; }

@media (max-width: 767.98px) {
  .referral-consent,
  .referral-consent-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .referral-consent-actions form,
  .referral-consent-actions .btn { width: 100%; }
  .cookie-settings-heading-space { min-height: 2.5rem; }
  .cookie-settings-actions { align-items: stretch; flex-direction: column; }
  .cookie-settings-actions form,
  .cookie-settings-actions .btn { width: 100%; }
}