.subpage {
  background: #f7f7fa;
}

.subpage .landing-header {
  background: rgba(16, 17, 24, .94);
  backdrop-filter: blur(18px);
}

.subpage-main {
  overflow: hidden;
}

.page-hero {
  position: relative;
  padding: 156px 0 92px;
  overflow: hidden;
  color: #fff;
  background: #101118;
}

.page-hero::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 54px 54px;
  content: "";
  mask-image: linear-gradient(to bottom, #000, transparent 92%);
}

.page-hero::after {
  position: absolute;
  top: -340px;
  left: 50%;
  width: 900px;
  height: 650px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(101, 88, 232, .38), transparent 68%);
  content: "";
  transform: translateX(-50%);
}

.page-hero__inner {
  position: relative;
  z-index: 2;
  text-align: center;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 24px;
  color: #7f818e;
  font-size: 10px;
}

.breadcrumbs a:hover {
  color: #fff;
}

.page-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #a9a2f7;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.page-eyebrow::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff8642;
  content: "";
}

.page-hero h1 {
  max-width: 920px;
  margin: 18px auto 22px;
  font-size: clamp(48px, 6.3vw, 82px);
  line-height: .98;
  letter-spacing: -4px;
}

.page-hero h1 em {
  color: #9187f4;
  font-family: Georgia, serif;
  font-weight: 400;
}

.page-hero__lead {
  max-width: 650px;
  margin: 0 auto;
  color: #a4a6b1;
  font-size: 14px;
  line-height: 1.75;
}

.page-hero .hero-actions {
  margin-top: 31px;
}

.page-section {
  padding: 108px 0;
}

.page-section--white {
  background: #fff;
}

.page-section--dark {
  color: #fff;
  background: #15161e;
}

.section-heading {
  max-width: 760px;
  margin-bottom: 46px;
}

.section-heading--center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.section-heading span {
  color: #ff8642;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.section-heading h2 {
  margin: 12px 0 13px;
  font-size: clamp(35px, 4.2vw, 54px);
  line-height: 1.05;
  letter-spacing: -2.4px;
}

.section-heading p {
  max-width: 620px;
  margin: 0;
  color: #777b8b;
  font-size: 12px;
  line-height: 1.8;
}

.section-heading--center p {
  margin: 0 auto;
}

.page-section--dark .section-heading p {
  color: #989aa7;
}

.feature-stage {
  margin: 60px auto -160px;
  max-width: 1080px;
}

.store-browser {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 24px;
  background: #fffdf9;
  box-shadow: 0 40px 110px rgba(0, 0, 0, .42);
  color: #21222b;
  text-align: left;
}

.store-browser__bar {
  display: flex;
  height: 48px;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  border-bottom: 1px solid #e8e5df;
  background: #fff;
}

.store-browser__bar i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff8871;
}

.store-browser__bar i:nth-child(2) { background: #ffc75f; }
.store-browser__bar i:nth-child(3) { background: #58c98b; }

.store-browser__url {
  min-width: 250px;
  margin: 0 auto;
  padding: 7px 12px;
  border-radius: 7px;
  color: #999aa1;
  background: #f4f4f6;
  font-size: 8px;
  text-align: center;
}

.store-browser__nav {
  display: flex;
  height: 58px;
  align-items: center;
  gap: 25px;
  padding: 0 30px;
  border-bottom: 1px solid #edeae4;
}

.store-browser__brand {
  font-size: 12px;
  font-weight: 850;
}

.store-browser__nav span:not(.store-browser__brand) {
  color: #7b7d86;
  font-size: 8px;
}

.store-browser__nav b {
  margin-left: auto;
  padding: 8px 12px;
  border-radius: 8px;
  color: #fff;
  background: #6558e8;
  font-size: 8px;
}

.store-browser__hero {
  display: grid;
  min-height: 315px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 34px 58px;
  background: linear-gradient(135deg, #f3efe8, #fffaf3);
}

.store-browser__copy small {
  color: #b66c42;
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}

.store-browser__copy h3 {
  margin: 10px 0 11px;
  font-family: Georgia, serif;
  font-size: 37px;
  font-weight: 500;
  line-height: 1.02;
}

.store-browser__copy p {
  max-width: 310px;
  color: #77736e;
  font-size: 9px;
  line-height: 1.6;
}

.store-browser__copy button {
  margin-top: 10px;
  padding: 10px 14px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #23242c;
  font-size: 8px;
}

.store-browser__product {
  position: relative;
  display: grid;
  width: 230px;
  height: 230px;
  margin-left: auto;
  place-items: center;
  border-radius: 50%;
  background: #e6deff;
  font-size: 105px;
  transform: rotate(-8deg);
}

.store-browser__product::after {
  position: absolute;
  right: -9px;
  top: 9px;
  display: grid;
  width: 66px;
  height: 66px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #ff8642;
  content: "−20%";
  font-size: 13px;
  font-weight: 850;
  transform: rotate(8deg);
}

.feature-intro-space {
  padding-top: 195px;
}

.capability-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.capability-card {
  min-height: 245px;
  padding: 26px;
  border: 1px solid #e7e8ed;
  border-radius: 19px;
  background: #fff;
}

.capability-card__icon,
.help-card__icon,
.service-card__icon {
  display: grid;
  width: 43px;
  height: 43px;
  place-items: center;
  border-radius: 13px;
  color: #6558e8;
  background: #eeecff;
  font-size: 18px;
}

.capability-card:nth-child(3n + 2) .capability-card__icon { color: #d36e37; background: #fff0e7; }
.capability-card:nth-child(3n + 3) .capability-card__icon { color: #20855c; background: #e8f8f1; }

.capability-card h3 {
  margin: 42px 0 9px;
  font-size: 17px;
  letter-spacing: -.4px;
}

.capability-card p {
  margin: 0;
  color: #777b8b;
  font-size: 10px;
  line-height: 1.75;
}

.showcase-row {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  align-items: center;
  gap: 72px;
  margin-top: 70px;
}

.showcase-row + .showcase-row {
  margin-top: 110px;
}

.showcase-row--reverse > :first-child { order: 2; }

.showcase-copy small {
  color: #6558e8;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.showcase-copy h3 {
  margin: 12px 0 15px;
  font-size: 37px;
  line-height: 1.08;
  letter-spacing: -1.6px;
}

.showcase-copy p {
  color: #777b8b;
  font-size: 11px;
  line-height: 1.8;
}

.check-list {
  display: grid;
  gap: 11px;
  margin: 23px 0 0;
  padding: 0;
  list-style: none;
}

.check-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  font-weight: 650;
}

.check-list li::before {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 7px;
  color: #2eaf78;
  background: #e8f8f1;
  content: "✓";
  font-size: 10px;
}

.showcase-visual {
  min-height: 390px;
  padding: 28px;
  border: 1px solid #e5e6ec;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 25px 70px rgba(29, 30, 39, .08);
}

.catalog-mock__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 19px;
}

.catalog-mock__head strong { font-size: 12px; }
.catalog-mock__head span { padding: 7px 10px; border-radius: 8px; color: #777b8b; background: #f2f3f6; font-size: 8px; }

.catalog-mock__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.catalog-mock__grid article {
  overflow: hidden;
  border: 1px solid #ececf0;
  border-radius: 14px;
}

.catalog-mock__grid i {
  display: grid;
  height: 112px;
  place-items: center;
  background: #eeecff;
  font-size: 45px;
  font-style: normal;
}

.catalog-mock__grid article:nth-child(2) i { background: #fff0e7; }
.catalog-mock__grid article:nth-child(3) i { background: #e8f8f1; }
.catalog-mock__grid article:nth-child(4) i { background: #eaf3ff; }
.catalog-mock__grid span { display: block; padding: 12px; font-size: 8px; }
.catalog-mock__grid strong { display: block; margin-top: 5px; font-size: 11px; }

.checkout-mock {
  display: grid;
  grid-template-columns: 1fr .72fr;
  gap: 17px;
  background: #f8f8fb;
}

.checkout-mock__form,
.checkout-mock__summary {
  padding: 20px;
  border: 1px solid #e7e8ed;
  border-radius: 16px;
  background: #fff;
}

.checkout-mock h4 { margin: 0 0 18px; font-size: 12px; }
.mock-field { display: block; height: 37px; margin-bottom: 9px; border: 1px solid #e3e4e9; border-radius: 8px; background: #fbfbfc; }
.mock-field--short { width: 65%; }
.checkout-mock__summary p { display: flex; justify-content: space-between; margin: 13px 0; color: #777b8b; font-size: 8px; }
.checkout-mock__summary strong { display: flex; justify-content: space-between; padding-top: 14px; border-top: 1px solid #e7e8ed; font-size: 11px; }
.mock-submit { display: block; height: 38px; margin-top: 22px; border-radius: 9px; background: #6558e8; }

.seo-mock {
  position: relative;
  display: grid;
  min-height: 330px;
  place-items: center;
  background: linear-gradient(145deg, #171820, #222431);
}

.seo-card {
  width: 82%;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 17px;
  background: rgba(255, 255, 255, .06);
}

.seo-card span { display: block; height: 10px; margin: 12px 0; border-radius: 5px; background: rgba(255, 255, 255, .12); }
.seo-card span:first-child { width: 48%; height: 14px; background: #9187f4; }
.seo-card span:nth-child(3) { width: 76%; }
.seo-score { position: absolute; right: 22px; top: 22px; display: grid; width: 78px; height: 78px; place-items: center; border-radius: 50%; color: #fff; background: #2eaf78; box-shadow: 0 12px 35px rgba(46, 175, 120, .25); font-size: 19px; font-weight: 850; }

.page-cta {
  padding: 92px 0;
  color: #fff;
  background: linear-gradient(135deg, #554ad0, #766aed);
  text-align: center;
}

.page-cta h2 {
  margin: 0 auto 16px;
  font-size: clamp(38px, 5.5vw, 64px);
  line-height: 1;
  letter-spacing: -3px;
}

.page-cta p {
  max-width: 600px;
  margin: 0 auto;
  color: #ddd9ff;
  font-size: 12px;
  line-height: 1.7;
}

.page-cta .primary-cta { color: #1d1e27; background: #fff; box-shadow: none; }

/* Help */
.help-hero {
  padding-bottom: 105px;
}

.help-search {
  display: flex;
  max-width: 720px;
  height: 64px;
  margin: 32px auto 0;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
}

.help-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  padding: 0 19px;
  color: #272832;
  background: transparent;
  font: inherit;
  font-size: 12px;
}

.help-search button {
  width: 112px;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: #6558e8;
  font-size: 10px;
  font-weight: 800;
}

.help-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.help-card {
  min-height: 215px;
  padding: 25px;
  border: 1px solid #e7e8ed;
  border-radius: 18px;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}

.help-card:hover {
  box-shadow: 0 20px 45px rgba(29, 30, 39, .08);
  transform: translateY(-3px);
}

.help-card--featured { border-color:#cfcbed; background:linear-gradient(145deg,#fff,#f7f6ff); box-shadow:inset 0 0 0 1px rgba(101,88,232,.035); }

.help-card:nth-child(4n + 2) .help-card__icon { color: #d36e37; background: #fff0e7; }
.help-card:nth-child(4n + 3) .help-card__icon { color: #20855c; background: #e8f8f1; }
.help-card:nth-child(4n + 4) .help-card__icon { color: #327ac6; background: #eaf3ff; }
.help-card h3 { margin: 27px 0 8px; font-size: 15px; letter-spacing: -.3px; }
.help-card p { margin: 0; color: #777b8b; font-size: 9px; line-height: 1.7; }
.help-card small { display: block; margin-top: 16px; color: #6558e8; font-size: 8px; font-weight: 800; }

.help-empty {
  grid-column: 1 / -1;
  padding: 44px;
  border: 1px dashed #d8d9e0;
  border-radius: 18px;
  color: #777b8b;
  text-align: center;
}

.faq-list {
  max-width: 820px;
  margin: 0 auto;
  border-top: 1px solid #e2e3e8;
}

.faq-item {
  border-bottom: 1px solid #e2e3e8;
}

.faq-question {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: 750;
  text-align: left;
}

.faq-question::after {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  margin-left: 20px;
  place-items: center;
  border-radius: 9px;
  color: #6558e8;
  background: #eeecff;
  content: "+";
  font-size: 17px;
}

.faq-item.is-open .faq-question::after { content: "−"; }
.faq-answer { display: none; max-width: 700px; padding: 0 0 23px; color: #777b8b; font-size: 10px; line-height: 1.8; }
.faq-item.is-open .faq-answer { display: block; }

.support-strip {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 35px;
  padding: 46px;
  border-radius: 24px;
  color: #fff;
  background: #171820;
}

.support-strip h2 { margin: 0 0 9px; font-size: 30px; letter-spacing: -1.2px; }
.support-strip p { max-width: 610px; margin: 0; color: #9698a5; font-size: 10px; line-height: 1.75; }

/* Services */
.services-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  max-width: 820px;
  margin: 42px auto 0;
  background: rgba(255, 255, 255, .12);
}

.services-summary div {
  padding: 18px;
  background: #101118;
}

.services-summary strong,
.services-summary span { display: block; }
.services-summary strong { font-size: 19px; }
.services-summary span { margin-top: 4px; color: #828490; font-size: 8px; }

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.service-card {
  position: relative;
  display: flex;
  min-height: 420px;
  flex-direction: column;
  padding: 28px;
  border: 1px solid #e5e6eb;
  border-radius: 21px;
  background: #fff;
}

.service-card--featured {
  border-color: #8f84ef;
  box-shadow: 0 25px 65px rgba(101, 88, 232, .12);
}

.service-card__tag {
  position: absolute;
  right: 22px;
  top: 22px;
  padding: 5px 8px;
  border-radius: 7px;
  color: #6558e8;
  background: #eeecff;
  font-size: 7px;
  font-weight: 850;
  text-transform: uppercase;
}

.service-card h3 { margin: 23px 0 7px; font-size: 20px; letter-spacing: -.7px; }
.service-card > p { margin: 0; color: #777b8b; font-size: 9px; line-height: 1.7; }
.service-price { display: block; margin: 23px 0 0; font-size: 27px; letter-spacing: -1px; }
.service-price small { color: #8a8c98; font-size: 9px; font-weight: 500; }
.service-list { display: grid; gap: 9px; margin: 23px 0 26px; padding: 20px 0 0; border-top: 1px solid #e7e8ed; list-style: none; }
.service-list li { color: #5f6270; font-size: 9px; line-height: 1.45; }
.service-list li::before { margin-right: 8px; color: #2eaf78; content: "✓"; font-weight: 850; }
.service-card > a { display: flex; height: 43px; align-items: center; justify-content: center; margin-top: auto; border: 1px solid #e0e1e7; border-radius: 11px; font-size: 9px; font-weight: 800; }
.service-card--featured > a { border-color: #6558e8; color: #fff; background: #6558e8; }

.rates-table {
  overflow: hidden;
  border: 1px solid #e3e4e9;
  border-radius: 20px;
  background: #fff;
}

.rates-row {
  display: grid;
  grid-template-columns: 1.35fr repeat(3, 1fr);
  border-bottom: 1px solid #e7e8ed;
}

.rates-row:last-child { border-bottom: 0; }
.rates-row > * { padding: 20px 24px; border-right: 1px solid #e7e8ed; }
.rates-row > *:last-child { border-right: 0; }
.rates-row--head { color: #fff; background: #171820; font-size: 9px; font-weight: 800; }
.rates-row strong { font-size: 11px; }
.rates-row span { color: #777b8b; font-size: 10px; }
.rates-row em { display: block; margin-top: 4px; color: #999ba6; font-size: 8px; font-style: normal; }

.process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #2b2c35;
}

.process-grid article {
  min-height: 230px;
  padding: 28px;
  background: #15161e;
}

.process-grid span { color: #9187f4; font-size: 10px; font-weight: 800; }
.process-grid h3 { margin: 70px 0 9px; font-size: 16px; }
.process-grid p { margin: 0; color: #8e909c; font-size: 9px; line-height: 1.7; }

/* Partners */
.partner-hero-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 999px;
  color: #a4a6b1;
  background: rgba(255, 255, 255, .045);
  font-size: 8px;
}

.partner-hero-note::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2eaf78;
  box-shadow: 0 0 0 4px rgba(46, 175, 120, .12);
  content: "";
}

.partner-orbit {
  position: relative;
  width: min(850px, 86vw);
  height: 215px;
  margin: 60px auto -92px;
}

.partner-orbit::before,
.partner-orbit::after {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  content: "";
  transform: translate(-50%, -50%);
}

.partner-orbit::before { width: 620px; height: 190px; }
.partner-orbit::after { width: 390px; height: 120px; }

.partner-orbit__logo {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  display: grid;
  width: 94px;
  height: 94px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 28px;
  background: linear-gradient(145deg, #766aed, #5044cc);
  box-shadow: 0 24px 65px rgba(101, 88, 232, .35);
  transform: translate(-50%, -50%) rotate(-5deg);
}

.partner-orbit__logo span {
  display: grid;
  width: 42px;
  height: 42px;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  transform: rotate(5deg);
}

.partner-orbit__logo i { border: 3px solid #fff; border-radius: 6px; }
.partner-orbit__logo i:first-child { transform: translateY(5px); }
.partner-orbit__logo i:last-child { transform: translateY(-4px); }

.partner-person {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 12px 8px 8px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 13px;
  color: #fff;
  background: rgba(29, 30, 39, .92);
  box-shadow: 0 15px 40px rgba(0, 0, 0, .22);
  font-size: 9px;
  font-weight: 750;
}

.partner-person i {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 9px;
  background: #6558e8;
  font-size: 8px;
  font-style: normal;
}

.partner-person:nth-child(2) { left: 6%; top: 20%; }
.partner-person:nth-child(3) { left: 18%; bottom: 6%; }
.partner-person:nth-child(4) { right: 7%; top: 16%; }
.partner-person:nth-child(5) { right: 19%; bottom: 4%; }
.partner-person:nth-child(3) i { background: #2eaf78; }
.partner-person:nth-child(4) i { background: #ff8642; }
.partner-person:nth-child(5) i { background: #408cf3; }

.partner-levels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.partner-level {
  position: relative;
  overflow: hidden;
  min-height: 390px;
  padding: 29px;
  border: 1px solid #e5e6eb;
  border-radius: 22px;
  background: #fff;
}

.partner-level--featured {
  color: #fff;
  border-color: #6558e8;
  background: linear-gradient(145deg, #5d51dc, #766aed);
  box-shadow: 0 24px 65px rgba(101, 88, 232, .18);
}

.partner-level__name {
  color: #777b8b;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.partner-level--featured .partner-level__name { color: #dedaff; }
.partner-level__rate { display: block; margin: 22px 0 5px; font-size: 54px; letter-spacing: -3px; }
.partner-level__rate small { font-size: 19px; letter-spacing: 0; }
.partner-level > p { min-height: 48px; margin: 0; color: #777b8b; font-size: 9px; line-height: 1.7; }
.partner-level--featured > p { color: #dedaff; }
.partner-level .service-list { border-top-color: #e7e8ed; }
.partner-level--featured .service-list { border-top-color: rgba(255, 255, 255, .17); }
.partner-level--featured .service-list li { color: #fff; }
.partner-level--featured .service-list li::before { color: #c8ffdf; }

.benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid #e4e5ea;
  border-radius: 22px;
  background: #e4e5ea;
}

.benefit-grid article {
  min-height: 225px;
  padding: 27px;
  background: #fff;
}

.benefit-grid span {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 12px;
  color: #6558e8;
  background: #eeecff;
  font-size: 17px;
}

.benefit-grid h3 { margin: 42px 0 9px; font-size: 16px; letter-spacing: -.35px; }
.benefit-grid p { margin: 0; color: #777b8b; font-size: 9px; line-height: 1.7; }

.partner-calculator {
  display: grid;
  grid-template-columns: 1fr .82fr;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e2e3e9;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(29, 30, 39, .08);
}

.calculator-controls {
  padding: 32px;
}

.calculator-controls h3 { margin: 0 0 8px; font-size: 23px; letter-spacing: -.8px; }
.calculator-controls > p { margin: 0 0 30px; color: #777b8b; font-size: 9px; line-height: 1.7; }
.calculator-field { display: block; margin-top: 24px; }
.calculator-field__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; font-size: 9px; font-weight: 750; }
.calculator-field__head output { color: #6558e8; font-size: 16px; }
.calculator-field input[type="range"] { width: 100%; accent-color: #6558e8; }
.calculator-field select { width: 100%; height: 44px; padding: 0 12px; border: 1px solid #e1e2e7; border-radius: 10px; color: #31323d; background: #fafafd; font: inherit; font-size: 10px; }

.calculator-result {
  position: relative;
  display: flex;
  min-height: 360px;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 38px;
  border-radius: 19px;
  color: #fff;
  background: #171820;
}

.calculator-result::after {
  position: absolute;
  right: -120px;
  top: -140px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  box-shadow: 0 0 0 50px rgba(255, 255, 255, .025), 0 0 0 100px rgba(255, 255, 255, .018);
  content: "";
}

.calculator-result > * { position: relative; z-index: 1; }
.calculator-result span { color: #9698a5; font-size: 9px; }
.calculator-result strong { display: block; margin: 11px 0 8px; color: #fff; font-size: clamp(38px, 5vw, 58px); letter-spacing: -2.7px; }
.calculator-result p { max-width: 330px; margin: 0; color: #8e909d; font-size: 9px; line-height: 1.7; }
.calculator-result small { margin-top: 29px; color: #676a77; font-size: 8px; line-height: 1.6; }

.partner-rules-note {
  max-width: 820px;
  margin: 28px auto 0;
  padding: 17px 19px;
  border: 1px solid #e2defe;
  border-radius: 13px;
  color: #6e678d;
  background: #f3f1ff;
  font-size: 9px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  .capability-grid,
  .help-grid,
  .service-grid,
  .partner-levels,
  .benefit-grid { grid-template-columns: repeat(2, 1fr); }
  .showcase-row { gap: 35px; }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .rates-row > * { padding: 18px 14px; }
}

@media (max-width: 700px) {
  .page-hero { padding: 126px 0 70px; }
  .page-hero h1 { font-size: 48px; letter-spacing: -2.7px; }
  .feature-stage { margin-bottom: -110px; }
  .store-browser__hero { min-height: 260px; padding: 25px; }
  .store-browser__copy h3 { font-size: 28px; }
  .store-browser__product { width: 170px; height: 170px; font-size: 78px; }
  .feature-intro-space { padding-top: 145px; }
  .page-section { padding: 78px 0; }
  .capability-grid,
  .help-grid,
  .service-grid,
  .partner-levels,
  .benefit-grid { grid-template-columns: 1fr; }
  .showcase-row { grid-template-columns: 1fr; }
  .showcase-row--reverse > :first-child { order: 0; }
  .showcase-visual { min-height: 350px; }
  .support-strip { grid-template-columns: 1fr; padding: 32px; }
  .partner-calculator { grid-template-columns: 1fr; }
  .rates-table { overflow-x: auto; }
  .rates-row { min-width: 680px; }
}

@media (max-width: 480px) {
  .page-hero h1 { font-size: 40px; }
  .page-hero__lead { font-size: 12px; }
  .feature-stage { display: none; }
  .feature-intro-space { padding-top: 75px; }
  .section-heading h2 { font-size: 33px; letter-spacing: -1.5px; }
  .capability-card { min-height: 210px; }
  .showcase-copy h3 { font-size: 31px; }
  .checkout-mock { grid-template-columns: 1fr; }
  .help-search { height: 57px; }
  .help-search button { width: 88px; }
  .services-summary { grid-template-columns: 1fr; background: transparent; }
  .services-summary div { border-bottom: 1px solid rgba(255, 255, 255, .1); }
  .process-grid { grid-template-columns: 1fr; }
  .process-grid article { min-height: 185px; }
  .process-grid h3 { margin-top: 45px; }
  .partner-orbit { display: none; }
  .partner-level { min-height: 350px; }
  .calculator-controls { padding: 19px 10px; }
  .calculator-result { min-height: 290px; padding: 28px; }
}

/* Shopboard Food */
.resto-page {
  --food-coral: #ff765e;
  --food-coral-dark: #e85f49;
  --food-mint: #9ce7c3;
  --food-cream: #fff5e8;
}

.resto-hero {
  position: relative;
  overflow: hidden;
  padding: 138px 0 0;
  color: #fff;
  background: #101118;
}

.resto-hero::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 54px 54px;
  content: "";
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
}

.resto-glow {
  position: absolute;
  right: -180px;
  top: -310px;
  width: 850px;
  height: 850px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,118,94,.22), transparent 67%);
}

.resto-hero__grid {
  position: relative;
  z-index: 2;
  display: grid;
  min-height: 630px;
  grid-template-columns: .92fr 1.08fr;
  align-items: center;
  gap: 70px;
}

.breadcrumbs--left { justify-content: flex-start; margin-bottom: 29px; }
.resto-kicker { color: var(--food-coral); font-size: 9px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.resto-kicker::before { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--food-mint); content: ""; vertical-align: 1px; }
.resto-kicker--dark { display: block; }

.resto-hero h1 {
  margin: 18px 0 22px;
  font-size: clamp(54px, 6.4vw, 86px);
  line-height: .92;
  letter-spacing: -4.6px;
}

.resto-hero h1 em { color: var(--food-coral); font-family: Georgia, serif; font-weight: 400; }
.resto-hero__copy > p:not(.resto-pilot-note) { max-width: 530px; margin: 0; color: #a4a6b1; font-size: 13px; line-height: 1.75; }
.hero-actions--left { justify-content: flex-start; }
.resto-primary { background: var(--food-coral); box-shadow: 0 12px 30px rgba(255,118,94,.22); }
.resto-primary:hover { background: var(--food-coral-dark); }

.resto-hero__facts { display: flex; gap: 24px; margin-top: 31px; }
.resto-hero__facts span { max-width: 150px; color: #777985; font-size: 8px; line-height: 1.45; }
.resto-hero__facts b { display: block; margin-bottom: 2px; color: #fff; font-size: 14px; }
.resto-pilot-note { display: flex; align-items: center; gap: 7px; margin: 25px 0 0 !important; color: #676975 !important; font-size: 8px !important; }
.resto-pilot-note i { width: 7px; height: 7px; border-radius: 50%; background: var(--food-mint); box-shadow: 0 0 0 4px rgba(156,231,195,.09); }

.resto-stage { position: relative; height: 600px; }
.resto-stage::before { position: absolute; inset: 80px 30px 15px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; content: ""; transform: rotate(-7deg); }
.resto-stage::after { position: absolute; right: 90px; bottom: 20px; width: 320px; height: 60px; border-radius: 50%; background: rgba(0,0,0,.45); content: ""; filter: blur(22px); }

.resto-phone {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 8px;
  width: 294px;
  height: 590px;
  padding: 10px 13px 17px;
  overflow: hidden;
  border: 7px solid #292a32;
  border-radius: 45px;
  color: #25252b;
  background: #fffaf3;
  box-shadow: 0 38px 95px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.19);
  transform: translateX(-50%) rotate(3deg);
}

.resto-phone::after { position: absolute; left: 50%; bottom: 7px; width: 86px; height: 4px; border-radius: 5px; background: #272830; content: ""; transform: translateX(-50%); }
.resto-phone__top { display: flex; height: 24px; align-items: center; justify-content: space-between; padding: 0 8px; font-size: 7px; font-weight: 800; }
.resto-phone__top i { width: 42px; height: 13px; border-radius: 10px; background: #171820; }
.food-app-head { display: flex; align-items: center; justify-content: space-between; padding: 9px 8px 14px; }
.food-app-head small, .food-app-head strong { display: block; }
.food-app-head small { color: #a09d97; font-size: 7px; }
.food-app-head strong { margin-top: 3px; font-size: 12px; }
.food-app-head > b { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px; color: #fff; background: #202129; font-size: 8px; }
.food-promo { min-height: 141px; padding: 22px; border-radius: 21px; color: #fff; background: radial-gradient(circle at 85% 22%, rgba(255,255,255,.2), transparent 25%), linear-gradient(135deg, #ff856e, #e95b47); }
.food-promo small, .food-promo strong, .food-promo span { display: block; }
.food-promo small { color: #ffe1dc; font-size: 7px; text-transform: uppercase; }
.food-promo strong { max-width: 160px; margin: 18px 0 7px; font-family: Georgia, serif; font-size: 25px; font-weight: 500; line-height: .95; }
.food-promo span { font-size: 8px; }
.food-categories { display: flex; gap: 6px; margin: 16px 0 12px; }
.food-categories span { padding: 7px 10px; border-radius: 9px; color: #96928c; background: #f1eee8; font-size: 7px; }
.food-categories .is-active { color: #fff; background: #23242b; }
.food-products { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.food-products article { min-height: 153px; padding: 9px; border-radius: 15px; background: #fff; box-shadow: 0 8px 24px rgba(52,45,38,.06); }
.food-products i { display: grid; height: 85px; place-items: center; border-radius: 11px; background: #f5eee5; font-size: 42px; font-style: normal; }
.food-products b, .food-products small { display: block; }
.food-products b { margin-top: 9px; font-size: 8px; }
.food-products small { margin-top: 4px; color: var(--food-coral); font-size: 8px; font-weight: 800; }
.food-cart { position: absolute; right: 13px; bottom: 17px; left: 13px; display: flex; height: 54px; align-items: center; justify-content: space-between; padding: 0 16px; border-radius: 15px; color: #fff; background: #21222a; box-shadow: 0 14px 30px rgba(25,25,30,.22); }
.food-cart span b, .food-cart span small { display: block; }
.food-cart span b { font-size: 8px; }
.food-cart span small { margin-top: 2px; color: #92939b; font-size: 6px; }
.food-cart > strong { font-size: 9px; }

.resto-ticket { position: absolute; z-index: 4; right: 5px; top: 72px; width: 205px; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; color: #fff; background: rgba(31,32,40,.94); box-shadow: 0 23px 50px rgba(0,0,0,.34); backdrop-filter: blur(18px); }
.resto-ticket > span, .resto-ticket > b, .resto-ticket > small { display: block; }
.resto-ticket > span { color: #a8aab4; font-size: 7px; }
.resto-ticket > span i { display: inline-block; width: 6px; height: 6px; margin-left: 5px; border-radius: 50%; background: var(--food-coral); }
.resto-ticket > b { margin: 12px 0 5px; font-size: 13px; }
.resto-ticket > small { color: #7e808c; font-size: 7px; }
.resto-ticket > div { display: flex; gap: 6px; margin-top: 17px; }
.resto-ticket em { padding: 7px 9px; border-radius: 7px; color: #fff; background: var(--food-coral); font-size: 7px; font-style: normal; font-weight: 800; }
.resto-ticket em:last-child { color: #a9abb5; background: #292a33; }

.resto-bubble { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; min-width: 176px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; color: #fff; background: rgba(31,32,40,.93); box-shadow: 0 18px 45px rgba(0,0,0,.3); }
.resto-bubble > i { display: grid; min-width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #19231f; background: var(--food-mint); font-size: 8px; font-style: normal; font-weight: 850; }
.resto-bubble span b, .resto-bubble span small { display: block; }
.resto-bubble span b { font-size: 8px; }
.resto-bubble span small { margin-top: 3px; color: #777a85; font-size: 7px; }
.resto-bubble--loyalty { left: 6px; bottom: 125px; }
.resto-bubble--zone { right: 16px; bottom: 55px; }
.resto-bubble--zone > i { color: #fff; background: #6558e8; font-size: 14px; }

.resto-anchor-nav { position: relative; z-index: 3; display: flex; justify-content: center; gap: 35px; height: 60px; align-items: center; border-top: 1px solid rgba(255,255,255,.08); color: #8f919c; font-size: 9px; }
.resto-anchor-nav a:hover { color: #fff; }

.resto-solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.resto-solution-grid > article { padding: 16px 16px 27px; border: 1px solid #e7e6e2; border-radius: 22px; background: #fff; }
.resto-solution-grid > article > small { display: block; margin: 25px 10px 0; color: var(--food-coral-dark); font-size: 8px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.resto-solution-grid h3 { margin: 10px; font-size: 20px; letter-spacing: -.6px; }
.resto-solution-grid > article > p { min-height: 48px; margin: 0 10px; color: #777b8b; font-size: 9px; line-height: 1.7; }
.resto-solution-grid > article > a { display: inline-flex; align-items: center; gap: 7px; margin: 20px 10px 0; color: #3d3e48; font-size: 9px; font-weight: 800; }
.resto-solution-grid > article > a svg { width: 13px; }
.solution-visual { position: relative; height: 235px; overflow: hidden; border-radius: 16px; background: #f5f2ed; }
.solution-visual--phone span { position: absolute; left: 50%; top: 42px; display: grid; width: 135px; height: 230px; place-items: center; border: 5px solid #292a31; border-radius: 26px 26px 0 0; background: linear-gradient(145deg,#fff4e7,#f3e6d8); font-size: 55px; transform: translateX(-50%); }
.solution-visual--phone i { position: absolute; width: 46px; height: 46px; border-radius: 15px; background: var(--food-coral); box-shadow: 0 13px 30px rgba(255,118,94,.25); }
.solution-visual--phone i:nth-of-type(1) { left: 34px; top: 34px; }
.solution-visual--phone i:nth-of-type(2) { right: 31px; top: 106px; width: 35px; height: 35px; background: var(--food-mint); }
.solution-visual--phone i:nth-of-type(3) { left: 39px; bottom: 28px; width: 29px; height: 29px; background: #6558e8; }
.solution-visual--site { padding: 24px; background: #272830; color: #fff; }
.solution-visual--site > div { display: flex; align-items: center; justify-content: space-between; color: #aaaab2; font-size: 6px; }
.solution-visual--site > div b { color: #fff; font-size: 10px; }
.solution-visual--site section { display: grid; height: 160px; grid-template-columns: .7fr 1fr; align-items: center; margin-top: 20px; padding: 17px; border-radius: 14px; color: #282830; background: var(--food-cream); }
.solution-visual--site section i { font-size: 49px; font-style: normal; }
.solution-visual--site section strong { font-family: Georgia,serif; font-size: 18px; font-weight: 500; line-height: 1.05; }
.solution-visual--crm { padding: 20px; background: #f4f5f8; }
.solution-visual--crm header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; font-size: 8px; }
.solution-visual--crm header b { font-size: 17px; }
.solution-visual--crm p { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 7px; margin: 8px 0; padding: 12px 10px; border-radius: 10px; background: #fff; font-size: 7px; box-shadow: 0 7px 18px rgba(32,34,45,.05); }
.solution-visual--crm p i { width: 7px; height: 7px; border-radius: 50%; background: var(--food-coral); }
.solution-visual--crm p:nth-of-type(2) i { background: #6558e8; }
.solution-visual--crm p:nth-of-type(3) i { background: var(--food-mint); }
.solution-visual--crm p em { padding: 5px 6px; border-radius: 6px; color: #777987; background: #f2f2f5; font-size: 6px; font-style: normal; }

.resto-mobile-section { background: #f7f4ef; }
.resto-app-showcase { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 100px; }
.resto-demo-phone { position: relative; width: 330px; height: 650px; margin: 0 auto; padding: 13px; border: 8px solid #27282f; border-radius: 50px; background: #27282f; box-shadow: 0 40px 90px rgba(41,37,32,.22); }
.resto-demo-phone::before { position: absolute; z-index: 4; left: 50%; top: 18px; width: 86px; height: 20px; border-radius: 20px; background: #202127; content: ""; transform: translateX(-50%); }
.resto-demo-phone__screen { position: relative; height: 100%; overflow: hidden; border-radius: 35px; color: #26262b; background: #fffaf3; }
.resto-demo-phone__screen[hidden] { display: none; }
.resto-demo-phone__screen > header { display: flex; height: 76px; align-items: end; justify-content: space-between; padding: 0 21px 17px; background: #fff; font-size: 9px; }
.resto-demo-phone__screen > header b { font-size: 14px; }
.demo-menu-cover { min-height: 235px; padding: 40px 24px; color: #fff; background: radial-gradient(circle at 80% 30%,rgba(255,255,255,.17),transparent 25%),linear-gradient(145deg,#ff8a73,#db5743); }
.demo-menu-cover small, .demo-menu-cover strong { display: block; }
.demo-menu-cover small { font-size: 8px; text-transform: uppercase; }
.demo-menu-cover strong { margin-top: 55px; font-family: Georgia,serif; font-size: 34px; font-weight: 500; line-height: .95; }
.demo-menu-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; padding: 16px; }
.demo-menu-row article { display: grid; min-height: 120px; place-items: center; border-radius: 14px; background: #fff; box-shadow: 0 7px 22px rgba(30,28,25,.06); font-size: 31px; }
.demo-menu-row b { align-self: start; font-size: 7px; }
.resto-demo-phone__screen > footer { position: absolute; right: 0; bottom: 0; left: 0; display: flex; height: 68px; align-items: center; justify-content: space-around; color: #8e8d91; background: #fff; font-size: 14px; }
.loyalty-card { margin: 27px 20px 37px; padding: 25px; border-radius: 22px; color: #fff; background: linear-gradient(135deg,#5c51da,#8074ee); box-shadow: 0 20px 45px rgba(101,88,232,.25); }
.loyalty-card small, .loyalty-card strong, .loyalty-card span { display: block; }
.loyalty-card small { color: #d4d0ff; font-size: 8px; letter-spacing: .14em; }
.loyalty-card strong { margin-top: 72px; font-size: 42px; }
.loyalty-card span { color: #d4d0ff; font-size: 8px; }
.resto-demo-phone__screen h4, .resto-demo-phone__screen > p { margin-right: 23px; margin-left: 23px; }
.resto-demo-phone__screen h4 { font-size: 12px; }
.resto-demo-phone__screen > p { color: #929097; font-size: 8px; }
.loyalty-progress { height: 9px; margin: 15px 23px 9px; overflow: hidden; border-radius: 10px; background: #eee9e2; }
.loyalty-progress i { display: block; width: 62%; height: 100%; border-radius: inherit; background: var(--food-coral); }
.delivery-map { position: relative; height: 310px; overflow: hidden; background: #e9ece7; }
.delivery-map::before,.delivery-map::after { position: absolute; width: 420px; height: 38px; background: #fff; content: ""; transform: rotate(-28deg); }
.delivery-map::before { left: -90px; top: 90px; }
.delivery-map::after { left: 20px; top: 205px; transform: rotate(18deg); }
.delivery-map > i { position: absolute; z-index: 3; left: 50%; top: 47%; display: grid; width: 45px; height: 45px; place-items: center; border-radius: 50% 50% 50% 0; color: #fff; background: var(--food-coral); font-size: 19px; font-style: normal; transform: translate(-50%,-50%) rotate(-45deg); }
.delivery-map > i::first-letter { transform: rotate(45deg); }
.map-zone { position: absolute; left: 25px; top: 34px; width: 220px; height: 220px; border: 2px solid rgba(101,88,232,.42); border-radius: 50%; background: rgba(101,88,232,.1); }
.delivery-status { position: relative; z-index: 2; margin: -18px 15px 0; padding: 24px 20px; border-radius: 20px; background: #fff; box-shadow: 0 15px 40px rgba(38,39,44,.1); }
.delivery-status small,.delivery-status strong,.delivery-status span { display: block; }
.delivery-status small { color: #96949b; font-size: 7px; }
.delivery-status strong { margin: 8px 0 5px; font-size: 15px; }
.delivery-status span { color: var(--food-coral-dark); font-size: 8px; }
.delivery-status div { display: flex; margin-top: 26px; }
.delivery-status div i { position: relative; width: 33.33%; padding-top: 14px; color: #a09ea5; border-top: 3px solid #e9e7e4; font-size: 6px; font-style: normal; }
.delivery-status div i:nth-child(-n+2) { color: #55565d; border-color: var(--food-coral); }
.resto-capabilities { display: flex; flex-direction: column; gap: 10px; }
.resto-capabilities > button { display: grid; grid-template-columns: 42px 1fr; gap: 4px 16px; padding: 22px; border: 1px solid #dfddd8; border-radius: 16px; text-align: left; background: rgba(255,255,255,.48); cursor: pointer; transition: .2s ease; }
.resto-capabilities > button span { grid-row: 1/3; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #81818a; background: #eae7e1; font-size: 8px; font-weight: 850; }
.resto-capabilities > button b { align-self: end; font-size: 14px; }
.resto-capabilities > button small { color: #85858e; font-size: 8px; line-height: 1.55; }
.resto-capabilities > button.is-active { border-color: var(--food-coral); background: #fff; box-shadow: 0 17px 42px rgba(55,48,41,.08); }
.resto-capabilities > button.is-active span { color: #fff; background: var(--food-coral); }
.resto-capability-note { margin-top: 11px; padding: 21px 23px; border-radius: 16px; color: #fff; background: #24252d; }
.resto-capability-note b { font-size: 10px; }
.resto-capability-note p { margin: 7px 0 0; color: #9798a2; font-size: 8px; line-height: 1.6; }

.resto-ops { display: grid; grid-template-columns: 180px 1fr; min-height: 560px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; color: #272831; background: #f5f6f8; box-shadow: 0 35px 80px rgba(0,0,0,.27); }
.resto-ops aside { display: flex; flex-direction: column; gap: 5px; padding: 24px 14px; color: #858894; background: #fff; font-size: 8px; }
.resto-ops aside > b { margin: 0 7px 29px; color: #24252d; font-size: 12px; }
.resto-ops aside > b em { color: var(--food-coral); font-style: normal; }
.resto-ops aside small { margin: 0 10px 4px; color: #b6b7be; font-size: 6px; letter-spacing: .13em; }
.resto-ops aside span { display: flex; align-items: center; gap: 8px; padding: 10px; border-radius: 8px; }
.resto-ops aside span i { display: grid; width: 18px; height: 18px; margin-left: auto; place-items: center; border-radius: 6px; background: #eeeef1; font-size: 6px; font-style: normal; }
.resto-ops aside .is-active { color: var(--food-coral-dark); background: #fff0ec; font-weight: 800; }
.resto-ops__main { padding: 28px; }
.resto-ops__main > header { display: flex; align-items: center; justify-content: space-between; }
.resto-ops__main > header small { color: #8c8f9b; font-size: 7px; }
.resto-ops__main h3 { margin: 5px 0 0; font-size: 20px; }
.resto-ops__main > header button { padding: 10px 13px; border: 0; border-radius: 8px; color: #fff; background: var(--food-coral); font-size: 7px; font-weight: 800; }
.ops-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; margin: 23px 0 16px; }
.ops-stats span { padding: 13px; border: 1px solid #e6e7eb; border-radius: 10px; background: #fff; }
.ops-stats small,.ops-stats b { display: block; }
.ops-stats small { color: #999ba5; font-size: 6px; }
.ops-stats b { margin-top: 7px; font-size: 13px; }
.ops-board { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.ops-board section { min-height: 335px; padding: 12px; border-radius: 12px; background: #ebecf0; }
.ops-board section > b { display: flex; justify-content: space-between; padding: 2px 2px 11px; font-size: 8px; }
.ops-board section > b i { color: #a1a3ad; font-style: normal; }
.ops-board article { margin-bottom: 8px; padding: 13px; border: 1px solid #e1e2e7; border-radius: 10px; background: #fff; }
.ops-board article small,.ops-board article strong,.ops-board article span { display: block; }
.ops-board article small { color: #9698a3; font-size: 6px; }
.ops-board article strong { margin: 11px 0 5px; font-size: 11px; }
.ops-board article span { color: #717480; font-size: 7px; }
.resto-integrations { display: flex; align-items: center; gap: 9px; margin-top: 17px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; color: #727581; font-size: 7px; }
.resto-integrations > span { margin-right: auto; color: #aaaeb9; font-size: 8px; }
.resto-integrations b { padding: 7px 9px; border-radius: 7px; color: #c1c3cb; background: #24252d; font-size: 7px; }
.resto-integrations small { margin-left: 5px; color: #5d606c; }

.resto-qr-grid { display: grid; grid-template-columns: .83fr 1.17fr; align-items: center; gap: 80px; }
.resto-qr-copy h2 { margin: 13px 0 18px; font-size: clamp(38px,4.3vw,56px); line-height: 1.02; letter-spacing: -2.5px; }
.resto-qr-copy > p { margin: 0; color: #777b8b; font-size: 11px; line-height: 1.8; }
.resto-qr-copy .service-list { margin: 27px 0; }
.resto-qr-visual { position: relative; min-height: 570px; border-radius: 28px; background: linear-gradient(145deg,#f2ebe1,#fff8ef); }
.qr-table { position: absolute; left: 50%; top: 50%; width: 245px; min-height: 410px; padding: 30px; border-radius: 10px; text-align: center; background: #fff; box-shadow: 0 30px 75px rgba(76,61,45,.15); transform: translate(-50%,-50%) rotate(-5deg); }
.qr-table > span { color: #9b9893; font-size: 7px; letter-spacing: .15em; }
.qr-table > b { display: block; margin: 7px 0 22px; color: var(--food-coral); font-family: Georgia,serif; font-size: 37px; font-weight: 500; }
.qr-code { display: grid; width: 160px; height: 160px; grid-template-columns: repeat(3,1fr); gap: 6px; margin: 0 auto 20px; padding: 12px; background: #f3f0eb; }
.qr-code i { background: repeating-linear-gradient(45deg,#25262d 0 5px,transparent 5px 9px), repeating-linear-gradient(-45deg,#25262d 0 4px,transparent 4px 8px); }
.qr-code i:nth-child(2),.qr-code i:nth-child(6),.qr-code i:nth-child(8) { opacity: .42; }
.qr-table > strong,.qr-table > small { display: block; }
.qr-table > strong { font-size: 15px; letter-spacing: .18em; }
.qr-table > small { margin-top: 10px; color: #a2a09b; font-size: 7px; line-height: 1.5; }
.qr-dish { position: absolute; right: 20px; bottom: 37px; display: flex; width: 270px; align-items: center; gap: 14px; padding: 15px; border-radius: 15px; background: #282930; box-shadow: 0 20px 50px rgba(41,37,33,.2); transform: rotate(3deg); }
.qr-dish > i { display: grid; min-width: 68px; height: 68px; place-items: center; border-radius: 12px; background: #f3e9dd; font-size: 35px; font-style: normal; }
.qr-dish span small,.qr-dish span b,.qr-dish span em { display: block; }
.qr-dish span small { color: #888a94; font-size: 6px; }
.qr-dish span b { margin: 5px 0; color: #fff; font-size: 9px; }
.qr-dish span em { color: var(--food-coral); font-size: 8px; font-style: normal; font-weight: 800; }

.resto-process-section { background: #f7f4ef; }
.resto-process { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #ddd9d2; }
.resto-process article { position: relative; min-height: 250px; padding: 30px 24px; border-right: 1px solid #ddd9d2; }
.resto-process article:last-child { border-right: 0; }
.resto-process article > span { color: var(--food-coral-dark); font-size: 9px; font-weight: 850; }
.resto-process h3 { margin: 92px 0 10px; font-size: 16px; }
.resto-process p { margin: 0; color: #7f7f86; font-size: 9px; line-height: 1.65; }

.resto-plans { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.resto-plans > button { display: flex; min-height: 265px; flex-direction: column; padding: 26px; border: 1px solid #e3e3e7; border-radius: 20px; text-align: left; background: #fff; cursor: pointer; transition: .2s ease; }
.resto-plans > button small { color: #92949f; font-size: 7px; letter-spacing: .12em; text-transform: uppercase; }
.resto-plans > button > b { margin: 10px 0 35px; font-size: 18px; }
.resto-plans > button > strong { font-size: 24px; letter-spacing: -.7px; }
.resto-plans > button > strong em { color: #898b96; font-size: 8px; font-style: normal; font-weight: 500; letter-spacing: 0; }
.resto-plans > button > span { margin-top: auto; color: #777a86; font-size: 8px; line-height: 1.65; }
.resto-plans > button.is-active { border-color: var(--food-coral); box-shadow: 0 21px 50px rgba(255,118,94,.13); transform: translateY(-5px); }
.resto-plans > button.is-active small,.resto-plans > button.is-active > strong { color: var(--food-coral-dark); }
.resto-plan-summary { display: grid; grid-template-columns: 1.1fr .65fr auto; align-items: center; gap: 25px; margin-top: 18px; padding: 23px 25px; border-radius: 17px; color: #fff; background: #202129; }
.resto-plan-summary small,.resto-plan-summary strong,.resto-plan-summary span { display: block; }
.resto-plan-summary small { color: #858793; font-size: 7px; }
.resto-plan-summary strong { margin: 6px 0 3px; font-size: 13px; }
.resto-plan-summary span { color: #777985; font-size: 7px; line-height: 1.5; }
.resto-plan-summary > div:nth-child(2) strong { font-size: 17px; }
.resto-legal-note { max-width: 850px; margin: 20px auto 0; color: #9496a0; font-size: 8px; line-height: 1.65; text-align: center; }
.resto-cta { background: radial-gradient(circle at 50% -30%,rgba(255,118,94,.2),transparent 55%),#171820; }
.resto-cta h2 { margin-top: 14px; }

@media (max-width: 980px) {
  .resto-hero__grid { gap: 20px; }
  .resto-ticket { right: 0; }
  .resto-bubble--loyalty { left: 0; }
  .resto-solution-grid { grid-template-columns: 1fr 1fr; }
  .resto-solution-grid > article:last-child { grid-column: span 2; }
  .resto-app-showcase { gap: 45px; }
  .resto-ops { grid-template-columns: 140px 1fr; }
  .resto-ops__main { padding: 20px 16px; }
  .resto-qr-grid { gap: 40px; }
}

@media (max-width: 760px) {
  .resto-hero { padding-top: 115px; }
  .resto-hero__grid { grid-template-columns: 1fr; text-align: center; }
  .breadcrumbs--left,.hero-actions--left { justify-content: center; }
  .resto-hero__copy > p:not(.resto-pilot-note) { margin-right: auto; margin-left: auto; }
  .resto-hero__facts,.resto-pilot-note { justify-content: center; }
  .resto-stage { height: 600px; margin-top: 15px; }
  .resto-anchor-nav { justify-content: flex-start; overflow-x: auto; }
  .resto-anchor-nav a { flex: 0 0 auto; }
  .resto-app-showcase { grid-template-columns: 1fr; }
  .resto-demo-phone { order: 2; }
  .resto-capabilities { order: 1; }
  .resto-ops { grid-template-columns: 1fr; }
  .resto-ops aside { display: none; }
  .resto-qr-grid { grid-template-columns: 1fr; }
  .resto-qr-visual { min-height: 520px; }
  .resto-process { grid-template-columns: 1fr 1fr; }
  .resto-process article:nth-child(2) { border-right: 0; }
  .resto-process article:nth-child(-n+2) { border-bottom: 1px solid #ddd9d2; }
  .resto-plans { grid-template-columns: 1fr; }
  .resto-plans > button { min-height: 220px; }
  .resto-plan-summary { grid-template-columns: 1fr 1fr; }
  .resto-plan-summary > a { grid-column: span 2; }
}

@media (max-width: 520px) {
  .resto-hero h1 { font-size: 47px; letter-spacing: -3px; }
  .resto-hero__facts { align-items: center; flex-direction: column; gap: 13px; }
  .resto-hero__facts span { text-align: center; }
  .resto-stage { height: 535px; transform: scale(.88); transform-origin: top center; margin-bottom: -63px; }
  .resto-ticket { right: -36px; }
  .resto-bubble--loyalty { left: -34px; }
  .resto-bubble--zone { right: -31px; }
  .resto-solution-grid { grid-template-columns: 1fr; }
  .resto-solution-grid > article:last-child { grid-column: auto; }
  .resto-demo-phone { width: 310px; height: 620px; }
  .resto-capabilities > button { grid-template-columns: 37px 1fr; padding: 18px 15px; }
  .resto-capabilities > button span { width: 37px; height: 37px; }
  .resto-ops { min-width: 650px; transform: scale(.52); transform-origin: top left; margin-bottom: -265px; }
  .resto-integrations { align-items: flex-start; flex-wrap: wrap; }
  .resto-integrations > span { width: 100%; }
  .resto-integrations small { width: 100%; margin-left: 0; }
  .resto-qr-visual { min-height: 485px; }
  .qr-table { left: 47%; width: 220px; }
  .qr-code { width: 140px; height: 140px; }
  .qr-dish { right: -15px; bottom: 25px; width: 235px; }
  .resto-process { grid-template-columns: 1fr; }
  .resto-process article { min-height: 190px; border-right: 0; border-bottom: 1px solid #ddd9d2; }
  .resto-process article:last-child { border-bottom: 0; }
  .resto-process h3 { margin-top: 55px; }
  .resto-plan-summary { grid-template-columns: 1fr; }
  .resto-plan-summary > a { grid-column: auto; }
}

/* Shopboard services */
.service-hero {
  position: relative;
  overflow: hidden;
  padding: 142px 0 78px;
  color: #fff;
  background: #101118;
}

.service-hero::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.023) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);
  background-size: 54px 54px;
  content: "";
  mask-image: linear-gradient(to bottom,#000,transparent 95%);
}

.service-hero__glow {
  position: absolute;
  right: -190px;
  top: -380px;
  width: 970px;
  height: 850px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(101,88,232,.3),transparent 68%);
}

.service-hero__grid {
  position: relative;
  z-index: 2;
  display: grid;
  min-height: 560px;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 75px;
}

.service-hero h1 {
  margin: 20px 0 23px;
  font-size: clamp(50px,5.6vw,76px);
  line-height: .96;
  letter-spacing: -4px;
}

.service-hero h1 em { color: #958bf5; font-family: Georgia,serif; font-weight: 400; }
.service-hero__copy > p { max-width: 540px; margin: 0; color: #a1a3af; font-size: 12px; line-height: 1.8; }
.service-hero__promise { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 38px; }
.service-hero__promise span { display: grid; grid-template-columns: 34px 1fr; gap: 2px 10px; }
.service-hero__promise i { grid-row: 1/3; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #343640; border-radius: 10px; color: #9b92f2; font-size: 7px; font-style: normal; }
.service-hero__promise b { align-self: end; font-size: 8px; }
.service-hero__promise small { color: #6f717d; font-size: 7px; line-height: 1.45; }

.service-board { position: relative; overflow: visible; border: 1px solid rgba(255,255,255,.11); border-radius: 21px; color: #2a2b33; background: #f6f6f8; box-shadow: 0 42px 100px rgba(0,0,0,.38); transform: rotate(1.5deg); }
.service-board__top { display: flex; height: 48px; align-items: center; gap: 12px; padding: 0 15px; border-bottom: 1px solid #e4e5e9; border-radius: 20px 20px 0 0; background: #fff; font-size: 7px; }
.service-board__top > span { display: flex; gap: 4px; }
.service-board__top > span i { width: 6px; height: 6px; border-radius: 50%; background: #ff8871; }
.service-board__top > span i:nth-child(2) { background: #ffc75f; }
.service-board__top > span i:nth-child(3) { background: #58c98b; }
.service-board__top b { margin-right: auto; font-size: 8px; }
.service-board__top em { padding: 5px 7px; border-radius: 6px; color: #6558e8; background: #eeecff; font-size: 6px; font-style: normal; font-weight: 800; }
.service-board__body { display: grid; min-height: 440px; grid-template-columns: 52px 1fr; }
.service-board__body aside { display: flex; align-items: center; flex-direction: column; gap: 15px; padding: 16px 0; border-right: 1px solid #e5e6ea; background: #fff; }
.service-board__body aside strong { display: grid; width: 27px; height: 27px; margin-bottom: 13px; place-items: center; border-radius: 8px; color: #fff; background: #6558e8; font-size: 7px; }
.service-board__body aside span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #9698a2; font-size: 9px; }
.service-board__body aside span.is-active { color: #6558e8; background: #eeecff; }
.service-board__body section { padding: 28px; }
.service-board__body section > header { display: flex; align-items: end; justify-content: space-between; }
.service-board__body section > header small { color: #9a9ca6; font-size: 6px; letter-spacing: .12em; }
.service-board__body section h3 { margin: 5px 0 0; font-size: 18px; letter-spacing: -.5px; }
.service-board__body section > header strong { color: #6558e8; font-size: 25px; }
.service-progress { height: 7px; margin: 19px 0 23px; overflow: hidden; border-radius: 10px; background: #e8e8ed; }
.service-progress i { display: block; width: 72%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6558e8,#958bf5); }
.service-tasks { display: flex; flex-direction: column; gap: 7px; }
.service-tasks article { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 10px; padding: 12px; border: 1px solid #e5e6ea; border-radius: 10px; background: #fff; }
.service-tasks article > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #8c8f9b; background: #f0f0f3; font-size: 7px; font-weight: 800; }
.service-tasks article > span.is-done { color: #23875f; background: #e7f7ef; }
.service-tasks b,.service-tasks small { display: block; }
.service-tasks b { font-size: 8px; }
.service-tasks small { margin-top: 3px; color: #9a9ca6; font-size: 6px; }
.service-tasks em { padding: 5px 7px; border-radius: 6px; color: #777a86; background: #f2f2f4; font-size: 6px; font-style: normal; }
.service-tasks em.is-work { color: #9a681d; background: #fff2d9; }
.service-board__float { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; min-width: 175px; padding: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; color: #fff; background: rgba(31,32,40,.95); box-shadow: 0 18px 45px rgba(0,0,0,.29); transform: rotate(-1.5deg); }
.service-board__float > i { display: grid; min-width: 32px; height: 32px; place-items: center; border-radius: 9px; color: #fff; background: #6558e8; font-size: 7px; font-style: normal; font-weight: 800; }
.service-board__float span b,.service-board__float span small { display: block; }
.service-board__float span b { font-size: 7px; }
.service-board__float span small { margin-top: 3px; color: #777a86; font-size: 6px; }
.service-board__float--message { right: -31px; top: 87px; }
.service-board__float--secure { left: -38px; bottom: 53px; }
.service-board__float--secure > i { color: #1a2a22; background: #91dfba; }

.service-proof { border-bottom: 1px solid #e6e7eb; background: #fff; }
.service-proof > div { display: grid; grid-template-columns: repeat(4,1fr); }
.service-proof article { padding: 32px 28px; border-right: 1px solid #e6e7eb; text-align: center; }
.service-proof article:last-child { border-right: 0; }
.service-proof strong,.service-proof span { display: block; }
.service-proof strong { font-size: 15px; }
.service-proof span { margin-top: 5px; color: #898b97; font-size: 8px; }

.service-filter { display: flex; gap: 7px; margin: 0 0 26px; overflow-x: auto; padding-bottom: 3px; }
.service-filter button { flex: 0 0 auto; padding: 10px 13px; border: 1px solid #e2e3e8; border-radius: 10px; color: #777a86; background: #fafafd; font-size: 8px; font-weight: 750; cursor: pointer; }
.service-filter button span { margin-left: 5px; color: inherit; font-size: 7px; letter-spacing: 0; }
.service-filter button.is-active { border-color: #6558e8; color: #fff; background: #6558e8; }
.service-filter output { align-self: center; margin-left: auto; color: #a0a2ac; font-size: 8px; }
.service-catalog { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.service-catalog > article { display: flex; min-height: 265px; flex-direction: column; padding: 25px; border: 1px solid #e5e6ea; border-radius: 18px; background: #fff; transition: .18s ease; }
.service-catalog > article:hover { border-color: #cbc8eb; box-shadow: 0 17px 42px rgba(37,38,49,.07); transform: translateY(-3px); }
.service-catalog > article[hidden] { display: none; }
.service-card__icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; font-size: 9px; font-weight: 850; }
.service-card__icon--purple { color: #6558e8; background: #eeecff; }
.service-card__icon--orange { color: #d9652f; background: #fff0e7; }
.service-card__icon--green { color: #21825b; background: #e8f8f1; }
.service-card__icon--blue { color: #3279cb; background: #eaf3ff; }
.service-catalog > article > small { margin-top: 24px; color: #a0a2ad; font-size: 7px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.service-catalog h3 { margin: 8px 0 9px; font-size: 17px; letter-spacing: -.35px; }
.service-catalog p { margin: 0; color: #777b8b; font-size: 9px; line-height: 1.7; }
.service-catalog a { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 21px; color: #6558e8; font-size: 8px; font-weight: 800; }
.service-catalog a svg { width: 12px; }
.service-filter-empty { padding: 45px; border: 1px dashed #dfe0e5; border-radius: 15px; color: #8d8f99; text-align: center; font-size: 9px; }

.service-control__grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 90px; }
.service-control h2 { margin: 15px 0 17px; font-size: clamp(39px,4.3vw,56px); line-height: 1.03; letter-spacing: -2.5px; }
.service-control__grid > div:first-child > p { margin: 0; color: #9496a2; font-size: 11px; line-height: 1.8; }
.service-list--dark { margin-top: 28px; border-color: #2d2f38; }
.service-list--dark li { color: #bbbcc4; }
.service-control__visual { padding: 19px; border: 1px solid #30323b; border-radius: 20px; background: #1a1b23; box-shadow: 0 30px 75px rgba(0,0,0,.24); }
.service-control__visual > header { display: flex; align-items: center; justify-content: space-between; padding: 5px 5px 18px; color: #989aa5; font-size: 8px; }
.service-control__visual > header b { color: #aaa2f7; font-size: 12px; }
.service-control__visual article { display: flex; align-items: center; gap: 12px; margin-top: 7px; padding: 13px; border: 1px solid #30313a; border-radius: 11px; background: #202129; }
.service-control__visual article > i { display: grid; min-width: 32px; height: 32px; place-items: center; border-radius: 9px; color: #898c97; background: #2b2c35; font-size: 7px; font-style: normal; }
.service-control__visual article.is-done > i { color: #b9f3d6; background: rgba(46,175,120,.18); }
.service-control__visual article b,.service-control__visual article small { display: block; }
.service-control__visual article b { font-size: 8px; }
.service-control__visual article small { margin-top: 3px; color: #747680; font-size: 7px; }
.service-control__visual footer { display: flex; align-items: center; justify-content: space-between; margin-top: 17px; padding: 4px 5px; color: #747680; font-size: 7px; }
.service-control__visual footer button { padding: 9px 11px; border: 0; border-radius: 8px; color: #fff; background: #6558e8; font-size: 7px; font-weight: 800; }

.service-process-section { background: #f7f7fa; }
.service-process { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; overflow: hidden; border: 1px solid #e2e3e8; border-radius: 20px; background: #e2e3e8; }
.service-process article { min-height: 280px; padding: 28px; background: #fff; }
.service-process article > span { color: #6558e8; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.service-process h3 { margin: 105px 0 10px; font-size: 16px; }
.service-process p { margin: 0; color: #7c7f8b; font-size: 9px; line-height: 1.7; }

.service-formats { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.service-formats article { position: relative; display: flex; min-height: 390px; flex-direction: column; padding: 28px; border: 1px solid #e3e4e9; border-radius: 20px; background: #fff; }
.service-formats article.is-featured { border-color: #6558e8; color: #fff; background: linear-gradient(145deg,#5b50d7,#7569ea); box-shadow: 0 25px 65px rgba(101,88,232,.19); }
.service-formats article > span { position: absolute; right: 20px; top: 20px; padding: 5px 7px; border-radius: 7px; color: #4d43b5; background: #dcd7ff; font-size: 6px; font-weight: 850; text-transform: uppercase; }
.service-formats article > small { color: #8d909b; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.service-formats article.is-featured > small { color: #d5d1fb; }
.service-formats h3 { margin: 17px 0 11px; font-size: 26px; letter-spacing: -1px; }
.service-formats article > p { margin: 0; color: #7a7d89; font-size: 9px; line-height: 1.7; }
.service-formats article.is-featured > p { color: #d0cdf4; }
.service-formats .service-list { margin-bottom: 25px; }
.service-formats article.is-featured .service-list { border-color: rgba(255,255,255,.18); }
.service-formats article.is-featured .service-list li { color: #fff; }
.service-formats article > a { display: flex; height: 43px; align-items: center; justify-content: center; gap: 8px; margin-top: auto; border: 1px solid #e0e1e6; border-radius: 10px; font-size: 8px; font-weight: 800; }
.service-formats article.is-featured > a { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.12); }
.service-formats article > a svg { width: 12px; }
.service-packages-link { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 18px; padding: 20px 23px; border: 1px solid #e2e3e8; border-radius: 14px; background: #f8f8fb; }
.service-packages-link b,.service-packages-link span { display: block; }
.service-packages-link b { font-size: 10px; }
.service-packages-link span { margin-top: 4px; color: #858893; font-size: 8px; }
.service-packages-link a { display: flex; align-items: center; gap: 8px; color: #6558e8; font-size: 8px; font-weight: 850; }
.service-packages-link svg { width: 12px; }
.service-cta { background: radial-gradient(circle at 50% -45%,rgba(101,88,232,.36),transparent 55%),#171820; }
.service-cta .page-eyebrow { color: #b5aef8; }

@media (max-width: 980px) {
  .service-hero__grid { gap: 35px; }
  .service-board__float--message { right: -10px; }
  .service-board__float--secure { left: -10px; }
  .service-catalog { grid-template-columns: 1fr 1fr; }
  .service-control__grid { gap: 45px; }
  .service-process { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .service-hero { padding-top: 118px; }
  .service-hero__grid { grid-template-columns: 1fr; text-align: center; }
  .service-hero__copy > p { margin-right: auto; margin-left: auto; }
  .service-hero__promise { max-width: 510px; margin-right: auto; margin-left: auto; text-align: left; }
  .service-board { max-width: 600px; margin: 35px auto 0; }
  .service-proof > div { grid-template-columns: 1fr 1fr; }
  .service-proof article:nth-child(2) { border-right: 0; }
  .service-proof article:nth-child(-n+2) { border-bottom: 1px solid #e6e7eb; }
  .service-control__grid { grid-template-columns: 1fr; }
  .service-formats { grid-template-columns: 1fr; }
  .service-formats article { min-height: 350px; }
}

@media (max-width: 520px) {
  .service-hero h1 { font-size: 44px; letter-spacing: -2.7px; }
  .service-hero__grid { grid-template-columns: minmax(0,1fr); }
  .service-hero__copy { min-width: 0; }
  .service-hero__promise { grid-template-columns: 1fr; }
  .service-board { width: 620px; max-width: none; justify-self: start; transform: scale(.53) rotate(1.5deg); transform-origin: top left; margin-bottom: -215px; }
  .service-board__float--message { right: -20px; }
  .service-board__float--secure { left: -18px; }
  .service-proof article { padding: 25px 10px; }
  .service-catalog { grid-template-columns: 1fr; }
  .service-catalog > article { min-height: 245px; }
  .service-control__visual { padding: 12px; }
  .service-control__visual footer { align-items: flex-start; flex-direction: column; gap: 12px; }
  .service-process { grid-template-columns: 1fr; }
  .service-process article { min-height: 210px; }
  .service-process h3 { margin-top: 65px; }
  .service-packages-link { align-items: flex-start; flex-direction: column; }
}

/* Shopboard migration */
.move-page { --move-cyan: #70d9df; --move-cyan-soft: #e5f9fa; }
.move-hero { position: relative; overflow: hidden; padding: 142px 0 80px; color: #fff; background: #101118; }
.move-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size: 54px 54px; content: ""; mask-image: linear-gradient(to bottom,#000,transparent 94%); }
.move-hero__glow { position: absolute; right: -240px; top: -300px; width: 940px; height: 800px; border-radius: 50%; background: radial-gradient(circle,rgba(112,217,223,.2),transparent 67%); }
.move-hero__grid { position: relative; z-index: 2; display: grid; min-height: 580px; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 70px; }
.move-hero h1 { margin: 20px 0 22px; font-size: clamp(50px,5.7vw,77px); line-height: .96; letter-spacing: -4.2px; }
.move-hero h1 em { color: var(--move-cyan); font-family: Georgia,serif; font-weight: 400; }
.move-hero__copy > p:not(.move-hero__note) { max-width: 555px; margin: 0; color: #a1a3af; font-size: 12px; line-height: 1.8; }
.move-hero__note { display: flex; align-items: center; gap: 8px; margin: 24px 0 0; color: #787b87; font-size: 8px; }
.move-hero__note i { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 7px; color: #182723; background: var(--move-cyan); font-size: 7px; font-style: normal; }

.move-map { position: relative; height: 520px; }
.move-map::after { position: absolute; right: 20px; bottom: 10px; width: 500px; height: 50px; border-radius: 50%; background: rgba(0,0,0,.38); content: ""; filter: blur(23px); }
.move-source,.move-target { position: absolute; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 28px 70px rgba(0,0,0,.36); }
.move-source { left: 0; top: 96px; width: 250px; border-radius: 17px; background: #2a2b34; transform: rotate(-5deg); }
.move-source > header { display: flex; height: 39px; align-items: center; gap: 4px; padding: 0 12px; border-bottom: 1px solid rgba(255,255,255,.07); color: #7d7f89; font-size: 6px; }
.move-source > header i { width: 5px; height: 5px; border-radius: 50%; background: #ff8871; }
.move-source > header i:nth-child(2) { background: #ffc75f; }
.move-source > header i:nth-child(3) { background: #58c98b; }
.move-source > header span { margin-left: 5px; }
.move-source > div { padding: 21px; }
.move-source strong,.move-source small { display: block; }
.move-source strong { font-size: 13px; }
.move-source small { margin: 4px 0 17px; color: #797b86; font-size: 7px; }
.move-source p { display: flex; align-items: center; justify-content: space-between; margin: 7px 0; padding: 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 8px; color: #90929d; background: #24252d; font-size: 7px; }
.move-source p b { color: #fff; }
.move-flow { position: absolute; z-index: 1; left: 214px; top: 234px; display: flex; width: 160px; align-items: center; justify-content: space-around; }
.move-flow::before { position: absolute; right: 12px; left: 0; height: 1px; background: linear-gradient(90deg,transparent,var(--move-cyan)); content: ""; }
.move-flow span { z-index: 1; width: 8px; height: 8px; border: 2px solid #101118; border-radius: 50%; background: var(--move-cyan); box-shadow: 0 0 16px rgba(112,217,223,.55); }
.move-flow span:nth-child(2) { opacity: .7; }
.move-flow span:nth-child(3) { opacity: .45; }
.move-flow i { z-index: 1; color: var(--move-cyan); font-size: 20px; font-style: normal; }
.move-target { right: 0; top: 35px; width: 335px; border-radius: 20px; color: #292a32; background: #fff; transform: rotate(3deg); }
.move-target > header { display: flex; height: 54px; align-items: center; gap: 8px; padding: 0 16px; border-bottom: 1px solid #e9e9ed; font-size: 9px; }
.move-target .brand__mark { width: 25px; height: 25px; padding: 4px; border-radius: 7px; }
.move-target > header em { margin-left: auto; padding: 5px 7px; border-radius: 6px; color: #26805e; background: #e6f7ef; font-size: 6px; font-style: normal; }
.move-target section { padding: 25px; }
.move-target section > small { color: #9a9ca5; font-size: 6px; letter-spacing: .13em; }
.move-target__progress { height: 6px; margin: 12px 0 18px; border-radius: 8px; background: #ececf0; }
.move-target__progress i { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6558e8,var(--move-cyan)); }
.move-target section > strong { display: block; margin-bottom: 17px; font-size: 15px; }
.move-target section p { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 8px; margin: 7px 0; padding: 11px; border: 1px solid #e8e8ec; border-radius: 9px; font-size: 7px; }
.move-target section p span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; color: #23805d; background: #e8f7f0; font-size: 7px; }
.move-target section p b { color: #777a86; font-size: 6px; }
.move-map__badge { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; min-width: 175px; padding: 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; color: #fff; background: rgba(30,31,39,.94); box-shadow: 0 17px 42px rgba(0,0,0,.28); }
.move-map__badge > i { display: grid; min-width: 35px; height: 35px; place-items: center; border-radius: 10px; color: #182426; background: var(--move-cyan); font-size: 8px; font-style: normal; font-weight: 850; }
.move-map__badge span b,.move-map__badge span small { display: block; }
.move-map__badge span b { font-size: 8px; }
.move-map__badge span small { margin-top: 3px; color: #777a86; font-size: 6px; }
.move-map__badge--copy { left: 34px; bottom: 25px; }
.move-map__badge--domain { right: 12px; top: 0; }
.move-map__badge--domain > i { color: #fff; background: #6558e8; }

.move-data-strip { border-bottom: 1px solid #e6e7eb; background: #fff; }
.move-data-strip > div { display: flex; min-height: 79px; align-items: center; justify-content: space-between; gap: 22px; }
.move-data-strip span { color: #a2a4ae; font-size: 7px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.move-data-strip b { padding-left: 22px; border-left: 1px solid #e6e7eb; font-size: 9px; }

.move-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.move-benefits article { padding: 17px 17px 26px; border: 1px solid #e5e6ea; border-radius: 20px; background: #fff; }
.move-benefits article > span { display: block; margin: 10px; color: #6558e8; font-size: 8px; font-weight: 850; }
.move-benefits h3 { margin: 22px 10px 9px; font-size: 17px; }
.move-benefits article > p { margin: 0 10px; color: #7b7e89; font-size: 9px; line-height: 1.7; }
.move-benefit-visual { height: 210px; overflow: hidden; border-radius: 15px; background: #f3f4f7; }
.move-benefit-visual--demo { position: relative; display: flex; align-items: center; justify-content: center; gap: 12px; }
.move-benefit-visual--demo i { display: grid; width: 102px; height: 135px; place-items: center; border: 1px solid #dfe0e5; border-radius: 10px; color: #989aa4; background: #fff; box-shadow: 0 10px 27px rgba(31,33,43,.07); font-size: 7px; font-style: normal; }
.move-benefit-visual--demo i:last-child { color: #6558e8; border-color: #d7d2ff; background: #f0eeff; }
.move-benefit-visual--demo b { color: #6558e8; }
.move-benefit-visual--diff { display: flex; justify-content: center; flex-direction: column; padding: 28px; }
.move-benefit-visual--diff p { display: grid; grid-template-columns: 28px 1fr; gap: 2px 10px; margin: 6px 0; padding: 12px; border-radius: 10px; background: #fff; box-shadow: 0 7px 18px rgba(31,33,43,.05); }
.move-benefit-visual--diff p i { grid-row: 1/3; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #23805d; background: #e8f7f0; font-size: 7px; font-style: normal; }
.move-benefit-visual--diff p b { font-size: 10px; }
.move-benefit-visual--diff p small { color: #999ba5; font-size: 6px; }
.move-benefit-visual--switch { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; background: #1e1f27; }
.move-benefit-visual--switch small { color: #858792; font-size: 7px; letter-spacing: .14em; }
.move-benefit-visual--switch strong { margin: 15px 0 8px; color: var(--move-cyan); font-size: 38px; }
.move-benefit-visual--switch i { max-width: 160px; color: #7d7f8a; font-size: 7px; font-style: normal; line-height: 1.5; text-align: center; }

.move-included-section { background: #f5f6f9; }
.move-included-grid { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 85px; }
.move-included-grid > div:first-child h2 { margin: 15px 0 16px; font-size: clamp(38px,4.2vw,55px); line-height: 1.03; letter-spacing: -2.5px; }
.move-included-grid > div:first-child p { margin: 0; color: #777b8b; font-size: 11px; line-height: 1.8; }
.text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 23px; color: #6558e8; font-size: 9px; font-weight: 850; }
.text-link svg { width: 13px; }
.move-included-list { display: flex; flex-direction: column; gap: 8px; }
.move-included-list article { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 15px; padding: 18px; border: 1px solid #e1e2e7; border-radius: 14px; background: #fff; }
.move-included-list article > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 12px; color: #6558e8; background: #eeecff; font-size: 9px; font-weight: 850; }
.move-included-list article:nth-child(2) > span { color: #21825b; background: #e8f8f1; }
.move-included-list article:nth-child(3) > span { color: #3279cb; background: #eaf3ff; }
.move-included-list article:nth-child(4) > span { color: #d9652f; background: #fff0e7; }
.move-included-list h3 { margin: 0 0 5px; font-size: 13px; }
.move-included-list p { margin: 0; color: #858893; font-size: 8px; line-height: 1.55; }
.move-included-list article > b { color: #c5c7ce; font-size: 9px; }

.move-estimator { display: grid; grid-template-columns: 1fr .9fr; gap: 15px; padding: 16px; border: 1px solid #e1e2e7; border-radius: 24px; background: #fff; box-shadow: 0 25px 70px rgba(28,30,40,.08); }
.move-estimator__controls { padding: 29px; }
.move-estimator__controls > label { display: block; margin-bottom: 27px; }
.move-estimator__controls label > span,.move-estimator__controls legend { display: block; margin-bottom: 10px; color: #555762; font-size: 8px; font-weight: 800; }
.move-estimator__controls select { width: 100%; height: 45px; padding: 0 12px; border: 1px solid #dedfe5; border-radius: 10px; color: #393a43; background: #fafafd; font: inherit; font-size: 9px; }
.move-field-head { display: flex !important; align-items: center; justify-content: space-between; }
.move-field-head output { color: #6558e8; font-size: 15px; }
.move-estimator__controls input[type="range"] { width: 100%; accent-color: #6558e8; }
.move-estimator__controls fieldset { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 0; padding: 0; border: 0; }
.move-estimator__controls legend { grid-column: 1/-1; }
.move-estimator__controls fieldset label { display: flex; align-items: center; gap: 7px; padding: 11px; border: 1px solid #e3e4e9; border-radius: 9px; color: #747783; background: #fafafd; font-size: 8px; }
.move-estimator__controls input[type="checkbox"] { accent-color: #6558e8; }
.move-estimator__result { display: flex; min-height: 445px; flex-direction: column; justify-content: center; padding: 37px; border-radius: 18px; color: #fff; background: radial-gradient(circle at 100% 0,rgba(112,217,223,.15),transparent 42%),#181920; }
.move-estimator__result > small { color: var(--move-cyan); font-size: 7px; font-weight: 850; letter-spacing: .14em; }
.move-estimator__result > strong { display: block; margin: 13px 0 10px; font-size: 29px; letter-spacing: -1px; }
.move-estimator__result > p { margin: 0; color: #8f919c; font-size: 9px; line-height: 1.7; }
.move-estimator__result > div { margin: 25px 0; }
.move-estimator__result > div span { display: flex; align-items: center; gap: 9px; margin: 9px 0; color: #b3b4bc; font-size: 8px; }
.move-estimator__result > div i { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid #353641; border-radius: 7px; color: #938af3; font-size: 6px; font-style: normal; }
.move-estimator__result > a { display: flex; height: 43px; align-items: center; justify-content: center; gap: 8px; border-radius: 10px; background: #6558e8; font-size: 8px; font-weight: 850; }
.move-estimator__result > a svg { width: 12px; }
.move-estimator__result > em { margin-top: 13px; color: #646672; font-size: 6px; font-style: normal; text-align: center; }

.move-process { display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; margin-top: 42px; border-top: 1px solid #2d2f38; background: #2d2f38; }
.move-process article { min-height: 255px; padding: 25px 21px; background: #15161e; }
.move-process article > span { color: var(--move-cyan); font-size: 7px; font-weight: 850; text-transform: uppercase; }
.move-process h3 { margin: 83px 0 10px; font-size: 15px; }
.move-process p { margin: 0; color: #8d8f9a; font-size: 8px; line-height: 1.7; }
.move-process__note { margin: 25px 0 0; color: #686a76; font-size: 8px; line-height: 1.6; text-align: center; }

.move-seo-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 80px; }
.move-seo-visual { padding: 17px; border: 1px solid #e1e2e7; border-radius: 20px; background: #f5f6f8; box-shadow: 0 24px 65px rgba(29,30,39,.08); }
.move-seo-visual > header { display: flex; align-items: center; justify-content: space-between; padding: 6px 5px 18px; font-size: 8px; }
.move-seo-visual > header b { color: #6558e8; }
.move-seo-visual > section { position: relative; display: grid; grid-template-columns: 1fr 20px 1fr; align-items: center; gap: 9px; margin-top: 8px; padding: 14px; border: 1px solid #e2e3e8; border-radius: 11px; background: #fff; }
.move-seo-visual section p { min-width: 0; margin: 0; }
.move-seo-visual section small { display: block; margin-bottom: 6px; color: #a0a2ac; font-size: 5px; letter-spacing: .1em; }
.move-seo-visual code { display: block; overflow: hidden; color: #565864; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.move-seo-visual section > i { color: #a3a5ae; font-size: 10px; font-style: normal; text-align: center; }
.move-seo-visual section > em { position: absolute; right: 8px; top: 8px; padding: 4px 5px; border-radius: 5px; color: #237d5c; background: #e7f7ef; font-size: 5px; font-style: normal; font-weight: 850; }
.move-seo-visual > footer { display: flex; align-items: center; justify-content: space-between; padding: 17px 5px 4px; color: #878a96; font-size: 7px; }
.move-seo-visual > footer span i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #ff8642; }
.move-seo-visual > footer b { color: #535560; font-size: 7px; }
.move-seo-copy h2 { margin: 15px 0 17px; font-size: clamp(37px,4vw,52px); line-height: 1.03; letter-spacing: -2.3px; }
.move-seo-copy > p { margin: 0; color: #7c7f8b; font-size: 10px; line-height: 1.8; }

.move-ready-section { background: #f5f6f9; }
.move-ready { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid #dfe0e5; }
.move-ready article { min-height: 245px; padding: 27px 23px; border-right: 1px solid #dfe0e5; }
.move-ready article:last-child { border-right: 0; }
.move-ready b { color: #6558e8; font-size: 8px; }
.move-ready h3 { margin: 90px 0 9px; font-size: 15px; }
.move-ready p { margin: 0; color: #7e818d; font-size: 8px; line-height: 1.65; }
.move-cta { background: radial-gradient(circle at 50% -40%,rgba(112,217,223,.22),transparent 54%),#171820; }
.move-cta .page-eyebrow { color: var(--move-cyan); }

@media (max-width: 980px) {
  .move-hero__grid { gap: 30px; }
  .move-source { width: 220px; }
  .move-target { width: 300px; }
  .move-flow { left: 185px; width: 125px; }
  .move-included-grid,.move-seo-grid { gap: 45px; }
  .move-process { grid-template-columns: repeat(3,1fr); }
  .move-process article:nth-child(n+4) { border-top: 1px solid #2d2f38; }
}

@media (max-width: 760px) {
  .move-hero { padding-top: 115px; }
  .move-hero__grid { grid-template-columns: 1fr; text-align: center; }
  .move-hero__copy > p:not(.move-hero__note) { margin-right: auto; margin-left: auto; }
  .move-hero__note { justify-content: center; }
  .move-map { max-width: 590px; margin: 25px auto 0; }
  .move-data-strip > div { justify-content: flex-start; overflow-x: auto; }
  .move-data-strip b { flex: 0 0 auto; }
  .move-benefits { grid-template-columns: 1fr; }
  .move-included-grid,.move-seo-grid { grid-template-columns: 1fr; }
  .move-estimator { grid-template-columns: 1fr; }
  .move-process { grid-template-columns: 1fr 1fr; }
  .move-ready { grid-template-columns: 1fr 1fr; }
  .move-ready article:nth-child(2) { border-right: 0; }
  .move-ready article:nth-child(-n+2) { border-bottom: 1px solid #dfe0e5; }
}

@media (max-width: 520px) {
  .move-hero h1 { font-size: 43px; letter-spacing: -2.7px; }
  .move-hero__grid { grid-template-columns: minmax(0,1fr); }
  .move-hero__copy { min-width: 0; }
  .move-map { width: 650px; max-width: none; justify-self: start; transform: scale(.51); transform-origin: top left; margin-bottom: -245px; }
  .move-map__badge--copy { left: 12px; }
  .move-estimator { padding: 9px; }
  .move-estimator__controls { padding: 20px 12px; }
  .move-estimator__controls fieldset { grid-template-columns: 1fr; }
  .move-estimator__result { min-height: 410px; padding: 27px; }
  .move-process { grid-template-columns: 1fr; }
  .move-process article { min-height: 200px; }
  .move-process h3 { margin-top: 56px; }
  .move-seo-visual > section { grid-template-columns: 1fr; }
  .move-seo-visual section > i { transform: rotate(90deg); }
  .move-seo-visual > footer { align-items: flex-start; flex-direction: column; gap: 8px; }
  .move-ready { grid-template-columns: 1fr; }
  .move-ready article { min-height: 180px; border-right: 0; border-bottom: 1px solid #dfe0e5; }
  .move-ready article:last-child { border-bottom: 0; }
  .move-ready h3 { margin-top: 53px; }
}

/* Shopboard Funnels */
.funnel-page { --funnel-pink: #ff7faa; --funnel-pink-soft: #fff0f6; --funnel-lime: #c8ef72; }
.funnel-hero { position: relative; overflow: hidden; padding: 140px 0 80px; color: #fff; background: #101118; }
.funnel-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size: 54px 54px; content: ""; mask-image: linear-gradient(to bottom,#000,transparent 95%); }
.funnel-hero__glow { position: absolute; right: -210px; top: -350px; width: 970px; height: 850px; border-radius: 50%; background: radial-gradient(circle,rgba(255,127,170,.22),transparent 67%); }
.funnel-hero__grid { position: relative; z-index: 2; display: grid; min-height: 590px; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 70px; }
.funnel-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 30px; color: #a9abb5; background: rgba(255,255,255,.04); font-size: 7px; font-weight: 750; }
.funnel-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--funnel-lime); box-shadow: 0 0 0 4px rgba(200,239,114,.08); }
.funnel-hero h1 { margin: 22px 0; font-size: clamp(50px,5.7vw,78px); line-height: .95; letter-spacing: -4.2px; }
.funnel-hero h1 em { color: var(--funnel-pink); font-family: Georgia,serif; font-weight: 400; }
.funnel-hero__copy > p:not(.funnel-early-note) { max-width: 540px; margin: 0; color: #a1a3af; font-size: 12px; line-height: 1.8; }
.funnel-primary { background: linear-gradient(135deg,#6558e8,#7c6ff0); }
.funnel-early-note { margin: 24px 0 0; color: #6d707b; font-size: 7px; }

.funnel-canvas { position: relative; overflow: visible; border: 1px solid rgba(255,255,255,.11); border-radius: 21px; color: #292a32; background: #f5f5f8; box-shadow: 0 42px 100px rgba(0,0,0,.4); transform: rotate(1.7deg); }
.funnel-canvas > header { display: flex; height: 47px; align-items: center; gap: 11px; padding: 0 15px; border-radius: 20px 20px 0 0; border-bottom: 1px solid #e3e4e8; background: #fff; font-size: 7px; }
.funnel-canvas > header > span { display: flex; gap: 4px; }
.funnel-canvas > header > span i { width: 6px; height: 6px; border-radius: 50%; background: #ff8871; }
.funnel-canvas > header > span i:nth-child(2) { background: #ffc75f; }
.funnel-canvas > header > span i:nth-child(3) { background: #58c98b; }
.funnel-canvas > header b { margin-right: auto; }
.funnel-canvas > header em { padding: 5px 7px; border-radius: 6px; color: #8c6b2b; background: #fff1d8; font-size: 6px; font-style: normal; }
.funnel-canvas__body { display: grid; min-height: 475px; grid-template-columns: 52px 1fr; }
.funnel-canvas__body aside { display: flex; align-items: center; flex-direction: column; gap: 15px; padding: 16px 0; border-right: 1px solid #e3e4e8; background: #fff; }
.funnel-canvas__body aside strong { display: grid; width: 27px; height: 27px; margin-bottom: 13px; place-items: center; border-radius: 8px; color: #fff; background: #6558e8; font-size: 7px; }
.funnel-canvas__body aside span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #9698a2; font-size: 9px; }
.funnel-canvas__body aside span.is-active { color: #6558e8; background: #eeecff; }
.funnel-canvas__body section { position: relative; min-height: 475px; background-image: radial-gradient(#d9dae0 1px,transparent 1px); background-size: 17px 17px; }
.funnel-node { position: absolute; z-index: 2; display: grid; width: 185px; min-height: 70px; grid-template-columns: 1fr 34px; align-content: center; padding: 12px; border: 1px solid #dedfe4; border-radius: 11px; background: #fff; box-shadow: 0 9px 22px rgba(36,37,47,.08); }
.funnel-node span,.funnel-node b,.funnel-node small { display: block; grid-column: 1; }
.funnel-node span { color: #a0a2ac; font-size: 5px; font-weight: 850; letter-spacing: .12em; }
.funnel-node b { margin: 5px 0 3px; font-size: 8px; }
.funnel-node small { color: #9698a2; font-size: 6px; }
.funnel-node > i { grid-column: 2; grid-row: 1/4; display: grid; width: 34px; height: 34px; align-self: center; place-items: center; border-radius: 9px; color: #6558e8; background: #eeecff; font-size: 7px; font-style: normal; font-weight: 850; }
.funnel-node--start { left: 44px; top: 35px; }
.funnel-node--wait { right: 38px; top: 128px; }
.funnel-node--wait > i { color: #9b681e; background: #fff1d8; }
.funnel-node--message { left: 50px; top: 250px; }
.funnel-node--message > i { color: #c64c78; background: var(--funnel-pink-soft); }
.funnel-node--goal { right: 44px; bottom: 30px; }
.funnel-node--goal > i { color: #517d15; background: #effad9; }
.funnel-line { position: absolute; z-index: 1; border: 1px dashed #a8a4d9; border-left: 0; }
.funnel-line i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #6558e8; box-shadow: 0 0 0 4px rgba(101,88,232,.09); }
.funnel-line--one { left: 228px; top: 69px; width: 110px; height: 97px; border-bottom-right-radius: 22px; }
.funnel-line--one i { right: -4px; bottom: -4px; }
.funnel-line--two { left: 228px; top: 166px; width: 118px; height: 122px; border-top: 0; border-bottom: 0; border-right: 0; border-left: 1px dashed #a8a4d9; }
.funnel-line--two i { left: -4px; bottom: -4px; }
.funnel-line--three { left: 234px; top: 284px; width: 104px; height: 98px; border-bottom-right-radius: 22px; }
.funnel-line--three i { right: -4px; bottom: -4px; }
.funnel-canvas__float { position: absolute; z-index: 5; display: flex; min-width: 168px; align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; color: #fff; background: rgba(30,31,39,.95); box-shadow: 0 17px 42px rgba(0,0,0,.29); transform: rotate(-1.7deg); }
.funnel-canvas__float > i { display: grid; min-width: 32px; height: 32px; place-items: center; border-radius: 9px; color: #24300d; background: var(--funnel-lime); font-size: 7px; font-style: normal; font-weight: 850; }
.funnel-canvas__float span b,.funnel-canvas__float span small { display: block; }
.funnel-canvas__float span b { font-size: 7px; }
.funnel-canvas__float span small { margin-top: 3px; color: #777a86; font-size: 6px; }
.funnel-canvas__float--contact { right: -28px; top: 89px; }
.funnel-canvas__float--branch { left: -35px; bottom: 47px; }
.funnel-canvas__float--branch > i { color: #fff; background: var(--funnel-pink); }

.funnel-definition { color: #fff; background: linear-gradient(120deg,#5c51da,#7569e9); }
.funnel-definition > div { display: grid; min-height: 270px; grid-template-columns: 1fr .8fr; align-items: center; gap: 70px; }
.funnel-definition h2 { margin: 14px 0 0; font-size: clamp(35px,4vw,50px); line-height: 1.04; letter-spacing: -2.2px; }
.funnel-definition p { margin: 0; color: #dedbff; font-size: 11px; line-height: 1.85; }
.funnel-definition .page-eyebrow { color: #d9d5ff; }

.funnel-explainer { display: grid; grid-template-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; align-items: center; }
.funnel-explainer > article { min-height: 280px; padding: 25px; border: 1px solid #e4e5ea; border-radius: 18px; background: #fff; }
.funnel-explainer > article > span { color: #a2a4ae; font-size: 7px; font-weight: 850; }
.funnel-explainer__icon { display: grid; width: 45px; height: 45px; margin-top: 49px; place-items: center; border-radius: 13px; color: #6558e8; background: #eeecff; font-size: 13px; font-weight: 850; }
.funnel-explainer article:nth-of-type(2) .funnel-explainer__icon { color: #b47724; background: #fff1d8; }
.funnel-explainer article:nth-of-type(3) .funnel-explainer__icon { color: #c84e7b; background: var(--funnel-pink-soft); }
.funnel-explainer article:nth-of-type(4) .funnel-explainer__icon { color: #517d15; background: #effad9; }
.funnel-explainer h3 { margin: 17px 0 8px; font-size: 15px; }
.funnel-explainer p { margin: 0; color: #7b7e89; font-size: 8px; line-height: 1.7; }
.funnel-explainer > i { color: #acaeb7; font-size: 15px; font-style: normal; text-align: center; }

.funnel-templates-section { background: #f6f4f8; }
.funnel-templates { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.funnel-templates > article { padding: 15px 15px 24px; border: 1px solid #e2e1e6; border-radius: 19px; background: #fff; }
.template-preview { height: 230px; overflow: hidden; border-radius: 14px; }
.funnel-templates h3 { margin: 21px 9px 8px; font-size: 16px; }
.funnel-templates > article > p { min-height: 43px; margin: 0 9px; color: #7d7f8b; font-size: 8px; line-height: 1.7; }
.funnel-templates > article > b { display: inline-block; margin: 17px 9px 0; padding: 6px 8px; border-radius: 7px; color: #6558e8; background: #eeecff; font-size: 6px; text-transform: uppercase; }
.template-preview--lead { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 28px; color: #fff; background: radial-gradient(circle at 88% 20%,rgba(255,255,255,.17),transparent 25%),linear-gradient(145deg,#6558e8,#8a7cf2); }
.template-preview--lead span { font-size: 7px; text-transform: uppercase; }
.template-preview--lead strong { max-width: 190px; margin: 20px 0; font-family: Georgia,serif; font-size: 27px; font-weight: 500; line-height: .98; }
.template-preview--lead i { padding: 9px 11px; border-radius: 8px; color: #544aba; background: #fff; font-size: 7px; font-style: normal; font-weight: 850; }
.template-preview--lead small { margin-top: 20px; color: #c9c4ff; font-size: 6px; }
.template-preview--quiz { padding: 28px; background: #fff3e6; }
.template-preview--quiz > small { color: #b78353; font-size: 6px; letter-spacing: .13em; }
.template-preview--quiz strong { display: block; margin: 25px 0 17px; font-size: 17px; }
.template-preview--quiz span { display: block; margin-top: 7px; padding: 11px; border: 1px solid #ead8c6; border-radius: 9px; background: rgba(255,255,255,.65); font-size: 7px; }
.template-preview--quiz span i { margin-right: 7px; color: #de7745; font-style: normal; }
.template-preview--product { display: grid; grid-template-columns: 90px 1fr; align-content: center; gap: 15px; padding: 26px; background: #edf8f2; }
.template-preview--product > i { display: grid; width: 90px; height: 110px; place-items: center; border-radius: 14px; background: #fff; font-size: 43px; font-style: normal; }
.template-preview--product span strong,.template-preview--product span small { display: block; }
.template-preview--product span strong { font-size: 11px; }
.template-preview--product span small { margin-top: 7px; color: #28835f; font-size: 8px; font-weight: 850; }
.template-preview--product em { grid-column: 1/-1; padding: 12px; border-radius: 9px; color: #267253; background: #dcefe5; font-size: 7px; font-style: normal; }
.template-preview--cart { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 26px; color: #fff; background: #23242c; text-align: center; }
.template-preview--cart span { color: #91939d; font-size: 7px; }
.template-preview--cart strong { margin: 15px 0; font-size: 18px; }
.template-preview--cart i { padding: 10px 13px; border-radius: 9px; color: #fff; background: var(--funnel-pink); font-size: 7px; font-style: normal; font-weight: 850; }
.template-preview--cart small { margin-top: 14px; color: #747680; font-size: 6px; }
.template-preview--repeat { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 25px; background: #f2f7e7; text-align: center; }
.template-preview--repeat span { color: #738248; font-size: 7px; text-transform: uppercase; }
.template-preview--repeat strong { margin: 14px 0; font-size: 18px; }
.template-preview--repeat div { color: #8dae3d; font-size: 22px; letter-spacing: 3px; }
.template-preview--repeat small { margin-top: 15px; color: #87926b; font-size: 7px; }
.funnel-template-custom { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 400px; color: #fff; background: radial-gradient(circle at 90% 10%,rgba(255,127,170,.18),transparent 35%),#202129 !important; text-align: center; }
.funnel-template-custom > span { display: grid; width: 55px; height: 55px; place-items: center; border: 1px solid #3c3e48; border-radius: 17px; color: var(--funnel-pink); font-size: 24px; }
.funnel-template-custom h3 { margin-top: 24px; }
.funnel-template-custom p { min-height: auto !important; color: #92949f !important; }
.funnel-template-custom a { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: #aaa2f7; font-size: 8px; font-weight: 850; }
.funnel-template-custom svg { width: 12px; }
.funnel-template-note { max-width: 790px; margin: 24px auto 0; color: #989aa4; font-size: 7px; line-height: 1.6; text-align: center; }

.funnel-builder { display: grid; grid-template-columns: .72fr 1.28fr; gap: 16px; }
.funnel-builder__goals { display: flex; min-height: 520px; flex-direction: column; gap: 7px; padding: 25px; border: 1px solid #30313a; border-radius: 18px; background: #1b1c24; }
.funnel-builder__goals > span { margin-bottom: 12px; color: #7f818c; font-size: 7px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.funnel-builder__goals > button { padding: 13px; border: 1px solid #30313a; border-radius: 10px; color: #a4a6b0; background: #22232b; font-size: 8px; font-weight: 750; text-align: left; cursor: pointer; }
.funnel-builder__goals > button.is-active { color: #fff; border-color: #6558e8; background: #6558e8; }
.funnel-builder__goals > div { margin-top: auto; padding: 18px; border-radius: 13px; background: #23242d; }
.funnel-builder__goals > div small,.funnel-builder__goals > div strong { display: block; }
.funnel-builder__goals > div small { color: var(--funnel-pink); font-size: 6px; letter-spacing: .12em; }
.funnel-builder__goals > div strong { margin: 10px 0 8px; font-size: 13px; line-height: 1.35; }
.funnel-builder__goals > div p { margin: 0; color: #858793; font-size: 7px; line-height: 1.6; }
.funnel-builder__stage { position: relative; min-height: 520px; overflow: hidden; border: 1px solid #30313a; border-radius: 18px; background-color: #171820; background-image: radial-gradient(#3b3d47 1px,transparent 1px); background-size: 20px 20px; }
.builder-stage-label { position: absolute; left: 22px; top: 20px; color: #6f717c; font-size: 6px; letter-spacing: .11em; }
.builder-stage-label b { color: #b2b4bd; }
.builder-node { position: absolute; z-index: 2; display: flex; width: 190px; align-items: center; gap: 11px; padding: 12px; border: 1px solid #3a3b45; border-radius: 11px; color: #fff; background: #24252e; box-shadow: 0 12px 28px rgba(0,0,0,.2); transition: .2s ease; }
.builder-node > i { display: grid; min-width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #afa8f6; background: rgba(101,88,232,.18); font-size: 7px; font-style: normal; font-weight: 850; }
.builder-node span small,.builder-node span b { display: block; }
.builder-node span small { color: #767984; font-size: 5px; letter-spacing: .1em; }
.builder-node span b { margin-top: 4px; font-size: 8px; }
.builder-node--one { left: 50%; top: 66px; transform: translateX(-50%); }
.builder-node--two { left: 50%; top: 185px; transform: translateX(-50%); }
.builder-node--three { left: 12%; bottom: 54px; }
.builder-node--four { right: 12%; bottom: 54px; }
.funnel-builder__stage > em { position: absolute; left: 50%; width: 1px; height: 49px; border-left: 1px dashed #5e5a8d; transform: translateX(-50%); }
.funnel-builder__stage > em:nth-of-type(1) { top: 136px; }
.funnel-builder__stage > em:nth-of-type(2) { top: 255px; height: 88px; }
.builder-branch { position: absolute; left: 20%; right: 20%; top: 328px; display: flex; justify-content: space-between; border-top: 1px dashed #5e5a8d; }
.builder-branch::before { position: absolute; left: 50%; top: -72px; height: 72px; border-left: 1px dashed #5e5a8d; content: ""; }
.builder-branch span { margin-top: 8px; color: #656873; font-size: 5px; }

.funnel-use-cases { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.funnel-use-cases article { min-height: 270px; padding: 24px; border: 1px solid #e4e5ea; border-radius: 18px; background: #fff; }
.funnel-use-cases article > span { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; color: #6558e8; background: #eeecff; font-size: 13px; }
.funnel-use-cases article:nth-child(2) > span { color: #c44e78; background: var(--funnel-pink-soft); }
.funnel-use-cases article:nth-child(3) > span { color: #a26e22; background: #fff1d8; }
.funnel-use-cases article:nth-child(4) > span { color: #537c19; background: #effad9; }
.funnel-use-cases h3 { margin: 34px 0 9px; font-size: 15px; }
.funnel-use-cases p { margin: 0; color: #7d808c; font-size: 8px; line-height: 1.7; }
.funnel-use-cases article > div { display: flex; align-items: center; justify-content: space-between; margin-top: 34px; padding-top: 15px; border-top: 1px solid #ececf0; color: #555762; font-size: 7px; }
.funnel-use-cases article > div i { color: #aaa3f3; font-style: normal; }

.funnel-rules-section { color: #fff; background: linear-gradient(145deg,#5a4fd3,#7468e8); }
.funnel-rules-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 85px; }
.funnel-rules-grid > div:first-child h2 { margin: 15px 0 17px; font-size: clamp(37px,4vw,52px); line-height: 1.03; letter-spacing: -2.3px; }
.funnel-rules-grid > div:first-child > p { margin: 0; color: #dbd8fa; font-size: 10px; line-height: 1.8; }
.funnel-rules-grid .page-eyebrow { color: #d7d3ff; }
.funnel-rules { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.funnel-rules article { display: flex; min-height: 135px; align-items: flex-start; gap: 12px; padding: 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 15px; background: rgba(255,255,255,.08); }
.funnel-rules article > i { display: grid; min-width: 29px; height: 29px; place-items: center; border-radius: 9px; color: #263110; background: var(--funnel-lime); font-size: 7px; font-style: normal; }
.funnel-rules article b,.funnel-rules article small { display: block; }
.funnel-rules article b { font-size: 9px; }
.funnel-rules article small { margin-top: 7px; color: #d5d2f4; font-size: 7px; line-height: 1.55; }

.funnel-process { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid #dedfe4; }
.funnel-process article { min-height: 240px; padding: 25px 20px; border-right: 1px solid #dedfe4; }
.funnel-process article:last-child { border-right: 0; }
.funnel-process article > span { color: #6558e8; font-size: 8px; font-weight: 850; }
.funnel-process h3 { margin: 80px 0 9px; font-size: 14px; }
.funnel-process p { margin: 0; color: #7c7f8b; font-size: 8px; line-height: 1.65; }
.funnel-cta { background: radial-gradient(circle at 50% -40%,rgba(255,127,170,.22),transparent 54%),#171820; }
.funnel-cta .funnel-badge { margin-bottom: 11px; }

@media (max-width: 980px) {
  .funnel-hero__grid { gap: 32px; }
  .funnel-node--start,.funnel-node--message { left: 24px; }
  .funnel-node--wait,.funnel-node--goal { right: 24px; }
  .funnel-line--one { left: 208px; width: 105px; }
  .funnel-line--two { left: 208px; }
  .funnel-line--three { left: 208px; width: 105px; }
  .funnel-definition > div { gap: 40px; }
  .funnel-explainer { grid-template-columns: 1fr 20px 1fr; gap: 12px; }
  .funnel-explainer > i:nth-of-type(2) { display: none; }
  .funnel-explainer article:nth-of-type(3) { grid-column: 1; }
  .funnel-explainer > i:nth-of-type(3) { grid-column: 2; }
  .funnel-templates { grid-template-columns: 1fr 1fr; }
  .funnel-use-cases { grid-template-columns: 1fr 1fr; }
  .funnel-rules-grid { gap: 40px; }
  .funnel-process { grid-template-columns: repeat(3,1fr); }
  .funnel-process article:nth-child(n+4) { border-top: 1px solid #dedfe4; }
}

@media (max-width: 760px) {
  .funnel-hero { padding-top: 115px; }
  .funnel-hero__grid { grid-template-columns: 1fr; text-align: center; }
  .funnel-hero__copy > p:not(.funnel-early-note) { margin-right: auto; margin-left: auto; }
  .funnel-canvas { max-width: 600px; margin: 35px auto 0; }
  .funnel-definition > div { grid-template-columns: 1fr; gap: 18px; padding-top: 55px; padding-bottom: 55px; }
  .funnel-builder { grid-template-columns: 1fr; }
  .funnel-builder__goals { min-height: 390px; }
  .funnel-rules-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .funnel-hero h1 { font-size: 43px; letter-spacing: -2.7px; }
  .funnel-hero__grid { grid-template-columns: minmax(0,1fr); }
  .funnel-hero__copy { min-width: 0; }
  .funnel-canvas { width: 660px; max-width: none; justify-self: start; transform: scale(.5) rotate(1.7deg); transform-origin: top left; margin-bottom: -265px; }
  .funnel-explainer { grid-template-columns: 1fr; }
  .funnel-explainer > i { transform: rotate(90deg); }
  .funnel-explainer article:nth-of-type(3),.funnel-explainer > i:nth-of-type(3) { grid-column: auto; }
  .funnel-explainer > i:nth-of-type(2) { display: block; }
  .funnel-templates { grid-template-columns: 1fr; }
  .funnel-use-cases { grid-template-columns: 1fr; }
  .funnel-builder__stage { min-height: 620px; }
  .builder-node { width: 170px; }
  .builder-node--three { left: 4%; bottom: 76px; }
  .builder-node--four { right: 4%; bottom: 188px; }
  .builder-branch { left: 9%; right: 9%; top: 328px; height: 86px; border-right: 1px dashed #5e5a8d; }
  .funnel-rules { grid-template-columns: 1fr; }
  .funnel-process { grid-template-columns: 1fr; }
  .funnel-process article { min-height: 190px; border-right: 0; border-bottom: 1px solid #dedfe4; }
  .funnel-process article:last-child { border-bottom: 0; }
  .funnel-process h3 { margin-top: 52px; }
}

/* Shopboard Triggers */
.triggers-page { --trigger-yellow: #ffd361; --trigger-yellow-soft: #fff6dc; --trigger-teal: #69d6c0; }
.triggers-hero { position: relative; overflow: hidden; padding: 140px 0 80px; color: #fff; background: #101118; }
.triggers-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size: 54px 54px; content: ""; mask-image: linear-gradient(to bottom,#000,transparent 95%); }
.triggers-hero__glow { position: absolute; right: -230px; top: -330px; width: 980px; height: 850px; border-radius: 50%; background: radial-gradient(circle,rgba(255,211,97,.2),transparent 67%); }
.triggers-hero__grid { position: relative; z-index: 2; display: grid; min-height: 600px; grid-template-columns: .87fr 1.13fr; align-items: center; gap: 70px; }
.trigger-pill { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 30px; color: #a9abb5; background: rgba(255,255,255,.04); font-size: 7px; font-weight: 750; }
.trigger-pill > i { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 6px; color: #493b11; background: var(--trigger-yellow); font-size: 8px; font-style: normal; }
.triggers-hero h1 { margin: 22px 0; font-size: clamp(49px,5.6vw,76px); line-height: .95; letter-spacing: -4.1px; }
.triggers-hero h1 em { color: var(--trigger-yellow); font-family: Georgia,serif; font-weight: 400; }
.triggers-hero__copy > p:not(.trigger-early-note) { max-width: 545px; margin: 0; color: #a1a3af; font-size: 12px; line-height: 1.8; }
.trigger-primary { background: linear-gradient(135deg,#6558e8,#7c6ff0); }
.trigger-early-note { margin: 24px 0 0; color: #6d707b; font-size: 7px; }

.trigger-stage { position: relative; height: 590px; }
.trigger-stage::after { position: absolute; right: 0; bottom: 13px; width: 540px; height: 48px; border-radius: 50%; background: rgba(0,0,0,.4); content: ""; filter: blur(23px); }
.trigger-profile { position: absolute; z-index: 2; left: 25px; top: 20px; width: 390px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; color: #292a32; background: #f6f6f8; box-shadow: 0 35px 85px rgba(0,0,0,.38); transform: rotate(-2deg); }
.trigger-profile > header { display: flex; height: 45px; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid #e6e7eb; background: #fff; font-size: 8px; }
.trigger-profile > header i { color: #a1a3ac; font-style: normal; }
.trigger-profile__person { display: flex; align-items: center; gap: 11px; padding: 20px; background: #fff; }
.trigger-profile__person > b { display: grid; min-width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #fff; background: #6558e8; font-size: 8px; }
.trigger-profile__person span strong,.trigger-profile__person span small { display: block; }
.trigger-profile__person span strong { font-size: 11px; }
.trigger-profile__person span small { margin-top: 3px; color: #9a9ca6; font-size: 6px; }
.trigger-profile__person em { margin-left: auto; padding: 5px 7px; border-radius: 6px; color: #94711c; background: var(--trigger-yellow-soft); font-size: 6px; font-style: normal; font-weight: 850; }
.trigger-profile__stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; border-top: 1px solid #e5e6ea; border-bottom: 1px solid #e5e6ea; background: #e5e6ea; }
.trigger-profile__stats span { padding: 14px; background: #fff; }
.trigger-profile__stats span small,.trigger-profile__stats span b { display: block; }
.trigger-profile__stats span small { color: #9b9da7; font-size: 6px; }
.trigger-profile__stats span b { margin-top: 6px; font-size: 10px; }
.trigger-profile__tags { display: flex; flex-wrap: wrap; gap: 5px; padding: 14px 18px; background: #fff; }
.trigger-profile__tags span { padding: 6px 7px; border-radius: 6px; color: #6b6e79; background: #f0f0f3; font-size: 6px; }
.trigger-profile > section { padding: 18px; }
.trigger-profile > section > small { color: #9a9ca6; font-size: 6px; letter-spacing: .12em; }
.trigger-profile > section p { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; margin: 10px 0 0; padding: 12px; border: 1px solid #e2e3e7; border-radius: 10px; background: #fff; }
.trigger-profile > section p > i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: var(--trigger-yellow-soft); font-size: 13px; font-style: normal; }
.trigger-profile > section p span b,.trigger-profile > section p span small { display: block; }
.trigger-profile > section p span b { font-size: 8px; }
.trigger-profile > section p span small { margin-top: 3px; color: #9395a0; font-size: 6px; }
.trigger-profile > section p > em { color: #a0a2ac; font-size: 6px; font-style: normal; }
.trigger-rule { position: absolute; z-index: 4; right: 0; top: 78px; width: 218px; padding: 17px; border: 1px solid rgba(255,255,255,.11); border-radius: 15px; color: #fff; background: rgba(31,32,40,.96); box-shadow: 0 22px 55px rgba(0,0,0,.32); }
.trigger-rule span,.trigger-rule b,.trigger-rule small { display: block; }
.trigger-rule span { color: var(--trigger-yellow); font-size: 5px; font-weight: 850; letter-spacing: .12em; }
.trigger-rule b { margin: 5px 0 3px; font-size: 9px; }
.trigger-rule small { color: #7d7f8a; font-size: 6px; }
.trigger-rule > i { display: block; margin: 12px 0; color: #747680; font-style: normal; }
.trigger-message { position: absolute; z-index: 4; right: 12px; bottom: 14px; width: 270px; padding: 16px; border: 1px solid #e4e5e9; border-radius: 16px; color: #292a32; background: #fff; box-shadow: 0 24px 55px rgba(0,0,0,.29); transform: rotate(2deg); }
.trigger-message header { display: flex; align-items: center; gap: 9px; }
.trigger-message header > i { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 9px; color: #c28911; background: var(--trigger-yellow-soft); font-size: 10px; font-style: normal; }
.trigger-message header span b,.trigger-message header span small { display: block; }
.trigger-message header span b { font-size: 8px; }
.trigger-message header span small { margin-top: 3px; color: #9b9da6; font-size: 6px; }
.trigger-message p { margin: 15px 0; padding: 12px; border-radius: 9px; color: #666874; background: #f5f5f7; font-size: 7px; line-height: 1.5; }
.trigger-message button { width: 100%; height: 35px; border: 0; border-radius: 8px; color: #fff; background: #6558e8; font-size: 7px; font-weight: 850; }
.trigger-stage__badge { position: absolute; z-index: 5; left: 0; bottom: 84px; display: flex; min-width: 195px; align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; color: #fff; background: rgba(30,31,39,.95); box-shadow: 0 17px 42px rgba(0,0,0,.29); }
.trigger-stage__badge > i { display: grid; min-width: 32px; height: 32px; place-items: center; border-radius: 9px; color: #173127; background: var(--trigger-teal); font-size: 7px; font-style: normal; }
.trigger-stage__badge span b,.trigger-stage__badge span small { display: block; }
.trigger-stage__badge span b { font-size: 7px; }
.trigger-stage__badge span small { margin-top: 3px; color: #777a86; font-size: 6px; }

.trigger-principle { color: #31323a; background: var(--trigger-yellow); }
.trigger-principle > div { display: flex; min-height: 85px; align-items: center; justify-content: center; gap: 24px; }
.trigger-principle span { font-size: 7px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.trigger-principle b { font-size: 10px; }
.trigger-principle i { color: #9f812f; font-style: normal; }

.trigger-profile-grid { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 75px; }
.customer-card-demo { overflow: hidden; border: 1px solid #e1e2e7; border-radius: 20px; background: #f5f6f8; box-shadow: 0 25px 70px rgba(28,30,40,.09); }
.customer-card-demo > header { display: flex; align-items: center; justify-content: space-between; padding: 20px; background: #fff; }
.customer-card-demo > header small { color: #9b9da6; font-size: 6px; letter-spacing: .12em; }
.customer-card-demo > header h3 { margin: 5px 0 0; font-size: 18px; }
.customer-card-demo > header > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; color: #fff; background: #6558e8; font-size: 8px; font-weight: 850; }
.customer-card-demo > nav { display: flex; gap: 20px; padding: 0 20px; border-top: 1px solid #e7e8ec; border-bottom: 1px solid #e7e8ec; background: #fff; }
.customer-card-demo > nav b { padding: 13px 0; color: #999ba5; font-size: 7px; }
.customer-card-demo > nav b:first-child { color: #6558e8; border-bottom: 2px solid #6558e8; }
.customer-card-demo__body { display: grid; grid-template-columns: .7fr 1.3fr; min-height: 330px; }
.customer-card-demo__body aside { padding: 20px; border-right: 1px solid #e3e4e8; background: #fff; }
.customer-card-demo__body small { color: #a0a2ac; font-size: 6px; letter-spacing: .1em; }
.customer-card-demo__body aside p { margin: 15px 0; }
.customer-card-demo__body aside p b,.customer-card-demo__body aside p span { display: block; }
.customer-card-demo__body aside p b { font-size: 7px; }
.customer-card-demo__body aside p span { margin-top: 4px; color: #8d8f9a; font-size: 7px; }
.customer-card-demo__body aside div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.customer-card-demo__body aside div i { padding: 5px 6px; border-radius: 6px; color: #6558e8; background: #eeecff; font-size: 5px; font-style: normal; }
.customer-card-demo__body section { padding: 20px; }
.customer-card-demo__body section article { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 11px; border: 1px solid #e3e4e8; border-radius: 9px; background: #fff; }
.customer-card-demo__body section article > i { display: grid; min-width: 29px; height: 29px; place-items: center; border-radius: 8px; color: #6558e8; background: #eeecff; font-size: 7px; font-style: normal; }
.customer-card-demo__body section article:first-of-type > i { color: #237d5b; background: #e7f7ef; }
.customer-card-demo__body section article b,.customer-card-demo__body section article small { display: block; }
.customer-card-demo__body section article b { font-size: 7px; }
.customer-card-demo__body section article small { margin-top: 3px; letter-spacing: 0; }
.trigger-profile-copy h2 { margin: 15px 0 17px; font-size: clamp(37px,4vw,52px); line-height: 1.03; letter-spacing: -2.3px; }
.trigger-profile-copy > p { margin: 0; color: #7c7f8b; font-size: 10px; line-height: 1.8; }

.trigger-segments-section { background: #f6f6f9; }
.trigger-segments { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.trigger-segments article { min-height: 245px; padding: 23px; border: 1px solid #e2e3e8; border-radius: 18px; background: #fff; }
.trigger-segments article > span { color: #a0a2ac; font-size: 6px; font-weight: 850; letter-spacing: .12em; }
.trigger-segments h3 { margin: 45px 0 9px; font-size: 15px; }
.trigger-segments p { margin: 0; color: #7d7f8a; font-size: 8px; line-height: 1.7; }
.trigger-segments article > div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 25px; }
.trigger-segments article > div i { padding: 6px 7px; border-radius: 6px; color: #6558e8; background: #eeecff; font-size: 6px; font-style: normal; }
.trigger-segment-formula { display: flex; align-items: center; gap: 10px; margin-top: 15px; padding: 18px; border: 1px solid #e0e1e6; border-radius: 13px; background: #fff; }
.trigger-segment-formula > span { margin-right: auto; color: #9b9da7; font-size: 6px; letter-spacing: .12em; }
.trigger-segment-formula > b { padding: 8px 10px; border-radius: 7px; color: #5d606b; background: #f2f2f5; font-size: 7px; }
.trigger-segment-formula > i { color: #a5a7b0; font-style: normal; }
.trigger-segment-formula > em { margin-left: 5px; color: #247b5c; font-size: 8px; font-style: normal; font-weight: 850; }

.trigger-simulator { display: grid; grid-template-columns: .68fr 1.05fr .82fr; gap: 13px; }
.trigger-events,.trigger-simulator__flow,.trigger-preview { min-height: 535px; padding: 21px; border: 1px solid #30313a; border-radius: 18px; background: #1b1c24; }
.trigger-events { display: flex; flex-direction: column; gap: 7px; }
.trigger-events > span { margin: 3px 0 10px; color: #7b7d88; font-size: 7px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.trigger-events button { display: grid; grid-template-columns: 32px 1fr; gap: 2px 9px; padding: 11px; border: 1px solid #30313a; border-radius: 10px; color: #a7a9b3; background: #22232b; text-align: left; cursor: pointer; }
.trigger-events button > i { grid-row: 1/3; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 8px; background: #2d2e37; font-size: 11px; font-style: normal; }
.trigger-events button b { align-self: end; font-size: 7px; }
.trigger-events button small { color: #737580; font-size: 6px; }
.trigger-events button.is-active { color: #fff; border-color: #6558e8; background: #6558e8; }
.trigger-events button.is-active > i { background: rgba(255,255,255,.13); }
.trigger-events button.is-active small { color: #d2cefa; }
.trigger-simulator__flow { display: flex; align-items: center; flex-direction: column; gap: 5px; background-color: #171820; background-image: radial-gradient(#3a3c46 1px,transparent 1px); background-size: 19px 19px; }
.simulator-label { align-self: stretch; margin-bottom: 10px; color: #777984; font-size: 6px; letter-spacing: .1em; }
.simulator-label b { color: #b6b7bf; }
.simulator-node { display: grid; width: 100%; grid-template-columns: 31px 1fr auto; align-items: center; gap: 9px; padding: 11px; border: 1px solid #393a44; border-radius: 10px; background: #24252e; }
.simulator-node > i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; color: #afa8f6; background: rgba(101,88,232,.18); font-size: 6px; font-style: normal; }
.simulator-node span small,.simulator-node span b { display: block; }
.simulator-node span small { color: #777a85; font-size: 5px; letter-spacing: .1em; }
.simulator-node span b { margin-top: 4px; color: #fff; font-size: 7px; }
.simulator-node > em { color: #777a85; font-size: 5px; font-style: normal; }
.simulator-node--goal > i { color: #233410; background: rgba(200,239,114,.88); }
.trigger-simulator__flow > b { color: #7770c4; font-size: 10px; }
.trigger-preview { display: flex; flex-direction: column; color: #292a32; background: #fff; }
.trigger-preview > small { color: #9a9ca6; font-size: 6px; letter-spacing: .12em; }
.trigger-preview__channel { margin-top: 30px; }
.trigger-preview__channel span { display: inline-block; padding: 5px 7px; border-radius: 6px; color: #6558e8; background: #eeecff; font-size: 6px; }
.trigger-preview__channel b { display: block; margin-top: 12px; font-size: 14px; line-height: 1.35; }
.trigger-preview > p { margin: 16px 0; padding: 15px; border-radius: 10px; color: #666975; background: #f4f4f7; font-size: 8px; line-height: 1.65; }
.trigger-preview__meta { margin-top: auto; padding-top: 17px; border-top: 1px solid #e6e7eb; }
.trigger-preview__meta span,.trigger-preview__meta b { display: block; }
.trigger-preview__meta span { color: #8c8e99; font-size: 6px; }
.trigger-preview__meta span i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #ff8642; }
.trigger-preview__meta b { margin-top: 7px; color: #656874; font-size: 7px; line-height: 1.5; }
.trigger-preview > button { height: 39px; margin-top: 17px; border: 0; border-radius: 9px; color: #999ba5; background: #e9e9ed; font-size: 7px; font-weight: 850; }

.trigger-library { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.trigger-library article { padding: 24px; border: 1px solid #e3e4e9; border-radius: 18px; background: #fff; }
.trigger-library article > span { color: #6558e8; font-size: 10px; font-weight: 850; }
.trigger-library ul { margin: 25px 0 0; padding: 0; border-top: 1px solid #eaebef; list-style: none; }
.trigger-library li { position: relative; padding: 12px 0 0 15px; color: #737682; font-size: 8px; }
.trigger-library li::before { position: absolute; left: 0; top: 17px; width: 5px; height: 5px; border-radius: 50%; background: var(--trigger-yellow); content: ""; }

.trigger-channels-section { color: #fff; background: linear-gradient(145deg,#5a4fd3,#7468e8); }
.trigger-channels-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 85px; }
.trigger-channels-grid > div:first-child h2 { margin: 15px 0 17px; font-size: clamp(37px,4vw,52px); line-height: 1.03; letter-spacing: -2.3px; }
.trigger-channels-grid > div:first-child > p { margin: 0; color: #d7d4f6; font-size: 10px; line-height: 1.8; }
.trigger-channels-grid .page-eyebrow { color: #dbd7ff; }
.trigger-channel-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; }
.trigger-channel-pills span { padding: 7px 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 7px; color: #e4e1fb; background: rgba(255,255,255,.07); font-size: 7px; }
.trigger-channel-check { padding: 17px; border: 1px solid rgba(255,255,255,.16); border-radius: 19px; background: rgba(28,27,57,.22); box-shadow: 0 27px 65px rgba(44,36,112,.2); }
.trigger-channel-check > header { display: flex; align-items: center; justify-content: space-between; padding: 4px 4px 16px; color: #d3cff5; font-size: 8px; }
.trigger-channel-check > header b { color: var(--trigger-yellow); }
.trigger-channel-check article { display: flex; align-items: center; gap: 11px; margin-top: 7px; padding: 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; background: rgba(255,255,255,.07); }
.trigger-channel-check article > i { display: grid; min-width: 31px; height: 31px; place-items: center; border-radius: 8px; color: #20372e; background: var(--trigger-teal); font-size: 7px; font-style: normal; }
.trigger-channel-check article b,.trigger-channel-check article small { display: block; }
.trigger-channel-check article b { font-size: 8px; }
.trigger-channel-check article small { margin-top: 3px; color: #ccc8ed; font-size: 6px; }

.trigger-team { display: grid; grid-template-columns: 1fr 25px 1fr 25px 1fr 25px 1fr; align-items: center; }
.trigger-team article { min-height: 235px; padding: 24px; border: 1px solid #e3e4e9; border-radius: 17px; background: #fff; }
.trigger-team article > span { color: #6558e8; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.trigger-team h3 { margin: 72px 0 9px; font-size: 14px; }
.trigger-team p { margin: 0; color: #7d808b; font-size: 8px; line-height: 1.65; }
.trigger-team > i { color: #aaa3f3; font-style: normal; text-align: center; }

.trigger-vs-funnel { padding: 80px 0; color: #fff; background: #191a22; }
.trigger-vs-funnel > div { display: grid; grid-template-columns: 1fr 60px 1fr; align-items: center; gap: 25px; }
.trigger-vs-funnel > div > div { min-height: 245px; padding: 34px; border: 1px solid #30313a; border-radius: 18px; background: #202129; }
.trigger-vs-funnel small { color: #858793; font-size: 6px; letter-spacing: .13em; }
.trigger-vs-funnel h3 { margin: 22px 0 10px; font-size: 29px; }
.trigger-vs-funnel p { margin: 0; color: #92949f; font-size: 9px; line-height: 1.7; }
.trigger-vs-funnel > div > div > span,.trigger-vs-funnel a { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; color: var(--trigger-yellow); font-size: 8px; font-weight: 850; }
.trigger-vs-funnel a svg { width: 12px; }
.trigger-vs-funnel > div > i { color: #7770d5; font-size: 24px; font-style: normal; text-align: center; }
.trigger-cta { background: radial-gradient(circle at 50% -40%,rgba(255,211,97,.18),transparent 54%),#171820; }
.trigger-cta .trigger-pill { margin-bottom: 12px; }

@media (max-width: 980px) {
  .triggers-hero__grid { gap: 30px; }
  .trigger-profile { left: 0; }
  .trigger-rule { right: -5px; }
  .trigger-profile-grid,.trigger-channels-grid { gap: 45px; }
  .trigger-segments,.trigger-library { grid-template-columns: 1fr 1fr; }
  .trigger-simulator { grid-template-columns: .7fr 1.3fr; }
  .trigger-preview { grid-column: 1/-1; min-height: 370px; }
  .trigger-team { grid-template-columns: 1fr 20px 1fr; gap: 10px; }
  .trigger-team > i:nth-of-type(2) { display: none; }
  .trigger-team article:nth-of-type(3) { grid-column: 1; }
  .trigger-team > i:nth-of-type(3) { grid-column: 2; }
}

@media (max-width: 760px) {
  .triggers-hero { padding-top: 115px; }
  .triggers-hero__grid { grid-template-columns: 1fr; text-align: center; }
  .triggers-hero__copy > p:not(.trigger-early-note) { margin-right: auto; margin-left: auto; }
  .trigger-stage { max-width: 590px; margin: 20px auto 0; }
  .trigger-principle > div { justify-content: flex-start; overflow-x: auto; }
  .trigger-principle b,.trigger-principle i { flex: 0 0 auto; }
  .trigger-profile-grid,.trigger-channels-grid { grid-template-columns: 1fr; }
  .trigger-segment-formula { flex-wrap: wrap; }
  .trigger-segment-formula > span { width: 100%; }
  .trigger-simulator { grid-template-columns: 1fr; }
  .trigger-preview { grid-column: auto; }
  .trigger-vs-funnel > div { grid-template-columns: 1fr; }
  .trigger-vs-funnel > div > i { transform: rotate(90deg); }
}

@media (max-width: 520px) {
  .triggers-hero h1 { font-size: 42px; letter-spacing: -2.6px; }
  .triggers-hero__grid { grid-template-columns: minmax(0,1fr); }
  .triggers-hero__copy { min-width: 0; }
  .trigger-stage { width: 650px; max-width: none; justify-self: start; transform: scale(.51); transform-origin: top left; margin-bottom: -280px; }
  .trigger-profile { left: 5px; }
  .trigger-rule { right: 3px; }
  .customer-card-demo__body { grid-template-columns: 1fr; }
  .customer-card-demo__body aside { border-right: 0; border-bottom: 1px solid #e3e4e8; }
  .trigger-segments,.trigger-library { grid-template-columns: 1fr; }
  .trigger-simulator { grid-template-columns: minmax(0,1fr); }
  .trigger-events,.trigger-simulator__flow,.trigger-preview { min-height: auto; }
  .trigger-simulator__flow { min-height: 530px; }
  .simulator-node { grid-template-columns: 31px 1fr; }
  .simulator-node > em { grid-column: 2; }
  .trigger-preview { min-height: 390px; }
  .trigger-channel-check { padding: 11px; }
  .trigger-team { grid-template-columns: 1fr; }
  .trigger-team > i { transform: rotate(90deg); }
  .trigger-team article:nth-of-type(3),.trigger-team > i:nth-of-type(3) { grid-column: auto; }
  .trigger-team > i:nth-of-type(2) { display: block; }
  .trigger-vs-funnel > div > div { padding: 28px; }
}

/* Shopboard Partners for merchants */
.affiliate-page { --affiliate-green:#a9f58c; --affiliate-orange:#ffb36b; --affiliate-violet:#7466f3; }
.affiliate-hero { position:relative; min-height:750px; overflow:hidden; padding:130px 0 78px; color:#fff; background:#101118; }
.affiliate-hero::before { position:absolute; inset:0; content:""; opacity:.19; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,#000,transparent 78%); }
.affiliate-hero__glow { position:absolute; top:-180px; right:-90px; width:780px; height:780px; border-radius:50%; background:radial-gradient(circle,rgba(169,245,140,.18),rgba(255,179,107,.08) 34%,transparent 68%); filter:blur(4px); }
.affiliate-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:50px; }
.affiliate-hero__copy { position:relative; z-index:3; min-width:0; }
.affiliate-hero .breadcrumbs { margin-bottom:30px; color:#72747e; }
.affiliate-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#d9dbe4; background:rgba(255,255,255,.05); font-size:7px; font-weight:800; }
.affiliate-pill i { display:grid; width:20px; height:20px; place-items:center; border-radius:7px; color:#162013; background:var(--affiliate-green); font-size:9px; font-style:normal; }
.affiliate-hero h1 { max-width:590px; margin:24px 0 22px; font-size:64px; line-height:.94; letter-spacing:-4px; }
.affiliate-hero h1 em { color:var(--affiliate-green); font-family:Georgia,serif; font-weight:400; letter-spacing:-4px; }
.affiliate-hero__copy > p:not(.affiliate-early-note) { max-width:490px; margin:0; color:#a0a2ad; font-size:11px; line-height:1.85; }
.affiliate-primary { color:#172015; background:var(--affiliate-green); box-shadow:0 18px 48px rgba(130,230,104,.15); }
.affiliate-primary:hover { background:#bcffa5; }
.affiliate-early-note { margin-top:18px!important; color:#656872!important; font-size:6px!important; }
.affiliate-stage { position:relative; min-width:0; min-height:570px; }
.affiliate-dashboard { position:absolute; top:38px; left:15px; z-index:2; width:530px; min-height:410px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:19px; color:#202126; background:#f7f7f5; box-shadow:0 42px 100px rgba(0,0,0,.42); transform:rotate(-1.4deg); }
.affiliate-dashboard > header { display:flex; align-items:center; justify-content:space-between; height:58px; padding:0 22px; border-bottom:1px solid #e5e5e1; background:#fff; }
.affiliate-dashboard > header span { display:flex; align-items:center; gap:9px; font-size:8px; }
.affiliate-dashboard > header i { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; color:#fff; background:#171820; font-size:7px; font-style:normal; }
.affiliate-dashboard > header em { color:#8a8b90; font-size:7px; font-style:normal; }
.affiliate-dashboard__metric { display:flex; align-items:center; justify-content:space-between; padding:25px 25px 20px; }
.affiliate-dashboard__metric small,.affiliate-dashboard__metric strong,.affiliate-dashboard__metric i { display:block; }
.affiliate-dashboard__metric small { color:#898b90; font-size:6px; }
.affiliate-dashboard__metric strong { margin:7px 0 5px; font-size:30px; letter-spacing:-1.5px; }
.affiliate-dashboard__metric i { color:#449b56; font-size:6px; font-style:normal; font-weight:800; }
.affiliate-dashboard button { border:0; border-radius:8px; padding:11px 13px; color:#192316; background:var(--affiliate-green); font-size:6px; font-weight:800; }
.affiliate-dashboard__stats { display:grid; grid-template-columns:repeat(3,1fr); margin:0 25px 20px; border:1px solid #e2e2de; border-radius:11px; background:#fff; }
.affiliate-dashboard__stats span { padding:13px 15px; border-right:1px solid #e8e8e4; }
.affiliate-dashboard__stats span:last-child { border:0; }
.affiliate-dashboard__stats small,.affiliate-dashboard__stats b { display:block; }
.affiliate-dashboard__stats small { color:#97989c; font-size:5px; }
.affiliate-dashboard__stats b { margin-top:6px; font-size:14px; }
.affiliate-dashboard > section { margin:0 25px; padding:15px 17px; border:1px solid #e2e2de; border-radius:11px; background:#fff; }
.affiliate-dashboard > section > small { color:#9b9ca1; font-size:5px; letter-spacing:.1em; }
.affiliate-dashboard > section p { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:11px; margin:10px 0 0; padding-top:10px; border-top:1px solid #efefec; }
.affiliate-dashboard > section p > i { width:7px; height:7px; border-radius:50%; background:#69cf79; }
.affiliate-dashboard > section b,.affiliate-dashboard > section small { display:block; }
.affiliate-dashboard > section b { font-size:7px; }
.affiliate-dashboard > section small { margin-top:3px; color:#939499; font-size:5px; }
.affiliate-dashboard > section em { color:#3a8e4c; font-size:7px; font-style:normal; font-weight:800; }
.affiliate-link-card,.affiliate-order-card,.affiliate-chart-card { position:absolute; z-index:3; border:1px solid rgba(255,255,255,.14); border-radius:14px; box-shadow:0 26px 60px rgba(0,0,0,.38); }
.affiliate-link-card { top:8px; right:-22px; width:230px; padding:17px; color:#fff; background:#24252d; }
.affiliate-link-card small,.affiliate-link-card b { display:block; }
.affiliate-link-card small { color:#8c8f9b; font-size:5px; }
.affiliate-link-card b { margin:9px 0; font-size:9px; }
.affiliate-link-card span { display:flex; align-items:center; justify-content:space-between; padding:8px 10px; border-radius:7px; color:#b1b3bc; background:#191a20; font-size:5px; }
.affiliate-link-card span i { color:var(--affiliate-green); font-style:normal; }
.affiliate-order-card { right:-12px; bottom:38px; width:235px; padding:18px; color:#1c2519; background:var(--affiliate-green); transform:rotate(2deg); }
.affiliate-order-card > span { display:flex; align-items:center; gap:7px; font-size:6px; }
.affiliate-order-card > span i { display:grid; width:21px; height:21px; place-items:center; border-radius:7px; background:rgba(20,40,15,.11); font-style:normal; }
.affiliate-order-card b,.affiliate-order-card em { display:block; }
.affiliate-order-card b { margin:16px 0 5px; font-size:13px; }
.affiliate-order-card em { font-size:6px; font-style:normal; opacity:.65; }
.affiliate-chart-card { bottom:8px; left:-15px; width:275px; padding:17px; color:#e6e6eb; background:#22232a; transform:rotate(-1deg); }
.affiliate-chart-card small { color:#868994; font-size:5px; }
.affiliate-chart-card div { display:flex; align-items:flex-end; gap:7px; height:67px; margin-top:9px; }
.affiliate-chart-card i { flex:1; height:var(--bar); border-radius:4px 4px 1px 1px; background:linear-gradient(var(--affiliate-orange),#e98647); }

.affiliate-principle { color:#d9dbe2; background:#191a21; }
.affiliate-principle > div { display:flex; align-items:center; justify-content:center; gap:24px; min-height:82px; }
.affiliate-principle span { color:var(--affiliate-green); font-size:7px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.affiliate-principle b { font-size:9px; }
.affiliate-principle i { color:#696b75; font-style:normal; }

.affiliate-balance-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }
.affiliate-balance-card { position:relative; min-height:270px; overflow:hidden; padding:30px; border:1px solid #e1e2e7; border-radius:18px; background:#fafafa; }
.affiliate-balance-card::after { position:absolute; right:-40px; bottom:-55px; width:150px; height:150px; border:30px solid #ececf0; border-radius:50%; content:""; }
.affiliate-balance-card--good { color:#f5f5f7; border-color:#24252d; background:#191a21; }
.affiliate-balance-card--good::after { border-color:rgba(169,245,140,.13); }
.affiliate-balance-card > span { color:#a2a4ad; font-size:6px; font-weight:850; letter-spacing:.1em; }
.affiliate-balance-card--good > span { color:var(--affiliate-green); }
.affiliate-balance-card h3 { max-width:330px; margin:55px 0 10px; font-size:23px; }
.affiliate-balance-card p { position:relative; z-index:1; max-width:390px; margin:0; color:#7c7f89; font-size:9px; line-height:1.7; }
.affiliate-balance-card--good p { color:#a4a6af; }
.affiliate-balance-card > b { position:absolute; bottom:28px; left:30px; z-index:1; color:#555964; font-size:7px; }
.affiliate-balance-card--good > b { color:#dae0d7; }

.affiliate-launch-section { background:#f0f1f4; }
.affiliate-launch-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:25px; align-items:stretch; }
.affiliate-launch-steps { display:grid; gap:8px; }
.affiliate-launch-steps button { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:14px; padding:18px; border:1px solid #dadce3; border-radius:13px; color:#252630; background:rgba(255,255,255,.62); text-align:left; transition:.2s ease; }
.affiliate-launch-steps button:hover,.affiliate-launch-steps button.is-active { border-color:#24252d; color:#fff; background:#191a21; transform:translateX(5px); }
.affiliate-launch-steps button > i { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; color:#737680; background:#e7e8ec; font-size:7px; font-style:normal; font-weight:850; }
.affiliate-launch-steps button.is-active > i { color:#1c2619; background:var(--affiliate-green); }
.affiliate-launch-steps b,.affiliate-launch-steps small { display:block; }
.affiliate-launch-steps b { font-size:9px; }
.affiliate-launch-steps small { margin-top:5px; color:#8a8d97; font-size:6px; }
.affiliate-launch-preview { min-width:0; min-height:475px; padding:28px; border-radius:20px; background:#171820; }
.affiliate-preview-screen { min-height:419px; overflow:hidden; border-radius:13px; color:#26272d; background:#fff; box-shadow:0 28px 60px rgba(0,0,0,.25); }
.affiliate-preview-screen[hidden] { display:none; }
.affiliate-preview-screen > header { display:flex; align-items:center; gap:11px; height:55px; padding:0 22px; border-bottom:1px solid #ececed; color:#8c8e96; font-size:6px; }
.affiliate-preview-screen > header i { width:21px; height:21px; border-radius:6px; background:#171820; }
.affiliate-preview-screen > header button { margin-left:auto; padding:8px 12px; border:1px solid #e4e5e9; border-radius:7px; color:#6e7079; background:#fff; font-size:6px; }
.affiliate-preview-screen > main:not(.affiliate-mini-cabinet):not(.affiliate-mini-ledger):not(.affiliate-mini-materials) { min-height:272px; padding:42px 42px 30px; background:radial-gradient(circle at 85% 10%,rgba(169,245,140,.35),transparent 27%),#f7f7f3; }
.affiliate-preview-screen > main > span { color:#6b7d62; font-size:6px; font-weight:850; text-transform:uppercase; }
.affiliate-preview-screen > main h3 { margin:12px 0; font-size:34px; line-height:1; letter-spacing:-1.8px; }
.affiliate-preview-screen > main p { max-width:320px; color:#7a7c83; font-size:8px; line-height:1.6; }
.affiliate-preview-screen > main > button { margin-top:14px; padding:11px 15px; border:0; border-radius:8px; color:#172015; background:var(--affiliate-green); font-size:6px; font-weight:850; }
.affiliate-preview-screen > footer { display:grid; grid-template-columns:auto 1fr auto 1fr; align-items:center; gap:10px; min-height:88px; padding:0 42px; }
.affiliate-preview-screen > footer b { font-size:20px; }
.affiliate-preview-screen > footer span { color:#878991; font-size:6px; }
.affiliate-mini-cabinet { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:31px; }
.affiliate-mini-cabinet > span { padding:22px; border:1px solid #e6e7e9; border-radius:11px; background:#fafafa; }
.affiliate-mini-cabinet small,.affiliate-mini-cabinet b { display:block; }
.affiliate-mini-cabinet small { color:#989aa1; font-size:6px; }
.affiliate-mini-cabinet b { margin-top:9px; font-size:17px; }
.affiliate-mini-cabinet > div { grid-column:1/-1; padding:23px; border-radius:12px; color:#fff; background:#191a21; }
.affiliate-mini-cabinet > div b { margin:9px 0 18px; font-size:16px; }
.affiliate-mini-cabinet > div button { padding:9px 12px; border:0; border-radius:7px; color:#1b2518; background:var(--affiliate-green); font-size:6px; }
.affiliate-mini-ledger { padding:25px 30px; }
.affiliate-mini-ledger p { display:grid; grid-template-columns:31px 1fr auto; align-items:center; gap:13px; margin:0; padding:18px 0; border-bottom:1px solid #ececef; }
.affiliate-mini-ledger p > i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; color:#3e8f4c; background:#e8f8e6; font-style:normal; }
.affiliate-mini-ledger p:nth-child(2) > i { color:#a5793b; background:#fff1d8; }
.affiliate-mini-ledger p:nth-child(3) > i { color:#91575a; background:#ffe9e8; }
.affiliate-mini-ledger b,.affiliate-mini-ledger small { display:block; }
.affiliate-mini-ledger b { font-size:8px; }
.affiliate-mini-ledger small { margin-top:4px; color:#94969d; font-size:6px; }
.affiliate-mini-ledger em { font-size:8px; font-style:normal; font-weight:850; }
.affiliate-mini-materials { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:31px; }
.affiliate-mini-materials article { min-height:245px; padding:18px; border:1px solid #e5e6e9; border-radius:12px; background:linear-gradient(145deg,#fafafa,#f2f3f4); }
.affiliate-mini-materials article:first-child { background:radial-gradient(circle at 75% 18%,var(--affiliate-orange),transparent 25%),linear-gradient(145deg,#282931,#171820); color:#fff; }
.affiliate-mini-materials article:nth-child(2) { background:var(--affiliate-green); }
.affiliate-mini-materials span,.affiliate-mini-materials b,.affiliate-mini-materials small { display:block; }
.affiliate-mini-materials span { color:#8c8f98; font-size:5px; }
.affiliate-mini-materials b { margin-top:135px; font-size:10px; }
.affiliate-mini-materials small { margin-top:6px; color:#868891; font-size:6px; }
.affiliate-mini-materials article:first-child span,.affiliate-mini-materials article:first-child small { color:#a8aab2; }

.affiliate-calculator { display:grid; grid-template-columns:.82fr 1.18fr; gap:20px; padding:20px; border:1px solid #2c2d35; border-radius:20px; background:#191a21; }
.affiliate-calculator__controls { padding:25px; }
.affiliate-calculator__controls label { display:block; margin-bottom:24px; }
.affiliate-calculator__controls label > span { display:flex; justify-content:space-between; margin-bottom:11px; color:#d5d6dc; font-size:8px; font-weight:750; }
.affiliate-calculator__controls output { color:var(--affiliate-green); }
.affiliate-calculator__controls input { width:100%; accent-color:var(--affiliate-green); }
.affiliate-calculator__controls select { width:100%; padding:13px 14px; border:1px solid #343640; border-radius:9px; color:#f0f0f2; background:#22232b; font-size:8px; }
.affiliate-calc-note { display:flex; gap:10px; padding:13px; border-radius:10px; color:#9799a3; background:#22232b; }
.affiliate-calc-note i { display:grid; flex:0 0 24px; height:24px; place-items:center; border-radius:7px; color:#172015; background:var(--affiliate-green); font-size:7px; font-style:normal; font-weight:850; }
.affiliate-calc-note p { margin:0; font-size:6px; line-height:1.6; }
.affiliate-calculator__result { display:flex; min-width:0; flex-direction:column; padding:35px; border-radius:15px; color:#1c221a; background:var(--affiliate-green); }
.affiliate-calculator__result > span { font-size:6px; font-weight:850; letter-spacing:.1em; }
.affiliate-calculator__result > strong { margin:16px 0 32px; font-size:47px; letter-spacing:-2.5px; }
.affiliate-calculator__result > div { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.affiliate-calculator__result > div span { padding:16px; border-radius:11px; background:rgba(20,35,15,.08); }
.affiliate-calculator__result small,.affiliate-calculator__result b { display:block; }
.affiliate-calculator__result small { font-size:6px; opacity:.62; }
.affiliate-calculator__result b { margin-top:8px; font-size:15px; }
.affiliate-calculator__result > p { height:10px; overflow:hidden; margin:auto 0 12px; border-radius:999px; background:rgba(18,35,13,.18); }
.affiliate-calculator__result > p i { display:block; width:var(--share); height:100%; background:#171820; }
.affiliate-calculator__result footer { display:flex; gap:18px; font-size:6px; }
.affiliate-calculator__result footer span { display:flex; align-items:center; gap:6px; }
.affiliate-calculator__result footer i { width:7px; height:7px; border-radius:50%; background:#171820; }
.affiliate-calculator__result footer span:last-child i { background:rgba(18,35,13,.18); }

.affiliate-attribution-grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:70px; }
.affiliate-attribution-grid h2 { margin:13px 0 18px; font-size:43px; line-height:1.02; letter-spacing:-2.4px; }
.affiliate-attribution-grid > div:first-child > p { max-width:410px; color:#787b85; font-size:10px; line-height:1.75; }
.affiliate-source-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:23px; }
.affiliate-source-tags span { padding:8px 11px; border:1px solid #dedfe4; border-radius:999px; color:#60636d; font-size:6px; font-weight:800; }
.affiliate-attribution-card { overflow:hidden; border:1px solid #dee0e5; border-radius:18px; background:#fafafa; box-shadow:0 22px 60px rgba(35,35,50,.08); }
.affiliate-attribution-card > header { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid #e3e4e7; color:#92949c; font-size:6px; }
.affiliate-attribution-card > header b { padding:6px 9px; border-radius:999px; color:#397c42; background:#e5f7e1; font-size:6px; }
.affiliate-attribution-card > section { display:flex; align-items:center; gap:14px; padding:23px; background:#fff; }
.affiliate-attribution-card > section > i { display:grid; width:47px; height:47px; place-items:center; border-radius:13px; color:#fff; background:#7466f3; font-size:10px; font-style:normal; font-weight:850; }
.affiliate-attribution-card > section small,.affiliate-attribution-card > section b,.affiliate-attribution-card > section em { display:block; }
.affiliate-attribution-card > section small { color:#999ba3; font-size:5px; }
.affiliate-attribution-card > section b { margin:4px 0; font-size:11px; }
.affiliate-attribution-card > section em { color:#6d7079; font-size:6px; font-style:normal; }
.affiliate-attribution-card > div { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #e4e5e8; border-bottom:1px solid #e4e5e8; }
.affiliate-attribution-card > div span { padding:18px; border-right:1px solid #e4e5e8; }
.affiliate-attribution-card > div span:last-child { border:0; }
.affiliate-attribution-card > div small,.affiliate-attribution-card > div b { display:block; }
.affiliate-attribution-card > div small { color:#999ba3; font-size:5px; }
.affiliate-attribution-card > div b { margin-top:7px; font-size:7px; }
.affiliate-attribution-card > footer { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; color:#747781; font-size:6px; }
.affiliate-attribution-card > footer b { color:#33353c; }

.affiliate-ledger-section { background:#f1f2f4; }
.affiliate-ledger { min-width:720px; overflow:hidden; border:1px solid #dde0e5; border-radius:16px; background:#fff; box-shadow:0 20px 50px rgba(35,35,50,.06); }
.affiliate-ledger > header,.affiliate-ledger > article { display:grid; grid-template-columns:1.55fr 1fr .75fr .5fr .75fr; align-items:center; gap:10px; }
.affiliate-ledger > header { padding:15px 21px; color:#9698a0; background:#f7f7f8; font-size:5px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.affiliate-ledger > article { padding:17px 21px; border-top:1px solid #ececef; color:#535660; font-size:7px; }
.affiliate-ledger > article > span:first-child { display:grid; grid-template-columns:30px 1fr; column-gap:10px; }
.affiliate-ledger > article > span:first-child i { display:grid; grid-row:1/3; width:30px; height:30px; place-items:center; border-radius:8px; color:#397c42; background:#e9f7e6; font-style:normal; }
.affiliate-ledger > article > span:first-child b { color:#25272d; font-size:8px; }
.affiliate-ledger > article > span:first-child small { color:#9698a0; font-size:5px; }
.affiliate-ledger em { display:inline-block; padding:6px 8px; border-radius:999px; color:#8b6b35; background:#fff3dd; font-size:5px; font-style:normal; }
.affiliate-ledger em.is-confirmed { color:#397c42; background:#e5f7e1; }
.affiliate-ledger em.is-cancelled { color:#8b5256; background:#ffe9e8; }
.affiliate-ledger strong { color:#292b31; }
.affiliate-table-note { margin:14px 0 0; color:#90929b; font-size:6px; text-align:center; }
.affiliate-ledger-section .wrap { overflow-x:auto; }

.affiliate-tools-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.affiliate-tools-grid article { min-height:245px; padding:25px; border:1px solid #e2e3e7; border-radius:16px; background:#fafafa; }
.affiliate-tools-grid article > span { display:grid; width:44px; height:44px; place-items:center; border-radius:12px; color:#20251d; background:var(--affiliate-green); font-size:17px; font-weight:850; }
.affiliate-tools-grid article:nth-child(2) > span { background:#dcd8ff; }
.affiliate-tools-grid article:nth-child(3) > span { background:#ffe2bf; }
.affiliate-tools-grid article:nth-child(4) > span { background:#ffd7d3; }
.affiliate-tools-grid h3 { margin:55px 0 9px; font-size:15px; }
.affiliate-tools-grid p { margin:0; color:#7f828c; font-size:8px; line-height:1.65; }

.affiliate-rules-section { color:#fff; background:#191a21; }
.affiliate-rules-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:80px; }
.affiliate-rules-grid h2 { margin:14px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2px; }
.affiliate-rules-grid > div:first-child p { max-width:410px; color:#9698a2; font-size:9px; line-height:1.75; }
.affiliate-rule-list { padding:12px; border:1px solid #30313a; border-radius:17px; background:#202129; }
.affiliate-rule-list article { display:flex; align-items:center; gap:15px; padding:15px; border-bottom:1px solid #32333c; }
.affiliate-rule-list article:last-child { border:0; }
.affiliate-rule-list article > i { display:grid; flex:0 0 37px; height:37px; place-items:center; border-radius:10px; color:#182016; background:var(--affiliate-green); font-size:7px; font-style:normal; font-weight:850; }
.affiliate-rule-list b,.affiliate-rule-list small { display:block; }
.affiliate-rule-list b { font-size:9px; }
.affiliate-rule-list small { margin-top:4px; color:#8f919b; font-size:6px; }

.affiliate-two-programs { padding:75px 0; color:#fff; background:#111218; }
.affiliate-two-programs > div { display:grid; grid-template-columns:1fr 60px 1fr; align-items:center; gap:24px; }
.affiliate-two-programs > div > div { min-height:240px; padding:32px; border:1px solid #2c2d35; border-radius:17px; background:#1c1d24; }
.affiliate-two-programs small { color:#858792; font-size:6px; letter-spacing:.11em; }
.affiliate-two-programs h3 { margin:43px 0 10px; font-size:24px; }
.affiliate-two-programs p { max-width:440px; margin:0; color:#9799a3; font-size:8px; line-height:1.7; }
.affiliate-two-programs > div > div > span,.affiliate-two-programs a { display:inline-flex; align-items:center; gap:8px; margin-top:24px; color:var(--affiliate-green); font-size:7px; font-weight:850; }
.affiliate-two-programs a svg { width:12px; }
.affiliate-two-programs > div > i { color:#676a75; font-size:24px; font-style:normal; text-align:center; }
.affiliate-cta { background:radial-gradient(circle at 50% -30%,rgba(169,245,140,.18),transparent 50%),#171820; }
.affiliate-cta .affiliate-pill { margin-bottom:13px; }

@media (max-width:980px) {
  .affiliate-hero__grid { gap:24px; }
  .affiliate-dashboard { left:0; width:480px; }
  .affiliate-link-card { right:-5px; }
  .affiliate-order-card { right:0; }
  .affiliate-launch-grid { grid-template-columns:.88fr 1.12fr; }
  .affiliate-tools-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:760px) {
  .affiliate-hero { padding-top:115px; }
  .affiliate-hero__grid { grid-template-columns:1fr; text-align:center; }
  .affiliate-hero__copy > p:not(.affiliate-early-note) { margin-right:auto; margin-left:auto; }
  .affiliate-stage { width:620px; max-width:100%; margin:10px auto 0; }
  .affiliate-dashboard { width:530px; }
  .affiliate-principle > div { justify-content:flex-start; overflow-x:auto; }
  .affiliate-principle b,.affiliate-principle i { flex:0 0 auto; }
  .affiliate-balance-grid,.affiliate-launch-grid,.affiliate-calculator,.affiliate-attribution-grid,.affiliate-rules-grid { grid-template-columns:1fr; }
  .affiliate-attribution-grid,.affiliate-rules-grid { gap:40px; }
  .affiliate-launch-preview { min-height:470px; }
  .affiliate-two-programs > div { grid-template-columns:1fr; }
  .affiliate-two-programs > div > i { transform:rotate(90deg); }
}

@media (max-width:520px) {
  .affiliate-hero h1 { font-size:41px; letter-spacing:-2.5px; }
  .affiliate-hero h1 em { letter-spacing:-2.5px; }
  .affiliate-hero__grid { grid-template-columns:minmax(0,1fr); }
  .affiliate-hero__copy { min-width:0; }
  .affiliate-stage { width:650px; max-width:none; justify-self:start; transform:scale(.51); transform-origin:top left; margin-bottom:-265px; }
  .affiliate-dashboard { left:7px; width:530px; }
  .affiliate-link-card { right:3px; }
  .affiliate-balance-grid { grid-template-columns:minmax(0,1fr); }
  .affiliate-balance-card { min-height:300px; }
  .affiliate-launch-preview { min-height:370px; padding:12px; }
  .affiliate-preview-screen { min-height:346px; }
  .affiliate-preview-screen > main:not(.affiliate-mini-cabinet):not(.affiliate-mini-ledger):not(.affiliate-mini-materials) { min-height:225px; padding:28px 22px 20px; }
  .affiliate-preview-screen > main h3 { font-size:28px; }
  .affiliate-preview-screen > footer { min-height:67px; padding:0 20px; }
  .affiliate-mini-cabinet { grid-template-columns:1fr; padding:18px; }
  .affiliate-mini-cabinet > span { padding:12px 15px; }
  .affiliate-mini-cabinet > div { grid-column:auto; }
  .affiliate-mini-materials { grid-template-columns:1fr; padding:18px; }
  .affiliate-mini-materials article { min-height:78px; }
  .affiliate-mini-materials b { margin-top:25px; }
  .affiliate-calculator { padding:9px; }
  .affiliate-calculator__controls,.affiliate-calculator__result { padding:22px; }
  .affiliate-calculator__result > strong { font-size:36px; }
  .affiliate-calculator__result > div { grid-template-columns:1fr; }
  .affiliate-calculator__result > p { margin-top:35px; }
  .affiliate-attribution-grid h2,.affiliate-rules-grid h2 { font-size:35px; }
  .affiliate-attribution-card > div { grid-template-columns:1fr; }
  .affiliate-attribution-card > div span { border-right:0; border-bottom:1px solid #e4e5e8; }
  .affiliate-tools-grid { grid-template-columns:1fr; }
  .affiliate-tools-grid article { min-height:225px; }
  .affiliate-two-programs > div > div { padding:26px; }
}

/* Shopboard Loyalty */
.loyalty-page { --loyalty-pink:#ff92bd; --loyalty-lime:#d5ff75; --loyalty-violet:#7867f2; }
.loyalty-hero { position:relative; min-height:760px; overflow:hidden; padding:130px 0 85px; color:#fff; background:#101118; }
.loyalty-hero::before { position:absolute; inset:0; content:""; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,#000,transparent 80%); }
.loyalty-hero__glow { position:absolute; top:-140px; right:-100px; width:780px; height:780px; border-radius:50%; background:radial-gradient(circle,rgba(255,146,189,.2),rgba(120,103,242,.12) 37%,transparent 68%); }
.loyalty-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:50px; }
.loyalty-hero__copy { position:relative; z-index:3; min-width:0; }
.loyalty-hero .breadcrumbs { margin-bottom:30px; color:#72747e; }
.loyalty-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#d9dbe4; background:rgba(255,255,255,.05); font-size:7px; font-weight:800; }
.loyalty-pill i { display:grid; width:20px; height:20px; place-items:center; border-radius:7px; color:#29161f; background:var(--loyalty-pink); font-size:9px; font-style:normal; }
.loyalty-hero h1 { max-width:590px; margin:24px 0 22px; font-size:62px; line-height:.94; letter-spacing:-4px; }
.loyalty-hero h1 em { color:var(--loyalty-pink); font-family:Georgia,serif; font-weight:400; letter-spacing:-3.6px; }
.loyalty-hero__copy > p:not(.loyalty-early-note) { max-width:490px; margin:0; color:#a0a2ad; font-size:11px; line-height:1.85; }
.loyalty-primary { color:#24141c; background:var(--loyalty-pink); box-shadow:0 18px 48px rgba(255,126,179,.15); }
.loyalty-primary:hover { background:#ffabd0; }
.loyalty-early-note { margin-top:18px!important; color:#656872!important; font-size:6px!important; }
.loyalty-stage { position:relative; min-width:0; min-height:580px; }
.loyalty-phone { position:absolute; top:5px; left:115px; z-index:2; width:355px; min-height:550px; overflow:hidden; border:7px solid #25262d; border-radius:32px; color:#27272d; background:#f6f4f5; box-shadow:0 44px 100px rgba(0,0,0,.5); transform:rotate(-1.8deg); }
.loyalty-phone > header { display:flex; align-items:center; gap:10px; height:66px; padding:0 18px; background:#fff; }
.loyalty-phone > header > i { width:29px; height:29px; border-radius:9px; background:linear-gradient(135deg,var(--loyalty-pink),var(--loyalty-violet)); }
.loyalty-phone > header small,.loyalty-phone > header b { display:block; }
.loyalty-phone > header small { color:#aaa7ac; font-size:4px; letter-spacing:.08em; }
.loyalty-phone > header b { margin-top:3px; font-size:9px; }
.loyalty-phone > header em { margin-left:auto; color:#9e9ca2; font-size:7px; font-style:normal; }
.loyalty-wallet { margin:14px; padding:21px; border-radius:17px; color:#fff; background:radial-gradient(circle at 85% 5%,rgba(255,146,189,.55),transparent 28%),linear-gradient(145deg,#26232f,#14151b); }
.loyalty-wallet > small { color:#aaa7b2; font-size:5px; }
.loyalty-wallet > strong { display:block; margin:9px 0 3px; font-size:34px; letter-spacing:-1.5px; }
.loyalty-wallet > strong i { color:var(--loyalty-pink); font-size:12px; font-style:normal; }
.loyalty-wallet > span { color:#aaa7b2; font-size:5px; }
.loyalty-wallet > div { margin-top:25px; }
.loyalty-wallet > div b,.loyalty-wallet > div small { display:block; }
.loyalty-wallet > div b { font-size:7px; }
.loyalty-wallet > div small { margin:4px 0 8px; color:#aaa7b2; font-size:5px; }
.loyalty-wallet > div > i { display:block; height:5px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.14); }
.loyalty-wallet > div > i em { display:block; width:73%; height:100%; background:var(--loyalty-pink); }
.loyalty-phone > section { padding:7px 18px 17px; }
.loyalty-phone > section > span { color:#9f9ca3; font-size:5px; font-weight:850; letter-spacing:.1em; }
.loyalty-phone > section article { display:grid; grid-template-columns:29px 1fr auto; align-items:center; gap:10px; padding:13px 0; border-bottom:1px solid #e4e1e3; }
.loyalty-phone > section article > i { display:grid; width:29px; height:29px; place-items:center; border-radius:9px; color:#805366; background:#ffe5ef; font-size:7px; font-style:normal; }
.loyalty-phone > section article:nth-of-type(2) > i { color:#615990; background:#ebe8ff; }
.loyalty-phone > section b,.loyalty-phone > section small { display:block; }
.loyalty-phone > section b { font-size:7px; }
.loyalty-phone > section small { margin-top:4px; color:#9d9aa0; font-size:5px; }
.loyalty-phone > section em { color:#6b6470; font-size:7px; font-style:normal; font-weight:850; }
.loyalty-rule-card,.loyalty-order-card,.loyalty-level-card { position:absolute; z-index:3; border:1px solid rgba(255,255,255,.14); border-radius:14px; box-shadow:0 26px 60px rgba(0,0,0,.4); }
.loyalty-rule-card { top:36px; right:-5px; width:230px; padding:18px; color:#fff; background:#24252d; transform:rotate(1.2deg); }
.loyalty-rule-card > small { color:#858893; font-size:5px; }
.loyalty-rule-card > span { display:flex; align-items:center; justify-content:space-between; margin:15px 0 10px; }
.loyalty-rule-card > span b { font-size:7px; }
.loyalty-rule-card > span i { color:#696b76; font-style:normal; }
.loyalty-rule-card > span strong { padding:7px 9px; border-radius:7px; color:#2d1720; background:var(--loyalty-pink); font-size:8px; }
.loyalty-rule-card > em { color:#9496a0; font-size:5px; font-style:normal; }
.loyalty-order-card { right:-16px; bottom:33px; width:250px; padding:17px; color:#29272c; background:#fff; transform:rotate(2.3deg); }
.loyalty-order-card header { display:flex; justify-content:space-between; color:#aaa7ad; font-size:5px; }
.loyalty-order-card header i { display:grid; width:20px; height:20px; place-items:center; border-radius:7px; color:#36202a; background:var(--loyalty-pink); font-style:normal; }
.loyalty-order-card p,.loyalty-order-card footer { display:flex; align-items:center; justify-content:space-between; }
.loyalty-order-card p { margin:11px 0; color:#79767d; font-size:6px; }
.loyalty-order-card footer { padding-top:12px; border-top:1px solid #e7e3e5; font-size:7px; }
.loyalty-order-card footer strong { font-size:13px; }
.loyalty-level-card { bottom:63px; left:0; display:flex; align-items:center; gap:10px; width:210px; padding:15px; color:#22181e; background:var(--loyalty-pink); transform:rotate(-2deg); }
.loyalty-level-card > i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:rgba(45,20,30,.1); font-style:normal; }
.loyalty-level-card small,.loyalty-level-card b { display:block; }
.loyalty-level-card small { font-size:5px; opacity:.62; }
.loyalty-level-card b { margin-top:4px; font-size:8px; }

.loyalty-principle { color:#d9dbe2; background:#191a21; }
.loyalty-principle > div { display:flex; align-items:center; justify-content:center; gap:24px; min-height:82px; }
.loyalty-principle span { color:var(--loyalty-pink); font-size:7px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.loyalty-principle b { font-size:9px; }
.loyalty-principle i { color:#696b75; font-style:normal; }

.loyalty-profile-grid { display:grid; grid-template-columns:1.18fr .82fr; align-items:center; gap:70px; }
.loyalty-profile-card { overflow:hidden; border:1px solid #dfe0e5; border-radius:18px; background:#fafafa; box-shadow:0 24px 65px rgba(34,33,50,.08); }
.loyalty-profile-card > header { display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border-bottom:1px solid #e5e5e8; background:#fff; }
.loyalty-profile-card > header > span { display:grid; grid-template-columns:42px 1fr; align-items:center; column-gap:11px; }
.loyalty-profile-card > header i { display:grid; grid-row:1/3; width:42px; height:42px; place-items:center; border-radius:12px; color:#fff; background:#7567ed; font-size:8px; font-style:normal; }
.loyalty-profile-card > header b,.loyalty-profile-card > header small { display:block; }
.loyalty-profile-card > header b { font-size:9px; }
.loyalty-profile-card > header small { color:#96979e; font-size:5px; }
.loyalty-profile-card > header em { padding:7px 9px; border-radius:99px; color:#4d7241; background:#ebf9dc; font-size:5px; font-style:normal; }
.loyalty-profile-card__balance { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #e2e3e7; }
.loyalty-profile-card__balance span { padding:22px; border-right:1px solid #e2e3e7; }
.loyalty-profile-card__balance span:last-child { border:0; }
.loyalty-profile-card__balance small,.loyalty-profile-card__balance b { display:block; }
.loyalty-profile-card__balance small { color:#94969e; font-size:5px; }
.loyalty-profile-card__balance b { margin-top:8px; font-size:16px; }
.loyalty-profile-card > section { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; padding:22px; }
.loyalty-profile-card > section > div,.loyalty-profile-card > section > aside { padding:17px; border:1px solid #e1e2e6; border-radius:12px; background:#fff; }
.loyalty-profile-card > section small { color:#9c9da4; font-size:5px; }
.loyalty-profile-card > section b { display:block; margin:7px 0 11px; font-size:10px; }
.loyalty-profile-card > section > div > i { display:block; height:6px; overflow:hidden; border-radius:99px; background:#ecebf0; }
.loyalty-profile-card > section > div > i em { display:block; width:86%; height:100%; background:var(--loyalty-pink); }
.loyalty-profile-card > section span { display:block; margin-top:7px; color:#888a92; font-size:5px; }
.loyalty-profile-card > footer { display:flex; gap:7px; padding:0 22px 22px; }
.loyalty-profile-card > footer span { padding:7px 9px; border-radius:99px; color:#696c75; background:#ececf0; font-size:5px; }
.loyalty-profile-copy h2 { margin:13px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2.3px; }
.loyalty-profile-copy > p { color:#787b85; font-size:9px; line-height:1.75; }

.loyalty-rewards-section { background:#f0f1f4; }
.loyalty-rewards-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.loyalty-rewards-grid article { position:relative; min-height:310px; overflow:hidden; padding:25px; border:1px solid #dfe1e6; border-radius:17px; background:#fff; }
.loyalty-rewards-grid article::after { position:absolute; right:-35px; top:-35px; width:120px; height:120px; border:24px solid #f0edf0; border-radius:50%; content:""; }
.loyalty-rewards-grid article > span { color:#aaaab2; font-size:6px; }
.loyalty-rewards-grid article > i { display:grid; width:48px; height:48px; margin-top:38px; place-items:center; border-radius:14px; color:#4f3040; background:#ffe4ef; font-size:18px; font-style:normal; }
.loyalty-rewards-grid article:nth-child(2) > i { background:#e8e4ff; }
.loyalty-rewards-grid article:nth-child(3) > i { background:#efffc7; }
.loyalty-rewards-grid article:nth-child(4) > i { background:#ffe8d1; }
.loyalty-rewards-grid h3 { margin:28px 0 9px; font-size:16px; }
.loyalty-rewards-grid p { margin:0; color:#82848e; font-size:8px; line-height:1.65; }
.loyalty-rewards-grid article > b { position:absolute; bottom:25px; left:25px; color:#5c5f69; font-size:6px; }

.loyalty-level-simulator { display:grid; grid-template-columns:.75fr 1fr .9fr; gap:15px; }
.loyalty-level-tabs,.loyalty-level-preview,.loyalty-level-rules { min-height:455px; border:1px solid #30313a; border-radius:17px; background:#191a21; }
.loyalty-level-tabs { display:flex; flex-direction:column; gap:8px; padding:14px; }
.loyalty-level-tabs button { display:flex; align-items:center; gap:13px; padding:17px; border:1px solid #30313a; border-radius:12px; color:#c8cad2; background:#202129; text-align:left; }
.loyalty-level-tabs button.is-active { border-color:var(--loyalty-pink); color:#23151b; background:var(--loyalty-pink); }
.loyalty-level-tabs button > i { display:grid; width:35px; height:35px; place-items:center; border-radius:10px; background:rgba(255,255,255,.08); font-style:normal; }
.loyalty-level-tabs b,.loyalty-level-tabs small { display:block; }
.loyalty-level-tabs b { font-size:9px; }
.loyalty-level-tabs small { margin-top:4px; color:#858893; font-size:5px; }
.loyalty-level-tabs button.is-active small { color:rgba(35,21,27,.62); }
.loyalty-level-preview { display:flex; flex-direction:column; padding:27px; color:#261820; background:radial-gradient(circle at 85% 5%,rgba(255,255,255,.5),transparent 28%),var(--loyalty-pink); }
.loyalty-level-preview > small { font-size:5px; font-weight:850; letter-spacing:.1em; opacity:.55; }
.loyalty-level-preview > div { display:flex; align-items:center; gap:12px; margin-top:28px; }
.loyalty-level-preview > div > i { display:grid; width:45px; height:45px; place-items:center; border-radius:13px; background:rgba(50,20,35,.1); font-style:normal; }
.loyalty-level-preview > div b,.loyalty-level-preview > div em { display:block; }
.loyalty-level-preview > div b { font-size:13px; }
.loyalty-level-preview > div em { margin-top:4px; font-size:6px; font-style:normal; opacity:.65; }
.loyalty-level-preview > strong { display:block; margin:46px 0 3px; font-size:63px; letter-spacing:-3px; }
.loyalty-level-preview > strong small { font-size:19px; }
.loyalty-level-preview > p { margin:0; font-size:6px; opacity:.65; }
.loyalty-level-preview > footer { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:auto; }
.loyalty-level-preview > footer span { padding:13px; border-radius:10px; background:rgba(50,20,35,.08); }
.loyalty-level-preview > footer small,.loyalty-level-preview > footer b { display:block; }
.loyalty-level-preview > footer small { font-size:5px; opacity:.6; }
.loyalty-level-preview > footer b { margin-top:6px; font-size:8px; }
.loyalty-level-rules { padding:23px; color:#fff; background:#202129; }
.loyalty-level-rules > span { color:#858893; font-size:5px; letter-spacing:.1em; }
.loyalty-level-rules article { display:flex; gap:10px; margin-top:14px; padding:15px 0; border-bottom:1px solid #32333c; }
.loyalty-level-rules article > i { display:grid; flex:0 0 28px; height:28px; place-items:center; border-radius:8px; color:#3a2430; background:var(--loyalty-pink); font-size:6px; font-style:normal; }
.loyalty-level-rules b,.loyalty-level-rules small { display:block; }
.loyalty-level-rules b { font-size:7px; }
.loyalty-level-rules small { margin-top:5px; color:#8d8f99; font-size:5px; line-height:1.4; }

.loyalty-calculator { display:grid; grid-template-columns:.9fr 1.1fr; gap:18px; max-width:900px; margin:auto; padding:18px; border:1px solid #e0e1e5; border-radius:19px; background:#f7f7f8; }
.loyalty-calculator__controls { padding:26px; }
.loyalty-calculator__controls label { display:block; margin-bottom:23px; }
.loyalty-calculator__controls label > span { display:flex; justify-content:space-between; margin-bottom:10px; color:#555862; font-size:8px; font-weight:800; }
.loyalty-calculator__controls output { color:#9e466a; }
.loyalty-calculator__controls input { width:100%; accent-color:var(--loyalty-pink); }
.loyalty-calculator__controls select { width:100%; padding:12px 13px; border:1px solid #dddde2; border-radius:9px; color:#35363d; background:#fff; font-size:8px; }
.loyalty-calculator__receipt { padding:29px; border-radius:14px; color:#f6f5f7; background:#191a21; }
.loyalty-calculator__receipt > header,.loyalty-calculator__receipt > p { display:flex; align-items:center; justify-content:space-between; }
.loyalty-calculator__receipt > header { margin-bottom:25px; color:#898c96; font-size:5px; }
.loyalty-calculator__receipt > header i { color:#d6a7ba; font-style:normal; }
.loyalty-calculator__receipt > p { margin:0; padding:14px 0; border-bottom:1px solid #30313a; color:#a0a2ab; font-size:8px; }
.loyalty-calculator__receipt > p b { color:#e4e4e7; }
.loyalty-calculator__receipt > p strong { color:var(--loyalty-pink); font-size:21px; }
.loyalty-calculator__receipt > div { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:20px; }
.loyalty-calculator__receipt > div span { padding:14px; border-radius:10px; background:#24252d; }
.loyalty-calculator__receipt small,.loyalty-calculator__receipt > div b { display:block; }
.loyalty-calculator__receipt small { color:#8d8f99; font-size:5px; }
.loyalty-calculator__receipt > div b { margin-top:7px; font-size:10px; }
.loyalty-calculator__receipt > footer { margin-top:22px; color:#777a84; font-size:5px; line-height:1.5; }

.loyalty-control-section { background:#f0f1f4; }
.loyalty-control-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:70px; }
.loyalty-control-grid h2 { margin:13px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2.3px; }
.loyalty-control-grid > div:first-child > p { max-width:430px; color:#797c85; font-size:9px; line-height:1.75; }
.loyalty-rule-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:23px; }
.loyalty-rule-chips span { padding:8px 10px; border:1px solid #d8dae0; border-radius:99px; color:#636670; background:#fff; font-size:6px; }
.loyalty-checklist { padding:15px; border:1px solid #dedfe4; border-radius:17px; background:#fff; box-shadow:0 20px 55px rgba(35,35,50,.07); }
.loyalty-checklist > header { display:flex; justify-content:space-between; padding:7px 6px 17px; color:#91939c; font-size:6px; }
.loyalty-checklist > header b { color:#9d4669; }
.loyalty-checklist article { display:flex; align-items:center; gap:12px; margin-top:7px; padding:13px; border:1px solid #e5e5e9; border-radius:11px; background:#fafafa; }
.loyalty-checklist article > i { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; color:#432333; background:var(--loyalty-pink); font-size:7px; font-style:normal; }
.loyalty-checklist b,.loyalty-checklist small { display:block; }
.loyalty-checklist b { font-size:8px; }
.loyalty-checklist small { margin-top:4px; color:#95979f; font-size:5px; }

.loyalty-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.loyalty-metrics article { min-height:235px; padding:24px; border:1px solid #e0e2e6; border-radius:16px; background:#fafafa; }
.loyalty-metrics article > span { color:#8e9099; font-size:6px; text-transform:uppercase; }
.loyalty-metrics strong { display:block; margin:48px 0 9px; font-size:32px; letter-spacing:-1px; }
.loyalty-metrics p { min-height:32px; margin:0; color:#858791; font-size:7px; line-height:1.55; }
.loyalty-metrics article > i { display:block; height:6px; overflow:hidden; margin-top:24px; border-radius:99px; background:#e8e8eb; }
.loyalty-metrics article > i em { display:block; width:var(--metric); height:100%; background:linear-gradient(90deg,var(--loyalty-pink),#b86fe0); }
.loyalty-metrics-note { margin:13px 0 0; color:#9a9ca4; font-size:6px; text-align:center; }

.loyalty-triggers-section { color:#fff; background:#191a21; }
.loyalty-triggers-grid { display:grid; grid-template-columns:.75fr 1.25fr; align-items:center; gap:80px; }
.loyalty-expiring { padding:34px; border:1px solid #31323b; border-radius:18px; background:radial-gradient(circle at 85% 5%,rgba(255,146,189,.18),transparent 31%),#202129; }
.loyalty-expiring > span { color:#8e909a; font-size:6px; letter-spacing:.1em; }
.loyalty-expiring > strong { display:block; margin:34px 0 6px; font-size:51px; letter-spacing:-2px; }
.loyalty-expiring > p { margin:0 0 28px; color:#aaa9b0; font-size:8px; }
.loyalty-expiring > i { display:block; height:8px; overflow:hidden; border-radius:99px; background:#32333b; }
.loyalty-expiring > i em { display:block; width:68%; height:100%; background:var(--loyalty-pink); }
.loyalty-expiring > small { display:block; margin-top:9px; color:#83858f; font-size:5px; }
.loyalty-triggers-grid h2 { margin:13px 0 18px; font-size:43px; line-height:1.03; letter-spacing:-2.4px; }
.loyalty-triggers-grid > div:last-child > p { max-width:460px; color:#9799a3; font-size:9px; line-height:1.75; }
.loyalty-triggers-grid a { display:inline-flex; align-items:center; gap:8px; margin-top:22px; color:var(--loyalty-pink); font-size:8px; font-weight:850; }
.loyalty-triggers-grid a svg { width:13px; }
.loyalty-cta { background:radial-gradient(circle at 50% -30%,rgba(255,146,189,.2),transparent 50%),#171820; }
.loyalty-cta .loyalty-pill { margin-bottom:13px; }

@media (max-width:980px) {
  .loyalty-hero__grid { gap:25px; }
  .loyalty-phone { left:65px; }
  .loyalty-profile-grid,.loyalty-control-grid { gap:40px; }
  .loyalty-rewards-grid,.loyalty-metrics { grid-template-columns:1fr 1fr; }
  .loyalty-level-simulator { grid-template-columns:.8fr 1.2fr; }
  .loyalty-level-rules { grid-column:1/-1; min-height:auto; }
}

@media (max-width:760px) {
  .loyalty-hero { padding-top:115px; }
  .loyalty-hero__grid { grid-template-columns:1fr; text-align:center; }
  .loyalty-hero__copy > p:not(.loyalty-early-note) { margin-right:auto; margin-left:auto; }
  .loyalty-stage { width:620px; max-width:100%; margin:10px auto 0; }
  .loyalty-phone { left:125px; }
  .loyalty-principle > div { justify-content:flex-start; overflow-x:auto; }
  .loyalty-principle b,.loyalty-principle i { flex:0 0 auto; }
  .loyalty-profile-grid,.loyalty-calculator,.loyalty-control-grid,.loyalty-triggers-grid { grid-template-columns:1fr; }
  .loyalty-level-simulator { grid-template-columns:1fr; }
  .loyalty-level-rules { grid-column:auto; }
  .loyalty-triggers-grid { gap:40px; }
}

@media (max-width:520px) {
  .loyalty-hero h1 { font-size:40px; letter-spacing:-2.4px; }
  .loyalty-hero h1 em { letter-spacing:-2.2px; }
  .loyalty-hero__grid { grid-template-columns:minmax(0,1fr); }
  .loyalty-hero__copy { min-width:0; }
  .loyalty-stage { width:650px; max-width:none; justify-self:start; transform:scale(.51); transform-origin:top left; margin-bottom:-270px; }
  .loyalty-phone { left:135px; }
  .loyalty-profile-card__balance,.loyalty-profile-card > section { grid-template-columns:1fr; }
  .loyalty-profile-card__balance span { border-right:0; border-bottom:1px solid #e2e3e7; }
  .loyalty-profile-card > footer { flex-wrap:wrap; }
  .loyalty-profile-copy h2,.loyalty-control-grid h2,.loyalty-triggers-grid h2 { font-size:35px; }
  .loyalty-rewards-grid,.loyalty-metrics { grid-template-columns:1fr; }
  .loyalty-rewards-grid article { min-height:285px; }
  .loyalty-level-tabs,.loyalty-level-preview,.loyalty-level-rules { min-height:auto; }
  .loyalty-level-preview { min-height:430px; }
  .loyalty-calculator { padding:9px; }
  .loyalty-calculator__controls,.loyalty-calculator__receipt { padding:22px; }
  .loyalty-calculator__receipt > div { grid-template-columns:1fr; }
}

/* Shopboard SEO */
.searchseo-page { --searchseo-mint:#7cf1d1; --searchseo-blue:#6d8cff; --searchseo-orange:#ffae68; }
.searchseo-hero { position:relative; min-height:750px; overflow:hidden; padding:130px 0 80px; color:#fff; background:#101118; }
.searchseo-hero::before { position:absolute; inset:0; content:""; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,#000,transparent 80%); }
.searchseo-hero__glow { position:absolute; top:-190px; right:-40px; width:800px; height:800px; border-radius:50%; background:radial-gradient(circle,rgba(124,241,209,.17),rgba(109,140,255,.1) 38%,transparent 68%); }
.searchseo-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:45px; }
.searchseo-hero__copy { position:relative; z-index:3; min-width:0; }
.searchseo-hero .breadcrumbs { margin-bottom:30px; color:#72747e; }
.searchseo-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#d9dbe4; background:rgba(255,255,255,.05); font-size:7px; font-weight:800; }
.searchseo-pill > i { display:grid; width:21px; height:21px; place-items:center; border-radius:7px; color:#17231f; background:var(--searchseo-mint); font-style:normal; }
.searchseo-pill svg { width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:2; }
.searchseo-hero h1 { max-width:570px; margin:24px 0 22px; font-size:64px; line-height:.94; letter-spacing:-4px; }
.searchseo-hero h1 em { color:var(--searchseo-mint); font-family:Georgia,serif; font-weight:400; letter-spacing:-3.6px; }
.searchseo-hero__copy > p:not(.searchseo-hero-note) { max-width:490px; margin:0; color:#a0a2ad; font-size:11px; line-height:1.85; }
.searchseo-primary { color:#17231f; background:var(--searchseo-mint); box-shadow:0 18px 48px rgba(90,220,190,.15); }
.searchseo-primary:hover { background:#a1f9e1; }
.searchseo-hero-note { margin-top:18px!important; max-width:470px; color:#686a74!important; font-size:6px!important; line-height:1.6!important; }
.searchseo-stage { position:relative; min-width:0; min-height:570px; }
.searchseo-browser { position:absolute; top:30px; left:0; z-index:2; width:610px; min-height:475px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:18px; color:#24262d; background:#f7f8fa; box-shadow:0 42px 100px rgba(0,0,0,.45); transform:rotate(-1.1deg); }
.searchseo-browser > header { display:flex; align-items:center; gap:6px; height:55px; padding:0 18px; border-bottom:1px solid #e4e5e8; background:#fff; }
.searchseo-browser > header > i { width:7px; height:7px; border-radius:50%; background:#e4e5e8; }
.searchseo-browser > header > i:first-child { background:#ff9a91; }
.searchseo-browser > header > i:nth-child(2) { background:#ffd58b; }
.searchseo-browser > header > i:nth-child(3) { background:#91deb3; }
.searchseo-browser > header span { display:flex; align-items:center; gap:7px; width:360px; margin-left:10px; padding:9px 13px; border-radius:99px; color:#70737d; background:#f0f1f3; font-size:6px; }
.searchseo-browser > header svg { width:10px; height:10px; stroke:#878a94; fill:none; stroke-width:2; }
.searchseo-results { padding:28px 35px; }
.searchseo-results > small { color:#9a9ca4; font-size:5px; letter-spacing:.1em; }
.searchseo-results article { margin-top:20px; }
.searchseo-results article > span { color:#3b865f; font-size:6px; }
.searchseo-results h3 { margin:5px 0; color:#4d64c8; font-size:14px; font-weight:650; }
.searchseo-results p { max-width:480px; margin:0; color:#777a83; font-size:7px; line-height:1.55; }
.searchseo-results article > div { display:flex; gap:14px; margin-top:8px; font-size:6px; }
.searchseo-results article > div b { color:#c07c31; }
.searchseo-results article > div i { color:#202229; font-style:normal; font-weight:800; }
.searchseo-results article > div em { color:#32885b; font-style:normal; }
.searchseo-results article:not(.is-featured) { opacity:.5; }
.searchseo-results article:not(.is-featured) h3 { font-size:11px; }
.searchseo-index-card,.searchseo-schema-card,.searchseo-score { position:absolute; z-index:3; border:1px solid rgba(255,255,255,.14); border-radius:14px; box-shadow:0 25px 60px rgba(0,0,0,.4); }
.searchseo-index-card { top:4px; right:-22px; display:flex; align-items:center; gap:11px; width:225px; padding:16px; color:#fff; background:#24252d; }
.searchseo-index-card > i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; color:#173028; background:var(--searchseo-mint); font-size:7px; font-style:normal; }
.searchseo-index-card small,.searchseo-index-card b { display:block; }
.searchseo-index-card small { color:#868994; font-size:5px; }
.searchseo-index-card b { margin-top:4px; font-size:7px; }
.searchseo-index-card em { margin-left:auto; color:var(--searchseo-mint); font-size:6px; font-style:normal; }
.searchseo-schema-card { right:-12px; bottom:15px; width:260px; padding:17px; color:#1e2724; background:var(--searchseo-mint); transform:rotate(1.5deg); }
.searchseo-schema-card small,.searchseo-schema-card b { display:block; }
.searchseo-schema-card small { font-size:5px; opacity:.62; }
.searchseo-schema-card span { display:flex; gap:5px; margin:12px 0; }
.searchseo-schema-card span i { padding:6px 8px; border-radius:7px; background:rgba(20,50,40,.1); font-size:6px; font-style:normal; font-weight:800; }
.searchseo-schema-card b { font-size:7px; }
.searchseo-score { bottom:35px; left:-18px; display:grid; width:115px; height:115px; place-items:center; align-content:center; color:#fff; background:#22232a; border-radius:50%; }
.searchseo-score span { font-size:29px; font-weight:850; }
.searchseo-score small { margin-top:2px; color:#858893; font-size:5px; }

.searchseo-principle { color:#d9dbe2; background:#191a21; }
.searchseo-principle > div { display:flex; align-items:center; justify-content:center; gap:24px; min-height:82px; }
.searchseo-principle span { color:var(--searchseo-mint); font-size:7px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.searchseo-principle b { font-size:9px; }
.searchseo-principle i { color:#696b75; font-style:normal; }

.searchseo-balance-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.searchseo-balance-grid article { position:relative; min-height:265px; overflow:hidden; padding:29px; border:1px solid #e1e2e7; border-radius:18px; background:#fafafa; }
.searchseo-balance-grid article::after { position:absolute; right:-40px; bottom:-55px; width:145px; height:145px; border:28px solid #ececf0; border-radius:50%; content:""; }
.searchseo-balance-grid article.is-positive { color:#f5f5f7; border-color:#24252d; background:#191a21; }
.searchseo-balance-grid article.is-positive::after { border-color:rgba(124,241,209,.13); }
.searchseo-balance-grid article > span { color:#999ba5; font-size:6px; font-weight:850; letter-spacing:.1em; }
.searchseo-balance-grid article.is-positive > span { color:var(--searchseo-mint); }
.searchseo-balance-grid h3 { max-width:360px; margin:50px 0 10px; font-size:22px; }
.searchseo-balance-grid p { position:relative; z-index:1; max-width:420px; margin:0; color:#7d8089; font-size:8px; line-height:1.7; }
.searchseo-balance-grid article.is-positive p { color:#a2a5ae; }
.searchseo-balance-grid article > b { position:absolute; bottom:27px; left:29px; z-index:1; color:#5d606a; font-size:7px; }
.searchseo-balance-grid article.is-positive > b { color:#d3d9d6; }

.searchseo-foundation { background:#f0f1f4; }
.searchseo-foundation-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
.searchseo-foundation-grid article { display:grid; grid-template-columns:40px 1fr; gap:15px; padding:23px; border:1px solid #dfe1e5; border-radius:15px; background:#fff; }
.searchseo-foundation-grid article > i { display:grid; width:40px; height:40px; place-items:center; border-radius:11px; color:#163129; background:var(--searchseo-mint); font-size:7px; font-style:normal; font-weight:850; }
.searchseo-foundation-grid h3 { margin:2px 0 7px; font-size:13px; }
.searchseo-foundation-grid p { margin:0; color:#858790; font-size:7px; line-height:1.55; }
.searchseo-foundation-grid code { grid-column:2; padding:9px 11px; border-radius:8px; color:#666974; background:#f2f3f5; font-size:7px; }

.searchseo-audit { display:grid; grid-template-columns:.72fr 1.15fr .88fr; gap:13px; }
.searchseo-audit-tabs,.searchseo-audit-preview,.searchseo-audit-checks { min-height:440px; border:1px solid #30313a; border-radius:17px; background:#191a21; }
.searchseo-audit-tabs { padding:14px; }
.searchseo-audit-tabs > span,.searchseo-audit-checks > span { display:block; padding:7px; color:#858893; font-size:5px; letter-spacing:.1em; }
.searchseo-audit-tabs button { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:12px; width:100%; margin-top:8px; padding:16px; border:1px solid #30313a; border-radius:11px; color:#d0d1d7; background:#202129; text-align:left; }
.searchseo-audit-tabs button.is-active { border-color:var(--searchseo-mint); color:#183027; background:var(--searchseo-mint); }
.searchseo-audit-tabs button > i { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; background:rgba(255,255,255,.09); font-style:normal; }
.searchseo-audit-tabs b,.searchseo-audit-tabs small { display:block; }
.searchseo-audit-tabs b { font-size:8px; }
.searchseo-audit-tabs small { margin-top:5px; color:#858893; font-size:5px; }
.searchseo-audit-tabs button.is-active small { color:rgba(24,48,39,.62); }
.searchseo-audit-preview { overflow:hidden; background:#f7f8fa; }
.searchseo-audit-preview > header { display:flex; justify-content:space-between; padding:18px 20px; color:#8b8d96; background:#fff; font-size:5px; }
.searchseo-audit-preview > header em { color:#31825a; font-style:normal; font-weight:850; }
.searchseo-audit-preview > article { margin:40px 24px; padding:23px; border:1px solid #e1e2e5; border-radius:12px; background:#fff; }
.searchseo-audit-preview > article > small { color:#33865d; font-size:6px; }
.searchseo-audit-preview h3 { margin:7px 0; color:#4c63c6; font-size:15px; line-height:1.2; }
.searchseo-audit-preview p { color:#777983; font-size:7px; line-height:1.55; }
.searchseo-audit-preview article > div { display:flex; flex-wrap:wrap; gap:10px; font-size:6px; }
.searchseo-audit-preview article > div b { color:#bc7830; }
.searchseo-audit-preview article > div i { color:#25272e; font-style:normal; font-weight:800; }
.searchseo-audit-preview article > div em { color:#33865d; font-style:normal; }
.searchseo-audit-preview > footer { padding:0 24px; color:#898b94; font-size:5px; }
.searchseo-audit-preview > footer i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#5aca8f; }
.searchseo-audit-checks { padding:14px; color:#fff; background:#202129; }
.searchseo-audit-checks article { display:flex; gap:10px; margin-top:8px; padding:13px 7px; border-bottom:1px solid #32333c; }
.searchseo-audit-checks article > i { display:grid; flex:0 0 28px; height:28px; place-items:center; border-radius:8px; color:#173129; background:var(--searchseo-mint); font-size:6px; font-style:normal; }
.searchseo-audit-checks b,.searchseo-audit-checks small { display:block; }
.searchseo-audit-checks b { font-size:7px; }
.searchseo-audit-checks small { margin-top:4px; color:#8b8e98; font-size:5px; line-height:1.4; }

.searchseo-editor-grid { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:70px; }
.searchseo-editor { padding:18px; border:1px solid #dedfe4; border-radius:18px; background:#f6f7f8; box-shadow:0 25px 65px rgba(30,31,45,.08); }
.searchseo-editor > header { display:flex; justify-content:space-between; padding:5px 5px 17px; color:#8d8f98; font-size:6px; }
.searchseo-editor > header b { color:#31825a; }
.searchseo-editor > label { display:block; margin-bottom:10px; }
.searchseo-editor label > span { display:block; margin:0 0 6px 2px; color:#777a84; font-size:6px; }
.searchseo-editor label > div,.searchseo-editor select { box-sizing:border-box; width:100%; min-height:42px; padding:12px 13px; border:1px solid #dfe0e5; border-radius:9px; color:#4d5059; background:#fff; font-size:7px; }
.searchseo-editor label > div { display:flex; justify-content:space-between; }
.searchseo-editor label > div small { color:#a2a4ab; }
.searchseo-editor .is-code { color:#5e6270; font-family:monospace; }
.searchseo-editor > div { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.searchseo-editor > footer { display:flex; justify-content:flex-end; gap:8px; margin-top:9px; }
.searchseo-editor > footer button { padding:11px 13px; border:1px solid #dadce1; border-radius:8px; color:#656872; background:#fff; font-size:6px; font-weight:800; }
.searchseo-editor > footer button:last-child { border-color:#191a21; color:#fff; background:#191a21; }
.searchseo-editor-copy h2 { margin:13px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2.3px; }
.searchseo-editor-copy > p { color:#797c86; font-size:9px; line-height:1.75; }

.searchseo-health-section { background:#f0f1f4; }
.searchseo-health-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:15px; }
.searchseo-log,.searchseo-redirect { border:1px solid #dfe0e5; border-radius:17px; background:#fff; }
.searchseo-log > header,.searchseo-redirect > header { display:flex; justify-content:space-between; padding:18px 20px; border-bottom:1px solid #e6e6e9; color:#8e9099; font-size:6px; }
.searchseo-log > header b { color:#a46733; }
.searchseo-log article { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 20px; border-bottom:1px solid #ececef; }
.searchseo-log article:last-child { border:0; }
.searchseo-log code,.searchseo-log small { display:block; }
.searchseo-log code { color:#444750; font-size:7px; }
.searchseo-log small { margin-top:5px; color:#999ba3; font-size:5px; }
.searchseo-log button { padding:8px 10px; border:1px solid #dedfe3; border-radius:7px; color:#686b74; background:#fafafa; font-size:5px; }
.searchseo-redirect { padding-bottom:18px; }
.searchseo-redirect > header i { font-style:normal; }
.searchseo-redirect > label { display:block; margin:17px 18px 0; padding:13px; border:1px solid #e4e4e8; border-radius:9px; background:#fafafa; }
.searchseo-redirect label small,.searchseo-redirect label code { display:block; }
.searchseo-redirect label small { color:#9a9ca4; font-size:5px; }
.searchseo-redirect label code { margin-top:7px; color:#545761; font-size:7px; }
.searchseo-redirect > b { display:block; margin:7px 0 -9px; color:#aaaab1; text-align:center; }
.searchseo-redirect > div { display:flex; align-items:center; gap:10px; margin:14px 18px; padding:12px; border-radius:9px; color:#214f3d; background:#e9f8f1; }
.searchseo-redirect > div > i { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; background:#b8ead4; font-size:6px; font-style:normal; }
.searchseo-redirect > div b,.searchseo-redirect > div small { display:block; }
.searchseo-redirect > div b { font-size:6px; }
.searchseo-redirect > div small { margin-top:4px; font-size:5px; opacity:.65; }
.searchseo-redirect > button { width:calc(100% - 36px); margin:0 18px; padding:11px; border:0; border-radius:8px; color:#142b23; background:var(--searchseo-mint); font-size:6px; font-weight:850; }

.searchseo-content-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.searchseo-content-grid article { min-height:245px; padding:24px; border:1px solid #e0e2e6; border-radius:16px; background:#fafafa; }
.searchseo-content-grid article > span { display:grid; width:42px; height:42px; place-items:center; border-radius:11px; color:#153027; background:var(--searchseo-mint); font-size:7px; font-weight:850; }
.searchseo-content-grid h3 { margin:58px 0 9px; font-size:14px; }
.searchseo-content-grid p { margin:0; color:#7e818b; font-size:7px; line-height:1.65; }

.searchseo-services-section { color:#fff; background:#191a21; }
.searchseo-services-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:80px; }
.searchseo-services-grid h2 { margin:13px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2.3px; }
.searchseo-services-grid > div:first-child > p { max-width:430px; color:#9699a3; font-size:9px; line-height:1.75; }
.searchseo-services { padding:13px; border:1px solid #30313a; border-radius:17px; background:#202129; }
.searchseo-services article { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:13px; padding:15px; border-bottom:1px solid #32333c; }
.searchseo-services article:last-child { border:0; }
.searchseo-services article > i { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; color:#153027; background:var(--searchseo-mint); font-size:8px; font-style:normal; font-weight:850; }
.searchseo-services b,.searchseo-services small { display:block; }
.searchseo-services b { font-size:8px; }
.searchseo-services small { margin-top:5px; color:#8f919b; font-size:5px; }
.searchseo-services em { color:#a5a8b1; font-size:5px; font-style:normal; }

.searchseo-roadmap { padding:82px 0; color:#fff; background:#111218; }
.searchseo-roadmap header span { color:var(--searchseo-mint); font-size:6px; font-weight:850; letter-spacing:.1em; }
.searchseo-roadmap header h2 { margin:14px 0 45px; font-size:42px; line-height:1.02; letter-spacing:-2.3px; }
.searchseo-roadmap > div > div { display:grid; grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr; align-items:center; }
.searchseo-roadmap article { min-height:220px; padding:24px; border:1px solid #2c2d35; border-radius:15px; background:#1c1d24; }
.searchseo-roadmap article i { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; color:#153027; background:var(--searchseo-mint); font-size:7px; font-style:normal; font-weight:850; }
.searchseo-roadmap article b { display:block; margin:50px 0 9px; font-size:11px; }
.searchseo-roadmap article p { margin:0; color:#898c96; font-size:7px; line-height:1.6; }
.searchseo-roadmap > div > div > em { color:#5f626d; font-size:12px; font-style:normal; text-align:center; }
.searchseo-cta { background:radial-gradient(circle at 50% -30%,rgba(124,241,209,.18),transparent 50%),#171820; }
.searchseo-cta .searchseo-pill { margin-bottom:13px; }

@media (max-width:980px) {
  .searchseo-hero__grid { gap:20px; }
  .searchseo-browser { width:540px; }
  .searchseo-editor-grid,.searchseo-services-grid { gap:42px; }
  .searchseo-audit { grid-template-columns:.8fr 1.2fr; }
  .searchseo-audit-checks { grid-column:1/-1; min-height:auto; }
  .searchseo-content-grid { grid-template-columns:1fr 1fr; }
  .searchseo-roadmap > div > div { grid-template-columns:1fr 20px 1fr; gap:10px; }
  .searchseo-roadmap > div > div > em:nth-of-type(2) { display:none; }
  .searchseo-roadmap article:nth-of-type(3) { grid-column:1; }
  .searchseo-roadmap > div > div > em:nth-of-type(3) { grid-column:2; }
}

@media (max-width:760px) {
  .searchseo-hero { padding-top:115px; }
  .searchseo-hero__grid { grid-template-columns:1fr; text-align:center; }
  .searchseo-hero__copy > p:not(.searchseo-hero-note) { margin-right:auto; margin-left:auto; }
  .searchseo-hero-note { margin-right:auto!important; margin-left:auto!important; }
  .searchseo-stage { width:620px; max-width:100%; margin:10px auto 0; }
  .searchseo-principle > div { justify-content:flex-start; overflow-x:auto; }
  .searchseo-principle b,.searchseo-principle i { flex:0 0 auto; }
  .searchseo-editor-grid,.searchseo-health-grid,.searchseo-services-grid { grid-template-columns:1fr; }
  .searchseo-audit { grid-template-columns:1fr; }
  .searchseo-audit-checks { grid-column:auto; }
  .searchseo-foundation-grid { grid-template-columns:1fr; }
  .searchseo-roadmap > div > div { grid-template-columns:1fr; }
  .searchseo-roadmap > div > div > em { transform:rotate(90deg); }
  .searchseo-roadmap > div > div > em:nth-of-type(2) { display:block; }
  .searchseo-roadmap article:nth-of-type(3),.searchseo-roadmap > div > div > em:nth-of-type(3) { grid-column:auto; }
}

@media (max-width:520px) {
  .searchseo-hero h1 { font-size:41px; letter-spacing:-2.5px; }
  .searchseo-hero h1 em { letter-spacing:-2.3px; }
  .searchseo-hero__grid { grid-template-columns:minmax(0,1fr); }
  .searchseo-hero__copy { min-width:0; }
  .searchseo-stage { width:650px; max-width:none; justify-self:start; transform:scale(.51); transform-origin:top left; margin-bottom:-275px; }
  .searchseo-browser { left:5px; width:610px; }
  .searchseo-balance-grid { grid-template-columns:1fr; }
  .searchseo-balance-grid article { min-height:295px; }
  .searchseo-foundation-grid article { grid-template-columns:40px 1fr; }
  .searchseo-audit-tabs,.searchseo-audit-preview,.searchseo-audit-checks { min-height:auto; }
  .searchseo-audit-preview { min-height:390px; }
  .searchseo-editor > div { grid-template-columns:1fr; }
  .searchseo-editor > footer { flex-direction:column; }
  .searchseo-editor-copy h2,.searchseo-services-grid h2,.searchseo-roadmap header h2 { font-size:35px; }
  .searchseo-log article { align-items:flex-start; flex-direction:column; }
  .searchseo-content-grid { grid-template-columns:1fr; }
  .searchseo-content-grid article { min-height:220px; }
  .searchseo-services article { grid-template-columns:38px 1fr; }
  .searchseo-services em { grid-column:2; }
}

/* Shopboard Analytics */
.analytics-page { --analytics-mint:#78ead0; --analytics-orange:#ffad67; --analytics-violet:#7c70eb; }
.analytics-hero { position:relative; min-height:750px; overflow:hidden; padding:130px 0 80px; color:#fff; background:#101118; }
.analytics-hero::before { position:absolute; inset:0; content:""; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,#000,transparent 80%); }
.analytics-hero__glow { position:absolute; top:-190px; right:-50px; width:800px; height:800px; border-radius:50%; background:radial-gradient(circle,rgba(120,234,208,.17),rgba(124,112,235,.1) 38%,transparent 68%); }
.analytics-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:45px; }
.analytics-hero__copy { position:relative; z-index:3; min-width:0; }
.analytics-hero .breadcrumbs { margin-bottom:30px; color:#72747e; }
.analytics-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#d9dbe4; background:rgba(255,255,255,.05); font-size:7px; font-weight:800; }
.analytics-pill i { display:grid; width:21px; height:21px; place-items:center; border-radius:7px; color:#173029; background:var(--analytics-mint); font-size:10px; font-style:normal; }
.analytics-hero h1 { max-width:580px; margin:24px 0 22px; font-size:63px; line-height:.94; letter-spacing:-4px; }
.analytics-hero h1 em { color:var(--analytics-mint); font-family:Georgia,serif; font-weight:400; letter-spacing:-3.6px; }
.analytics-hero__copy > p:not(.analytics-hero-note) { max-width:480px; margin:0; color:#a0a2ad; font-size:11px; line-height:1.85; }
.analytics-primary { color:#173029; background:var(--analytics-mint); box-shadow:0 18px 48px rgba(80,210,180,.15); }
.analytics-primary:hover { background:#9af3df; }
.analytics-hero-note { margin-top:18px!important; color:#676a74!important; font-size:6px!important; }
.analytics-stage { position:relative; min-width:0; min-height:570px; }
.analytics-board { position:absolute; top:34px; left:0; z-index:2; width:610px; min-height:470px; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:18px; color:#27292f; background:#f6f7f8; box-shadow:0 42px 100px rgba(0,0,0,.45); transform:rotate(-1deg); }
.analytics-board > header { display:flex; align-items:center; justify-content:space-between; height:58px; padding:0 20px; border-bottom:1px solid #e3e4e7; background:#fff; }
.analytics-board > header > span { display:flex; align-items:center; gap:9px; font-size:8px; }
.analytics-board > header i { width:25px; height:25px; border-radius:8px; background:linear-gradient(135deg,var(--analytics-mint),var(--analytics-violet)); }
.analytics-board > header em { color:#8f9199; font-size:6px; font-style:normal; }
.analytics-board__metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:18px 20px 12px; }
.analytics-board__metrics > span { padding:15px; border:1px solid #e2e3e6; border-radius:11px; background:#fff; }
.analytics-board__metrics small,.analytics-board__metrics strong,.analytics-board__metrics i { display:block; }
.analytics-board__metrics small { color:#999ba2; font-size:5px; }
.analytics-board__metrics strong { margin:8px 0 5px; font-size:15px; }
.analytics-board__metrics i { color:#3d915f; font-size:5px; font-style:normal; }
.analytics-board > section { margin:0 20px; padding:16px; border:1px solid #e0e1e5; border-radius:12px; background:#fff; }
.analytics-board > section > header { display:flex; justify-content:space-between; color:#999ba2; font-size:5px; }
.analytics-board > section > header b { color:#747781; }
.analytics-main-chart { position:relative; height:160px; margin-top:12px; background:repeating-linear-gradient(to bottom,#ececef 0,#ececef 1px,transparent 1px,transparent 40px); }
.analytics-main-chart > span { position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:space-around; opacity:.16; }
.analytics-main-chart > span i { width:7%; height:var(--point); border-radius:4px 4px 0 0; background:var(--analytics-mint); }
.analytics-main-chart svg { position:absolute; inset:10px 0 10px; width:100%; height:calc(100% - 20px); overflow:visible; }
.analytics-main-chart polyline { fill:none; stroke:#5f6ee1; stroke-width:3; vector-effect:non-scaling-stroke; }
.analytics-board > footer { display:flex; justify-content:space-between; padding:15px 23px; color:#9a9ca4; font-size:5px; }
.analytics-board > footer span i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#6575e9; }
.analytics-source-card,.analytics-alert-card,.analytics-rfm-card { position:absolute; z-index:3; border:1px solid rgba(255,255,255,.14); border-radius:14px; box-shadow:0 25px 60px rgba(0,0,0,.4); }
.analytics-source-card { top:7px; right:-24px; width:220px; padding:17px; color:#fff; background:#24252d; }
.analytics-source-card small,.analytics-source-card b { display:block; }
.analytics-source-card small { color:#858893; font-size:5px; }
.analytics-source-card b { margin:9px 0 13px; font-size:9px; }
.analytics-source-card span { display:flex; justify-content:space-between; align-items:end; }
.analytics-source-card strong { font-size:12px; }
.analytics-source-card i { color:var(--analytics-mint); font-size:6px; font-style:normal; }
.analytics-alert-card { right:-10px; bottom:30px; display:flex; align-items:center; gap:11px; width:250px; padding:16px; color:#251a14; background:var(--analytics-orange); transform:rotate(1.7deg); }
.analytics-alert-card > i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:rgba(50,30,15,.1); font-style:normal; }
.analytics-alert-card small,.analytics-alert-card b { display:block; }
.analytics-alert-card small { font-size:5px; opacity:.62; }
.analytics-alert-card b { margin-top:4px; font-size:7px; }
.analytics-rfm-card { left:-18px; bottom:22px; width:150px; padding:16px; color:#163029; background:var(--analytics-mint); transform:rotate(-2deg); }
.analytics-rfm-card small,.analytics-rfm-card strong,.analytics-rfm-card span { display:block; }
.analytics-rfm-card small { font-size:5px; opacity:.62; }
.analytics-rfm-card strong { margin:10px 0 2px; font-size:24px; }
.analytics-rfm-card span { font-size:5px; opacity:.7; }

.analytics-principle { color:#d9dbe2; background:#191a21; }
.analytics-principle > div { display:flex; align-items:center; justify-content:center; gap:24px; min-height:82px; }
.analytics-principle span { color:var(--analytics-mint); font-size:7px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.analytics-principle b { font-size:9px; }
.analytics-principle i { color:#696b75; font-style:normal; }

.analytics-demo { overflow:hidden; border:1px solid #dddfe4; border-radius:19px; background:#f7f8f9; box-shadow:0 24px 70px rgba(32,33,48,.08); }
.analytics-demo__toolbar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:15px; padding:17px 20px; border-bottom:1px solid #e1e2e5; background:#fff; }
.analytics-demo__toolbar > span { color:#81848e; font-size:6px; font-weight:850; }
.analytics-demo__toolbar > div { display:flex; gap:4px; padding:4px; border-radius:9px; background:#f0f1f3; }
.analytics-demo__toolbar button { padding:8px 11px; border:0; border-radius:7px; color:#777a84; background:transparent; font-size:6px; font-weight:800; }
.analytics-demo__toolbar button.is-active { color:#fff; background:#191a21; }
.analytics-demo__toolbar em { justify-self:end; color:#9698a0; font-size:6px; font-style:normal; }
.analytics-demo__metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:18px 20px 10px; }
.analytics-demo__metrics article { padding:16px; border:1px solid #e0e1e5; border-radius:11px; background:#fff; }
.analytics-demo__metrics span,.analytics-demo__metrics strong,.analytics-demo__metrics i { display:block; }
.analytics-demo__metrics span { color:#9698a0; font-size:5px; }
.analytics-demo__metrics strong { margin:9px 0 6px; font-size:16px; }
.analytics-demo__metrics i { color:#38875b; font-size:6px; font-style:normal; }
.analytics-demo__body { display:grid; grid-template-columns:1.35fr .65fr; gap:10px; padding:0 20px 18px; }
.analytics-demo__body > section,.analytics-demo__body > aside { min-height:300px; padding:19px; border:1px solid #e0e1e5; border-radius:12px; background:#fff; }
.analytics-demo__body > section > header { display:flex; justify-content:space-between; color:#9698a0; font-size:5px; }
.analytics-demo__body > section > header b { color:#5b5e67; }
.analytics-bars { display:flex; align-items:flex-end; justify-content:space-around; gap:7px; height:205px; margin-top:15px; background:repeating-linear-gradient(to bottom,#ececef 0,#ececef 1px,transparent 1px,transparent 51px); }
.analytics-bars i { flex:1; height:var(--bar); border-radius:5px 5px 1px 1px; background:linear-gradient(var(--analytics-mint),#49bba3); transition:height .35s ease; }
.analytics-demo__body section > footer { display:flex; justify-content:space-around; margin-top:9px; color:#9a9ca4; font-size:5px; }
.analytics-demo__body > aside > span { color:#9698a0; font-size:5px; }
.analytics-demo__body > aside article { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:9px; padding:13px 0; border-bottom:1px solid #ececef; }
.analytics-demo__body > aside article i { width:8px; height:8px; border-radius:50%; background:var(--source); }
.analytics-demo__body > aside article b { font-size:7px; }
.analytics-demo__body > aside article em { color:#6c6f78; font-size:7px; font-style:normal; font-weight:800; }
.analytics-demo-note { margin:0; padding:0 20px 16px; color:#9698a0; font-size:5px; text-align:center; }

.analytics-reports-section { background:#f0f1f4; }
.analytics-report-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.analytics-report-grid article { position:relative; min-height:310px; padding:25px; border:1px solid #dfe1e5; border-radius:17px; background:#fff; }
.analytics-report-grid article > span { color:#a0a2aa; font-size:6px; }
.analytics-report-grid article > i { display:grid; width:48px; height:48px; margin-top:38px; place-items:center; border-radius:14px; color:#173029; background:var(--analytics-mint); font-size:18px; font-style:normal; }
.analytics-report-grid article:nth-child(2) > i { color:#312d60; background:#e9e6ff; }
.analytics-report-grid article:nth-child(3) > i { color:#59361b; background:#ffe6cf; }
.analytics-report-grid article:nth-child(4) > i { color:#60354d; background:#ffe4f0; }
.analytics-report-grid h3 { margin:27px 0 9px; font-size:16px; }
.analytics-report-grid p { margin:0; color:#80838c; font-size:8px; line-height:1.65; }
.analytics-report-grid article > b { position:absolute; bottom:25px; left:25px; color:#555862; font-size:6px; }

.analytics-orders-grid { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:70px; }
.analytics-orders-grid h2 { margin:13px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2.3px; }
.analytics-orders-grid > div:first-child > p { color:#9799a3; font-size:9px; line-height:1.75; }
.analytics-order-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-top:22px; }
.analytics-order-tabs button { padding:8px 10px; border:1px solid #32333c; border-radius:99px; color:#8d909a; background:#202129; font-size:6px; }
.analytics-order-tabs button.is-active { border-color:var(--analytics-mint); color:#173029; background:var(--analytics-mint); }
.analytics-order-chart { padding:20px; border:1px solid #30313a; border-radius:17px; background:#202129; }
.analytics-order-chart > header { display:flex; justify-content:space-between; padding:4px 3px 16px; color:#898c96; font-size:5px; }
.analytics-order-chart > header b { color:#fff; }
.analytics-order-chart article { display:grid; grid-template-columns:1fr auto; gap:11px; padding:12px 3px; }
.analytics-order-chart article > span { display:flex; align-items:center; gap:9px; }
.analytics-order-chart article > span i { color:#777a84; font-size:5px; font-style:normal; }
.analytics-order-chart article > span b { font-size:7px; }
.analytics-order-chart article > em { color:#b1b3bb; font-size:7px; font-style:normal; }
.analytics-order-chart article > div { grid-column:1/-1; height:6px; overflow:hidden; border-radius:99px; background:#30313a; }
.analytics-order-chart article > div i { display:block; width:var(--width); height:100%; background:linear-gradient(90deg,var(--analytics-mint),#5a74e5); }

.analytics-rfm-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.analytics-rfm-grid article { min-height:275px; padding:24px; border:1px solid #e0e1e5; border-radius:16px; background:#fafafa; }
.analytics-rfm-grid article.is-best { color:#172f28; border-color:#b9eadc; background:#ddf8ef; }
.analytics-rfm-grid article.is-risk { color:#50311d; border-color:#f0d2b7; background:#fff0e2; }
.analytics-rfm-grid article > span b,.analytics-rfm-grid article > span small { display:block; }
.analytics-rfm-grid article > span b { font-size:10px; }
.analytics-rfm-grid article > span small { margin-top:5px; color:#858791; font-size:5px; }
.analytics-rfm-grid article strong { display:block; margin:45px 0 10px; font-size:33px; }
.analytics-rfm-grid article p { min-height:45px; margin:0; color:#7c7f88; font-size:7px; line-height:1.6; }
.analytics-rfm-grid article em { display:inline-block; margin-top:22px; padding:7px 9px; border-radius:99px; color:#62656e; background:rgba(110,110,125,.09); font-size:5px; font-style:normal; }
.analytics-rfm-note { margin:14px 0 0; color:#9698a0; font-size:6px; text-align:center; }

.analytics-products-section { background:#f0f1f4; }
.analytics-products-grid { display:grid; grid-template-columns:1.12fr .88fr; align-items:center; gap:70px; }
.analytics-abc { padding:16px; border:1px solid #dedfe4; border-radius:18px; background:#fff; box-shadow:0 22px 60px rgba(30,31,45,.07); }
.analytics-abc > header { display:flex; justify-content:space-between; padding:5px 5px 16px; color:#8d8f98; font-size:6px; }
.analytics-abc > header b { color:#6055d8; }
.analytics-abc > div { display:grid; grid-template-columns:28px repeat(3,1fr); grid-template-rows:22px repeat(3,110px); gap:7px; }
.analytics-abc > div > span:nth-child(2) { grid-column:2/5; color:#989aa2; font-size:5px; text-align:center; }
.analytics-abc > div > i { grid-row:2/5; display:flex; align-items:center; justify-content:center; color:#989aa2; font-size:5px; font-style:normal; writing-mode:vertical-rl; transform:rotate(180deg); }
.analytics-abc article { padding:14px; border-radius:10px; background:#f1f2f4; }
.analytics-abc article b,.analytics-abc article small { display:block; }
.analytics-abc article b { font-size:12px; }
.analytics-abc article small { margin-top:23px; color:#7d8089; font-size:5px; }
.analytics-abc .ax { color:#173029; background:#bdf1e3; }
.analytics-abc .ay { background:#d9f5ed; }
.analytics-abc .az { background:#eaf6f2; }
.analytics-abc .bx { background:#e7e4ff; }
.analytics-abc .by { background:#efedff; }
.analytics-abc .bz { background:#f5f3ff; }
.analytics-abc .cx { background:#ffe4ce; }
.analytics-abc .cy { background:#ffecdc; }
.analytics-abc .cz { background:#fff3e9; }
.analytics-products-grid > div:last-child h2 { margin:13px 0 18px; font-size:40px; line-height:1.03; letter-spacing:-2.2px; }
.analytics-products-grid > div:last-child > p { color:#797c85; font-size:9px; line-height:1.75; }

.analytics-search-grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:70px; }
.analytics-search-grid h2 { margin:13px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2.3px; }
.analytics-search-grid > div:first-child > p { color:#797c85; font-size:9px; line-height:1.75; }
.analytics-search-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:22px; }
.analytics-search-tags span { padding:8px 10px; border:1px solid #dfe0e4; border-radius:99px; color:#666974; font-size:6px; }
.analytics-search-table { overflow:hidden; border:1px solid #dfe0e4; border-radius:17px; background:#fff; box-shadow:0 22px 60px rgba(30,31,45,.07); }
.analytics-search-table > header,.analytics-search-table > article { display:grid; grid-template-columns:1fr .45fr .65fr; align-items:center; gap:10px; padding:15px 20px; }
.analytics-search-table > header { color:#999ba3; background:#f6f7f8; font-size:5px; }
.analytics-search-table > article { border-top:1px solid #ececef; color:#5c5f68; font-size:7px; }
.analytics-search-table article b { color:#33353c; }
.analytics-search-table article em { display:inline-block; justify-self:start; padding:6px 8px; border-radius:99px; color:#347c57; background:#e8f7f0; font-size:5px; font-style:normal; }
.analytics-search-table article em.is-empty { color:#985d2d; background:#fff0e2; }
.analytics-search-table > footer { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-top:1px solid #ececef; color:#8d8f98; background:#fafafa; font-size:6px; }
.analytics-search-table button { padding:8px 10px; border:0; border-radius:7px; color:#173029; background:var(--analytics-mint); font-size:5px; font-weight:850; }

.analytics-funnel-section { color:#fff; background:#191a21; }
.analytics-funnel { display:grid; grid-template-columns:1fr 30px .86fr 30px .72fr 30px .62fr 30px .54fr; align-items:center; }
.analytics-funnel article { display:flex; min-height:210px; flex-direction:column; padding:22px; border:1px solid #30313a; border-radius:15px; background:#202129; }
.analytics-funnel article.is-goal { color:#173029; border-color:var(--analytics-mint); background:var(--analytics-mint); }
.analytics-funnel article span { color:#8d8f99; font-size:6px; }
.analytics-funnel article.is-goal span { color:rgba(23,48,41,.62); }
.analytics-funnel article strong { margin:auto 0 8px; font-size:21px; }
.analytics-funnel article i { color:#a9abb3; font-size:6px; font-style:normal; }
.analytics-funnel article.is-goal i { color:rgba(23,48,41,.67); }
.analytics-funnel > em { color:#656873; font-size:6px; font-style:normal; text-align:center; }
.analytics-funnel-note { margin:14px 0 0; color:#777a84; font-size:6px; text-align:center; }

.analytics-team { min-width:720px; overflow:hidden; border:1px solid #dfe0e4; border-radius:16px; background:#fff; box-shadow:0 20px 55px rgba(30,31,45,.07); }
.analytics-team > header,.analytics-team > article { display:grid; grid-template-columns:1.5fr .6fr .6fr .85fr .7fr; align-items:center; gap:10px; padding:15px 20px; }
.analytics-team > header { color:#999ba3; background:#f6f7f8; font-size:5px; text-transform:uppercase; }
.analytics-team > article { border-top:1px solid #ececef; color:#5d6069; font-size:7px; }
.analytics-team > article > span:first-child { display:flex; align-items:center; gap:10px; }
.analytics-team > article > span:first-child i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; color:#fff; background:#7568e8; font-size:6px; font-style:normal; }
.analytics-team > article:nth-child(3) > span:first-child i { background:#df7fa7; }
.analytics-team > article:nth-child(4) > span:first-child i { background:#48b893; }
.analytics-team > article > span:first-child b,.analytics-team > article strong { color:#30323a; }
.analytics-team > article em { color:#a06831; font-style:normal; }
.analytics-team-note { margin:14px 0 0; color:#9698a0; font-size:6px; text-align:center; }
.analytics-team + .analytics-team-note { margin-bottom:0; }
.analytics-team-wrap { overflow-x:auto; }

.analytics-export-section { background:#f0f1f4; }
.analytics-export-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:70px; }
.analytics-export-grid h2 { margin:13px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2.3px; }
.analytics-export-grid > div:first-child > p { color:#797c85; font-size:9px; line-height:1.75; }
.analytics-export-card { padding:18px; border:1px solid #dfe0e4; border-radius:17px; background:#fff; box-shadow:0 20px 55px rgba(30,31,45,.07); }
.analytics-export-card > header { display:flex; justify-content:space-between; padding:4px 4px 15px; color:#8e9099; font-size:6px; }
.analytics-export-card > header i { padding:5px 7px; border-radius:6px; color:#173029; background:var(--analytics-mint); font-style:normal; font-weight:850; }
.analytics-export-card > p { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; }
.analytics-export-card > p span { padding:14px; border:1px solid #e5e5e8; border-radius:10px; background:#fafafa; }
.analytics-export-card small,.analytics-export-card b { display:block; }
.analytics-export-card small { color:#999ba3; font-size:5px; }
.analytics-export-card b { margin-top:6px; font-size:8px; }
.analytics-export-card > div { display:flex; align-items:center; gap:11px; margin:12px 0; padding:13px; border-radius:10px; color:#245943; background:#e7f7f0; }
.analytics-export-card > div > i { display:grid; width:30px; height:30px; place-items:center; border-radius:8px; background:#b7ead5; font-size:6px; font-style:normal; }
.analytics-export-card > div small { margin-top:4px; opacity:.68; }
.analytics-export-card > button { width:100%; padding:12px; border:0; border-radius:8px; color:#173029; background:var(--analytics-mint); font-size:6px; font-weight:850; }
.analytics-export-card > footer { margin-top:10px; color:#a0a2aa; font-size:5px; text-align:center; }

.analytics-boundary { padding:78px 0; color:#fff; background:#111218; }
.analytics-boundary > div { display:grid; grid-template-columns:1fr 60px 1fr; align-items:center; gap:24px; }
.analytics-boundary > div > div { min-height:230px; padding:30px; border:1px solid #2c2d35; border-radius:17px; background:#1c1d24; }
.analytics-boundary small { color:#838691; font-size:6px; letter-spacing:.1em; }
.analytics-boundary h3 { margin:38px 0 10px; font-size:22px; }
.analytics-boundary p { margin:0; color:#9799a3; font-size:8px; line-height:1.7; }
.analytics-boundary span { display:inline-block; margin-top:22px; color:var(--analytics-mint); font-size:7px; font-weight:850; }
.analytics-boundary > div > i { color:#656873; font-size:24px; font-style:normal; text-align:center; }
.analytics-cta { background:radial-gradient(circle at 50% -30%,rgba(120,234,208,.18),transparent 50%),#171820; }
.analytics-cta .analytics-pill { margin-bottom:13px; }

@media (max-width:980px) {
  .analytics-hero__grid { gap:20px; }
  .analytics-board { width:540px; }
  .analytics-report-grid,.analytics-rfm-grid { grid-template-columns:1fr 1fr; }
  .analytics-orders-grid,.analytics-products-grid,.analytics-search-grid,.analytics-export-grid { gap:40px; }
  .analytics-funnel { grid-template-columns:1fr 24px 1fr 24px 1fr; gap:8px; }
  .analytics-funnel > em:nth-of-type(3) { display:none; }
  .analytics-funnel article:nth-of-type(4) { grid-column:1; }
  .analytics-funnel > em:nth-of-type(4) { grid-column:2; }
}

@media (max-width:760px) {
  .analytics-hero { padding-top:115px; }
  .analytics-hero__grid { grid-template-columns:1fr; text-align:center; }
  .analytics-hero__copy > p:not(.analytics-hero-note) { margin-right:auto; margin-left:auto; }
  .analytics-stage { width:620px; max-width:100%; margin:10px auto 0; }
  .analytics-principle > div { justify-content:flex-start; overflow-x:auto; }
  .analytics-principle b,.analytics-principle i { flex:0 0 auto; }
  .analytics-demo__toolbar { grid-template-columns:1fr; }
  .analytics-demo__toolbar > span,.analytics-demo__toolbar em { justify-self:center; }
  .analytics-demo__metrics,.analytics-demo__body { grid-template-columns:1fr 1fr; }
  .analytics-demo__body > section { grid-column:1/-1; }
  .analytics-orders-grid,.analytics-products-grid,.analytics-search-grid,.analytics-export-grid { grid-template-columns:1fr; }
  .analytics-funnel { grid-template-columns:1fr; }
  .analytics-funnel > em { transform:rotate(90deg); }
  .analytics-funnel > em:nth-of-type(3) { display:block; }
  .analytics-funnel article:nth-of-type(4),.analytics-funnel > em:nth-of-type(4) { grid-column:auto; }
  .analytics-boundary > div { grid-template-columns:1fr; }
  .analytics-boundary > div > i { transform:rotate(90deg); }
}

@media (max-width:520px) {
  .analytics-hero h1 { font-size:40px; letter-spacing:-2.4px; }
  .analytics-hero h1 em { letter-spacing:-2.3px; }
  .analytics-hero__grid { grid-template-columns:minmax(0,1fr); }
  .analytics-hero__copy { min-width:0; }
  .analytics-stage { width:650px; max-width:none; justify-self:start; transform:scale(.51); transform-origin:top left; margin-bottom:-275px; }
  .analytics-board { left:5px; width:610px; }
  .analytics-demo__metrics,.analytics-demo__body { grid-template-columns:1fr; }
  .analytics-demo__body > section { grid-column:auto; }
  .analytics-report-grid,.analytics-rfm-grid { grid-template-columns:1fr; }
  .analytics-report-grid article { min-height:285px; }
  .analytics-orders-grid h2,.analytics-products-grid > div:last-child h2,.analytics-search-grid h2,.analytics-export-grid h2 { font-size:35px; }
  .analytics-abc > div { grid-template-rows:22px repeat(3,95px); }
  .analytics-abc article { padding:10px; }
  .analytics-abc article small { margin-top:14px; }
  .analytics-search-table > header,.analytics-search-table > article { grid-template-columns:1fr .45fr; }
  .analytics-search-table > header span:last-child,.analytics-search-table > article em { grid-column:1/-1; }
  .analytics-export-card > p { grid-template-columns:1fr; }
  .analytics-boundary > div > div { padding:26px; }
}

/* Shopboard Products */
.products-page { --products-orange:#ffb36f; --products-sky:#76def0; --products-violet:#7568e9; }
.products-hero { position:relative; min-height:750px; overflow:hidden; padding:130px 0 80px; color:#fff; background:#101118; }
.products-hero::before { position:absolute; inset:0; content:""; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,#000,transparent 80%); }
.products-hero__glow { position:absolute; top:-190px; right:-60px; width:800px; height:800px; border-radius:50%; background:radial-gradient(circle,rgba(255,179,111,.18),rgba(117,104,233,.1) 38%,transparent 68%); }
.products-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:45px; }
.products-hero__copy { position:relative; z-index:3; min-width:0; }
.products-hero .breadcrumbs { margin-bottom:30px; color:#72747e; }
.products-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#d9dbe4; background:rgba(255,255,255,.05); font-size:7px; font-weight:800; }
.products-pill i { display:grid; width:21px; height:21px; place-items:center; border-radius:7px; color:#3a2514; background:var(--products-orange); font-size:9px; font-style:normal; }
.products-hero h1 { max-width:590px; margin:24px 0 22px; font-size:63px; line-height:.94; letter-spacing:-4px; }
.products-hero h1 em { color:var(--products-orange); font-family:Georgia,serif; font-weight:400; letter-spacing:-3.6px; }
.products-hero__copy > p:not(.products-hero-note) { max-width:490px; margin:0; color:#a0a2ad; font-size:11px; line-height:1.85; }
.products-primary { color:#352315; background:var(--products-orange); box-shadow:0 18px 48px rgba(235,145,70,.16); }
.products-primary:hover { background:#ffc691; }
.products-hero-note { margin-top:18px!important; color:#676a74!important; font-size:6px!important; }
.products-stage { position:relative; min-width:0; min-height:570px; }
.products-table { position:absolute; top:30px; left:0; z-index:2; width:620px; min-height:470px; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:18px; color:#27292f; background:#f7f8f9; box-shadow:0 42px 100px rgba(0,0,0,.45); transform:rotate(-1deg); }
.products-table > header { display:grid; grid-template-columns:1fr 1.25fr auto; align-items:center; gap:11px; height:60px; padding:0 19px; border-bottom:1px solid #e2e3e6; background:#fff; }
.products-table > header > span { display:flex; align-items:center; gap:9px; font-size:9px; }
.products-table > header > span i { width:26px; height:26px; border-radius:8px; background:linear-gradient(135deg,var(--products-orange),var(--products-violet)); }
.products-table > header > div { display:flex; align-items:center; gap:7px; padding:9px 11px; border-radius:8px; color:#999ba2; background:#f2f3f5; font-size:5px; }
.products-table > header svg { width:10px; height:10px; stroke:#9a9ca4; fill:none; stroke-width:2; }
.products-table > header button { padding:9px 11px; border:0; border-radius:8px; color:#392513; background:var(--products-orange); font-size:5px; font-weight:850; }
.products-table > nav { display:flex; gap:19px; padding:14px 20px 10px; color:#82858e; font-size:6px; }
.products-table > nav span:first-child { color:#27292f; font-weight:850; }
.products-table > nav b { margin-left:4px; color:#9a9ca4; font-size:5px; }
.products-table > section { margin:0 18px 18px; overflow:hidden; border:1px solid #e1e2e5; border-radius:11px; background:#fff; }
.products-table__head,.products-table > section article { display:grid; grid-template-columns:1.8fr .65fr .55fr .65fr; align-items:center; gap:10px; padding:12px 15px; }
.products-table__head { color:#9a9ca4; background:#f7f8f9; font-size:5px; }
.products-table > section article { border-top:1px solid #ececef; font-size:6px; }
.products-table > section article > span { display:grid; grid-template-columns:38px 1fr; align-items:center; column-gap:10px; }
.products-table > section article > span b,.products-table > section article > span small { display:block; }
.products-table > section article > span b { font-size:7px; }
.products-table > section article > span small { margin-top:4px; color:#999ba3; font-size:5px; font-weight:400; }
.product-thumb { display:grid; grid-row:1/3; width:38px; height:38px; place-items:center; border-radius:9px; background:#eeeef0; }
.product-thumb::before { width:19px; height:19px; border:4px solid #343640; border-top-color:transparent; border-radius:50%; content:""; }
.product-thumb--watch::before { width:14px; height:19px; border:4px solid #785f4e; border-radius:5px; }
.product-thumb--speaker::before { width:15px; height:23px; border:3px solid #53675f; border-radius:6px; }
.product-thumb--case::before { width:18px; height:22px; border:3px solid #68799e; border-radius:7px; }
.product-thumb--headphones { background:#e8e6ff; }
.product-thumb--watch { background:#ffe8d5; }
.product-thumb--speaker { background:#e5f3ec; }
.product-thumb--case { background:#e4efff; }
.products-table article strong { font-size:7px; }
.products-table article em { color:#4c7b5a; font-size:6px; font-style:normal; }
.products-table article em.is-low { color:#b06d31; }
.products-table article u { justify-self:start; padding:6px 7px; border-radius:99px; color:#3a8057; background:#e6f6ed; font-size:5px; text-decoration:none; }
.products-bulk-card,.products-stock-card,.products-sync-card { position:absolute; z-index:3; border:1px solid rgba(255,255,255,.14); border-radius:14px; box-shadow:0 25px 60px rgba(0,0,0,.4); }
.products-bulk-card { top:4px; right:-22px; width:235px; padding:17px; color:#fff; background:#24252d; }
.products-bulk-card small { color:#858893; font-size:5px; }
.products-bulk-card span { display:flex; gap:7px; margin-top:13px; }
.products-bulk-card button { padding:8px 9px; border:1px solid #3a3b44; border-radius:7px; color:#d5d6da; background:#2d2e36; font-size:5px; }
.products-stock-card { right:-10px; bottom:31px; display:flex; align-items:center; gap:11px; width:250px; padding:16px; color:#382616; background:var(--products-orange); transform:rotate(1.5deg); }
.products-stock-card > i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:rgba(55,30,15,.1); font-style:normal; }
.products-stock-card small,.products-stock-card b { display:block; }
.products-stock-card small { font-size:5px; opacity:.62; }
.products-stock-card b { margin-top:4px; font-size:7px; }
.products-stock-card em { margin-left:auto; font-size:5px; font-style:normal; }
.products-sync-card { left:-18px; bottom:18px; width:190px; padding:16px; color:#fff; background:#23242b; transform:rotate(-2deg); }
.products-sync-card > span { display:flex; align-items:center; gap:7px; font-size:6px; }
.products-sync-card > span i { width:7px; height:7px; border-radius:50%; background:#65d29b; }
.products-sync-card strong,.products-sync-card small { display:block; }
.products-sync-card strong { margin:13px 0 3px; color:var(--products-orange); font-size:22px; }
.products-sync-card small { color:#8d8f99; font-size:5px; }

.products-principle { color:#d9dbe2; background:#191a21; }
.products-principle > div { display:flex; align-items:center; justify-content:center; gap:24px; min-height:82px; }
.products-principle span { color:var(--products-orange); font-size:7px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.products-principle b { font-size:9px; }
.products-principle i { color:#696b75; font-style:normal; }

.products-workspace { display:grid; grid-template-columns:.7fr 1.3fr; gap:14px; padding:15px; border:1px solid #dedfe4; border-radius:19px; background:#f1f2f4; box-shadow:0 24px 70px rgba(32,33,48,.08); }
.products-workspace > aside { display:flex; flex-direction:column; gap:7px; }
.products-workspace > aside button { display:grid; grid-template-columns:32px 1fr; align-items:center; gap:12px; padding:15px; border:1px solid #dfe0e4; border-radius:11px; color:#464952; background:#fff; text-align:left; }
.products-workspace > aside button.is-active { border-color:#202129; color:#fff; background:#202129; }
.products-workspace > aside button > i { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; color:#5e616b; background:#ececef; font-size:6px; font-style:normal; font-weight:850; }
.products-workspace > aside button.is-active > i { color:#3b2717; background:var(--products-orange); }
.products-workspace > aside b,.products-workspace > aside small { display:block; }
.products-workspace > aside b { font-size:8px; }
.products-workspace > aside small { margin-top:4px; color:#94969e; font-size:5px; }
.products-editor-screen { min-height:455px; padding:20px; border:1px solid #dedfe4; border-radius:13px; background:#fff; }
.products-editor-screen[hidden] { display:none; }
.products-editor-screen > header { display:flex; justify-content:space-between; padding:2px 2px 17px; color:#92949c; font-size:5px; }
.products-editor-screen > header b { color:#398259; }
.products-editor-main { display:grid; grid-template-columns:.75fr 1.25fr; gap:15px; }
.product-large-visual { display:grid; min-height:295px; place-items:center; border-radius:12px; background:radial-gradient(circle at 65% 30%,rgba(255,179,111,.55),transparent 22%),#f0eff3; }
.product-large-visual::before { width:110px; height:110px; border:24px solid #272930; border-top-color:transparent; border-radius:50%; content:""; transform:rotate(-8deg); }
.products-editor-main label { display:block; margin-bottom:11px; padding:13px; border:1px solid #e2e3e6; border-radius:9px; background:#fafafa; }
.products-editor-main small { display:block; margin-bottom:6px; color:#9a9ca4; font-size:5px; }
.products-editor-main b { font-size:8px; }
.products-editor-main p { margin:0; color:#696c75; font-size:7px; line-height:1.6; }
.products-editor-screen > footer { display:flex; align-items:center; justify-content:space-between; margin-top:13px; }
.products-editor-screen > footer span { padding:7px 9px; border-radius:99px; color:#397d56; background:#e7f6ed; font-size:5px; }
.products-editor-screen > footer button,.products-editor-screen > button { padding:10px 12px; border:0; border-radius:8px; color:#392513; background:var(--products-orange); font-size:6px; font-weight:850; }
.products-variant-table > p,.products-variant-table > article { display:grid; grid-template-columns:24px 1fr 1fr .8fr .6fr; align-items:center; gap:9px; padding:13px; }
.products-variant-table > p { margin:0; padding-left:46px; color:#999ba3; background:#f7f8f9; font-size:5px; }
.products-variant-table > article { border-top:1px solid #ececef; font-size:7px; }
.products-variant-table article > i { width:18px; height:18px; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #d8d9dd; }
.products-variant-table .is-black,.products-variant-card .is-black { background:#2f3036; }
.products-variant-table .is-sand,.products-variant-card .is-sand { background:#d8c1a4; }
.products-variant-table .is-blue,.products-variant-card .is-blue { background:#6177a8; }
.products-variant-table code { color:#696c75; font-size:6px; }
.products-variant-table strong { font-size:7px; }
.products-variant-table em { color:#4c7b5a; font-size:6px; font-style:normal; }
.products-editor-screen > button { margin-top:18px; }
.products-stock-list article { display:grid; grid-template-columns:1fr .3fr .5fr; align-items:center; gap:10px; padding:18px 13px; border-bottom:1px solid #ececef; }
.products-stock-list span b,.products-stock-list span small { display:block; }
.products-stock-list span b { font-size:8px; }
.products-stock-list span small { margin-top:4px; color:#9698a0; font-size:5px; }
.products-stock-list article strong { font-size:13px; }
.products-stock-list article em { color:#7c7f88; font-size:6px; font-style:normal; }
.products-seo-fields label { display:block; margin-bottom:11px; padding:14px; border:1px solid #e1e2e5; border-radius:9px; background:#fafafa; }
.products-seo-fields small { display:block; margin-bottom:7px; color:#989aa2; font-size:5px; }
.products-seo-fields b,.products-seo-fields p,.products-seo-fields code { color:#50535d; font-size:7px; }
.products-seo-fields p { margin:0; }
.products-editor-screen > a { display:inline-flex; align-items:center; gap:7px; margin-top:14px; color:#5c55cd; font-size:7px; font-weight:850; }
.products-editor-screen > a svg { width:12px; }

.products-import-section { background:#f0f1f4; }
.products-import-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; }
.products-import-grid article { min-height:220px; padding:22px; border:1px solid #dfe1e5; border-radius:15px; background:#fff; }
.products-import-grid article > i { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; color:#422916; background:var(--products-orange); font-size:7px; font-style:normal; font-weight:850; }
.products-import-grid h3 { margin:37px 0 8px; font-size:14px; }
.products-import-grid p { min-height:47px; margin:0; color:#80838c; font-size:7px; line-height:1.6; }
.products-import-grid article > b { display:block; margin-top:18px; color:#5c5f68; font-size:6px; }
.products-import-preview { margin-top:16px; padding:17px; border:1px solid #dcdee3; border-radius:17px; background:#fff; box-shadow:0 20px 55px rgba(30,31,45,.06); }
.products-import-preview > div { display:grid; grid-template-columns:1fr auto; padding:5px 5px 17px; }
.products-import-preview > div span { grid-column:1/-1; color:#999ba3; font-size:5px; }
.products-import-preview > div b { margin-top:8px; font-size:10px; }
.products-import-preview > div small { align-self:end; color:#9698a0; font-size:5px; }
.products-import-preview > section { overflow:hidden; border:1px solid #e1e2e5; border-radius:10px; }
.products-import-preview > section > header,.products-import-preview > section > p { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; padding:11px 14px; }
.products-import-preview > section > header { color:#999ba3; background:#f6f7f8; font-size:5px; }
.products-import-preview > section > p { margin:0; border-top:1px solid #ececef; color:#555862; font-size:6px; }
.products-import-preview > section code { color:#675fd2; }
.products-import-preview > section em { color:#7f828b; font-style:normal; }
.products-import-preview > aside { display:grid; grid-template-columns:31px 1fr auto; align-items:center; gap:11px; margin-top:12px; padding:13px; border-radius:10px; color:#24563f; background:#e8f7f0; }
.products-import-preview > aside > i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:#b6ead4; font-size:6px; font-style:normal; }
.products-import-preview > aside b,.products-import-preview > aside small { display:block; }
.products-import-preview > aside b { font-size:7px; }
.products-import-preview > aside small { margin-top:4px; font-size:5px; opacity:.68; }
.products-import-preview > aside button { padding:9px 11px; border:0; border-radius:7px; color:#382513; background:var(--products-orange); font-size:5px; font-weight:850; }

.products-bulk-grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:70px; }
.products-bulk-grid h2 { margin:13px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2.3px; }
.products-bulk-grid > div:first-child > p { color:#9799a3; font-size:9px; line-height:1.75; }
.products-filter-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:22px; }
.products-filter-tags span { padding:8px 10px; border:1px solid #34353e; border-radius:99px; color:#a3a5ae; font-size:6px; }
.products-bulk-demo { padding:17px; border:1px solid #30313a; border-radius:17px; background:#202129; }
.products-bulk-demo > header { display:flex; justify-content:space-between; padding:4px 3px 15px; color:#8b8e98; font-size:5px; }
.products-bulk-demo > header b { color:var(--products-orange); }
.products-bulk-demo > label,.products-bulk-demo > div label { display:block; padding:12px; border:1px solid #34353e; border-radius:9px; background:#25262e; }
.products-bulk-demo small,.products-bulk-demo label b,.products-bulk-demo label strong { display:block; }
.products-bulk-demo small { color:#858893; font-size:5px; }
.products-bulk-demo label b,.products-bulk-demo label strong { margin-top:6px; font-size:7px; }
.products-bulk-demo > div { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:8px 0; }
.products-bulk-demo > section { overflow:hidden; border:1px solid #34353e; border-radius:9px; }
.products-bulk-demo > section p { display:grid; grid-template-columns:1fr .5fr .5fr; gap:8px; margin:0; padding:11px 13px; border-bottom:1px solid #34353e; font-size:6px; }
.products-bulk-demo > section p:last-child { border:0; }
.products-bulk-demo > section s { color:#858893; }
.products-bulk-demo > section b { color:var(--products-orange); }
.products-bulk-demo > footer { display:flex; justify-content:flex-end; gap:7px; margin-top:11px; }
.products-bulk-demo > footer button { padding:10px 11px; border:1px solid #3a3b44; border-radius:8px; color:#b4b6be; background:#292a32; font-size:5px; }
.products-bulk-demo > footer button:last-child { border-color:var(--products-orange); color:#382513; background:var(--products-orange); font-weight:850; }

.products-structure-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.products-structure-grid article { min-height:350px; padding:25px; border:1px solid #dfe1e5; border-radius:17px; background:#fafafa; }
.products-structure-grid article > span { color:#999ba3; font-size:6px; font-weight:850; letter-spacing:.1em; }
.products-tree,.products-props,.products-tags { min-height:155px; margin:22px 0 25px; padding:17px; border:1px solid #e1e2e5; border-radius:11px; background:#fff; }
.products-tree b { font-size:8px; }
.products-tree p { margin:11px 0 0 9px; color:#6e717a; font-size:7px; }
.products-tree em { float:right; color:#9a9ca4; font-style:normal; }
.products-props p { display:flex; justify-content:space-between; gap:10px; margin:0; padding:10px 0; border-bottom:1px solid #ececef; font-size:6px; }
.products-props p:last-child { border:0; }
.products-props em { color:#696c75; font-style:normal; }
.products-tags { display:flex; align-content:flex-start; flex-wrap:wrap; gap:6px; }
.products-tags i { padding:7px 9px; border-radius:99px; color:#65452c; background:#ffe8d3; font-size:6px; font-style:normal; }
.products-tags i:nth-child(even) { color:#3c3970; background:#e8e5ff; }
.products-structure-grid h3 { margin:0 0 8px; font-size:14px; }
.products-structure-grid article > p { margin:0; color:#80838c; font-size:7px; line-height:1.6; }

.products-variants-section { background:#f0f1f4; }
.products-variants-grid { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:70px; }
.products-variant-card { display:grid; grid-template-columns:.85fr 1.15fr; overflow:hidden; border:1px solid #dfe0e4; border-radius:18px; background:#fff; box-shadow:0 22px 60px rgba(30,31,45,.07); }
.products-variant-visual { display:flex; min-height:390px; flex-direction:column; align-items:center; justify-content:center; color:#44464d; background:radial-gradient(circle at 65% 25%,rgba(255,179,111,.55),transparent 24%),#efeff2; transition:background .25s ease; }
.products-variant-visual span,.products-variant-visual em { font-size:10px; font-style:normal; font-weight:850; }
.products-variant-visual > i { width:105px; height:105px; margin:14px 0; border:22px solid #2f3036; border-top-color:transparent; border-radius:50%; transition:border-color .25s ease; transform:rotate(-8deg); }
.products-variant-visual.is-sand { background:radial-gradient(circle at 65% 25%,rgba(255,221,177,.72),transparent 24%),#f2ede7; }
.products-variant-visual.is-sand > i { border-color:#c9ad89; border-top-color:transparent; }
.products-variant-visual.is-blue { background:radial-gradient(circle at 65% 25%,rgba(132,163,225,.6),transparent 24%),#e9edf5; }
.products-variant-visual.is-blue > i { border-color:#6177a8; border-top-color:transparent; }
.products-variant-card > section { padding:31px; }
.products-variant-card > section > small { color:#999ba3; font-size:5px; }
.products-variant-card h3 { margin:14px 0 7px; font-size:20px; }
.products-variant-card > section > strong { display:block; font-size:23px; }
.products-variant-card > section > p { margin:10px 0 29px; color:#8a8c95; font-size:6px; }
.products-variant-card > section > span { color:#999ba3; font-size:5px; }
.products-variant-card > section > div { display:flex; gap:9px; margin:10px 0 26px; }
.products-variant-card > section > div button { width:26px; height:26px; border:3px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #d5d6db; }
.products-variant-card > section > div button.is-active { box-shadow:0 0 0 2px #24252c; }
.products-variant-card > section > button { width:100%; padding:12px; border:0; border-radius:9px; color:#392513; background:var(--products-orange); font-size:6px; font-weight:850; }
.products-variants-grid > div:last-child h2 { margin:13px 0 18px; font-size:40px; line-height:1.03; letter-spacing:-2.2px; }
.products-variants-grid > div:last-child > p { color:#797c85; font-size:9px; line-height:1.75; }

.products-stock-grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:70px; }
.products-stock-grid h2 { margin:13px 0 18px; font-size:42px; line-height:1.03; letter-spacing:-2.3px; }
.products-stock-grid > div:first-child > p { color:#797c85; font-size:9px; line-height:1.75; }
.products-stock-formula { display:flex; align-items:center; gap:10px; margin-top:24px; }
.products-stock-formula span { padding:12px 15px; border:1px solid #dfe0e4; border-radius:10px; background:#fafafa; }
.products-stock-formula small,.products-stock-formula b { display:block; }
.products-stock-formula small { color:#999ba3; font-size:5px; }
.products-stock-formula b { margin-top:6px; font-size:15px; }
.products-stock-formula i { color:#999ba3; font-style:normal; }
.products-warehouse { overflow:hidden; border:1px solid #dfe0e4; border-radius:17px; background:#fff; box-shadow:0 22px 60px rgba(30,31,45,.07); }
.products-warehouse > header { display:flex; justify-content:space-between; padding:18px 20px; color:#8e9099; background:#f7f8f9; font-size:5px; }
.products-warehouse > header b { color:#3d8158; }
.products-warehouse article { display:grid; grid-template-columns:1fr .25fr .45fr; align-items:center; gap:10px; padding:16px 20px; border-top:1px solid #ececef; }
.products-warehouse article > span { display:grid; grid-template-columns:9px 1fr; align-items:center; column-gap:9px; }
.products-warehouse article > span i { grid-row:1/3; width:8px; height:8px; border-radius:50%; background:#56c58b; }
.products-warehouse article > span b,.products-warehouse article > span small { display:block; }
.products-warehouse article > span b { font-size:7px; }
.products-warehouse article > span small { color:#999ba3; font-size:5px; }
.products-warehouse article strong { font-size:12px; }
.products-warehouse article em { color:#7e818a; font-size:6px; font-style:normal; }
.products-warehouse > footer { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-top:1px solid #ececef; color:#4c745a; background:#fafafa; font-size:6px; }
.products-warehouse > footer i { font-style:normal; }
.products-warehouse > footer button { padding:7px 9px; border:1px solid #dde0e4; border-radius:7px; color:#676a73; background:#fff; font-size:5px; }

.products-pricing-section { background:#191a21; color:#fff; }
.products-pricing-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.products-pricing-grid article { min-height:230px; padding:24px; border:1px solid #30313a; border-radius:15px; background:#202129; }
.products-pricing-grid article > span { color:#8b8e98; font-size:5px; letter-spacing:.1em; }
.products-pricing-grid strong { display:block; margin:64px 0 10px; color:var(--products-orange); font-size:25px; }
.products-pricing-grid p { margin:0; color:#90929c; font-size:7px; line-height:1.6; }
.products-pricing-note { margin:14px 0 0; color:#777a84; font-size:6px; text-align:center; }

.products-enrichment-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.products-enrichment-grid article { min-height:250px; padding:24px; border:1px solid #dfe1e5; border-radius:16px; background:#fafafa; }
.products-enrichment-grid article > i { display:grid; width:43px; height:43px; place-items:center; border-radius:12px; color:#432a17; background:var(--products-orange); font-size:15px; font-style:normal; }
.products-enrichment-grid h3 { margin:55px 0 9px; font-size:14px; }
.products-enrichment-grid p { margin:0; color:#80838c; font-size:7px; line-height:1.6; }
.products-enrichment-grid article > span { display:block; margin-top:18px; color:#5d606a; font-size:6px; font-weight:850; }

.products-integrations { padding:78px 0; color:#fff; background:#111218; }
.products-integrations > div { display:grid; grid-template-columns:1fr 60px 1fr; align-items:center; gap:24px; }
.products-integrations > div > div { min-height:230px; padding:30px; border:1px solid #2c2d35; border-radius:17px; background:#1c1d24; }
.products-integrations small { color:#838691; font-size:6px; letter-spacing:.1em; }
.products-integrations h3 { margin:38px 0 10px; font-size:22px; }
.products-integrations p { margin:0; color:#9799a3; font-size:8px; line-height:1.7; }
.products-integrations span { display:inline-block; margin-top:22px; color:var(--products-orange); font-size:7px; font-weight:850; }
.products-integrations > div > i { color:#656873; font-size:24px; font-style:normal; text-align:center; }
.products-cta { background:radial-gradient(circle at 50% -30%,rgba(255,179,111,.18),transparent 50%),#171820; }
.products-cta .products-pill { margin-bottom:13px; }

@media (max-width:980px) {
  .products-hero__grid { gap:20px; }
  .products-table { width:550px; }
  .products-import-grid,.products-pricing-grid,.products-enrichment-grid { grid-template-columns:1fr 1fr; }
  .products-bulk-grid,.products-variants-grid,.products-stock-grid { gap:40px; }
}

@media (max-width:760px) {
  .products-hero { padding-top:115px; }
  .products-hero__grid { grid-template-columns:1fr; text-align:center; }
  .products-hero__copy > p:not(.products-hero-note) { margin-right:auto; margin-left:auto; }
  .products-stage { width:630px; max-width:100%; margin:10px auto 0; }
  .products-table { width:620px; }
  .products-principle > div { justify-content:flex-start; overflow-x:auto; }
  .products-principle b,.products-principle i { flex:0 0 auto; }
  .products-workspace,.products-bulk-grid,.products-variants-grid,.products-stock-grid { grid-template-columns:1fr; }
  .products-workspace > aside { display:grid; grid-template-columns:1fr 1fr; }
  .products-structure-grid { grid-template-columns:1fr; }
  .products-integrations > div { grid-template-columns:1fr; }
  .products-integrations > div > i { transform:rotate(90deg); }
}

@media (max-width:520px) {
  .products-hero h1 { font-size:40px; letter-spacing:-2.4px; }
  .products-hero h1 em { letter-spacing:-2.3px; }
  .products-hero__grid { grid-template-columns:minmax(0,1fr); }
  .products-hero__copy { min-width:0; }
  .products-stage { width:660px; max-width:none; justify-self:start; transform:scale(.5); transform-origin:top left; margin-bottom:-280px; }
  .products-table { left:5px; width:620px; }
  .products-workspace { grid-template-columns:minmax(0,1fr); padding:9px; }
  .products-workspace > aside { grid-template-columns:1fr; }
  .products-editor-main,.products-variant-card { grid-template-columns:1fr; }
  .product-large-visual { min-height:220px; }
  .products-variant-table { overflow-x:auto; }
  .products-variant-table > p,.products-variant-table > article { min-width:520px; }
  .products-import-grid,.products-pricing-grid,.products-enrichment-grid { grid-template-columns:1fr; }
  .products-import-preview > section { overflow-x:auto; }
  .products-import-preview > section > header,.products-import-preview > section > p { min-width:560px; }
  .products-import-preview > aside { grid-template-columns:31px 1fr; }
  .products-import-preview > aside button { grid-column:1/-1; }
  .products-bulk-grid h2,.products-variants-grid > div:last-child h2,.products-stock-grid h2 { font-size:35px; }
  .products-bulk-demo > div { grid-template-columns:1fr; }
  .products-bulk-demo > section p { grid-template-columns:1fr .55fr; }
  .products-bulk-demo > section p b { grid-column:2; }
  .products-bulk-demo > footer { flex-direction:column; }
  .products-variant-visual { min-height:300px; }
  .products-stock-formula { align-items:stretch; flex-direction:column; }
  .products-stock-formula i { transform:rotate(90deg); text-align:center; }
  .products-warehouse article { grid-template-columns:1fr .3fr; }
  .products-warehouse article em { grid-column:2; }
  .products-integrations > div > div { padding:26px; }
}

/* Shopboard Management */
.management-page { --management-accent:#7bd8b1; --management-purple:#8175f2; }
.management-hero { position:relative; min-height:720px; overflow:hidden; padding:130px 0 72px; color:#fff; background:#101118; }
.management-hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:54px 54px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 96%); }
.management-hero__glow { position:absolute; top:-260px; right:-100px; width:780px; height:780px; border-radius:50%; background:radial-gradient(circle,rgba(101,88,232,.28),rgba(123,216,177,.07) 45%,transparent 70%); }
.management-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:42px; }
.management-hero__copy { position:relative; z-index:3; }
.management-hero__copy .breadcrumbs { justify-content:flex-start; }
.management-pill { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#dadbe3; background:rgba(255,255,255,.045); font-size:9px; font-weight:750; }
.management-pill i { display:grid; width:22px; height:22px; place-items:center; border-radius:7px; color:#101118; background:var(--management-accent); font-style:normal; }
.management-hero h1 { margin:26px 0 22px; font-size:clamp(52px,5.2vw,76px); line-height:.96; letter-spacing:-4px; }
.management-hero h1 em { color:var(--management-accent); font-family:Georgia,serif; font-weight:400; letter-spacing:-3px; }
.management-hero__copy > p:not(.management-hero-note) { max-width:520px; color:#a9abb6; font-size:13px; line-height:1.8; }
.management-hero-note { margin-top:17px; color:#6f717d; font-size:8px; line-height:1.6; }
.management-primary { color:#101118; background:var(--management-accent); box-shadow:0 14px 38px rgba(123,216,177,.15); }
.management-primary:hover { background:#92e5c2; }
.management-stage { position:relative; height:560px; min-width:0; }
.management-board { position:absolute; top:31px; left:5px; width:650px; overflow:hidden; border-radius:18px; color:#20212a; background:#fff; box-shadow:0 34px 90px rgba(0,0,0,.34); transform:rotate(-1deg); }
.management-board > header { display:flex; height:66px; align-items:center; gap:16px; padding:0 20px; border-bottom:1px solid #ececf0; }
.management-board > header > span { display:flex; align-items:center; gap:9px; font-size:11px; }
.management-board > header > span i { width:22px; height:22px; border-radius:7px; background:linear-gradient(135deg,var(--management-purple),var(--management-accent)); }
.management-board > header > div { display:flex; width:224px; align-items:center; gap:7px; margin-left:auto; padding:9px 12px; border-radius:8px; color:#a2a3aa; background:#f5f5f7; font-size:8px; }
.management-board > header svg { width:12px; height:12px; fill:none; stroke:currentColor; }
.management-board > header button { padding:10px 13px; border:0; border-radius:8px; color:#fff; background:#22232c; font-size:8px; font-weight:750; }
.management-board > nav { display:flex; gap:18px; padding:14px 20px 0; color:#a1a2a9; font-size:8px; }
.management-board > nav span { padding-bottom:12px; border-bottom:2px solid transparent; }
.management-board > nav span.is-active { border-color:var(--management-purple); color:#22232b; }
.management-board > nav b { margin-left:3px; color:#b4b5bc; }
.management-board > section { padding:12px 14px 17px; }
.management-board__head,.management-board article { display:grid; grid-template-columns:.8fr 1.15fr 1.05fr .65fr; align-items:center; }
.management-board__head { padding:8px 12px; color:#aaaab2; font-size:7px; text-transform:uppercase; }
.management-board article { min-height:67px; padding:10px 12px; border-top:1px solid #eeeef1; font-size:9px; }
.management-board article.is-selected { border-color:#e6e4ff; border-radius:10px; background:#f5f4ff; }
.management-board article span,.management-board article b { display:grid; gap:3px; }
.management-board article i { color:#555762; font-style:normal; font-weight:800; }
.management-board article small { color:#a6a7ae; font-size:7px; font-weight:500; }
.management-board article em { justify-self:start; padding:6px 8px; border-radius:999px; color:#8b6b1c; background:#fff5cc; font-size:7px; font-style:normal; font-weight:750; }
.management-board article em.is-progress { color:#655ab7; background:#efedff; }
.management-board article em.is-delivery { color:#287296; background:#e8f6fc; }
.management-board article em.is-done { color:#287557; background:#e8f8f0; }
.management-board article strong { justify-self:end; font-size:9px; }
.management-order-card,.management-task-card,.management-event-card { position:absolute; z-index:3; border:1px solid rgba(255,255,255,.09); border-radius:14px; color:#fff; background:#22232c; box-shadow:0 18px 45px rgba(0,0,0,.3); }
.management-order-card { top:2px; right:-53px; display:grid; width:190px; gap:6px; padding:17px; }
.management-order-card small { color:#777986; font-size:6px; }
.management-order-card b { font-size:11px; }
.management-order-card span { color:#9b9da8; font-size:7px; }
.management-order-card span i { display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:#ffd970; }
.management-order-card strong { margin-top:5px; color:var(--management-accent); font-size:18px; }
.management-task-card { right:-22px; bottom:34px; display:flex; width:260px; align-items:center; gap:11px; padding:14px; }
.management-task-card > i { display:grid; width:29px; height:29px; flex:0 0 auto; place-items:center; border-radius:9px; color:#101118; background:#ffd970; font-size:12px; font-style:normal; font-weight:900; }
.management-task-card span { display:grid; gap:4px; }
.management-task-card small { color:#888a96; font-size:6px; }
.management-task-card b { font-size:9px; }
.management-task-card button { margin-left:auto; padding:8px 9px; border:0; border-radius:7px; color:#15161e; background:#fff; font-size:7px; font-weight:750; }
.management-event-card { bottom:4px; left:-21px; display:grid; width:220px; gap:6px; padding:14px 16px; }
.management-event-card span { display:flex; align-items:center; gap:7px; font-size:8px; }
.management-event-card span i { color:var(--management-accent); font-style:normal; }
.management-event-card small { color:#858793; font-size:7px; }
.management-principle { color:#d6d7df; background:#181921; }
.management-principle > div { display:flex; min-height:74px; align-items:center; justify-content:center; gap:25px; }
.management-principle span { margin-right:16px; color:#6f717d; font-size:8px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.management-principle b { font-size:10px; text-transform:uppercase; }
.management-principle i { color:var(--management-accent); font-style:normal; }
.management-workspace { display:grid; grid-template-columns:320px 1fr; overflow:hidden; border:1px solid #e7e7ec; border-radius:24px; background:#f7f7fa; box-shadow:0 28px 70px rgba(34,36,49,.1); }
.management-workspace__orders { padding:13px; border-right:1px solid #e4e4e9; }
.management-workspace__orders > header { display:flex; align-items:center; justify-content:space-between; padding:14px 12px 16px; color:#8d8f9b; font-size:8px; }
.management-workspace__orders > header b { color:#21222b; }
.management-workspace__orders > button { display:flex; width:100%; align-items:center; justify-content:space-between; margin-bottom:7px; padding:15px 14px; border:1px solid transparent; border-radius:13px; color:#20212a; background:transparent; text-align:left; }
.management-workspace__orders > button:hover { background:#fff; }
.management-workspace__orders > button.is-active { border-color:#dedbf9; background:#fff; box-shadow:0 8px 24px rgba(34,36,49,.07); }
.management-workspace__orders > button span { display:grid; grid-template-columns:auto 1fr; gap:4px 9px; }
.management-workspace__orders > button i { color:var(--management-purple); font-size:9px; font-style:normal; font-weight:850; }
.management-workspace__orders > button b { font-size:10px; }
.management-workspace__orders > button small { grid-column:2; color:#9799a5; font-size:7px; }
.management-workspace__orders > button strong { font-size:9px; }
.management-workspace__detail { padding:28px; background:#fff; }
.management-workspace__detail > header { display:flex; align-items:start; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid #ececf0; }
.management-workspace__detail > header small { color:#8c8e9a; font-size:8px; font-weight:800; letter-spacing:.1em; }
.management-workspace__detail > header h3 { margin:7px 0 4px; font-size:24px; letter-spacing:-1px; }
.management-workspace__detail > header p { color:#92949f; font-size:8px; }
.management-workspace__detail > header > span { padding:8px 12px; border-radius:999px; color:#896d20; background:#fff4cc; font-size:8px; font-weight:800; }
.management-detail-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:25px; padding:25px 0; }
.management-detail-grid > section > span,.management-detail-grid > aside > span { color:#92949f; font-size:7px; font-weight:800; letter-spacing:.12em; }
.management-detail-grid section article { display:grid; grid-template-columns:54px 1fr auto; align-items:center; gap:13px; margin:13px 0 17px; padding:13px; border-radius:13px; background:#f7f7fa; }
.management-product { position:relative; width:54px; height:54px; border-radius:12px; background:linear-gradient(145deg,#dedcfb,#f6f5ff); }
.management-product::before { position:absolute; inset:13px; border:4px solid #383a46; border-top-color:transparent; border-radius:50%; content:""; transform:rotate(18deg); }
.management-detail-grid section article b { display:grid; gap:4px; font-size:9px; }
.management-detail-grid section article small { color:#9698a3; font-size:7px; font-weight:500; }
.management-detail-grid section article strong { font-size:10px; }
.management-detail-grid section > p { display:flex; justify-content:space-between; margin-top:11px; color:#9395a0; font-size:8px; }
.management-detail-grid section > p b { color:#31323c; }
.management-detail-grid aside p { position:relative; display:grid; grid-template-columns:15px 1fr; gap:2px 8px; margin-top:17px; }
.management-detail-grid aside p::before { position:absolute; top:14px; bottom:-18px; left:4px; width:1px; background:#dddde4; content:""; }
.management-detail-grid aside p:last-child::before { display:none; }
.management-detail-grid aside p i { width:9px; height:9px; margin-top:1px; border:2px solid #fff; border-radius:50%; background:#a9aabb; box-shadow:0 0 0 1px #cfd0d7; }
.management-detail-grid aside p b { font-size:8px; }
.management-detail-grid aside p small { grid-column:2; color:#9a9ca6; font-size:7px; }
.management-detail-grid aside p.is-next i { background:var(--management-accent); box-shadow:0 0 0 1px var(--management-accent); }
.management-workspace__detail > footer { display:flex; gap:8px; justify-content:flex-end; padding-top:18px; border-top:1px solid #ececf0; }
.management-workspace__detail > footer button { padding:10px 13px; border:1px solid #e1e1e6; border-radius:9px; color:#555762; background:#fff; font-size:8px; font-weight:750; }
.management-workspace__detail > footer button.is-primary { border-color:#252630; color:#fff; background:#252630; }
.management-status-section { background:#f1f2f6; }
.management-status-grid,.management-contact-grid,.management-delivery-grid,.management-control-grid { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:85px; }
.management-status-grid h2,.management-contact-grid h2,.management-delivery-grid h2,.management-control-grid h2 { margin:14px 0 16px; font-size:clamp(36px,4vw,54px); line-height:1.04; letter-spacing:-2.5px; }
.management-status-grid > div:first-child > p,.management-contact-grid > div:last-child > p,.management-delivery-grid > div:first-child > p,.management-control-grid > div:last-child > p { color:#747887; font-size:12px; line-height:1.8; }
.management-status-result { display:grid; max-width:370px; gap:5px; margin-top:28px; padding:18px 20px; border:1px solid #e1e1e7; border-radius:14px; background:#fff; }
.management-status-result span { color:#9b9da7; font-size:7px; font-weight:800; letter-spacing:.12em; }
.management-status-result b { font-size:17px; }
.management-status-result small { color:#6a9c87; font-size:8px; }
.management-pipeline { padding:15px; border:1px solid #dddde5; border-radius:22px; background:#fff; box-shadow:0 25px 60px rgba(34,36,49,.09); }
.management-pipeline button { position:relative; display:flex; width:100%; align-items:center; gap:14px; padding:15px; border:0; border-radius:13px; color:#30313b; background:transparent; text-align:left; }
.management-pipeline button:not(:last-child)::after { position:absolute; bottom:-7px; left:31px; width:1px; height:14px; background:#d7d8df; content:""; }
.management-pipeline button:hover { background:#f6f6f9; }
.management-pipeline button.is-active { color:#fff; background:#21222b; box-shadow:0 10px 24px rgba(33,34,43,.18); }
.management-pipeline button i { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:10px; color:#5e6070; background:#eff0f4; font-size:8px; font-style:normal; font-weight:850; }
.management-pipeline button.is-active i { color:#101118; background:var(--management-accent); }
.management-pipeline button span { display:grid; gap:4px; }
.management-pipeline button b { font-size:11px; }
.management-pipeline button small { color:#9496a2; font-size:8px; }
.management-pipeline button.is-active small { color:#aeb0ba; }
.management-contact-grid { grid-template-columns:1.1fr .9fr; }
.management-contact-grid h2 { color:#fff; }
.management-contact-grid > div:last-child > p { color:#9a9ca8; }
.management-history-card { overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:#1d1e27; box-shadow:0 30px 70px rgba(0,0,0,.25); }
.management-history-card header { display:flex; align-items:end; justify-content:space-between; padding:22px; border-bottom:1px solid rgba(255,255,255,.08); }
.management-history-card header span { color:#777986; font-size:7px; font-weight:800; letter-spacing:.12em; }
.management-history-card header b { font-size:13px; }
.management-history-card article { display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:12px; margin:0 16px; padding:18px 6px; border-bottom:1px solid rgba(255,255,255,.07); }
.management-history-card article > i { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#171820; background:var(--management-accent); font-style:normal; font-weight:900; }
.management-history-card article > i.is-mail { background:#8f83f3; }
.management-history-card article > i.is-note { background:#ffd970; }
.management-history-card article span { display:grid; gap:5px; }
.management-history-card article b { font-size:10px; }
.management-history-card article small,.management-history-card article time { color:#898b97; font-size:8px; }
.management-history-card footer { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; }
.management-history-card footer button { padding:10px 13px; border:1px solid rgba(255,255,255,.11); border-radius:9px; color:#fff; background:rgba(255,255,255,.05); font-size:8px; font-weight:750; }
.management-history-card footer span { color:#767884; font-size:7px; }
.management-finance-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.management-finance-grid article { display:grid; min-height:290px; grid-template-rows:auto 1fr auto; padding:26px; border:1px solid #e5e5ea; border-radius:20px; background:#fafafd; }
.management-finance-grid article > i { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; color:#fff; background:#252630; font-size:15px; font-style:normal; font-weight:850; }
.management-finance-grid article:nth-child(2) > i { color:#171820; background:var(--management-accent); }
.management-finance-grid article:nth-child(3) > i { background:var(--management-purple); }
.management-finance-grid article span { align-self:center; }
.management-finance-grid article small { color:#9698a3; font-size:7px; font-weight:800; letter-spacing:.12em; }
.management-finance-grid article h3 { margin:10px 0 10px; font-size:21px; letter-spacing:-.8px; }
.management-finance-grid article p { color:#7b7e8c; font-size:10px; line-height:1.7; }
.management-finance-grid article > b { justify-self:start; padding:7px 10px; border-radius:999px; color:#696b77; background:#eeeef3; font-size:7px; }
.management-delivery-section { background:#eff1f7; }
.management-delivery-facts { display:flex; gap:9px; margin-top:27px; }
.management-delivery-facts span { display:grid; min-width:105px; gap:5px; padding:14px; border-radius:12px; background:#fff; }
.management-delivery-facts small { color:#989aa5; font-size:7px; }
.management-delivery-facts b { font-size:12px; }
.management-shipment { padding:24px; border:1px solid #dcdde5; border-radius:22px; background:#fff; box-shadow:0 25px 60px rgba(34,36,49,.1); }
.management-shipment header { display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #ececf0; }
.management-shipment header span { display:flex; align-items:center; gap:10px; font-size:12px; }
.management-shipment header svg { width:23px; height:23px; fill:none; stroke:var(--management-purple); stroke-width:1.7; }
.management-shipment header em { padding:7px 9px; border-radius:999px; color:#735fac; background:#f0edff; font-size:7px; font-style:normal; font-weight:800; }
.management-shipment label { display:grid; gap:7px; padding:15px 0; border-bottom:1px solid #eeeef1; }
.management-shipment label small { color:#9a9ca6; font-size:7px; font-weight:800; }
.management-shipment label b { font-size:9px; }
.management-shipment > div { display:flex; align-items:center; justify-content:space-between; padding-top:18px; }
.management-shipment > div span { color:#538f76; font-size:8px; font-weight:750; }
.management-shipment > div i { font-style:normal; }
.management-shipment button { padding:11px 14px; border:0; border-radius:9px; color:#fff; background:#252630; font-size:8px; font-weight:750; }
.management-shipment footer { margin-top:15px; color:#9698a3; font-size:7px; line-height:1.6; }
.management-automation-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.management-automation-grid article { position:relative; min-height:230px; overflow:hidden; padding:24px; border:1px solid #e4e4ea; border-radius:18px; background:#fafafd; }
.management-automation-grid article > span { color:#8b7ef3; font-size:8px; font-weight:850; letter-spacing:.14em; }
.management-automation-grid article h3 { margin:38px 0 10px; font-size:18px; letter-spacing:-.5px; }
.management-automation-grid article p { color:#7e818e; font-size:9px; line-height:1.7; }
.management-automation-grid article i { position:absolute; right:16px; bottom:3px; color:#eeeff4; font-size:68px; font-style:normal; font-weight:900; }
.management-control-section { color:#fff; background:#171820; }
.management-control-grid { grid-template-columns:1.08fr .92fr; }
.management-control-grid h2 { color:#fff; }
.management-control-grid > div:last-child > p { color:#999ba7; }
.management-role-card { overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:#20212a; }
.management-role-card header { display:flex; justify-content:space-between; padding:21px; border-bottom:1px solid rgba(255,255,255,.08); color:#878995; font-size:8px; }
.management-role-card header b { color:var(--management-accent); }
.management-role-card article { display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:12px; margin:0 16px; padding:17px 5px; border-bottom:1px solid rgba(255,255,255,.07); }
.management-role-card article > i { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; color:#fff; background:#5f57bc; font-size:8px; font-style:normal; font-weight:800; }
.management-role-card article:nth-child(3) > i { background:#477b69; }
.management-role-card article:nth-child(4) > i { background:#9c6f38; }
.management-role-card article span { display:grid; gap:4px; }
.management-role-card article b { font-size:10px; }
.management-role-card article small { color:#898b97; font-size:8px; }
.management-role-card article em { color:#a5a7b1; font-size:8px; font-style:normal; }
.management-role-card footer { display:grid; gap:6px; padding:19px 21px; color:#81838f; font-size:7px; }
.management-role-card footer b { color:#b8bac3; font-size:8px; }
.management-integrations { color:#fff; background:#0f1016; }
.management-integrations > div { display:grid; grid-template-columns:1fr auto 1fr; align-items:stretch; gap:26px; padding-top:72px; padding-bottom:72px; }
.management-integrations > div > div { padding:30px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#181921; }
.management-integrations > div > i { align-self:center; color:var(--management-accent); font-size:24px; font-style:normal; }
.management-integrations small { color:#787a86; font-size:7px; font-weight:850; letter-spacing:.14em; }
.management-integrations h3 { margin:12px 0 10px; font-size:22px; }
.management-integrations p { min-height:48px; color:#9395a1; font-size:10px; line-height:1.7; }
.management-integrations span { display:inline-block; margin-top:17px; padding:7px 10px; border-radius:999px; color:#74c6a5; background:rgba(123,216,177,.08); font-size:7px; font-weight:800; }
.management-integrations > div > div:last-child span { color:#aaa3f1; background:rgba(129,117,242,.1); }
.management-cta { color:#fff; background:linear-gradient(145deg,#22222d,#111218); }
.management-cta .management-pill { margin-bottom:22px; }

@media (max-width:980px) {
  .management-hero__grid { grid-template-columns:1fr; }
  .management-hero__copy { max-width:650px; }
  .management-stage { width:min(100%,720px); justify-self:center; }
  .management-workspace { grid-template-columns:270px 1fr; }
  .management-status-grid,.management-contact-grid,.management-delivery-grid,.management-control-grid { gap:45px; }
  .management-finance-grid { grid-template-columns:1fr 1fr; }
  .management-automation-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:760px) {
  .management-hero { padding-top:112px; }
  .management-hero__grid { gap:30px; }
  .management-stage { height:500px; }
  .management-board { width:620px; }
  .management-principle > div { justify-content:flex-start; overflow-x:auto; }
  .management-principle b,.management-principle i { flex:0 0 auto; }
  .management-workspace { grid-template-columns:1fr; }
  .management-workspace__orders { display:grid; grid-template-columns:1fr 1fr; border-right:0; border-bottom:1px solid #e4e4e9; }
  .management-workspace__orders > header { grid-column:1/-1; }
  .management-status-grid,.management-contact-grid,.management-delivery-grid,.management-control-grid { grid-template-columns:1fr; }
  .management-contact-grid .management-history-card,.management-control-grid .management-role-card { order:2; }
  .management-finance-grid { grid-template-columns:1fr; }
  .management-finance-grid article { min-height:230px; }
  .management-integrations > div { grid-template-columns:1fr; }
  .management-integrations > div > i { transform:rotate(90deg); text-align:center; }
}

@media (max-width:520px) {
  .management-hero h1 { font-size:40px; letter-spacing:-2.4px; }
  .management-hero h1 em { letter-spacing:-2px; }
  .management-hero__grid { grid-template-columns:minmax(0,1fr); }
  .management-hero__copy { min-width:0; }
  .management-stage { width:650px; max-width:none; height:560px; justify-self:start; margin-bottom:-260px; transform:scale(.51); transform-origin:top left; }
  .management-board { left:4px; }
  .management-order-card { right:-3px; }
  .management-task-card { right:7px; }
  .management-workspace { grid-template-columns:minmax(0,1fr); }
  .management-workspace__orders { grid-template-columns:1fr; }
  .management-workspace__detail { padding:18px; }
  .management-workspace__detail > header { gap:12px; }
  .management-workspace__detail > header h3 { font-size:20px; }
  .management-detail-grid { grid-template-columns:1fr; }
  .management-workspace__detail > footer { align-items:stretch; flex-direction:column; }
  .management-status-grid h2,.management-contact-grid h2,.management-delivery-grid h2,.management-control-grid h2 { font-size:35px; letter-spacing:-1.8px; }
  .management-history-card article { grid-template-columns:36px 1fr; }
  .management-history-card article time { grid-column:2; }
  .management-history-card footer { align-items:flex-start; flex-direction:column; gap:12px; }
  .management-delivery-facts { display:grid; grid-template-columns:1fr 1fr; }
  .management-delivery-facts span { min-width:0; }
  .management-shipment > div { align-items:flex-start; flex-direction:column; gap:14px; }
  .management-shipment button { width:100%; }
  .management-automation-grid { grid-template-columns:1fr; }
  .management-role-card article { grid-template-columns:40px 1fr; }
  .management-role-card article em { grid-column:2; }
  .management-integrations > div > div { padding:25px; }
}

/* Shopboard Sales */
.sales-page { --sales-accent:#ff8a68; --sales-purple:#7d70ef; --sales-pink:#f7a9bd; }
.sales-hero { position:relative; min-height:730px; overflow:hidden; padding:130px 0 72px; color:#fff; background:#101118; }
.sales-hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:54px 54px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 95%); }
.sales-hero__glow { position:absolute; top:-240px; right:-60px; width:780px; height:780px; border-radius:50%; background:radial-gradient(circle,rgba(247,169,189,.19),rgba(125,112,239,.14) 40%,transparent 70%); }
.sales-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:.76fr 1.24fr; align-items:center; gap:40px; }
.sales-hero__copy { position:relative; z-index:4; }
.sales-hero__copy .breadcrumbs { justify-content:flex-start; }
.sales-pill { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#dadbe3; background:rgba(255,255,255,.045); font-size:9px; font-weight:750; }
.sales-pill i { display:grid; width:22px; height:22px; place-items:center; border-radius:7px; color:#161720; background:var(--sales-accent); font-style:normal; }
.sales-hero h1 { margin:26px 0 22px; font-size:clamp(52px,5.2vw,76px); line-height:.96; letter-spacing:-4px; }
.sales-hero h1 em { color:var(--sales-pink); font-family:Georgia,serif; font-weight:400; letter-spacing:-3px; }
.sales-hero__copy > p:not(.sales-hero-note) { max-width:510px; color:#a9abb6; font-size:13px; line-height:1.8; }
.sales-hero-note { margin-top:17px; color:#6f717d; font-size:8px; line-height:1.6; }
.sales-primary { color:#161720; background:var(--sales-accent); box-shadow:0 14px 38px rgba(255,138,104,.16); }
.sales-primary:hover { background:#ff9e82; }
.sales-stage { position:relative; height:570px; min-width:0; }
.sales-board { position:absolute; top:37px; left:4px; width:675px; overflow:hidden; border-radius:18px; color:#22232b; background:#f9f9fb; box-shadow:0 34px 90px rgba(0,0,0,.35); transform:rotate(-1deg); }
.sales-board > header { display:flex; height:64px; align-items:center; gap:15px; padding:0 18px; border-bottom:1px solid #e8e8ee; background:#fff; }
.sales-board > header > span { display:flex; align-items:center; gap:9px; font-size:11px; }
.sales-board > header > span i { width:22px; height:22px; border-radius:7px; background:linear-gradient(135deg,var(--sales-accent),var(--sales-purple)); }
.sales-board > header > div { display:flex; width:230px; align-items:center; gap:7px; margin-left:auto; padding:9px 11px; border-radius:8px; color:#a2a3aa; background:#f5f5f7; font-size:8px; }
.sales-board > header svg { width:12px; height:12px; fill:none; stroke:currentColor; }
.sales-board > header button { padding:10px 12px; border:0; border-radius:8px; color:#fff; background:#24252e; font-size:8px; font-weight:750; }
.sales-board > nav { display:flex; align-items:center; gap:20px; padding:14px 18px; border-bottom:1px solid #e8e8ed; color:#9a9ca7; background:#fff; font-size:8px; }
.sales-board > nav span { padding-bottom:6px; border-bottom:2px solid transparent; }
.sales-board > nav span.is-active { border-color:var(--sales-purple); color:#30313a; }
.sales-board > nav em { margin-left:auto; color:#555763; font-style:normal; font-weight:800; }
.sales-board > section { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px; }
.sales-column { min-height:330px; padding:9px; border-radius:12px; background:#f0f0f4; }
.sales-column > header { display:flex; justify-content:space-between; padding:7px 5px 11px; color:#888a95; font-size:7px; font-weight:800; }
.sales-column > header b { display:grid; width:17px; height:17px; place-items:center; border-radius:6px; background:#fff; }
.sales-column article { margin-bottom:8px; padding:12px; border:1px solid #e3e3e9; border-radius:10px; background:#fff; box-shadow:0 4px 12px rgba(43,44,57,.04); }
.sales-column article small { color:#a0a2ac; font-size:6px; font-weight:750; }
.sales-column article > b { display:block; margin-top:8px; font-size:9px; }
.sales-column article > p { min-height:27px; margin-top:4px; color:#777985; font-size:7px; line-height:1.5; }
.sales-column article footer { display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding-top:9px; border-top:1px solid #eeeef2; }
.sales-column article footer i { display:grid; width:20px; height:20px; place-items:center; border-radius:7px; color:#fff; background:var(--sales-purple); font-size:6px; font-style:normal; font-weight:850; }
.sales-column article footer strong { font-size:8px; }
.sales-new-card,.sales-task-card,.sales-score-card { position:absolute; z-index:3; border:1px solid rgba(255,255,255,.09); border-radius:14px; color:#fff; background:#22232c; box-shadow:0 18px 45px rgba(0,0,0,.3); }
.sales-new-card { top:0; right:-54px; display:grid; width:208px; gap:7px; padding:16px; }
.sales-new-card > span { display:flex; align-items:center; gap:7px; }
.sales-new-card > span i { display:grid; width:20px; height:20px; place-items:center; border-radius:7px; color:#161720; background:var(--sales-accent); font-size:12px; font-style:normal; font-weight:900; }
.sales-new-card small { color:#858793; font-size:6px; }
.sales-new-card b { font-size:9px; }
.sales-new-card em { color:#777986; font-size:7px; font-style:normal; }
.sales-task-card { right:-24px; bottom:28px; display:grid; width:225px; gap:5px; padding:16px; }
.sales-task-card small { color:#898b96; font-size:6px; }
.sales-task-card b { font-size:10px; }
.sales-task-card span { color:#a5a7b1; font-size:7px; }
.sales-score-card { bottom:3px; left:-18px; display:grid; width:190px; gap:5px; padding:15px 17px; }
.sales-score-card span { color:#898b96; font-size:6px; font-weight:800; }
.sales-score-card b { color:var(--sales-pink); font-size:20px; }
.sales-score-card small { color:#7f818d; font-size:7px; }
.sales-principle { color:#d7d8e0; background:#181921; }
.sales-principle > div { display:flex; min-height:74px; align-items:center; justify-content:center; gap:25px; }
.sales-principle span { margin-right:16px; color:#6f717d; font-size:8px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.sales-principle b { font-size:10px; text-transform:uppercase; }
.sales-principle i { color:var(--sales-accent); font-style:normal; }
.sales-workspace { display:grid; grid-template-columns:330px 1fr; overflow:hidden; border:1px solid #e5e5eb; border-radius:24px; background:#f6f6f9; box-shadow:0 28px 70px rgba(34,36,49,.1); }
.sales-leads-list { padding:13px; border-right:1px solid #e2e2e8; }
.sales-leads-list > header { display:flex; justify-content:space-between; padding:14px 12px 17px; color:#8e909b; font-size:8px; }
.sales-leads-list > header b { color:#252630; }
.sales-leads-list > button { display:flex; width:100%; align-items:center; justify-content:space-between; gap:10px; margin-bottom:7px; padding:14px 13px; border:1px solid transparent; border-radius:13px; color:#252630; background:transparent; text-align:left; }
.sales-leads-list > button:hover { background:#fff; }
.sales-leads-list > button.is-active { border-color:#e1defb; background:#fff; box-shadow:0 8px 24px rgba(34,36,49,.07); }
.sales-leads-list > button > span { display:grid; grid-template-columns:34px 1fr; gap:3px 9px; }
.sales-leads-list > button i { display:grid; width:32px; height:32px; grid-row:1/3; place-items:center; border-radius:10px; color:#fff; background:var(--sales-purple); font-size:7px; font-style:normal; font-weight:850; }
.sales-leads-list > button:nth-child(3) i { background:#d98064; }
.sales-leads-list > button:nth-child(4) i { background:#5d8f7e; }
.sales-leads-list > button:nth-child(5) i { background:#667da9; }
.sales-leads-list > button b { font-size:9px; }
.sales-leads-list > button small { color:#9a9ca6; font-size:7px; }
.sales-leads-list > button > em { padding:6px 8px; border-radius:999px; color:#7564b3; background:#eeebff; font-size:7px; font-style:normal; font-weight:750; }
.sales-lead-detail { padding:28px; background:#fff; }
.sales-lead-detail > header { display:flex; align-items:start; justify-content:space-between; padding-bottom:23px; border-bottom:1px solid #ececf0; }
.sales-lead-detail > header small { color:#92949f; font-size:7px; font-weight:800; letter-spacing:.1em; }
.sales-lead-detail > header h3 { margin:7px 0 4px; font-size:24px; letter-spacing:-1px; }
.sales-lead-detail > header p { color:#92949f; font-size:8px; }
.sales-lead-detail > header > span { padding:8px 11px; border-radius:999px; color:#7564b3; background:#eeebff; font-size:8px; font-weight:800; }
.sales-lead-body { display:grid; grid-template-columns:1.06fr .94fr; gap:27px; padding:25px 0; }
.sales-lead-body > section > span,.sales-lead-body > aside > span { color:#9698a3; font-size:7px; font-weight:850; letter-spacing:.12em; }
.sales-lead-body h4 { margin:11px 0 8px; font-size:17px; letter-spacing:-.5px; }
.sales-lead-body > section > p { min-height:42px; color:#7c7f8c; font-size:9px; line-height:1.65; }
.sales-lead-body > section > div { display:grid; gap:5px; margin-top:18px; padding:13px; border-radius:11px; background:#f6f6f9; }
.sales-lead-body > section > div small { color:#999ba5; font-size:7px; }
.sales-lead-body > section > div b { font-size:16px; }
.sales-lead-body aside { padding-left:25px; border-left:1px solid #ececf0; }
.sales-lead-body aside > b { display:block; margin:12px 0 5px; font-size:12px; }
.sales-lead-body aside > small { color:#d06f50; font-size:8px; }
.sales-lead-body aside > p { display:flex; align-items:center; gap:9px; margin-top:24px; }
.sales-lead-body aside > p > i { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#fff; background:#5d8f7e; font-size:7px; font-style:normal; font-weight:850; }
.sales-lead-body aside > p span { display:grid; gap:4px; }
.sales-lead-body aside > p b { font-size:9px; }
.sales-lead-body aside > p small { color:#999ba5; font-size:7px; }
.sales-lead-detail > footer { display:flex; justify-content:flex-end; gap:8px; padding-top:18px; border-top:1px solid #ececf0; }
.sales-lead-detail > footer button { padding:10px 13px; border:1px solid #e0e1e6; border-radius:9px; color:#555763; background:#fff; font-size:8px; font-weight:750; }
.sales-lead-detail > footer button.is-primary { border-color:#252630; color:#fff; background:#252630; }
.sales-stages-section { background:#f0f1f6; }
.sales-stages-grid,.sales-sources-grid,.sales-communication-grid { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:85px; }
.sales-stages-grid h2,.sales-sources-grid h2,.sales-communication-grid h2 { margin:14px 0 16px; font-size:clamp(36px,4vw,54px); line-height:1.04; letter-spacing:-2.5px; }
.sales-stages-grid > div:first-child > p,.sales-sources-grid > div:first-child > p,.sales-communication-grid > div:last-child > p { color:#767987; font-size:12px; line-height:1.8; }
.sales-stage-result { display:grid; max-width:390px; gap:5px; margin-top:27px; padding:18px 20px; border:1px solid #e0e1e6; border-radius:14px; background:#fff; }
.sales-article-link { display:inline-flex; align-items:center; gap:7px; margin-top:15px; color:#675ac7; font-size:9px; font-weight:800; }
.sales-article-link svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; }
.sales-stage-result span { color:#9b9da7; font-size:7px; font-weight:850; letter-spacing:.12em; }
.sales-stage-result b { font-size:16px; }
.sales-stage-result small { color:#cf755b; font-size:8px; line-height:1.55; }
.sales-stage-flow { padding:14px; border:1px solid #dedee5; border-radius:22px; background:#fff; box-shadow:0 25px 60px rgba(34,36,49,.09); }
.sales-stage-flow button { position:relative; display:grid; width:100%; grid-template-columns:38px 1fr auto; align-items:center; gap:13px; padding:14px; border:0; border-radius:13px; color:#30313a; background:transparent; text-align:left; }
.sales-stage-flow button:not(:last-child)::after { position:absolute; bottom:-7px; left:32px; width:1px; height:14px; background:#d7d8df; content:""; }
.sales-stage-flow button:hover { background:#f6f6f9; }
.sales-stage-flow button.is-active { color:#fff; background:#21222b; box-shadow:0 10px 24px rgba(33,34,43,.18); }
.sales-stage-flow button > i { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#5f6170; background:#eff0f4; font-size:8px; font-style:normal; font-weight:850; }
.sales-stage-flow button.is-active > i { color:#161720; background:var(--sales-accent); }
.sales-stage-flow button span { display:grid; gap:4px; }
.sales-stage-flow button span b { font-size:11px; }
.sales-stage-flow button span small { color:#9395a0; font-size:8px; }
.sales-stage-flow button > em { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; color:#676976; background:#f0f1f4; font-size:8px; font-style:normal; font-weight:850; }
.sales-stage-flow button.is-active > em { color:#fff; background:rgba(255,255,255,.12); }
.sales-sources-grid { grid-template-columns:.9fr 1.1fr; }
.sales-sources-grid h2 { color:#fff; }
.sales-sources-grid > div:first-child > p { color:#9a9ca8; }
.sales-sources-card { overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:#1d1e27; box-shadow:0 30px 70px rgba(0,0,0,.25); }
.sales-sources-card header { display:flex; justify-content:space-between; padding:21px; border-bottom:1px solid rgba(255,255,255,.08); color:#898b97; font-size:8px; }
.sales-sources-card header b { color:#fff; }
.sales-sources-card article { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:20px; margin:0 17px; padding:16px 5px; border-bottom:1px solid rgba(255,255,255,.07); }
.sales-sources-card article > span { display:flex; align-items:center; gap:10px; }
.sales-sources-card article i { width:9px; height:9px; border-radius:3px; background:var(--sales-accent); }
.sales-sources-card article i.is-call { background:#8c80f1; }
.sales-sources-card article i.is-mail { background:#72c4a3; }
.sales-sources-card article i.is-social { background:#64a4d5; }
.sales-sources-card article i.is-manual { background:#ffd16b; }
.sales-sources-card article b { font-size:9px; }
.sales-sources-card article strong { font-size:11px; }
.sales-sources-card article em { color:#9597a2; font-size:8px; font-style:normal; }
.sales-sources-card footer { padding:18px 21px; color:#777985; font-size:7px; line-height:1.6; }
.sales-fields-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sales-fields-grid article { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:15px; padding:23px; border:1px solid #e4e4ea; border-radius:17px; background:#fafafd; }
.sales-fields-grid article > i { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#6c61c3; background:#eeebff; font-size:8px; font-style:normal; font-weight:850; }
.sales-fields-grid article span { display:grid; gap:6px; }
.sales-fields-grid article h3 { font-size:15px; }
.sales-fields-grid article p { color:#7d808d; font-size:9px; line-height:1.6; }
.sales-fields-grid article > b { padding:7px 9px; border-radius:999px; color:#777985; background:#eeeff3; font-size:7px; }
.sales-communication-section { background:#eef0f7; }
.sales-communication-grid { grid-template-columns:1.1fr .9fr; }
.sales-dialog { overflow:hidden; border:1px solid #dfe0e7; border-radius:22px; background:#fff; box-shadow:0 26px 65px rgba(34,36,49,.1); }
.sales-dialog header { display:flex; align-items:center; justify-content:space-between; padding:18px 21px; border-bottom:1px solid #ececf0; }
.sales-dialog header > span { display:flex; align-items:center; gap:10px; }
.sales-dialog header i { display:grid; width:37px; height:37px; place-items:center; border-radius:11px; color:#fff; background:var(--sales-purple); font-size:8px; font-style:normal; font-weight:850; }
.sales-dialog header b { display:grid; gap:4px; font-size:10px; }
.sales-dialog header small { color:#9698a3; font-size:7px; font-weight:500; }
.sales-dialog header em { color:#55957b; font-size:8px; font-style:normal; }
.sales-dialog > section { min-height:310px; padding:25px 21px; background:#f7f7fa; }
.sales-dialog > section > p { max-width:76%; margin-bottom:12px; padding:12px 14px; border-radius:13px 13px 13px 4px; color:#4e505b; background:#fff; font-size:9px; line-height:1.6; }
.sales-dialog > section > p.is-manager { margin-left:auto; border-radius:13px 13px 4px 13px; color:#fff; background:#272832; }
.sales-dialog > section > div { display:grid; gap:6px; margin-top:28px; padding:14px; border:1px solid #f0d88e; border-radius:12px; background:#fff9e7; }
.sales-dialog > section > div span { color:#a6842d; font-size:7px; font-weight:850; }
.sales-dialog > section > div b { color:#655935; font-size:8px; line-height:1.55; }
.sales-dialog > footer { display:flex; align-items:center; gap:10px; padding:15px 18px; }
.sales-dialog > footer span { flex:1; padding:11px 13px; border-radius:9px; color:#a1a3ad; background:#f4f4f7; font-size:8px; }
.sales-dialog > footer button { padding:11px 14px; border:0; border-radius:9px; color:#fff; background:#252630; font-size:8px; font-weight:750; }
.sales-segments-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.sales-segments-grid article { display:grid; min-height:250px; grid-template-rows:auto 1fr auto; padding:25px; border:1px solid #e4e4ea; border-radius:19px; background:#fafafd; }
.sales-segments-grid article > span { color:#8175df; font-size:8px; font-weight:850; letter-spacing:.13em; }
.sales-segments-grid h3 { align-self:center; margin:16px 0 9px; font-size:20px; }
.sales-segments-grid p { color:#7d808d; font-size:9px; line-height:1.65; }
.sales-segments-grid b { align-self:end; justify-self:start; margin-top:17px; padding:7px 10px; border-radius:999px; color:#8b604f; background:#fff0ea; font-size:7px; }
.sales-legal-note { max-width:760px; margin:24px auto 0; color:#9496a1; font-size:8px; line-height:1.7; text-align:center; }
.sales-integrations { color:#fff; background:#0f1016; }
.sales-integrations > div { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch; gap:18px; padding-top:72px; padding-bottom:72px; }
.sales-integrations > div > div { padding:26px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#181921; }
.sales-integrations > div > i { align-self:center; color:var(--sales-accent); font-size:21px; font-style:normal; }
.sales-integrations small { color:#787a86; font-size:7px; font-weight:850; letter-spacing:.14em; }
.sales-integrations h3 { margin:12px 0 10px; font-size:19px; }
.sales-integrations p { min-height:62px; color:#9395a1; font-size:9px; line-height:1.7; }
.sales-integrations span { display:inline-block; margin-top:15px; padding:7px 9px; border-radius:999px; color:#f19c82; background:rgba(255,138,104,.09); font-size:7px; font-weight:800; }
.sales-integrations > div > div:nth-of-type(2) span { color:#aaa3f1; background:rgba(125,112,239,.11); }
.sales-integrations > div > div:nth-of-type(3) span { color:#9c9eaa; background:rgba(255,255,255,.05); }
.sales-cta { color:#fff; background:linear-gradient(145deg,#2a2027,#111218); }
.sales-cta .sales-pill { margin-bottom:22px; }

@media (max-width:980px) {
  .sales-hero__grid { grid-template-columns:1fr; }
  .sales-hero__copy { max-width:650px; }
  .sales-stage { width:min(100%,730px); justify-self:center; }
  .sales-workspace { grid-template-columns:290px 1fr; }
  .sales-stages-grid,.sales-sources-grid,.sales-communication-grid { gap:45px; }
  .sales-fields-grid article { grid-template-columns:42px 1fr; }
  .sales-fields-grid article > b { grid-column:2; justify-self:start; }
  .sales-integrations > div { grid-template-columns:1fr; }
  .sales-integrations > div > i { transform:rotate(90deg); text-align:center; }
}

@media (max-width:760px) {
  .sales-hero { padding-top:112px; }
  .sales-hero__grid { gap:30px; }
  .sales-stage { height:510px; }
  .sales-board { width:650px; }
  .sales-principle > div { justify-content:flex-start; overflow-x:auto; }
  .sales-principle b,.sales-principle i { flex:0 0 auto; }
  .sales-workspace { grid-template-columns:1fr; }
  .sales-leads-list { display:grid; grid-template-columns:1fr 1fr; border-right:0; border-bottom:1px solid #e2e2e8; }
  .sales-leads-list > header { grid-column:1/-1; }
  .sales-stages-grid,.sales-sources-grid,.sales-communication-grid { grid-template-columns:1fr; }
  .sales-sources-card,.sales-dialog { order:2; }
  .sales-fields-grid { grid-template-columns:1fr; }
  .sales-segments-grid { grid-template-columns:1fr; }
  .sales-segments-grid article { min-height:210px; }
}

@media (max-width:520px) {
  .sales-hero h1 { font-size:40px; letter-spacing:-2.4px; }
  .sales-hero h1 em { letter-spacing:-2px; }
  .sales-hero__grid { grid-template-columns:minmax(0,1fr); }
  .sales-hero__copy { min-width:0; }
  .sales-stage { width:675px; max-width:none; height:570px; justify-self:start; margin-bottom:-270px; transform:scale(.49); transform-origin:top left; }
  .sales-board { left:3px; }
  .sales-new-card { right:5px; }
  .sales-task-card { right:8px; }
  .sales-workspace { grid-template-columns:minmax(0,1fr); }
  .sales-leads-list { grid-template-columns:1fr; }
  .sales-lead-detail { padding:18px; }
  .sales-lead-detail > header { gap:12px; }
  .sales-lead-detail > header h3 { font-size:20px; }
  .sales-lead-body { grid-template-columns:1fr; }
  .sales-lead-body aside { padding-top:20px; padding-left:0; border-top:1px solid #ececf0; border-left:0; }
  .sales-lead-detail > footer { align-items:stretch; flex-direction:column; }
  .sales-stages-grid h2,.sales-sources-grid h2,.sales-communication-grid h2 { font-size:35px; letter-spacing:-1.8px; }
  .sales-sources-card article { grid-template-columns:1fr auto; }
  .sales-sources-card article em { grid-column:2; }
  .sales-fields-grid article { grid-template-columns:38px 1fr; padding:20px; }
  .sales-dialog > section > p { max-width:90%; }
  .sales-dialog > footer { align-items:stretch; flex-direction:column; }
  .sales-integrations > div > div { padding:25px; }
}

/* Shopboard Lead Article */
.lead-article-page { --article-accent:#ff8a68; --article-purple:#7d70ef; }
.lead-article-page .subpage-main { overflow:visible; }
.lead-article-hero { position:relative; overflow:hidden; padding:145px 0 74px; color:#fff; background:#101118; }
.lead-article-hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:54px 54px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 95%); }
.lead-article-hero__glow { position:absolute; top:-360px; right:-100px; width:900px; height:780px; border-radius:50%; background:radial-gradient(circle,rgba(125,112,239,.27),rgba(255,138,104,.09) 45%,transparent 70%); }
.lead-article-hero__inner { position:relative; z-index:2; }
.lead-article-hero .breadcrumbs { justify-content:flex-start; }
.lead-article-meta { display:flex; align-items:center; gap:12px; margin-top:35px; color:#8e909d; font-size:9px; }
.lead-article-meta > span { color:#f39a7e; font-weight:850; letter-spacing:.14em; }
.lead-article-meta i { width:3px; height:3px; border-radius:50%; background:#5d5f6b; }
.lead-article-meta em { font-style:normal; }
.lead-article-hero h1 { max-width:850px; margin:22px 0 23px; font-size:clamp(58px,7.2vw,98px); line-height:.92; letter-spacing:-5.5px; }
.lead-article-hero h1 em { color:#f5aec0; font-family:Georgia,serif; font-weight:400; letter-spacing:-4px; }
.lead-article-hero__inner > p { max-width:660px; color:#afb1bc; font-size:14px; line-height:1.8; }
.lead-article-author { display:flex; align-items:center; gap:11px; margin-top:28px; }
.lead-article-author > i { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,var(--article-purple),var(--article-accent)); font-size:9px; font-style:normal; font-weight:900; }
.lead-article-author span { display:grid; gap:4px; }
.lead-article-author b { font-size:9px; }
.lead-article-author small { color:#797b87; font-size:7px; }
.lead-article-funnel { display:flex; max-width:870px; align-items:center; margin-top:50px; padding:12px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:rgba(255,255,255,.035); }
.lead-article-funnel > div { position:relative; display:grid; flex:1; gap:5px; padding:14px 18px; }
.lead-article-funnel > div:not(:last-child)::after { position:absolute; top:50%; right:-4px; color:#777986; content:"→"; transform:translateY(-50%); }
.lead-article-funnel span { color:#777986; font-size:7px; font-weight:800; letter-spacing:.1em; }
.lead-article-funnel b { font-size:17px; }
.lead-article-funnel > div:last-child b { color:#f5aec0; }
.lead-article-progress { position:sticky; z-index:45; top:78px; height:3px; background:#ececf1; }
.lead-article-progress i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--article-purple),var(--article-accent)); transition:width .1s linear; }
.lead-article-layout { display:grid; grid-template-columns:235px minmax(0,760px); align-items:start; justify-content:center; gap:72px; padding-top:80px; padding-bottom:120px; }
.lead-article-nav { position:sticky; top:115px; display:grid; gap:3px; }
.lead-article-nav > span { margin-bottom:11px; color:#a0a2ac; font-size:8px; font-weight:850; letter-spacing:.13em; }
.lead-article-nav > a { padding:9px 12px; border-left:2px solid transparent; color:#7b7e8b; font-size:9px; }
.lead-article-nav > a:hover,.lead-article-nav > a.is-active { border-color:var(--article-accent); color:#20212a; background:#f4f4f7; }
.lead-article-nav > div { margin-top:22px; padding:18px; border-radius:16px; color:#fff; background:#1b1c24; }
.lead-article-nav > div small { color:#777986; font-size:7px; font-weight:850; letter-spacing:.11em; }
.lead-article-nav > div b { display:block; margin:10px 0 7px; font-size:13px; }
.lead-article-nav > div p { color:#999ba6; font-size:8px; line-height:1.6; }
.lead-article-nav > div a { display:flex; align-items:center; gap:6px; margin-top:14px; color:#f39a7e; font-size:8px; font-weight:800; }
.lead-article-nav > div svg,.lead-inline-link svg,.lead-article-summary svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; }
.lead-article-content { min-width:0; color:#30313a; }
.lead-article-intro { margin-bottom:68px; padding:26px 28px; border-left:3px solid var(--article-accent); color:#3c3d47; background:#f5f5f8; font-size:16px; font-weight:600; line-height:1.75; }
.lead-article-content > section { scroll-margin-top:115px; margin-bottom:88px; }
.lead-article-kicker { color:#e57c5d; font-size:8px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.lead-article-content h2 { margin:12px 0 22px; font-size:clamp(34px,4.2vw,52px); line-height:1.04; letter-spacing:-2.3px; }
.lead-article-content > section > p,.lead-step > div > p { margin:15px 0; color:#626573; font-size:13px; line-height:1.85; }
.lead-definition-card { display:grid; grid-template-columns:44px 1fr; gap:15px; margin:27px 0; padding:22px; border:1px solid #f0d5cb; border-radius:17px; background:#fff7f4; }
.lead-definition-card > i { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; color:#fff; background:var(--article-accent); font-style:normal; font-weight:900; }
.lead-definition-card b { font-size:12px; }
.lead-definition-card p { margin-top:7px; color:#796860; font-size:10px; line-height:1.65; }
.lead-comparison { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin:26px 0; }
.lead-comparison > div { padding:21px; border:1px solid #e6e6eb; border-radius:17px; background:#fafafd; }
.lead-comparison > div:last-child { border-color:#dcd8fb; background:#f7f6ff; }
.lead-comparison span { color:#92949f; font-size:7px; font-weight:850; letter-spacing:.12em; }
.lead-comparison p { position:relative; margin-top:13px; padding-left:16px; color:#626573; font-size:9px; line-height:1.55; }
.lead-comparison p::before { position:absolute; top:5px; left:0; width:6px; height:6px; border-radius:50%; background:#bbbcc5; content:""; }
.lead-comparison > div:last-child p::before { background:var(--article-purple); }
.lead-step { display:grid; grid-template-columns:54px 1fr; gap:24px; padding:31px 0; border-top:1px solid #e5e5ea; }
.lead-step > i { display:grid; width:48px; height:48px; place-items:center; border-radius:14px; color:#685cc6; background:#eeebff; font-size:9px; font-style:normal; font-weight:900; }
.lead-step h3 { margin:7px 0 13px; font-size:23px; line-height:1.18; letter-spacing:-.9px; }
.lead-step blockquote { margin:21px 0 0; padding:18px 20px; border-radius:13px; color:#6e5d56; background:#fff5f1; font-size:10px; font-style:italic; line-height:1.7; }
.lead-step ul { display:grid; gap:9px; margin:18px 0 0; }
.lead-step li { position:relative; padding-left:20px; color:#646775; font-size:10px; line-height:1.6; }
.lead-step li::before { position:absolute; top:1px; left:0; color:#6f63d2; content:"✓"; font-weight:900; }
.lead-inline-example { max-width:450px; margin-top:22px; padding:18px; border:1px solid #e1e1e7; border-radius:16px; background:#f8f8fb; }
.lead-inline-example > span { color:#9597a2; font-size:7px; font-weight:850; letter-spacing:.11em; }
.lead-inline-example label { display:grid; gap:5px; margin-top:11px; padding:11px 13px; border-radius:9px; background:#fff; }
.lead-inline-example label small { color:#999ba5; font-size:7px; }
.lead-inline-example label b { font-size:9px; }
.lead-inline-example button { width:100%; margin-top:12px; padding:12px; border:0; border-radius:9px; color:#fff; background:#24252e; font-size:8px; font-weight:800; }
.lead-timing { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:22px; }
.lead-timing span { display:grid; gap:5px; padding:15px; border-radius:12px; background:#f4f4f7; }
.lead-timing span:first-child { color:#705fc8; background:#f0edff; }
.lead-timing span:last-child { color:#a66e5c; background:#fff3ef; }
.lead-timing b { font-size:11px; }
.lead-timing small { color:#8a8c97; font-size:7px; }
.lead-qualification { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:22px; }
.lead-qualification span { display:grid; gap:5px; padding:15px; border:1px solid #e5e5ea; border-radius:12px; }
.lead-qualification b { font-size:10px; }
.lead-qualification small { color:#8d8f9a; font-size:8px; }
.lead-inline-link { display:inline-flex; align-items:center; gap:7px; margin-top:8px; color:#6c60ca; font-size:9px; font-weight:800; }
.lead-calculator { overflow:hidden; margin-top:26px; border:1px solid #dddde5; border-radius:21px; background:#f6f6f9; box-shadow:0 20px 50px rgba(34,36,49,.07); }
.lead-calculator__inputs { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:20px; border-bottom:1px solid #e0e0e6; }
.lead-calculator__inputs label { display:grid; gap:8px; }
.lead-calculator__inputs span { color:#7c7f8b; font-size:8px; font-weight:750; }
.lead-calculator__inputs input { width:100%; padding:13px 14px; border:1px solid #dcdde4; border-radius:10px; outline:0; color:#252630; background:#fff; font:800 15px/1 inherit; }
.lead-calculator__inputs input:focus { border-color:#a9a1f3; box-shadow:0 0 0 3px rgba(125,112,239,.1); }
.lead-calculator__results { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#dedfe5; }
.lead-calculator__results article { display:grid; gap:7px; padding:21px; background:#fff; }
.lead-calculator__results small { color:#989aa5; font-size:7px; font-weight:850; letter-spacing:.1em; }
.lead-calculator__results b { font-size:25px; letter-spacing:-1px; }
.lead-calculator__results article:nth-child(3) b { color:#e57c5d; }
.lead-calculator__results span { color:#898c98; font-size:7px; }
.lead-calculator > p { margin:0; padding:16px 20px; color:#725f58; background:#fff3ee; font-size:9px; line-height:1.6; }
.lead-metrics-table { overflow:hidden; margin-top:26px; border:1px solid #e0e1e6; border-radius:17px; }
.lead-metrics-table header,.lead-metrics-table > p { display:grid; grid-template-columns:.85fr 1fr 1fr; gap:18px; padding:15px 18px; }
.lead-metrics-table header { color:#9597a2; background:#f3f3f6; font-size:7px; font-weight:850; }
.lead-metrics-table > p { margin:0; border-top:1px solid #e8e8ed; font-size:9px; line-height:1.55; }
.lead-metrics-table > p b { font-size:9px; }
.lead-metrics-table > p span { color:#747784; }
.lead-metrics-table > p em { color:#8b8d98; font-style:normal; }
.lead-mistakes { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:25px; }
.lead-mistakes article { position:relative; min-height:180px; overflow:hidden; padding:22px; border:1px solid #e4e4e9; border-radius:17px; background:#fafafd; }
.lead-mistakes i { position:absolute; right:13px; bottom:-9px; color:#efeff3; font-size:62px; font-style:normal; font-weight:900; }
.lead-mistakes b { position:relative; z-index:1; display:block; max-width:250px; font-size:13px; }
.lead-mistakes p { position:relative; z-index:1; max-width:290px; margin-top:12px; color:#7d7f8c; font-size:9px; line-height:1.7; }
.lead-checklist { overflow:hidden; margin-top:25px; border:1px solid #dfe0e6; border-radius:19px; }
.lead-checklist > button { display:grid; width:100%; grid-template-columns:28px 1fr; align-items:center; gap:14px; padding:17px 20px; border:0; border-bottom:1px solid #e8e8ed; color:#30313a; background:#fff; text-align:left; }
.lead-checklist > button:hover { background:#fafafd; }
.lead-checklist > button > i { display:grid; width:24px; height:24px; place-items:center; border:1px solid #d6d7de; border-radius:8px; background:#f7f7fa; font-style:normal; }
.lead-checklist > button.is-done > i { border-color:var(--article-purple); color:#fff; background:var(--article-purple); }
.lead-checklist > button.is-done > i::after { content:"✓"; font-size:10px; font-weight:900; }
.lead-checklist > button span { display:grid; gap:5px; }
.lead-checklist > button b { font-size:10px; }
.lead-checklist > button small { color:#8b8d98; font-size:8px; line-height:1.5; }
.lead-checklist footer { display:flex; justify-content:space-between; padding:17px 20px; color:#898b97; background:#f4f4f7; font-size:8px; font-weight:850; }
.lead-checklist footer b { color:#5e52bd; }
.lead-article-faq { margin-top:25px; border-top:1px solid #e3e3e9; }
.lead-article-faq details { border-bottom:1px solid #e3e3e9; }
.lead-article-faq summary { position:relative; padding:20px 38px 20px 0; cursor:pointer; font-size:13px; font-weight:750; list-style:none; }
.lead-article-faq summary::-webkit-details-marker { display:none; }
.lead-article-faq summary::after { position:absolute; top:18px; right:4px; content:"+"; color:#7b6de0; font-size:20px; font-weight:400; }
.lead-article-faq details[open] summary::after { content:"−"; }
.lead-article-faq details p { padding:0 45px 20px 0; color:#6f727f; font-size:10px; line-height:1.75; }
.lead-article-summary { margin-top:35px; padding:42px; border-radius:24px; color:#fff; background:linear-gradient(145deg,#2a222d,#171820); }
.lead-article-summary > span { color:#f3a38b; font-size:8px; font-weight:850; letter-spacing:.14em; }
.lead-article-summary h2 { margin:14px 0 15px; color:#fff; font-size:36px; line-height:1.06; letter-spacing:-1.7px; }
.lead-article-summary p { color:#a0a2ad; font-size:11px; line-height:1.75; }
.lead-article-summary > div { display:flex; gap:10px; margin-top:25px; }

@media (max-width:980px) {
  .lead-article-layout { grid-template-columns:200px minmax(0,700px); gap:40px; }
}

@media (max-width:760px) {
  .lead-article-progress { top:68px; }
  .lead-article-layout { grid-template-columns:1fr; padding-top:60px; }
  .lead-article-nav { position:relative; top:auto; display:flex; gap:8px; overflow-x:auto; padding-bottom:7px; }
  .lead-article-nav > span,.lead-article-nav > div { display:none; }
  .lead-article-nav > a { flex:0 0 auto; border:0; border-radius:999px; background:#f3f3f6; }
  .lead-article-nav > a.is-active { color:#fff; background:#24252e; }
  .lead-article-funnel { overflow-x:auto; }
  .lead-article-funnel > div { min-width:130px; }
}

@media (max-width:520px) {
  .lead-article-hero { padding-top:115px; }
  .lead-article-meta { flex-wrap:wrap; }
  .lead-article-hero h1 { font-size:48px; letter-spacing:-3.1px; }
  .lead-article-hero h1 em { letter-spacing:-2.5px; }
  .lead-article-hero__inner > p { font-size:12px; }
  .lead-article-funnel { margin-right:-13px; margin-left:-13px; border-right:0; border-left:0; border-radius:0; }
  .lead-article-intro { padding:21px; font-size:14px; }
  .lead-article-content > section { margin-bottom:72px; }
  .lead-article-content h2 { font-size:35px; letter-spacing:-1.8px; }
  .lead-comparison { grid-template-columns:1fr; }
  .lead-step { grid-template-columns:1fr; gap:8px; }
  .lead-step > i { width:42px; height:42px; }
  .lead-step h3 { font-size:21px; }
  .lead-timing,.lead-qualification { grid-template-columns:1fr; }
  .lead-calculator__inputs,.lead-calculator__results { grid-template-columns:1fr; }
  .lead-metrics-table { overflow-x:auto; }
  .lead-metrics-table header,.lead-metrics-table > p { min-width:620px; }
  .lead-mistakes { grid-template-columns:1fr; }
  .lead-checklist > button { padding:15px; }
  .lead-article-summary { padding:29px 23px; }
  .lead-article-summary h2 { font-size:30px; }
  .lead-article-summary > div { align-items:stretch; flex-direction:column; }
  .lead-article-summary > div a { width:100%; }
}

/* Shopboard HTTPS and SSL */
.ssl-page { --ssl-accent:#79d9b0; --ssl-blue:#6da8f5; }
.ssl-hero { position:relative; min-height:720px; overflow:hidden; padding:130px 0 72px; color:#fff; background:#101118; }
.ssl-hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:54px 54px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 95%); }
.ssl-hero__glow { position:absolute; top:-220px; right:-20px; width:780px; height:780px; border-radius:50%; background:radial-gradient(circle,rgba(121,217,176,.2),rgba(109,168,245,.11) 40%,transparent 70%); }
.ssl-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:42px; }
.ssl-hero__copy { position:relative; z-index:4; }
.ssl-hero__copy .breadcrumbs { justify-content:flex-start; }
.ssl-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 14px 9px 9px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#dadbe3; background:rgba(255,255,255,.045); font-size:9px; font-weight:750; }
.ssl-pill > i { display:grid; width:28px; height:28px; place-items:center; border-radius:9px; color:#15161e; background:var(--ssl-accent); }
.ssl-pill svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; }
.ssl-hero h1 { margin:26px 0 22px; font-size:clamp(50px,5vw,73px); line-height:.96; letter-spacing:-3.8px; }
.ssl-hero h1 em { color:var(--ssl-accent); font-family:Georgia,serif; font-weight:400; letter-spacing:-3px; }
.ssl-hero__copy > p:not(.ssl-hero-note) { max-width:520px; color:#a9abb6; font-size:13px; line-height:1.8; }
.ssl-hero-note { margin-top:17px; color:#70727e; font-size:8px; line-height:1.6; }
.ssl-primary { color:#15161e; background:var(--ssl-accent); box-shadow:0 14px 38px rgba(121,217,176,.15); }
.ssl-primary:hover { background:#92e6c2; }
.ssl-stage { position:relative; height:560px; min-width:0; }
.ssl-browser { position:absolute; top:28px; left:20px; width:600px; overflow:hidden; border-radius:20px; color:#252630; background:#f7f8fa; box-shadow:0 34px 90px rgba(0,0,0,.36); transform:rotate(-1deg); }
.ssl-browser > header { display:flex; height:50px; align-items:center; gap:6px; padding:0 14px; border-bottom:1px solid #e5e6ea; background:#fff; }
.ssl-browser > header > i { width:7px; height:7px; border-radius:50%; background:#ff8c78; }
.ssl-browser > header > i:nth-child(2) { background:#ffd16f; }
.ssl-browser > header > i:nth-child(3) { background:#70d39f; }
.ssl-browser > header > span { display:flex; width:330px; align-items:center; justify-content:center; gap:7px; margin:0 auto; padding:8px 12px; border-radius:8px; color:#6d707c; background:#f3f4f6; font-size:8px; }
.ssl-browser > header svg { width:11px; height:11px; fill:none; stroke:#4d9b79; stroke-width:1.8; }
.ssl-browser > section { display:grid; min-height:445px; place-items:center; align-content:center; padding:35px; text-align:center; }
.ssl-shield { position:relative; display:grid; width:98px; height:108px; margin-bottom:17px; place-items:center; border-radius:29px 29px 42px 42px; color:#fff; background:linear-gradient(145deg,#5bbb91,#7d70ef); box-shadow:0 18px 40px rgba(95,163,135,.25); clip-path:polygon(50% 0,94% 15%,88% 70%,50% 100%,12% 70%,6% 15%); }
.ssl-shield svg { width:40px; height:40px; fill:none; stroke:currentColor; stroke-width:1.6; }
.ssl-browser section > small { color:#6fa68e; font-size:7px; font-weight:850; letter-spacing:.13em; }
.ssl-browser section h3 { margin:10px 0 8px; font-size:25px; letter-spacing:-1px; }
.ssl-browser section > p { color:#858894; font-size:9px; line-height:1.65; }
.ssl-browser section > div:last-child { display:flex; gap:8px; margin-top:23px; }
.ssl-browser section > div:last-child span { padding:9px 11px; border-radius:999px; color:#567b69; background:#eaf7f1; font-size:7px; font-weight:750; }
.ssl-browser section > div:last-child i { color:#4a9a75; font-style:normal; }
.ssl-certificate,.ssl-check-card,.ssl-renew-card { position:absolute; z-index:3; border:1px solid rgba(255,255,255,.09); border-radius:14px; color:#fff; background:#22232c; box-shadow:0 18px 45px rgba(0,0,0,.3); }
.ssl-certificate { top:0; right:-44px; display:grid; width:205px; gap:6px; padding:17px; }
.ssl-certificate > span { color:#777985; font-size:6px; font-weight:800; letter-spacing:.12em; }
.ssl-certificate > b { font-size:13px; }
.ssl-certificate > p { color:#9698a3; font-size:7px; }
.ssl-certificate footer { margin-top:6px; color:#79d9b0; font-size:8px; font-weight:800; }
.ssl-certificate footer i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#79d9b0; }
.ssl-check-card { right:-24px; bottom:34px; display:flex; width:250px; align-items:center; gap:11px; padding:15px; }
.ssl-check-card > i { display:grid; width:31px; height:31px; flex:0 0 auto; place-items:center; border-radius:10px; color:#15161e; background:var(--ssl-accent); font-style:normal; font-weight:900; }
.ssl-check-card span { display:grid; gap:4px; }
.ssl-check-card small { color:#81838f; font-size:6px; }
.ssl-check-card b { font-size:8px; }
.ssl-renew-card { bottom:3px; left:-10px; display:grid; width:190px; gap:5px; padding:15px 17px; }
.ssl-renew-card span { color:#858793; font-size:6px; font-weight:800; }
.ssl-renew-card b { color:var(--ssl-accent); font-size:17px; }
.ssl-renew-card small { color:#7f818d; font-size:7px; }
.ssl-principle { color:#d7d8e0; background:#181921; }
.ssl-principle > div { display:flex; min-height:74px; align-items:center; justify-content:center; gap:25px; }
.ssl-principle span { margin-right:16px; color:#6f717d; font-size:8px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.ssl-principle b { font-size:10px; text-transform:uppercase; }
.ssl-principle i { color:var(--ssl-accent); font-style:normal; }
.ssl-reasons { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.ssl-reasons article { display:grid; min-height:270px; grid-template-rows:auto auto 1fr auto; padding:24px; border:1px solid #e4e5ea; border-radius:18px; background:#fafafd; }
.ssl-reasons article > i { display:grid; width:37px; height:37px; place-items:center; border-radius:11px; color:#4f9276; background:#e7f7f0; font-size:8px; font-style:normal; font-weight:900; }
.ssl-reasons article:nth-child(even) > i { color:#586da0; background:#edf3ff; }
.ssl-reasons h3 { margin:28px 0 10px; font-size:17px; letter-spacing:-.5px; }
.ssl-reasons p { color:#7d808d; font-size:9px; line-height:1.7; }
.ssl-reasons span { align-self:end; justify-self:start; margin-top:17px; padding:7px 9px; border-radius:999px; color:#5b8c77; background:#edf7f2; font-size:7px; font-weight:800; }
.ssl-scope-section { background:#f0f2f6; }
.ssl-scope-workspace { display:grid; grid-template-columns:310px 1fr; overflow:hidden; border:1px solid #dcdee5; border-radius:23px; background:#fff; box-shadow:0 26px 65px rgba(34,36,49,.1); }
.ssl-scope-workspace > aside { padding:13px; border-right:1px solid #e3e4e9; background:#f7f8fa; }
.ssl-scope-workspace > aside button { display:flex; width:100%; align-items:center; gap:12px; margin-bottom:7px; padding:14px; border:1px solid transparent; border-radius:12px; color:#30313a; background:transparent; text-align:left; }
.ssl-scope-workspace > aside button:hover { background:#fff; }
.ssl-scope-workspace > aside button.is-active { border-color:#d9eee4; color:#fff; background:#24252e; box-shadow:0 8px 22px rgba(34,36,49,.13); }
.ssl-scope-workspace > aside button > i { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:10px; color:#4c8d71; background:#e7f7f0; font-size:8px; font-style:normal; font-weight:900; }
.ssl-scope-workspace > aside button.is-active > i { color:#15161e; background:var(--ssl-accent); }
.ssl-scope-workspace > aside button span { display:grid; gap:4px; }
.ssl-scope-workspace > aside button b { font-size:10px; }
.ssl-scope-workspace > aside button small { color:#9698a3; font-size:7px; }
.ssl-scope-screen { display:grid; min-height:425px; grid-template-rows:auto 1fr auto; padding:27px; }
.ssl-scope-screen[hidden] { display:none; }
.ssl-scope-screen > header { display:flex; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid #ececf0; color:#9496a1; font-size:8px; font-weight:800; }
.ssl-scope-screen > header b { color:#4a9675; }
.ssl-scope-screen > div:not(.ssl-redirect-map):not(.ssl-content-checks):not(.ssl-renewal-timeline) { align-self:center; text-align:center; }
.ssl-big-icon { display:grid; width:66px; height:66px; margin:0 auto 15px; place-items:center; border-radius:20px; color:#fff; background:linear-gradient(145deg,#62bf96,#6e91d7); box-shadow:0 13px 28px rgba(94,172,138,.18); }
.ssl-big-icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.7; }
.ssl-scope-screen > div h3 { font-size:21px; }
.ssl-scope-screen > div > p { max-width:460px; margin:8px auto 15px; color:#7d808c; font-size:9px; line-height:1.65; }
.ssl-scope-screen > div > ul { display:flex; justify-content:center; gap:7px; }
.ssl-scope-screen > div > ul li { padding:7px 9px; border-radius:999px; color:#557763; background:#eaf7f1; font-size:7px; }
.ssl-scope-screen > footer { display:flex; align-items:center; justify-content:space-between; padding-top:17px; border-top:1px solid #ececf0; }
.ssl-scope-screen > footer span { color:#518c72; font-size:8px; font-weight:750; }
.ssl-scope-screen > footer i { font-style:normal; }
.ssl-scope-screen > footer button { padding:10px 12px; border:1px solid #dfe0e5; border-radius:9px; color:#555763; background:#fff; font-size:8px; font-weight:750; }
.ssl-redirect-map { align-self:center; }
.ssl-redirect-map p { display:grid; grid-template-columns:1fr 20px 1fr; align-items:center; gap:10px; margin:8px 0; padding:13px; border-radius:11px; background:#f6f7f9; font-size:8px; }
.ssl-redirect-map code { color:#8a8c97; font-family:inherit; }
.ssl-redirect-map i { color:#63ae8c; font-style:normal; text-align:center; }
.ssl-redirect-map b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ssl-content-checks { align-self:center; display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.ssl-content-checks p { display:flex; align-items:center; justify-content:space-between; padding:16px; border:1px solid #e4e5ea; border-radius:12px; font-size:8px; }
.ssl-content-checks p span { color:#777a87; }
.ssl-content-checks p b { color:#4d8f73; }
.ssl-renewal-timeline { align-self:center; display:grid; gap:0; }
.ssl-renewal-timeline span { position:relative; display:grid; grid-template-columns:80px 1fr auto; gap:12px; padding:15px; border-bottom:1px solid #e6e6eb; }
.ssl-renewal-timeline i { color:#599679; font-size:8px; font-style:normal; font-weight:800; }
.ssl-renewal-timeline b { font-size:9px; }
.ssl-renewal-timeline small { color:#9698a3; font-size:7px; }
.ssl-process-grid,.ssl-responsibility-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:80px; }
.ssl-process-grid h2,.ssl-responsibility-grid h2 { margin:14px 0 16px; font-size:clamp(36px,4vw,54px); line-height:1.04; letter-spacing:-2.5px; }
.ssl-process-grid h2 { color:#fff; }
.ssl-process-grid > div:first-child > p,.ssl-responsibility-grid > div:last-child > p { color:#999ba7; font-size:12px; line-height:1.8; }
.ssl-responsibility-grid > div:last-child > p { color:#777a87; }
.ssl-process-card { padding:13px; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:#1d1e27; }
.ssl-process-card article { display:grid; grid-template-columns:39px 1fr auto; align-items:center; gap:13px; padding:16px; border-bottom:1px solid rgba(255,255,255,.07); }
.ssl-process-card article:last-child { border-bottom:0; }
.ssl-process-card article > i { display:grid; width:35px; height:35px; place-items:center; border-radius:10px; color:#15161e; background:var(--ssl-accent); font-size:8px; font-style:normal; font-weight:900; }
.ssl-process-card article span { display:grid; gap:4px; }
.ssl-process-card article b { font-size:10px; }
.ssl-process-card article small { color:#898b97; font-size:8px; }
.ssl-process-card article em { color:#9fa1ac; font-size:7px; font-style:normal; }
.ssl-plan-selector { display:flex; justify-content:center; gap:9px; margin-bottom:22px; }
.ssl-plan-selector button { display:grid; min-width:180px; gap:4px; padding:14px 17px; border:1px solid #dedfe5; border-radius:12px; color:#555762; background:#fff; text-align:left; }
.ssl-plan-selector button.is-active { border-color:#24252e; color:#fff; background:#24252e; box-shadow:0 10px 25px rgba(34,36,49,.13); }
.ssl-plan-selector button span { font-size:10px; font-weight:800; }
.ssl-plan-selector button small { color:#9698a3; font-size:7px; }
.ssl-plan-card { display:grid; max-width:980px; grid-template-columns:1.15fr .85fr; margin:0 auto; overflow:hidden; border:1px solid #dedfe5; border-radius:23px; box-shadow:0 24px 60px rgba(34,36,49,.09); }
.ssl-plan-card > div { padding:35px; background:#f7f8fa; }
.ssl-plan-card > div > span { color:#559174; font-size:7px; font-weight:850; letter-spacing:.13em; }
.ssl-plan-card h3 { margin:12px 0 10px; font-size:27px; letter-spacing:-1px; }
.ssl-plan-card > div > p { color:#777a87; font-size:10px; line-height:1.7; }
.ssl-plan-card ul { display:grid; gap:10px; margin-top:23px; }
.ssl-plan-card li { position:relative; padding-left:21px; color:#5f626e; font-size:9px; }
.ssl-plan-card li::before { position:absolute; left:0; color:#4a9875; content:"✓"; font-weight:900; }
.ssl-plan-card aside { display:grid; align-content:center; padding:35px; color:#fff; background:#1f2029; }
.ssl-plan-card aside > small { color:#888a96; font-size:7px; font-weight:850; letter-spacing:.12em; }
.ssl-plan-card aside strong { margin:12px 0 7px; color:var(--ssl-accent); font-size:33px; letter-spacing:-1.5px; }
.ssl-plan-card aside > p { color:#a2a4af; font-size:9px; line-height:1.6; }
.ssl-plan-card aside > a { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:20px; padding:13px; border-radius:10px; color:#15161e; background:var(--ssl-accent); font-size:8px; font-weight:850; }
.ssl-plan-card aside > a svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; }
.ssl-plan-card aside > span { margin-top:15px; color:#777986; font-size:7px; line-height:1.6; }
.ssl-types-section { background:#eef1f6; }
.ssl-types-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ssl-types-grid article { display:grid; min-height:235px; grid-template-rows:auto auto 1fr auto; padding:25px; border:1px solid #dfe1e7; border-radius:18px; background:#fff; }
.ssl-types-grid small { color:#579476; font-size:7px; font-weight:850; letter-spacing:.12em; }
.ssl-types-grid h3 { margin:28px 0 10px; font-size:20px; }
.ssl-types-grid p { color:#7c7f8c; font-size:9px; line-height:1.7; }
.ssl-types-grid b { align-self:end; justify-self:start; margin-top:16px; padding:7px 9px; border-radius:999px; color:#5d687e; background:#eef2f9; font-size:7px; }
.ssl-access-card { overflow:hidden; border:1px solid #e0e1e6; border-radius:21px; background:#fafafd; box-shadow:0 24px 55px rgba(34,36,49,.08); }
.ssl-access-card header { display:flex; justify-content:space-between; padding:20px; border-bottom:1px solid #e6e6eb; color:#92949f; font-size:8px; }
.ssl-access-card header b { color:#30313a; }
.ssl-access-card article { display:grid; grid-template-columns:45px 1fr; align-items:center; gap:13px; margin:0 16px; padding:17px 5px; border-bottom:1px solid #e6e6eb; }
.ssl-access-card article > i { display:grid; width:39px; height:39px; place-items:center; border-radius:11px; color:#fff; background:#5aa17f; font-size:7px; font-style:normal; font-weight:900; }
.ssl-access-card article:nth-child(3) > i { background:#6a81b6; }
.ssl-access-card article:nth-child(4) > i { background:#7468cf; }
.ssl-access-card article span { display:grid; gap:4px; }
.ssl-access-card article b { font-size:10px; }
.ssl-access-card article small { color:#8d8f9b; font-size:8px; }
.ssl-access-card footer { padding:18px 20px; color:#898b97; font-size:7px; line-height:1.65; }
.ssl-faq-section { background:#f5f6f9; }
.ssl-faq { max-width:820px; margin:0 auto; border-top:1px solid #dedfe5; }
.ssl-faq details { border-bottom:1px solid #dedfe5; }
.ssl-faq summary { position:relative; padding:21px 42px 21px 0; cursor:pointer; font-size:13px; font-weight:750; list-style:none; }
.ssl-faq summary::-webkit-details-marker { display:none; }
.ssl-faq summary::after { position:absolute; top:18px; right:5px; color:#4d9a77; content:"+"; font-size:21px; font-weight:400; }
.ssl-faq details[open] summary::after { content:"−"; }
.ssl-faq details p { padding:0 45px 21px 0; color:#6f727f; font-size:10px; line-height:1.75; }
.ssl-integrations { color:#fff; background:#0f1016; }
.ssl-integrations > div { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch; gap:18px; padding-top:72px; padding-bottom:72px; }
.ssl-integrations > div > div { padding:26px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#181921; }
.ssl-integrations > div > i { align-self:center; color:var(--ssl-accent); font-size:21px; font-style:normal; }
.ssl-integrations small { color:#797b87; font-size:7px; font-weight:850; letter-spacing:.13em; }
.ssl-integrations h3 { margin:12px 0 10px; font-size:19px; }
.ssl-integrations p { min-height:62px; color:#9395a1; font-size:9px; line-height:1.7; }
.ssl-integrations span { display:inline-block; margin-top:15px; padding:7px 9px; border-radius:999px; color:#75caa6; background:rgba(121,217,176,.09); font-size:7px; font-weight:800; }
.ssl-cta { color:#fff; background:linear-gradient(145deg,#1b2a26,#111218); }
.ssl-cta .ssl-pill { margin-bottom:22px; }

@media (max-width:980px) {
  .ssl-hero__grid { grid-template-columns:1fr; }
  .ssl-hero__copy { max-width:650px; }
  .ssl-stage { width:min(100%,700px); justify-self:center; }
  .ssl-reasons { grid-template-columns:1fr 1fr; }
  .ssl-scope-workspace { grid-template-columns:270px 1fr; }
  .ssl-process-grid,.ssl-responsibility-grid { gap:45px; }
  .ssl-integrations > div { grid-template-columns:1fr; }
  .ssl-integrations > div > i { transform:rotate(90deg); text-align:center; }
}

@media (max-width:760px) {
  .ssl-hero { padding-top:112px; }
  .ssl-hero__grid { gap:30px; }
  .ssl-stage { height:510px; }
  .ssl-principle > div { justify-content:flex-start; overflow-x:auto; }
  .ssl-principle b,.ssl-principle i { flex:0 0 auto; }
  .ssl-scope-workspace { grid-template-columns:1fr; }
  .ssl-scope-workspace > aside { display:grid; grid-template-columns:1fr 1fr; border-right:0; border-bottom:1px solid #e3e4e9; }
  .ssl-process-grid,.ssl-responsibility-grid { grid-template-columns:1fr; }
  .ssl-responsibility-grid .ssl-access-card { order:2; }
  .ssl-plan-card { grid-template-columns:1fr; }
  .ssl-plan-selector { align-items:stretch; flex-direction:column; }
  .ssl-plan-selector button { width:100%; }
}

@media (max-width:520px) {
  .ssl-hero h1 { font-size:40px; letter-spacing:-2.4px; }
  .ssl-hero h1 em { letter-spacing:-2px; }
  .ssl-hero__grid { grid-template-columns:minmax(0,1fr); }
  .ssl-hero__copy { min-width:0; }
  .ssl-stage { width:640px; max-width:none; height:560px; justify-self:start; margin-bottom:-270px; transform:scale(.51); transform-origin:top left; }
  .ssl-browser { left:3px; }
  .ssl-certificate { right:5px; }
  .ssl-check-card { right:7px; }
  .ssl-reasons { grid-template-columns:1fr; }
  .ssl-reasons article { min-height:230px; }
  .ssl-scope-workspace { grid-template-columns:minmax(0,1fr); }
  .ssl-scope-workspace > aside { grid-template-columns:1fr; }
  .ssl-scope-screen { min-height:470px; padding:18px; }
  .ssl-scope-screen > div > ul { align-items:center; flex-direction:column; }
  .ssl-scope-screen > footer { align-items:flex-start; flex-direction:column; gap:12px; }
  .ssl-scope-screen > footer button { width:100%; }
  .ssl-redirect-map p { grid-template-columns:1fr; }
  .ssl-redirect-map p i { transform:rotate(90deg); }
  .ssl-content-checks { grid-template-columns:1fr; }
  .ssl-renewal-timeline span { grid-template-columns:1fr; }
  .ssl-process-grid h2,.ssl-responsibility-grid h2 { font-size:35px; letter-spacing:-1.8px; }
  .ssl-process-card article { grid-template-columns:39px 1fr; }
  .ssl-process-card article em { grid-column:2; }
  .ssl-plan-card > div,.ssl-plan-card aside { padding:26px; }
  .ssl-types-grid { grid-template-columns:1fr; }
  .ssl-access-card article { grid-template-columns:42px 1fr; }
  .ssl-integrations > div > div { padding:25px; }
}

/* Shopboard Turnkey */
.turnkey-page { --turnkey-accent:#ffb059; --turnkey-green:#7bd2a8; }
.turnkey-hero { position:relative; overflow:hidden; padding:142px 0 74px; color:#fff; background:#101118; }
.turnkey-hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px); background-size:54px 54px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 95%); }
.turnkey-hero__glow { position:absolute; top:-360px; left:58%; width:920px; height:760px; border-radius:50%; background:radial-gradient(circle,rgba(101,88,232,.31),transparent 67%); }
.turnkey-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:.86fr 1.14fr; align-items:center; gap:46px; }
.turnkey-hero__copy { position:relative; z-index:3; }
.turnkey-hero__copy .breadcrumbs { justify-content:flex-start; margin-bottom:29px; }
.turnkey-pill { display:inline-flex; align-items:center; gap:9px; padding:8px 12px; border:1px solid rgba(255,255,255,.11); border-radius:999px; color:#b4b6c1; background:rgba(255,255,255,.045); font-size:8px; font-weight:750; }
.turnkey-pill i { width:7px; height:7px; border-radius:50%; background:var(--turnkey-green); box-shadow:0 0 0 5px rgba(123,210,168,.08); }
.turnkey-hero h1 { max-width:610px; margin:22px 0 20px; font-size:clamp(52px,5.1vw,72px); line-height:.95; letter-spacing:-4.2px; }
.turnkey-hero h1 em { color:#958af6; font-family:Georgia,serif; font-weight:400; letter-spacing:-3px; }
.turnkey-hero__copy > p { max-width:570px; margin:0; color:#a3a5b0; font-size:13px; line-height:1.75; }
.turnkey-primary { color:#171820; background:var(--turnkey-accent); box-shadow:0 14px 32px rgba(255,176,89,.2); }
.turnkey-primary:hover { background:#ffc17d; }
.turnkey-hero__facts { display:flex; gap:21px; margin-top:30px; color:#777985; font-size:7px; line-height:1.45; }
.turnkey-hero__facts span { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:7px; max-width:110px; }
.turnkey-hero__facts b { color:#fff; font-size:14px; letter-spacing:-.4px; }
.turnkey-stage { position:relative; height:555px; }
.turnkey-board { position:absolute; top:22px; right:10px; width:575px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:24px; color:#272833; background:#f7f8fb; box-shadow:0 42px 90px rgba(0,0,0,.38); transform:rotate(1.2deg); }
.turnkey-board > header { display:flex; height:46px; align-items:center; gap:10px; padding:0 17px; border-bottom:1px solid #e4e5e9; background:#fff; }
.turnkey-board > header > span { display:flex; gap:5px; }
.turnkey-board > header i { display:block; width:7px; height:7px; border-radius:50%; background:#f28578; }
.turnkey-board > header i:nth-child(2) { background:#e8be58; }
.turnkey-board > header i:nth-child(3) { background:#65bf8d; }
.turnkey-board > header b { margin-left:10px; font-size:9px; }
.turnkey-board > header small { margin-left:auto; color:#999ba5; font-size:7px; }
.turnkey-board__summary { display:grid; grid-template-columns:1fr 130px; gap:12px; padding:19px; }
.turnkey-board__summary > div { padding:17px; border:1px solid #e3e4e9; border-radius:15px; background:#fff; }
.turnkey-board__summary small { display:block; color:#92949f; font-size:6px; font-weight:800; letter-spacing:.12em; }
.turnkey-board__summary strong { display:block; margin:8px 0 10px; font-size:24px; letter-spacing:-1px; }
.turnkey-board__summary > div > span { display:block; height:6px; overflow:hidden; border-radius:99px; background:#ececf1; }
.turnkey-board__summary > div > span i { display:block; width:72%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6558e8,#998ef6); }
.turnkey-board__summary > b { display:grid; align-content:center; padding:17px; border-radius:15px; color:#fff; background:#242530; font-size:9px; line-height:1.6; }
.turnkey-board__summary > b em { color:var(--turnkey-accent); font-size:10px; font-style:normal; }
.turnkey-board > section { margin:0 19px 19px; padding:19px; border:1px solid #e2e3e8; border-radius:15px; background:#fff; }
.turnkey-board > section > small { display:block; margin-bottom:10px; color:#9496a0; font-size:6px; font-weight:800; letter-spacing:.12em; }
.turnkey-board article { display:grid; grid-template-columns:35px 1fr 40px; align-items:center; gap:12px; padding:12px 3px; border-bottom:1px solid #eeeef2; }
.turnkey-board article:last-child { border-bottom:0; }
.turnkey-board article > i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; color:#999aa4; background:#f1f1f5; font-size:7px; font-style:normal; font-weight:850; }
.turnkey-board article.is-done > i { color:#fff; background:#5bb58a; }
.turnkey-board article.is-active > i { color:#fff; background:#6b5ee9; box-shadow:0 6px 14px rgba(101,88,232,.2); }
.turnkey-board article span { display:grid; gap:3px; }
.turnkey-board article b { font-size:8px; }
.turnkey-board article small { color:#a0a1aa; font-size:7px; }
.turnkey-board article em { color:#848692; font-size:7px; font-style:normal; text-align:right; }
.turnkey-person,.turnkey-test,.turnkey-launch { position:absolute; z-index:2; border:1px solid rgba(255,255,255,.11); color:#fff; background:rgba(31,32,42,.96); box-shadow:0 22px 50px rgba(0,0,0,.34); backdrop-filter:blur(12px); }
.turnkey-person { right:400px; bottom:51px; display:grid; width:205px; grid-template-columns:38px 1fr auto; align-items:center; gap:10px; padding:13px; border-radius:16px; }
.turnkey-person > i { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; color:#201f28; background:var(--turnkey-accent); font-size:8px; font-style:normal; font-weight:900; }
.turnkey-person span { display:grid; gap:4px; }
.turnkey-person small { color:#7e808d; font-size:5px; font-weight:850; letter-spacing:.1em; }
.turnkey-person b { font-size:8px; }
.turnkey-person > em { width:7px; height:7px; border-radius:50%; background:#66cb96; box-shadow:0 0 0 4px rgba(102,203,150,.1); }
.turnkey-test { right:34px; bottom:21px; display:grid; width:238px; grid-template-columns:34px 1fr; align-items:center; gap:10px; padding:13px; border-radius:15px; transform:rotate(-1.2deg); }
.turnkey-test > i { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; color:#16231e; background:var(--turnkey-green); font-size:10px; font-style:normal; font-weight:900; }
.turnkey-test span { display:grid; gap:4px; }
.turnkey-test small { color:#7e808d; font-size:5px; font-weight:850; letter-spacing:.1em; }
.turnkey-test b { font-size:8px; }
.turnkey-launch { top:6px; right:-18px; display:grid; width:105px; justify-items:center; padding:13px; border-radius:15px; }
.turnkey-launch small { color:#7e808d; font-size:5px; font-weight:850; letter-spacing:.11em; }
.turnkey-launch b { margin:5px 0 -3px; color:var(--turnkey-accent); font-size:28px; letter-spacing:-1px; }
.turnkey-launch span { color:#a2a4ae; font-size:7px; }
.turnkey-route { color:#858793; background:#191a22; }
.turnkey-route > div { display:flex; min-height:78px; align-items:center; justify-content:center; gap:22px; }
.turnkey-route span { margin-right:18px; color:#5f616d; font-size:7px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.turnkey-route b { color:#c8c9d0; font-size:8px; }
.turnkey-route i { color:#585a66; font-size:11px; font-style:normal; }
.turnkey-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.turnkey-benefits article { display:grid; min-height:286px; grid-template-rows:auto auto 1fr auto; padding:27px; border:1px solid #e5e6eb; border-radius:20px; background:#fafafd; }
.turnkey-benefits article > i { display:grid; width:35px; height:35px; place-items:center; border-radius:10px; color:#6558e8; background:#eeecff; font-size:8px; font-style:normal; font-weight:850; }
.turnkey-benefits article:nth-child(2) > i { color:#b26631; background:#fff0df; }
.turnkey-benefits article:nth-child(3) > i { color:#368965; background:#e4f5ed; }
.turnkey-benefits h3 { margin:31px 0 11px; font-size:21px; letter-spacing:-.6px; }
.turnkey-benefits p { color:#777a87; font-size:10px; line-height:1.75; }
.turnkey-benefits span { align-self:end; justify-self:start; padding:7px 10px; border-radius:999px; color:#676a78; background:#eeeff4; font-size:7px; font-weight:800; }
.turnkey-scope { background:#f0f1f5; }
.turnkey-workspace { display:grid; grid-template-columns:300px 1fr; overflow:hidden; border:1px solid #dddfe6; border-radius:22px; background:#fff; box-shadow:0 26px 70px rgba(30,32,44,.09); }
.turnkey-workspace > aside { padding:12px; border-right:1px solid #e1e2e7; background:#f8f8fb; }
.turnkey-workspace > aside button { display:grid; width:100%; grid-template-columns:35px 1fr; align-items:center; gap:11px; padding:13px; border:0; border-radius:11px; color:#868894; background:transparent; cursor:pointer; text-align:left; }
.turnkey-workspace > aside button:hover { background:#fff; }
.turnkey-workspace > aside button.is-active { color:#fff; background:#24252e; box-shadow:0 9px 22px rgba(30,31,42,.15); }
.turnkey-workspace > aside button > i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; color:#737582; background:#ececf1; font-size:7px; font-style:normal; font-weight:850; }
.turnkey-workspace > aside button.is-active > i { color:#1f2028; background:var(--turnkey-accent); }
.turnkey-workspace > aside button span { display:grid; gap:4px; }
.turnkey-workspace > aside button b { font-size:9px; }
.turnkey-workspace > aside button small { color:#999ba6; font-size:7px; }
.turnkey-screen { display:grid; min-height:520px; grid-template-rows:auto 1fr auto; padding:30px 36px; }
.turnkey-screen[hidden] { display:none; }
.turnkey-screen > header,.turnkey-screen > footer { display:flex; align-items:center; justify-content:space-between; }
.turnkey-screen > header { padding-bottom:20px; border-bottom:1px solid #e8e8ed; }
.turnkey-screen > header span { color:#8a8c97; font-size:7px; font-weight:850; letter-spacing:.13em; }
.turnkey-screen > header b { padding:6px 9px; border-radius:999px; color:#378262; background:#e5f5ed; font-size:7px; }
.turnkey-screen > div { align-self:center; padding:30px 0; }
.turnkey-screen__icon { display:grid; width:50px; height:50px; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(135deg,#7669eb,#5649cf); font-size:18px; font-weight:800; box-shadow:0 12px 25px rgba(101,88,232,.2); }
.turnkey-screen h3 { margin:20px 0 10px; font-size:27px; letter-spacing:-1px; }
.turnkey-screen p { max-width:610px; color:#737683; font-size:10px; line-height:1.75; }
.turnkey-screen ul { display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; margin-top:23px; }
.turnkey-screen li { position:relative; padding-left:20px; color:#5f626f; font-size:9px; line-height:1.5; }
.turnkey-screen li::before { position:absolute; left:0; color:#4b9c75; content:"✓"; font-weight:900; }
.turnkey-screen > footer { padding-top:18px; border-top:1px solid #e8e8ed; color:#898b96; font-size:7px; }
.turnkey-screen > footer span { color:#4d8d6e; font-weight:750; }
.turnkey-screen > footer i { margin-right:5px; font-style:normal; }
.turnkey-process { display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:70px; }
.turnkey-process h2,.turnkey-responsibility h2 { margin:15px 0 15px; font-size:45px; line-height:1.04; letter-spacing:-2.2px; }
.turnkey-process > div:first-child > p,.turnkey-responsibility > div:last-child > p { color:#8f919d; font-size:11px; line-height:1.8; }
.turnkey-timeline { padding:12px; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:#1d1e27; }
.turnkey-timeline article { position:relative; display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:13px; padding:16px; border-bottom:1px solid rgba(255,255,255,.07); }
.turnkey-timeline article:last-child { border-bottom:0; }
.turnkey-timeline article > i { display:grid; width:36px; height:36px; place-items:center; border:1px solid #393a45; border-radius:10px; color:#777986; font-size:7px; font-style:normal; font-weight:850; }
.turnkey-timeline article.is-done > i { border-color:#4b9872; color:#152019; background:#74c99f; }
.turnkey-timeline article.is-current > i { border-color:#7063df; color:#fff; background:#6558e8; box-shadow:0 7px 18px rgba(101,88,232,.25); }
.turnkey-timeline article span { display:grid; gap:4px; }
.turnkey-timeline article b { font-size:10px; }
.turnkey-timeline article small { color:#858793; font-size:8px; }
.turnkey-timeline article em { color:#9a9ca7; font-size:7px; font-style:normal; }
.turnkey-acceptance { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.turnkey-acceptance article { display:grid; min-height:235px; grid-template-rows:auto auto 1fr auto; padding:27px; border:1px solid #e3e4e9; border-radius:18px; background:#fafafd; }
.turnkey-acceptance span { color:#6558e8; font-size:7px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.turnkey-acceptance h3 { margin:26px 0 10px; font-size:20px; }
.turnkey-acceptance p { color:#777a87; font-size:9px; line-height:1.75; }
.turnkey-acceptance i { align-self:end; justify-self:start; margin-top:17px; padding:7px 10px; border-radius:999px; color:#397b5d; background:#e5f5ed; font-size:7px; font-style:normal; font-weight:800; }
.turnkey-plans { background:#eff1f5; }
.turnkey-plan-selector { display:flex; justify-content:center; gap:9px; margin-bottom:22px; }
.turnkey-plan-selector button { display:grid; min-width:195px; gap:4px; padding:14px 17px; border:1px solid #dcdfe5; border-radius:12px; color:#555762; background:#fff; cursor:pointer; text-align:left; }
.turnkey-plan-selector button.is-active { border-color:#24252e; color:#fff; background:#24252e; box-shadow:0 10px 25px rgba(34,36,49,.13); }
.turnkey-plan-selector button span { font-size:10px; font-weight:800; }
.turnkey-plan-selector button small { color:#9698a3; font-size:7px; }
.turnkey-plan-card { display:grid; max-width:980px; grid-template-columns:1.15fr .85fr; margin:0 auto; overflow:hidden; border:1px solid #dedfe5; border-radius:23px; box-shadow:0 24px 60px rgba(34,36,49,.09); }
.turnkey-plan-card > div { padding:35px; background:#fff; }
.turnkey-plan-card > div > span { color:#6b5fe5; font-size:7px; font-weight:850; letter-spacing:.13em; }
.turnkey-plan-card h3 { margin:12px 0 10px; font-size:29px; letter-spacing:-1px; }
.turnkey-plan-card > div > p { color:#777a87; font-size:10px; line-height:1.7; }
.turnkey-plan-card ul { display:grid; gap:10px; margin-top:23px; }
.turnkey-plan-card li { position:relative; padding-left:21px; color:#5f626e; font-size:9px; }
.turnkey-plan-card li::before { position:absolute; left:0; color:#4a9875; content:"✓"; font-weight:900; }
.turnkey-plan-card aside { display:grid; align-content:center; padding:35px; color:#fff; background:#1f2029; }
.turnkey-plan-card aside > small { color:#888a96; font-size:7px; font-weight:850; letter-spacing:.12em; }
.turnkey-plan-card aside strong { margin:12px 0 7px; color:var(--turnkey-accent); font-size:33px; letter-spacing:-1.5px; }
.turnkey-plan-card aside > p { color:#a2a4af; font-size:9px; line-height:1.6; }
.turnkey-plan-card aside > a { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:20px; padding:13px; border-radius:10px; color:#15161e; background:var(--turnkey-accent); font-size:8px; font-weight:850; }
.turnkey-plan-card aside > a svg { width:14px; height:14px; }
.turnkey-plan-card aside > span { margin-top:15px; color:#777986; font-size:7px; line-height:1.6; }
.turnkey-responsibility { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; }
.turnkey-responsibility > div:last-child > p { color:#777a87; }
.turnkey-checklist { overflow:hidden; border:1px solid #e0e1e6; border-radius:21px; background:#fafafd; box-shadow:0 24px 55px rgba(34,36,49,.08); }
.turnkey-checklist header { display:flex; justify-content:space-between; padding:20px; border-bottom:1px solid #e6e6eb; color:#92949f; font-size:7px; font-weight:850; letter-spacing:.1em; }
.turnkey-checklist header b { color:#2f3039; font-size:9px; letter-spacing:0; }
.turnkey-checklist button { display:grid; width:calc(100% - 32px); grid-template-columns:37px 1fr; align-items:center; gap:12px; margin:0 16px; padding:14px 5px; border:0; border-bottom:1px solid #e6e6eb; background:transparent; cursor:pointer; text-align:left; }
.turnkey-checklist button > i { display:grid; width:32px; height:32px; place-items:center; border:1px solid #d9dae1; border-radius:9px; color:transparent; background:#fff; font-size:10px; font-style:normal; font-weight:900; }
.turnkey-checklist button.is-done > i { border-color:#64b98f; color:#173224; background:#81d0aa; }
.turnkey-checklist button span { display:grid; gap:4px; }
.turnkey-checklist button b { font-size:9px; }
.turnkey-checklist button small { color:#8d8f9b; font-size:7px; }
.turnkey-checklist button.is-done span { opacity:.58; }
.turnkey-checklist footer { display:flex; align-items:center; gap:8px; padding:17px 20px; color:#898b97; font-size:7px; }
.turnkey-checklist footer i { width:6px; height:6px; border-radius:50%; background:#65bc91; }
.turnkey-text-link { display:inline-flex; align-items:center; gap:8px; margin-top:27px; color:#6558e8; font-size:9px; font-weight:850; }
.turnkey-text-link svg { width:14px; height:14px; }
.turnkey-conditions { color:#fff; background:#12131a; }
.turnkey-conditions > div { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; }
.turnkey-conditions .section-heading { margin-bottom:0; }
.turnkey-conditions .section-heading p { color:#8f919c; }
.turnkey-conditions > div > div { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.turnkey-conditions article { min-height:245px; padding:27px; border:1px solid rgba(255,255,255,.08); border-radius:19px; background:#1b1c24; }
.turnkey-conditions article span { display:inline-block; padding:7px 10px; border-radius:99px; color:#84d4ad; background:rgba(123,210,168,.09); font-size:7px; font-weight:850; }
.turnkey-conditions article:nth-child(2) span { color:#ffc37c; background:rgba(255,176,89,.09); }
.turnkey-conditions article p { margin:42px 0 0; color:#9a9ca7; font-size:10px; line-height:1.8; }
.turnkey-faq-section { background:#f5f6f9; }
.turnkey-faq { max-width:820px; margin:0 auto; border-top:1px solid #dedfe5; }
.turnkey-faq details { border-bottom:1px solid #dedfe5; }
.turnkey-faq summary { position:relative; padding:21px 42px 21px 0; cursor:pointer; font-size:13px; font-weight:750; list-style:none; }
.turnkey-faq summary::-webkit-details-marker { display:none; }
.turnkey-faq summary::after { position:absolute; top:18px; right:5px; color:#6558e8; content:"+"; font-size:21px; font-weight:400; }
.turnkey-faq details[open] summary::after { content:"−"; }
.turnkey-faq details p { padding:0 45px 21px 0; color:#6f727f; font-size:10px; line-height:1.75; }
.turnkey-cta { color:#fff; background:linear-gradient(145deg,#2b2231,#111218); }

@media (max-width:980px) {
  .turnkey-hero__grid { grid-template-columns:1fr; }
  .turnkey-hero__copy { max-width:670px; }
  .turnkey-stage { width:min(100%,700px); justify-self:center; }
  .turnkey-benefits { grid-template-columns:1fr 1fr; }
  .turnkey-benefits article:last-child { grid-column:1 / -1; }
  .turnkey-workspace { grid-template-columns:260px 1fr; }
  .turnkey-process,.turnkey-responsibility,.turnkey-conditions > div { gap:45px; }
  .turnkey-conditions > div { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .turnkey-hero { padding-top:112px; }
  .turnkey-stage { height:520px; }
  .turnkey-route > div { justify-content:flex-start; overflow-x:auto; }
  .turnkey-route b,.turnkey-route i,.turnkey-route span { flex:0 0 auto; }
  .turnkey-workspace { grid-template-columns:1fr; }
  .turnkey-workspace > aside { display:grid; grid-template-columns:1fr 1fr; border-right:0; border-bottom:1px solid #e1e2e7; }
  .turnkey-process,.turnkey-responsibility { grid-template-columns:1fr; }
  .turnkey-responsibility .turnkey-checklist { order:2; }
  .turnkey-plan-selector { align-items:stretch; flex-direction:column; }
  .turnkey-plan-selector button { width:100%; }
  .turnkey-plan-card { grid-template-columns:1fr; }
}

@media (max-width:520px) {
  .turnkey-hero h1 { font-size:42px; letter-spacing:-2.5px; }
  .turnkey-hero h1 em { letter-spacing:-2px; }
  .turnkey-hero__grid { grid-template-columns:minmax(0,1fr); }
  .turnkey-hero__copy { min-width:0; }
  .turnkey-hero__facts { gap:12px; }
  .turnkey-hero__facts span { grid-template-columns:1fr; gap:2px; }
  .turnkey-stage { width:650px; max-width:none; height:570px; justify-self:start; margin-bottom:-260px; transform:scale(.52); transform-origin:top left; }
  .turnkey-board { right:30px; }
  .turnkey-person { right:410px; }
  .turnkey-test { right:48px; }
  .turnkey-launch { right:0; }
  .turnkey-benefits { grid-template-columns:1fr; }
  .turnkey-benefits article:last-child { grid-column:auto; }
  .turnkey-workspace { grid-template-columns:minmax(0,1fr); }
  .turnkey-workspace > aside { grid-template-columns:1fr; }
  .turnkey-screen { min-height:590px; padding:20px; }
  .turnkey-screen > header { align-items:flex-start; gap:10px; }
  .turnkey-screen > header span { line-height:1.5; }
  .turnkey-screen ul { grid-template-columns:1fr; }
  .turnkey-screen > footer { align-items:flex-start; flex-direction:column; gap:10px; }
  .turnkey-process h2,.turnkey-responsibility h2 { font-size:35px; letter-spacing:-1.8px; }
  .turnkey-timeline article { grid-template-columns:40px 1fr; }
  .turnkey-timeline article em { grid-column:2; }
  .turnkey-acceptance { grid-template-columns:1fr; }
  .turnkey-plan-card > div,.turnkey-plan-card aside { padding:26px; }
  .turnkey-conditions > div > div { grid-template-columns:1fr; }
  .turnkey-conditions article { min-height:210px; }
  .turnkey-checklist button { grid-template-columns:37px 1fr; }
}

/* Shopboard Theme Store */
.themes-page { --themes-accent:#b8ff6d; --themes-purple:#8b7ff2; }
.themes-hero { position:relative; overflow:hidden; padding:142px 0 76px; color:#fff; background:#101118; }
.themes-hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:54px 54px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 94%); }
.themes-hero__glow { position:absolute; top:-330px; left:60%; width:960px; height:760px; border-radius:50%; background:radial-gradient(circle,rgba(101,88,232,.35),transparent 68%); }
.themes-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:50px; }
.themes-hero__copy { position:relative; z-index:3; }
.themes-hero__copy .breadcrumbs { justify-content:flex-start; margin-bottom:28px; }
.themes-pill { display:inline-flex; align-items:center; gap:9px; padding:7px 11px; border:1px solid rgba(255,255,255,.11); border-radius:999px; color:#b2b4bf; background:rgba(255,255,255,.045); font-size:8px; font-weight:750; }
.themes-pill i { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#172015; background:var(--themes-accent); font-size:7px; font-style:normal; font-weight:900; }
.themes-hero h1 { max-width:620px; margin:22px 0 20px; font-size:clamp(50px,5.2vw,72px); line-height:.95; letter-spacing:-4.2px; }
.themes-hero h1 em { color:#988df6; font-family:Georgia,serif; font-weight:400; letter-spacing:-3px; }
.themes-hero__copy > p { max-width:570px; margin:0; color:#a1a3ae; font-size:13px; line-height:1.75; }
.themes-primary { color:#172015; background:var(--themes-accent); box-shadow:0 14px 32px rgba(184,255,109,.14); }
.themes-primary:hover { background:#c8ff8e; }
.themes-hero__notes { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:29px; color:#7f818d; font-size:7px; }
.themes-hero__notes span { display:flex; align-items:center; gap:6px; }
.themes-hero__notes i { color:#75c99e; font-style:normal; font-weight:900; }
.themes-stage { position:relative; height:545px; }
.themes-browser { position:absolute; top:34px; right:-2px; width:595px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:23px; color:#171719; background:#fff; box-shadow:0 42px 90px rgba(0,0,0,.4); transform:rotate(1deg); }
.themes-browser > header { display:flex; height:42px; align-items:center; gap:7px; padding:0 15px; border-bottom:1px solid #e9e7e2; background:#fafafa; }
.themes-browser > header > span { display:flex; gap:5px; }
.themes-browser > header i { display:block; width:7px; height:7px; border-radius:50%; background:#ed8878; }
.themes-browser > header i:nth-child(2) { background:#e8c563; }
.themes-browser > header i:nth-child(3) { background:#68bd8d; }
.themes-browser > header small { min-width:210px; margin:auto; padding:6px 12px; border-radius:6px; color:#a2a1a2; background:#f0f0f2; font-size:6px; text-align:center; }
.themes-browser > header em { color:#98979b; font-size:6px; font-style:normal; }
.themes-browser__store > nav { display:flex; height:53px; align-items:center; gap:21px; padding:0 24px; border-bottom:1px solid #ece9e3; }
.themes-browser__store > nav b { margin-right:9px; font-size:12px; letter-spacing:-.6px; }
.themes-browser__store > nav span,.themes-browser__store > nav i { color:#858388; font-size:6px; font-style:normal; }
.themes-browser__store > nav i { margin-left:auto; }
.themes-browser__store > div { position:relative; min-height:265px; overflow:hidden; padding:56px 37px; background:#e9e5dc; }
.themes-browser__store > div small { color:#706a61; font-size:6px; font-weight:850; letter-spacing:.16em; }
.themes-browser__store > div h3 { position:relative; z-index:2; margin:12px 0 15px; font-family:Georgia,serif; font-size:31px; font-weight:500; line-height:1.02; letter-spacing:-1.2px; }
.themes-browser__store > div > p { position:relative; z-index:2; color:#777168; font-size:7px; }
.themes-browser__store > div > b { position:relative; z-index:2; display:inline-block; margin-top:16px; padding-bottom:5px; border-bottom:1px solid #31302f; font-size:6px; }
.themes-browser__art { position:absolute; top:23px; right:33px; width:220px; height:250px; overflow:hidden; border-radius:100px 100px 8px 8px; background:linear-gradient(145deg,#c5b19b,#6f645c); transform:rotate(4deg); }
.themes-browser__art::before { position:absolute; top:35px; left:62px; width:102px; height:180px; border-radius:48px 48px 14px 14px; background:#292b2c; box-shadow:0 18px 35px rgba(39,33,29,.25); content:""; transform:rotate(-7deg); }
.themes-browser__art::after { position:absolute; top:58px; left:78px; width:69px; height:10px; border-radius:50%; background:#454747; content:""; transform:rotate(-7deg); }
.themes-browser__art span { position:absolute; right:24px; bottom:19px; width:58px; height:58px; border:10px solid rgba(255,255,255,.22); border-radius:50%; }
.themes-browser__store > footer { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px 17px 16px; }
.themes-browser__store > footer span { display:grid; grid-template-columns:46px 1fr; grid-template-rows:1fr 1fr; column-gap:9px; align-items:end; }
.themes-browser__store > footer i { grid-row:1 / 3; width:46px; height:45px; border-radius:5px; background:#d5d2ca; }
.themes-browser__store > footer span:nth-child(2) i { background:#bcb7ae; }
.themes-browser__store > footer span:nth-child(3) i { background:#ded6cb; }
.themes-browser__store > footer b { align-self:end; font-size:6px; }
.themes-browser__store > footer small { align-self:start; color:#969297; font-size:6px; }
.themes-device,.themes-palette,.themes-layout { position:absolute; z-index:2; border:1px solid rgba(255,255,255,.11); color:#fff; background:rgba(30,31,41,.96); box-shadow:0 22px 50px rgba(0,0,0,.36); backdrop-filter:blur(12px); }
.themes-device { right:373px; bottom:20px; display:grid; width:225px; grid-template-columns:37px 1fr; align-items:center; gap:11px; padding:13px; border-radius:15px; }
.themes-device > svg { width:35px; height:35px; padding:8px; border-radius:10px; color:#182017; background:var(--themes-accent); stroke-width:1.8; }
.themes-device span { display:grid; gap:4px; }
.themes-device small,.themes-palette small,.themes-layout small { color:#7d7f8b; font-size:5px; font-weight:850; letter-spacing:.11em; }
.themes-device b { font-size:8px; }
.themes-palette { right:22px; bottom:3px; display:grid; width:160px; gap:9px; padding:14px; border-radius:15px; transform:rotate(-1deg); }
.themes-palette > span { display:flex; gap:7px; }
.themes-palette i { width:19px; height:19px; border:2px solid #353640; border-radius:50%; background:#e9e5dc; }
.themes-palette i:nth-child(2) { background:#c5b19b; }
.themes-palette i:nth-child(3) { background:#292b2c; }
.themes-palette i:nth-child(4) { background:#8a7d6f; }
.themes-layout { top:14px; right:-30px; display:grid; min-width:120px; gap:4px; padding:14px; border-radius:15px; }
.themes-layout b { margin-top:4px; color:#fff; font-size:10px; }
.themes-layout span { color:#858792; font-size:7px; }
.themes-strip { color:#858793; background:#191a22; }
.themes-strip > div { display:flex; min-height:78px; align-items:center; justify-content:center; gap:21px; }
.themes-strip span { margin-right:16px; color:#5f616d; font-size:7px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.themes-strip b { color:#c8c9d0; font-size:8px; }
.themes-strip i { color:#60626e; font-size:11px; font-style:normal; }
.themes-catalog { background:#f2f3f6; }
.themes-toolbar { display:grid; grid-template-columns:255px 1fr auto; align-items:center; gap:15px; margin-bottom:28px; }
.themes-search { display:flex; height:42px; align-items:center; gap:10px; padding:0 13px; border:1px solid #dfe0e5; border-radius:11px; background:#fff; }
.themes-search svg { width:15px; height:15px; color:#888a96; }
.themes-search input { width:100%; border:0; outline:0; color:#30313a; background:transparent; font:inherit; font-size:8px; }
.themes-search input::placeholder { color:#a0a2ac; }
.themes-filters { display:flex; flex-wrap:wrap; gap:7px; }
.themes-filters button { padding:9px 12px; border:1px solid #dedfe5; border-radius:999px; color:#6e707c; background:#fff; cursor:pointer; font-size:7px; font-weight:780; }
.themes-filters button:hover { border-color:#b9b6da; }
.themes-filters button.is-active { border-color:#252630; color:#fff; background:#252630; }
.themes-count { color:#91939e; font-size:8px; white-space:nowrap; }
.themes-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.theme-card { min-width:0; padding:13px 13px 17px; border:1px solid #dfe0e5; border-radius:21px; background:#fff; box-shadow:0 14px 35px rgba(32,34,47,.045); transition:transform .25s ease,box-shadow .25s ease; }
.theme-card:hover { box-shadow:0 22px 45px rgba(32,34,47,.1); transform:translateY(-3px); }
.theme-card[hidden] { display:none; }
.theme-thumb { --thumb-bg:#ece8df; --thumb-ink:#222; --thumb-accent:#847464; position:relative; height:310px; overflow:hidden; border-radius:13px; color:var(--thumb-ink); background:var(--thumb-bg); }
.theme-thumb header { position:relative; z-index:3; display:flex; height:42px; align-items:center; gap:19px; padding:0 17px; border-bottom:1px solid color-mix(in srgb,var(--thumb-ink) 12%,transparent); background:color-mix(in srgb,var(--thumb-bg) 88%,white); }
.theme-thumb header b { margin-right:auto; font-size:10px; letter-spacing:-.4px; }
.theme-thumb header span { font-size:5px; letter-spacing:.07em; }
.theme-thumb header i { display:grid; width:22px; height:22px; place-items:center; border:1px solid color-mix(in srgb,var(--thumb-ink) 15%,transparent); border-radius:50%; font-size:5px; font-style:normal; }
.theme-thumb section { position:relative; height:203px; padding:39px 23px; }
.theme-thumb section small { position:relative; z-index:2; font-size:5px; font-weight:850; letter-spacing:.14em; }
.theme-thumb section h3 { position:relative; z-index:2; margin:10px 0 16px; font-family:Georgia,serif; font-size:24px; font-weight:500; line-height:1.02; letter-spacing:-.7px; }
.theme-thumb section > b { position:relative; z-index:2; padding-bottom:4px; border-bottom:1px solid currentColor; font-size:5px; }
.theme-thumb section > em { position:absolute; top:17px; right:22px; width:155px; height:177px; overflow:hidden; border-radius:80px 80px 9px 9px; background:linear-gradient(145deg,var(--thumb-accent),color-mix(in srgb,var(--thumb-accent) 50%,#27272b)); transform:rotate(3deg); }
.theme-thumb section > em::before { position:absolute; top:34px; left:46px; width:70px; height:118px; border-radius:32px 32px 10px 10px; background:color-mix(in srgb,var(--thumb-ink) 88%,transparent); content:""; transform:rotate(-7deg); }
.theme-thumb section > em::after { position:absolute; right:20px; bottom:18px; width:38px; height:38px; border:7px solid rgba(255,255,255,.22); border-radius:50%; content:""; }
.theme-thumb footer { display:grid; height:65px; grid-template-columns:repeat(3,1fr); gap:7px; padding:8px 11px; background:color-mix(in srgb,var(--thumb-bg) 88%,white); }
.theme-thumb footer i { border-radius:6px; background:color-mix(in srgb,var(--thumb-accent) 50%,white); }
.theme-thumb footer i:nth-child(2) { background:color-mix(in srgb,var(--thumb-accent) 72%,white); }
.theme-thumb footer i:nth-child(3) { background:color-mix(in srgb,var(--thumb-accent) 38%,white); }
.theme-thumb--volt { --thumb-bg:#11141b; --thumb-ink:#f7f7f8; --thumb-accent:#7957ff; }
.theme-thumb--volt section > em { border-radius:18px; background:radial-gradient(circle at 50% 42%,#9480ff 0 17%,#2c2457 18% 36%,#151720 37%); }
.theme-thumb--volt section > em::before { top:38px; left:45px; width:67px; height:67px; border:9px solid #0a0b0f; border-radius:50%; background:#7663d8; box-shadow:0 0 35px rgba(136,108,255,.6); }
.theme-thumb--volt section > em::after { display:none; }
.theme-thumb--basil { --thumb-bg:#efe7d3; --thumb-ink:#263427; --thumb-accent:#728b54; }
.theme-thumb--basil section > em { border-radius:50%; background:radial-gradient(circle at 45% 40%,#f2cf7b 0 9%,#ad5d33 10% 27%,#76905c 28% 45%,#e6d5a9 46%); }
.theme-thumb--basil section > em::before { top:24px; left:68px; width:16px; height:130px; border-radius:50%; background:#536d3e; transform:rotate(47deg); }
.theme-thumb--basil section > em::after { border-color:rgba(255,255,255,.35); }
.theme-thumb--nord { --thumb-bg:#edf0eb; --thumb-ink:#25302c; --thumb-accent:#9ba89b; }
.theme-thumb--nord section > em { border-radius:4px; background:linear-gradient(145deg,#d4d7d0,#8e9b8e); }
.theme-thumb--nord section > em::before { top:75px; left:35px; width:105px; height:62px; border-radius:9px 9px 2px 2px; background:#f1eee5; transform:none; }
.theme-thumb--nord section > em::after { right:8px; bottom:8px; border-color:#687b6d; }
.theme-thumb--atlas { --thumb-bg:#e4e9f4; --thumb-ink:#17264a; --thumb-accent:#5877be; }
.theme-thumb--atlas section h3 { font-family:inherit; font-weight:800; }
.theme-thumb--atlas section > em { border-radius:14px; background:linear-gradient(150deg,#7393dc,#263e75); }
.theme-thumb--atlas section > em::before { top:35px; left:36px; width:84px; height:92px; border-radius:50% 50% 8px 8px; background:#f5c7a7; }
.theme-thumb--atlas section > em::after { border-color:#bdd0ff; }
.theme-thumb--lumen { --thumb-bg:#f7e9e8; --thumb-ink:#583f45; --thumb-accent:#c7999c; }
.theme-thumb--lumen section > em { border-radius:50% 50% 15px 15px; background:linear-gradient(145deg,#e2c5c5,#9f7479); }
.theme-thumb--lumen section > em::before { top:42px; left:59px; width:40px; height:99px; border-radius:20px 20px 8px 8px; background:#f4e4de; box-shadow:17px 18px 0 -7px #aa7477; transform:rotate(8deg); }
.theme-thumb--forge { --thumb-bg:#e9ebec; --thumb-ink:#1e2528; --thumb-accent:#e88932; }
.theme-thumb--forge section h3 { font-family:inherit; font-weight:900; text-transform:uppercase; }
.theme-thumb--forge section > em { border-radius:7px; background:linear-gradient(145deg,#c8ced0,#677175); }
.theme-thumb--forge section > em::before { top:55px; left:29px; width:112px; height:37px; border-radius:7px; background:#e88932; box-shadow:28px 30px 0 -9px #2a3032; transform:rotate(-9deg); }
.theme-thumb--forge section > em::after { border-color:#f0a45e; }
.theme-thumb--dune { --thumb-bg:#f6e6a6; --thumb-ink:#452c31; --thumb-accent:#f07864; }
.theme-thumb--dune section h3 { font-family:inherit; font-weight:850; letter-spacing:-1px; }
.theme-thumb--dune section > em { border-radius:45% 55% 43% 57%; background:linear-gradient(145deg,#ef826b,#9e4d62); }
.theme-thumb--dune section > em::before { top:33px; left:50px; width:60px; height:115px; border-radius:40px 40px 12px 12px; background:#ffe7a5; transform:rotate(12deg); }
.theme-card__meta { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:18px 5px 0; }
.theme-card__meta > div { display:grid; gap:5px; }
.theme-card__meta span { color:#8b8d98; font-size:7px; font-weight:750; }
.theme-card__meta h3 { margin:0; font-size:23px; letter-spacing:-.7px; }
.theme-badge { padding:7px 9px; border-radius:999px; font-size:6px!important; font-weight:850!important; text-transform:uppercase; }
.theme-badge--new { color:#6c5adb!important; background:#eeecff; }
.theme-badge--hit { color:#317b58!important; background:#e4f5ed; }
.theme-card > p { min-height:35px; margin:10px 5px 15px; color:#777a87; font-size:9px; line-height:1.6; }
.theme-card > footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 5px; }
.theme-card > footer > b { color:#4d8c6e; font-size:7px; }
.theme-card > footer button,.theme-card > footer a { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #dfe0e5; border-radius:9px; color:#4d4f5b; background:#fff; cursor:pointer; font-size:7px; font-weight:800; }
.theme-card > footer button:hover,.theme-card > footer a:hover { border-color:#272832; color:#fff; background:#272832; }
.theme-card > footer svg { width:13px; height:13px; }
.theme-thumb--neo-live,.theme-thumb--gurman-live,.theme-thumb--metro-live,.theme-thumb--milan-live,.theme-thumb--boston-live { display:block; text-decoration:none; background-position:center; background-size:cover; }
.theme-thumb--neo-live { --thumb-ink:#fff; background-image:linear-gradient(90deg,rgba(15,17,15,.72),rgba(15,17,15,.04)),url("themes/neo/assets/hero.jpg"); }
.theme-thumb--gurman-live { --thumb-ink:#211f1b; background-image:linear-gradient(90deg,rgba(255,248,235,.96),rgba(255,248,235,.04)),url("themes/gurman/assets/hero.jpg"); }
.theme-thumb--metro-live { --thumb-ink:#fff; background-image:linear-gradient(90deg,rgba(2,28,70,.95),rgba(2,38,83,.08)),url("themes/metro/assets/hero.jpg"); }
.theme-thumb--milan-live { --thumb-ink:#fff; background-image:linear-gradient(90deg,rgba(43,105,142,.88),rgba(59,132,176,.02)),url("themes/milan/assets/hero.jpg"); }
.theme-thumb--boston-live { --thumb-ink:#fff; background-image:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.05)),url("themes/boston/assets/hero.jpg"); }
.theme-thumb--neo-live header,.theme-thumb--gurman-live header,.theme-thumb--metro-live header,.theme-thumb--milan-live header,.theme-thumb--boston-live header { background:rgba(255,255,255,.9); color:#252620; backdrop-filter:blur(8px); }
.theme-thumb--boston-live header { color:#fff; background:rgba(5,5,5,.9); }
.theme-thumb--neo-live section,.theme-thumb--gurman-live section,.theme-thumb--metro-live section,.theme-thumb--milan-live section,.theme-thumb--boston-live section { height:203px; }
.theme-thumb--neo-live section h3,.theme-thumb--gurman-live section h3,.theme-thumb--metro-live section h3,.theme-thumb--milan-live section h3,.theme-thumb--boston-live section h3 { font-family:inherit; font-weight:800; }
.theme-thumb--neo-live footer,.theme-thumb--gurman-live footer,.theme-thumb--metro-live footer,.theme-thumb--milan-live footer { background:rgba(255,255,255,.9); }
.theme-thumb--boston-live footer { background:rgba(5,5,5,.9); }
.theme-thumb--neo-live footer i,.theme-thumb--gurman-live footer i,.theme-thumb--metro-live footer i,.theme-thumb--milan-live footer i { background:rgba(43,45,40,.14); }
.theme-thumb--boston-live footer i { background:rgba(255,255,255,.16); }
.themes-empty { padding:70px 20px; border:1px dashed #d5d6dc; border-radius:20px; text-align:center; }
.themes-empty[hidden] { display:none; }
.themes-empty > i { display:grid; width:46px; height:46px; margin:0 auto 16px; place-items:center; border-radius:13px; color:#6558e8; background:#e9e7ff; font-style:normal; }
.themes-empty h3 { margin:0 0 8px; font-size:21px; }
.themes-empty p { color:#81838f; font-size:9px; }
.themes-empty button { margin-top:13px; padding:10px 14px; border:0; border-radius:9px; color:#fff; background:#6558e8; cursor:pointer; font-size:8px; font-weight:800; }
.themes-editor__grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:70px; }
.themes-editor h2 { margin:15px 0; font-size:45px; line-height:1.04; letter-spacing:-2.2px; }
.themes-editor__grid > div:first-child > p { color:#92949f; font-size:11px; line-height:1.8; }
.themes-editor__panel { overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:#1e1f28; box-shadow:0 30px 70px rgba(0,0,0,.25); }
.themes-editor__panel > header { display:flex; justify-content:space-between; padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.08); color:#868894; font-size:7px; font-weight:850; letter-spacing:.11em; }
.themes-editor__panel > header b { color:#fff; font-size:9px; letter-spacing:0; }
.themes-editor__controls { display:flex; align-items:center; gap:14px; padding:15px 20px; }
.themes-editor__controls > span { color:#858793; font-size:7px; }
.themes-editor__controls > div { display:flex; gap:6px; }
.themes-editor__controls button { padding:8px 10px; border:1px solid #3b3c47; border-radius:8px; color:#8e909c; background:transparent; cursor:pointer; font-size:6px; }
.themes-editor__controls button.is-active { border-color:#6960c7; color:#fff; background:#6558e8; }
.themes-editor__preview { --editor-bg:#ebe6dc; --editor-ink:#242321; --editor-accent:#252525; margin:0 20px; overflow:hidden; border-radius:13px; color:var(--editor-ink); background:var(--editor-bg); transition:color .25s ease,background .25s ease; }
.themes-editor__preview.is-bold { --editor-bg:#221b3a; --editor-ink:#fff; --editor-accent:#beff71; }
.themes-editor__preview.is-warm { --editor-bg:#f0c7a7; --editor-ink:#522d2b; --editor-accent:#a8473d; }
.themes-editor__preview > header { display:flex; height:40px; align-items:center; justify-content:space-between; padding:0 15px; border-bottom:1px solid color-mix(in srgb,var(--editor-ink) 12%,transparent); }
.themes-editor__preview > header b { font-size:9px; }
.themes-editor__preview > header span { font-size:5px; }
.themes-editor__preview > section { position:relative; min-height:200px; overflow:hidden; padding:41px 27px; }
.themes-editor__preview > section small { font-size:5px; font-weight:850; letter-spacing:.14em; }
.themes-editor__preview > section h3 { position:relative; z-index:2; margin:10px 0 15px; font-family:Georgia,serif; font-size:27px; font-weight:500; line-height:1.02; }
.themes-editor__preview > section button { position:relative; z-index:2; padding:9px 12px; border:0; border-radius:4px; color:var(--editor-bg); background:var(--editor-accent); font-size:6px; font-weight:800; }
.themes-editor__preview > section i { position:absolute; top:21px; right:40px; width:160px; height:180px; border-radius:80px 80px 8px 8px; background:color-mix(in srgb,var(--editor-accent) 58%,#aaa); transform:rotate(3deg); }
.themes-editor__preview > section i::after { position:absolute; top:38px; left:48px; width:67px; height:118px; border-radius:33px 33px 9px 9px; background:var(--editor-accent); content:""; transform:rotate(-7deg); }
.themes-editor__preview > footer { display:grid; height:50px; grid-template-columns:repeat(3,1fr); gap:7px; padding:7px 11px; background:color-mix(in srgb,var(--editor-bg) 85%,white); }
.themes-editor__preview > footer span { border-radius:5px; background:color-mix(in srgb,var(--editor-accent) 32%,white); }
.themes-editor__panel > footer { display:flex; align-items:center; justify-content:space-between; padding:17px 20px; }
.themes-editor__panel > footer span { display:flex; align-items:center; gap:7px; color:#898b97; font-size:7px; }
.themes-editor__panel > footer span i { width:6px; height:6px; border-radius:50%; background:#72ce9f; }
.themes-editor__panel > footer button { padding:9px 12px; border:0; border-radius:8px; color:#1b1c22; background:var(--themes-accent); font-size:7px; font-weight:850; }
.themes-principles > div > div { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.themes-principles article { min-height:235px; padding:24px; border:1px solid #e2e3e8; border-radius:18px; background:#fafafd; }
.themes-principles article > i { display:grid; width:33px; height:33px; place-items:center; border-radius:10px; color:#6558e8; background:#eceaff; font-size:7px; font-style:normal; font-weight:850; }
.themes-principles h3 { margin:36px 0 10px; font-size:18px; }
.themes-principles p { color:#777a87; font-size:9px; line-height:1.75; }
.themes-choice { background:#eef0f4; }
.themes-choice > div { display:grid; grid-template-columns:.8fr 1.2fr; align-items:start; gap:70px; }
.themes-choice .section-heading { margin-bottom:0; }
.themes-choice > div > div { display:grid; gap:10px; }
.themes-choice article { display:grid; grid-template-columns:170px 1fr; align-items:center; gap:7px 22px; padding:21px 23px; border:1px solid #dde0e6; border-radius:15px; background:#fff; }
.themes-choice article span { grid-row:1 / 3; color:#8c8e99; font-size:7px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.themes-choice article b { font-size:12px; }
.themes-choice article p { margin:0; color:#7b7d89; font-size:8px; line-height:1.55; }
.themes-cta { color:#fff; background:linear-gradient(145deg,#26203b,#111218); }
.theme-dialog { width:min(1070px,calc(100% - 32px)); max-width:none; padding:0; overflow:hidden; border:1px solid #e0e1e7; border-radius:23px; color:#252630; background:#f7f8fa; box-shadow:0 45px 130px rgba(0,0,0,.42); }
.theme-dialog::backdrop { background:rgba(10,11,16,.78); backdrop-filter:blur(7px); }
.theme-dialog__top { display:flex; align-items:center; justify-content:space-between; padding:16px 19px; border-bottom:1px solid #e0e1e6; color:#8d8f9a; background:#fff; font-size:7px; font-weight:850; letter-spacing:.12em; }
.theme-dialog__top button { display:grid; width:32px; height:32px; place-items:center; border:1px solid #e0e1e6; border-radius:9px; background:#fff; cursor:pointer; }
.theme-dialog__top button svg { width:15px; height:15px; }
.theme-dialog__body { display:grid; grid-template-columns:1fr 285px; gap:0; }
.theme-dialog__browser { margin:24px; overflow:hidden; border:1px solid #dbdce2; border-radius:16px; background:#fff; box-shadow:0 17px 45px rgba(34,36,49,.1); }
.theme-dialog__browser > header { display:flex; height:38px; align-items:center; gap:5px; padding:0 13px; border-bottom:1px solid #e8e8ed; background:#fafafd; }
.theme-dialog__browser > header i { width:7px; height:7px; border-radius:50%; background:#ed8878; }
.theme-dialog__browser > header i:nth-child(2) { background:#e8c563; }
.theme-dialog__browser > header i:nth-child(3) { background:#68bd8d; }
.theme-dialog__browser > header span { min-width:210px; margin:auto; padding:5px; border-radius:5px; color:#a2a3ac; background:#efeff3; font-size:6px; text-align:center; }
.theme-dialog__canvas { --dialog-bg:#eae5dc; --dialog-ink:#232220; --dialog-accent:#807367; color:var(--dialog-ink); background:var(--dialog-bg); }
.theme-dialog__canvas--volt { --dialog-bg:#13151d; --dialog-ink:#fff; --dialog-accent:#7659f4; }
.theme-dialog__canvas--basil { --dialog-bg:#efe6cf; --dialog-ink:#29402c; --dialog-accent:#768e57; }
.theme-dialog__canvas--nord { --dialog-bg:#edf0eb; --dialog-ink:#25302c; --dialog-accent:#8d9c90; }
.theme-dialog__canvas--atlas { --dialog-bg:#e2e8f5; --dialog-ink:#18284c; --dialog-accent:#5578c3; }
.theme-dialog__canvas--lumen { --dialog-bg:#f7e8e7; --dialog-ink:#593e45; --dialog-accent:#bd8c91; }
.theme-dialog__canvas--forge { --dialog-bg:#e7eaeb; --dialog-ink:#1f2528; --dialog-accent:#e78932; }
.theme-dialog__canvas--dune { --dialog-bg:#f5e4a2; --dialog-ink:#452c31; --dialog-accent:#e36f5e; }
.theme-dialog__canvas > nav { display:flex; height:55px; align-items:center; gap:20px; padding:0 23px; border-bottom:1px solid color-mix(in srgb,var(--dialog-ink) 13%,transparent); }
.theme-dialog__canvas > nav b { font-size:11px; }
.theme-dialog__canvas > nav span { margin:auto; font-size:6px; }
.theme-dialog__canvas > nav i { font-size:6px; font-style:normal; }
.theme-dialog__canvas > section { position:relative; min-height:350px; overflow:hidden; padding:80px 45px; }
.theme-dialog__canvas > section small { font-size:6px; font-weight:850; letter-spacing:.15em; }
.theme-dialog__canvas > section h3 { position:relative; z-index:2; margin:13px 0 12px; font-family:Georgia,serif; font-size:39px; font-weight:500; line-height:.98; letter-spacing:-1.4px; }
.theme-dialog__canvas > section p { position:relative; z-index:2; max-width:210px; color:color-mix(in srgb,var(--dialog-ink) 63%,transparent); font-size:7px; }
.theme-dialog__canvas > section > b { position:relative; z-index:2; display:inline-block; margin-top:20px; padding-bottom:5px; border-bottom:1px solid currentColor; font-size:6px; }
.theme-dialog__canvas > section > i { position:absolute; top:32px; right:45px; width:270px; height:300px; border-radius:140px 140px 12px 12px; background:linear-gradient(145deg,var(--dialog-accent),color-mix(in srgb,var(--dialog-accent) 45%,#24262c)); transform:rotate(3deg); }
.theme-dialog__canvas > section > i::before { position:absolute; top:55px; left:82px; width:110px; height:205px; border-radius:55px 55px 14px 14px; background:color-mix(in srgb,var(--dialog-ink) 88%,transparent); content:""; transform:rotate(-7deg); }
.theme-dialog__canvas > section > i::after { position:absolute; right:25px; bottom:22px; width:60px; height:60px; border:10px solid rgba(255,255,255,.22); border-radius:50%; content:""; }
.theme-dialog__canvas > footer { display:grid; height:72px; grid-template-columns:repeat(3,1fr); gap:9px; padding:10px 14px; background:color-mix(in srgb,var(--dialog-bg) 83%,white); }
.theme-dialog__canvas > footer span { border-radius:7px; background:color-mix(in srgb,var(--dialog-accent) 45%,white); }
.theme-dialog__body > aside { display:flex; flex-direction:column; padding:34px 27px; border-left:1px solid #e0e1e6; background:#fff; }
.theme-dialog__body > aside > span { color:#6558e8; font-size:7px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.theme-dialog__body > aside h2 { margin:10px 0; font-size:31px; letter-spacing:-1.4px; }
.theme-dialog__body > aside p { color:#777a87; font-size:9px; line-height:1.7; }
.theme-dialog__body > aside ul { display:grid; gap:10px; margin-top:20px; }
.theme-dialog__body > aside li { position:relative; padding-left:19px; color:#5f626e; font-size:8px; }
.theme-dialog__body > aside li::before { position:absolute; left:0; color:#47946f; content:"✓"; font-weight:900; }
.theme-dialog__body > aside a { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:auto; padding:13px; border-radius:10px; color:#fff; background:#6558e8; font-size:8px; font-weight:850; }
.theme-dialog__body > aside a svg { width:14px; height:14px; }
.theme-dialog__body > aside > small { margin-top:14px; color:#9597a1; font-size:6px; line-height:1.6; }

@media (max-width:980px) {
  .themes-hero__grid { grid-template-columns:1fr; }
  .themes-hero__copy { max-width:680px; }
  .themes-stage { width:min(100%,700px); justify-self:center; }
  .themes-toolbar { grid-template-columns:230px 1fr; }
  .themes-count { display:none; }
  .themes-editor__grid,.themes-choice > div { gap:45px; }
  .themes-principles > div > div { grid-template-columns:1fr 1fr; }
  .theme-dialog__body { grid-template-columns:1fr 250px; }
  .theme-dialog__canvas > section > i { right:25px; width:230px; }
}

@media (max-width:760px) {
  .themes-hero { padding-top:112px; }
  .themes-stage { height:520px; }
  .themes-strip > div { justify-content:flex-start; overflow-x:auto; }
  .themes-strip b,.themes-strip i,.themes-strip span { flex:0 0 auto; }
  .themes-toolbar { grid-template-columns:1fr; }
  .themes-grid { grid-template-columns:1fr; }
  .themes-editor__grid,.themes-choice > div { grid-template-columns:1fr; }
  .themes-choice .section-heading { margin-bottom:35px; }
  .theme-dialog { max-height:calc(100% - 24px); overflow-y:auto; }
  .theme-dialog__body { grid-template-columns:1fr; }
  .theme-dialog__body > aside { min-height:360px; border-top:1px solid #e0e1e6; border-left:0; }
}

@media (max-width:520px) {
  .themes-hero h1 { font-size:42px; letter-spacing:-2.5px; }
  .themes-hero h1 em { letter-spacing:-2px; }
  .themes-hero__grid { grid-template-columns:minmax(0,1fr); }
  .themes-hero__copy { min-width:0; }
  .themes-stage { width:650px; max-width:none; height:570px; justify-self:start; margin-bottom:-260px; transform:scale(.52); transform-origin:top left; }
  .themes-browser { right:25px; }
  .themes-device { right:410px; }
  .themes-palette { right:42px; }
  .themes-layout { right:0; }
  .themes-filters { padding-bottom:5px; flex-wrap:nowrap; overflow-x:auto; }
  .themes-filters button { flex:0 0 auto; }
  .theme-thumb { height:260px; }
  .theme-thumb section { height:164px; padding:27px 17px; }
  .theme-thumb section h3 { font-size:20px; }
  .theme-thumb section > em { right:12px; width:125px; height:145px; }
  .theme-thumb section > em::before { left:38px; width:55px; height:97px; }
  .theme-thumb footer { height:54px; }
  .theme-card > footer { align-items:flex-start; flex-direction:column; }
  .theme-card > footer button { width:100%; justify-content:center; }
  .themes-editor h2 { font-size:35px; letter-spacing:-1.8px; }
  .themes-editor__controls { align-items:flex-start; flex-direction:column; }
  .themes-editor__controls > div { width:100%; }
  .themes-editor__controls button { flex:1; }
  .themes-editor__preview > section i { right:15px; width:120px; }
  .themes-editor__preview > section h3 { font-size:23px; }
  .themes-editor__panel > footer { align-items:flex-start; flex-direction:column; gap:12px; }
  .themes-editor__panel > footer button { width:100%; }
  .themes-principles > div > div { grid-template-columns:1fr; }
  .themes-choice article { grid-template-columns:1fr; }
  .themes-choice article span { grid-row:auto; }
  .theme-dialog { width:calc(100% - 18px); border-radius:16px; }
  .theme-dialog__browser { margin:10px; }
  .theme-dialog__canvas > nav span { display:none; }
  .theme-dialog__canvas > section { min-height:270px; padding:45px 22px; }
  .theme-dialog__canvas > section h3 { font-size:30px; }
  .theme-dialog__canvas > section > i { top:28px; right:14px; width:145px; height:220px; }
  .theme-dialog__canvas > section > i::before { left:43px; width:60px; height:145px; }
  .theme-dialog__canvas > section > i::after { width:38px; height:38px; border-width:7px; }
  .theme-dialog__body > aside { padding:26px 22px; }
}

/* Shopboard Public Offer */
.offer-page { --offer-accent:#ffb059; --offer-blue:#7e73ee; }
.offer-page .subpage-main { overflow:visible; }
.offer-progress { position:fixed; z-index:90; top:77px; right:0; left:0; height:2px; background:rgba(255,255,255,.05); }
.offer-progress i { display:block; width:0; height:100%; background:linear-gradient(90deg,#6558e8,#ffb059); transition:width .08s linear; }
.offer-hero { position:relative; overflow:hidden; padding:150px 0 84px; color:#fff; background:#101118; }
.offer-hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px); background-size:54px 54px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 95%); }
.offer-hero__glow { position:absolute; top:-390px; left:50%; width:1000px; height:790px; border-radius:50%; background:radial-gradient(circle,rgba(101,88,232,.33),transparent 68%); transform:translateX(-50%); }
.offer-hero__inner { position:relative; z-index:2; text-align:center; }
.offer-hero .breadcrumbs { margin-bottom:29px; }
.offer-status { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(255,176,89,.2); border-radius:999px; color:#d1aa7e; background:rgba(255,176,89,.06); font-size:8px; font-weight:750; }
.offer-status i { width:7px; height:7px; border-radius:50%; background:var(--offer-accent); box-shadow:0 0 0 5px rgba(255,176,89,.08); }
.offer-hero h1 { margin:23px auto 21px; font-size:clamp(54px,6vw,80px); line-height:.95; letter-spacing:-4.5px; }
.offer-hero h1 em { color:#978cf6; font-family:Georgia,serif; font-weight:400; letter-spacing:-3.4px; }
.offer-hero__inner > p { max-width:690px; margin:0 auto; color:#a1a3ae; font-size:13px; line-height:1.75; }
.offer-hero__meta { display:grid; max-width:770px; grid-template-columns:repeat(4,1fr); margin:43px auto 0; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(255,255,255,.03); }
.offer-hero__meta span { display:grid; gap:7px; padding:18px; border-right:1px solid rgba(255,255,255,.08); text-align:left; }
.offer-hero__meta span:last-child { border-right:0; }
.offer-hero__meta small { color:#686a76; font-size:6px; font-weight:850; letter-spacing:.13em; }
.offer-hero__meta b { font-size:9px; }
.offer-warning { border-bottom:1px solid #ecd9bd; background:#fff6e8; }
.offer-warning > div { display:grid; min-height:94px; grid-template-columns:35px 1fr auto; align-items:center; gap:17px; }
.offer-warning > div > i { display:grid; width:35px; height:35px; place-items:center; border-radius:10px; color:#74440f; background:#ffd9a7; font-size:10px; font-style:normal; font-weight:900; }
.offer-warning p { margin:0; color:#735c42; font-size:9px; line-height:1.7; }
.offer-warning p b { color:#4b3926; }
.offer-warning a { color:#8a571e; font-size:8px; font-weight:850; white-space:nowrap; }
.offer-summary { padding:48px 0; background:#f2f3f6; }
.offer-summary > div { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.offer-summary article { display:grid; grid-template-columns:38px 1fr; gap:13px; padding:22px; border:1px solid #e0e1e6; border-radius:17px; background:#fff; }
.offer-summary article > span { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#6558e8; background:#eceaff; font-size:7px; font-weight:850; }
.offer-summary article > div { display:grid; gap:7px; }
.offer-summary small { color:#9698a2; font-size:6px; font-weight:850; letter-spacing:.1em; }
.offer-summary b { font-size:10px; line-height:1.4; }
.offer-summary p { margin:0; color:#7c7e8a; font-size:8px; line-height:1.65; }
.offer-document-section { padding-top:72px; background:#eceef2; }
.offer-toolbar { position:sticky; z-index:20; top:91px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:15px; padding:14px 16px; border:1px solid #dbdde3; border-radius:13px; background:rgba(255,255,255,.94); box-shadow:0 10px 30px rgba(34,36,49,.07); backdrop-filter:blur(13px); }
.offer-toolbar > div:first-child { display:grid; gap:4px; }
.offer-toolbar > div:first-child span { color:#8e909b; font-size:6px; font-weight:850; letter-spacing:.12em; }
.offer-toolbar > div:first-child b { font-size:8px; }
.offer-toolbar__actions { display:flex; gap:6px; }
.offer-toolbar__actions button { display:flex; height:34px; align-items:center; justify-content:center; gap:7px; min-width:34px; padding:0 10px; border:1px solid #dedfe5; border-radius:8px; color:#696b77; background:#fff; cursor:pointer; font-size:7px; font-weight:800; }
.offer-toolbar__actions button:hover,.offer-toolbar__actions button.is-active { border-color:#292a33; color:#fff; background:#292a33; }
.offer-toolbar__actions button svg { width:13px; height:13px; }
.offer-history { margin-bottom:18px; overflow:hidden; border:1px solid #dbdde3; border-radius:13px; background:#fff; }
.offer-history > button { display:flex; width:100%; align-items:center; justify-content:space-between; padding:17px 19px; border:0; background:#fff; cursor:pointer; text-align:left; }
.offer-history > button > span { display:grid; grid-template-columns:29px 1fr; align-items:center; gap:3px 10px; }
.offer-history > button svg { grid-row:1 / 3; width:29px; height:29px; padding:7px; border-radius:8px; color:#6558e8; background:#eeecff; }
.offer-history > button b { font-size:9px; }
.offer-history > button small { color:#91939e; font-size:7px; }
.offer-history > button > i { color:#6a6c78; font-size:18px; font-style:normal; font-weight:400; }
.offer-history > div { padding:0 19px 19px; border-top:1px solid #ececf0; }
.offer-history > div[hidden] { display:none; }
.offer-history article { display:grid; grid-template-columns:95px 100px 1fr auto; align-items:center; gap:15px; margin-top:16px; padding:13px; border-radius:10px; background:#f6f7f9; }
.offer-history article span { color:#777985; font-size:8px; }
.offer-history article b { font-size:8px; }
.offer-history article p { margin:0; color:#8d8f9a; font-size:7px; }
.offer-history article em { padding:6px 8px; border-radius:99px; color:#397d5e; background:#e2f4eb; font-size:6px; font-style:normal; font-weight:850; }
.offer-history > div > p { margin:13px 0 0; color:#9698a2; font-size:7px; }
.offer-layout { display:grid; grid-template-columns:245px minmax(0,1fr); align-items:start; gap:20px; }
.offer-toc { position:sticky; top:164px; padding:20px 12px 14px; border:1px solid #dbdde3; border-radius:16px; background:#fff; }
.offer-toc > span { display:block; padding:0 10px 12px; color:#999ba5; font-size:6px; font-weight:850; letter-spacing:.13em; }
.offer-toc nav { display:grid; }
.offer-toc nav a { display:grid; grid-template-columns:23px 1fr; align-items:center; gap:7px; padding:8px 9px; border-radius:8px; color:#747682; font-size:7px; line-height:1.35; }
.offer-toc nav a:hover { color:#393a44; background:#f5f5f8; }
.offer-toc nav a.is-active { color:#fff; background:#292a34; box-shadow:0 7px 16px rgba(35,36,47,.12); }
.offer-toc nav a i { color:#a0a2ac; font-size:6px; font-style:normal; font-weight:850; }
.offer-toc nav a.is-active i { color:var(--offer-accent); }
.offer-toc > div { display:grid; gap:5px; margin-top:13px; padding:14px 10px 3px; border-top:1px solid #ececf0; }
.offer-toc > div small { color:#9b9da7; font-size:6px; }
.offer-toc > div a { color:#6558e8; font-size:7px; font-weight:800; }
.offer-paper { --offer-text-size:12px; min-width:0; padding:58px 68px 45px; border:1px solid #dbdde3; border-radius:17px; background:#fff; box-shadow:0 25px 70px rgba(34,36,49,.08); }
.offer-paper.is-text-smaller { --offer-text-size:10.5px; }
.offer-paper.is-text-larger { --offer-text-size:14px; }
.offer-paper > header { padding-bottom:38px; border-bottom:2px solid #292a33; }
.offer-paper > header > span { color:#af7940; font-size:7px; font-weight:850; letter-spacing:.14em; }
.offer-paper > header h2 { max-width:690px; margin:13px 0 25px; font-family:Georgia,serif; font-size:35px; font-weight:500; line-height:1.15; letter-spacing:-1px; }
.offer-paper > header p { display:flex; justify-content:space-between; margin:0; color:#858793; font-size:8px; }
.offer-paper > header p b { color:#4b4c56; }
.offer-draft-note { display:grid; grid-template-columns:35px 1fr; gap:14px; margin:30px 0 0; padding:18px; border:1px solid #e9d9c2; border-radius:12px; background:#fff8ed; }
.offer-draft-note > i { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; color:#714714; background:#ffdda9; font-size:9px; font-style:normal; font-weight:900; }
.offer-draft-note p { margin:0; color:#765f46; font-size:9px; line-height:1.7; }
.offer-paper > section { scroll-margin-top:160px; padding:40px 0 6px; border-bottom:1px solid #ececf0; }
.offer-paper > section:last-of-type { border-bottom:0; }
.offer-paper section h3 { display:flex; align-items:center; gap:12px; margin:0 0 23px; font-size:21px; letter-spacing:-.5px; }
.offer-paper section h3 > i { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:10px; color:#6558e8; background:#eeecff; font-size:7px; font-style:normal; font-weight:850; }
.offer-paper section > p { margin:0 0 14px; color:#50525e; font-size:var(--offer-text-size); line-height:1.85; transition:font-size .2s ease; }
.offer-paper section > p b { color:#272832; }
.offer-paper section > p a { color:#5f52d7; text-decoration:underline; text-underline-offset:3px; }
.offer-paper mark { padding:2px 5px; border-radius:4px; color:#835924; background:#fff0d8; }
.offer-paper dl { display:grid; gap:9px; }
.offer-paper dl > div { display:grid; grid-template-columns:170px 1fr; gap:20px; padding:15px; border-radius:10px; background:#f6f7f9; }
.offer-paper dt { font-size:calc(var(--offer-text-size) - 1px); font-weight:850; }
.offer-paper dd { margin:0; color:#61636f; font-size:calc(var(--offer-text-size) - 1px); line-height:1.7; }
.offer-choice { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:19px 0; }
.offer-choice article { padding:17px; border:1px solid #e3e4e9; border-radius:11px; background:#fafafd; }
.offer-choice span { color:#6558e8; font-size:6px; font-weight:850; letter-spacing:.12em; }
.offer-choice b { display:block; margin:10px 0 7px; font-size:10px; }
.offer-choice p { margin:0; color:#777985; font-size:8px; line-height:1.65; }
.offer-requisites { overflow:hidden; border:1px solid #e1e2e7; border-radius:12px; }
.offer-requisites p { display:grid; grid-template-columns:250px 1fr; gap:20px; margin:0; padding:14px 16px; border-bottom:1px solid #e8e8ed; font-size:10px; }
.offer-requisites p:last-child { border-bottom:0; }
.offer-requisites span { color:#858793; }
.offer-requisites b { color:#33343d; }
.offer-final-check { margin-top:22px; padding:20px; border-radius:12px; color:#fff; background:#262731; }
.offer-final-check > span { color:var(--offer-accent); font-size:6px; font-weight:850; letter-spacing:.13em; }
.offer-final-check ul { display:grid; gap:9px; margin-top:15px; }
.offer-final-check li { position:relative; padding-left:20px; color:#c1c2ca; font-size:9px; line-height:1.55; }
.offer-final-check li::before { position:absolute; left:0; color:#7d70ec; content:"□"; font-weight:900; }
.offer-paper > footer { display:flex; align-items:center; justify-content:space-between; margin-top:42px; padding-top:23px; border-top:2px solid #292a33; color:#9698a2; font-size:7px; }
.offer-paper > footer a { color:#6558e8; font-weight:800; }

@media (max-width:980px) {
  .offer-summary > div { grid-template-columns:1fr 1fr; }
  .offer-summary article:last-child { grid-column:1 / -1; }
  .offer-layout { grid-template-columns:210px minmax(0,1fr); }
  .offer-paper { padding:45px 40px 40px; }
  .offer-toc nav a { padding:7px; }
}

@media (max-width:760px) {
  .offer-progress { top:67px; }
  .offer-hero { padding-top:118px; }
  .offer-hero__meta { grid-template-columns:1fr 1fr; }
  .offer-hero__meta span:nth-child(2) { border-right:0; }
  .offer-hero__meta span:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.08); }
  .offer-warning > div { grid-template-columns:35px 1fr; padding-top:18px; padding-bottom:18px; }
  .offer-warning a { grid-column:2; }
  .offer-toolbar { top:77px; align-items:flex-start; flex-direction:column; }
  .offer-toolbar__actions { width:100%; }
  .offer-toolbar__actions button { flex:1; }
  .offer-toolbar__actions button span { display:none; }
  .offer-layout { grid-template-columns:1fr; }
  .offer-toc { position:static; }
  .offer-toc nav { grid-template-columns:1fr 1fr; }
  .offer-toc > div { display:none; }
  .offer-paper > section { scroll-margin-top:145px; }
}

@media (max-width:520px) {
  .offer-hero h1 { font-size:42px; letter-spacing:-2.5px; }
  .offer-hero h1 em { letter-spacing:-2px; }
  .offer-hero__inner > p { font-size:11px; }
  .offer-hero__meta span { padding:15px; }
  .offer-summary > div { grid-template-columns:1fr; }
  .offer-summary article:last-child { grid-column:auto; }
  .offer-document-section { padding-top:48px; }
  .offer-toolbar { top:76px; }
  .offer-history article { grid-template-columns:80px 1fr auto; }
  .offer-history article p { grid-column:1 / -1; }
  .offer-toc nav { grid-template-columns:1fr; }
  .offer-paper { padding:34px 21px 30px; }
  .offer-paper > header h2 { font-size:28px; }
  .offer-paper > header p { align-items:flex-start; flex-direction:column; gap:8px; }
  .offer-paper section h3 { align-items:flex-start; font-size:19px; line-height:1.2; }
  .offer-paper section > p { line-height:1.75; }
  .offer-paper dl > div { grid-template-columns:1fr; gap:7px; }
  .offer-choice { grid-template-columns:1fr; }
  .offer-requisites p { grid-template-columns:1fr; gap:6px; }
  .offer-paper > footer { align-items:flex-start; flex-direction:column; gap:12px; }
}

@media print {
  .offer-page { background:#fff; }
  .offer-page .landing-header,.offer-progress,.offer-hero,.offer-warning,.offer-summary,.offer-toolbar,.offer-history,.offer-toc,.offer-footer { display:none!important; }
  .offer-document-section { padding:0; background:#fff; }
  .offer-document-section .wrap { width:100%; }
  .offer-layout { display:block; }
  .offer-paper { padding:0; border:0; border-radius:0; box-shadow:none; }
  .offer-paper > section { break-inside:avoid; }
}

/* Shopboard Privacy Policy */
.privacy-page { --offer-accent:#78d3a6; }
.privacy-progress i { background:linear-gradient(90deg,#6558e8,#78d3a6); }
.privacy-hero__glow { top:-420px; background:radial-gradient(circle,rgba(75,180,133,.29),rgba(101,88,232,.12) 42%,transparent 69%); }
.privacy-status { border-color:rgba(120,211,166,.2); color:#9dd9bb; background:rgba(120,211,166,.07); }
.privacy-status i { background:#78d3a6; box-shadow:0 0 0 5px rgba(120,211,166,.08); }
.privacy-warning { border-bottom-color:#cfe6da; background:#effaf4; }
.privacy-warning > div > i { color:#246447; background:#ccebdc; }
.privacy-warning p { color:#52705f; }
.privacy-warning p b { color:#294c3a; }
.privacy-warning a { color:#317d59; }
.privacy-map { padding:54px 0; background:#f2f3f6; }
.privacy-map header { max-width:710px; margin-bottom:28px; }
.privacy-map header > span { color:#5b9d7a; font-size:7px; font-weight:850; letter-spacing:.14em; }
.privacy-map header h2 { margin:11px 0 10px; font-size:35px; letter-spacing:-1.5px; }
.privacy-map header p { margin:0; color:#7e818d; font-size:10px; line-height:1.7; }
.privacy-map > div > div { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.privacy-map article { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:start; gap:14px; padding:22px; border:1px solid #e0e2e6; border-radius:17px; background:#fff; box-shadow:0 12px 32px rgba(34,36,49,.04); }
.privacy-map article > i { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; color:#347455; background:#e0f4e9; font-size:7px; font-style:normal; font-weight:850; }
.privacy-map article > span { display:grid; min-width:0; gap:6px; }
.privacy-map article small { color:#9a9ca7; font-size:6px; font-weight:850; letter-spacing:.11em; }
.privacy-map article b { font-size:11px; line-height:1.35; }
.privacy-map article p { margin:0; color:#7c7f8b; font-size:8px; line-height:1.6; }
.privacy-map article > em { padding:7px 9px; border-radius:999px; color:#397d5e; background:#e6f5ed; font-size:6px; font-style:normal; font-weight:850; white-space:nowrap; }
.privacy-paper > header > span { color:#4d966f; }
.privacy-draft-note { border-color:#cfe7da; background:#f1fbf6; }
.privacy-draft-note > i { color:#2d704f; background:#d6f0e2; }
.privacy-draft-note p { color:#4c6e5b; }
.privacy-toc nav a.is-active i { color:#78d3a6; }
.privacy-roles { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:18px 0 20px; }
.privacy-roles article { padding:17px; border:1px solid #e2e4e8; border-radius:12px; background:#fafbfd; }
.privacy-roles span { color:#508f6d; font-size:6px; font-weight:850; letter-spacing:.11em; }
.privacy-roles b { display:block; min-height:40px; margin:10px 0 8px; font-size:9px; line-height:1.45; }
.privacy-roles p { margin:0; color:#7d808b; font-size:8px; line-height:1.6; }
.privacy-table { margin:18px 0 20px; overflow:hidden; border:1px solid #e1e3e7; border-radius:12px; }
.privacy-table > div { display:grid; grid-template-columns:155px minmax(0,1fr) 155px; align-items:center; gap:15px; padding:13px 15px; border-bottom:1px solid #eaebee; }
.privacy-table > div:last-child { border-bottom:0; }
.privacy-table > div:first-child { color:#8d909a; background:#f5f6f8; font-size:7px; }
.privacy-table span,.privacy-table p,.privacy-table em { font-size:8px; line-height:1.5; }
.privacy-table span { font-weight:800; }
.privacy-table p { margin:0; color:#686b77; }
.privacy-table em { color:#8b8e99; font-style:normal; }
.privacy-basis { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:18px 0 20px; }
.privacy-basis article { display:grid; grid-template-columns:29px 1fr; align-items:center; gap:11px; padding:14px; border-radius:11px; background:#f6f7f9; }
.privacy-basis article > i { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; color:#337552; background:#def2e7; font-size:10px; font-style:normal; }
.privacy-basis article > span { display:grid; gap:5px; }
.privacy-basis b { font-size:8px; }
.privacy-basis small { color:#7f828e; font-size:7px; line-height:1.5; }
.privacy-cookie-table { margin:18px 0 20px; overflow:hidden; border:1px solid #e1e3e7; border-radius:12px; }
.privacy-cookie-table article { display:grid; grid-template-columns:155px minmax(0,1fr) 90px; align-items:center; gap:15px; padding:15px; border-bottom:1px solid #eaebee; }
.privacy-cookie-table article:last-child { border-bottom:0; }
.privacy-cookie-table article > span { display:grid; gap:4px; }
.privacy-cookie-table b { font-size:9px; }
.privacy-cookie-table small { color:#9496a0; font-size:6px; }
.privacy-cookie-table p { margin:0; color:#656874; font-size:8px; line-height:1.55; }
.privacy-cookie-table em { justify-self:start; padding:6px 8px; border-radius:99px; color:#367757; background:#e4f4ec; font-size:6px; font-style:normal; font-weight:800; }
.privacy-processors { margin:20px 0; overflow:hidden; border:1px dashed #c7cad1; border-radius:12px; }
.privacy-processors > span { display:block; padding:11px 14px; color:#96672f; background:#fff5e6; font-size:6px; font-weight:850; letter-spacing:.11em; }
.privacy-processors p { display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:12px; margin:0; padding:12px 14px; border-top:1px solid #ececf0; font-size:8px; }
.privacy-processors p i,.privacy-processors p em { color:#8b8d98; font-style:normal; }
.privacy-retention { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:18px 0 20px; }
.privacy-retention > span { display:grid; gap:6px; padding:16px; border:1px solid #e3e4e8; border-radius:11px; background:#fafbfd; }
.privacy-retention i { color:#92949e; font-size:6px; font-style:normal; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.privacy-retention b { font-size:10px; }
.privacy-retention p { margin:0; color:#7a7d88; font-size:8px; line-height:1.55; }
.privacy-security { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:19px 0 8px; }
.privacy-security span { display:flex; align-items:center; gap:8px; padding:11px; border-radius:9px; color:#585b66; background:#f5f6f8; font-size:7px; font-weight:750; }
.privacy-security i { color:#4b9b73; font-style:normal; font-weight:900; }
.privacy-security span:nth-last-child(-n+2) i { color:#b0834d; }
.privacy-request { margin:20px 0 4px; padding:22px; border-radius:13px; color:#fff; background:linear-gradient(135deg,#252731,#1c2924); }
.privacy-request > span { color:#7ed2a8; font-size:6px; font-weight:850; letter-spacing:.13em; }
.privacy-request ul { display:grid; gap:8px; margin:16px 0 19px; }
.privacy-request li { position:relative; padding-left:19px; color:#c5c7ce; font-size:8px; line-height:1.55; }
.privacy-request li::before { position:absolute; left:0; color:#78d3a6; content:"→"; }
.privacy-request a { display:inline-flex; align-items:center; gap:8px; padding:10px 13px; border-radius:8px; color:#19231e; background:#80d5aa; font-size:7px; font-weight:850; }
.privacy-request a svg { width:13px; height:13px; }
.privacy-final-check > span { color:#78d3a6; }
.offer-paper > footer > div { display:flex; gap:18px; }

@media (max-width:980px) {
  .privacy-table > div { grid-template-columns:130px minmax(0,1fr) 125px; }
  .privacy-roles { grid-template-columns:1fr; }
  .privacy-roles b { min-height:0; }
}

@media (max-width:760px) {
  .privacy-map > div > div { grid-template-columns:1fr; }
  .privacy-table > div,.privacy-cookie-table article { grid-template-columns:1fr; gap:6px; }
  .privacy-table > div:first-child { display:none; }
  .privacy-cookie-table em { margin-top:2px; }
  .privacy-security { grid-template-columns:1fr 1fr; }
}

@media (max-width:520px) {
  .privacy-map { padding:42px 0; }
  .privacy-map header h2 { font-size:29px; }
  .privacy-map article { grid-template-columns:36px minmax(0,1fr); }
  .privacy-map article > em { grid-column:2; justify-self:start; }
  .privacy-basis,.privacy-retention,.privacy-security { grid-template-columns:1fr; }
  .privacy-processors p { grid-template-columns:1fr; gap:5px; }
  .offer-paper > footer > div { align-items:flex-start; flex-direction:column; gap:8px; }
}

@media print {
  .privacy-map { display:none!important; }
  .privacy-roles,.privacy-security { grid-template-columns:repeat(3,1fr); }
  .privacy-basis,.privacy-retention { grid-template-columns:1fr 1fr; }
}

/* Shopboard Cooperation */
.cooperation-page { --coop-mint:#83e0b2; --coop-coral:#ff8b63; --coop-lilac:#9287f5; }
.coop-hero { position:relative; min-height:760px; overflow:hidden; padding:145px 0 80px; color:#fff; background:#101118; }
.coop-hero::before { position:absolute; inset:0; background:radial-gradient(circle at 18% 28%,rgba(101,88,232,.22),transparent 29%),radial-gradient(circle at 81% 57%,rgba(80,189,137,.14),transparent 34%); content:""; }
.coop-hero__mesh { position:absolute; inset:0; opacity:.75; background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px); background-size:55px 55px; mask-image:linear-gradient(to bottom,#000,transparent 94%); }
.coop-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:58px; }
.coop-hero__copy { min-width:0; }
.coop-hero .breadcrumbs { margin-bottom:29px; }
.coop-hero h1 { margin:22px 0; font-size:clamp(58px,6.4vw,84px); line-height:.91; letter-spacing:-5px; }
.coop-hero h1 em { color:var(--coop-mint); font-family:Georgia,serif; font-weight:400; letter-spacing:-3.8px; }
.coop-hero__copy > p { max-width:610px; margin:0; color:#a5a7b2; font-size:13px; line-height:1.75; }
.coop-hero .hero-actions { margin-top:31px; }
.coop-hero__notes { display:flex; flex-wrap:wrap; gap:9px 17px; margin-top:31px; color:#8e909c; font-size:7px; }
.coop-hero__notes span { display:flex; align-items:center; gap:7px; }
.coop-hero__notes i { width:5px; height:5px; border-radius:50%; background:var(--coop-mint); box-shadow:0 0 0 4px rgba(131,224,178,.07); }
.coop-scene { position:relative; height:510px; min-width:0; border:1px solid rgba(255,255,255,.08); border-radius:34px; background:rgba(255,255,255,.025); box-shadow:inset 0 0 80px rgba(101,88,232,.07),0 35px 100px rgba(0,0,0,.2); }
.coop-scene::before,.coop-scene::after { position:absolute; top:50%; left:50%; border:1px dashed rgba(255,255,255,.13); border-radius:50%; content:""; transform:translate(-50%,-50%) rotate(-9deg); }
.coop-scene::before { width:82%; height:52%; }
.coop-scene::after { width:58%; height:76%; transform:translate(-50%,-50%) rotate(53deg); }
.coop-scene__core { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:178px; height:178px; place-items:center; align-content:center; gap:9px; border:1px solid rgba(255,255,255,.15); border-radius:50%; background:linear-gradient(145deg,#262933,#17181f); box-shadow:0 25px 70px rgba(0,0,0,.42),0 0 80px rgba(101,88,232,.18); transform:translate(-50%,-50%); }
.coop-scene__core .brand__mark { width:39px; height:39px; padding:8px; }
.coop-scene__core b { font-size:16px; letter-spacing:-.5px; }
.coop-scene__core small { color:#777a86; font-size:6px; }
.coop-node { position:absolute; z-index:4; display:flex; min-width:155px; align-items:center; gap:11px; padding:13px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(30,31,40,.94); box-shadow:0 18px 45px rgba(0,0,0,.24); }
.coop-node > i { display:grid; width:34px; height:34px; flex:0 0 auto; place-items:center; border-radius:10px; color:#16171d; background:var(--coop-mint); font-size:7px; font-style:normal; font-weight:900; }
.coop-node > span { display:grid; gap:4px; }
.coop-node small { color:#777a85; font-size:6px; font-weight:850; letter-spacing:.12em; }
.coop-node b { font-size:10px; }
.coop-node--media { top:11%; left:5%; transform:rotate(-3deg); }
.coop-node--expert { top:15%; right:3%; transform:rotate(3deg); }
.coop-node--service { right:6%; bottom:10%; transform:rotate(-2deg); }
.coop-node--studio { bottom:7%; left:4%; transform:rotate(2deg); }
.coop-node--expert > i { background:#a69cff; }
.coop-node--service > i { background:#ff9b77; }
.coop-node--studio > i { background:#f2cd73; }
.coop-manifest { border-bottom:1px solid #d8e6df; background:#eff8f3; }
.coop-manifest > div { display:grid; min-height:107px; grid-template-columns:140px 1fr auto; align-items:center; gap:28px; }
.coop-manifest span { color:#3f805f; font-size:7px; font-weight:900; letter-spacing:.14em; }
.coop-manifest p { max-width:760px; margin:0; color:#567063; font-size:10px; line-height:1.75; }
.coop-manifest a { color:#347552; font-size:8px; font-weight:850; white-space:nowrap; }
.coop-format-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.coop-format-grid article { position:relative; min-height:300px; overflow:hidden; padding:25px; border:1px solid #e0e2e7; border-radius:19px; background:#fafbfd; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.coop-format-grid article:hover { border-color:#cbc9e5; box-shadow:0 20px 45px rgba(34,36,49,.08); transform:translateY(-3px); }
.coop-format-grid article > i { position:absolute; top:20px; right:23px; color:#d7d8de; font-family:Georgia,serif; font-size:35px; font-style:normal; }
.coop-format-grid article > span { color:#6558e8; font-size:6px; font-weight:900; letter-spacing:.14em; }
.coop-format-grid h3 { max-width:210px; margin:65px 0 13px; font-size:22px; line-height:1.12; letter-spacing:-.8px; }
.coop-format-grid p { margin:0; color:#777a87; font-size:9px; line-height:1.72; }
.coop-format-grid article > b { position:absolute; right:25px; bottom:23px; left:25px; padding-top:14px; border-top:1px solid #e4e5e9; color:#6c6f7b; font-size:7px; }
.coop-route { background:#f1f2f5; }
.coop-route__tabs { display:flex; max-width:840px; gap:7px; margin:0 auto 13px; padding:6px; border:1px solid #dfe0e5; border-radius:13px; background:#fff; }
.coop-route__tabs button { flex:1; padding:12px 10px; border:0; border-radius:9px; color:#7e808c; background:transparent; cursor:pointer; font-size:7px; font-weight:800; }
.coop-route__tabs button:hover { color:#373842; background:#f4f4f7; }
.coop-route__tabs button.is-active { color:#fff; background:#292a34; box-shadow:0 8px 17px rgba(33,34,43,.13); }
.coop-route__panel { display:grid; max-width:840px; grid-template-columns:1.08fr .92fr; gap:0; margin:auto; overflow:hidden; border:1px solid #dcdee3; border-radius:21px; background:#fff; box-shadow:0 25px 70px rgba(35,37,50,.08); }
.coop-route__panel > div { padding:42px; }
.coop-route__panel > div > span { color:#4c956d; font-size:6px; font-weight:900; letter-spacing:.13em; }
.coop-route__panel h3 { margin:14px 0; font-size:29px; line-height:1.12; letter-spacing:-1.2px; }
.coop-route__panel p { margin:0; color:#777a87; font-size:10px; line-height:1.75; }
.coop-route__panel a { display:inline-flex; align-items:center; gap:8px; margin-top:24px; color:#5e51d7; font-size:8px; font-weight:850; }
.coop-route__panel a svg { width:14px; height:14px; }
.coop-route__panel ol { display:grid; align-content:center; gap:0; margin:0; padding:28px; background:#252630; }
.coop-route__panel li { display:grid; grid-template-columns:36px 1fr; align-items:center; gap:12px; padding:19px 3px; border-bottom:1px solid rgba(255,255,255,.09); }
.coop-route__panel li:last-child { border-bottom:0; }
.coop-route__panel li > i { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#191a20; background:var(--coop-mint); font-size:7px; font-style:normal; font-weight:900; }
.coop-route__panel li > span { display:grid; gap:5px; color:#a7a9b3; font-size:8px; }
.coop-route__panel li b { color:#fff; font-size:9px; }
.coop-give { position:relative; overflow:hidden; }
.coop-give::after { position:absolute; right:-210px; bottom:-290px; width:650px; height:650px; border-radius:50%; background:radial-gradient(circle,rgba(131,224,178,.13),transparent 66%); content:""; }
.coop-give__grid { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.coop-give__grid article { min-height:255px; padding:24px; border:1px solid rgba(255,255,255,.1); border-radius:17px; background:rgba(255,255,255,.035); }
.coop-give__grid span { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; color:#17191d; background:var(--coop-mint); font-size:7px; font-weight:900; }
.coop-give__grid h3 { margin:64px 0 11px; color:#fff; font-size:19px; }
.coop-give__grid p { margin:0; color:#92949f; font-size:8px; line-height:1.72; }
.coop-metrics { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:14px; padding:27px 29px; border:1px solid rgba(131,224,178,.18); border-radius:17px; background:rgba(131,224,178,.055); }
.coop-metrics > div { max-width:730px; }
.coop-metrics span { color:var(--coop-mint); font-size:6px; font-weight:900; letter-spacing:.14em; }
.coop-metrics h3 { margin:8px 0; color:#fff; font-size:20px; }
.coop-metrics p { margin:0; color:#989aa5; font-size:8px; line-height:1.65; }
.coop-metrics > a { display:inline-flex; align-items:center; gap:8px; padding:12px 15px; border-radius:9px; color:#171a1e; background:var(--coop-mint); font-size:7px; font-weight:850; white-space:nowrap; }
.coop-metrics svg { width:14px; height:14px; }
.coop-criteria__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.coop-criteria__grid article { min-height:230px; padding:23px; border:1px solid #e1e3e7; border-radius:17px; background:#fafbfd; }
.coop-criteria__grid i { display:grid; width:32px; height:32px; place-items:center; border-radius:10px; color:#347451; background:#dcf2e7; font-size:8px; font-style:normal; font-weight:900; }
.coop-criteria__grid h3 { margin:42px 0 10px; font-size:17px; }
.coop-criteria__grid p { margin:0; color:#7a7d89; font-size:8px; line-height:1.7; }
.coop-no { display:grid; grid-template-columns:205px 1fr; gap:28px; margin-top:13px; padding:22px 24px; border:1px solid #efdbd3; border-radius:14px; background:#fff5f1; }
.coop-no span { color:#a8573a; font-size:6px; font-weight:900; letter-spacing:.13em; }
.coop-no p { margin:0; color:#795e55; font-size:8px; line-height:1.65; }
.coop-process { background:#f0f1f4; }
.coop-proposal__grid { display:grid; grid-template-columns:.76fr 1.24fr; align-items:start; gap:70px; }
.coop-proposal__intro > h2 { margin:16px 0; font-size:46px; line-height:1.03; letter-spacing:-2.3px; }
.coop-proposal__intro > p { color:#7d808c; font-size:10px; line-height:1.75; }
.coop-proposal__intro > div { margin-top:30px; padding-top:25px; border-top:1px solid #e4e5e9; }
.coop-proposal__intro > div > b { font-size:9px; }
.coop-proposal__intro ol { display:grid; gap:12px; margin-top:16px; padding:0; list-style:none; counter-reset:coop-steps; }
.coop-proposal__intro li { display:flex; align-items:center; gap:10px; color:#666974; font-size:8px; counter-increment:coop-steps; }
.coop-proposal__intro li::before { display:grid; width:25px; height:25px; flex:0 0 auto; place-items:center; border-radius:8px; color:#6558e8; background:#eceaff; content:counter(coop-steps,decimal-leading-zero); font-size:6px; font-weight:900; }
.coop-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:27px; border:1px solid #dfe1e6; border-radius:20px; background:#f7f8fa; box-shadow:0 24px 60px rgba(35,37,49,.07); }
.coop-form[hidden] { display:none; }
.coop-form label { display:grid; gap:8px; }
.coop-form label > span { color:#555762; font-size:7px; font-weight:800; }
.coop-form input,.coop-form select,.coop-form textarea { width:100%; border:1px solid #dcdde3; border-radius:10px; outline:0; color:#2e3039; background:#fff; font:inherit; font-size:9px; }
.coop-form input,.coop-form select { height:45px; padding:0 13px; }
.coop-form textarea { min-height:130px; padding:13px; resize:vertical; line-height:1.6; }
.coop-form input:focus,.coop-form select:focus,.coop-form textarea:focus { border-color:#8b80ef; box-shadow:0 0 0 3px rgba(101,88,232,.09); }
.coop-form__wide { grid-column:1 / -1; }
.coop-form__consent { display:grid!important; grid-template-columns:18px 1fr; align-items:start; gap:9px!important; }
.coop-form__consent input { width:16px; height:16px; margin:1px 0 0; accent-color:#6558e8; }
.coop-form__consent span { color:#777a86!important; font-weight:500!important; line-height:1.55; }
.coop-form__consent a { color:#5e51d7; text-decoration:underline; text-underline-offset:2px; }
.coop-form > button { border:0; cursor:pointer; }
.coop-form__note { margin:-4px 0 0; color:#989aa5; font-size:7px; text-align:center; }
.coop-summary { grid-column:2; padding:29px; border:1px solid #cadfd4; border-radius:20px; background:#f1faf5; box-shadow:0 24px 60px rgba(35,37,49,.07); }
.coop-summary[hidden] { display:none; }
.coop-summary > div > span { color:#438260; font-size:6px; font-weight:900; letter-spacing:.14em; }
.coop-summary h3 { margin:10px 0 17px; font-size:23px; }
.coop-summary pre { margin:0 0 20px; padding:16px; overflow:auto; border:1px solid #d7e6de; border-radius:11px; color:#4f6559; background:#fff; font:8px/1.7 inherit; white-space:pre-wrap; }
.coop-summary > a { display:flex; justify-content:center; }
.coop-summary > button { width:100%; margin-top:9px; padding:10px; border:0; color:#68706c; background:transparent; cursor:pointer; font-size:7px; font-weight:800; }
.coop-final { background:linear-gradient(145deg,#1d2630,#101118 68%); }

@media (max-width:980px) {
  .coop-hero__grid { grid-template-columns:1fr 1fr; gap:25px; }
  .coop-scene { height:470px; }
  .coop-format-grid { grid-template-columns:1fr 1fr; }
  .coop-give__grid,.coop-criteria__grid { grid-template-columns:1fr 1fr; }
  .coop-proposal__grid { gap:40px; }
}

@media (max-width:760px) {
  .coop-hero { min-height:auto; padding-top:118px; }
  .coop-hero__grid { grid-template-columns:1fr; }
  .coop-scene { width:min(570px,100%); height:430px; justify-self:center; }
  .coop-manifest > div { grid-template-columns:1fr; gap:10px; padding-top:23px; padding-bottom:23px; }
  .coop-route__tabs { flex-wrap:wrap; }
  .coop-route__tabs button { flex:1 1 45%; }
  .coop-route__panel { grid-template-columns:1fr; }
  .coop-proposal__grid { grid-template-columns:1fr; }
  .coop-summary { grid-column:1; }
}

@media (max-width:520px) {
  .coop-hero h1 { font-size:48px; letter-spacing:-3px; }
  .coop-hero h1 em { letter-spacing:-2.3px; }
  .coop-hero__copy > p { font-size:11px; }
  .coop-scene { height:365px; }
  .coop-scene__core { width:135px; height:135px; }
  .coop-node { min-width:125px; padding:10px; }
  .coop-node > i { width:28px; height:28px; }
  .coop-node--media { top:7%; left:1%; }
  .coop-node--expert { top:9%; right:0; }
  .coop-node--service { right:1%; bottom:8%; }
  .coop-node--studio { bottom:6%; left:0; }
  .coop-format-grid,.coop-give__grid,.coop-criteria__grid { grid-template-columns:1fr; }
  .coop-format-grid article { min-height:270px; }
  .coop-route__tabs { display:grid; grid-template-columns:1fr 1fr; }
  .coop-route__panel > div { padding:29px 23px; }
  .coop-route__panel h3 { font-size:24px; }
  .coop-route__panel ol { padding:20px; }
  .coop-metrics { align-items:flex-start; flex-direction:column; }
  .coop-no { grid-template-columns:1fr; gap:10px; }
  .coop-proposal__intro > h2 { font-size:36px; letter-spacing:-1.8px; }
  .coop-form { grid-template-columns:1fr; padding:19px; }
  .coop-form > * { grid-column:1; }
}

/* Shopboard Store Launch Guide */
.launch-guide-page { --article-accent:#68cf9f; --article-purple:#776aec; }
.launch-guide-hero .lead-article-hero__glow { right:-60px; background:radial-gradient(circle,rgba(83,189,139,.27),rgba(119,106,236,.11) 44%,transparent 70%); }
.launch-guide-hero h1 em { color:#98e2bd; }
.launch-guide-hero .lead-article-meta > span { color:#82d8ac; }
.launch-guide-hero .lead-article-author > i { background:linear-gradient(135deg,#6558e8,#65c998); }
.launch-guide-progress i { background:linear-gradient(90deg,#6558e8,#69d0a0); }
.launch-guide-phases > div:last-child b { color:#9ae3be; }
.launch-guide-content a.launch-text-link { color:#5e51d6; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.launch-minimum { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:27px 0; }
.launch-minimum article { display:grid; gap:8px; padding:19px; border:1px solid #e2e3e8; border-radius:15px; background:#fafbfd; }
.launch-minimum span { display:grid; width:29px; height:29px; place-items:center; border-radius:9px; color:#28704e; background:#def3e8; font-size:7px; font-weight:900; }
.launch-minimum b { margin-top:19px; font-size:11px; }
.launch-minimum p { margin:0; color:#7a7d89; font-size:8px; line-height:1.55; }
.launch-note { border-color:#cde5d8; background:#f0faf5; }
.launch-note > i { background:#57b986; }
.launch-note p { color:#557061; }
.launch-ui { margin:28px 0; overflow:hidden; border:1px solid #dcdee4; border-radius:20px; background:#f7f8fa; box-shadow:0 20px 48px rgba(35,37,49,.07); }
.launch-ui > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 18px; border-bottom:1px solid #e1e2e7; color:#8b8e99; background:#fff; }
.launch-ui > header span { font-size:6px; font-weight:900; letter-spacing:.12em; }
.launch-ui > header b { color:#30313a; font-size:8px; }
.launch-ui--settings > div { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:18px; }
.launch-ui--settings label { display:grid; gap:6px; padding:12px; border:1px solid #e2e3e8; border-radius:10px; background:#fff; }
.launch-ui--settings small { color:#999ba5; font-size:6px; }
.launch-ui--settings strong { font-size:8px; }
.launch-ui > footer { display:flex; align-items:center; gap:8px; padding:14px 18px; border-top:1px solid #e2e3e8; color:#858793; background:#fff; font-size:7px; }
.launch-ui > footer > i { width:6px; height:6px; border-radius:50%; background:#e5a05d; }
.launch-ui > footer > i.is-ready { background:#5abe89; }
.launch-ui > footer > b { margin-left:auto; padding:8px 11px; border-radius:8px; color:#fff; background:#6558e8; font-size:6px; }
.launch-product { display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:14px; padding:20px; }
.launch-product > i { display:grid; width:61px; height:61px; place-items:center; border-radius:15px; background:#ebe9ff; font-size:28px; font-style:normal; }
.launch-product > span { display:grid; gap:5px; }
.launch-product small { color:#999ba5; font-size:6px; font-weight:850; letter-spacing:.1em; }
.launch-product b { font-size:11px; }
.launch-product em { color:#8b8d98; font-size:7px; font-style:normal; }
.launch-product > strong { font-size:14px; }
.launch-order-flow { display:flex; align-items:center; justify-content:space-between; gap:9px; padding:24px 18px; }
.launch-order-flow > span { display:grid; flex:1; gap:5px; padding:16px; border:1px solid #e0e2e7; border-radius:12px; background:#fff; }
.launch-order-flow span i { color:#6558e8; font-size:6px; font-style:normal; font-weight:900; }
.launch-order-flow span b { font-size:10px; }
.launch-order-flow span small { color:#8c8f9a; font-size:7px; }
.launch-order-flow > em { color:#9b9da7; font-size:14px; font-style:normal; }
.launch-status > div:first-child { border-color:#cfe6da; background:#f2faf6; }
.launch-status > div:first-child p::before { background:#55b984; }
.launch-status > div:last-child { border-color:#ead8cc; background:#fff7f2; }
.launch-status > div:last-child p::before { background:#dc8b58; }
.launch-production-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:27px 0; }
.launch-production-grid article { min-height:230px; padding:21px; border:1px solid #e1e2e7; border-radius:16px; background:#fafbfd; }
.launch-production-grid article > span { color:#6558e8; font-size:7px; font-weight:900; }
.launch-production-grid h3 { margin:41px 0 9px; font-size:18px; }
.launch-production-grid p { min-height:58px; margin:0; color:#7a7d89; font-size:8px; line-height:1.65; }
.launch-production-grid a { display:inline-block; margin-top:15px; color:#5d51ce; font-size:7px; font-weight:850; }
.launch-warning { border-color:#efd8cc; background:#fff6f1; }
.launch-warning > i { background:#e68b5d; }
.launch-warning p { color:#765f55; }
.launch-checklist footer { align-items:center; }
.launch-checklist footer > button { margin-left:auto; padding:7px 9px; border:1px solid #dedfe5; border-radius:7px; color:#777985; background:#fff; cursor:pointer; font-size:6px; font-weight:800; }
.launch-checklist footer > button:hover { border-color:#3c3d47; color:#fff; background:#3c3d47; }
.launch-guide-summary { background:linear-gradient(145deg,#1d2c27,#171820 72%); }
.launch-guide-summary > span { color:#87dcb0; }

@media (max-width:760px) {
  .launch-minimum { grid-template-columns:1fr; }
  .launch-minimum b { margin-top:7px; }
  .launch-production-grid { grid-template-columns:1fr; }
  .launch-production-grid article { min-height:205px; }
}

@media (max-width:520px) {
  .launch-ui--settings > div { grid-template-columns:1fr; }
  .launch-product { grid-template-columns:55px 1fr; }
  .launch-product > i { width:52px; height:52px; font-size:24px; }
  .launch-product > strong { grid-column:2; }
  .launch-order-flow { align-items:stretch; flex-direction:column; }
  .launch-order-flow > span { width:100%; }
  .launch-order-flow > em { align-self:center; transform:rotate(90deg); }
  .launch-checklist footer { align-items:flex-start; flex-wrap:wrap; }
  .launch-checklist footer > button { width:100%; margin:6px 0 0; }
}

/* Shopboard Product Button Guide */
.product-button-guide-page { --article-accent:#79d9b0; --article-purple:#7164e9; }
.product-button-guide-hero .lead-article-hero__glow { right:-20px; background:radial-gradient(circle,rgba(113,100,233,.28),rgba(121,217,176,.12) 45%,transparent 70%); }
.product-button-guide-hero h1 em { color:#9ce3c4; }
.product-button-guide-hero .lead-article-meta > span { color:#86ddb7; }
.product-button-guide-hero .lead-article-author > i { background:linear-gradient(135deg,#7164e9,#61c994); }
.product-button-guide-progress i { background:linear-gradient(90deg,#7164e9,#6dd3a3); }
.product-button-flow > div:last-child b { color:#9ce3c4; }
.product-button-guide-content a.product-button-text-link { color:#5e51d6; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.product-button-current { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:28px 0 20px; }
.product-button-current article { min-height:190px; padding:20px; border:1px solid #e2e3e8; border-radius:16px; background:#fafbfd; }
.product-button-current span { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; color:#4d42b0; background:#ebe8ff; font-size:7px; font-weight:900; }
.product-button-current b { display:block; margin:44px 0 9px; font-size:12px; line-height:1.3; }
.product-button-current p { margin:0; color:#7c7f8b; font-size:8px; line-height:1.65; }
.product-button-state-table { overflow:hidden; margin-top:27px; border:1px solid #dfe1e6; border-radius:18px; }
.product-button-state-table header,.product-button-state-table > p { display:grid; grid-template-columns:1.05fr 1.1fr .75fr; gap:18px; align-items:center; padding:16px 19px; }
.product-button-state-table header { color:#92949f; background:#f3f4f7; font-size:7px; font-weight:900; letter-spacing:.08em; }
.product-button-state-table > p { margin:0; border-top:1px solid #e7e8ec; font-size:8px; line-height:1.55; }
.product-button-state-table > p b { font-size:9px; }
.product-button-state-table > p span { color:#6f727e; }
.product-button-state-table > p em { display:inline-flex; justify-self:start; padding:6px 8px; border-radius:999px; color:#9a5c45; background:#fff0e9; font-size:6px; font-style:normal; font-weight:850; }
.product-button-state-table > p em.is-ready { color:#357656; background:#e7f7ef; }
.product-button-warning { border-color:#efd9ce; background:#fff6f1; }
.product-button-warning > i { background:#e88d60; }
.product-button-warning p { color:#765f55; }
.product-button-lab { margin:29px 0; overflow:hidden; border:1px solid #dcdde4; border-radius:22px; background:#f5f6f8; box-shadow:0 24px 58px rgba(32,34,46,.09); }
.product-button-lab > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 20px; border-bottom:1px solid #e0e1e6; background:#fff; }
.product-button-lab > header > div { display:grid; gap:4px; }
.product-button-lab > header span { color:#9395a0; font-size:6px; font-weight:900; letter-spacing:.14em; }
.product-button-lab > header b { font-size:9px; }
.product-button-lab > header em { padding:7px 9px; border-radius:999px; color:#8b653d; background:#fff1dd; font-size:6px; font-style:normal; font-weight:850; }
.product-button-lab__tabs { display:flex; gap:6px; padding:10px 12px; border-bottom:1px solid #e0e1e6; background:#eeeff3; }
.product-button-lab__tabs button { flex:1; padding:10px 8px; border:0; border-radius:9px; color:#737682; background:transparent; cursor:pointer; font-size:7px; font-weight:800; }
.product-button-lab__tabs button:hover { color:#353640; background:rgba(255,255,255,.75); }
.product-button-lab__tabs button.is-active { color:#fff; background:#282933; box-shadow:0 8px 18px rgba(34,35,46,.15); }
.product-button-lab__body { display:grid; grid-template-columns:1.18fr .82fr; min-height:365px; }
.product-button-lab__card { display:grid; grid-template-columns:150px 1fr; align-content:center; gap:22px; padding:29px; background:#fff; }
.product-button-lab__visual { position:relative; display:grid; width:150px; height:168px; place-items:center; overflow:hidden; border-radius:20px; background:linear-gradient(145deg,#eeecff,#ddd9ff); }
.product-button-lab__visual::after { position:absolute; right:-28px; bottom:-38px; width:115px; height:115px; border-radius:50%; background:rgba(255,255,255,.42); content:""; }
.product-button-lab__visual > span { position:relative; z-index:1; font-size:66px; filter:drop-shadow(0 14px 13px rgba(42,39,70,.14)); }
.product-button-lab__visual > small { position:absolute; z-index:2; top:11px; left:11px; padding:5px 7px; border-radius:7px; background:rgba(255,255,255,.83); font-size:5px; font-weight:900; letter-spacing:.1em; }
.product-button-lab__product { display:grid; align-content:center; gap:7px; }
.product-button-lab__product h3 { margin:0; font-size:17px; line-height:1.15; }
.product-button-lab__product p { margin:0; color:#92949f; font-size:7px; }
.product-button-lab__product strong { margin-top:13px; font-size:20px; }
.product-button-lab__product > small { color:#3f8b65; font-size:7px; font-weight:750; }
.product-button-lab[data-stock="low"] .product-button-lab__product > small { color:#bd704b; }
.product-button-lab[data-stock="none"] .product-button-lab__product > small { color:#92949f; }
.product-button-lab__controls { grid-column:1 / -1; display:flex; justify-content:flex-end; gap:8px; }
.product-button-lab__qty { display:flex; height:42px; align-items:center; gap:2px; padding:4px; border:1px solid #dfe0e5; border-radius:11px; background:#fff; }
.product-button-lab__qty button { display:grid; width:31px; height:31px; place-items:center; border:0; border-radius:8px; color:#5f6270; background:#f2f2f5; cursor:pointer; font-size:14px; }
.product-button-lab__qty button:hover { color:#fff; background:#7164e9; }
.product-button-lab__qty button:disabled { color:#a5a7b0; background:#f0f1f3; cursor:not-allowed; }
.product-button-lab__qty b { min-width:25px; text-align:center; font-size:9px; }
.product-button-lab__buy { min-width:160px; height:42px; padding:0 19px; border:0; border-radius:11px; color:#fff; background:#7164e9; cursor:pointer; font-size:8px; font-weight:850; }
.product-button-lab__buy:hover { background:#5e51d6; transform:translateY(-1px); }
.product-button-lab__buy:disabled { color:#8b8d97; background:#dfe0e5; cursor:not-allowed; transform:none; }
.product-button-lab[data-mode="classic"] .product-button-lab__qty { display:none; }
.product-button-lab[data-mode="combined"] .product-button-lab__controls { display:grid; grid-template-columns:114px minmax(150px,200px); justify-content:end; }
.product-button-lab[data-mode="combined"] .product-button-lab__qty { z-index:2; margin-right:-18px; border-color:#7164e9; border-radius:11px 0 0 11px; }
.product-button-lab[data-mode="combined"] .product-button-lab__buy { min-width:0; border-radius:0 11px 11px 0; }
.product-button-lab[data-mode="separate"] .product-button-lab__controls { justify-content:space-between; }
.product-button-lab__settings { display:grid; align-content:center; gap:13px; padding:27px; border-left:1px solid #e0e1e6; background:#f6f7f9; }
.product-button-lab__settings label { display:grid; gap:8px; }
.product-button-lab__settings label > span { color:#6d707c; font-size:7px; font-weight:850; }
.product-button-lab__settings input,.product-button-lab__settings select { width:100%; height:43px; padding:0 12px; border:1px solid #dcdde3; border-radius:10px; outline:0; color:#30313a; background:#fff; font:inherit; font-size:9px; }
.product-button-lab__settings input:focus,.product-button-lab__settings select:focus { border-color:#958bf0; box-shadow:0 0 0 3px rgba(113,100,233,.1); }
.product-button-lab > footer { display:flex; align-items:center; gap:9px; min-height:50px; padding:13px 18px; border-top:1px solid #e0e1e6; color:#797c88; background:#fff; font-size:7px; line-height:1.5; }
.product-button-lab > footer i { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#6dce9e; }
.product-button-mode-notes > div:last-child { border-color:#cfe8dc; background:#f2faf6; }
.product-button-mode-notes > div:last-child p::before { background:#59b986; }
.product-button-copy-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:27px; }
.product-button-copy-grid article { min-height:190px; padding:21px; border:1px solid #e1e2e7; border-radius:16px; background:#fafbfd; }
.product-button-copy-grid span { color:#7770c8; font-size:6px; font-weight:900; letter-spacing:.12em; }
.product-button-copy-grid b { display:block; margin:42px 0 10px; font-size:17px; }
.product-button-copy-grid p { margin:0; color:#7a7d89; font-size:8px; line-height:1.65; }
.product-button-note { border-color:#cde8da; background:#f1faf5; }
.product-button-note > i { background:#59b986; }
.product-button-note p { color:#557061; }
.product-button-feedback { display:grid; grid-template-columns:1fr auto; align-items:center; gap:9px 20px; margin:8px 0 40px; padding:22px 24px; border:1px solid #dfe1e6; border-radius:17px; background:#fafbfd; }
.product-button-feedback > span { color:#878a96; font-size:7px; font-weight:900; letter-spacing:.12em; }
.product-button-feedback > div { display:flex; gap:7px; grid-row:1 / 3; grid-column:2; }
.product-button-feedback button { min-width:74px; padding:10px 12px; border:1px solid #dddfe4; border-radius:9px; color:#555762; background:#fff; cursor:pointer; font-size:7px; font-weight:850; }
.product-button-feedback button:hover,.product-button-feedback button.is-active { border-color:#282933; color:#fff; background:#282933; }
.product-button-feedback p { margin:0; color:#999ba5; font-size:7px; }
.product-button-guide-summary { background:linear-gradient(145deg,#1c2d27,#171820 72%); }
.product-button-guide-summary > span { color:#8adfb5; }

@media (max-width:760px) {
  .product-button-current { grid-template-columns:1fr; }
  .product-button-current article { min-height:155px; }
  .product-button-current b { margin-top:25px; }
  .product-button-lab__body { grid-template-columns:1fr; }
  .product-button-lab__settings { grid-template-columns:1fr 1fr; border-top:1px solid #e0e1e6; border-left:0; }
}

@media (max-width:520px) {
  .product-button-state-table { overflow-x:auto; }
  .product-button-state-table header,.product-button-state-table > p { min-width:650px; }
  .product-button-lab > header { align-items:flex-start; flex-direction:column; }
  .product-button-lab__tabs { overflow-x:auto; }
  .product-button-lab__tabs button { min-width:120px; }
  .product-button-lab__card { grid-template-columns:105px 1fr; gap:15px; padding:19px; }
  .product-button-lab__visual { width:105px; height:128px; border-radius:16px; }
  .product-button-lab__visual > span { font-size:48px; }
  .product-button-lab__product h3 { font-size:14px; }
  .product-button-lab__product strong { font-size:17px; }
  .product-button-lab__controls,.product-button-lab[data-mode="combined"] .product-button-lab__controls { display:grid; grid-template-columns:1fr 1.25fr; }
  .product-button-lab[data-mode="classic"] .product-button-lab__controls { grid-template-columns:1fr; }
  .product-button-lab[data-mode="separate"] .product-button-lab__controls { justify-content:stretch; }
  .product-button-lab__buy { min-width:0; }
  .product-button-lab__settings { grid-template-columns:1fr; padding:21px; }
  .product-button-copy-grid { grid-template-columns:1fr; }
  .product-button-copy-grid article { min-height:170px; }
  .product-button-feedback { grid-template-columns:1fr; }
  .product-button-feedback > div { grid-row:auto; grid-column:auto; }
}

/* Shopboard Add Product Guide */
.add-product-guide-page { --article-accent:#ff9b72; --article-purple:#7467eb; }
.add-product-guide-hero .lead-article-hero__glow { right:-35px; background:radial-gradient(circle,rgba(255,139,101,.24),rgba(116,103,235,.14) 46%,transparent 70%); }
.add-product-guide-hero h1 em { color:#ffc2a9; }
.add-product-guide-hero .lead-article-meta > span { color:#f7a17f; }
.add-product-guide-hero .lead-article-author > i { background:linear-gradient(135deg,#7467eb,#ff946c); }
.add-product-guide-progress i { background:linear-gradient(90deg,#7467eb,#ff9169); }
.add-product-flow > div:last-child b { color:#ffc2a9; }
.add-product-guide-content a.add-product-text-link { color:#5e51d6; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.add-product-minimum { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:27px 0; }
.add-product-minimum article { min-height:185px; padding:20px; border:1px solid #e2e3e8; border-radius:16px; background:#fafbfd; }
.add-product-minimum span { color:#d97751; font-size:6px; font-weight:900; letter-spacing:.12em; }
.add-product-minimum b { display:block; margin:48px 0 9px; font-size:12px; line-height:1.3; }
.add-product-minimum p { margin:0; color:#7c7f8b; font-size:8px; line-height:1.65; }
.add-product-access { border-color:#dbd8f7; background:#f6f5ff; }
.add-product-access > i { background:#7467eb; }
.add-product-access p { color:#68647f; }
.add-product-ui { margin:27px 0; overflow:hidden; border:1px solid #dddfe5; border-radius:18px; background:#f5f6f8; box-shadow:0 18px 45px rgba(35,37,49,.07); }
.add-product-ui > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px 19px; border-bottom:1px solid #e0e1e6; background:#fff; }
.add-product-ui > header span { color:#92949f; font-size:6px; font-weight:900; letter-spacing:.13em; }
.add-product-ui > header b { font-size:8px; }
.add-product-ui > div { display:flex; align-items:center; gap:9px; padding:25px 20px; }
.add-product-ui > div > span,.add-product-ui > div > em { height:39px; padding:0 14px; border:1px solid #dfe0e5; border-radius:9px; color:#999ba5; background:#fff; font-size:7px; font-style:normal; line-height:39px; }
.add-product-ui > div > span { flex:1; }
.add-product-ui > div > button { height:39px; margin-left:auto; padding:0 14px; border:0; border-radius:9px; color:#fff; background:#6558e8; font-size:7px; font-weight:850; }
.add-product-ui > footer { display:flex; align-items:center; gap:8px; padding:14px 19px; border-top:1px solid #e0e1e6; color:#858793; background:#fff; font-size:7px; }
.add-product-ui > footer i { width:6px; height:6px; border-radius:50%; background:#ff946c; }
.add-product-field-table { overflow:hidden; margin-top:27px; border:1px solid #dfe1e6; border-radius:18px; }
.add-product-field-table header,.add-product-field-table > p { display:grid; grid-template-columns:.7fr 1fr 1.05fr; gap:18px; align-items:center; padding:15px 19px; }
.add-product-field-table header { color:#92949f; background:#f3f4f7; font-size:7px; font-weight:900; letter-spacing:.08em; }
.add-product-field-table > p { margin:0; border-top:1px solid #e7e8ec; font-size:8px; line-height:1.55; }
.add-product-field-table > p b { font-size:9px; }
.add-product-field-table > p span { color:#555864; }
.add-product-field-table > p em { color:#858894; font-size:7px; font-style:normal; }
.add-product-note { border-color:#cfe7da; background:#f1faf5; }
.add-product-note > i { background:#5bbb88; }
.add-product-note p { color:#557061; }
.add-product-image-guide { display:grid; grid-template-columns:240px 1fr; gap:26px; margin:27px 0; padding:25px; border:1px solid #e0e1e6; border-radius:19px; background:#f8f8fb; }
.add-product-image-guide__visual { position:relative; display:grid; min-height:240px; place-items:center; overflow:hidden; border-radius:19px; background:linear-gradient(145deg,#eeecff,#dedaff); }
.add-product-image-guide__visual::after { position:absolute; right:-45px; bottom:-55px; width:175px; height:175px; border-radius:50%; background:rgba(255,255,255,.42); content:""; }
.add-product-image-guide__visual span { position:relative; z-index:1; font-size:88px; filter:drop-shadow(0 18px 16px rgba(42,39,70,.14)); }
.add-product-image-guide__visual small { position:absolute; z-index:2; top:14px; left:14px; padding:6px 8px; border-radius:8px; color:#6359ae; background:rgba(255,255,255,.8); font-size:5px; font-weight:900; letter-spacing:.11em; }
.add-product-image-guide > div:last-child { display:grid; align-content:center; }
.add-product-image-guide article { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:12px; padding:17px 0; border-bottom:1px solid #e2e3e8; }
.add-product-image-guide article:last-child { border-bottom:0; }
.add-product-image-guide article i { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; color:#6558e8; background:#eceaff; font-size:6px; font-style:normal; font-weight:900; }
.add-product-image-guide article span { display:grid; gap:5px; }
.add-product-image-guide article b { font-size:10px; }
.add-product-image-guide article small { color:#858894; font-size:7px; line-height:1.5; }
.add-product-visibility { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:27px 0; }
.add-product-visibility article { display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px 15px; min-height:220px; padding:22px; border:1px solid #dbe4df; border-radius:17px; background:#f4faf7; }
.add-product-visibility article:last-child { border-color:#eaded8; background:#fff7f3; }
.add-product-visibility span { color:#858894; font-size:7px; }
.add-product-visibility b { justify-self:end; font-size:10px; }
.add-product-visibility small { grid-column:1 / -1; color:#b0b2bb; font-size:13px; text-align:center; }
.add-product-visibility em { grid-column:1 / -1; padding-top:14px; border-top:1px solid #d8e6df; color:#36815c; font-size:8px; font-style:normal; font-weight:900; text-align:center; }
.add-product-visibility article:last-child em { border-color:#eddcd4; color:#aa6045; }
.add-product-warning { border-color:#efd9cf; background:#fff6f2; }
.add-product-warning > i { background:#e88d61; }
.add-product-warning p { color:#765f55; }
.add-product-demo { margin-top:29px; overflow:hidden; border:1px solid #dcdde4; border-radius:22px; background:#f5f6f8; box-shadow:0 24px 58px rgba(32,34,46,.09); }
.add-product-demo > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 20px; border-bottom:1px solid #e0e1e6; background:#fff; }
.add-product-demo > header > div { display:grid; gap:4px; }
.add-product-demo > header span { color:#9395a0; font-size:6px; font-weight:900; letter-spacing:.13em; }
.add-product-demo > header b { font-size:8px; }
.add-product-demo > header strong { padding:7px 10px; border-radius:999px; color:#347957; background:#e7f7ef; font-size:6px; }
.add-product-demo[data-state="hidden"] > header strong { color:#9d614a; background:#fff0e9; }
.add-product-demo[data-state="incomplete"] > header strong { color:#8e6a37; background:#fff2dd; }
.add-product-demo__body { display:grid; grid-template-columns:1.15fr .85fr; }
.add-product-demo__form { display:grid; grid-template-columns:1fr 1fr; align-content:start; gap:12px; padding:22px; }
.add-product-demo__form label { display:grid; gap:7px; }
.add-product-demo__form label > span { color:#656874; font-size:7px; font-weight:800; }
.add-product-demo__form .is-wide { grid-column:1 / -1; }
.add-product-demo__form input,.add-product-demo__form textarea { width:100%; border:1px solid #dcdde3; border-radius:9px; outline:0; color:#30313a; background:#fff; font:inherit; font-size:8px; }
.add-product-demo__form input { height:40px; padding:0 11px; }
.add-product-demo__form textarea { min-height:78px; padding:11px; resize:vertical; line-height:1.55; }
.add-product-demo__form input:focus,.add-product-demo__form textarea:focus { border-color:#988ef0; box-shadow:0 0 0 3px rgba(116,103,235,.09); }
.add-product-demo__switch { position:relative; }
.add-product-demo__switch > input { position:absolute; top:0; left:0; width:1px; height:1px; opacity:0; pointer-events:none; }
.add-product-demo__switch > span { display:flex; align-items:center; gap:9px; cursor:pointer; }
.add-product-demo__switch > span i { position:relative; width:34px; height:19px; flex:0 0 auto; border-radius:999px; background:#cfd1d8; transition:.2s ease; }
.add-product-demo__switch > span i::after { position:absolute; top:3px; left:3px; width:13px; height:13px; border-radius:50%; background:#fff; content:""; transition:.2s ease; }
.add-product-demo__switch > input:checked + span i { background:#6558e8; }
.add-product-demo__switch > input:checked + span i::after { transform:translateX(15px); }
.add-product-demo__switch > span b { font-size:8px; }
.add-product-demo__preview { display:grid; align-content:center; margin:22px 22px 22px 0; padding:22px; border:1px solid #dedfe5; border-radius:17px; background:#fff; box-shadow:0 15px 38px rgba(35,37,49,.07); }
.add-product-demo__preview > div { position:relative; display:grid; aspect-ratio:1.55 / 1; place-items:center; overflow:hidden; border-radius:15px; background:linear-gradient(145deg,#eeecff,#ddd9ff); }
.add-product-demo__preview > div::after { position:absolute; right:-35px; bottom:-45px; width:125px; height:125px; border-radius:50%; background:rgba(255,255,255,.42); content:""; }
.add-product-demo__preview > div > span { position:relative; z-index:1; font-size:60px; }
.add-product-demo__preview > div > small { position:absolute; z-index:2; top:10px; left:10px; padding:5px 7px; border-radius:7px; background:rgba(255,255,255,.82); font-size:5px; font-weight:900; }
.add-product-demo__preview > em { justify-self:start; margin-top:15px; padding:5px 7px; border-radius:999px; color:#367b58; background:#e6f7ee; font-size:5px; font-style:normal; font-weight:900; letter-spacing:.07em; }
.add-product-demo__preview.is-hidden > em { color:#9d614a; background:#fff0e9; }
.add-product-demo__preview.is-incomplete > em { color:#8e6a37; background:#fff2dd; }
.add-product-demo__preview h3 { margin:12px 0 5px; font-size:15px; line-height:1.15; }
.add-product-demo__preview > p { min-height:34px; margin:0; color:#858894; font-size:7px; line-height:1.55; }
.add-product-demo__preview > small { margin-top:8px; color:#a0a2ac; font-size:6px; }
.add-product-demo__preview > strong { margin-top:12px; font-size:18px; }
.add-product-demo__preview > footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; padding-top:13px; border-top:1px solid #e5e6ea; }
.add-product-demo__preview > footer span { color:#3d865f; font-size:7px; font-weight:750; }
.add-product-demo__preview > footer button { display:grid; width:34px; height:34px; place-items:center; border:0; border-radius:10px; color:#fff; background:#6558e8; font-size:12px; }
.add-product-demo__preview.is-hidden > footer button,.add-product-demo__preview.is-incomplete > footer button { color:#8d8f98; background:#dedfe4; }
.add-product-demo > footer { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:53px; padding:13px 19px; border-top:1px solid #e0e1e6; color:#757884; background:#fff; font-size:7px; line-height:1.5; }
.add-product-demo > footer button { flex:0 0 auto; padding:8px 10px; border:1px solid #dddfe4; border-radius:8px; color:#666975; background:#fff; cursor:pointer; font-size:6px; font-weight:850; }
.add-product-demo > footer button:hover { border-color:#282933; color:#fff; background:#282933; }
.add-product-limits > div:last-child { border-color:#efdcd3; background:#fff7f3; }
.add-product-limits > div:last-child p::before { background:#e88d61; }
.add-product-guide-summary { background:linear-gradient(145deg,#30231f,#171820 72%); }
.add-product-guide-summary > span { color:#ffad8d; }

@media (max-width:760px) {
  .add-product-minimum { grid-template-columns:1fr; }
  .add-product-minimum article { min-height:150px; }
  .add-product-minimum b { margin-top:28px; }
  .add-product-demo__body { grid-template-columns:1fr; }
  .add-product-demo__preview { margin:0 22px 22px; }
}

@media (max-width:520px) {
  .add-product-ui > div { align-items:stretch; flex-direction:column; }
  .add-product-ui > div > button { margin-left:0; }
  .add-product-field-table { overflow-x:auto; }
  .add-product-field-table header,.add-product-field-table > p { min-width:620px; }
  .add-product-image-guide { grid-template-columns:1fr; padding:18px; }
  .add-product-image-guide__visual { min-height:210px; }
  .add-product-visibility { grid-template-columns:1fr; }
  .add-product-demo > header { align-items:flex-start; flex-direction:column; }
  .add-product-demo__form { grid-template-columns:1fr; padding:18px; }
  .add-product-demo__form .is-wide { grid-column:1; }
  .add-product-demo__preview { margin:0 18px 18px; }
  .add-product-demo > footer { align-items:flex-start; flex-direction:column; }
}

/* Shopboard Help Article Index */
.help-articles-section { padding:0 0 90px; background:#f6f6f8; }
.help-article-list { overflow:hidden; border:1px solid #e0e1e6; border-radius:19px; background:#fff; box-shadow:0 18px 48px rgba(34,36,49,.06); }
.help-article-list > a { display:grid; min-height:92px; grid-template-columns:42px 1fr auto; align-items:center; gap:18px; padding:18px 22px; border-bottom:1px solid #e7e8ec; transition:background .18s ease; }
.help-article-list > a:last-child { border-bottom:0; }
.help-article-list > a:hover { background:#f8f7ff; }
.help-article-list > a > span { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#6558e8; background:#edebff; font-size:7px; font-weight:900; }
.help-article-list > a > div { display:grid; gap:5px; }
.help-article-list b { font-size:12px; }
.help-article-list p { margin:0; color:#828590; font-size:8px; line-height:1.5; }
.help-article-list small { color:#6558e8; font-size:7px; font-weight:850; }

/* Shopboard Category Guide */
.category-guide-page { --article-accent:#71c8ee; --article-purple:#7164e9; }
.category-guide-hero .lead-article-hero__glow { right:-30px; background:radial-gradient(circle,rgba(77,167,221,.25),rgba(113,100,233,.13) 46%,transparent 70%); }
.category-guide-hero h1 em { color:#9dd9f2; }
.category-guide-hero .lead-article-meta > span { color:#82ceed; }
.category-guide-hero .lead-article-author > i { background:linear-gradient(135deg,#7164e9,#63c0e8); }
.category-guide-progress i { background:linear-gradient(90deg,#7164e9,#63bfe8); }
.category-guide-flow > div:last-child b { color:#9dd9f2; }
.category-guide-content a.category-text-link { color:#5e51d6; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.category-model { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:10px; margin:28px 0; }
.category-model article { min-height:185px; padding:20px; border:1px solid #e0e2e7; border-radius:16px; background:#fafbfd; }
.category-model article span { display:grid; width:29px; height:29px; place-items:center; border-radius:9px; color:#387ba2; background:#e3f4fc; font-size:7px; font-weight:900; }
.category-model article b { display:block; margin:40px 0 8px; font-size:11px; }
.category-model article p { margin:0; color:#7d808c; font-size:8px; line-height:1.6; }
.category-model > i { color:#aaaeba; font-size:15px; font-style:normal; }
.category-guide-note { border-color:#cfe5ef; background:#f0f9fd; }
.category-guide-note > i { background:#5bb5df; }
.category-guide-note p { color:#526f7d; }
.category-field-demo { margin:27px 0; overflow:hidden; border:1px solid #dddfe5; border-radius:18px; background:#f5f6f8; box-shadow:0 18px 45px rgba(35,37,49,.07); }
.category-field-demo > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px 19px; border-bottom:1px solid #e0e1e6; background:#fff; }
.category-field-demo > header span { color:#92949f; font-size:6px; font-weight:900; letter-spacing:.13em; }
.category-field-demo > header b { font-size:8px; }
.category-field-demo > label { display:grid; gap:7px; margin:25px; padding:15px; border:1px solid #dcdde3; border-radius:11px; background:#fff; }
.category-field-demo > label small { color:#777a86; font-size:6px; font-weight:900; }
.category-field-demo > label strong { font-size:11px; }
.category-field-demo > label em { color:#999ba5; font-size:7px; font-style:normal; }
.category-field-demo > footer { display:flex; align-items:center; gap:8px; padding:14px 19px; border-top:1px solid #e0e1e6; color:#858793; background:#fff; font-size:7px; }
.category-field-demo > footer i { width:6px; height:6px; border-radius:50%; background:#64bfe7; }
.category-field-demo > footer b { margin-left:auto; padding:8px 11px; border-radius:8px; color:#fff; background:#6558e8; font-size:6px; }
.category-visibility-table { overflow:hidden; margin:27px 0; border:1px solid #dfe1e6; border-radius:18px; }
.category-visibility-table header,.category-visibility-table > p { display:grid; grid-template-columns:1.35fr .65fr .8fr; gap:18px; align-items:center; padding:16px 19px; }
.category-visibility-table header { color:#92949f; background:#f3f4f7; font-size:7px; font-weight:900; letter-spacing:.08em; }
.category-visibility-table > p { margin:0; border-top:1px solid #e7e8ec; font-size:8px; }
.category-visibility-table > p b { font-size:9px; }
.category-visibility-table > p span,.category-visibility-table > p em { justify-self:start; padding:5px 8px; border-radius:999px; color:#9c624c; background:#fff0e9; font-size:6px; font-style:normal; font-weight:850; }
.category-visibility-table > p .is-yes { color:#347957; background:#e7f7ef; }
.category-rename-flow { display:grid; grid-template-columns:1fr auto 1.25fr auto 1fr; align-items:center; gap:10px; margin:27px 0; }
.category-rename-flow > div { display:grid; min-height:145px; align-content:center; gap:8px; padding:19px; border:1px solid #e0e2e7; border-radius:15px; background:#fafbfd; text-align:center; }
.category-rename-flow > div:nth-of-type(2) { border-color:#dcd9fa; background:#f6f5ff; }
.category-rename-flow span { color:#9597a2; font-size:6px; font-weight:900; letter-spacing:.11em; }
.category-rename-flow b { font-size:11px; }
.category-rename-flow small { color:#898c98; font-size:7px; }
.category-rename-flow > i { color:#aaacb6; font-size:15px; font-style:normal; }
.category-guide-warning { border-color:#efd9cf; background:#fff6f2; }
.category-guide-warning > i { background:#e88d61; }
.category-guide-warning p { color:#765f55; }
.category-remove-options > div:last-child { border-color:#efdcd3; background:#fff7f3; }
.category-remove-options > div:last-child p::before { background:#e88d61; }
.category-lab { margin-top:29px; overflow:hidden; border:1px solid #dcdde4; border-radius:22px; background:#f5f6f8; box-shadow:0 24px 58px rgba(32,34,46,.09); }
.category-lab > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 20px; border-bottom:1px solid #e0e1e6; background:#fff; }
.category-lab > header > div { display:grid; gap:4px; }
.category-lab > header span { color:#9395a0; font-size:6px; font-weight:900; letter-spacing:.13em; }
.category-lab > header b { font-size:8px; }
.category-lab > header strong { padding:7px 10px; border-radius:999px; color:#377a99; background:#e4f4fb; font-size:6px; }
.category-lab__filters { display:flex; gap:6px; padding:10px 12px; overflow-x:auto; border-bottom:1px solid #e0e1e6; background:#eceef2; }
.category-lab__filters button { flex:0 0 auto; padding:9px 11px; border:0; border-radius:9px; color:#70737f; background:transparent; cursor:pointer; font-size:7px; font-weight:800; }
.category-lab__filters button:hover { background:#fff; }
.category-lab__filters button.is-active { color:#fff; background:#292a34; }
.category-lab__body { display:grid; grid-template-columns:.78fr 1.22fr; min-height:330px; }
.category-lab__body > form { display:grid; align-content:center; gap:13px; padding:24px; border-right:1px solid #e0e1e6; }
.category-lab__body label { display:grid; gap:7px; }
.category-lab__body label span { color:#696c78; font-size:7px; font-weight:800; }
.category-lab__body input,.category-lab__body select { width:100%; height:42px; padding:0 11px; border:1px solid #dcdde3; border-radius:9px; outline:0; color:#30313a; background:#fff; font:inherit; font-size:8px; }
.category-lab__body input:focus,.category-lab__body select:focus { border-color:#81c7e7; box-shadow:0 0 0 3px rgba(99,191,232,.11); }
.category-lab__body form > button { height:41px; border:0; border-radius:9px; color:#fff; background:#6558e8; cursor:pointer; font-size:7px; font-weight:850; }
.category-lab__body form > button:hover { background:#574acb; }
.category-lab__products { display:grid; align-content:center; gap:8px; padding:24px; background:#fff; }
.category-lab__products article { display:grid; grid-template-columns:35px 1fr auto; align-items:center; gap:10px; padding:11px; border:1px solid #e2e3e8; border-radius:11px; }
.category-lab__products article > i { display:grid; width:33px; height:33px; place-items:center; border-radius:9px; background:#edebff; font-size:15px; font-style:normal; }
.category-lab__products article > span { display:grid; gap:4px; }
.category-lab__products b { font-size:8px; }
.category-lab__products small { color:#9698a2; font-size:6px; }
.category-lab__products em { padding:5px 7px; border-radius:999px; color:#377a99; background:#e6f5fb; font-size:6px; font-style:normal; font-weight:800; }
.category-lab__products > p { margin:0; color:#8c8f9a; font-size:8px; text-align:center; }
.category-lab > footer { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:53px; padding:13px 19px; border-top:1px solid #e0e1e6; color:#757884; background:#fff; font-size:7px; line-height:1.5; }
.category-lab > footer button { flex:0 0 auto; padding:8px 10px; border:1px solid #dddfe4; border-radius:8px; color:#666975; background:#fff; cursor:pointer; font-size:6px; font-weight:850; }
.category-lab > footer button:hover { border-color:#282933; color:#fff; background:#282933; }
.category-rules { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:27px; }
.category-rules article { min-height:220px; padding:21px; border:1px solid #e1e2e7; border-radius:16px; background:#fafbfd; }
.category-rules article > span { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; color:#377a99; background:#e4f4fb; font-size:7px; font-weight:900; }
.category-rules h3 { margin:35px 0 9px; font-size:16px; }
.category-rules p { min-height:52px; margin:0; color:#7c7f8b; font-size:8px; line-height:1.65; }
.category-rules b { display:block; margin-top:13px; padding-top:12px; border-top:1px solid #e3e4e8; color:#5f6270; font-size:7px; }
.category-limits > div:last-child { border-color:#cfe5ef; background:#f1f9fd; }
.category-limits > div:last-child p::before { background:#59b5df; }
.category-guide-summary { background:linear-gradient(145deg,#1d2930,#171820 72%); }
.category-guide-summary > span { color:#86cfef; }

@media (max-width:760px) {
  .category-model { grid-template-columns:1fr; }
  .category-model article { min-height:150px; }
  .category-model article b { margin-top:27px; }
  .category-model > i { justify-self:center; transform:rotate(90deg); }
  .category-lab__body { grid-template-columns:1fr; }
  .category-lab__body > form { border-right:0; border-bottom:1px solid #e0e1e6; }
}

@media (max-width:520px) {
  .help-articles-section { padding-bottom:65px; }
  .help-article-list > a { grid-template-columns:38px 1fr; padding:16px; }
  .help-article-list > a > small { grid-column:2; }
  .category-visibility-table { overflow-x:auto; }
  .category-visibility-table header,.category-visibility-table > p { min-width:590px; }
  .category-rename-flow { grid-template-columns:1fr; }
  .category-rename-flow > i { justify-self:center; transform:rotate(90deg); }
  .category-lab > header { align-items:flex-start; flex-direction:column; }
  .category-lab__body > form,.category-lab__products { padding:18px; }
  .category-lab > footer { align-items:flex-start; flex-direction:column; }
  .category-rules { grid-template-columns:1fr; }
}

/* Theme store: clear catalog layout */
.themes-page .landing-nav a.is-current { color:#fff; }
.themes-product-nav { margin-top:78px; border-bottom:1px solid #e6e7eb; background:#fff; }
.themes-product-nav > div { display:flex; min-height:88px; align-items:center; justify-content:space-between; gap:28px; }
.themes-product-title { display:flex; align-items:center; gap:13px; font-size:16px; text-transform:uppercase; }
.themes-product-title > span { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,#6558e8,#438cf2); box-shadow:0 10px 24px rgba(101,88,232,.22); font-size:17px; }
.themes-product-nav nav { display:flex; align-items:center; gap:9px; }
.themes-product-nav nav a { padding:11px 15px; border:1px solid transparent; border-radius:9px; color:#555862; font-size:10px; font-weight:750; }
.themes-product-nav nav a:hover { border-color:#d9dbe1; }
.themes-product-nav nav a.is-active { color:#fff; background:#242630; }

.themes-page .themes-hero { padding:70px 0 66px; color:#242630; background:#f5f6f7; }
.themes-page .themes-hero::before { display:none; }
.themes-page .themes-hero__glow { top:-430px; left:73%; width:900px; height:760px; background:radial-gradient(circle,rgba(101,88,232,.18),transparent 68%); }
.themes-page .themes-hero__grid { grid-template-columns:.92fr 1.08fr; gap:62px; }
.themes-page .themes-hero__copy .breadcrumbs { display:none; }
.themes-page .themes-pill { border-color:#e0e1e6; color:#757884; background:#fff; }
.themes-page .themes-hero h1 { margin:24px 0 22px; font-size:clamp(45px,4.8vw,64px); line-height:.98; }
.themes-page .themes-hero h1 em { color:#6558e8; font-family:inherit; font-style:normal; font-weight:780; letter-spacing:-4px; }
.themes-page .themes-hero__copy > p { color:#6f727d; font-size:14px; }
.themes-page .themes-primary { color:#fff; background:#6558e8; box-shadow:0 14px 32px rgba(101,88,232,.2); }
.themes-page .themes-primary:hover { background:#5548d0; }
.themes-page .themes-hero .secondary-cta { border-color:#d6d8de; color:#444750; background:#fff; }
.themes-page .themes-hero .secondary-cta:hover { border-color:#bbbfc8; background:#fff; }
.themes-page .themes-hero__notes { color:#797c86; }
.themes-page .themes-hero__notes i { color:#31956a; }
.themes-page .themes-stage { height:440px; }
.themes-page .themes-browser { top:0; right:0; width:570px; transform:rotate(.4deg); box-shadow:0 35px 75px rgba(36,38,48,.22); }
.themes-page .themes-browser__store > div { min-height:270px; color:#fff; background-image:linear-gradient(90deg,rgba(12,14,12,.76),rgba(12,14,12,.06)),url("themes/neo/assets/hero.jpg"); background-position:center; background-size:cover; }
.themes-page .themes-browser__store > div small,.themes-page .themes-browser__store > div > p { color:#d9dcd7; }
.themes-page .themes-browser__art { display:none; }
.themes-page .themes-browser__store > footer i:first-child { background:url("themes/neo/assets/products.jpg") 0 0/200% 200%; }
.themes-page .themes-browser__store > footer span:nth-child(2) i { background:url("themes/neo/assets/products.jpg") 100% 0/200% 200%; }
.themes-page .themes-browser__store > footer span:nth-child(3) i { background:url("themes/neo/assets/products.jpg") 100% 100%/200% 200%; }
.themes-page .themes-layout { top:-18px; right:-18px; }
.themes-page .themes-device { right:342px; bottom:-2px; }
.themes-page .themes-palette { right:6px; bottom:-18px; }

.themes-page .themes-strip { background:#20222b; }
.themes-page .themes-catalog { padding-top:92px; background:#fff; }
.themes-page .themes-catalog .section-heading { max-width:820px; }
.themes-page .themes-catalog .section-heading h2 { font-size:clamp(40px,4.7vw,58px); }
.themes-page .themes-catalog .section-heading p { font-size:11px; }
.themes-page .themes-toolbar { grid-template-columns:290px 1fr auto; margin-bottom:32px; padding:13px; border:1px solid #e3e4e9; border-radius:15px; background:#f7f8fa; }
.themes-page .themes-search { border-color:#e2e3e7; }
.themes-page .themes-grid { gap:25px 22px; }
.themes-page .theme-card { padding:14px 14px 19px; border-color:#dfe1e6; border-radius:20px; box-shadow:0 12px 32px rgba(32,34,47,.055); }
.themes-page .theme-thumb { height:350px; }
.themes-page .theme-thumb section { height:235px; padding:45px 26px; }
.themes-page .theme-thumb section h3 { font-size:30px; }
.themes-page .theme-thumb footer { height:73px; }
.themes-page .theme-thumb--neo-live section,.themes-page .theme-thumb--gurman-live section,.themes-page .theme-thumb--metro-live section,.themes-page .theme-thumb--milan-live section,.themes-page .theme-thumb--boston-live section { height:235px; }
.themes-page .theme-card__meta { padding-top:20px; }
.themes-page .theme-card__meta span { font-size:8px; }
.themes-page .theme-card__meta h3 { font-size:28px; }
.themes-page .theme-card > p { min-height:45px; font-size:10px; }
.themes-page .theme-card > footer { min-height:38px; }
.themes-page .theme-card > footer > b { font-size:8px; }
.theme-card__actions { display:flex; gap:7px; }
.themes-page .theme-card > footer .theme-use { border-color:#272832; color:#fff; background:#272832; }
.theme-badge--soon { color:#886234!important; background:#fff1db; }
.theme-disabled { display:inline-flex; padding:10px 12px; border:1px dashed #d5d7dc; border-radius:9px; color:#9a9ca5; font-size:7px; font-weight:800; }
.theme-card--soon .theme-thumb { filter:saturate(.82); }
.themes-custom-banner { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-top:28px; padding:38px 42px; overflow:hidden; border-radius:21px; color:#fff; background:linear-gradient(125deg,#26213b,#161821 70%); }
.themes-custom-banner span { color:#aaa1f5; font-size:8px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.themes-custom-banner h3 { margin:10px 0 8px; font-size:30px; letter-spacing:-1px; }
.themes-custom-banner p { max-width:650px; margin:0; color:#9da0aa; font-size:10px; line-height:1.65; }
.themes-custom-banner > a { display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; padding:14px 18px; border-radius:10px; color:#171920; background:#b8ff6d; font-size:9px; font-weight:850; }
.themes-custom-banner svg { width:14px; }

@media (max-width:1050px) {
  .themes-product-nav nav a { padding-inline:10px; font-size:9px; }
  .themes-page .themes-hero__grid { grid-template-columns:1fr; }
  .themes-page .themes-stage { width:min(100%,700px); justify-self:center; }
  .themes-page .themes-browser { right:50%; transform:translateX(50%); }
  .themes-page .themes-layout { right:4%; }.themes-page .themes-device { left:3%; right:auto; }
  .themes-page .themes-toolbar { grid-template-columns:250px 1fr; }.themes-page .themes-count { display:none; }
}

@media (max-width:760px) {
  .themes-product-nav { margin-top:68px; }
  .themes-product-nav > div { min-height:70px; }
  .themes-product-title { font-size:13px; }.themes-product-title > span { width:36px; height:36px; }
  .themes-product-nav nav { max-width:58%; overflow-x:auto; }.themes-product-nav nav a { flex:0 0 auto; }
  .themes-page .themes-hero { padding:54px 0 48px; }
  .themes-page .themes-hero h1 { font-size:46px; }
  .themes-page .themes-stage { height:450px; }
  .themes-page .themes-toolbar { grid-template-columns:1fr; }
  .themes-page .themes-filters { flex-wrap:nowrap; overflow-x:auto; }
  .themes-page .themes-grid { grid-template-columns:1fr; }
  .themes-custom-banner { align-items:flex-start; flex-direction:column; padding:30px; }
}

@media (max-width:520px) {
  .themes-product-nav > div { align-items:flex-start; flex-direction:column; gap:12px; padding-block:14px; }
  .themes-product-nav nav { width:100%; max-width:100%; }
  .themes-page .themes-hero h1 { font-size:39px; letter-spacing:-2.4px; }
  .themes-page .themes-hero h1 em { letter-spacing:-2.4px; }
  .themes-page .themes-hero__copy > p { font-size:12px; }
  .themes-page .themes-hero .hero-actions { align-items:stretch; flex-direction:column; }
  .themes-page .themes-hero .hero-actions a { width:100%; }
  .themes-page .themes-stage { width:650px; max-width:none; height:300px; justify-self:start; margin-bottom:-80px; transform:scale(.51); transform-origin:top left; }
  .themes-page .themes-browser { right:0; transform:none; }
  .themes-page .themes-catalog { padding-top:72px; }
  .themes-page .themes-catalog .section-heading h2 { font-size:37px; }
  .themes-page .theme-thumb { height:300px; }.themes-page .theme-thumb section,.themes-page .theme-thumb--neo-live section,.themes-page .theme-thumb--gurman-live section,.themes-page .theme-thumb--metro-live section,.themes-page .theme-thumb--milan-live section,.themes-page .theme-thumb--boston-live section { height:193px; }.themes-page .theme-thumb section h3 { font-size:25px; }.themes-page .theme-thumb footer { height:65px; }
  .themes-page .theme-card > footer { align-items:stretch; flex-direction:column; }.theme-card__actions { display:grid; grid-template-columns:1fr 1fr; }.themes-page .theme-card > footer .theme-card__actions a { justify-content:center; }
  .themes-custom-banner { padding:25px 22px; }.themes-custom-banner h3 { font-size:25px; }.themes-custom-banner > a { width:100%; justify-content:center; }
}

/* Features: section hub and shared subpage navigation */
.subpage .landing-nav a.is-current { color:#fff; }
.features-product-nav { margin-top:78px; border-bottom:1px solid #e6e7eb; background:#fff; }
.features-product-nav > div { display:flex; min-height:88px; align-items:center; justify-content:space-between; gap:28px; }
.features-product-title { display:flex; align-items:center; gap:13px; color:#242630; font-size:16px; text-transform:uppercase; }
.features-product-title > span { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,#6558e8,#438cf2); box-shadow:0 10px 24px rgba(101,88,232,.22); font-size:17px; }
.features-product-nav nav { display:flex; align-items:center; gap:9px; }
.features-product-nav nav a { padding:11px 15px; border:1px solid transparent; border-radius:9px; color:#555862; font-size:10px; font-weight:750; }
.features-product-nav nav a:hover { border-color:#d9dbe1; }
.features-product-nav nav a.is-active { color:#fff; background:#242630; }

.features-subnav { position:relative; z-index:8; border-bottom:1px solid #30323d; background:#20222b; }
.features-subnav > div { display:flex; min-height:54px; align-items:center; gap:5px; overflow-x:auto; scrollbar-width:none; }
.features-subnav > div::-webkit-scrollbar { display:none; }
.features-subnav a { flex:0 0 auto; padding:9px 12px; border-radius:8px; color:#aaaeba; font-size:8px; font-weight:780; white-space:nowrap; transition:.18s ease; }
.features-subnav a:hover { color:#fff; background:#2b2e39; }
.features-subnav a.is-active { color:#171920; background:#b8ff6d; }

.feature-directory { padding:104px 0 112px; background:#f5f6f8; }
.feature-directory .section-heading { max-width:780px; margin-right:auto; margin-left:auto; }
.feature-directory .section-heading h2 { font-size:clamp(42px,5vw,62px); }
.feature-directory__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin-top:52px; }
.feature-directory__card { position:relative; display:flex; min-height:330px; flex-direction:column; padding:29px; overflow:hidden; border:1px solid #e0e2e7; border-radius:22px; color:#242630; background:#fff; box-shadow:0 14px 38px rgba(32,34,47,.055); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.feature-directory__card:hover { z-index:2; border-color:#cac6f7; box-shadow:0 24px 60px rgba(43,42,72,.13); transform:translateY(-5px); }
.feature-directory__card.is-wide { grid-column:span 2; }
.feature-directory__card.is-wide::after { position:absolute; right:-65px; bottom:-95px; width:290px; height:290px; border:56px solid rgba(101,88,232,.12); border-radius:50%; content:""; }
.feature-directory__card.is-dark { border-color:#2d2f39; color:#fff; background:linear-gradient(145deg,#292b35,#181920); }
.feature-directory__card.is-dark p { color:#a6a9b3; }
.feature-directory__card.is-dark small { color:#b8ff6d; }
.feature-directory__card.is-dark .feature-directory__icon { color:#171920; background:#b8ff6d; }
.feature-directory__icon { display:grid; width:47px; height:47px; place-items:center; border-radius:14px; color:#6558e8; background:#edebff; font-size:19px; }
.feature-directory__card:nth-child(3n+2) .feature-directory__icon { color:#c65c2e; background:#fff0e8; }
.feature-directory__card:nth-child(3n) .feature-directory__icon { color:#247da6; background:#e5f5fc; }
.feature-directory__card small { margin-top:29px; color:#777a86; font-size:7px; font-weight:880; letter-spacing:.13em; text-transform:uppercase; }
.feature-directory__card h3 { max-width:440px; margin:9px 0 12px; font-size:27px; line-height:1.08; letter-spacing:-1px; }
.feature-directory__card p { position:relative; z-index:1; max-width:520px; margin:0; color:#777a85; font-size:10px; line-height:1.65; }
.feature-directory__card b { position:relative; z-index:1; display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:30px; font-size:8px; }
.feature-directory__card b i { color:#6558e8; font-size:13px; font-style:normal; transition:transform .18s ease; }
.feature-directory__card:hover b i { transform:translateX(4px); }
.feature-directory__card.is-dark b i { color:#b8ff6d; }

@media (max-width:1050px) {
  .features-product-nav nav a { padding-inline:10px; font-size:9px; }
  .feature-directory__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .feature-directory__card.is-wide { grid-column:span 1; }
}

@media (max-width:760px) {
  .features-product-nav { margin-top:68px; }
  .features-product-nav > div { min-height:70px; }
  .features-product-title { font-size:13px; }
  .features-product-title > span { width:36px; height:36px; }
  .features-product-nav nav { max-width:58%; overflow-x:auto; scrollbar-width:none; }
  .features-product-nav nav::-webkit-scrollbar { display:none; }
  .features-product-nav nav a { flex:0 0 auto; }
  .feature-directory { padding:78px 0 86px; }
  .feature-directory__grid { margin-top:38px; }
  .feature-directory__card { min-height:300px; padding:24px; }
}

@media (max-width:520px) {
  .features-product-nav > div { align-items:flex-start; flex-direction:column; gap:12px; padding-block:14px; }
  .features-product-nav nav { width:100%; max-width:100%; }
  .features-subnav > div { width:100%; padding-inline:13px; }
  .feature-directory .section-heading h2 { font-size:37px; }
  .feature-directory__grid { grid-template-columns:1fr; gap:13px; }
  .feature-directory__card { min-height:280px; }
  .feature-directory__card h3 { font-size:24px; }
}

/* Promo typography readability pass. Keep microcopy inside visual mockups compact,
   while navigation, labels, descriptions and controls use a human-readable floor. */
.breadcrumbs { font-size:13px; }
.page-eyebrow { font-size:12px; line-height:1.45; }
.page-hero__lead { font-size:17px; }
.section-heading span { font-size:12px; line-height:1.45; }
.section-heading p { font-size:16px; line-height:1.7; }
.page-cta p { font-size:16px; }

.themes-page .themes-product-nav nav a { font-size:14px; }
.themes-page .themes-pill { padding:9px 14px; font-size:13px; line-height:1.35; }
.themes-page .themes-pill i { width:25px; height:25px; font-size:11px; }
.themes-page .themes-hero__copy > p { font-size:17px; line-height:1.7; }
.themes-page .themes-hero__notes { gap:11px 22px; font-size:12px; line-height:1.5; }
.themes-page .themes-strip > div { min-height:88px; }
.themes-page .themes-strip span { font-size:11px; }
.themes-page .themes-strip b { font-size:13px; }
.themes-page .themes-strip i { font-size:14px; }
.themes-page .themes-catalog .section-heading p { font-size:16px; }
.themes-page .themes-search { height:48px; }
.themes-page .themes-search input { font-size:14px; }
.themes-page .themes-filters button { padding:10px 14px; font-size:13px; }
.themes-page .themes-count { font-size:13px; }
.themes-page .theme-card__meta span { font-size:12px; line-height:1.4; }
.themes-page .theme-badge { font-size:11px!important; }
.themes-page .theme-card > p { min-height:0; font-size:15px; line-height:1.65; }
.themes-page .theme-card > footer > b { font-size:13px; }
.themes-page .theme-card > footer button,
.themes-page .theme-card > footer a { min-height:40px; font-size:13px; }
.themes-page .theme-disabled { font-size:12px; }
.themes-page .themes-empty p { font-size:15px; }
.themes-page .themes-empty button { font-size:13px; }
.themes-page .themes-custom-banner span { font-size:12px; }
.themes-page .themes-custom-banner p { font-size:15px; }
.themes-page .themes-custom-banner > a { font-size:13px; }
.themes-page .themes-editor__grid > div:first-child > p { font-size:16px; }
.themes-page .service-list li { font-size:14px; line-height:1.55; }
.themes-page .themes-editor__panel > header { font-size:11px; }
.themes-page .themes-editor__panel > header b { font-size:13px; }
.themes-page .themes-editor__controls > span { font-size:12px; }
.themes-page .themes-editor__controls button { font-size:12px; }
.themes-page .themes-editor__panel > footer span { font-size:12px; }
.themes-page .themes-editor__panel > footer button { font-size:12px; }
.themes-page .themes-principles article > i { font-size:11px; }
.themes-page .themes-principles p { font-size:15px; }
.themes-page .themes-choice article span { font-size:11px; line-height:1.4; }
.themes-page .themes-choice article b { font-size:16px; }
.themes-page .themes-choice article p { font-size:14px; line-height:1.6; }

@media (max-width:760px) {
  .themes-page .themes-product-nav nav a { font-size:13px; }
  .themes-page .themes-strip > div { min-height:70px; }
  .themes-page .themes-hero__notes { font-size:13px; }
}

@media (max-width:520px) {
  .themes-page .themes-hero__copy > p { font-size:16px; }
  .themes-page .themes-pill { font-size:12px; }
  .themes-page .themes-choice article { gap:9px; }
}

/* Shared public-page readability floor. Complex illustrations keep their own
   compact scale; editorial text, lists, forms and navigation remain readable. */
.subpage:not(.themes-page) .features-product-nav nav a { font-size:14px; }
.subpage:not(.themes-page) .features-subnav a { font-size:13px; }
.subpage:not(.themes-page) .feature-directory__card small { font-size:12px; }
.subpage:not(.themes-page) .feature-directory__card p { font-size:15px; }
.subpage:not(.themes-page) .feature-directory__card b { font-size:13px; }
.subpage:not(.themes-page) .service-filter button { font-size:14px; }
.subpage:not(.themes-page) .service-filter button span { font-size:12px; }
.subpage:not(.themes-page) .service-filter output { font-size:13px; }
.subpage:not(.themes-page) .service-filter-empty { font-size:14px; }

.subpage:not(.themes-page) .page-section p:not(
  [class*="browser"] p,
  [class*="preview"] p,
  [class*="screen"] p,
  [class*="phone"] p,
  [class*="visual"] p,
  [class*="canvas"] p,
  [class*="dashboard"] p,
  [class*="workspace"] p,
  [class*="calculator"] p,
  [class*="timeline"] p,
  [class*="ledger"] p,
  [class*="table"] p,
  [class*="lab"] p,
  [class*="flow"] p,
  [class*="profile"] p,
  [class*="receipt"] p
){font-size:14px;line-height:1.65}

.subpage:not(.themes-page) .page-section li:not(
  [class*="browser"] li,
  [class*="preview"] li,
  [class*="screen"] li,
  [class*="phone"] li,
  [class*="visual"] li,
  [class*="canvas"] li,
  [class*="dashboard"] li,
  [class*="workspace"] li,
  [class*="calculator"] li,
  [class*="timeline"] li,
  [class*="ledger"] li,
  [class*="table"] li,
  [class*="lab"] li,
  [class*="flow"] li,
  [class*="profile"] li,
  [class*="receipt"] li
){font-size:14px;line-height:1.55}

.subpage:not(.themes-page) .page-section small:not(
  [class*="browser"] small,
  [class*="preview"] small,
  [class*="screen"] small,
  [class*="phone"] small,
  [class*="visual"] small,
  [class*="canvas"] small,
  [class*="dashboard"] small,
  [class*="workspace"] small,
  [class*="calculator"] small,
  [class*="timeline"] small,
  [class*="ledger"] small,
  [class*="table"] small,
  [class*="lab"] small,
  [class*="flow"] small,
  [class*="profile"] small,
  [class*="receipt"] small
){font-size:12px;line-height:1.5}

.subpage:not(.themes-page) .page-section :is(button,input,select,textarea):not(
  [class*="browser"] *,
  [class*="preview"] *,
  [class*="screen"] *,
  [class*="phone"] *,
  [class*="visual"] *,
  [class*="canvas"] *,
  [class*="dashboard"] *,
  [class*="workspace"] *,
  [class*="calculator"] *,
  [class*="table"] *,
  [class*="lab"] *
){font-size:14px}

.subpage:not(.themes-page) .page-section a:not(
  [class*="browser"] a,
  [class*="preview"] a,
  [class*="screen"] a,
  [class*="phone"] a,
  [class*="visual"] a,
  [class*="canvas"] a,
  [class*="dashboard"] a,
  [class*="workspace"] a,
  [class*="calculator"] a,
  [class*="timeline"] a,
  [class*="ledger"] a,
  [class*="table"] a,
  [class*="lab"] a,
  [class*="flow"] a,
  [class*="profile"] a,
  [class*="receipt"] a
){font-size:13px}

.subpage:not(.themes-page) .section-heading p { font-size:16px; }
.subpage:not(.themes-page) .service-list li { font-size:14px; }

@media(max-width:760px){
  .subpage:not(.themes-page) .features-product-nav nav a{font-size:13px}
}

/* Readability for public sections that sit outside the generic page-section shell. */
:is(.products-hero__copy,.management-hero__copy,.sales-hero__copy,.analytics-hero__copy,.affiliate-hero__copy,.loyalty-hero__copy,.triggers-hero__copy,.resto-hero__copy,.move-hero__copy,.ssl-hero__copy)>p:not([class*="note"]){font-size:16px;line-height:1.7}
:is(.products-hero-note,.management-hero-note,.sales-hero-note,.analytics-hero-note,.affiliate-early-note,.loyalty-early-note,.trigger-early-note,.resto-pilot-note,.move-hero__note,.ssl-hero-note){font-size:12px!important;line-height:1.55!important}
.resto-anchor-nav,.resto-anchor-nav a{font-size:14px}
.service-card>a,[data-service-card]>a{font-size:14px}
.turnkey-text-link{font-size:13px}

:is(.products-integrations,.analytics-boundary,.management-integrations,.sales-integrations,.ssl-integrations,.trigger-vs-funnel,.affiliate-two-programs) small{font-size:12px;line-height:1.45}
:is(.products-integrations,.analytics-boundary,.management-integrations,.sales-integrations,.ssl-integrations,.trigger-vs-funnel,.affiliate-two-programs) p{font-size:14px;line-height:1.65}
:is(.products-integrations,.analytics-boundary,.management-integrations,.sales-integrations,.ssl-integrations,.trigger-vs-funnel,.affiliate-two-programs) a{font-size:13px}
:is(.products-integrations,.analytics-boundary,.management-integrations,.sales-integrations,.ssl-integrations) span{font-size:11px}

.help-hero button{font-size:14px}
.help-article-list p{font-size:14px;line-height:1.55}
.help-article-list small{font-size:12px}
.offer-hero small{font-size:12px}
.offer-warning p{font-size:14px;line-height:1.6}
.offer-warning a{font-size:13px}
.offer-summary small{font-size:12px;line-height:1.45}
.offer-summary b{font-size:15px}
.offer-summary p{font-size:14px;line-height:1.6}
.privacy-map header>span,.privacy-map article small{font-size:12px;line-height:1.45}
.privacy-map header p,.privacy-map article p{font-size:14px;line-height:1.6}
.privacy-map article b{font-size:15px}
.privacy-map article>em{font-size:11px}
.coop-manifest span{font-size:12px}
.coop-manifest p{font-size:14px;line-height:1.6}
.coop-manifest a{font-size:13px}
.cooperation-page main a:not([class*="card"] a){font-size:13px}

/* Services page readability. The original visual language relied on 6–9px
   labels; keep the compact dashboard feel without using micro type. */
.service-page .breadcrumbs { font-size:14px; }
.service-page .page-eyebrow,
.service-page .section-heading > span { font-size:13px; }
.service-page .service-hero__copy > p { font-size:17px; line-height:1.7; }
.service-page .service-hero__promise i { font-size:12px; }
.service-page .service-hero__promise b { font-size:14px; line-height:1.35; }
.service-page .service-hero__promise small { color:#9496a3; font-size:12px; line-height:1.5; }

.service-page .service-board__top { font-size:12px; }
.service-page .service-board__top b { font-size:12px; }
.service-page .service-board__top em { font-size:11px; }
.service-page .service-board__body aside strong { font-size:11px; }
.service-page .service-board__body aside span { font-size:12px; }
.service-page .service-board__body section > header small { font-size:11px; }
.service-page .service-tasks article > span { font-size:11px; }
.service-page .service-tasks b { font-size:12px; }
.service-page .service-tasks small { font-size:11px; }
.service-page .service-tasks em { font-size:11px; }
.service-page .service-board__float > i { font-size:11px; }
.service-page .service-board__float span b { font-size:12px; }
.service-page .service-board__float span small { color:#a5a7b1; font-size:11px; }

.service-page .service-proof strong { font-size:18px; }
.service-page .service-proof span { font-size:14px; line-height:1.45; }
.service-page .service-filter button { min-height:42px; font-size:14px; }
.service-page .service-filter button span { font-size:12px; }
.service-page .service-filter output { font-size:13px; }
.service-page .service-catalog > article { min-height:300px; }
.service-page .service-card__icon { font-size:13px; }
.service-page .service-catalog > article > small { font-size:12px; line-height:1.45; }
.service-page .service-catalog h3 { font-size:21px; line-height:1.2; }
.service-page .page-section .service-catalog p { font-size:15px!important; line-height:1.65; }
.service-page .service-catalog a { font-size:14px!important; }

.service-page .service-control__grid > div:first-child > p { font-size:16px; line-height:1.7; }
.service-page .service-list li { font-size:15px; line-height:1.55; }
.service-page .service-control__visual > header { font-size:12px; }
.service-page .service-control__visual > header b { font-size:15px; }
.service-page .service-control__visual article > i { font-size:11px; }
.service-page .service-control__visual article b { font-size:13px; }
.service-page .service-control__visual article small { color:#a0a2ac; font-size:12px; }
.service-page .service-control__visual footer { color:#a0a2ac; font-size:12px; }
.service-page .service-control__visual footer button { min-height:38px; font-size:12px; }

.service-page .service-process article > span { font-size:12px; letter-spacing:.04em; }
.service-page .service-process h3 { font-size:20px; line-height:1.25; }
.service-page .page-section .service-process p { font-size:15px!important; line-height:1.65; }
.service-page .service-formats article > span { padding:7px 10px; font-size:12px; }
.service-page .service-formats article > small { font-size:12px; line-height:1.45; }
.service-page .page-section .service-formats article > p { font-size:15px!important; line-height:1.65; }
.service-page .page-section .service-formats article > a { min-height:46px; font-size:14px!important; }
.service-page .service-packages-link b { font-size:16px; line-height:1.35; }
.service-page .service-packages-link span { font-size:14px; line-height:1.5; }
.service-page .service-packages-link a { font-size:14px; }

@media(max-width:760px){
  .service-page .service-hero__copy > p { font-size:16px; }
  .service-page .service-proof span { font-size:13px; }
  .service-page .service-filter output { flex:0 0 100%; margin:8px 0 0; }
  .service-page .service-filter { flex-wrap:wrap; }
}

/* Yandex Metrika + Ecommerce help article */
.metrika-guide-page .lead-article-hero__glow{
  background:radial-gradient(circle at 55% 40%,rgba(255,204,0,.22),transparent 47%),radial-gradient(circle at 25% 75%,rgba(244,71,58,.2),transparent 45%);
}
.metrika-guide-page .lead-article-meta>span,
.metrika-guide-page .lead-article-hero h1 em{color:#ffd15a}
.metrika-guide-page .lead-article-progress i{background:linear-gradient(90deg,#ffd15a,#f4473a)}
.metrika-guide-page .lead-article-hero__inner>p{font-size:17px;line-height:1.7}
.metrika-guide-page .lead-article-meta{font-size:12px}
.metrika-guide-page .lead-article-author b{font-size:14px}
.metrika-guide-page .lead-article-author small{font-size:12px}
.metrika-guide-page .lead-article-funnel span{font-size:11px}
.metrika-guide-page .lead-article-nav>span{font-size:12px}
.metrika-guide-page .lead-article-nav>a{font-size:13px;line-height:1.45}
.metrika-guide-page .lead-article-nav>div small{font-size:11px}
.metrika-guide-page .lead-article-nav>div p{font-size:13px}
.metrika-guide-page .lead-article-nav>div a{font-size:13px}
.metrika-guide-page .lead-article-kicker{font-size:12px}
.metrika-guide-page .lead-article-content>section>p,
.metrika-guide-page .lead-step>div>p{font-size:16px;line-height:1.75}
.metrika-guide-page .lead-definition-card b{font-size:15px}
.metrika-guide-page .lead-definition-card p{font-size:14px}
.metrika-guide-page .lead-inline-link{font-size:14px}
.metrika-guide-page .lead-article-faq summary{font-size:16px}
.metrika-guide-page .lead-article-faq details p{font-size:14px}
.metrika-guide-page .lead-article-summary>span{font-size:12px}
.metrika-guide-page .lead-article-summary p{font-size:15px}

.metrika-event-grid,
.metrika-option-grid,
.metrika-availability{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}
.metrika-event-grid article,
.metrika-option-grid article,
.metrika-availability>div{border:1px solid #e6e7ec;border-radius:18px;background:#fff;padding:20px}
.metrika-event-grid span{display:inline-flex;margin-bottom:22px;border-radius:999px;background:#20212a;color:#ffd15a;padding:6px 9px;font-size:12px;font-weight:800}
.metrika-event-grid b,
.metrika-option-grid b{display:block;margin-bottom:8px;font-size:17px;line-height:1.25;color:#20212a}
.metrika-event-grid p,
.metrika-option-grid p,
.metrika-availability p{margin:0;font-size:14px!important;line-height:1.65!important;color:#686b77}
.metrika-option-grid article{position:relative;padding-left:52px}
.metrika-option-grid article:before{content:"✓";position:absolute;left:20px;top:20px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#e9fbf0;color:#1b9a52;font-size:12px;font-weight:900}
.metrika-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid #e6e7ec;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(31,32,41,.05)}
.metrika-table-wrap table{width:100%;min-width:680px;border-collapse:collapse}
.metrika-table-wrap th,
.metrika-table-wrap td{padding:15px 17px;border-bottom:1px solid #ececf0;text-align:left;vertical-align:top}
.metrika-table-wrap tr:last-child td{border-bottom:0}
.metrika-table-wrap th{background:#f7f7fa;color:#737580;font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.05em}
.metrika-table-wrap td{color:#3d3f49;font-size:14px;line-height:1.55}
.metrika-table-wrap code,
.metrika-action-list code{border-radius:7px;background:#f1f1f5;color:#9b2c24;padding:3px 7px;font-size:13px;font-weight:700}
.metrika-subtitle{margin:34px 0 12px;font-size:24px;line-height:1.25;color:#20212a}
.metrika-action-list{display:grid;gap:10px;margin:22px 0}
.metrika-action-list article{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:18px;align-items:start;border-bottom:1px solid #e6e7ec;padding:0 0 14px}
.metrika-action-list span{margin:0;color:#686b77;font-size:14px!important;line-height:1.6!important}
.metrika-code{margin:26px 0;border-radius:19px;background:#20212a;box-shadow:0 18px 45px rgba(23,24,31,.15);overflow:hidden}
.metrika-code{overflow:auto;padding:20px;color:#f4f4f7;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre}
.metrika-code code{font:inherit;color:inherit}
.metrika-availability>div:first-child{border-color:#bdeacc;background:#f3fcf6}
.metrika-availability>div:last-child{border-color:#f4db9b;background:#fffaf0}
.metrika-availability span{display:block;margin-bottom:8px;color:#777985;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.metrika-official{display:grid;gap:10px;margin:22px 0;border-radius:19px;background:#20212a;padding:22px}
.metrika-official a{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.11);padding:0 0 10px;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.metrika-official a:last-child{border-bottom:0;padding-bottom:0}
.metrika-official a:after{content:"↗";color:#ffd15a;font-size:16px}

@media(max-width:760px){
  .metrika-event-grid,
  .metrika-option-grid,
  .metrika-availability{grid-template-columns:1fr}
  .metrika-action-list article{grid-template-columns:1fr;gap:8px}
  .metrika-code{font-size:12px;padding:17px}
  .metrika-guide-page .lead-article-hero__inner>p{font-size:16px}
}

/* Products feature page readability.
   UI previews remain compact, but no longer use 5–9px micro type. */
.products-page .breadcrumbs{font-size:14px}
.products-page .section-heading>span,
.products-page .page-eyebrow{font-size:13px}
.products-page .section-heading>p{font-size:16px;line-height:1.7}
.products-page .products-pill{font-size:12px}
.products-page .products-pill i{font-size:12px}
.products-page .products-hero__copy>p:not(.products-hero-note){font-size:17px;line-height:1.7}
.products-page .products-hero-note{font-size:12px!important;line-height:1.55!important}

.products-page .products-table>header>span{font-size:12px}
.products-page .products-table>header>div,
.products-page .products-table>header button{font-size:12px}
.products-page .products-table>nav{font-size:12px}
.products-page .products-table>nav b{font-size:12px}
.products-page .products-table__head{font-size:12px}
.products-page .products-table>section article{font-size:12px}
.products-page .products-table>section article>span b{font-size:12px}
.products-page .products-table>section article>span small{font-size:12px;line-height:1.35}
.products-page .products-table article strong{font-size:12px}
.products-page .products-table article em{font-size:12px}
.products-page .products-table article u{font-size:12px}
.products-page .products-bulk-card small,
.products-page .products-stock-card small,
.products-page .products-sync-card small{font-size:12px;line-height:1.4}
.products-page .products-bulk-card button,
.products-page .products-stock-card em{font-size:12px}
.products-page .products-stock-card b,
.products-page .products-sync-card>span{font-size:12px}
.products-page .products-principle span{font-size:12px}
.products-page .products-principle b{font-size:14px}

.products-page .products-workspace>aside button>i{font-size:12px}
.products-page .products-workspace>aside b{font-size:14px}
.products-page .products-workspace>aside small{font-size:12px;line-height:1.4}
.products-page .products-editor-screen>header{font-size:12px}
.products-page .products-editor-main small,
.products-page .products-seo-fields small{font-size:12px}
.products-page .products-editor-main b{font-size:13px}
.products-page .products-editor-main p{font-size:12px;line-height:1.55}
.products-page .products-editor-screen>footer span{font-size:12px}
.products-page .products-editor-screen>footer button,
.products-page .products-editor-screen>button{font-size:12px}
.products-page .products-variant-table>p{font-size:12px}
.products-page .products-variant-table>article,
.products-page .products-variant-table code,
.products-page .products-variant-table strong,
.products-page .products-variant-table em{font-size:12px}
.products-page .products-stock-list span b{font-size:13px}
.products-page .products-stock-list span small{font-size:12px}
.products-page .products-stock-list article em{font-size:12px}
.products-page .products-seo-fields b,
.products-page .products-seo-fields p,
.products-page .products-seo-fields code{font-size:12px;line-height:1.5}
.products-page .products-editor-screen>a{font-size:12px}

.products-page .products-import-grid article>i{font-size:12px}
.products-page .products-import-grid h3{font-size:20px}
.products-page .products-import-grid p{min-height:70px;font-size:14px;line-height:1.6}
.products-page .products-import-grid article>b{font-size:12px;line-height:1.4}
.products-page .products-import-preview>div span,
.products-page .products-import-preview>div small{font-size:12px}
.products-page .products-import-preview>div b{font-size:15px}
.products-page .products-import-preview>section>header{font-size:12px}
.products-page .products-import-preview>section>p{font-size:12px}
.products-page .products-import-preview>aside>i{font-size:12px}
.products-page .products-import-preview>aside b{font-size:13px}
.products-page .products-import-preview>aside small{font-size:12px;line-height:1.4}
.products-page .products-import-preview>aside button{font-size:12px}

.products-page .products-bulk-grid>div:first-child>p,
.products-page .products-variants-grid>div:last-child>p,
.products-page .products-stock-grid>div:first-child>p{font-size:16px;line-height:1.7}
.products-page .products-filter-tags span{font-size:12px}
.products-page .products-bulk-demo>header,
.products-page .products-bulk-demo small{font-size:12px}
.products-page .products-bulk-demo label b,
.products-page .products-bulk-demo label strong,
.products-page .products-bulk-demo>section p{font-size:12px}
.products-page .products-bulk-demo>footer button{font-size:12px}

.products-page .products-structure-grid article>span{font-size:12px}
.products-page .products-tree b{font-size:13px}
.products-page .products-tree p,
.products-page .products-props p,
.products-page .products-tags i{font-size:12px}
.products-page .products-structure-grid h3{font-size:20px}
.products-page .products-structure-grid article>p{font-size:14px;line-height:1.6}
.products-page .products-variant-visual span,
.products-page .products-variant-visual em{font-size:13px}
.products-page .products-variant-card>section>small,
.products-page .products-variant-card>section>span{font-size:12px}
.products-page .products-variant-card>section>p{font-size:12px;line-height:1.5}
.products-page .products-variant-card>section>button{font-size:12px}
.products-page .service-list li{font-size:15px;line-height:1.55}

.products-page .products-stock-formula small{font-size:12px}
.products-page .products-warehouse>header{font-size:12px}
.products-page .products-warehouse article>span b{font-size:13px}
.products-page .products-warehouse article>span small,
.products-page .products-warehouse article em{font-size:12px}
.products-page .products-warehouse>footer{font-size:12px}
.products-page .products-warehouse>footer button{font-size:12px}
.products-page .products-pricing-grid article>span{font-size:12px}
.products-page .products-pricing-grid p{font-size:14px;line-height:1.6}
.products-page .products-pricing-note{font-size:12px;line-height:1.55}
.products-page .products-enrichment-grid h3{font-size:20px}
.products-page .products-enrichment-grid p{font-size:14px;line-height:1.6}
.products-page .products-enrichment-grid article>span{font-size:12px}
.products-page .products-integrations small{font-size:12px}
.products-page .products-integrations p{font-size:14px;line-height:1.65}
.products-page .products-integrations span{font-size:12px}
.products-page .products-cta p{font-size:16px;line-height:1.7}

@media(max-width:760px){
  .products-page .products-stage{display:grid;width:100%;max-width:100%;min-height:0;margin:28px auto 0;transform:none}
  .products-page .products-table{position:relative;top:auto;left:auto;width:100%;min-height:0;transform:none}
  .products-page .products-table>header{grid-template-columns:1fr auto;height:auto;min-height:66px;padding:12px}
  .products-page .products-table>header>div{grid-column:1/-1;grid-row:2;width:auto}
  .products-page .products-table>nav{overflow-x:auto;white-space:nowrap}
  .products-page .products-table__head,
  .products-page .products-table>section article{grid-template-columns:1.55fr .55fr .45fr}
  .products-page .products-table__head>span:last-child,
  .products-page .products-table>section article>u{display:none}
  .products-page .products-bulk-card,
  .products-page .products-stock-card,
  .products-page .products-sync-card{position:relative;inset:auto;width:auto;transform:none}
  .products-page .products-bulk-card{display:none}
  .products-page .products-stock-card,
  .products-page .products-sync-card{margin-top:10px}
  .products-page .products-import-grid p{min-height:0}
}

@media(max-width:520px){
  .products-page .products-hero__copy>p:not(.products-hero-note){font-size:16px}
  .products-page .products-table>section{margin:0 8px 10px;overflow-x:auto}
  .products-page .products-table__head,
  .products-page .products-table>section article{min-width:430px}
  .products-page .products-table>header button{padding:9px}
  .products-page .products-principle>div{gap:14px}
}

/* Triggers feature page readability */
.triggers-page .breadcrumbs{font-size:14px}
.triggers-page .section-heading>span,
.triggers-page .page-eyebrow{font-size:13px}
.triggers-page .section-heading>p{font-size:16px;line-height:1.7}
.triggers-page .trigger-pill,
.triggers-page .trigger-pill>i{font-size:12px}
.triggers-page .triggers-hero__copy>p:not(.trigger-early-note){font-size:17px;line-height:1.7}
.triggers-page .trigger-early-note{font-size:12px;line-height:1.55}

.triggers-page .trigger-profile>header{font-size:12px}
.triggers-page .trigger-profile__person>b{font-size:12px}
.triggers-page .trigger-profile__person span strong{font-size:14px}
.triggers-page .trigger-profile__person span small,
.triggers-page .trigger-profile__person em{font-size:12px}
.triggers-page .trigger-profile__stats span small,
.triggers-page .trigger-profile__stats span b{font-size:12px}
.triggers-page .trigger-profile__tags span{font-size:12px}
.triggers-page .trigger-profile>section>small{font-size:12px}
.triggers-page .trigger-profile>section p span b,
.triggers-page .trigger-profile>section p span small,
.triggers-page .trigger-profile>section p>em{font-size:12px}
.triggers-page .trigger-rule span,
.triggers-page .trigger-rule b,
.triggers-page .trigger-rule small{font-size:12px;line-height:1.4}
.triggers-page .trigger-message header>i{font-size:12px}
.triggers-page .trigger-message header span b{font-size:13px}
.triggers-page .trigger-message header span small{font-size:12px}
.triggers-page .trigger-message p{font-size:13px;line-height:1.55}
.triggers-page .trigger-message button{font-size:12px}
.triggers-page .trigger-stage__badge>i,
.triggers-page .trigger-stage__badge span b,
.triggers-page .trigger-stage__badge span small{font-size:12px}
.triggers-page .trigger-principle span{font-size:12px}
.triggers-page .trigger-principle b{font-size:14px}

.triggers-page .customer-card-demo>header small{font-size:12px}
.triggers-page .customer-card-demo>header>span{font-size:12px}
.triggers-page .customer-card-demo>nav b{font-size:13px}
.triggers-page .customer-card-demo__body small{font-size:12px}
.triggers-page .customer-card-demo__body aside p b,
.triggers-page .customer-card-demo__body aside p span{font-size:12px}
.triggers-page .customer-card-demo__body aside div i{font-size:12px}
.triggers-page .customer-card-demo__body section article>i,
.triggers-page .customer-card-demo__body section article b,
.triggers-page .customer-card-demo__body section article small{font-size:12px}
.triggers-page .trigger-profile-copy>p{font-size:16px;line-height:1.7}
.triggers-page .service-list li{font-size:15px;line-height:1.55}

.triggers-page .trigger-segments article>span{font-size:12px}
.triggers-page .trigger-segments h3{font-size:20px}
.triggers-page .trigger-segments p{font-size:14px;line-height:1.65}
.triggers-page .trigger-segments article>div i{font-size:12px}
.triggers-page .trigger-segment-formula>span,
.triggers-page .trigger-segment-formula>b,
.triggers-page .trigger-segment-formula>em{font-size:12px}

.triggers-page .trigger-events>span,
.triggers-page .trigger-events button b,
.triggers-page .trigger-events button small{font-size:12px}
.triggers-page .trigger-events button>i{font-size:13px}
.triggers-page .simulator-label,
.triggers-page .simulator-node>i,
.triggers-page .simulator-node span small,
.triggers-page .simulator-node span b,
.triggers-page .simulator-node>em{font-size:12px;line-height:1.35}
.triggers-page .trigger-simulator__flow>b{font-size:12px}
.triggers-page .trigger-preview>small,
.triggers-page .trigger-preview__channel span,
.triggers-page .trigger-preview__meta span,
.triggers-page .trigger-preview__meta b,
.triggers-page .trigger-preview>button{font-size:12px}
.triggers-page .trigger-preview__channel b{font-size:17px}
.triggers-page .trigger-preview>p{font-size:14px;line-height:1.65}

.triggers-page .trigger-library article>span{font-size:16px}
.triggers-page .trigger-library li{font-size:14px;line-height:1.45}
.triggers-page .trigger-channels-grid>div:first-child>p{font-size:16px;line-height:1.7}
.triggers-page .trigger-channel-pills span{font-size:12px}
.triggers-page .trigger-channel-check>header{font-size:13px}
.triggers-page .trigger-channel-check article>i,
.triggers-page .trigger-channel-check article b,
.triggers-page .trigger-channel-check article small{font-size:12px}
.triggers-page .trigger-team article>span{font-size:12px}
.triggers-page .trigger-team h3{font-size:20px}
.triggers-page .trigger-team p{font-size:14px;line-height:1.6}
.triggers-page .trigger-vs-funnel small{font-size:12px}
.triggers-page .trigger-vs-funnel p{font-size:14px;line-height:1.65}
.triggers-page .trigger-vs-funnel>div>div>span,
.triggers-page .trigger-vs-funnel a{font-size:13px}
.triggers-page .trigger-cta p{font-size:16px;line-height:1.7}

@media(max-width:760px){
  .triggers-page .trigger-stage{display:grid;width:100%;max-width:100%;height:auto;min-height:0;gap:12px;margin:30px auto 0;transform:none}
  .triggers-page .trigger-stage::after{display:none}
  .triggers-page .trigger-profile,
  .triggers-page .trigger-rule,
  .triggers-page .trigger-message,
  .triggers-page .trigger-stage__badge{position:relative;inset:auto;width:auto;min-width:0;transform:none}
  .triggers-page .trigger-stage__badge{order:4}
  .triggers-page .trigger-segments article{min-height:0}
  .triggers-page .trigger-team article{min-height:0}
}

@media(max-width:520px){
  .triggers-page .triggers-hero__copy>p:not(.trigger-early-note){font-size:16px}
  .triggers-page .trigger-profile__stats{grid-template-columns:1fr}
  .triggers-page .trigger-profile__stats span{padding:11px 14px}
  .triggers-page .trigger-profile>section p{grid-template-columns:34px 1fr}
  .triggers-page .trigger-profile>section p>em{grid-column:2}
  .triggers-page .trigger-principle>div{gap:14px}
}

/* Referral program readability. This page predates the shared public typography
   floor and still used 8-10px labels in several real content blocks. */
.referal-page .breadcrumbs{font-size:14px;line-height:1.45}
.referal-page .page-eyebrow,
.referal-page .section-heading>span{font-size:13px;line-height:1.45}
.referal-page .page-hero__lead{max-width:720px;font-size:18px;line-height:1.65}
.referal-page .partner-hero-note{padding:10px 15px;font-size:13px;line-height:1.4}

.referal-page .partner-person{gap:11px;padding:10px 15px 10px 10px;font-size:13px;line-height:1.35}
.referal-page .partner-person i{width:36px;height:36px;font-size:11px}

.referal-page .section-heading p{font-size:17px;line-height:1.7}
.referal-page .partner-level{min-height:430px;padding:32px}
.referal-page .partner-level__name{font-size:13px;line-height:1.4}
.referal-page .partner-level>p{min-height:78px;font-size:16px;line-height:1.65}
.referal-page .partner-level .service-list{gap:12px;margin-top:26px;padding-top:23px}
.referal-page .partner-level .service-list li{font-size:15px;line-height:1.5}
.referal-page .partner-rules-note{padding:19px 21px;font-size:14px;line-height:1.65}

.referal-page .benefit-grid article{min-height:270px;padding:30px}
.referal-page .benefit-grid h3{margin-top:48px;font-size:21px;line-height:1.25}
.referal-page .benefit-grid p{font-size:15px;line-height:1.65}

.referal-page .process-grid article{min-height:270px;padding:30px}
.referal-page .process-grid span{font-size:13px;line-height:1.4}
.referal-page .process-grid h3{margin-top:76px;font-size:20px;line-height:1.25}
.referal-page .process-grid p{font-size:15px;line-height:1.65}

.referal-page .calculator-controls>p{font-size:15px;line-height:1.65}
.referal-page .calculator-field__head{font-size:14px;line-height:1.45}
.referal-page .calculator-field__head output{font-size:16px}
.referal-page .calculator-field select{height:50px;font-size:15px}
.referal-page .calculator-result span{font-size:14px;line-height:1.45}
.referal-page .calculator-result p{font-size:15px;line-height:1.65}
.referal-page .calculator-result small{font-size:13px;line-height:1.55}

.referal-page .faq-question{min-height:70px;padding:22px 0;font-size:17px;line-height:1.45}
.referal-page .faq-answer{max-width:740px;padding-bottom:26px;font-size:15px;line-height:1.7}
.referal-page .page-cta p{font-size:17px;line-height:1.7}

@media(max-width:900px){
  .referal-page .partner-level{min-height:0}
  .referal-page .partner-level>p{min-height:0}
  .referal-page .partner-person{font-size:12px}
}

@media(max-width:700px){
  .referal-page .page-hero__lead{font-size:17px}
  .referal-page .benefit-grid article,
  .referal-page .process-grid article{min-height:0}
  .referal-page .benefit-grid h3,
  .referal-page .process-grid h3{margin-top:32px}
}

@media(max-width:480px){
  .referal-page .page-hero__lead{font-size:16px}
  .referal-page .partner-hero-note{border-radius:15px;font-size:12px;text-align:left}
  .referal-page .section-heading p{font-size:16px}
  .referal-page .partner-level{padding:27px 24px}
  .referal-page .partner-level>p{font-size:15px}
  .referal-page .benefit-grid article,
  .referal-page .process-grid article{padding:25px}
  .referal-page .calculator-field__head{align-items:flex-start;flex-direction:column;gap:6px}
  .referal-page .faq-question{font-size:16px}
  .referal-page .faq-answer{font-size:15px}
}