:root{
  --primary: #00b8fc;
  --primary-2: #0288d1;
  --ink: #17202c;
  --text: #202936;
  --muted: #667085;
  --line: #e2e8f0;
  --soft: #f6fbff;
  --soft-2: #f7f9fc;
  --white: #fff;
  --dark: #07111f;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 22px 60px rgba(15, 23, 42, 0.12);
  --shadow-soft: 0 14px 34px rgba(15, 23, 42, 0.08);
  --max: 1180px;
  --vg-section-y: 78px;
  --vg-section-y-mobile: 62px;
  --vg-intro-gap: 42px;
  --vg-intro-gap-mobile: 28px;
  --vg-intro-bottom: 50px;
  --vg-intro-bottom-mobile: 34px;
  --vg-card-gap: 20px;
  --vg-card-title-gap: 8px;
  --vg-card-body-weight: 460;
  --vg-primary-hover: #12c8ff;
  --vg-primary-border-hover: #12c8ff;
  --vg-secondary-bg: rgba(255, 255, 255, 0.035);
  --vg-secondary-border: rgba(255, 255, 255, 0.34);
  --vg-secondary-bg-hover: rgba(255, 255, 255, 0.085);
  --vg-secondary-border-hover: rgba(255, 255, 255, 0.58);
  --vg-secondary-glow-hover: 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 0 18px rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.14);
  --vg-page-gutter: 32px;
  --vg-screen-card-radius: 14px;
  --vg-screen-single-max: 550px;
  --vg-screen-single-ratio: 2 / 1;
  --vg-shot-price-request-ratio: 1.92 / 1;
  --vg-shot-online-booking-ratio: 1.72 / 1;
  --vg-shot-email-send-ratio: 1.72 / 1;
  --vg-shot-history-status-ratio: 1.72 / 1;
  --vg-shot-stats-ratio: 2.7 / 1;
  --vg-shot-single-max: 550px;
  --vg-shot-single-ratio: 2 / 1;
  --vg-shot-order-context-max: 550px;
  --vg-shot-order-context-ratio: 2 / 1;
  --vg-shot-history-position-max: 550px;
  --vg-shot-history-position-ratio: 2 / 1;
  --vg-shot-email-inbox-max: 550px;
  --vg-shot-email-inbox-ratio: 2 / 1;
  --vg-shot-work-split-earnings-max: 520px;
  --vg-shot-work-split-earnings-ratio: 2.71 / 1;
  --vg-shot-history-grid-gap: 18px;
  --vg-files-section-padding-y: clamp(54px, 4vw, 72px);
  --vg-files-visual-bottom-space: 22px;
  --vg-files-inset-width: 42%;
  --vg-files-inset-max: 250px;
  --vg-files-inset-min: 190px;
  --vg-shot-active-orders-max: 620px;
  --vg-shot-active-orders-ratio: 2.2 / 1;
  --vg-shot-scheduler-max: 550px;
  --vg-shot-scheduler-ratio: 2.7 / 1.2;
  --vg-shot-stock-items-max: 550px;
  --vg-shot-stock-items-ratio: 2.7 / 1;
  --vg-shot-special-order-items-max: 550px;
  --vg-shot-special-order-items-ratio: 2.25 / 1;
  --vg-shot-finance-max: 550px;
  --vg-shot-finance-ratio: 2.4 / 1;
  --vg-shot-customer-card-max: 1120px;
  --vg-shot-customer-card-ratio: 2.85 / 1;
  --vg-shot-history-grid-max: 640px;
  --vg-shot-history-compact-ratio: 1.3 / 1;
  --vg-request-flow-height: 246px;
  --vg-request-flow-height-tablet: 226px;
  --vg-email-flow-height: 246px;
  --vg-email-flow-height-tablet: 226px;
  --vg-shot-order-files-max: 550px;
  --vg-shot-order-files-ratio: 2.19 / 1;
  --vg-shot-order-files-list-ratio: 1.8 / 1;
  --vg-shot-stats-main-ratio: 3 / 1;
  --vg-shot-stats-mini-ratio: 2 / 1;
  --vg-shot-payouts-max: 550px;
  --vg-shot-payouts-ratio: 2.4 / 1;
  --vg-shot-soft-filter: saturate(.88) contrast(.96) brightness(.99);
  --vg-shot-border-color: rgba(148, 163, 184, .22);
  --vg-shot-border-color-stats: rgba(148, 163, 184, .18);
  --vg-shot-shadow-soft: 0 14px 32px rgba(15, 35, 55, .07);
  --vg-shot-shadow-soft-hover: 0 18px 42px rgba(15, 35, 55, .10);
  --vg-shot-shadow-stats: 0 10px 24px rgba(15, 35, 55, .055);
}
*{
  box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
}
body{
  margin: 0;
  font-family: Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;
  color: var(--text);
  background: #fff;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a{
  color: inherit;
  text-decoration: none;
}
img{
  display: block;
  max-width: 100%;
  height: auto;
}
button,.wrap{
  margin: 0 auto;
}
.topbar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 80;
  background: transparent;
  border-bottom: 1px solid transparent;
  box-shadow:none;
  transition: background 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease,
    backdrop-filter 0.22s ease;
}
.topbar.is-scrolled{
  background: rgba(7, 17, 31, 0.72);
  border-bottom-color: rgba(255, 255, 255, 0.1);
  box-shadow:0 8px 24px rgba(15, 23, 42, 0.14);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.topbar-inner{
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.brand{
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0;
  color: #fff;
}
.top-actions{
  display: flex;
  align-items: center;
  gap: 18px;
}
.btn{
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 18px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  transition: transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease;
}
.btn-primary{
  color: #fff;
  background: var(--primary);
  box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.24),0 2px 2px 0 rgba(0, 0, 0, 0.16),0 1px 5px 0 rgba(0, 0, 0, 0.14);
}
.btn-primary:hover{
  background: #02a9e8;
  box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.24),0 8px 10px 1px rgba(0, 0, 0, 0.16),0 3px 14px 2px rgba(0, 0, 0, 0.14);
}
.btn-secondary{
  color: #fff;
  border-color: rgba(255, 255, 255, 0.36);
  background: rgba(255, 255, 255, 0.08);
  box-shadow:none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.btn-secondary:hover{
  color: #fff;
  border-color: rgba(255, 255, 255, 0.56);
  background: rgba(255, 255, 255, 0.14);
  box-shadow:0 12px 24px rgba(0, 0, 0, 0.12);
}
h1,h2,h3,p{
  margin-top: 0;
}
h1{
  margin-bottom: 18px;
  color: var(--ink);
  font-size: clamp(38px, 6vw, 72px);
  line-height: 0.98;
  letter-spacing: -0.065em;
}
h2{
  margin-bottom: 14px;
  color: var(--ink);
  font-size: clamp(30px, 4.1vw, 50px);
  line-height: 1.06;
  letter-spacing: -0.055em;
}
.section-dark h3{
  color: #f8fafc !important;
}
.section-desc{
  margin: 0;
  color: #475467;
  font-size: 18px;
}
.section-dark .section-desc,.section-dark p{
  color: rgba(255, 255, 255, 0.74);
}
.hero{
  min-height: 84vh;
  display: flex;
  align-items: center;
  padding: 132px 0 54px;
  color: #fff;
  background-color: #07111f;
  background-image: linear-gradient(
      90deg,
      rgba(7, 17, 31, 0.88) 0%,
      rgba(7, 17, 31, 0.72) 34%,
      rgba(7, 17, 31, 0.38) 68%,
      rgba(7, 17, 31, 0.2) 100%
    ),
    url("bg.webp");
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center center !important;
  box-shadow:0 18px 44px rgba(15, 23, 42, 0.16);
  overflow: hidden;
}
.hero-grid.hero-grid-solo{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  align-items: center;
  width: 100%;
}
.hero-copy{
  max-width: 720px;
  position: relative;
  z-index: 2;
}
.hero h1{
  max-width: 720px;
  color: #fff;
  font-size: clamp(42px, 4.45vw, 68px);
  line-height: 1.06;
  letter-spacing: -0.055em;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}
.hero-sub{
  max-width: 720px;
  line-height: 1.45;
  margin: 24px 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 20px;
  border-left: 3px solid var(--primary);
  padding: 2px 0 2px 14px;
}
.hero-path{
  max-width: 720px;
  margin: 24px 0;
  padding: 2px 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 17px;
  font-weight: 340;
}
.hero-actions{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}
.hero-points{
  width: min(100%, 1010px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 48px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 8px;
  background: rgba(5, 13, 24, 0.18);
  box-shadow:0 10px 24px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.hero-point{
  position: relative;
  min-height: 74px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  overflow: hidden;
  transition: background 0.2s ease,
    border-color 0.2s ease;
}
.hero-point + .hero-point{
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.hero-point-icon{
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: var(--primary);
  transition: color 0.2s ease;
}
.hero-point-icon svg{
  width: 29px;
  height: 29px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px rgba(0, 184, 252, 0.18));
}
.hero-point-text strong{
  display: block;
  margin-bottom: 3px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 820;
  line-height: 1.22;
  letter-spacing: -0.01em;
}
.hero-point-text span{
  display: block;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12.2px;
  line-height: 1.32;
}
.section{
  position: relative;
}
.section-soft{
  background: var(--soft-2);
}
.section-white{
  background: #fff;
}
.section-neutral{
  background: #f7f9fc;
}
.section-accent{
  background: linear-gradient(
    135deg,
    rgba(0, 184, 252, 0.1),
    rgba(2, 136, 209, 0.08)
  );
}
.section-dark{
  color: #fff;
  background: radial-gradient(
      circle at 85% 12%,
      rgba(0, 184, 252, 0.28),
      transparent 32%
    ),
    linear-gradient(135deg, #0a1728, #0d2437 58%, #0a1a2b);
  overflow: hidden;
}
.section-dark::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 44px 44px;
  pointer-events: none;
}
.section-dark > .wrap{
  position: relative;
  z-index: 1;
}
.section-head{
  max-width: 820px;
}
.section-label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: #0478a5;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.section-label span{
  position: relative;
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  display: inline-flex;
  border-radius: 99px;
  background: var(--primary);
  box-shadow:none;
}
.section-label span::after{
  content: none;
}
.section-label-dark,.section-dark .section-label{
  color: #7ddcff;
}
.section-label-dark span,.section-dark .section-label span{
  background: var(--primary);
  box-shadow:none;
}
.section-label-dark span::after,.section-dark .section-label span::after{
  content: none;
}
.pricing-section-label{
  margin-bottom: 14px;
}
.cards{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.card{
  position: relative;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow:0 8px 22px rgba(15, 23, 42, 0.035);
  transition: transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}
.card:hover{
  border-color: rgba(0, 184, 252, 0.34);
  box-shadow:var(--shadow-soft);
  transform: translateY(-3px);
}
.card h3{
  color: var(--ink);
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -0.03em;
}
.card p{
  margin: 0;
  color: var(--muted);
  font-size: 14.5px;
}
.icon{
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  margin-bottom: 14px;
  border-radius: 9px;
  color: #0288d1;
  background: rgba(0, 184, 252, 0.1);
  font-weight: 950;
}
.dark-card{
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
  box-shadow:none;
}
.dark-card h3{
  color: #fff;
}
.dark-card p{
  color: rgba(255, 255, 255, 0.74);
}
.split{
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  align-items: center;
  gap: 42px;
}
.split.reverse{
  grid-template-columns: 1.05fr 0.95fr;
}
.no-visual{
  display: block !important;
}
.no-visual > .reveal{
  max-width: 850px;
}
.no-visual + .cards,.no-visual ~ .cards{
  margin-top: 28px;
}
.visual{
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow:var(--shadow-soft);
  overflow: hidden;
}
.visual img{
  width: 100%;
  height: auto;
  cursor: zoom-in;
}
.convenience-visual{
  justify-self: end;
}
.convenience-visual img{
  aspect-ratio: 2.15 / 1;
  object-fit: cover;
  object-position: center top;
}
.feature-intro.image-left .visual{
  order: 0;
}
.feature-copy{
  max-width: 720px;
}
.feature-wide-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: stretch;
}
.feature-card{
  min-height: 135px;
  padding: 22px 24px;
  border: 1px solid #e3eaf2;
  border-radius: 10px;
  background: #fff;
  box-shadow:0 8px 20px rgba(15, 23, 42, 0.035);
  transition: transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease;
  grid-column: span 3;
  position: relative;
  overflow: hidden;
  color: #344054;
}
.feature-card:hover{
  border-color: rgba(0, 184, 252, 0.34);
  box-shadow:0 18px 38px rgba(15, 23, 42, 0.075);
  transform: translateY(-3px);
  background: #fbfdff;
}
.feature-card h3{
  color: #182230;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.025em;
  margin: 0 0 9px;
}
.feature-card p{
  margin: 0;
  color: #647084;
  font-size: 14.5px;
  line-height: 1.55;
  transition: color 0.2s ease;
}
.email-stack{
  position: relative;
}
.email-stack .visual:last-child{
  position: absolute;
  right: 0;
  bottom: -34px;
  box-shadow:var(--shadow);
}
.cta-band{
  position: relative;
  padding: 48px 0;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  box-shadow:none;
  overflow: hidden;
}
.cta-band::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at 50% 0, black, transparent 72%);
  pointer-events: none;
}
.cta-band .wrap{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
  flex-direction: row !important;
  text-align: left !important;
}
.cta-band h2{
  margin-bottom: 8px;
  color: #fff;
  font-size: 34px;
}
.cta-band p{
  max-width: 740px;
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cta-band .btn-primary{
  color: #0288d1;
  background: #fff;
  box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.24),0 2px 2px 0 rgba(0, 0, 0, 0.16),0 1px 5px 0 rgba(0, 0, 0, 0.14),0 14px 26px rgba(0, 0, 0, 0.1);
}
.cta-band .btn-secondary{
  color: #fff;
  border-color: rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.12);
  box-shadow:none;
}
.pricing-box{
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow:var(--shadow-soft);
}
.pricing-head{
  padding: 30px 30px 18px;
}
.pricing-table{
  width: 100%;
  min-width: 940px !important;
  border-collapse: collapse;
  table-layout: fixed !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.pricing-table th,.pricing-table td{
  padding: 8px 12px !important;
  border-top: 1px solid var(--line);
  font-size: 13px !important;
  text-align: center;
  line-height: 1.25 !important;
  vertical-align: middle !important;
}
.pricing-table th:first-child,.pricing-table td:first-child{
  position: sticky;
  left: 0;
  z-index: 1;
  width: 36% !important;
  color: #344054;
  background: #fff;
  font-weight: 650;
  text-align: left;
}
.pricing-table thead th{
  color: #111827;
  background: #f8fbfe;
  font-size: 16px;
  font-weight: 800;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
.pricing-table thead th:first-child{
  background: #f8fbfe;
}
.plan-title{
  display: block;
  font-size: 16px !important;
  letter-spacing: 0.02em;
}
.plan-star{
  color: #f59e0b;
}
.yes{
  color: var(--primary);
  font-size: 18px !important;
  font-weight: 950;
}
.no{
  color: #98a2b3;
}
.cell-note{
  color: #344054;
  font-weight: 800;
  font-size: 13px !important;
}
.small-note{
  margin: 14px 30px 28px;
  color: #667085;
  font-size: 13px;
}
.final-cta{
  padding: 70px 0;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow:none;
}
.final-cta h2{
  color: #fff;
  max-width: 860px;
  margin: 0 auto 14px;
  font-size: clamp(34px, 3.6vw, 52px) !important;
  line-height: 1.08;
  letter-spacing: -0.05em;
}
.final-cta p{
  max-width: 780px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.88);
  font-size: 18px;
}
.final-cta .hero-actions{
  justify-content: center;
  margin-top: 28px;
}
.final-cta .btn-primary{
  box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.24),0 2px 2px 0 rgba(0, 0, 0, 0.16),0 1px 5px 0 rgba(0, 0, 0, 0.14),0 14px 26px rgba(0, 0, 0, 0.1);
  color: #0288d1;
  background: #fff;
}
.footer{
  padding: 34px 0 24px;
  border-top: 1px solid var(--line);
  color: #667085;
  background: #fff;
}
.footer-main{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
}
.footer-brand{
  max-width: 720px;
}
.footer-brand strong,.footer-docs strong{
  display: block;
  margin-bottom: 8px;
  color: var(--ink);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.footer-brand p{
  margin: 0;
  color: #667085;
  font-size: 15px;
  line-height: 1.65;
}
.footer-proof{
  margin-top: 6px !important;
  color: #667085 !important;
}
.footer-docs{
  min-width: 230px;
  text-align: left;
}
.footer-docs a{
  display: block;
  color: var(--primary-2);
  font-size: 15px;
  line-height: 1.75;
  transition: color 0.18s ease;
}
.footer-docs a:hover{
  color: var(--primary);
}
.footer-bottom{
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(226, 232, 240, 0.8);
  color: #667085;
  font-size: 14px;
}
.scroll-top{
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 190;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(0, 184, 252, 0.28);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  box-shadow:none;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.scroll-top-icon{
  display: block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: translateY(-1px);
}
.scroll-top.is-visible{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.scroll-top:hover{
  box-shadow:none;
  transform: translateY(-2px);
}
.doc-modal{
  position: fixed;
  inset: 0;
  z-index: 260;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.doc-modal.is-open{
  display: flex;
}
.doc-modal-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(7, 17, 31, 0.68);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.doc-modal-dialog{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(880px, 100%);
  max-height: min(760px, calc(100vh - 60px));
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
  box-shadow:0 28px 90px rgba(7, 17, 31, 0.32);
}
.doc-modal-close{
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  color: #07111f;
  background: #f3f7fb;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.18s ease,
    transform 0.18s ease;
}
.doc-modal-close:hover{
  background: #e8f7fe;
  transform: translateY(-1px);
}
.doc-modal-head{
  padding: 28px 72px 20px 32px;
  border-bottom: 1px solid var(--line);
}
.doc-modal-head p{
  margin: 0 0 8px;
  color: var(--primary-2);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.doc-modal-head h2{
  margin: 0;
  color: var(--ink);
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.1;
  letter-spacing: -0.045em;
}
.doc-modal-body{
  overflow: auto;
  padding: 24px 32px 32px;
}
.doc-text{
  color: #475467;
  font-size: 15px;
  line-height: 1.72;
}
.doc-text p{
  margin: 0 0 12px;
}
.doc-text h3{
  margin: 24px 0 8px;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -0.02em;
}
.doc-text .doc-date{
  color: #667085;
  font-size: 14px;
}
.lightbox{
  position: fixed;
  inset: 0;
  z-index: 200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(7, 17, 31, 0.84);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.lightbox.is-open{
  display: flex;
}
.lightbox img{
  max-width: min(1200px, 96vw);
  max-height: 88vh;
  border-radius: 12px;
  background: #fff;
  box-shadow:0 24px 80px rgba(0, 0, 0, 0.38);
  object-fit: contain;
}
.lightbox-close{
  position: absolute;
  top: 18px;
  right: 22px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  color: #07111f;
  background: #fff;
  box-shadow:0 3px 10px rgba(0, 0, 0, 0.2);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.6s ease,
    transform 0.6s ease;
}
.reveal.is-visible{
  opacity: 1;
  transform: none;
}
@media (max-width: 1100px){.hero-points{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 760px;
  }
.hero-point:nth-child(3){
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }
.hero-point:nth-child(4){
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }

}
@media (max-width: 980px){.hero{
    min-height: 76vh;
    padding: 124px 0 76px;
    background-size: cover;
    background-position: center center;
  }
.hero .wrap{
    width: calc(100% - 40px);
  }
.hero-grid.hero-grid-solo{
    grid-template-columns: minmax(0, 1fr);
  }
.hero h1{
    font-size: clamp(38px, 7vw, 58px);
  }
.cards{
    grid-template-columns: repeat(2, 1fr);
  }
.split,.split.reverse,.feature-intro{
    grid-template-columns: 1fr;
  }
.email-stack .visual:first-child{
    margin-right: 0;
  }
.email-stack .visual:last-child{
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 16px;
  }
.cta-band .wrap{
    align-items: flex-start;
    flex-direction: column;
  }

}
@media (max-width: 680px){.wrap{
    width: calc(100% - 28px);
  }
.topbar-inner{
    min-height: 64px;
  }
.top-actions .btn-primary{
    display: none;
  }
.hero{
    min-height: auto;
    padding: 118px 0 64px;
    background-size: cover;
    background-position: center center;
  }
.hero .wrap{
    width: calc(100% - 28px);
  }
.hero-grid.hero-grid-solo{
    display: block;
  }
.hero h1{
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: -0.045em;
  }
.hero-sub{
    font-size: 18px;
  }
.hero-points{
    grid-template-columns: 1fr;
  }
.hero-point,.hero-point:nth-child(3),.hero-point:nth-child(4){
    min-height: auto;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }
.hero-point:first-child{
    border-top: 0;
  }
.cards{
    grid-template-columns: 1fr;
  }
.section{
    padding: 62px 0;
  }
.feature-intro{
    gap: 28px;
    margin-bottom: 34px;
  }
.pricing-head{
    padding: 24px 18px 14px;
  }
.small-note{
    margin: 14px 18px 24px;
  }
.doc-modal{
    padding: 12px;
  }
.doc-modal-dialog{
    max-height: calc(100vh - 24px);
    border-radius: 18px;
  }
.doc-modal-head{
    padding: 24px 62px 18px 22px;
  }
.doc-modal-body{
    padding: 20px 22px 26px;
  }
.lightbox{
    padding: 14px;
  }
.lightbox-close{
    top: 10px;
    right: 10px;
  }

}
.feature-card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 3px;
  background: var(--primary);
  border-radius: 0 6px 6px 0;
  transition: top 0.2s ease,
        bottom 0.2s ease,
        background 0.2s ease;
}
.feature-card:hover::before{
  top: 10px;
  bottom: 10px;
  background: #0288d1;
}
.feature-card:hover p{
  color: #4b5563;
}
.feature-wide-grid.three .feature-card{
  grid-column: span 4;
}
.feature-wide-grid.six .feature-card{
  grid-column: span 4;
}
@media (max-width: 1100px){.feature-wide-grid .feature-card,.feature-wide-grid.three .feature-card,.feature-wide-grid.six .feature-card{
    grid-column: span 6;
  }

}
@media (max-width: 640px){.feature-wide-grid .feature-card,.feature-wide-grid.three .feature-card,.feature-wide-grid.six .feature-card{
    grid-column: span 12;
  }
.feature-card{
    min-height: auto;
  }

}
.finance-grid{
  display: grid;
  gap: 20px;
}
.finance-grid .feature-card{
  min-height: 155px;
}
.history-intro{
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, 0.82fr);
  align-items: center;
}
.stats-layout{
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr) !important;
  gap: 42px !important;
  align-items: start !important;
}
.stats-card-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.stats-card-grid .feature-card{
  grid-column: auto;
  min-height: 160px;
}
.stats-stack{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-items: stretch !important;
  padding-top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}
.stats-shot{
  border-radius: 12px !important;
}
.stats-shot img{
  width: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: top left !important;
  height: 142px !important;
}
.pricing-table .standard,.pricing-table th.standard,.pricing-table td.standard{
  background: rgba(0, 184, 252, 0.07);
}
.final-cta::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at 50% 0, black, transparent 72%);
  pointer-events: none;
}
.final-cta .wrap{
  position: relative;
  z-index: 1;
  display: block;
  text-align: center;
}
@media (max-width: 980px){.finance-grid,.history-intro,.stats-layout{
    grid-template-columns: 1fr;
  }
.finance-grid .feature-card,.finance-grid .feature-card:last-child{
    grid-column: auto;
  }
.stats-card-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.stats-shot,.stats-shot-payments,.stats-shot-returns{
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

}
@media (max-width: 680px){.finance-grid,.stats-card-grid{
    grid-template-columns: 1fr;
  }
.stats-card-grid .feature-card{
    min-height: auto;
  }
.stats-stack{
    flex-direction: column;
  }

}
.system-cards .card{
  padding: 22px 24px;
}
.system-card-head{
  display: flex;
  gap: 14px;
}
.system-card-head .icon{
  flex: 0 0 auto;
}
.system-cards .card p{
  margin-top: 0;
}
@media (max-width: 980px){.final-cta{
    padding: 60px 0;
  }

}
@media (max-width: 680px){.system-card-head{
    gap: 12px;
    margin-bottom: 12px;
  }
.final-cta{
    padding: 52px 0;
  }
.final-cta h2{
    font-size: 34px;
  }

}
.control-cards{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.finance-grid{
  grid-template-columns: repeat(12, 1fr);
}
.finance-grid .feature-card,.finance-grid .feature-card:last-child,.finance-grid .feature-card:nth-last-child(-n + 2){
  grid-column: span 4;
}
@media (max-width: 980px){.control-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.finance-grid .feature-card,.finance-grid .feature-card:last-child,.finance-grid .feature-card:nth-last-child(-n + 2){
    grid-column: span 6 !important;
  }

}
@media (max-width: 680px){.control-cards{
    grid-template-columns: 1fr;
  }
.finance-grid .feature-card,.finance-grid .feature-card:last-child,.finance-grid .feature-card:nth-last-child(-n + 2){
    grid-column: span 12 !important;
  }

}
.special-order-callout{
  position: relative;
  margin-top: 24px;
  padding: 20px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow:none;
}
.special-order-callout::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(125, 220, 255, 0.28), rgba(125, 220, 255, 0.08) 46%, rgba(125, 220, 255, 0));
}
.special-order-copy{
  max-width: 760px;
}
.special-order-copy h3{
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(23px, 2.2vw, 31px);
  line-height: 1.14;
  letter-spacing: -0.04em;
}
.special-order-copy p{
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 16px;
  line-height: 1.62;
}
.special-order-cards{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 16px;
}
.special-order-cards article{
  position: relative;
  min-height: 104px;
  padding: 8px 18px 8px 24px;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: transparent;
  transition: transform 0.2s ease,
    background 0.2s ease;
  box-shadow:none;
}
.special-order-cards article::before{
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 3px;
  border-radius: 0 6px 6px 0;
  background: var(--primary);
  transition: top 0.2s ease,
    bottom 0.2s ease,
    background 0.2s ease;
}
.special-order-cards article:hover{
  transform: translateY(-3px);
  border-color: rgba(125, 220, 255, 0.42);
  background: rgba(255, 255, 255, 0.065);
}
.special-order-cards h4{
  margin: 0 0 8px;
  color: #fff;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.02em;
}
.special-order-cards p{
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.5;
  max-width: 33ch;
}
@media (max-width: 980px){.special-order-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.special-order-cards p{
    max-width: none;
  }

}
@media (max-width: 680px){.special-order-callout{
    padding: 18px 0 0;
  }
.special-order-cards article{
    min-height: auto;
  }

}
.special-order-top{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
}
.special-order-visual{
  justify-self: end;
  width: 100%;
  border-color: rgba(255, 255, 255, 0.14);
}
.special-order-visual img{
  max-height: 205px;
  object-fit: cover;
  object-position: top left;
}
.special-order-cards article:hover::before{
  top: 8px;
  bottom: 8px;
  background: #7ddcff;
}
@media (max-width: 980px){.special-order-top{
    grid-template-columns: 1fr;
  }
.special-order-visual{
    justify-self: start;
    max-width: 100%;
  }

}
.frameless-feature-grid .feature-card{
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow:none;
  padding: 10px 20px 10px 24px;
  transition: transform 0.2s ease,
    background 0.2s ease;
}
.frameless-feature-grid .feature-card::before{
  top: 18px;
  bottom: 18px;
  width: 3px;
  border-radius: 0 6px 6px 0;
  transition: top 0.2s ease,
    bottom 0.2s ease,
    background 0.2s ease;
}
.frameless-feature-grid .feature-card:hover{
  transform: translateY(-3px);
  border-color: transparent;
  background: rgba(0, 184, 252, 0.045);
  box-shadow:none;
}
.frameless-feature-grid .feature-card:hover::before{
  top: 10px;
  bottom: 10px;
  background: #0288D1;
}
.frameless-feature-grid .feature-card h3{
  margin-bottom: 8px;
}
.frameless-feature-grid .feature-card p{
  color: #647084;
}
.stats-card-grid.frameless-feature-grid .feature-card{
  min-height: 148px;
}
@media (max-width: 680px){.frameless-feature-grid .feature-card{
    min-height: auto;
  }

}
.stock-section{
  border-top: 1px solid rgba(15, 23, 42, 0.04);
  border-bottom: 1px solid rgba(15, 23, 42, 0.04);
}
.stock-section .stock-intro{
  margin-bottom: 30px;
}
.stock-section .stock-grid .feature-card{
  min-height: 142px;
}
.special-order-section{
  margin-top: 0;
}
.special-order-section .special-order-callout{
  margin-top: 0;
  padding-top: 0;
}
.special-order-section .special-order-callout::before{
  display: none;
}
.special-order-section .special-order-copy{
  max-width: 820px;
}
.special-order-section .special-order-copy p{
  max-width: 800px;
}
.special-order-section .special-order-cards{
  margin-top: 22px;
}
@media (max-width: 980px){.stock-section .stock-grid .feature-card{
    min-height: auto;
  }

}
.planning-checks{
  display: grid;
  gap: 7px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  margin-top: 18px;
}
.planning-checks li{
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
}
.check-icon{
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #0288d1;
  background: rgba(0, 184, 252, 0.10);
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}
.planning-checks strong{
  display: block;
  margin: 0 0 4px;
  color: #182230;
  letter-spacing: -0.02em;
  margin-bottom: 2px;
}
.planning-checks span:last-child{
  color: #647084;
}
.stock-grid .feature-card{
  grid-column: span 3;
}
@media (max-width: 980px){.stock-grid .feature-card{
    grid-column: span 6;
  }

}
@media (max-width: 680px){.planning-checks li{
    grid-template-columns: 34px minmax(0, 1fr);
  }
.stock-grid .feature-card{
    grid-column: span 12;
  }

}
.stock-grid.three .feature-card{
  grid-column: span 4;
}
@media (max-width: 980px){.stock-grid.three .feature-card{
    grid-column: span 6;
  }

}
@media (max-width: 680px){.planning-checks li{
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
  }
.check-icon{
    width: 28px;
    height: 28px;
    font-size: 17px;
  }
.stock-grid.three .feature-card{
    grid-column: span 12;
  }

}
.hero-point::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(circle at 18% 18%, rgba(0, 184, 252, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(0, 184, 252, 0.12), rgba(255, 255, 255, 0.035));
  transition: opacity 0.22s ease;
}
.hero-point::after{
  content: "";
  position: absolute;
  left: 0;
  top: 22%;
  bottom: 22%;
  width: 3px;
  border-radius: 0 6px 6px 0;
  background: var(--primary);
  transition: top 0.22s ease,
    bottom 0.22s ease,
    opacity 0.22s ease;
}
.hero-point > *{
  position: relative;
  z-index: 1;
}
.hero-point:hover{
  transform: none !important;
  border-color: inherit !important;
  background: transparent !important;
  box-shadow:none !important;
}
.hero-point:hover::after{
  top: 14%;
  bottom: 14%;
}
.hero-point:hover .hero-point-icon{
  color: #7ddcff !important;
  transform: none !important;
  filter: drop-shadow(0 0 8px rgba(0, 184, 252, 0.18)) !important;
}
.hero-point-text strong,.hero-point-text span{
  transition: color 0.2s ease;
}
.hero-point:hover .hero-point-text strong{
  color: #ffffff !important;
}
.hero-point:hover .hero-point-text span{
  color: rgba(255, 255, 255, 0.82) !important;
}
.hero-point,.hero-point:hover{
  transform: none;
  box-shadow:none;
}
.hero-point + .hero-point:hover{
  border-left-color: rgba(255, 255, 255, 0.1) !important;
}
.hero-point:hover::before,.hero-point:hover::after,.hero-point::before,.hero-point::after{
  display: none !important;
  opacity: 0 !important;
}
.multi-location-compact-section{
  padding: 68px 0;
  background: radial-gradient(circle at 82% 16%, rgba(0, 184, 252, 0.10), transparent 30%),
    linear-gradient(135deg, rgba(0, 184, 252, 0.06), rgba(2, 136, 209, 0.045));
  border-top: 1px solid rgba(0, 184, 252, 0.08);
  border-bottom: 1px solid rgba(0, 184, 252, 0.08);
}
.multi-location-compact{
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 0.85fr);
  align-items: center;
  margin-bottom: 28px;
}
.multi-location-compact-copy .section-desc{
  max-width: 760px;
}
.multi-location-mini-mockup{
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow:0 16px 42px rgba(15, 23, 42, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.access-mini-title{
  padding: 14px 16px 12px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07);
  color: #182230;
}
.access-mini-title strong{
  display: block;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.access-mini-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
  padding: 0 14px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.09);
  color: #667085;
  font-size: 10.5px;
  font-weight: 800;
  white-space: normal;
}
.access-mini-tabs span{
  position: relative;
  display: block;
  padding: 10px 0 9px;
  line-height: 1.2;
}
.access-mini-tabs .active{
  color: var(--primary-2);
}
.access-mini-tabs .active::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--primary);
}
.access-mini-table{
  padding: 0 16px 14px;
}
.access-mini-head,.access-mini-row{
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr);
  gap: 12px;
  align-items: center;
}
.access-mini-head{
  min-height: 24px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.065);
  color: #667085;
}
.access-mini-row{
  min-height: 32px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.055);
  color: #344054;
  font-size: 12px;
}
.access-mini-row:last-child{
  border-bottom: 0;
}
.access-mini-row span{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.role-badges-list{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  vertical-align: middle;
}
.role-badge{
  display: inline-flex;
  align-items: center;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
.access-mini-mockup .role-badge{
  padding: 1px 5px;
  font-size: 10.5px;
  line-height: 16px;
}
.role-badge.green{
  background: #d9f0dd;
  color: #246b35;
}
.role-badge.blue{
  background: #d9f4fb;
  color: #24566a;
}
.role-badge.dark-blue{
  background: #cfe6ff;
  color: #17456f;
}
.role-badge.orange{
  background: #ffe2b8;
  color: #734000;
}
.role-badge.purple{
  background: #ece4ff;
  color: #4d378a;
}
@media (max-width: 1080px){.multi-location-compact{
    grid-template-columns: 1fr;
  }
.multi-location-mini-mockup{
    max-width: 760px;
  }

}
@media (max-width: 780px){.access-mini-tabs{
    gap: 2px 12px;
  }
.access-mini-head,.access-mini-row{
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr);
    gap: 8px;
    padding: 7px 0;
  }
.role-badges-list{
    justify-content: flex-end;
  }

}
@media (max-width: 680px){.multi-location-compact-section{
    padding: 54px 0;
  }

}
.request-intro{
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr) !important;
  align-items: center !important;
  gap: 46px !important;
  margin-bottom: 36px !important;
}
.request-cards-bottom{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
@media (max-width: 980px){.request-intro{
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
.request-cards-bottom{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}
@media (max-width: 680px){.request-cards-bottom{
    grid-template-columns: 1fr !important;
  }


}
.stats-compact-list.frameless-feature-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 23, 42, 0.075) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.62) !important;
  box-shadow:0 10px 26px rgba(15, 23, 42, 0.045) !important;
  margin-top: 0 !important;
}
.stats-compact-list.frameless-feature-grid .feature-card{
  grid-column: auto !important;
  min-height: 0 !important;
  padding: 13px 18px 13px 24px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
  background: transparent !important;
  box-shadow:none !important;
}
.stats-compact-list.frameless-feature-grid .feature-card:last-child{
  border-bottom: 0 !important;
}
.stats-compact-list.frameless-feature-grid .feature-card::before{
  top: 14px !important;
  bottom: 14px !important;
}
.stats-compact-list.frameless-feature-grid .feature-card:hover{
  background: rgba(255, 255, 255, 0.72) !important;
}
.stats-compact-list.frameless-feature-grid .feature-card:hover::before{
  top: 8px !important;
  bottom: 8px !important;
}
.stats-compact-list.frameless-feature-grid .feature-card h3{
  margin-bottom: 5px !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
}
.stats-compact-list.frameless-feature-grid .feature-card p{
  font-size: 13.5px !important;
  line-height: 1.42 !important;
  font-weight: 460 !important;
}
.stats-shot,.stats-shot-main,.stats-shot-payments,.stats-shot-returns{
  width: 100% !important;
  margin-right: 0 !important;
}
.stats-shot-main img{
  height: 168px !important;
}
@media (max-width: 980px){.stats-layout{
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
.stats-stack{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
.stats-shot img,.stats-shot-main img{
    height: 150px !important;
  }

}
@media (max-width: 680px){.stats-compact-list.frameless-feature-grid .feature-card{
    padding: 12px 14px 12px 20px !important;
  }
.stats-stack{
    grid-template-columns: 1fr !important;
  }
.stats-shot img,.stats-shot-main img{
    height: 145px !important;
  }

}
.stats-head-wide{
  max-width: 1040px !important;
  margin: 0 0 28px !important;
}
.stats-head-wide .section-desc{
  max-width: 900px !important;
}
.stats-copy-column{
  display: block !important;
}
@media (max-width: 980px){.stats-head-wide{
    max-width: 100% !important;
  }

}
.reminders-intro{
  grid-template-columns: minmax(0, 0.92fr) minmax(380px, 0.68fr) !important;
  align-items: center !important;
  margin-bottom: 50px !important;
  gap: 44px !important;
}
.sms-phone{
  justify-self: end;
  width: min(100%, 330px);
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 28px;
  background: #101827;
  box-shadow:0 22px 54px rgba(15, 23, 42, 0.18),inset 0 0 0 7px rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
.sms-phone-top{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 18px 20px 12px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.sms-phone-dot{
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: var(--primary);
  box-shadow:none;
}
.sms-screen{
  margin: 0 14px 14px;
  padding: 18px 15px 20px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 251, 255, 0.98));
}
.sms-status{
  margin-bottom: 6px;
  color: #17202c;
  font-size: 13px;
  font-weight: 850;
}
.sms-date{
  margin-bottom: 12px;
  color: #8a94a6;
  font-size: 11px;
  font-weight: 750;
  text-align: center;
}
.sms-bubble{
  position: relative;
  padding: 13px 14px;
  border-radius: 16px 16px 16px 4px;
  color: #253044;
  background: #e8f6ff;
  font-size: 12.5px;
  font-weight: 620;
  line-height: 1.48;
  box-shadow:none;
}
.sms-bubble::before{
  content: "";
  position: absolute;
  left: -4px;
  bottom: 0;
  width: 10px;
  height: 10px;
  background: #e8f6ff;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
@media (max-width: 980px){.sms-phone{
    justify-self: start;
    width: min(100%, 360px);
  }

}
@media (max-width: 680px){.sms-phone{
    width: 100%;
    max-width: 330px;
  }

}
.sms-phone.sms-preview-card{
  width: min(100%, 455px) !important;
  border-radius: 16px !important;
  max-width: 455px !important;
  justify-self: center !important;
}
.sms-phone.sms-preview-card .sms-phone-top{
  padding: 10px 15px 6px !important;
}
.sms-phone.sms-preview-card .sms-screen{
  margin: 0 8px 8px !important;
  padding: 12px 13px 13px !important;
  border-radius: 13px !important;
}
.sms-phone.sms-preview-card .sms-status{
  margin-bottom: 3px !important;
}
.sms-phone.sms-preview-card .sms-date{
  margin-bottom: 10px !important;
  text-align: left !important;
}
.sms-phone.sms-preview-card .sms-bubble{
  padding: 11px 13px !important;
  border-radius: 12px 12px 12px 4px !important;
  font-size: 12.1px !important;
  line-height: 1.42 !important;
  font-weight: 620 !important;
}
@media (max-width: 980px){.reminders-intro{
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
.sms-phone.sms-preview-card{
    width: min(100%, 560px) !important;
  }

}
@media (max-width: 680px){.sms-phone.sms-preview-card{
    width: 100% !important;
    max-width: 100% !important;
  }
.sms-phone.sms-preview-card .sms-bubble{
    font-size: 12px !important;
  }

}
@media (max-width: 980px){.sms-phone.sms-preview-card{
    justify-self: start !important;
    width: min(100%, 455px) !important;
    max-width: 455px !important;
  }

}
.sms-meta-row{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 10px !important;
}
.sms-meta-row .sms-status{
  margin: 0 !important;
  min-width: 0 !important;
  color: #17202c !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}
.sms-meta-row .sms-date{
  margin: 0 !important;
  min-width: 0 !important;
  color: #8a94a6 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
@media (max-width: 420px){.sms-meta-row{
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 3px !important;
  }
.sms-meta-row .sms-date{
    text-align: left !important;
  }

}
@media (max-width: 980px){.reminders-intro{
    margin-bottom: 42px !important;
  }

}
@media (max-width: 680px){.reminders-intro{
    margin-bottom: 32px !important;
  }

}
.section h2{
  font-size: clamp(30px, 3.15vw, 42px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.045em !important;
}
@media (max-width: 980px){.section h2{
    font-size: clamp(30px, 5.4vw, 42px) !important;
  }

}
.planning-head-wide{
  max-width: 980px !important;
  margin: 0 0 34px !important;
  text-align: left !important;
}
.planning-body{
  grid-template-columns: minmax(420px, 1.05fr) minmax(0, 0.95fr) !important;
  align-items: center !important;
  margin-bottom: 50px !important;
}
.planning-visual{
  width: 100% !important;
}
.planning-visual img{
  display: block !important;
  width: 100% !important;
  max-height: 310px !important;
  object-fit: cover !important;
  object-position: top left !important;
}
.planning-copy{
  max-width: 680px !important;
}
.request-image-left{
  grid-template-columns: minmax(420px, 1.08fr) minmax(0, 0.92fr) !important;
  align-items: center !important;
  gap: 46px !important;
}
.request-image-left .feature-copy{
  order: 1 !important;
  justify-self: start !important;
  max-width: 700px !important;
}
@media (max-width: 980px){.planning-head-wide{
    margin-bottom: 26px !important;
  }
.planning-body,.request-image-left{
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
.planning-visual{
    max-width: 100% !important;
    justify-self: stretch !important;
  }
.planning-copy,.request-image-left .feature-copy{
    max-width: 100% !important;
  }
.planning-head-wide{
    margin: 0 0 26px !important;
    max-width: 100% !important;
  }

}
.pricing-table th:not(:first-child),.pricing-table td:not(:first-child){
  width: 16% !important;
}
.pricing-table tbody tr{
  transition: background 0.16s ease;
}
.pricing-table tbody tr:hover td{
  background: rgba(0, 184, 252, 0.065) !important;
}
.pricing-table tbody tr:hover td:first-child{
  color: #17202c !important;
}
.pricing-table tbody tr:hover .standard{
  background: rgba(0, 184, 252, 0.11) !important;
}
.cta-band .hero-actions{
  justify-content: flex-end !important;
  margin-top: 0 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
}
@media (max-width: 720px){.scroll-top{
    right: 16px;
    bottom: 16px;
    width: 42px;
    height: 42px;
  }
.cta-band .wrap{
    text-align: center !important;
  }

}
@media (max-width: 720px){.cta-band .wrap{
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 22px !important;
  }
.cta-band .hero-actions{
    width: 100% !important;
    justify-content: flex-start !important;
  }
.footer{
    padding: 28px 0 22px;
  }
.footer-main{
    display: block;
  }
.footer-docs{
    margin-top: 22px;
  }
.footer-bottom{
    margin-top: 20px;
  }

}
@media (max-width: 520px){.access-mini-tabs{
    gap: 0 10px;
    font-size: 10px;
  }
.access-mini-head{
    grid-template-columns: 1fr;
    gap: 4px;
  }
.access-mini-head span:last-child{
    display: none;
  }
.access-mini-row{
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
  }
.access-mini-row > span{
    white-space: nowrap;
    text-overflow: clip;
  }
.role-badges-list{
    justify-content: flex-start;
  }
.access-mini-mockup .role-badge{
    font-size: 10px;
    padding-right: 4px;
    padding-left: 4px;
  }

}
.access-mini-head span:last-child{
  justify-self: end;
  text-align: right;
}
.history-stack{
  position: relative;
  justify-self: end;
  width: min(560px, 100%);
  min-height: 258px;
}
.history-stack .visual{
  box-shadow:var(--shadow-soft);
}
.history-shot-main{
  width: 74%;
  margin-left: auto;
}
.history-shot-main img{
  aspect-ratio: 1.95 / 1;
  width: 100%;
  max-height: 210px;
  object-fit: cover;
  object-position: top left;
}
.history-shot-status{
  position: absolute;
  left: 4px;
  bottom: -12px;
  width: 39%;
  z-index: 2;
}
.history-shot-status img{
  aspect-ratio: 1.75 / 1;
  width: 100%;
  object-fit: cover;
  object-position: top left;
}
@media (max-width: 980px){.history-intro{
    grid-template-columns: 1fr;
  }
.history-stack{
    justify-self: start;
    width: min(620px, 100%);
  }

}
@media (max-width: 640px){.history-stack{
    min-height: 0;
  }
.history-shot-main{
    width: 100%;
    margin-left: 0;
  }
.history-shot-status{
    position: static;
    width: 76%;
    margin-top: 10px;
    margin-left: auto;
  }

}
.top-register{
  min-width: 150px;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 980px){.topbar-inner{
    gap: 18px;
  }
.top-actions{
    gap: 12px;
  }

}
@media (max-width: 760px){.topbar-inner{
    gap: 10px;
  }
.top-actions{
    gap: 8px;
  }
.login{
    font-size: 13px;
    padding: 7px 6px;
  }
.top-register{
    min-width: 118px;
    padding-left: 18px;
    padding-right: 18px;
  }

}
@media (max-width: 520px){.top-actions{
    gap: 6px;
  }
.login{
    padding-left: 4px;
    padding-right: 4px;
  }
.top-register{
    min-width: auto;
    padding-left: 14px;
    padding-right: 14px;
  }

}
.feature-intro h2,.section-head h2,.stats-head-wide h2,.planning-head-wide h2{
  color: #17212f !important;
}
@media (max-width: 980px){.section h2{
    font-size: clamp(28px, 5vw, 38px) !important;
    line-height: 1.12 !important;
  }

}
@media (max-width: 680px){.section h2,.final-cta h2{
    font-size: 29px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.035em !important;
  }

}
.multi-location-info-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
}
.multi-location-info-item{
  position: relative;
  min-height: auto;
  padding: 0 0 0 24px;
  transition: transform 0.2s ease,
    opacity 0.2s ease;
}
.multi-location-info-item::before{
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 3px;
  background: var(--primary);
  transition: top 0.2s ease,
    bottom 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
.multi-location-info-item h3{
  margin: 0 0 7px;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.025em;
}
.multi-location-info-item p{
  margin: 0;
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.55;
  transition: color 0.2s ease;
}
.multi-location-info-item:hover{
  transform: translateY(-3px);
}
.multi-location-info-item:hover::before{
  top: 2px;
  bottom: 2px;
  background: #0288d1;
  box-shadow:none;
}
.multi-location-info-item:hover p{
  color: #4b5563;
}
@media (max-width: 980px){.multi-location-info-grid{
    grid-template-columns: 1fr;
  }

}
@media (max-width: 680px){.multi-location-info-grid{
    gap: 24px;
  }
.multi-location-info-item{
    padding-left: 20px;
  }

}
.card h3,.feature-card h3,.multi-location-info-item h3,.special-order-cards h4{
  margin-top: 0;
}
.section{
  padding: var(--vg-section-y) 0;
}
.section-head{
  margin: 0 0 30px;
}
.feature-intro,.multi-location-compact,.stats-layout{
  gap: var(--vg-intro-gap);
}
.feature-intro,.planning-body,.request-intro,.reminders-intro,.history-intro,.stock-intro{
  margin-bottom: var(--vg-intro-bottom);
}
.feature-intro{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.cards,.feature-wide-grid,.stats-card-grid,.multi-location-info-grid,.special-order-cards{
  gap: var(--vg-card-gap);
}
.system-cards,.control-cards{
  margin-top: 28px;
}
.card h3,.feature-card h3,.multi-location-info-item h3,.special-order-cards h4{
  margin-bottom: var(--vg-card-title-gap);
}
.card p,.feature-card p,.multi-location-info-item p,.special-order-cards p{
  font-weight: var(--vg-card-body-weight);
}
.feature-copy .section-desc + .section-desc{
  margin-top: 14px;
}
@media (max-width: 980px){.feature-intro,.multi-location-compact,.stats-layout{
    gap: var(--vg-intro-gap-mobile);
  }
.feature-intro,.planning-body,.request-intro,.reminders-intro,.history-intro,.stock-intro{
    margin-bottom: var(--vg-intro-bottom-mobile);
  }

}
@media (max-width: 680px){.section{
    padding: var(--vg-section-y-mobile) 0;
  }

}
.feature-card.reveal.is-visible:hover,.card.reveal.is-visible:hover{
  transform: translateY(-3px);
}
.frameless-feature-grid .feature-card.reveal.is-visible:hover,.multi-location-info-item.reveal.is-visible:hover,.special-order-cards article.reveal.is-visible:hover{
  transform: translateY(-3px);
}
.customer-history-intro{
  align-items: center;
  margin-bottom: 0;
}
.customer-history-checks{
  align-self: center;
  margin-top: 0;
}
@media (max-width: 980px){.customer-history-intro{
    align-items: start;
    margin-bottom: 0;
  }
.customer-history-checks{
    align-self: start;
    margin-top: 0;
  }

}
.planning-card-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.planning-card-grid .feature-card{
  grid-column: auto !important;
}
@media (max-width: 980px){.planning-card-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}
@media (max-width: 680px){.planning-card-grid{
    grid-template-columns: 1fr !important;
  }

}
.feature-card::before{
  display: none;
}
.feature-card:hover::before{
  display: none;
}
.stripe-card-grid .feature-card::before,.frameless-feature-grid .feature-card::before{
  display: block;
}
.stripe-card-grid .feature-card:hover::before,.frameless-feature-grid .feature-card:hover::before{
  display: block;
}
.solid-card-grid .feature-card::before,.solid-card-grid .feature-card:hover::before{
  display: none !important;
}
.solid-card-grid .feature-card{
  background: #fff;
  border: 1px solid #e3eaf2;
  box-shadow:0 8px 20px rgba(15, 23, 42, 0.035);
}
.solid-card-grid .feature-card:hover{
  background: #fbfdff;
  border-color: rgba(0, 184, 252, 0.34);
  box-shadow:0 18px 38px rgba(15, 23, 42, 0.075);
}
.soft-card-grid .card{
  background: rgba(255, 255, 255, 0.42);
  border: 1px solid rgba(204, 217, 232, 0.86);
  box-shadow:none;
}
.soft-card-grid .card:hover{
  background: rgba(255, 255, 255, 0.66);
  border-color: rgba(0, 184, 252, 0.30);
  box-shadow:none;
  transform: translateY(-3px);
}
.soft-card-grid .card h3{
  margin-bottom: 8px;
}
.soft-card-grid .card p{
  color: #647084;
  font-weight: 460;
  line-height: 1.55;
}
.history-soft-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.history-soft-grid .card{
  min-height: 142px;
  padding: 22px 24px;
}
@media (max-width: 980px){.history-soft-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}
@media (max-width: 680px){.history-soft-grid{
    grid-template-columns: 1fr;
  }
.history-soft-grid .card{
    min-height: auto;
  }

}
.request-step-grid{
  counter-reset: request-step;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.request-step-card{
  counter-increment: request-step;
}
.request-step-card::before{
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 26px;
  margin-bottom: 14px;
  padding: 0 8px;
  border-radius: 999px;
  color: var(--primary-2);
  background: rgba(0, 184, 252, 0.10);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
}
.request-step-card h3{
  color: #182230;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.025em;
}
.request-step-card p{
  margin: 0;
  color: #647084;
  font-size: 14.5px;
  font-weight: 460;
  line-height: 1.55;
  transition: color 0.2s ease;
}
.request-step-card:hover p{
  color: #4b5563;
}
.payouts-card-grid .card{
  background: #fff;
  border: 1px solid #e3eaf2;
  box-shadow:0 8px 20px rgba(15, 23, 42, 0.035);
}
.payouts-card-grid .card:hover{
  border-color: rgba(0, 184, 252, 0.34);
  box-shadow:0 18px 38px rgba(15, 23, 42, 0.075);
  transform: translateY(-3px);
}
.payouts-card-grid .card p{
  font-weight: 460;
  line-height: 1.55;
}
.payouts-card-grid .card.reveal.is-visible:hover{
  transform: translateY(-3px);
}
@media (max-width: 980px){.request-step-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}
@media (max-width: 680px){.request-step-grid{
    grid-template-columns: 1fr;
  }
.request-step-card{
    min-height: auto;
  }

}
.request-step-card::before{
  content: none;
  display: none;
}
.system-card-head{
  align-items: center;
  margin-bottom: var(--vg-card-title-gap);
}
.system-card-head .icon{
  width: auto;
  min-width: 38px;
  height: 24px;
  margin: 0;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
}
.system-card-head h3{
  margin: 0;
}
.system-cards .card.reveal.is-visible:hover{
  transform: translateY(-3px);
}
.request-step-grid{
  gap: 34px 28px;
  margin-top: 10px;
}
.request-step-card{
  position: relative;
  min-height: 132px;
  padding: 9px 22px 9px 28px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow:none;
  transition: transform 0.2s ease,
    background 0.2s ease;
}
.request-step-card::after{
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 3px;
  border-radius: 0 6px 6px 0;
  background: var(--primary);
  transition: top 0.2s ease,
    bottom 0.2s ease,
    background 0.2s ease;
}
.request-step-card h3{
  align-items: center;
  gap: 12px;
}
.request-step-card h3::before{
  flex: 0 0 auto;
  min-width: 38px;
  height: 24px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 999px;
  color: var(--primary-2);
  background: rgba(0, 184, 252, 0.10);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.08em;
}
.request-step-card:hover{
  transform: translateY(-3px);
  border-color: transparent;
  background: rgba(0, 184, 252, 0.045);
  box-shadow:none;
}
.request-step-card:hover::after{
  top: 9px;
  bottom: 9px;
  background: var(--primary-2);
}
.request-step-card.reveal.is-visible:hover{
  transform: translateY(-3px);
}
@media (max-width: 680px){.request-step-grid{
    gap: 16px;
  }

}
.system-cards .card{
  background: #fff !important;
  border: 1px solid #e3eaf2 !important;
  box-shadow:0 8px 20px rgba(15, 23, 42, 0.035) !important;
}
.system-cards .card:hover{
  background: #fff !important;
  border-color: rgba(0, 184, 252, 0.34) !important;
  box-shadow:0 18px 38px rgba(15, 23, 42, 0.075) !important;
  transform: translateY(-3px);
}
.request-step-card h3{
  display: block;
  margin: 0 0 var(--vg-card-title-gap);
}
.request-step-card h3::before{
  content: none !important;
  display: none !important;
}
.system-overview-section{
  background: var(--soft-2) !important;
}
.system-overview-section .system-cards .card{
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #dfe8f2 !important;
  box-shadow:0 12px 28px rgba(15, 23, 42, 0.055) !important;
}
.system-overview-section .system-cards .card:hover{
  background: #fff !important;
  border-color: rgba(0, 184, 252, 0.34) !important;
  box-shadow:0 18px 38px rgba(15, 23, 42, 0.085) !important;
  transform: translateY(-3px);
}
.system-overview-section .system-cards .card.reveal.is-visible:hover{
  transform: translateY(-3px);
}
.login{
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
}
.login:hover{
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.44) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.hero .btn-secondary{
  border-color: rgba(255, 255, 255, 0.34) !important;
}
@media (max-width: 720px){.login{
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

}
@media (max-width: 520px){.login{
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 12.5px !important;
  }

}
.hero .btn-secondary::after{
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: -5px;
  height: 1px;
  background: rgba(255, 255, 255, 0.34);
  transform: scaleX(0.72);
  transform-origin: left center;
  transition: transform 0.18s ease, background 0.18s ease;
}
.hero .btn-secondary:hover::after{
  background: rgba(0, 184, 252, 0.82);
  transform: scaleX(1);
}
.hero .btn-secondary{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}
.hero .btn-secondary::after{
  content: none !important;
  display: none !important;
}
.hero .btn-secondary:focus-visible{
  outline: 2px solid rgba(0, 184, 252, 0.5) !important;
  outline-offset: 4px !important;
  border-radius: 8px !important;
}
@media (max-width: 720px){.hero .btn-secondary{
    margin-left: 0 !important;
  }

}
.hero .btn-secondary{
  min-height: 46px !important;
  height: 46px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.028) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow:none !important;
  text-shadow: none !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  transform: none !important;
}
.hero .btn-secondary:hover{
  border-color: rgba(255, 255, 255, 0.52) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  color: #fff !important;
  box-shadow:none !important;
}
@media (max-width: 720px){.hero .btn-secondary{
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 18px !important;
    font-size: 13.5px !important;
  }

}
.cta-band .btn-primary,.cta-band .btn-secondary{
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
.login:hover{
  transform: none !important;
}
.btn:hover,.btn-primary:hover,.btn-secondary:hover,.hero .btn-secondary:hover,.final-cta .btn-secondary:hover{
  transform: translateY(-1px) !important;
}
.topbar .btn:hover,.topbar .btn-primary:hover,.topbar .btn-secondary:hover{
  transform: none !important;
}
.cta-band .btn-secondary:hover,.cta-band .btn-secondary:focus-visible{
  color: #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.76) !important;
  box-shadow:none !important;
  transform: translateY(-1px) !important;
}
.topbar .top-actions{
  align-items: center !important;
  gap: 12px !important;
}
@media (max-width: 760px){.topbar .top-actions{
    gap: 10px !important;
  }
.topbar .login{
    font-size: 13px !important;
  }
.topbar .top-register{
    font-size: 13px !important;
  }

}
@media (max-width: 520px){.topbar .login,.topbar .top-register{
    height: 38px !important;
    min-height: 38px !important;
  }
.topbar .login{
    padding: 0 10px !important;
    font-size: 12.5px !important;
  }
.topbar .top-register{
    padding: 0 14px !important;
    font-size: 12.5px !important;
  }

}
@media (max-width: 760px){.topbar .login,.topbar .top-register{
    height: 40px !important;
    min-height: 40px !important;
  }
.topbar .login{
    padding: 0 14px !important;
  }
.topbar .top-register{
    padding: 0 18px !important;
  }

}
.topbar .login{
  border-color: rgba(255, 255, 255, 0.32) !important;
  filter: none !important;
  text-shadow: none !important;
}
.topbar .login:hover,.topbar .login:focus-visible{
  filter: none !important;
}
.topbar .top-register{
  filter: none !important;
}
.cta-band .btn-primary:hover,.cta-band .btn-primary:focus-visible,.final-cta .btn-primary:hover,.final-cta .btn-primary:focus-visible{
  color: #036987 !important;
  background: #fff !important;
  box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.20),0 8px 10px 1px rgba(0, 0, 0, 0.13),0 3px 14px 2px rgba(0, 0, 0, 0.10),0 14px 26px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-1px) !important;
}
.hero .hero-actions .btn,.hero .hero-actions .btn-primary,.hero .hero-actions .btn-secondary{
  font-weight: 720 !important;
}
@media (max-width: 720px){.hero .hero-actions .btn,.hero .hero-actions .btn-primary,.hero .hero-actions .btn-secondary{
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
  }
.topbar .login,.topbar .top-register{
    height: 40px !important;
    min-height: 40px !important;
  }
.topbar .login{
    padding: 0 14px !important;
  }
.topbar .top-register{
    padding: 0 18px !important;
  }

}
.topbar .top-register:hover,.topbar .top-register:focus-visible{
  filter: none !important;
}
.hero .hero-actions .btn,.hero .hero-actions .btn-primary,.hero .hero-actions .btn-secondary{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
}
.hero .hero-actions .btn-primary,.hero .btn-primary,.topbar .top-register{
  border-color: transparent !important;
  outline: none !important;
}
.hero .hero-actions .btn,.hero .hero-actions .btn-primary{
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.hero .hero-actions .btn-primary,.hero .btn-primary{
  color: #fff !important;
  background: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.28),0 2px 2px 0 rgba(0, 0, 0, 0.20),0 1px 5px 0 rgba(0, 0, 0, 0.18);
}
.hero .hero-actions .btn-primary:hover,.hero .hero-actions .btn-primary:focus-visible,.hero .btn-primary:hover,.hero .btn-primary:focus-visible{
  color: #fff !important;
  background: #12c8ff !important;
  border-color: #12c8ff !important;
  outline: none !important;
  box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.30),0 10px 18px 1px rgba(0, 0, 0, 0.22),0 4px 18px 2px rgba(0, 0, 0, 0.16);
  transform: translateY(-1px) !important;
}
.topbar .login,.topbar .top-register,.topbar .login:hover,.topbar .top-register:hover,.topbar .login:focus-visible,.topbar .top-register:focus-visible{
  transform: none !important;
}
.topbar .login{
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  line-height: 1 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  box-shadow:none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.topbar .login:hover,.topbar .login:focus-visible{
  color: #fff !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.44) !important;
  box-shadow:0 10px 22px rgba(0, 0, 0, 0.08) !important;
}
.topbar .top-register{
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  line-height: 1 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #fff !important;
  background: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.26),0 2px 2px rgba(0, 0, 0, 0.18),0 1px 5px rgba(0, 0, 0, 0.16);
}
.topbar .top-register:hover,.topbar .top-register:focus-visible{
  color: #fff !important;
  background: #12c8ff !important;
  border-color: #12c8ff !important;
  outline: none !important;
  box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.26),0 9px 16px rgba(0, 0, 0, 0.20),0 0 20px rgba(255, 255, 255, 0.08);
}
.hero .hero-actions .btn-secondary{
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  box-shadow:none !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}
.hero .hero-actions .btn-secondary:hover,.hero .hero-actions .btn-secondary:focus-visible{
  color: #fff !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.52) !important;
  box-shadow:none !important;
  transform: translateY(-1px) !important;
}
.topbar .topbar-inner{
  position: relative !important;
}
.mobile-menu-toggle{
  display: none;
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  transition: background .18s ease, color .18s ease;
  transform: none !important;
}
.mobile-menu-toggle span{
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}
.mobile-menu-toggle:hover,.mobile-menu-toggle:focus-visible{
  background: rgba(255, 255, 255, 0.10);
  color: #fff;
  outline: none;
  transform: none !important;
}
.mobile-menu{
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 210px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(15, 23, 42, 0.12);
  box-shadow:0 18px 45px rgba(15, 23, 42, 0.22);
}
.mobile-menu a{
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 8px;
  color: #182233;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}
.mobile-menu a:hover,.mobile-menu a:focus-visible{
  background: rgba(0, 184, 252, 0.08);
  color: #0f172a;
  outline: none;
}
.topbar.is-mobile-menu-open .mobile-menu{
  display: block;
}
@media (max-width: 1180px){.wrap.topbar-inner{
    width: min(var(--max), calc(100% - 24px));
    gap: 14px;
  }
.topbar .top-actions{
    gap: 10px !important;
  }
.topbar .login,.topbar .top-register{
    height: 38px !important;
    min-height: 38px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-size: 13px !important;
  }

}
@media (max-width: 900px){.topbar-inner{
    height: 62px;
  }
.topbar .login{
    display: none !important;
  }
.mobile-menu-toggle{
    display: inline-flex;
  }

}
@media (max-width: 640px){.wrap.topbar-inner{
    width: min(var(--max), calc(100% - 20px));
  }
.topbar .top-actions{
    gap: 8px !important;
  }
.topbar .top-register{
    display: none !important;
  }
.mobile-menu-toggle{
    width: 38px;
    height: 38px;
    min-width: 38px;
  }
.mobile-menu{
    right: 0;
    width: 220px;
  }

}
@media (max-width: 420px){.mobile-menu{
    width: min(220px, calc(100vw - 24px));
  }

}
.mobile-menu-toggle span{
  transition: transform .18s ease, opacity .18s ease, background-color .18s ease !important;
  transform-origin: center !important;
}
.topbar.is-mobile-menu-open .mobile-menu-toggle{
  background: rgba(0, 184, 252, 0.13) !important;
  color: #fff !important;
}
.topbar.is-mobile-menu-open .mobile-menu-toggle span:nth-child(1){
  transform: translateY(7px) rotate(45deg) !important;
}
.topbar.is-mobile-menu-open .mobile-menu-toggle span:nth-child(2){
  opacity: 0 !important;
}
.topbar.is-mobile-menu-open .mobile-menu-toggle span:nth-child(3){
  transform: translateY(-7px) rotate(-45deg) !important;
}
.mobile-menu{
  z-index: 130 !important;
}
.mobile-menu::before{
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.98);
  border-left: 1px solid rgba(15, 23, 42, 0.10);
  border-top: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 2px;
}
.mobile-menu a{
  position: relative;
  z-index: 1;
}
.topbar .top-register{
  min-width: 0 !important;
  width: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.topbar .login{
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media (max-width: 1180px){.topbar .top-register,.topbar .login{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

}
.mobile-menu::before{
  top: -9px !important;
  right: 12px !important;
  width: 16px !important;
  height: 16px !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
}
@media (max-width: 640px){.mobile-menu::before{
    right: 12px !important;
  }

}
@media (min-width: 821px) and (max-width: 900px){.topbar .login{
    display: inline-flex !important;
  }
.mobile-menu-toggle{
    display: none !important;
  }
.topbar.is-mobile-menu-open .mobile-menu{
    display: none !important;
  }

}
@media (max-width: 820px){.topbar .login{
    display: none !important;
  }
.mobile-menu-toggle{
    display: inline-flex !important;
  }

}
@media (min-width: 761px) and (max-width: 900px){.topbar .login{
    display: inline-flex !important;
  }
.mobile-menu-toggle{
    display: none !important;
  }
.topbar.is-mobile-menu-open .mobile-menu{
    display: none !important;
  }

}
@media (max-width: 760px){.topbar .login{
    display: none !important;
  }
.mobile-menu-toggle{
    display: inline-flex !important;
  }

}
@media (max-width: 1280px) and (min-width: 681px){.hero{
    width: calc(100% - 48px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
.hero .wrap{
    width: calc(100% - 40px) !important;
    max-width: var(--max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}
@media (max-width: 1024px) and (min-width: 681px){.hero{
    width: calc(100% - 40px) !important;
  }
.hero .wrap{
    width: calc(100% - 32px) !important;
  }

}
@media (max-width: 680px){.hero{
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}
@media (max-width: 900px) and (min-width: 761px){.topbar .top-actions{
    gap: 8px !important;
  }
.topbar .login,.topbar .top-register{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

}
.topbar-inner{
  box-sizing: border-box !important;
}
@media (max-width: 1280px) and (min-width: 681px){.wrap.topbar-inner{
    width: calc(100% - 48px) !important;
    max-width: var(--max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

}
@media (max-width: 1024px) and (min-width: 681px){.wrap.topbar-inner{
    width: calc(100% - 40px) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

}
@media (max-width: 680px){.topbar-inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

}
@media (min-width: 1281px){.topbar-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}
@media (max-width: 760px){.wrap.topbar-inner{
    width: calc(100% - 20px) !important;
  }

}
@media (max-width: 640px){.wrap.topbar-inner{
    width: calc(100% - 16px) !important;
  }

}
@media (max-width: 420px){.wrap.topbar-inner{
    width: calc(100% - 12px) !important;
  }

}
@media (max-width: 1280px){:root{
    --vg-page-gutter: 24px;
  }

}
@media (max-width: 1024px){:root{
    --vg-page-gutter: 20px;
  }

}
@media (max-width: 680px){:root{
    --vg-page-gutter: 16px;
  }

}
@media (max-width: 420px){:root{
    --vg-page-gutter: 12px;
  }

}
.hero{
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wrap,.hero .wrap,.wrap.topbar-inner{
  width: min(var(--max), calc(100% - (var(--vg-page-gutter) * 2))) !important;
  max-width: var(--max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.topbar-inner,.wrap.topbar-inner{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 760px){.wrap.topbar-inner{
    width: min(var(--max), calc(100% - (var(--vg-page-gutter) * 2))) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}
@media (max-width: 640px){.wrap.topbar-inner{
    width: min(var(--max), calc(100% - (var(--vg-page-gutter) * 2))) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}
@media (max-width: 420px){.wrap.topbar-inner{
    width: min(var(--max), calc(100% - (var(--vg-page-gutter) * 2))) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}
@media (min-width: 701px){.topbar .login{
    display: inline-flex !important;
  }
.mobile-menu-toggle{
    display: none !important;
  }
.topbar.is-mobile-menu-open .mobile-menu{
    display: none !important;
  }

}
@media (max-width: 700px){.topbar .login{
    display: none !important;
  }
.mobile-menu-toggle{
    display: inline-flex !important;
  }

}
@media (min-width: 561px){.topbar .top-register{
    display: inline-flex !important;
  }

}
@media (max-width: 560px){.topbar .top-register{
    display: none !important;
  }

}
@media (min-width: 561px) and (max-width: 700px){.topbar .top-actions{
    gap: 8px !important;
  }

}
.visual:has(.screen-placeholder){
  background: #fff;
}
.screen-placeholder{
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 160px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.055), rgba(148, 163, 184, 0.12)),
    #f4f7fb;
  color: #667085;
}
.screen-placeholder::before{
  content: "";
  position: absolute;
  border: 1px dashed rgba(100, 116, 139, 0.30);
  border-radius: 12px;
  pointer-events: none;
}
.screen-placeholder::after{
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(148, 163, 184, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.12) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.45;
  pointer-events: none;
}
.convenience-visual .screen-placeholder,.stock-visual .screen-placeholder,.payouts-visual .screen-placeholder,.finance-section .visual .screen-placeholder,.history-shot .screen-placeholder,.email-stack .screen-placeholder,.section-white .visual .screen-placeholder{
  border-radius: 0 0 14px 14px;
}
.stock-visual,.payouts-visual{
  justify-self: end;
  width: 100%;
}
.special-order-visual .screen-placeholder{
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(231, 246, 255, 0.92)),
    #fff;
}
.request-visual-pair{
  position: relative;
  display: grid;
  width: 100%;
  justify-self: start;
}
.request-pair-main{
  width: 100%;
  z-index: 1;
}
.request-pair-secondary{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  box-shadow:0 22px 48px rgba(15, 23, 42, 0.16);
}
.email-stack .visual:first-child{
  margin-right: 76px;
}
.email-stack .visual:last-child{
  width: 52%;
}
.stats-stack .screen-placeholder{
  min-height: 126px;
}
.stats-shot img{
  display: none !important;
}
@media (max-width: 980px){.stock-intro,.payouts-intro{
    grid-template-columns: 1fr;
  }
.stock-visual,.payouts-visual,.convenience-visual,.request-visual-pair{
    max-width: 100%;
    justify-self: stretch;
  }
.request-visual-pair{
    padding-right: 42px;
  }

}
@media (max-width: 680px){.request-visual-pair{
    padding: 0;
    gap: 16px;
  }
.request-pair-secondary{
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }

}
.screen-placeholder-request-main{
  aspect-ratio: 2.05 / 1;
  min-height: 178px;
}
.screen-placeholder-request-secondary,.screen-placeholder-mini{
  min-height: 118px;
}
.screen-placeholder::before{
  inset: 14px;
}
.convenience-visual,.stock-visual,.payouts-visual,.finance-section .feature-intro > .visual,.section-white .feature-intro > .visual,.history-shot-main,.email-stack .visual:first-child{
  max-height: 360px;
}
.convenience-visual .screen-placeholder,.stock-visual .screen-placeholder,.payouts-visual .screen-placeholder,.finance-section .feature-intro > .visual .screen-placeholder,.section-white .feature-intro > .visual .screen-placeholder,.history-shot-main .screen-placeholder,.email-stack .visual:first-child .screen-placeholder{
  max-height: 312px;
}
.section-soft .feature-intro:has(.convenience-visual){
  grid-template-columns: minmax(0, 0.98fr) minmax(430px, 1.02fr);
}
.convenience-visual{
  max-width: 100%;
  width: 100%;
}
.stock-intro,.payouts-intro{
  grid-template-columns: minmax(0, 0.92fr) minmax(460px, 1.08fr);
}
.special-order-top{
  align-items: center;
}
.special-order-visual .screen-placeholder{
  min-height: 176px;
  max-height: 300px;
}
.finance-section .feature-intro > .visual{
  width: 100%;
}
.request-visual-pair{
  max-width: 680px;
  padding: 0 76px 38px 0;
}
.request-pair-secondary{
  width: 43%;
}
@media (max-width: 980px){.section-soft .feature-intro:has(.convenience-visual),.stock-intro,.finance-section .feature-intro,.payouts-intro{
    grid-template-columns: 1fr;
    gap: var(--vg-intro-gap-mobile);
  }
.convenience-visual,.stock-visual,.payouts-visual,.finance-section .feature-intro > .visual{
    max-width: 100%;
  }
.screen-placeholder-crop,.screen-placeholder-table,.screen-placeholder-request-main{
    min-height: 150px;
  }
.screen-placeholder-scheduler{
    min-height: 220px;
  }

}
@media (max-width: 560px){.screen-placeholder-crop,.screen-placeholder-table,.screen-placeholder-scheduler,.screen-placeholder-request-main{
    aspect-ratio: 1.55 / 1;
    min-height: 160px;
  }
.request-visual-pair{
    padding-right: 0;
    padding-bottom: 0;
  }
.request-pair-secondary{
    position: relative;
    right: auto;
    bottom: auto;
    width: 88%;
    margin: -18px 0 0 auto;
  }

}
.visual:has(.screen-placeholder){
  border-radius: 16px;
  overflow: hidden;
}
.visual:has(.screen-placeholder) .screen-placeholder{
  border-radius: 16px !important;
}
.request-pair-secondary .screen-placeholder,.stats-stack .screen-placeholder,.email-stack .visual:last-child .screen-placeholder{
  border-radius: 12px !important;
}
.special-order-visual .screen-placeholder{
  border-radius: 16px !important;
}
.convenience-visual,.stock-visual,.payouts-visual,.finance-section .feature-intro > .visual,.section-white .feature-intro > .visual,.history-shot-main,.email-stack .visual:first-child,.special-order-visual{
  box-shadow:var(--shadow-soft);
}
.screen-visual-single{
  justify-self: end;
}
.image-left .screen-visual-single{
  justify-self: start;
}
.screen-placeholder-crop,.screen-placeholder-table,.screen-placeholder-scheduler{
  aspect-ratio: var(--vg-screen-single-ratio) !important;
  min-height: 0 !important;
  max-height: none !important;
}
.screen-placeholder{
  border-radius: var(--vg-screen-card-radius) !important;
}
.screen-preview-real{
  cursor: zoom-in;
}
.screen-preview-real::before,.screen-preview-real::after{
  display: none !important;
}
.screen-preview-img{
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: top center;
  cursor: zoom-in;
}
.screen-preview-meta{
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.64);
  color: rgba(255, 255, 255, 0.94);
  font-weight: 800;
  letter-spacing: 0.02em;
  backdrop-filter: blur(8px);
}
.screen-visual-stats .screen-placeholder,.screen-placeholder-wide-thin{
  aspect-ratio: 2.7 / 1 !important;
  min-height: 112px !important;
}
.screen-visual-stats .screen-preview-real{
  box-shadow:0 12px 26px rgba(15, 23, 42, 0.07);
}
.request-pair-main .screen-placeholder{
  aspect-ratio: 2.05 / 1 !important;
}
.request-pair-secondary .screen-placeholder,.screen-placeholder-request-secondary,.screen-placeholder-mini{
  aspect-ratio: 1.72 / 1 !important;
}
.request-pair-secondary .screen-preview-meta,.email-stack .visual:last-child .screen-preview-meta,.screen-visual-stats .screen-preview-meta{
  font-size: 9px;
  padding: 4px 6px;
}
.section-soft .feature-intro:has(.convenience-visual),.stock-intro,.special-order-top,.history-intro,.payouts-intro,.planning-body{
  gap: 38px !important;
}
.stock-visual,.payouts-visual,.special-order-visual,.finance-section .feature-intro > .visual,.history-shot-main,.email-stack .visual:first-child,.planning-visual{
  max-width: var(--vg-screen-single-max) !important;
}
.planning-visual{
  justify-self: start !important;
}
[data-shot="special-order-items"] .screen-preview-img,[data-shot="email-inbox"] .screen-preview-img{
  object-position: top center;
}
[data-shot="scheduler"] .screen-preview-img{
  object-position: top left;
}
[data-shot="history-position"] .screen-preview-img,[data-shot="history-status"] .screen-preview-img,[data-shot="email-send"] .screen-preview-img{
  object-position: top center;
}
@media (max-width: 980px){.screen-visual-single,.stock-visual,.payouts-visual,.special-order-visual,.finance-section .feature-intro > .visual,.history-shot-main,.email-stack .visual:first-child,.planning-visual{
    max-width: 100% !important;
    justify-self: stretch !important;
  }

}
@media (max-width: 560px){.screen-visual-single .screen-placeholder,.screen-placeholder-crop,.screen-placeholder-table,.screen-placeholder-scheduler,.screen-placeholder-request-main{
    aspect-ratio: 1.65 / 1 !important;
  }

}
.screen-visual-single,.convenience-visual.screen-visual-single,.planning-visual.screen-visual-single,.stock-visual.screen-visual-single,.special-order-visual.screen-visual-single,.history-shot-main.screen-visual-single,.email-stack .visual.screen-visual-single:first-child,.payouts-visual.screen-visual-single{
  width: 100%;
}
.screen-visual-single .screen-placeholder,.screen-visual-single .screen-placeholder-crop,.screen-visual-single .screen-placeholder-table,.screen-visual-single .screen-placeholder-scheduler{
  width: 100%;
  max-height: none !important;
}
.screen-visual-single .screen-preview-img{
  object-fit: cover;
}
@media (min-width: 981px){.screen-visual-single{
    justify-self: end;
  }
.image-left .screen-visual-single,.planning-visual.screen-visual-single,.finance-section .feature-intro > .visual.screen-visual-single{
    justify-self: start;
  }

}
@media (max-width: 980px){.screen-visual-single,.convenience-visual.screen-visual-single,.planning-visual.screen-visual-single,.stock-visual.screen-visual-single,.special-order-visual.screen-visual-single,.finance-section .feature-intro > .visual.screen-visual-single,.history-shot-main.screen-visual-single,.email-stack .visual.screen-visual-single:first-child,.payouts-visual.screen-visual-single{
    max-width: 100% !important;
    justify-self: stretch !important;
  }

}
.access-mini-mockup .access-mini-head{
  min-height: 26px;
}
.screen-visual-single,.convenience-visual.screen-visual-single,.planning-visual.screen-visual-single,.stock-visual.screen-visual-single,.special-order-visual.screen-visual-single,.history-shot-main.screen-visual-single,.email-stack .visual.screen-visual-single:first-child{
  max-width: var(--vg-screen-single-max) !important;
}
.screen-visual-single .screen-placeholder,.screen-visual-single .screen-placeholder-crop,.screen-visual-single .screen-placeholder-table,.screen-visual-single .screen-placeholder-scheduler{
  aspect-ratio: var(--vg-screen-single-ratio) !important;
  min-height: 0 !important;
}
[data-shot="stock-items"]{
  aspect-ratio: 2.65 / 1 !important;
}
[data-shot="finance"]{
  aspect-ratio: 3.3 / 1 !important;
}
[data-shot="order-files"]{
  aspect-ratio: 2.19 / 1 !important;
}
.payouts-visual.screen-visual-single{
  max-width: 520px !important;
}
[data-shot="price-request"]{
  aspect-ratio: 1.92 / 1 !important;
}
[data-shot="stock-items"] .screen-preview-img,[data-shot="finance"] .screen-preview-img,[data-shot="price-request"] .screen-preview-img,[data-shot="order-files"] .screen-preview-img{
  object-fit: cover;
  object-position: top center;
}
.screen-preview-meta{
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
}
.vg-shot{
  aspect-ratio: var(--vg-shot-single-ratio) !important;
}
.screen-visual-single:has(.vg-shot){
  max-width: var(--vg-shot-single-max) !important;
}
.vg-shot--scheduler{
  aspect-ratio: var(--vg-shot-scheduler-ratio) !important;
}
.screen-visual-single:has(.vg-shot--scheduler){
  max-width: var(--vg-shot-scheduler-max) !important;
}
.vg-shot--stock-items{
  aspect-ratio: var(--vg-shot-stock-items-ratio) !important;
}
.screen-visual-single:has(.vg-shot--stock-items){
  max-width: var(--vg-shot-stock-items-max) !important;
}
.vg-shot--special-order-items{
  aspect-ratio: var(--vg-shot-special-order-items-ratio) !important;
}
.screen-visual-single:has(.vg-shot--special-order-items){
  max-width: var(--vg-shot-special-order-items-max) !important;
}
.vg-shot--finance{
  aspect-ratio: var(--vg-shot-finance-ratio) !important;
}
.screen-visual-single:has(.vg-shot--finance){
  max-width: var(--vg-shot-finance-max) !important;
}
.vg-shot--history-position{
  aspect-ratio: var(--vg-shot-history-position-ratio) !important;
}
.screen-visual-single:has(.vg-shot--history-position){
  max-width: var(--vg-shot-history-position-max) !important;
}
.vg-shot--email-inbox{
  aspect-ratio: var(--vg-shot-email-inbox-ratio) !important;
}
.screen-visual-single:has(.vg-shot--email-inbox){
  max-width: var(--vg-shot-email-inbox-max) !important;
}
.vg-shot--order-files{
  aspect-ratio: var(--vg-shot-order-files-ratio) !important;
}
.screen-visual-single:has(.vg-shot--order-files){
  max-width: var(--vg-shot-order-files-max) !important;
}
.vg-shot--price-request{
  aspect-ratio: var(--vg-shot-price-request-ratio) !important;
}
.vg-shot--email-send{
  aspect-ratio: var(--vg-shot-email-send-ratio) !important;
}
.vg-shot--history-status{
  aspect-ratio: var(--vg-shot-history-status-ratio) !important;
}
.vg-shot--employee-sales{
  aspect-ratio: var(--vg-shot-stats-ratio) !important;
}
.vg-shot-frame{
  max-width: var(--vg-shot-single-max) !important;
}
.vg-shot-frame .vg-shot{
  aspect-ratio: var(--vg-shot-single-ratio) !important;
  min-height: 0 !important;
  max-height: none !important;
}
.vg-shot-frame--history-position{
  max-width: var(--vg-shot-history-position-max) !important;
}
.vg-shot-frame--history-position .vg-shot--history-position{
  aspect-ratio: var(--vg-shot-history-position-ratio) !important;
}
.vg-shot-frame--email-inbox{
  max-width: var(--vg-shot-email-inbox-max) !important;
}
.vg-shot-frame--email-inbox .vg-shot--email-inbox{
  aspect-ratio: var(--vg-shot-email-inbox-ratio) !important;
}
.vg-shot-frame--order-files{
  max-width: var(--vg-shot-order-files-max) !important;
}
.vg-shot-frame--order-files .vg-shot--order-files{
  aspect-ratio: var(--vg-shot-order-files-ratio) !important;
}
@media (max-width: 980px){.vg-shot-frame{
    max-width: 100% !important;
  }

}
.history-stack.history-shot-grid{
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--vg-shot-history-grid-gap) !important;
  min-height: 0 !important;
  justify-self: end;
  align-items: start;
}
.history-stack.history-shot-grid .history-shot-main,.history-stack.history-shot-grid .history-shot-status{
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: auto !important;
}
.history-stack.history-shot-grid .vg-shot-frame{
  max-width: none !important;
}
.history-stack.history-shot-grid .vg-shot--history-position,.history-stack.history-shot-grid .vg-shot--history-status{
  min-height: 0 !important;
  max-height: none !important;
}
.history-stack.history-shot-grid .screen-preview-img,.history-stack.history-shot-grid .history-shot-main img,.history-stack.history-shot-grid .history-shot-status img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
}
.history-stack.history-shot-grid .screen-preview-meta{
  font-size: 10px;
  padding: 5px 8px;
}
@media (max-width: 980px){.history-stack.history-shot-grid{
    justify-self: start;
    width: min(620px, 100%) !important;
  }

}
@media (max-width: 640px){.history-stack.history-shot-grid{
    grid-template-columns: 1fr;
    width: min(360px, 100%) !important;
  }

}
.request-visual-pair.request-flow-split{
  position: relative !important;
  width: 100% !important;
  justify-self: start !important;
}
.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary{
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}
.request-flow-split .screen-preview-meta{
  font-size: 9px !important;
  padding: 4px 7px !important;
}
@media (max-width: 980px){.request-visual-pair.request-flow-split{
    max-width: 720px !important;
    justify-self: start !important;
  }

}
@media (max-width: 680px){.request-visual-pair.request-flow-split{
    max-width: 100% !important;
  }
.request-flow-split .request-pair-secondary{
    width: min(72%, 340px) !important;
  }

}
@media (max-width: 980px){.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary{
    height: 230px !important;
  }

}
@media (max-width: 680px){.request-visual-pair.request-flow-split{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary{
    height: auto !important;
  }
.request-flow-split .screen-placeholder-request-main,.request-flow-split .vg-shot--price-request{
    aspect-ratio: 1.55 / 1 !important;
    height: auto !important;
  }
.request-flow-split .screen-placeholder-request-secondary,.request-flow-split .vg-shot--online-booking-page{
    aspect-ratio: 1.35 / 1 !important;
    height: auto !important;
  }
.request-flow-split .request-pair-secondary{
    width: 100% !important;
    margin-left: 0 !important;
    transform: none !important;
  }

}
.request-visual-pair.request-flow-split{
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) !important;
  gap: 20px !important;
  align-items: start !important;
  max-width: 720px !important;
  padding: 0 !important;
}
.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary{
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  z-index: auto !important;
  box-shadow:none !important;
}
.request-flow-split .screen-placeholder-request-main,.request-flow-split .screen-placeholder-request-secondary,.request-flow-split .vg-shot--price-request,.request-flow-split .vg-shot--online-booking-page{
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
.request-flow-split [data-shot="price-request"] .screen-preview-img{
  object-fit: cover !important;
  object-position: top center !important;
}
.request-flow-split [data-shot="online-booking-page"]{
  background: #fff !important;
}
.request-flow-split [data-shot="online-booking-page"] .screen-preview-img,.request-flow-split .vg-shot--online-booking-page .screen-preview-img{
  object-fit: cover !important;
  object-position: center center !important;
}
.email-stack.email-flow-split{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) !important;
  gap: 20px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 720px !important;
  padding: 0 !important;
  justify-self: end !important;
}
.email-stack.email-flow-split .visual:first-child,.email-stack.email-flow-split .visual:last-child,.email-stack.email-flow-split .vg-shot-frame--email-inbox,.email-stack.email-flow-split .vg-shot-frame--email-send{
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  z-index: auto !important;
  box-shadow:none !important;
}
.email-stack.email-flow-split .vg-shot--email-inbox,.email-stack.email-flow-split .vg-shot--email-send,.email-stack.email-flow-split .screen-placeholder{
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
.email-stack.email-flow-split .screen-preview-img{
  object-fit: cover !important;
  object-position: top center !important;
}
.email-stack.email-flow-split .screen-preview-real,.request-flow-split .screen-preview-real{
  box-shadow:0 18px 40px rgba(15, 23, 42, 0.10) !important;
}
@media (max-width: 980px){.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary,.email-stack.email-flow-split .visual:first-child,.email-stack.email-flow-split .visual:last-child,.email-stack.email-flow-split .vg-shot-frame--email-inbox,.email-stack.email-flow-split .vg-shot-frame--email-send{
    height: 230px !important;
  }
.email-stack.email-flow-split{
    justify-self: start !important;
  }

}
@media (max-width: 680px){.request-visual-pair.request-flow-split,.email-stack.email-flow-split{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    max-width: 100% !important;
  }
.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary,.email-stack.email-flow-split .visual:first-child,.email-stack.email-flow-split .visual:last-child,.email-stack.email-flow-split .vg-shot-frame--email-inbox,.email-stack.email-flow-split .vg-shot-frame--email-send{
    height: auto !important;
  }
.request-flow-split .screen-placeholder-request-main,.request-flow-split .vg-shot--price-request,.email-stack.email-flow-split .vg-shot--email-inbox{
    aspect-ratio: 1.65 / 1 !important;
    height: auto !important;
  }
.request-flow-split .screen-placeholder-request-secondary,.request-flow-split .vg-shot--online-booking-page,.email-stack.email-flow-split .vg-shot--email-send{
    aspect-ratio: 1.45 / 1 !important;
    height: auto !important;
  }

}
.email-intro.email-image-right{
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr) !important;
  align-items: center !important;
  gap: clamp(34px, 5vw, 78px) !important;
}
.email-intro.email-image-right .feature-copy{
  max-width: 540px !important;
}
.email-intro.email-image-right .email-stack.email-flow-split{
  max-width: 780px !important;
  width: 100% !important;
  justify-self: end !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) !important;
}
.email-intro.email-image-right .email-stack.email-flow-split .visual:first-child,.email-intro.email-image-right .email-stack.email-flow-split .visual:last-child,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot-frame--email-inbox,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot-frame--email-send{
  height: 248px !important;
}
@media (max-width: 980px){.email-intro.email-image-right{
    grid-template-columns: 1fr !important;
  }
.email-intro.email-image-right .email-stack.email-flow-split{
    justify-self: start !important;
    max-width: 100% !important;
  }

}
.sms-phone.sms-preview-card{
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 252, 255, 0.98)) !important;
  border: 1px solid rgba(0, 184, 252, 0.18) !important;
  box-shadow:0 18px 45px rgba(15, 35, 55, 0.10) !important;
  color: #17202c !important;
  overflow: hidden !important;
}
.sms-phone.sms-preview-card .sms-phone-top{
  background: rgba(0, 184, 252, 0.075) !important;
  color: #0f2638 !important;
  border-bottom: 1px solid rgba(0, 184, 252, 0.12) !important;
}
.sms-phone.sms-preview-card .sms-phone-top strong{
  color: #0288d1 !important;
}
.sms-phone.sms-preview-card .sms-phone-dot{
  background: #00b8fc !important;
  box-shadow:none;
}
.sms-phone.sms-preview-card .sms-screen{
  background: rgba(255, 255, 255, 0.88) !important;
  border: 0 !important;
  box-shadow:none !important;
}
.sms-phone.sms-preview-card .sms-status{
  color: #17202c !important;
}
.sms-phone.sms-preview-card .sms-date{
  color: #8a94a6 !important;
}
.sms-phone.sms-preview-card .sms-bubble{
  background: rgba(0, 184, 252, 0.08) !important;
  border: 1px solid rgba(0, 184, 252, 0.16) !important;
  color: #253044 !important;
  box-shadow:none !important;
}
.sms-phone.sms-preview-card .sms-bubble::before{
  background: rgba(0, 184, 252, 0.08) !important;
}
.stats-stack.stats-stack-mosaic{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 720px !important;
  justify-self: end !important;
  padding-top: 0 !important;
}
.stats-stack.stats-stack-mosaic .stats-mini-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.stats-stack.stats-stack-mosaic .stats-shot,.stats-stack.stats-stack-mosaic .visual{
  width: 100% !important;
  margin: 0 !important;
}
.stats-stack.stats-stack-mosaic .visual{
  border-radius: 12px !important;
}
.stats-stack.stats-stack-mosaic .screen-preview-real{
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}
.stats-stack.stats-stack-mosaic .screen-preview-img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top left !important;
  display: block !important;
  max-height: none !important;
}
.stats-stack.stats-stack-mosaic .stats-shot-main .screen-preview-meta{
  left: 12px !important;
  bottom: 10px !important;
}
.stats-stack.stats-stack-mosaic .stats-shot-mini .screen-preview-meta{
  left: 10px !important;
  bottom: 8px !important;
  font-size: 9px !important;
  padding: 4px 7px !important;
}
.vg-shot-frame--payouts-earnings .vg-shot--payouts-earnings,.payouts-visual-main .vg-shot--payouts-earnings,.payouts-visual-main .screen-placeholder{
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}
.payouts-visual-main .screen-preview-img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top left !important;
  display: block !important;
  max-height: none !important;
}
@media (max-width: 980px){.stats-stack.stats-stack-mosaic,.payouts-visual.payouts-visual-main{
    max-width: 100% !important;
    justify-self: stretch !important;
  }

}
@media (max-width: 680px){.stats-stack.stats-stack-mosaic .stats-mini-grid{
    grid-template-columns: 1fr !important;
  }
.stats-stack.stats-stack-mosaic .stats-shot-main .screen-preview-real,.stats-stack.stats-stack-mosaic .stats-shot-mini .screen-preview-real,.vg-shot-frame--payouts-earnings .vg-shot--payouts-earnings,.payouts-visual-main .screen-placeholder{
    aspect-ratio: 2.1 / 1 !important;
  }

}
.payouts-intro.payouts-image-left .payouts-visual{
  order: 0 !important;
}
.payouts-intro.payouts-image-left .feature-copy{
  order: 1 !important;
}
@media (max-width: 980px){.payouts-intro.payouts-image-left{
    grid-template-columns: 1fr !important;
  }
.payouts-intro.payouts-image-left .payouts-visual{
    order: 1 !important;
    justify-self: stretch !important;
  }

}
.vg-shot-frame--active-orders .vg-shot--active-orders,.convenience-visual [data-shot="active-orders"]{
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}
.vg-shot--active-orders .screen-preview-img,[data-shot="active-orders"] .screen-preview-img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
}
.customer-history-proof{
  width: 100% !important;
  margin: 38px auto 0 !important;
  justify-self: center !important;
}
.customer-history-proof .screen-preview-real{
  width: 100% !important;
  box-shadow:0 18px 44px rgba(15, 35, 55, 0.09) !important;
}
.vg-shot-frame--customer-card .vg-shot--customer-card,.customer-history-proof [data-shot="customer-card"]{
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}
.vg-shot--customer-card .screen-preview-img,[data-shot="customer-card"] .screen-preview-img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
}
@media (max-width: 980px){.vg-shot-frame--active-orders,.customer-history-proof{
    max-width: 100% !important;
  }
.customer-history-proof{
    margin-top: 34px !important;
  }

}
@media (max-width: 680px){.vg-shot-frame--active-orders .vg-shot--active-orders,.convenience-visual [data-shot="active-orders"]{
    aspect-ratio: 2.05 / 1 !important;
  }
.vg-shot-frame--customer-card .vg-shot--customer-card,.customer-history-proof [data-shot="customer-card"]{
    aspect-ratio: 2.15 / 1 !important;
  }

}
.payouts-intro.payouts-image-left{
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: var(--vg-intro-gap) !important;
  align-items: center !important;
}
.payouts-intro.payouts-image-left .payouts-visual,.payouts-visual.payouts-visual-main,.payouts-visual.screen-visual-single.vg-shot-frame--payouts-earnings{
  width: 100% !important;
}
.payouts-intro.payouts-image-left .payouts-visual{
  max-width: 550px !important;
}
.payouts-intro.payouts-image-left .payouts-visual,.payouts-visual.payouts-visual-main,.payouts-visual.screen-visual-single.vg-shot-frame--payouts-earnings{
  justify-self: start !important;
}
.payouts-intro.payouts-image-left .feature-copy{
  max-width: 720px !important;
  justify-self: start !important;
}
@media (max-width: 980px){.payouts-intro.payouts-image-left .payouts-visual,.payouts-visual.payouts-visual-main,.payouts-visual.screen-visual-single.vg-shot-frame--payouts-earnings{
    max-width: 100% !important;
    justify-self: stretch !important;
  }

}
@media (max-width: 980px){.files-intro{
    grid-template-columns: 1fr !important;
  }

}
.files-intro{
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
.files-visual-pair.files-flow-inset{
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 620px !important;
  justify-self: start !important;
}
.files-flow-inset .vg-shot-frame--order-files{
  width: 100% !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
.files-flow-inset .files-inset-shot{
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  margin: 0 !important;
  transform: none !important;
}
.files-flow-inset .screen-preview-real{
  box-shadow:0 18px 42px rgba(15, 23, 42, 0.12) !important;
}
.files-flow-inset .screen-preview-img{
  object-fit: cover !important;
  object-position: center center !important;
}
@media (max-width: 980px){.files-visual-pair.files-flow-inset{
    max-width: 100% !important;
    padding-right: min(12vw, 70px) !important;
  }

}
@media (max-width: 680px){.files-visual-pair.files-flow-inset{
    padding: 0 !important;
  }
.files-flow-inset .vg-shot-frame--order-files{
    max-width: none !important;
  }
.files-flow-inset .vg-shot--order-files{
    aspect-ratio: 1.65 / 1 !important;
  }
.files-flow-inset .files-inset-shot{
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: 72% !important;
    max-width: 320px !important;
    min-width: 0 !important;
    margin: -24px 18px 0 auto !important;
  }

}
.files-intro{
  align-items: center !important;
}
.files-flow-inset .screen-preview-real{
  border-radius: 12px !important;
}
@media (max-width: 1120px){.stats-layout{
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }
.stats-stack.stats-stack-mosaic{
    max-width: 100% !important;
    justify-self: stretch !important;
  }

}
@media (max-width: 760px){.stats-stack.stats-stack-mosaic .stats-mini-grid{
    grid-template-columns: 1fr !important;
  }
.stats-stack.stats-stack-mosaic .stats-shot-main .screen-preview-real,.stats-stack.stats-stack-mosaic .stats-shot-mini .screen-preview-real{
    aspect-ratio: 2.05 / 1 !important;
  }
.request-visual-pair.request-flow-split,.email-stack.email-flow-split{
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }

}
@media (max-width: 520px){.section.section-white:has(.files-intro){
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
.files-flow-inset .vg-shot--order-files,.files-flow-inset .vg-shot--order-files-list{
    aspect-ratio: 1.55 / 1 !important;
  }

}
.section.section-white:has(.files-intro){
  padding-top: var(--vg-files-section-padding-y) !important;
  padding-bottom: var(--vg-files-section-padding-y) !important;
}
.files-visual-pair.files-flow-inset{
  padding: 0 70px var(--vg-files-visual-bottom-space) 0 !important;
  transform: translateY(-4px) !important;
}
.files-flow-inset .vg-shot-frame--order-files{
  max-width: var(--vg-shot-order-files-max) !important;
}
.files-flow-inset .vg-shot--order-files{
  aspect-ratio: var(--vg-shot-order-files-ratio) !important;
}
.files-flow-inset .files-inset-shot{
  width: var(--vg-files-inset-width) !important;
  max-width: var(--vg-files-inset-max) !important;
  min-width: var(--vg-files-inset-min) !important;
}
.files-flow-inset .vg-shot--order-files-list{
  aspect-ratio: var(--vg-shot-order-files-list-ratio) !important;
}
.vg-shot-frame--active-orders{
  max-width: var(--vg-shot-active-orders-max) !important;
}
.vg-shot-frame--active-orders .vg-shot--active-orders,.convenience-visual [data-shot="active-orders"]{
  aspect-ratio: var(--vg-shot-active-orders-ratio) !important;
}
.vg-shot-frame--scheduler{
  max-width: var(--vg-shot-scheduler-max) !important;
}
.vg-shot-frame--scheduler .vg-shot--scheduler{
  aspect-ratio: var(--vg-shot-scheduler-ratio) !important;
}
.vg-shot-frame--stock-items{
  max-width: var(--vg-shot-stock-items-max) !important;
}
.vg-shot-frame--stock-items .vg-shot--stock-items,.stock-visual [data-shot="stock-items"]{
  aspect-ratio: var(--vg-shot-stock-items-ratio) !important;
}
.vg-shot-frame--special-order-items{
  max-width: var(--vg-shot-special-order-items-max) !important;
}
.vg-shot-frame--special-order-items .vg-shot--special-order-items{
  aspect-ratio: var(--vg-shot-special-order-items-ratio) !important;
}
.vg-shot-frame--finance{
  max-width: var(--vg-shot-finance-max) !important;
}
.vg-shot-frame--finance .vg-shot--finance,.finance-section [data-shot="finance"]{
  aspect-ratio: var(--vg-shot-finance-ratio) !important;
}
.customer-history-proof{
  max-width: var(--vg-shot-customer-card-max) !important;
}
.vg-shot-frame--customer-card .vg-shot--customer-card,.customer-history-proof [data-shot="customer-card"]{
  aspect-ratio: var(--vg-shot-customer-card-ratio) !important;
}
.history-stack.history-shot-grid{
  width: min(var(--vg-shot-history-grid-max), 100%) !important;
}
.history-stack.history-shot-grid .vg-shot--history-position,.history-stack.history-shot-grid .vg-shot--history-status{
  aspect-ratio: var(--vg-shot-history-compact-ratio) !important;
}
.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary{
  height: var(--vg-request-flow-height) !important;
}
.email-stack.email-flow-split .visual:first-child,.email-stack.email-flow-split .visual:last-child,.email-stack.email-flow-split .vg-shot-frame--email-inbox,.email-stack.email-flow-split .vg-shot-frame--email-send{
  height: var(--vg-email-flow-height) !important;
}
.stats-stack.stats-stack-mosaic .stats-shot-main .screen-preview-real{
  aspect-ratio: var(--vg-shot-stats-main-ratio) !important;
}
.stats-stack.stats-stack-mosaic .stats-shot-mini .screen-preview-real{
  aspect-ratio: var(--vg-shot-stats-mini-ratio) !important;
}
.payouts-visual.payouts-visual-main,.payouts-visual.screen-visual-single.vg-shot-frame--payouts-earnings{
  max-width: var(--vg-shot-payouts-max) !important;
}
.vg-shot-frame--payouts-earnings .vg-shot--payouts-earnings,.payouts-visual-main .vg-shot--payouts-earnings,.payouts-visual-main .screen-placeholder{
  aspect-ratio: var(--vg-shot-payouts-ratio) !important;
}
@media (max-width: 980px){.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary{
    height: var(--vg-request-flow-height-tablet) !important;
  }
.email-stack.email-flow-split .visual:first-child,.email-stack.email-flow-split .visual:last-child,.email-stack.email-flow-split .vg-shot-frame--email-inbox,.email-stack.email-flow-split .vg-shot-frame--email-send{
    height: var(--vg-email-flow-height-tablet) !important;
  }

}
@media (max-width: 760px){.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary,.email-stack.email-flow-split .visual:first-child,.email-stack.email-flow-split .visual:last-child,.email-stack.email-flow-split .vg-shot-frame--email-inbox,.email-stack.email-flow-split .vg-shot-frame--email-send{
    height: auto !important;
  }

}
@media (max-width: 520px){:root{
    --vg-files-section-padding-y: 62px;
  }

}
.screen-preview-real{
  border: 1px solid var(--vg-shot-border-color) !important;
  box-shadow:var(--vg-shot-shadow-soft) !important;
  background: #fff !important;
}
.screen-preview-real .screen-preview-img{
  filter: var(--vg-shot-soft-filter);
  transition: filter .18s ease, transform .18s ease;
}
.screen-preview-real:hover .screen-preview-img,.screen-preview-real:focus-within .screen-preview-img{
  filter: none;
}
.vg-shot-frame .screen-preview-real:hover,.screen-preview-real:hover{
  box-shadow:var(--vg-shot-shadow-soft-hover) !important;
}
.stats-stack.stats-stack-mosaic .stats-shot,.stats-stack.stats-stack-mosaic .screen-preview-real{
  border-radius: 12px !important;
}
.stats-stack.stats-stack-mosaic .screen-preview-real{
  border: 1px solid var(--vg-shot-border-color-stats) !important;
  box-shadow:var(--vg-shot-shadow-stats) !important;
  background: #fff !important;
}
.stats-stack.stats-stack-mosaic .screen-preview-real:hover{
  box-shadow:0 14px 32px rgba(15, 35, 55, .08) !important;
}
.files-flow-inset .files-inset-shot .screen-preview-real,.email-stack.email-flow-split .vg-shot-frame--email-send .screen-preview-real,.request-flow-split .request-pair-secondary .screen-preview-real{
  border-color: rgba(148, 163, 184, .22) !important;
  box-shadow:0 14px 30px rgba(15, 35, 55, .075) !important;
}
.finance-section .feature-intro{
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 48px !important;
  align-items: center !important;
}
.finance-section .feature-intro > .visual.screen-visual-single,.finance-section .feature-intro > .visual.vg-shot-frame--finance{
  width: 100% !important;
  max-width: var(--vg-shot-finance-max) !important;
  justify-self: start !important;
}
.finance-section .feature-copy{
  max-width: 560px;
}
@media (max-width: 980px){.finance-section .feature-intro{
    grid-template-columns: 1fr !important;
    gap: var(--vg-intro-gap-mobile) !important;
  }
.finance-section .feature-intro > .visual.screen-visual-single,.finance-section .feature-intro > .visual.vg-shot-frame--finance{
    max-width: min(var(--vg-shot-finance-max), 100%) !important;
    justify-self: center !important;
  }
.finance-section .feature-copy{
    max-width: none;
  }

}
.access-mini-mockup .access-mini-title{
  padding-bottom: 10px !important;
  border-bottom: 0 !important;
}
.access-mini-tabs--single{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  padding: 0 16px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.09) !important;
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}
.access-mini-tabs--single span{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 0 9px !important;
  line-height: 1.2 !important;
}
.access-mini-tabs--single .active{
  color: var(--primary-2) !important;
}
.access-mini-tabs--single .active::after{
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--primary) !important;
}
.access-mini-mockup .access-mini-table{
  padding-top: 11px !important;
}
@media (max-width: 520px){.access-mini-tabs--single{
    padding-right: 14px !important;
    padding-left: 14px !important;
    font-size: 10.5px !important;
  }

}
@media (min-width: 981px){.request-step-grid.request-cards-bottom{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px 26px !important;
  }
.request-step-grid.request-cards-bottom .request-step-card{
    min-height: 0 !important;
    padding-right: 18px !important;
    padding-left: 26px !important;
  }

}
@media (max-width: 980px) and (min-width: 681px){.request-step-grid.request-cards-bottom{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}
@media (max-width: 680px){.request-step-grid.request-cards-bottom{
    grid-template-columns: 1fr !important;
  }
.customer-history-section .customer-history-intro{
    grid-template-columns: 1fr;
    align-items: start;
    gap: 26px;
  }
.customer-history-section .customer-history-checks{
    width: 100%;
    max-width: none;
  }
.customer-history-section .customer-history-checks li{
    grid-template-columns: 28px minmax(0, 1fr);
  }

}
.audience-section{
  background: #fff;
  padding-top: 70px;
  padding-bottom: 72px;
}
.audience-section .section-head{
  max-width: 820px;
  margin: 0 0 24px;
  text-align: left;
}
.audience-section .section-desc{
  max-width: 760px;
}
.audience-chips{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px 12px;
  max-width: 980px;
  margin: 26px 0 0;
}
.audience-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid #dfe8f2;
  background: #fff;
  color: #17212f;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 760;
  box-shadow:0 8px 20px rgba(15, 23, 42, 0.04);
  white-space: nowrap;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.audience-chip:hover{
  border-color: rgba(0, 184, 252, .45);
  background: rgba(0, 184, 252, .06);
  color: #0288d1;
  box-shadow:none;
  transform: translateY(-1px);
}
@media (max-width: 680px){.audience-section{
    padding-top: 54px;
    padding-bottom: 56px;
  }
.audience-section .section-head{
    margin-bottom: 20px;
  }
.audience-chips{
    gap: 9px;
    margin-top: 22px;
  }
.audience-chip{
    min-height: 38px;
    padding: 0 12px;
    font-size: 13px;
    white-space: normal;
  }

}
.audience-section h2{
  font-size: clamp(28px, 2.7vw, 36px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.04em !important;
  margin-bottom: 14px;
}
@media (max-width: 680px){.audience-section h2{
    font-size: 28px !important;
  }

}
.pricing-table thead .pricing-empty-cell{
  color: transparent;
}
.customer-history-section .customer-history-intro{
  display: block;
  margin-bottom: 42px;
}
@media (max-width: 780px){.customer-history-section .customer-history-checks{
    grid-template-columns: 1fr;
    gap: 15px;
  }

}
.customer-history-section .customer-history-checks{
  margin-top: 28px;
}
@media (max-width: 980px){.customer-history-section .customer-history-proof{
    max-width: 100% !important;
    justify-self: stretch !important;
  }

}
.customer-history-section .customer-history-checks.customer-history-checks-row li > span:last-child > span{
  line-height: 1.55;
}
@media (max-width: 1120px){.customer-history-section .customer-history-checks.customer-history-checks-row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}
@media (max-width: 680px){.customer-history-section .customer-history-checks.customer-history-checks-row{
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }

}
.planning-checks li{
  border-radius: 16px;
  transition: transform .18s ease, color .18s ease;
}
.planning-checks li .check-icon{
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease;
}
.planning-checks li:hover{
  transform: translateY(-1px);
}
.planning-checks li:hover .check-icon{
  background: rgba(0, 184, 252, .16);
  box-shadow:none;
}
.planning-checks li:hover strong{
  color: #0288d1;
}
.customer-history-section .customer-history-intro.customer-history-intro-split{
  display: grid !important;
  grid-template-columns: minmax(0, 0.98fr) minmax(420px, 1.02fr) !important;
  align-items: center !important;
  gap: 50px !important;
  margin-bottom: 0 !important;
}
.customer-history-section .customer-history-content{
  min-width: 0 !important;
}
.customer-history-section .feature-copy{
  max-width: 780px !important;
}
.customer-history-section .customer-history-checks,.customer-history-section .customer-history-checks.customer-history-checks-row{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px 34px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 30px 0 0 !important;
}
.customer-history-section .customer-history-checks li,.customer-history-section .customer-history-checks.customer-history-checks-row li{
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: start !important;
}
.customer-history-section .customer-history-checks .check-icon{
  width: 34px !important;
  height: 34px !important;
  font-size: 20px !important;
}
.customer-history-section .customer-history-proof{
  width: 100% !important;
  max-width: var(--vg-shot-stock-items-max, 550px) !important;
  margin: 0 !important;
  justify-self: end !important;
}
.customer-history-section .customer-history-proof .screen-preview-real{
  width: 100% !important;
  box-shadow:0 18px 44px rgba(15, 35, 55, 0.09) !important;
}
.customer-history-section .vg-shot-frame--customer-card .vg-shot--customer-card,.customer-history-section .customer-history-proof [data-shot="customer-card"]{
  aspect-ratio: var(--vg-shot-stock-items-ratio, 2.7 / 1) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}
@media (max-width: 980px){.customer-history-section .customer-history-intro.customer-history-intro-split{
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

}
@media (max-width: 680px){.planning-checks strong{
    font-size: 15.5px !important;
  }
.planning-checks span:last-child{
    font-size: 15px !important;
  }
.customer-history-section .customer-history-checks,.customer-history-section .customer-history-checks.customer-history-checks-row{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

}
.planning-checks strong{
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}
.planning-checks span:last-child{
  font-size: 14.5px !important;
  line-height: 1.55 !important;
}
.customer-history-section .customer-history-checks li > span:last-child > span{
  font-size: 14.5px !important;
  line-height: 1.55 !important;
}
.customer-history-section .customer-history-checks li,.customer-history-section .customer-history-checks.customer-history-checks-row li{
  gap: 13px !important;
}
@media (max-width: 680px){.planning-checks span:last-child,.customer-history-section .customer-history-checks li > span:last-child > span{
    font-size: 14.5px !important;
  }

}
.customer-history-section.customer-history-layout-grid .customer-history-intro.customer-history-intro-split{
  display: grid !important;
  grid-template-columns: minmax(0, 0.96fr) minmax(420px, 1.04fr) !important;
  align-items: center !important;
  gap: 50px !important;
  margin-bottom: 30px !important;
}
.customer-history-section.customer-history-layout-grid .customer-history-content{
  min-width: 0 !important;
}
.customer-history-section.customer-history-layout-grid .customer-history-checks.customer-history-checks-row{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px 38px !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 28px 0 0 !important;
}
.customer-history-section.customer-history-layout-grid .customer-history-checks.customer-history-checks-row li{
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: start !important;
}
.customer-history-section.customer-history-layout-grid .customer-history-checks .check-icon{
  width: 34px !important;
  height: 34px !important;
  font-size: 20px !important;
}
.customer-history-section.customer-history-layout-grid .customer-history-proof{
  width: 100% !important;
  max-width: var(--vg-shot-stock-items-max, 550px) !important;
  margin: 0 !important;
  justify-self: end !important;
}
.customer-history-section.customer-history-layout-grid .customer-history-proof [data-shot="customer-card"]{
  aspect-ratio: var(--vg-shot-stock-items-ratio, 2.7 / 1) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}
.customer-history-section.customer-history-layout-grid .customer-history-checks li > span:last-child > span{
  font-size: 14.5px !important;
  line-height: 1.55 !important;
}
@media (max-width: 980px){.customer-history-section.customer-history-layout-grid .customer-history-intro.customer-history-intro-split{
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
.customer-history-section.customer-history-layout-grid .customer-history-proof{
    max-width: 100% !important;
    justify-self: stretch !important;
  }
.customer-history-section.customer-history-layout-grid .customer-history-checks.customer-history-checks-row{
    max-width: none !important;
  }

}
@media (max-width: 680px){.customer-history-section.customer-history-layout-grid .customer-history-checks.customer-history-checks-row{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

}
.pricing-table thead .tariff-price{
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  margin-top: 7px;
  line-height: 1;
}
.pricing-table thead .tariff-price-value{
  font-size: 21px;
  line-height: 1;
  font-weight: 850;
  color: #0288d1;
  letter-spacing: -0.02em;
}
.pricing-table thead .tariff-price-period{
  font-size: 13px;
  line-height: 1;
  font-weight: 750;
  color: #64748b;
}
.pricing-table thead .plan-title{
  margin-bottom: 0 !important;
}
.pricing-box .small-note{
  line-height: 1.55;
}
.pricing-table .pricing-feature-cell{
  z-index: 4 !important;
}
.pricing-table .pricing-feature-cell:hover,.pricing-table .pricing-feature-cell:focus-within{
  z-index: 30 !important;
}
.pricing-feature-label{
  align-items: center;
}
@media (max-width: 760px){.pricing-scroll{
    margin-left: 0;
    margin-right: 0;
    scrollbar-gutter: stable;
  }
.pricing-table{
    min-width: 980px !important;
    width: 980px !important;
  }
.pricing-feature-label{
    grid-template-columns: minmax(0, auto) 18px;
  }

}
@media (max-width: 480px){.pricing-table{
    min-width: 940px !important;
    width: 940px !important;
  }

}
.pricing-table td:first-child{
  overflow: visible !important;
}
@media (max-width: 760px){.pricing-box{
    overflow: hidden !important;
  }

}
.pricing-feature-label{
  grid-template-columns: minmax(0, auto) 16px !important;
  column-gap: 7px !important;
}
@media (max-width: 760px){.pricing-scroll{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
  }
.pricing-scroll .pricing-table{
    table-layout: fixed !important;
  }
.pricing-table th:first-child,.pricing-table td:first-child{
    position: static !important;
    left: auto !important;
    z-index: auto !important;
    min-width: 0 !important;
    width: auto !important;
  }
.pricing-table .pricing-feature-cell{
    position: static !important;
    left: auto !important;
    z-index: auto !important;
  }
.pricing-feature-label{
    display: inline-grid !important;
    grid-template-columns: minmax(0, auto) 16px !important;
    align-items: center !important;
    column-gap: 6px !important;
  }

}
@media (max-width: 480px){.pricing-table th:first-child,.pricing-table td:first-child{
    position: static !important;
    left: auto !important;
    z-index: auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

}
.pricing-feature-text{
  min-width: 0 !important;
}
@media (max-width: 760px){.pricing-feature-label{
    display: inline !important;
    max-width: none !important;
    vertical-align: baseline !important;
  }
.pricing-feature-text{
    display: inline !important;
  }
.pricing-table th:first-child,.pricing-table td:first-child,.pricing-table .pricing-feature-cell{
    position: static !important;
    left: auto !important;
    z-index: auto !important;
  }

}
@media (max-width: 768px){.pricing-scroll{
    overflow-x: auto !important;
    overflow-y: visible !important;
    max-height: none !important;
  }
.pricing-scroll .pricing-table{
    min-width: 980px !important;
  }
.pricing-scroll .pricing-table th:first-child,.pricing-scroll .pricing-table td:first-child{
    position: static !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
  }
.pricing-feature-label,.pricing-feature-text{
    display: inline !important;
  }

}
@media (max-width: 760px){.pricing-scroll{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 10px !important;
  }

}
.pricing-box{
  overflow: hidden !important;
}
.pricing-scroll{
  display: block !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-x: contain !important;
  scrollbar-gutter: auto !important;
}
.pricing-scroll .pricing-table{
  width: 100% !important;
  min-width: 980px !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}
.pricing-scroll .pricing-table th:first-child,.pricing-scroll .pricing-table td:first-child{
  position: static !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
}
.pricing-table .pricing-feature-cell{
  position: static !important;
  overflow: visible !important;
  padding-right: 12px !important;
}
.pricing-feature-text{
  display: inline !important;
}
.pricing-feature-label,.pricing-feature-text{
  max-width: none !important;
  white-space: normal !important;
  vertical-align: baseline !important;
}
.pricing-tooltip-popover{
  max-width: min(330px, calc(100vw - 28px));
  letter-spacing: 0;
}
@media (max-width: 760px){.pricing-scroll .pricing-table{
    width: 980px !important;
    min-width: 980px !important;
  }
.pricing-tooltip-popover{
    width: min(300px, calc(100vw - 24px));
    max-width: min(300px, calc(100vw - 24px));
    font-size: 13px;
  }

}
@media (max-width: 480px){.pricing-scroll .pricing-table{
    width: 940px !important;
    min-width: 940px !important;
  }

}
.audience-chip{
  border-radius: 6px !important;
}
.pricing-scroll{
  width: 100% !important;
  overflow-y: visible !important;
  max-height: none !important;
}
.pricing-feature-label{
  display: inline !important;
  max-width: 100%;
}
.pricing-tooltip-popover{
  position: fixed;
  left: 0;
  top: 0;
  width: min(320px, calc(100vw - 24px));
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(210, 224, 236, .95);
  background: #ffffff;
  color: #43506a;
  box-shadow:0 18px 42px rgba(15, 36, 56, .18);
  font-size: 13.5px;
  line-height: 1.48;
  font-weight: 500;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index: 9999;
}
.pricing-tooltip-popover.is-visible{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (min-width: 981px){.pricing-scroll{
    overflow-x: visible !important;
  }
.pricing-scroll .pricing-table{
    width: 100% !important;
    min-width: 0 !important;
  }

}
@media (max-width: 980px){.pricing-scroll{
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
  }
.pricing-scroll .pricing-table{
    width: 980px !important;
    min-width: 980px !important;
  }
.pricing-scroll .pricing-table th:first-child,.pricing-scroll .pricing-table td:first-child{
    position: static !important;
    left: auto !important;
    z-index: auto !important;
  }

}
.pricing-stats-summary-row td{
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
}
.pricing-stats-toggle{
  appearance: none;
  text-align: left !important;
}
.pricing-stats-toggle-label{
  text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  text-decoration-color: rgba(2, 136, 209, .32) !important;
}
.pricing-stats-toggle:hover .pricing-stats-toggle-label,.pricing-stats-toggle:focus-visible .pricing-stats-toggle-label{
  text-decoration-color: rgba(2, 136, 209, .7) !important;
}
.pricing-stats-toggle:focus{
  outline: none !important;
}
.pricing-stats-level-text{
  font-weight: 800;
  color: #344054;
}
@media (max-width: 760px){.pricing-section-break-after td{
    border-bottom-width: 1px !important;
  }

}
.pricing-stats-toggle:hover *,.pricing-stats-toggle:focus-visible *{
  color: #0288d1 !important;
}
.pricing-stats-toggle:hover .pricing-stats-toggle-label,.pricing-stats-toggle:focus-visible .pricing-stats-toggle-label{
  text-decoration: none !important;
}
tr[data-pricing-stats-detail]:last-of-type td,.pricing-stats-last-detail td{
  border-bottom: 1px solid var(--line) !important;
}
@media (max-width: 760px){.pricing-section-break-after td{
    border-bottom: 1px solid #cbd8e6 !important;
  }

}
.pricing-feature-text[data-tooltip]{
  text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  text-decoration-color: rgba(0, 184, 252, .72) !important;
}
.pricing-feature-text[data-tooltip]:hover,.pricing-feature-text[data-tooltip]:focus,.pricing-feature-text[data-tooltip]:focus-visible{
  text-decoration-color: rgba(0, 184, 252, 1) !important;
}
tr[data-pricing-stats-detail] td:first-child .pricing-feature-text[data-tooltip]:hover,tr[data-pricing-stats-detail] td:first-child .pricing-feature-text[data-tooltip]:focus,tr[data-pricing-stats-detail] td:first-child .pricing-feature-text[data-tooltip]:focus-visible{
  color: #0288d1 !important;
}
@media (max-width: 760px){tr[data-pricing-stats-detail] td:first-child{
    padding-left: 34px !important;
  }

}
.pricing-table th,.pricing-table td{
  border-top-color: #e7eef6 !important;
}
.pricing-section-break-after td{
  border-bottom: 1px solid #cbd8e6 !important;
}
.pricing-feature-text[data-tooltip] .pricing-tooltip-label{
  text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  text-decoration-color: rgba(0, 184, 252, .58) !important;
  transition: text-decoration-color .16s ease, color .16s ease !important;
}
.pricing-feature-text[data-tooltip] .pricing-tooltip-question{
  color: #00b8fc !important;
  font-size: .92em !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  transform: translateY(-0.02em) !important;
  transition: color .16s ease !important;
}
.pricing-feature-text[data-tooltip]:hover .pricing-tooltip-label,.pricing-feature-text[data-tooltip]:focus .pricing-tooltip-label,.pricing-feature-text[data-tooltip]:focus-visible .pricing-tooltip-label{
  text-decoration-color: rgba(0, 184, 252, .95) !important;
}
tr[data-pricing-stats-detail] td:first-child .pricing-feature-label,tr[data-pricing-stats-detail] td:first-child .pricing-feature-text[data-tooltip]{
  font-weight: inherit !important;
  color: inherit !important;
}
.pricing-feature-text[data-tooltip],.pricing-feature-text[data-tooltip] .pricing-tooltip-label{
  text-decoration: none !important;
}
.pricing-feature-text[data-tooltip]{
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  color: inherit !important;
  cursor: help !important;
  transition: color .16s ease !important;
}
.pricing-tooltip-question{
  display: inline-block !important;
  color: rgba(0, 184, 252, .86) !important;
  font-size: .88em !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  margin-left: 1px !important;
  transform: translateY(-0.02em) !important;
  transition: color .16s ease !important;
}
.pricing-feature-text[data-tooltip]:hover,.pricing-feature-text[data-tooltip]:focus,.pricing-feature-text[data-tooltip]:focus-visible{
  color: #0288d1 !important;
  outline: none !important;
}
.pricing-feature-text[data-tooltip]:hover .pricing-tooltip-question,.pricing-feature-text[data-tooltip]:focus .pricing-tooltip-question,.pricing-feature-text[data-tooltip]:focus-visible .pricing-tooltip-question{
  color: #0288d1 !important;
}
.pricing-table tbody .pricing-pro-feature-row td{
  background: #f5fbff !important;
  border-top-color: rgba(0, 184, 252, 0.3) !important;
  
  border-bottom: 0 !important;
}
.pricing-table tbody .pricing-pro-feature-row td.standard{
  background: #e7f7fd !important;
}
.pricing-table tbody .pricing-pro-feature-row td:last-child{
  background: #e9f8ff !important;
}
.pricing-table tbody .pricing-pro-feature-row:hover td{
  background: #eefaff !important;
}
.pricing-table tbody .pricing-pro-feature-row:hover td.standard{
  background: #ddf4fc !important;
}
.pricing-table tbody .pricing-pro-feature-row:hover td:last-child{
  background: #ddf4ff !important;
}
.pricing-stats-toggle{
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font: inherit !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #00b8fc !important;
  cursor: pointer !important;
  transition: color .16s ease !important;
}
.pricing-stats-toggle *,.pricing-stats-toggle-sign,.pricing-stats-toggle-label{
  color: inherit !important;
  transition: color .16s ease !important;
  text-decoration: none !important;
}
.pricing-stats-toggle-sign{
  width: 13px !important;
  min-width: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1em !important;
  font-weight: 800 !important;
  line-height: inherit !important;
  transform: none !important;
  top: -1px;
  position: relative;
}
.pricing-stats-toggle-label{
  line-height: inherit !important;
}
.pricing-stats-toggle:hover,.pricing-stats-toggle:focus-visible{
  color: #0288d1 !important;
  outline: none !important;
}
.pricing-stats-toggle:focus,.pricing-stats-toggle:focus-visible{
  box-shadow:none !important;
  border-radius: 0 !important;
}
tr[data-pricing-stats-detail] td:first-child{
  padding-left: 40px !important;
  font-weight: 500 !important;
  color: #5b6b82 !important;
}
.hero-trust{
  color: rgba(255, 255, 255, .72) !important;
  font-style: normal !important;
}
@media (max-width: 680px){.hero-points{
    margin-top: 24px !important;
  }

}
.guided-workflow-section{
  padding: 60px 0 64px;
  
  background: linear-gradient(360deg, #f6fbff 0%, #eef8ff 100%);
  
  overflow: hidden;
  
  
}
.guided-workflow-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.72fr);
  gap: 44px;
  align-items: center;
}
.guided-workflow-copy h2{
  max-width: 740px;
  margin-bottom: 14px;
}
.guided-workflow-copy .section-desc{
  max-width: 760px;
}
.guided-workflow-copy .section-desc + .section-desc{
  margin-top: 10px;
}
.guided-workflow-card{
  position: relative;
  padding: 22px 26px;
  border: 1px solid rgba(0, 184, 252, 0.22);
  border-radius: 22px;
  background: #fff;
  box-shadow:0 24px 60px rgba(15, 60, 90, 0.10);
}
.guided-workflow-card::before{
  content: none;
}
.guided-workflow-card-title{
  position: relative;
  margin: 0 0 12px;
  color: #17212f;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 820;
  letter-spacing: -0.02em;
}
.guided-workflow-list{
  position: relative;
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.guided-workflow-list li{
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: #475467;
  font-size: 15.5px;
  line-height: 1.42;
  font-weight: 560;
}
.guided-workflow-list .check-icon{
  width: 28px;
  height: 28px;
  font-size: 16px;
}
@media (max-width: 900px){.guided-workflow-section{
    padding: 50px 0 54px;
  }
.guided-workflow-grid{
    grid-template-columns: 1fr;
    gap: 24px;
  }
.guided-workflow-card{
    max-width: 620px;
  }

}
@media (max-width: 560px){.guided-workflow-card{
    padding: 20px 18px;
    border-radius: 18px;
  }
.guided-workflow-list li{
    font-size: 14.5px;
  }

}
.guided-workflow-list li{
  margin: 0 -8px;
  padding: 4px 8px;
  border-radius: 12px;
  transition: background-color .18s ease, transform .18s ease, color .18s ease;
}
.guided-workflow-list li .check-icon{
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease;
}
.guided-workflow-list li:hover{
  background: rgba(0, 184, 252, 0.055);
  transform: translateX(2px);
}
.guided-workflow-list li:hover .check-icon{
  background: rgba(0, 184, 252, 0.18);
  box-shadow:none;
  transform: scale(1.04);
}
@media (max-width: 760px){.history-section .feature-intro.history-intro,.email-intro.email-image-right{
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    align-items: start !important;
  }
.history-section .feature-copy,.email-intro.email-image-right .feature-copy{
    max-width: none !important;
  }
.history-stack.history-shot-grid,.email-intro.email-image-right .email-stack.email-flow-split{
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
.history-stack.history-shot-grid .history-shot-main,.history-stack.history-shot-grid .history-shot-status,.history-stack.history-shot-grid .vg-shot-frame,.email-intro.email-image-right .email-stack.email-flow-split .visual:first-child,.email-intro.email-image-right .email-stack.email-flow-split .visual:last-child,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot-frame--email-inbox,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot-frame--email-send{
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }
.history-stack.history-shot-grid .vg-shot--history-position,.history-stack.history-shot-grid .vg-shot--history-status,.history-stack.history-shot-grid .screen-placeholder,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot--email-inbox,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot--email-send,.email-intro.email-image-right .email-stack.email-flow-split .screen-placeholder{
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
.history-stack.history-shot-grid .vg-shot--history-position,.history-stack.history-shot-grid .vg-shot--history-status{
    aspect-ratio: 1.72 / 1 !important;
  }
.email-intro.email-image-right .email-stack.email-flow-split .vg-shot--email-inbox{
    aspect-ratio: 1.72 / 1 !important;
  }
.email-intro.email-image-right .email-stack.email-flow-split .vg-shot--email-send{
    aspect-ratio: 1.55 / 1 !important;
  }
.history-stack.history-shot-grid .screen-preview-img,.email-intro.email-image-right .email-stack.email-flow-split .screen-preview-img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
  }

}
@media (max-width: 480px){.history-stack.history-shot-grid,.email-intro.email-image-right .email-stack.email-flow-split{
    gap: 12px !important;
  }
.history-stack.history-shot-grid .screen-preview-meta,.email-intro.email-image-right .email-stack.email-flow-split .screen-preview-meta{
    font-size: 9px !important;
    padding: 4px 7px !important;
  }

}
@media (max-width: 1100px) and (min-width: 521px){.stock-grid.three .feature-card,.stock-grid .feature-card{
    grid-column: span 6 !important;
  }
.special-order-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
.special-order-cards p{
    max-width: none;
  }

}
@media (max-width: 520px){.stock-grid.three .feature-card,.stock-grid .feature-card{
    grid-column: span 12 !important;
  }
.special-order-cards{
    grid-template-columns: 1fr !important;
  }
.special-order-cards p{
    max-width: none;
  }

}
@media (max-width: 980px){.files-intro,.payouts-intro.payouts-image-left{
    grid-template-columns: 1fr !important;
    gap: var(--vg-intro-gap-mobile) !important;
    align-items: start !important;
  }
.files-intro .feature-copy,.payouts-intro.payouts-image-left .feature-copy{
    max-width: none !important;
    justify-self: stretch !important;
  }
.files-intro .feature-copy{
    order: 0 !important;
  }
.files-intro .files-visual-pair.files-flow-inset{
    order: 1 !important;
    width: 100% !important;
    max-width: 620px !important;
    justify-self: start !important;
    transform: none !important;
  }
.payouts-intro.payouts-image-left .feature-copy{
    order: 0 !important;
  }
.payouts-intro.payouts-image-left .payouts-visual,.payouts-visual.payouts-visual-main,.payouts-visual.screen-visual-single.vg-shot-frame--payouts-earnings{
    order: 1 !important;
    width: 100% !important;
    max-width: var(--vg-shot-payouts-max) !important;
    justify-self: start !important;
  }

}
@media (max-width: 760px){.files-intro .files-visual-pair.files-flow-inset,.payouts-intro.payouts-image-left .payouts-visual,.payouts-visual.payouts-visual-main,.payouts-visual.screen-visual-single.vg-shot-frame--payouts-earnings{
    max-width: 100% !important;
    justify-self: stretch !important;
  }
.files-visual-pair.files-flow-inset{
    padding: 0 !important;
    transform: none !important;
  }
.files-flow-inset .vg-shot-frame--order-files{
    max-width: none !important;
  }
.files-flow-inset .files-inset-shot{
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: min(76%, 330px) !important;
    max-width: 330px !important;
    min-width: 0 !important;
    margin: -22px 14px 0 auto !important;
  }

}
@media (max-width: 520px){.files-flow-inset .files-inset-shot{
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 0 0 !important;
  }
.payouts-intro.payouts-image-left .payouts-visual,.payouts-visual.payouts-visual-main,.payouts-visual.screen-visual-single.vg-shot-frame--payouts-earnings{
    max-width: 100% !important;
  }

}
@media (max-width: 760px){.history-stack.history-shot-grid,.request-visual-pair.request-flow-split,.email-intro.email-image-right .email-stack.email-flow-split,.files-intro .files-visual-pair.files-flow-inset{
    width: min(92%, 540px) !important;
    max-width: 540px !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
.history-stack.history-shot-grid .history-shot-main,.history-stack.history-shot-grid .history-shot-status,.history-stack.history-shot-grid .vg-shot-frame,.email-intro.email-image-right .email-stack.email-flow-split .visual:first-child,.email-intro.email-image-right .email-stack.email-flow-split .visual:last-child,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot-frame--email-inbox,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot-frame--email-send,.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary,.files-flow-inset .vg-shot-frame--order-files,.files-flow-inset .files-inset-shot{
    max-width: 100% !important;
  }
.history-stack.history-shot-grid .screen-preview-real,.email-intro.email-image-right .email-stack.email-flow-split .screen-preview-real,.request-flow-split .screen-preview-real,.files-flow-inset .screen-preview-real{
    box-shadow:0 14px 32px rgba(15, 23, 42, 0.10) !important;
  }
.request-flow-split .request-pair-secondary,.email-intro.email-image-right .email-stack.email-flow-split .visual:last-child,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot-frame--email-send,.files-flow-inset .files-inset-shot{
    width: min(84%, 390px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
.files-flow-inset .files-inset-shot{
    margin-top: -18px !important;
  }

}
@media (max-width: 520px){.history-stack.history-shot-grid,.request-visual-pair.request-flow-split,.email-intro.email-image-right .email-stack.email-flow-split,.files-intro .files-visual-pair.files-flow-inset{
    width: 88% !important;
    max-width: 360px !important;
  }
.request-flow-split .request-pair-secondary,.email-intro.email-image-right .email-stack.email-flow-split .visual:last-child,.email-intro.email-image-right .email-stack.email-flow-split .vg-shot-frame--email-send,.files-flow-inset .files-inset-shot{
    width: 86% !important;
    max-width: 300px !important;
  }
.history-stack.history-shot-grid,.request-visual-pair.request-flow-split,.email-intro.email-image-right .email-stack.email-flow-split{
    gap: 12px !important;
  }

}
@media (max-width: 980px){.request-image-left .feature-copy{
    order: -1 !important;
  }
.request-image-left .request-visual-pair{
    order: 1 !important;
  }

}
@media (max-width: 760px){.request-flow-split .request-pair-main,.request-flow-split .request-pair-secondary{
    height: auto !important;
  }
.request-flow-split .screen-placeholder-request-main,.request-flow-split .vg-shot--price-request{
    aspect-ratio: 1.92 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
  }
.request-flow-split .screen-placeholder-request-secondary,.request-flow-split .vg-shot--online-booking-page{
    aspect-ratio: 1.72 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
  }

}
@media (max-width: 520px){.request-flow-split .screen-placeholder-request-main,.request-flow-split .vg-shot--price-request,.request-flow-split .screen-placeholder-request-secondary,.request-flow-split .vg-shot--online-booking-page{
    aspect-ratio: 1.58 / 1 !important;
  }

}
@media (max-width: 760px) and (min-width: 521px){.history-stack.history-shot-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(86%, 560px) !important;
    max-width: 560px !important;
    gap: 14px !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
.history-stack.history-shot-grid .history-shot-main,.history-stack.history-shot-grid .history-shot-status,.history-stack.history-shot-grid .vg-shot-frame{
    width: 100% !important;
    max-width: none !important;
  }
.history-stack.history-shot-grid .vg-shot--history-position,.history-stack.history-shot-grid .vg-shot--history-status,.history-stack.history-shot-grid .screen-placeholder{
    aspect-ratio: 1.35 / 1 !important;
  }
.stats-stack.stats-stack-mosaic{
    width: min(90%, 660px) !important;
    max-width: 660px !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
.stats-stack.stats-stack-mosaic .stats-mini-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
.stats-stack.stats-stack-mosaic .stats-shot-main .screen-preview-real{
    aspect-ratio: 3.1 / 1 !important;
  }
.stats-stack.stats-stack-mosaic .stats-shot-mini .screen-preview-real{
    aspect-ratio: 2.2 / 1 !important;
  }

}
@media (max-width: 520px){.history-stack.history-shot-grid{
    width: min(88%, 360px) !important;
    max-width: 360px !important;
  }
.history-stack.history-shot-grid .vg-shot--history-position,.history-stack.history-shot-grid .vg-shot--history-status,.history-stack.history-shot-grid .screen-placeholder{
    aspect-ratio: 1.55 / 1 !important;
  }
.stats-stack.stats-stack-mosaic{
    width: min(90%, 380px) !important;
    max-width: 380px !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
.stats-stack.stats-stack-mosaic .stats-mini-grid{
    grid-template-columns: 1fr !important;
  }
.stats-stack.stats-stack-mosaic .stats-shot-main .screen-preview-real,.stats-stack.stats-stack-mosaic .stats-shot-mini .screen-preview-real{
    aspect-ratio: 2.15 / 1 !important;
  }

}
@media (max-width: 980px){.finance-section .feature-copy{
    order: -1 !important;
  }
.finance-section .feature-intro > .visual.screen-visual-single,.finance-section .feature-intro > .visual.vg-shot-frame--finance{
    order: 1 !important;
  }

}
.section-dark h2,.section-dark .feature-intro h2,.section-dark .section-head h2{
  color: #f8fafc !important;
}
.section.section-white:has(.files-intro){
  padding-bottom: clamp(48px, 4vw, 62px) !important;
}
.section.section-white:has(.files-intro) .files-intro{
  margin-bottom: 0 !important;
}
@media (max-width: 680px){.cards,.feature-wide-grid,.finance-grid,.stats-card-grid,.history-soft-grid,.request-step-grid,.payouts-card-grid,.special-order-cards{
    align-items: start !important;
  }
.card,.feature-card,.finance-grid .feature-card,.stats-card-grid .feature-card,.history-soft-grid .card,.request-step-card,.payouts-card-grid .card,.special-order-cards article,.system-cards .card,.control-cards .card,.soft-card-grid .card,.solid-card-grid .feature-card,.stripe-card-grid .feature-card,.frameless-feature-grid .feature-card{
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }

}
@media (max-width: 520px){.stock-grid .feature-card,.stock-grid.three .feature-card,.special-order-cards article{
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }

}
@media (max-width: 680px){.cards,.system-cards,.control-cards,.soft-card-grid,.solid-card-grid,.stripe-card-grid,.feature-wide-grid,.feature-wide-grid.three,.feature-wide-grid.six,.stock-grid,.stock-grid.three,.finance-grid,.stats-card-grid,.planning-card-grid,.frameless-feature-grid,.history-soft-grid,.request-step-grid,.payouts-card-grid,.multi-location-info-grid,.special-order-cards{
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
.cards > *,.system-cards > *,.control-cards > *,.soft-card-grid > *,.solid-card-grid > *,.stripe-card-grid > *,.feature-wide-grid > *,.feature-wide-grid.three > *,.feature-wide-grid.six > *,.stock-grid > *,.stock-grid.three > *,.finance-grid > *,.stats-card-grid > *,.planning-card-grid > *,.frameless-feature-grid > *,.history-soft-grid > *,.request-step-grid > *,.payouts-card-grid > *,.multi-location-info-grid > *,.special-order-cards > *,.finance-grid .feature-card,.finance-grid .feature-card:last-child,.finance-grid .feature-card:nth-last-child(-n + 2),.stock-grid .feature-card,.stock-grid.three .feature-card,.feature-wide-grid .feature-card,.feature-wide-grid.three .feature-card,.feature-wide-grid.six .feature-card{
    grid-column: 1 / -1 !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }

}
@media (max-width: 980px){.hero-point{
    padding: 11px 16px;
  }

}
@media (max-width: 680px){.hero-point{
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    padding: 10px 14px;
  }
.hero-point-icon{
    width: 28px;
    height: 28px;
  }
.hero-point-icon svg{
    width: 27px;
    height: 27px;
  }

}
.hero-sub{
  position: relative;
  border-left: 0;
  padding-left: 17px;
}
.hero-sub::before{
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 3px;
  background: var(--primary);
  border-radius: 0 6px 6px 0;
}
.multi-location-info-item::before{
  border-radius: 0 6px 6px 0;
}
.supplier-control-section{
  padding-top: clamp(44px, 4.5vw, 64px);
  padding-bottom: clamp(44px, 4.5vw, 64px);
  background: #fff;
}
.supplier-control-panel{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(460px, 1.05fr);
  align-items: start;
  gap: clamp(28px, 3.5vw, 52px);
  overflow: hidden;
  padding: clamp(30px, 3.5vw, 46px);
  border: 1px solid rgba(0, 184, 252, 0.16);
  border-radius: 28px;
  background: linear-gradient(135deg, #ffffff 0%, #fbfdff 58%, #f4fbff 100%);
  box-shadow:0 14px 44px rgba(15, 23, 42, 0.06);
}
.supplier-control-panel::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(2, 136, 209, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2, 136, 209, 0.035) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: 0.72;
  pointer-events: none;
}
.supplier-control-panel::after{
  content: "";
  position: absolute;
  width: 210px;
  height: 210px;
  right: -78px;
  top: -82px;
  border-radius: 999px;
  background: rgba(0, 184, 252, 0.08);
  pointer-events: none;
}
.supplier-control-copy,.supplier-control-cards{
  position: relative;
  z-index: 1;
}
.supplier-control-copy{
  max-width: 540px;
  padding-top: 2px;
}
.supplier-control-copy h2{
  max-width: 560px;
  margin-bottom: 16px;
  color: var(--ink);
  font-size: clamp(30px, 3.35vw, 46px);
}
.supplier-control-lead{
  max-width: 520px;
  margin-bottom: 14px;
  color: #1d2a3d;
  font-weight: 620;
  line-height: 1.46;
}
.supplier-control-text{
  max-width: 520px;
  margin: 0;
  color: #516074;
  font-size: 15.5px;
  line-height: 1.56;
}
.supplier-control-cards{
  display: grid;
  gap: 0;
  padding-left: 38px;
}
.supplier-control-cards::before{
  content: none;
  display: none;
}
.supplier-control-cards article{
  position: relative;
  padding: 0 0 14px 0;
  border: 0;
  background: transparent;
  box-shadow:none;
}
.supplier-control-cards article:not(:last-child){
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.supplier-control-cards article::before{
  content: "";
  position: absolute;
  left: -30px;
  top: 2px;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: var(--primary);
  box-shadow:0 0 0 4px #fff;
}
.supplier-control-cards article:hover h3{
  color: var(--primary);
}
.supplier-control-cards h3{
  margin: 0 0 6px;
  color: #172033;
  font-size: 16.5px;
  line-height: 1.2;
  letter-spacing: -0.025em;
  transition: color 0.22s ease;
}
.supplier-control-cards p{
  margin: 0;
  color: #536174;
  font-size: 14px;
  line-height: 1.46;
}
@media (max-width: 1080px){.supplier-control-panel{
    grid-template-columns: 1fr;
  }
.supplier-control-copy,.supplier-control-copy .section-desc,.supplier-control-text{
    max-width: none;
  }

}
@media (max-width: 680px){.supplier-control-section{
    padding-top: 42px;
    padding-bottom: 42px;
  }
.supplier-control-panel{
    padding: 24px 20px;
    border-radius: 24px;
  }
.supplier-control-cards{
    padding-left: 30px;
  }
.supplier-control-cards::before{
    left: 11px;
  }
.supplier-control-cards article::before{
    left: -27px;
  }

}
.request-timeline-section .request-timeline-layout{
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(460px, 1fr);
  align-items: start;
  gap: clamp(34px, 5vw, 72px);
}
.request-timeline-section .request-timeline-left{
  min-width: 0;
}
.request-timeline-section .feature-copy{
  max-width: 620px;
  margin-bottom: 24px;
}
.request-timeline-section .request-visual-pair.request-flow-split{
  max-width: 640px !important;
  justify-self: start !important;
}
.request-timeline-section .request-timeline-steps{
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 8px 0 0 !important;
  padding-left: 52px !important;
  counter-reset: request-step;
}
.request-timeline-section .request-timeline-steps::before{
  content: "";
  position: absolute;
  left: 17px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(0, 184, 252, 0.18), rgba(0, 184, 252, 0.72), rgba(0, 184, 252, 0.18));
}
.request-timeline-section .request-timeline-steps .request-step-card{
  position: relative !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 0 22px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow:none !important;
  transform: none !important;
  counter-increment: request-step;
  transition: none !important;
}
.request-timeline-section .request-timeline-steps .request-step-card:not(:last-child){
  margin-bottom: 18px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}
.request-timeline-section .request-timeline-steps .request-step-card::before{
  content: counter(request-step) !important;
  position: absolute;
  left: -49px;
  top: 1px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  min-width: 31px;
  margin: 0;
  padding: 0;
  border-radius: 999px;
  color: #fff;
  background: var(--primary);
  box-shadow:0 0 0 5px #fff;
  font-size: 13.5px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}
.request-timeline-section .request-timeline-steps .request-step-card::after,.request-timeline-section .request-timeline-steps .request-step-card h3::before{
  content: none !important;
  display: none !important;
}
.request-timeline-section .request-timeline-steps .request-step-card h3{
  display: block;
  margin: 0 0 8px !important;
  color: #172033;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.025em;
  transition: color 0.2s ease;
}
.request-timeline-section .request-timeline-steps .request-step-card p{
  margin: 0;
  color: #536174;
  font-size: 14.5px;
  line-height: 1.55;
}
.request-timeline-section .request-timeline-steps .request-step-card:hover,.request-timeline-section .request-timeline-steps .request-step-card.reveal.is-visible:hover{
  transform: none !important;
  background: transparent !important;
  box-shadow:none !important;
}
.request-timeline-section .request-timeline-steps .request-step-card:hover h3{
  color: var(--primary);
}
@media (max-width: 1080px){.request-timeline-section .request-timeline-layout{
    grid-template-columns: 1fr;
    gap: 30px;
  }
.request-timeline-section .feature-copy,.request-timeline-section .request-visual-pair.request-flow-split{
    max-width: 720px !important;
  }

}
@media (max-width: 680px){.request-timeline-section .request-timeline-steps{
    padding-left: 46px !important;
  }
.request-timeline-section .request-timeline-steps::before{
    left: 16px;
  }
.request-timeline-section .request-timeline-steps .request-step-card::before{
    left: -44px;
    width: 29px;
    height: 29px;
    min-width: 29px;
    font-size: 12.5px;
  }

}
.hero-proof-stack{
  margin-top: 14px;
  max-width: 640px;
}
.hero-proof-stack .hero-trust{
  margin-top: 0 !important;
}
.hero-proof-line{
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
  opacity: 0.9;
}
.cta-proof-stack{
  margin-top: 14px;
}
.cta-proof-stack p{
  margin: 0;
  color: rgba(255, 255, 255, 0.96);
  font-size: 14px;
  line-height: 1.5;
}
.cta-proof-stack p + p{
  margin-top: 4px;
}
@media (max-width: 680px){.hero-proof-stack{
    margin-top: 12px;
  }
.hero-proof-line,.cta-proof-stack p{
    font-size: 13px;
  }

}
.cta-proof-list{
  margin-top: 18px;
  display: grid;
  gap: 8px;
}
.cta-proof-item{
  display: flex;
  align-items: center;
  gap: 10px;
}
.cta-proof-item span{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  box-shadow:0 0 0 5px rgba(255, 255, 255, 0.16);
  flex: 0 0 auto;
}
.cta-proof-item p{
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 500;
}
@media (max-width: 680px){.cta-proof-list{
    margin-top: 14px;
    gap: 7px;
  }
.cta-proof-item p{
    font-size: 13px;
  }

}
.hero-trial-note{
  color: rgba(255, 255, 255, 0.88) !important;
}
.cta-actions{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 0 0 auto;
}
.cta-actions .hero-actions{
  margin-top: 0 !important;
}
.cta-trial-note{
  margin: 10px 0 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}
.final-cta .cta-actions{
  align-items: center;
}
@media (max-width: 720px){.cta-band .cta-actions{
    width: 100%;
    align-items: flex-start;
  }
.hero-trial-note,.cta-trial-note{
    font-size: 13px !important;
  }

}
.hero-trust{
  color: rgba(255, 255, 255, 0.90) !important;
}
.hero-trial-note{
  margin: 9px 0 0 !important;
  max-width: 610px;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}
.hero-trust{
  margin: 21px 0 0 !important;
  max-width: 610px;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 340 !important;
  opacity: 1 !important;
}
@media (max-width: 680px){.hero-trust{
    margin-top: 18px !important;
    
    font-weight: 340 !important;
  }

}
.pricing-box .pricing-notes{
  margin: 18px 30px 30px;
  display: grid;
  color: #667085;
  font-size: 13px;
}
.pricing-box .pricing-notes span{
  display: block;
}
@media (max-width: 768px){.pricing-box .pricing-notes{
    margin: 16px 18px 24px;
  }

}
.pricing-box .pricing-notes{
  gap: 4px;
  line-height: 1.38;
}
.final-cta .cta-actions{
  margin-top: 28px;
}
.final-cta .cta-actions .hero-actions{
  margin-top: 0 !important;
}
@media (max-width: 768px){.pricing-box .pricing-notes{
    gap: 5px;
    line-height: 1.4;
  }
.final-cta .cta-actions{
    margin-top: 24px;
  }

}
@media (max-width: 320px){.topbar .top-actions{
    gap: 4px !important;
  }

}
@media (prefers-reduced-motion: reduce){html{ scroll-behavior: auto; }
.reveal{ transition: none; transform: none; }

}
.topbar .brand{
  flex: 0 1 260px;
  width: 100%;
  max-width: 260px;
  min-width: 0;
}
.topbar .brand-logo{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 48px;
  object-fit: contain;
  object-position: left center;
  margin: 0;
}
@media (max-width: 700px){.topbar .brand{
    flex-basis: 220px;
    max-width: 220px;
  }
.topbar .brand-logo{
    max-height: 42px;
  }

}
@media (max-width: 680px){.hero{
    padding-top: 96px;
  }

}
.topbar .top-actions{
  flex-shrink: 0;
}


/* Consistent feedback on linked brand logos. */
a:has(.brand-logo) {transition:opacity .2s ease}
a:has(.brand-logo):focus-visible {outline:3px solid var(--primary);outline-offset:4px}
@media (hover:hover) {a:has(.brand-logo):hover {opacity:.8}}
@media (prefers-reduced-motion:reduce) {a:has(.brand-logo) {transition:none}}