:root {
  --ink: #202622;
  --teal: #385e45;
  --sage: #edf0e9;
  --paper: #fcfbf9;
  --soft: #647064;
  --muted: #41463e;
  --line: #d6d5cd;
  --brand-green: #41654a;
  --page-gradient: radial-gradient(ellipse at 94% 13%, #f7f4ee 0, #f7f4ee00 63%), radial-gradient(ellipse at 95% 80%, #f2f7ef 0, #f2f7ef00 50%), linear-gradient(105deg, #ffffff 12%, #fcfbf8 85%);
  --frosted-white: rgb(255 255 255 / .76);
  --frost-blur: blur(28px) saturate(.65);
  --glass: linear-gradient(135deg, rgb(255 255 255 / .96), rgb(255 255 255 / .78));
  --glass-line: rgb(255 255 255 / .9);
  --glass-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #ffffffb3, 0 2px 3px #29312909, 0 9px 26px #29312908;
}
body { background: var(--paper); }
.marketing-page {
  background-image: linear-gradient(180deg, #fcfbf900 75%, #fcfbf9 100%), var(--page-gradient);
  background-size: 100% 1040px;
  background-repeat: no-repeat;
}
.brand img { width: 201px; }
.site-header { height: 104px; gap: 28px; }
.site-header nav, .sign-in { font-size: 12px; }
.button, .button.outline, .button.light {
  background: var(--glass);
  color: #252a25;
  border: 1px solid var(--glass-line);
  border-bottom-color: #e0e4df;
  border-radius: 11px;
  box-shadow: var(--glass-shadow), 0 0 0 1px #6865581a;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-weight: 600;
}
.button:hover, .button.outline:hover, .button.light:hover {
  background: linear-gradient(135deg, #fff, #fffffff0);
  border-color: #a6afa2;
  color: #202622;
  box-shadow: inset 0 1px 0 #fff, 0 5px 16px #35372b20;
}
.button:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.button.danger { color: #8d3c35; }
.button.danger:hover { color: #71312d; }
.button.compact { padding-inline: 21px; min-height: 47px; }
:focus-visible { outline: 3px solid #46684b; outline-offset: 4px; }
.text-link { color: #36573e; border-color: #aeb5a6; }
input, textarea, select { border-color: #92988d; background: #fff; color: var(--ink); }
input::placeholder, textarea::placeholder { color: #62665d; }
.hero { padding-top: 64px; padding-bottom: 78px; gap: 70px; grid-template-columns: 1.04fr 1fr; }
.hero h1 { font-size: 65px; line-height: 1.09; letter-spacing: -3.2px; }
.hero h1 em { color: var(--brand-green); letter-spacing: -2.9px; }
.hero-intro { font-size: 15px; line-height: 1.9; max-width: 520px; margin: 29px 0 29px; }
.business-search label { max-width: 100%; font-size: 12px; }
.search-field {
  border: 1px solid #fff;
  border-radius: 13px;
  padding: 5px;
  background: var(--frosted-white);
  box-shadow: var(--glass-shadow), 0 0 0 1px #77725f1c;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.search-field input { font-size: 13px; padding: 12px 0; color: var(--ink); }
.search-field > svg { color: #596353; }
.search-field .button { min-height: 48px; padding: 13px 18px; font-size: 12px; white-space: nowrap; }
.search-note { color: #3d4838; font-size: 10px; gap: 7px; }
.hero-workspace.research-panel {
  min-height: 0;
  padding: 25px;
  gap: 19px;
  border-radius: 22px;
  border: 1px solid #ffffffcf;
  background: rgb(255 255 255 / .4);
  box-shadow: inset 0 1px 0 #fff, 0 18px 44px #2931290a;
}
.research-stat {
  min-height: 233px;
  padding: 25px 28px;
  border: 1px solid #ffffffe0;
  border-radius: 16px;
  background: var(--glass);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.research-stat strong { font-size: 65px; color: var(--brand-green); margin-bottom: 14px; letter-spacing: -3.2px; }
.research-stat strong > span { font-size: 19px; color: var(--brand-green); letter-spacing: -.4px; }
.research-stat p { color: #30382f; font-size: 16px; line-height: 1.7; }
.research-stat small { color: #565e51; font-size: 12px; }
.research-source { color: #3d4838; font-size: 11px; padding: 2px 5px 0; }
.research-source a { color: #2e4a31; border-color: #8fa48a; }
.platform-strip, .glass-divider {
  background: var(--frosted-white);
  border-block: 1px solid #fff;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #ffffffb3, 0 -1px 0 #29312906, 0 9px 24px #29312906;
  backdrop-filter: var(--frost-blur);
  -webkit-backdrop-filter: var(--frost-blur);
}
.glass-divider-empty { height: 44px; }
.business-divider .dashboard-bottom { border: 0; padding-block: 27px; align-items: center; }
.business-divider .mini-brand { color: var(--brand-green); }
.platform-inner { padding-block: 25px; }
.platform-list { gap: 25px; justify-content: space-around; }
.platform-list > span { color: #454d42; }
.platform-list i { color: #52664b; }
.approach-grid article { border-color: #c8cec0; }
.feature-symbol { color: #57724f; }
.dashboard-section { background: linear-gradient(120deg, #fdfcfa, #f8faf5); border: 0; }
.dashboard-intro h2 em { color: #45674a; }
.story-tab { border-radius: 12px; }
.story-tab.active { background: var(--glass); border-color: #fff; box-shadow: var(--glass-shadow); }
.story-tab:hover { background: var(--glass); }
.story-tab small, .dashboard-bottom { color: #56614f; }
.story-content h3 { margin-top: 0; }
.story-detail { color: #3e573b; }
.story-detail span { border-color: #a5b19b; }
.dashboard-bottom { border-color: #cbd0c2; }
.service-grid article, .price-card {
  background: var(--glass);
  border-color: #fff;
  border-radius: 15px;
  box-shadow: var(--glass-shadow), 0 0 0 1px #6d725017;
}
.service-art { background: #edf0e7; color: #4e7047; }
.service-grid .text-link { border-color: #d5dccd; }
.statement-section { color: var(--ink); }
.statement-inner { padding-block: 94px; }
.statement-inner em { color: var(--brand-green); }
.statement-inner p:not(.eyebrow) { color: #414f40; }
.statement-inner .button { color: #252d27; }
.statement-art { width: 320px; height: 320px; right: 0; top: 58px; }
.statement-art img { width: 100%; height: auto; opacity: .16; transform: rotate(-9deg); }
.price-card.featured { background: var(--glass); border-color: #b7c9ba; box-shadow: var(--glass-shadow), 0 0 0 1px #41654a0d; }
.price-card .offer-pitch strong { display: block; color: var(--ink); font-weight: 600; margin-bottom: 7px; }
.price-card h3 { margin-top: 0; }
.price-card p, .growth-card p { color: #535d4d; }
.pricing-grid .price-card > p:not(.price-label):not(.ad-spend):not(.rolling-note) { min-height: 110px; }
.pricing-grid .price-card > p.rolling-note { min-height: 0; margin: 0 0 18px; font-size: 12px; line-height: 1.7; }
.rolling-note strong { color: #2d4832; font-weight: 650; }
.pricing-grid .advertising-card p.ad-spend { min-height: 0; margin: -4px 0 22px; font-size: 12px; }
.price > span { color: #545f4d; }
.check-list { border-color: #d6ddcd; }
.check-list li::before { color: #476840; }
.ongoing-grid { grid-template-columns: 1fr; align-items: stretch; margin-top: 30px; }
.growth-card { grid-template-columns: 1fr 1fr; gap: 72px; padding: 42px; background: var(--glass); border-color: #fff; border-radius: 15px; box-shadow: var(--glass-shadow), 0 0 0 1px #6d725017; }
.growth-card h3 { margin-top: 0; font-size: 34px; }
.growth-card > div:first-child > p { max-width: 430px; }
.growth-card .growth-inclusions { border-left: 1px solid #d6ddcd; padding-left: 42px; }
.growth-card .growth-inclusions .check-list { border-top: 0; padding-top: 0; }
.growth-card .intro-offer { background: var(--frosted-white); color: #3b5b35; border-color: #afbea4; border-radius: 6px; }
.growth-card .ad-spend, .ad-spend { color: #46563e; }
.custom-package { border: 0; margin-top: 0; padding-block: 42px; }
.custom-package p { color: #56614f; }
.faq-section { background: #fffefd; border-color: #e8ebe5; }
.faq-list, .faq-list details { border-color: #d4d9cc; }
.site-footer { background: var(--page-gradient); border-color: #ffffffd9; }
.footer-group, .footer-bottom, .footer-group strong { color: #53604b; }
.footer-bottom { border-color: #cfd5c6; }
dialog, #contact-dialog {
  background: rgb(255 255 255 / .86);
  border: 1px solid #fffffff2;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #ffffffb3, 0 28px 80px #29312920;
  border-radius: 18px;
  backdrop-filter: var(--frost-blur);
  -webkit-backdrop-filter: var(--frost-blur);
}
dialog::backdrop { background: #f3f5f13d; backdrop-filter: blur(10px) saturate(.6); -webkit-backdrop-filter: blur(10px) saturate(.6); }
.enquiry-header { background: rgb(255 255 255 / .88); border-color: #e5e9e3; backdrop-filter: var(--frost-blur); -webkit-backdrop-filter: var(--frost-blur); }
.enquiry-layout .contact-copy { padding-top: 0; }
.enquiry-layout h2 { margin-top: 0; }
.contact-form { background: #ffffff8a; border-color: white; }
.contact-promise { color: #566b4c; }
#account-dialog .auth-options { background: #ffffff80; border-color: #e5e9e3; }
#account-dialog .auth-options button { color: #4b5942; }
#account-dialog .auth-options button[aria-pressed=true] { background: var(--glass); color: #365b35; border-color: #9eafa0; }
#account-dialog .selected-business { background: #ffffffb3; border-color: #e0e8dc; color: #415b36; }
.dialog-close { color: #56614f; }
.auth-card { background: var(--glass); border-color: #fff; border-radius: 17px; box-shadow: var(--glass-shadow); }
.auth-card h1 { margin-top: 0; }
.legal-page h1 { margin-top: 0; }
.dashboard-body, .welcome-screen { background: var(--page-gradient); }
.dashboard-body .sidebar { background: #ffffffd9; border-color: #e8ebe5; }
.dashboard-body .sidebar .brand img { width: 172px; }
.dashboard-body .business-switch { background: #eeefe8; border-color: #d6ddcb; }
.dashboard-body .business-switch > span, .dashboard-body .user-avatar { background: #e3e9db; color: #436237; border-color: #c8d6bb; }
.dashboard-body .dashboard-topbar { background: #ffffff8c; border-color: #dddfd4; backdrop-filter: blur(12px); }
.dashboard-body .metric-card, .dashboard-body .dashboard-card, .dashboard-body .chat-card, .dashboard-body .platform-status {
  border-color: #fff;
  border-radius: 12px;
  background: #ffffffce;
  box-shadow: var(--glass-shadow), 0 0 0 1px #6d725017;
}
.dashboard-body .onboarding-card, .dashboard-body .assistant-start, .dashboard-body .context-card, .dashboard-body .visibility-summary, .dashboard-body .knowledge-card, .dashboard-body .connection-card {
  background: var(--frosted-white);
  border-color: #dce2d3;
  border-radius: 12px;
}
.dashboard-body .metric-card > strong { color: #283523; }
.dashboard-body .metric-card > p, .dashboard-body .page-heading p { color: #56604e; }
.dashboard-body .empty-state { background: #fafbf7; border-color: #c6d1ba; }
.dashboard-body .assistant-start > button, .dashboard-body .chat-welcome button { background: var(--glass); border-color: #cdd7c2; color: #3e5933; }
.dashboard-body .chat-message.user { background: #eaf0e2; border-color: #ceddc1; }
.dashboard-body #chat-form { background: #fcfdf9; border-color: #b2c4a3; }
.dashboard-body .dashboard-footer { background: transparent; border-color: #d7ddcd; color: #55644a; }
.dashboard-body .welcome-symbol { display: none; }
.dashboard-body .welcome-content h1 { margin-top: 0; }
body :is(button, .button, .button.outline, .button.light), #account-dialog .auth-options button {
  background: var(--glass);
  border: 1px solid #fff;
  border-bottom-color: #e0e4df;
  border-radius: 10px;
  box-shadow: var(--glass-shadow), 0 0 0 1px #2931290a;
  backdrop-filter: var(--frost-blur);
  -webkit-backdrop-filter: var(--frost-blur);
}
body :is(button, .button, .button.outline, .button.light):hover, #account-dialog .auth-options button:hover {
  background: linear-gradient(135deg, #fff, #fffffff0);
  box-shadow: inset 0 1px 0 #fff, 0 4px 16px #29312912;
}
.story-tab.active { border-color: #a8baab; }
.dashboard-body .icon-button { width: 40px; height: 40px; }
@media (min-width: 1151px) {
  .container { width: calc(100% - 160px); max-width: 1280px; }
}
@media (max-width: 1150px) {
  .hero { gap: 40px; padding-top: 46px; padding-bottom: 65px; }
  .hero h1 { font-size: 57px; }
  .hero-intro { font-size: 14px; }
  .research-stat { padding: 24px; min-height: 215px; }
  .research-stat strong { font-size: 56px; }
  .research-stat p { font-size: 15px; }
  .hero-workspace.research-panel { padding: 22px; }
  .site-header nav { gap: 18px; font-size: 11px; }
  .brand img { width: 180px; }
}
@media (max-width: 900px) {
  .hero { gap: 27px; }
  .hero h1 { font-size: 49px; letter-spacing: -2.6px; }
  .hero h1 em { letter-spacing: -2.2px; }
  .brand img { width: 158px; }
  .site-header { gap: 18px; height: 88px; }
  .site-header nav { gap: 13px; font-size: 10px; }
  .nav-actions { gap: 13px; }
  .research-stat { padding: 20px; }
  .research-stat strong { font-size: 50px; }
  .research-stat p { font-size: 14px; }
  .research-stat small, .research-source { font-size: 11px; }
  .hero-workspace.research-panel { padding: 18px; gap: 16px; }
  .search-field input { font-size: 12px; padding-left: 7px; }
  .search-field .button { padding: 12px; font-size: 11px; gap: 8px; }
  .search-note { font-size: 9px; }
  .statement-art { right: -80px; }
}
@media (max-width: 680px) {
  .marketing-page { background-size: 100% 1320px; }
  .site-header { height: 81px; }
  .brand img { width: 163px; }
  .site-header nav { background: #ffffffe6; backdrop-filter: var(--frost-blur); font-size: 14px; gap: 20px; }
  .hero { grid-template-columns: 1fr; padding-top: 36px; padding-bottom: 45px; gap: 42px; }
  .hero h1 { font-size: clamp(36px, 10.8vw, 46px); letter-spacing: -1.7px; }
  .hero h1 em { letter-spacing: -1.8px; }
  .hero-intro { font-size: 14px; max-width: 100%; margin: 24px 0 27px; }
  .search-field .button { font-size: 12px; min-height: 46px; padding: 12px 13px; }
  .search-note { font-size: 9px; gap: 6px; }
  .hero-workspace.research-panel { padding: 18px; gap: 16px; border-radius: 19px; }
  .research-stat { min-height: 0; padding: 24px; }
  .research-stat strong { font-size: 57px; }
  .research-stat p { font-size: 16px; }
  .research-stat small { font-size: 11px; }
  .research-source { padding: 0 3px; font-size: 11px; }
  .platform-list { display: grid; grid-template-columns: 1fr 1fr; row-gap: 19px; }
  .platform-list > span { justify-content: center; font-size: 17px; }
  .platform-inner { padding-block: 24px; }
  .story-content h3 { margin-top: 0; }
  .pricing-grid .price-card > p:not(.price-label):not(.ad-spend):not(.rolling-note) { min-height: 0; }
  .growth-card { grid-template-columns: 1fr; gap: 26px; padding: 27px; }
  .growth-card h3 { font-size: 29px; }
  .growth-card .growth-inclusions { border-left: 0; border-top: 1px solid #d6ddcd; padding: 24px 0 0; }
  .statement-inner { padding-block: 65px; }
  .glass-divider-empty { height: 30px; }
  .custom-package { padding-block: 30px; }
  .statement-art { width: 230px; height: 230px; right: -105px; top: 155px; }
  .statement-art img { opacity: .08; }
  .enquiry-header { background: rgb(255 255 255 / .92); }
}
@media (prefers-reduced-transparency: reduce) {
  body :is(button, .button, .button.outline, .button.light), #account-dialog .auth-options button,
  .research-stat, .search-field, .auth-card, .platform-strip, .glass-divider,
  dialog, #contact-dialog, .enquiry-header, .contact-form, .hero-workspace.research-panel {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  dialog::backdrop { background: #eef0ecd9; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@supports not (backdrop-filter: blur(1px)) {
  body :is(button, .button, .button.outline, .button.light), #account-dialog .auth-options button,
  .research-stat, .search-field, .auth-card, .platform-strip, .glass-divider,
  dialog, #contact-dialog, .enquiry-header { background: #fff; }
}