:root {
  color-scheme:light;
  --bg:#f6f8f7;
  --surface:#fff;
  --surface-soft:#edf3f0;
  --text:#172d27;
  --text-muted:#61736c;
  --primary:#087f5b;
  --primary-hover:#056445;
  --on-primary:#fff;
  --border-light:#d8e2dd;
  --border-dark:#e5ece8;
  --panel-bg:#fff;
  --glass-bg:rgba(246,248,247,.94);
  --shadow:0 18px 50px #17372b0b;
  --gradient-text-start:#087f5b;
  --gradient-text-end:#087f5b;
  --overlay-gradient:#14251d;
}
[data-theme=dark] {
  color-scheme:dark;
  --bg:#101c18;
  --surface:#192923;
  --surface-soft:#1d342a;
  --text:#f0f6f2;
  --text-muted:#acbfb5;
  --primary:#58d6a7;
  --primary-hover:#81e1bd;
  --on-primary:#10271d;
  --border-light:#354a40;
  --border-dark:#293d33;
  --panel-bg:#192923;
  --glass-bg:rgba(16,28,24,.94);
  --shadow:0 18px 50px #0002;
  --gradient-text-start:#58d6a7;
  --gradient-text-end:#58d6a7;
}
* {
  box-sizing:border-box;
  margin:0;
  padding:0;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px;
}
body {
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
button,input,select {
  font:inherit;
}
button,a,input {
  touch-action:manipulation;
}
button {
  cursor:pointer;
}
a {
  color:inherit;
  text-decoration:none;
}
button:disabled {
  opacity:.55;
  cursor:wait;
}
:focus-visible {
  outline:3px solid var(--primary);
  outline-offset:4px;
}
.skip-link {
  position:fixed;
  top:-100px;
  left:16px;
  z-index:200;
  background:var(--surface);
  padding:10px 16px;
  border-radius:8px;
}
.skip-link:focus {
  top:10px;
}
.bg-glow,.bg-mesh {
  display:none;
}
.navbar {
  position:sticky;
  top:0;
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 max(24px,calc((100vw - 1160px)/2));
  background:var(--glass-bg);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-dark);
  z-index:100;
}
.nav-brand {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:23px;
  letter-spacing:-.9px;
  font-weight:750;
}
.logo-mark {
  width:36px;
  height:36px;
  background:var(--primary);
  color:var(--on-primary);
  border-radius:11px;
  display:grid;
  place-items:center;
}
.logo-mark svg {
  width:23px;
  height:23px;
}
.nav-links {
  display:flex;
  gap:26px;
  align-items:center;
}
.nav-links a {
  font-size:13px;
  font-weight:550;
  color:var(--text-muted);
}
.nav-links a:hover {
  color:var(--primary);
}
.btn-outline,.btn-primary {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:12px 18px;
  border-radius:9px;
  font-size:14px;
  font-weight:650;
  line-height:1.4;
  text-decoration:none;
  transition:background .15s,color .15s;
}
.btn-outline {
  border:1px solid var(--border-light);
  color:var(--text);
  background:transparent;
}
.btn-outline:hover {
  background:var(--surface-soft);
  border-color:var(--primary);
}
.btn-primary {
  background:var(--primary);
  color:var(--on-primary);
  border:1px solid transparent;
}
.btn-primary:hover {
  background:var(--primary-hover);
}
.theme-toggle {
  width:40px;
  height:40px;
  padding:0;
  flex-shrink:0;
}
.nav-links .login-link {
  color:var(--text);
  background:var(--surface);
}
.hero {
  max-width:1160px;
  margin:0 auto;
  padding:76px 0 68px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:72px;
  align-items:center;
}
.hero-copy {
  min-width:0;
}
.badge {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:23px;
  font-size:12px;
  letter-spacing:.4px;
  font-weight:650;
  color:var(--primary);
}
.badge:before {
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
}
.hero-title {
  font-size:clamp(36px,4.6vw,61px);
  font-weight:750;
  line-height:1.12;
  letter-spacing:-2.8px;
  margin-bottom:23px;
}
.gradient-text {
  color:var(--primary);
}
.hero-subtitle {
  font-size:17px;
  line-height:1.85;
  max-width:480px;
  color:var(--text-muted);
  margin-bottom:28px;
}
.hero-benefits {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  font-size:12px;
  font-weight:550;
  margin-bottom:29px;
}
.hero-benefits span {
  display:flex;
  align-items:center;
  gap:6px;
}
.hero-benefits svg {
  width:15px;
  height:15px;
  color:var(--primary);
}
.hero-secondary {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:13px;
  font-weight:650;
  border-bottom:1px solid var(--border-light);
  padding-bottom:4px;
}
.hero-secondary:hover {
  color:var(--primary);
}
.funnel-container {
  width:100%;
  min-width:0;
}
.funnel-step {
  display:none;
}
.funnel-step.active {
  display:block;
}
.start-card,.success-card,.loading-card {
  padding:30px;
  background:var(--surface);
  border:1px solid var(--border-light);
  border-radius:20px;
  box-shadow:var(--shadow);
}
.form-eyebrow {
  display:block;
  font-size:10px;
  letter-spacing:1.6px;
  font-weight:750;
  color:var(--primary);
  margin-bottom:13px;
}
.start-card h2 {
  font-size:25px;
  line-height:1.3;
  letter-spacing:-.7px;
  margin-bottom:12px;
}
.start-card>p {
  font-size:13px;
  color:var(--text-muted);
  line-height:1.85;
  margin-bottom:24px;
}
.field-label {
  display:block;
  font-weight:650;
  font-size:12px;
  margin-bottom:8px;
}
.search-box {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  border:1px solid var(--border-light);
  border-radius:10px;
  padding:11px 13px;
  background:var(--bg);
}
.search-box:focus-within {
  border-color:var(--primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);
}
.search-icon {
  display:flex;
  color:var(--text-muted);
  flex-shrink:0;
}
.search-box input,.search-box select {
  background:transparent;
  border:0;
  outline:0;
  min-width:0;
  width:100%;
  color:var(--text);
  font-size:16px;
  line-height:1.6;
}
.search-box input::placeholder {
  color:var(--text-muted);
  opacity:.8;
}
.phone-help {
  font-size:11px;
  color:var(--text-muted);
  margin:8px 0 15px;
}
.start-card .submit-button {
  width:100%;
  min-height:47px;
  font-size:14px;
}
.manual-link {
  display:block;
  text-align:center;
  background:transparent;
  border:0;
  color:var(--text-muted);
  font-size:12px;
  margin:16px auto 0;
  text-decoration:underline;
  text-underline-offset:3px;
}
.manual-link:hover {
  color:var(--primary);
}
#manualDetails {
  gap:15px;
  flex-direction:column;
  padding:0;
  border:0;
  background:none;
  margin:20px 0;
}
#manualDetails .manual-field {
  width:100%;
  text-align:left;
}
.form-message {
  font-size:12px;
  color:var(--text-muted);
  margin-top:12px;
}
.form-message:empty {
  display:none;
}
.form-footer {
  border-top:1px solid var(--border-dark);
  padding-top:18px;
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  color:var(--text-muted);
}
.form-footer svg {
  width:15px;
  height:15px;
  flex-shrink:0;
}
.google-match {
  margin-top:20px;
  padding:20px;
  border-radius:12px;
  background:var(--surface-soft);
  border:1px solid var(--border-light);
}
.match-heading {
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:15px;
}
.match-pin {
  display:grid;
  place-items:center;
  border-radius:9px;
  width:36px;
  height:36px;
  background:var(--primary);
  color:var(--on-primary);
  flex-shrink:0;
}
.match-pin svg {
  width:18px;
  height:18px;
}
.match-heading strong {
  font-size:14px;
  display:block;
}
.match-heading p,.match-heading small {
  font-size:12px;
  line-height:1.6;
  color:var(--text-muted);
}
.match-question {
  font-size:12px;
  color:var(--text-muted);
  margin-bottom:13px;
}
.google-match .search-box {
  background:var(--surface);
  margin-bottom:14px;
}
.match-actions {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.match-actions button {
  font-size:12px;
  padding:11px 13px;
}
.loading-card {
  text-align:center;
  padding:35px;
}
.loading-card h2,.success-card h2 {
  font-size:23px;
  letter-spacing:-.7px;
  margin:19px 0 11px;
}
.loading-card p,.success-card p {
  color:var(--text-muted);
  font-size:13px;
  line-height:1.8;
}
.loading-card .loading-help {
  font-size:11px;
  margin-top:14px;
}
.spinner {
  width:35px;
  height:35px;
  margin:0 auto;
  border:3px solid var(--border-light);
  border-top-color:var(--primary);
  border-radius:50%;
  animation:spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform:rotate(360deg);
  }
}
.success-icon {
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  margin:auto;
  border-radius:50%;
  background:var(--surface-soft);
  color:var(--primary);
}
.success-card {
  text-align:center;
}
.success-card .btn-primary {
  margin:22px 0 14px;
  width:100%;
}
.success-card .btn-outline {
  margin-top:20px;
}
.site-link-url {
  overflow-wrap:anywhere;
  font-size:11px!important;
}
.section {
  max-width:1160px;
  margin:0 auto;
  padding:62px 0;
}
.section-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:40px;
  margin-bottom:30px;
}
.section-title {
  font-size:32px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-1.2px;
  max-width:540px;
}
.section-subtitle {
  color:var(--text-muted);
  font-size:14px;
  line-height:1.85;
  max-width:430px;
}
.section-kicker {
  color:var(--primary);
  font-size:10px;
  letter-spacing:1.6px;
  font-weight:750;
  display:block;
  margin-bottom:13px;
}
.workflow-section {
  border-top:1px solid var(--border-dark);
}
.workflow-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.workflow-step {
  border:1px solid var(--border-light);
  border-radius:13px;
  background:var(--surface);
  padding:25px;
}
.step-num {
  display:grid;
  place-items:center;
  width:33px;
  height:33px;
  border-radius:9px;
  color:var(--primary);
  background:var(--surface-soft);
  font-size:12px;
  font-weight:750;
  margin-bottom:22px;
}
.workflow-step h3 {
  font-size:17px;
  letter-spacing:-.3px;
  margin-bottom:8px;
}
.workflow-step p {
  font-size:13px;
  color:var(--text-muted);
  line-height:1.85;
}
.showcase-container {
  background:var(--surface);
  border:1px solid var(--border-light);
  border-radius:17px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.browser-header {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  padding:13px 17px;
  background:var(--surface);
  border-bottom:1px solid var(--border-dark);
}
.dots {
  display:flex;
  gap:5px;
  margin-right:auto;
}
.dots span {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#c7d1cb;
}
.browser-url {
  margin-right:auto;
  font-size:11px;
  color:var(--text-muted);
}
.showcase-body {
  height:365px;
  position:relative;
  background:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1200&q=80') center/cover;
}
.showcase-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#0c1e17e8,#0c1e17b3 48%,#0c1e1729);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:40px;
  color:#fff;
}
.showcase-badge {
  display:inline-block;
  font-size:10px;
  letter-spacing:1px;
  background:#ffffff1a;
  border:1px solid #ffffff36;
  border-radius:5px;
  padding:5px 9px;
  margin-bottom:20px;
}
.showcase-title {
  font-size:39px;
  line-height:1.15;
  letter-spacing:-1px;
  margin-bottom:13px;
}
.showcase-subtitle {
  font-size:13px;
  color:#e0ebe4;
  max-width:390px;
  line-height:1.8;
  margin-bottom:23px;
}
.showcase-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.demo-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 17px;
  border-radius:7px;
  background:#fff;
  color:#172d27;
  font-size:12px;
  font-weight:650;
}
.demo-button.secondary {
  background:#ffffff10;
  border:1px solid #ffffff6a;
  color:#fff;
}
.showcase-footnote {
  font-size:11px;
  color:var(--text-muted);
  margin-top:13px;
}
.bento-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.bento-item {
  background:var(--surface);
  border:1px solid var(--border-light);
  border-radius:13px;
  padding:26px;
  min-width:0;
}
.bento-item.large {
  grid-column:span 2;
}
.bento-icon {
  margin-bottom:22px;
  display:inline-flex;
  color:var(--primary);
}
.bento-icon svg {
  width:25px;
  height:25px;
}
.bento-title {
  font-size:17px;
  letter-spacing:-.3px;
  margin-bottom:10px;
}
.bento-desc {
  font-size:13px;
  color:var(--text-muted);
  line-height:1.85;
}
.feature-tags {
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:20px;
}
.feature-tags span {
  font-size:10px;
  padding:5px 9px;
  background:var(--surface-soft);
  border-radius:5px;
  color:var(--primary);
}
.sector-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.sector-card {
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  padding:16px;
  background:var(--surface);
  border:1px solid var(--border-light);
  border-radius:10px;
  color:var(--text);
  min-width:0;
}
.sector-card:hover {
  border-color:var(--primary);
  background:var(--surface-soft);
}
.sector-card svg {
  width:20px;
  height:20px;
  flex-shrink:0;
  color:var(--primary);
}
.sector-card span {
  font-size:12px;
  font-weight:550;
}
.bottom-cta {
  max-width:1160px;
  margin:38px auto 65px;
  background:var(--surface-soft);
  border:1px solid var(--border-light);
  padding:32px 36px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.bottom-cta h2 {
  font-size:27px;
  letter-spacing:-.7px;
  line-height:1.25;
  margin-bottom:8px;
}
.bottom-cta p {
  font-size:13px;
  color:var(--text-muted);
}
.bottom-cta .btn-primary {
  flex-shrink:0;
}
.footer {
  border-top:1px solid var(--border-dark);
  padding:27px max(24px,calc((100vw - 1160px)/2));
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  color:var(--text-muted);
}
.footer-brand {
  color:var(--text);
  font-size:17px;
  font-weight:750;
  letter-spacing:-.5px;
}
.footer-links {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.footer a:hover {
  color:var(--primary);
}
@media(max-width:1230px) {
  .hero,.section,.bottom-cta {
    margin-left:32px;
    margin-right:32px;
  }
  .hero {
    gap:40px;
  }
}
@media(max-width:950px) {
  .hero {
    gap:30px;
    padding-top:52px;
  }
  .hero-title {
    font-size:43px;
    letter-spacing:-1.9px;
  }
  .hero-subtitle {
    font-size:15px;
  }
  .hero-benefits {
    gap:10px 15px;
  }
  .start-card {
    padding:24px;
  }
  .start-card h2 {
    font-size:22px;
  }
  .nav-links {
    gap:18px;
  }
  .nav-links a:not(.login-link) {
    display:none;
  }
  .section-header {
    gap:28px;
  }
  .section-title {
    font-size:28px;
  }
  .sector-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:700px) {
  html {
    scroll-padding-top:85px;
  }
  .navbar {
    height:66px;
    padding:0 20px;
    gap:12px;
  }
  .nav-brand {
    font-size:21px;
  }
  .logo-mark {
    width:31px;
    height:31px;
    border-radius:9px;
  }
  .nav-links {
    gap:10px;
  }
  .nav-links .login-link {
    padding:9px 12px;
    font-size:12px;
  }
  .theme-toggle {
    width:35px;
    height:35px;
  }
  .hero {
    grid-template-columns:1fr;
    gap:30px;
    padding:37px 0 38px;
    margin:0 22px;
  }
  .hero-title {
    font-size:41px;
    letter-spacing:-1.8px;
    margin-bottom:17px;
  }
  .badge {
    margin-bottom:16px;
    font-size:11px;
  }
  .hero-subtitle {
    font-size:14px;
    max-width:460px;
    margin-bottom:19px;
  }
  .hero-benefits {
    font-size:11px;
    margin-bottom:20px;
  }
  .hero-secondary {
    font-size:12px;
  }
  .start-card,.success-card,.loading-card {
    padding:25px;
    border-radius:15px;
  }
  .start-card h2 {
    font-size:23px;
  }
  .section {
    padding:38px 0;
    margin:0 22px;
  }
  .section-header {
    display:block;
    margin-bottom:23px;
  }
  .section-title {
    font-size:26px;
    margin-bottom:13px;
    letter-spacing:-.8px;
  }
  .section-subtitle {
    font-size:13px;
  }
  .workflow-grid {
    grid-template-columns:1fr;
    gap:12px;
  }
  .workflow-step {
    padding:22px;
  }
  .step-num {
    margin-bottom:15px;
  }
  .bento-grid {
    grid-template-columns:1fr;
    gap:12px;
  }
  .bento-item.large {
    grid-column:auto;
  }
  .bento-item {
    padding:24px;
  }
  .bento-icon {
    margin-bottom:17px;
  }
  .showcase-body {
    height:330px;
  }
  .showcase-overlay {
    padding:25px;
  }
  .showcase-title {
    font-size:31px;
  }
  .showcase-subtitle {
    font-size:12px;
  }
  .showcase-badge {
    font-size:9px;
  }
  .browser-url {
    font-size:9px;
  }
  .sector-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .sector-card {
    padding:13px 11px;
    gap:9px;
  }
  .sector-card span {
    font-size:11px;
  }
  .bottom-cta {
    margin:24px 22px 42px;
    padding:25px;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
  }
  .bottom-cta h2 {
    font-size:24px;
  }
  .bottom-cta .btn-primary {
    width:100%;
  }
  .footer {
    padding:25px 22px;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
}
@media(max-width:370px) {
  .hero,.section {
    margin-left:16px;
    margin-right:16px;
  }
  .hero-title {
    font-size:36px;
  }
  .hero-benefits {
    gap:8px;
  }
  .start-card {
    padding:21px;
  }
  .nav-brand {
    font-size:19px;
  }
  .navbar {
    padding:0 16px;
  }
  .logo-mark {
    width:28px;
    height:28px;
  }
  .nav-links .login-link {
    padding:9px;
    font-size:11px;
  }
  .nav-links {
    gap:8px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
  }
}
.form-message[data-error=true] {
  color:#ad3030;
}
[data-theme=dark] .form-message[data-error=true] {
  color:#ffb4a9;
}

/* A single-field start, followed by distinct review and missing-information steps. */
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html:not([data-theme=dark]){--bg:#fafbf8;--surface:#fff;--surface-soft:#edf3ec;--text:#152c23;--text-muted:#6b7971;--primary:#08765c;--primary-hover:#055e49;--border-light:#e0e6df;--border-dark:#e5eae3;--glass-bg:rgba(250,251,248,.92);--shadow:0 18px 65px #21432d0b}
.navbar{height:86px;background:var(--glass-bg);border-bottom:0;max-width:1440px;margin:auto;padding:0 60px}
.nav-brand{font-size:25px;letter-spacing:-1.1px}.logo-mark{width:34px;height:34px;border-radius:10px;transform:rotate(-6deg)}.logo-mark svg{transform:rotate(6deg)}
.nav-links{gap:30px}.nav-links a{font-size:12px}.nav-links .login-link{border-radius:30px;padding:12px 22px;background:var(--text);color:var(--bg);border-color:var(--text)}.theme-toggle{border:0;background:transparent}
.hero{display:flex;flex-direction:column;gap:0;max-width:1200px;padding:55px 0 35px;margin:0 auto;text-align:center;position:relative}
.hero-copy{max-width:920px;position:relative;z-index:1}.badge{border:1px solid var(--border-light);background:var(--surface);box-shadow:0 4px 20px #00000003;padding:7px 13px;border-radius:30px;color:var(--text-muted);font-size:11px;font-weight:550;letter-spacing:.1px;margin-bottom:24px;gap:7px}.badge:before{display:none}.badge-spark{color:var(--primary);font-size:16px}
.hero-title{font-size:clamp(42px,5.7vw,76px);font-weight:750;letter-spacing:-3.8px;line-height:1.06;margin-bottom:22px}.gradient-text{color:var(--primary)}.hero-subtitle{max-width:570px;font-size:16px;line-height:1.8;margin:0 auto 30px}
.funnel-container{max-width:610px;margin:0 auto;position:relative;z-index:2}.start-card{padding:8px;border-radius:22px;box-shadow:0 8px 30px #1c472410;text-align:left;transition:padding .2s}.start-card[data-stage=phone]{border:1px solid var(--border-light)}
.phone-entry{display:flex;align-items:center;gap:12px;padding:5px 5px 5px 12px}.phone-prefix{color:var(--primary);flex-shrink:0;display:flex;padding:0 3px}.phone-entry input{border:0;background:transparent;outline:0;width:100%;min-width:0;font-size:15px;color:var(--text);height:47px}.phone-entry input::placeholder{color:var(--text-muted);opacity:.9}.phone-entry .btn-primary{height:48px;white-space:nowrap;border-radius:14px;font-size:13px;padding:0 22px;gap:20px}.phone-entry input:focus-visible{outline:0}.start-card:has(.phone-entry input:focus){border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent),0 10px 35px #1c472410}.phone-help{font-size:11px;margin:8px 12px 6px;text-align:center}.start-card[data-stage=phone] .form-message{margin:8px 12px;text-align:center}.start-card[data-stage=phone] .form-message:empty{display:none}
.start-card:not([data-stage=phone]){padding:26px 30px;border-radius:20px}.stage-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:23px}.back-button{border:0;padding:0;background:transparent;font-size:12px;color:var(--primary);font-weight:650}#phoneSummary{font-size:12px;color:var(--text-muted);margin-left:auto}.stage-heading h2{width:100%;font-size:26px;margin:8px 0 0;letter-spacing:-.8px}.stage-heading p{color:var(--text-muted);font-size:12px;width:100%;margin:0}.start-card #manualDetails{margin:0 0 22px;gap:16px}.google-match{margin-top:0;border:0;padding:0;background:transparent}.match-heading{padding:18px;background:var(--surface-soft);border-radius:14px}.match-heading strong{overflow-wrap:anywhere}.match-actions .btn-primary{flex:1}.match-actions .btn-outline{width:100%;border:0;color:var(--text-muted);padding-bottom:0}.match-question{font-size:12px}.form-message{line-height:1.8}.loading-card,.success-card{padding:32px;border-radius:22px}
.hero-benefits{justify-content:center;gap:22px;margin:23px 0 20px;color:var(--text-muted);font-size:11px;position:relative;z-index:1}.hero-benefits>span{display:inline-flex;gap:6px}.hero-benefits>span>span{color:var(--primary)}.hero-secondary{font-weight:550;font-size:11px;border:0;gap:8px;color:var(--text-muted);padding:0}
.hero-scene{position:relative;width:min(100%,890px);margin:45px auto 0;height:375px;text-align:left}.scene-orbit{position:absolute;width:950px;height:390px;max-width:115%;left:50%;transform:translateX(-50%);top:25px;z-index:0;border-radius:50%;background:radial-gradient(ellipse,#dce9bd80 0%,#e8f0d660 45%,transparent 70%);filter:blur(18px)}
.scene-browser{position:absolute;width:650px;max-width:78%;top:13px;left:105px;border:1px solid #d8dfd2;border-radius:15px;background:white;box-shadow:0 24px 50px #21322713;transform:rotate(-3deg);overflow:hidden;color:#203b2c}.scene-browser-bar{height:37px;display:flex;gap:15px;align-items:center;justify-content:space-between;background:#f9faf6;padding:0 16px;font-size:9px;color:#83907c;border-bottom:1px solid #e7eadf}.scene-dots{font-size:8px;letter-spacing:2px;color:#c0c9b8}.scene-site{padding:20px 24px 26px;background:#f9f7ef}.scene-site-nav{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#78846e}.scene-site-nav strong{font-size:14px;letter-spacing:-.5px;color:#203b2c}.scene-site-nav strong span{color:#709155;margin-left:5px}.scene-site-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:24px;align-items:center}.scene-overline{font-size:8px;letter-spacing:1.3px;color:#65814c;font-weight:650}.scene-site h2{font-size:38px;line-height:1.05;letter-spacing:-1.6px;font-weight:600;margin:11px 0 20px}.scene-site em{font-family:Georgia,serif;font-weight:400;color:#638747}.scene-action{display:inline-block;font-size:9px;background:#23412c;color:white;padding:9px 13px;border-radius:6px}.scene-photo{height:212px;border-radius:55px 55px 12px 12px;background:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=600&q=75') center/cover}
.scene-tag{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid var(--border-light);background:var(--surface);color:var(--text);padding:12px 16px;box-shadow:0 10px 35px #1a422010;border-radius:12px;font-size:10px;font-weight:550;z-index:2}.scene-tag>span{font-size:17px;color:var(--primary)}.location-tag{left:18px;top:83px;transform:rotate(-7deg)}.social-tag{right:0;bottom:2px;transform:rotate(4deg)}
.scene-social{position:absolute;width:185px;right:37px;top:112px;transform:rotate(7deg);border:1px solid #d8dfd2;box-shadow:0 18px 40px #21322724;background:white;border-radius:13px;padding:9px;color:#263c2b}.scene-social-top{display:flex;align-items:center;gap:7px;font-size:8px;margin-bottom:8px}.scene-social-top>span:first-child{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#244c35;color:white}.scene-social-top>span:last-child{margin-left:auto}.scene-social-art{background:#e7efce;border-radius:6px;padding:18px 16px;position:relative;overflow:hidden;min-height:169px}.scene-social-art>span:first-child{font-size:6px;letter-spacing:1px;color:#4c713c}.scene-social-art strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.9px;margin-top:11px}.scene-cup{position:absolute;right:12px;bottom:8px;font-size:34px;transform:rotate(-10deg)}.scene-social-bottom{font-size:13px;margin-top:6px}.scene-social-bottom span{float:right}.scene-caption{font-size:9px;color:var(--text-muted);margin:14px 0 0}
.workflow-section{margin-top:0;border-top:1px solid var(--border-light)}.workflow-step,.bento-item{border-radius:20px;padding:30px;box-shadow:none}.step-num{border-radius:50%;font-size:11px;width:32px;height:32px}.section-title{font-size:36px;letter-spacing:-1.5px}.section-header{margin-bottom:35px}.section-subtitle{font-size:13px}.sector-card{border-radius:13px}.bottom-cta{border-radius:24px;padding:40px}.bottom-cta .btn-primary{border-radius:30px;padding:14px 23px}
[data-theme=dark] .scene-orbit{opacity:.25}[data-theme=dark] .scene-browser,[data-theme=dark] .scene-social{border-color:#73836b}
@media(max-width:1230px){.hero{margin:0 32px}.hero-scene{width:min(100%,820px)}.navbar{padding:0 32px}}
@media(max-width:950px){.hero{padding-top:40px}.hero-title{font-size:61px;letter-spacing:-3px}.hero-subtitle{font-size:15px}.hero-scene{height:330px;width:min(100%,740px)}.scene-browser{width:560px;left:65px}.scene-site-content{gap:20px;margin-top:17px}.scene-photo{height:175px}.scene-site h2{font-size:34px}.scene-site{padding:18px 22px}.scene-social{width:165px;right:15px;top:100px}.scene-social-art{min-height:148px;padding:14px}.scene-social-art strong{font-size:20px}.location-tag{left:0;top:63px}.social-tag{bottom:0;right:0}.navbar{height:78px}.hero-benefits{margin-top:20px}.section-title{font-size:30px}}
@media(max-width:700px){.navbar{height:70px;padding:0 22px}.nav-brand{font-size:22px}.nav-links{gap:6px}.nav-links .login-link{padding:10px 16px;font-size:11px}.hero{margin:0 22px;padding:35px 0 29px}.hero-title{font-size:clamp(39px,8.4vw,55px);letter-spacing:-2.1px;margin-bottom:18px}.hero-subtitle{font-size:13px;line-height:1.8;margin-bottom:25px}.desktop-break{display:none}.badge{font-size:9px;margin-bottom:21px;padding:6px 11px}.badge-spark{font-size:14px}.funnel-container{max-width:550px}.start-card{padding:7px;border-radius:18px}.phone-entry{gap:8px;padding:3px 2px 3px 6px}.phone-entry input{font-size:14px}.phone-prefix{display:none}.phone-entry .btn-primary{padding:0 15px;gap:8px;font-size:12px;height:46px;border-radius:12px}.phone-help{font-size:10px;margin:6px 8px 4px}.hero-benefits{gap:9px 15px;font-size:9px;flex-wrap:wrap;margin:18px 0 15px}.hero-secondary{font-size:10px}.start-card:not([data-stage=phone]){padding:22px}.stage-heading h2{font-size:23px}.hero-scene{height:245px;margin-top:33px;max-width:460px;width:100%}.scene-browser{left:15px;max-width:85%;top:9px;border-radius:10px}.scene-browser-bar{height:26px;font-size:7px;padding:0 10px}.scene-dots{font-size:6px;letter-spacing:0}.scene-site{padding:13px 15px 17px}.scene-site-nav{font-size:5px}.scene-site-nav strong{font-size:10px}.scene-site-content{margin-top:13px;gap:12px}.scene-overline{font-size:5px;letter-spacing:.7px}.scene-site h2{font-size:25px;letter-spacing:-.8px;margin:9px 0 14px}.scene-action{font-size:6px;padding:7px 9px}.scene-photo{height:143px;border-radius:36px 36px 9px 9px}.scene-social{width:118px;right:6px;top:89px;border-radius:9px;padding:6px}.scene-social-top{font-size:6px;gap:4px;margin-bottom:5px}.scene-social-top>span:first-child{width:14px;height:14px}.scene-social-art{padding:10px;min-height:109px}.scene-social-art>span:first-child{font-size:4px;letter-spacing:.5px}.scene-social-art strong{font-size:16px;margin-top:8px;letter-spacing:-.5px}.scene-cup{font-size:24px;right:4px;bottom:4px}.scene-social-bottom{font-size:9px}.scene-tag{font-size:7px;padding:8px 9px;gap:5px;border-radius:8px}.scene-tag>span{font-size:12px}.location-tag{top:38px;left:-7px}.social-tag{bottom:-1px;right:0}.scene-orbit{width:100%;max-width:100%;height:250px}.scene-caption{font-size:8px;margin-top:12px;max-width:280px}.section-title{font-size:27px}.workflow-step,.bento-item{padding:25px}.bottom-cta{padding:28px}.bottom-cta .btn-primary{width:100%}}
@media(max-width:380px){.hero{margin:0 16px}.hero-title{font-size:38px;letter-spacing:-1.9px}.phone-entry input{font-size:12px}.phone-entry .btn-primary{font-size:11px;padding:0 11px}.scene-site h2{font-size:22px}.scene-photo{height:125px}.hero-scene{height:225px}.scene-social{top:83px;width:107px}.scene-social-art{min-height:96px}.scene-social-art strong{font-size:14px}.hero-benefits{gap:8px;font-size:8px}}

.hero-benefits{flex-wrap:wrap}.hero-copy .hero-title{max-width:920px;margin-left:auto;margin-right:auto}.feature-tags{flex-wrap:wrap}.footer .footer-brand.enterweb-wordmark{font-size:24px}

.bento-grid>.bento-item:last-child{grid-column:1/-1}
