@import url('public-info.css?v=1');

/* Approved 777 × 2025 reference. --u scales its measured desktop geometry.
   Below 700px, use a genuinely responsive layout and legible type instead.
   Raster windows reuse the supplied artwork unchanged; all page UI is HTML. */
.aylivo-home {
  --u: min(calc(100vw / 777), 1.853282px);
  --home-ink: #070d52;
  --home-blue: #0062ff;
  --home-orange: #ff782d;
  --home-muted: #4b5897;
  max-width: 1440px;
  margin: 0 auto;
  background: #fff;
  color: var(--home-ink);
  font-family: 'Inter', sans-serif;
  font-size: calc(13 * var(--u));
  line-height: 1.35;
  -webkit-font-smoothing: antialiased;
}
.aylivo-home *,
.aylivo-home *::before,
.aylivo-home *::after {
  box-sizing: border-box;
}
html:has(.aylivo-home) {
  scrollbar-width: none;
}
.aylivo-home::-webkit-scrollbar {
  width: 0;
}
.aylivo-home :where(section) {
  padding: 0;
}
.aylivo-home h1,
.aylivo-home h2,
.aylivo-home h3,
.aylivo-home p,
.aylivo-home figure {
  margin: 0;
  color: inherit;
}
.aylivo-home a {
  color: inherit;
}
.aylivo-home button,
.aylivo-home summary {
  -webkit-tap-highlight-color: transparent;
}
.aylivo-home .deployment-status {
  display: none;
} /* Same access restrictions are visible in hero and closing CTA. */
.aylivo-home :focus-visible {
  outline: 3px solid #ef5709;
  outline-offset: 4px;
}
.home-skip {
  position: fixed;
  z-index: 2000;
  left: 20px;
  top: -100px;
  padding: 14px;
  background: white;
}
.home-skip:focus {
  top: 12px;
}
.home-container {
  width: calc(701 * var(--u));
  margin-inline: auto;
}
.aylivo-home .icon {
  display: inline-block;
  width: calc(17 * var(--u));
  height: calc(17 * var(--u));
  flex: none;
  vertical-align: middle;
}
.reference-crop {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--cw) / var(--ch);
  overflow: hidden;
}
.reference-crop > img {
  position: absolute;
  width: calc(777 / var(--cw) * 100%);
  height: auto;
  max-width: none;
  left: calc(-100% * var(--cx) / var(--cw));
  top: calc(-100% * var(--cy) / var(--ch));
}
.product-shot {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
  background: #fff;
}
img.product-shot[src*='billing-desktop.png'] {
  object-fit: contain;
  object-position: center;
  padding: clamp(8px, 1.2vw, 18px);
  background: #eef4fc;
}
.product-shot-hero {
  height: calc(366 * var(--u));
  border: 1px solid #d8e4f8;
  box-shadow: 0 calc(8 * var(--u)) calc(24 * var(--u)) #0713451a;
}
.trade-shot {
  aspect-ratio: 168 / 129;
  border: 1px solid #d8e4f8;
  border-radius: calc(5 * var(--u));
}
.feature-shot {
  align-self: stretch;
  min-height: calc(68 * var(--u));
  border: 1px solid #d8e4f8;
  border-radius: calc(5 * var(--u));
}
.feature-mark {
  display: grid;
  width: calc(32 * var(--u));
  height: calc(32 * var(--u));
  place-items: center;
  border-radius: calc(8 * var(--u));
  background: #eaf2ff;
  color: #075de7;
  font-size: calc(12 * var(--u));
  font-weight: 750;
}
.dialog-product-shot {
  max-height: min(62vh, 720px);
  border: 1px solid #d8e4f8;
  border-radius: 10px;
  object-fit: cover;
  object-position: left top;
}
.crop-logo {
  --cw: 384;
  --ch: 112;
  background: url('/assets/home/aylivo-logo-horizontal.png') center / contain no-repeat;
}
.crop-logo > img {
  display: none;
}
.crop-hero {
  --cx: 360;
  --cy: 49;
  --cw: 417;
  --ch: 366;
}
.crop-craft {
  --cx: 38;
  --cy: 787;
  --cw: 168;
  --ch: 129;
}
.crop-freelance {
  --cx: 216;
  --cy: 787;
  --cw: 165;
  --ch: 129;
}
.crop-retail {
  --cx: 394;
  --cy: 787;
  --cw: 165;
  --ch: 129;
}
.crop-team {
  --cx: 574;
  --cy: 787;
  --cw: 167;
  --ch: 129;
}
.crop-step-client {
  --cx: 101;
  --cy: 508;
  --cw: 32;
  --ch: 40;
}
.crop-step-lines {
  --cx: 348;
  --cy: 508;
  --cw: 32;
  --ch: 40;
}
.crop-step-pdf {
  --cx: 625;
  --cy: 508;
  --cw: 34;
  --ch: 40;
}
.crop-icon-document {
  --cx: 325;
  --cy: 1038;
  --cw: 32;
  --ch: 34;
}
.crop-icon-expense {
  --cx: 325;
  --cy: 1118;
  --cw: 32;
  --ch: 34;
}
.crop-icon-project {
  --cx: 325;
  --cy: 1201;
  --cw: 32;
  --ch: 34;
}
.crop-icon-payment {
  --cx: 324;
  --cy: 1288;
  --cw: 34;
  --ch: 32;
}
.crop-preview-document {
  --cx: 528;
  --cy: 1030;
  --cw: 213;
  --ch: 68;
}
.crop-preview-expense {
  --cx: 528;
  --cy: 1114;
  --cw: 213;
  --ch: 69;
}
.crop-preview-project {
  --cx: 551;
  --cy: 1194;
  --cw: 190;
  --ch: 72;
}
.crop-preview-payment {
  --cx: 532;
  --cy: 1282;
  --cw: 209;
  --ch: 70;
}
.aylivo-home .home-header {
  position: relative;
  top: auto;
  height: calc(49 * var(--u));
  background: white;
  border: 0;
  box-shadow: none;
  z-index: 20;
}
.home-nav {
  display: flex;
  align-items: center;
  gap: calc(22 * var(--u));
  height: 100%;
}
.home-logo {
  display: block;
  width: calc(70 * var(--u));
  flex-shrink: 0;
}
.home-logo .brand-logo {
  display: block;
  width: 100%;
  height: auto;
}
.home-links {
  display: flex;
  gap: calc(18 * var(--u));
  align-items: center;
}
.home-links a,
.home-nav-actions > a {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  font-size: calc(9 * var(--u));
  text-decoration: none;
  white-space: nowrap;
}
.home-links .icon {
  width: calc(9 * var(--u));
  height: calc(9 * var(--u));
}
.home-nav-actions {
  display: flex;
  align-items: center;
  gap: calc(18 * var(--u));
  margin-left: auto;
}
.aylivo-home .home-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(15 * var(--u));
  padding: 0 calc(24 * var(--u));
  min-height: calc(36 * var(--u));
  border: 0;
  border-radius: calc(5 * var(--u));
  background: var(--home-orange);
  color: #071345;
  font-size: calc(12 * var(--u));
  font-weight: 550;
  text-decoration: none;
  white-space: nowrap;
  transition: background 150ms ease;
}
.aylivo-home .home-button:hover {
  background: #ff954f;
}
.home-nav-actions .home-button {
  min-height: calc(28 * var(--u));
  font-size: calc(9 * var(--u));
  padding-inline: calc(14 * var(--u));
  gap: calc(9 * var(--u));
}
.home-nav-actions .home-button .icon {
  width: calc(13 * var(--u));
  height: calc(13 * var(--u));
}
.aylivo-home .home-burger {
  display: none;
}
.aylivo-home .mobile-menu {
  display: none;
}
.home-hero {
  display: grid;
  grid-template-columns: calc(322 * var(--u)) 1fr;
  margin-left: calc(38 * var(--u));
  min-height: calc(398 * var(--u));
}
.home-hero .hero-copy {
  padding-top: calc(24 * var(--u));
  padding-right: calc(8 * var(--u));
}
.aylivo-home .home-eyebrow {
  font-size: calc(9.2 * var(--u));
  line-height: 1.4;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
.home-hero .home-eyebrow {
  font-size: calc(8.6 * var(--u));
  letter-spacing: 0.025em;
  white-space: nowrap;
}
.aylivo-home h1 {
  font-size: calc(46 * var(--u));
  line-height: 0.95;
  font-weight: 780;
  letter-spacing: -0.055em;
  margin-top: calc(14 * var(--u));
}
.aylivo-home h1 strong {
  color: #ff611f;
  font-weight: inherit;
  font-size: 1.085em;
  letter-spacing: -0.065em;
}
.home-hero .hero-description {
  font-size: calc(12.8 * var(--u));
  line-height: 1.5;
  letter-spacing: -0.06em;
  margin: calc(6 * var(--u)) 0 calc(15 * var(--u));
}
.home-hero .home-button {
  width: calc(201 * var(--u));
  padding: 0;
  gap: calc(9 * var(--u));
  font-weight: 500;
}
.home-link {
  display: inline-flex;
  align-items: center;
  gap: calc(10 * var(--u));
  color: #005cff !important;
  font-size: calc(13 * var(--u));
  text-decoration: underline;
  text-underline-offset: calc(2 * var(--u));
}
.home-link:hover {
  text-decoration-thickness: 2px;
}
.home-hero .example-link {
  display: flex;
  width: fit-content;
  margin-top: calc(11 * var(--u));
}
.aylivo-home .home-note {
  font-size: calc(10 * var(--u));
  line-height: 1.4;
  color: var(--home-muted);
  margin-top: calc(10 * var(--u));
  letter-spacing: -0.035em;
}
.aylivo-home .closed-note {
  margin-top: calc(7 * var(--u));
}
.hero-figure figcaption {
  font-size: calc(9 * var(--u));
  color: var(--home-muted);
  padding-top: calc(6 * var(--u));
}
.aylivo-home h2 {
  font-size: calc(36 * var(--u));
  line-height: 0.975;
  font-weight: 740;
  letter-spacing: -0.055em;
}
.aylivo-home h3 {
  font-size: calc(14 * var(--u));
  line-height: 1.15;
  font-weight: 650;
  letter-spacing: -0.04em;
}
.home-steps {
  background: var(--home-blue);
  color: white;
  padding: calc(21 * var(--u)) 0 calc(13 * var(--u));
  min-height: calc(211 * var(--u));
}
.home-steps h2 {
  font-size: calc(27 * var(--u));
  letter-spacing: -0.03em;
}
.steps-list {
  display: grid;
  grid-template-columns: 32.5% 37.2% 30.3%;
  list-style: none;
  margin: calc(18 * var(--u)) 0 calc(16 * var(--u));
  padding: 0;
}
.steps-list li {
  display: grid;
  grid-template-columns: calc(43 * var(--u)) 1fr;
  gap: calc(16 * var(--u));
  min-height: calc(104 * var(--u));
  padding-right: calc(8 * var(--u));
}
.steps-list li + li {
  border-left: 1px solid #ffffff65;
  padding-left: calc(21 * var(--u));
}
.steps-list li:last-child {
  padding-left: calc(35 * var(--u));
}
.steps-list li:nth-child(2) {
  grid-template-columns: calc(39 * var(--u)) 1fr;
}
.steps-list li:last-child {
  grid-template-columns: calc(24 * var(--u)) 1fr;
}
.steps-list li:nth-child(2) .reference-crop {
  margin-left: calc(6 * var(--u));
}
.steps-list li:last-child .reference-crop {
  margin-left: calc(23 * var(--u));
}
.step-number {
  display: flex;
  width: calc(39 * var(--u));
  height: calc(39 * var(--u));
  margin-top: calc(1 * var(--u));
  align-items: center;
  justify-content: center;
  background: white;
  color: var(--home-blue);
  border-radius: 50%;
  font-size: calc(20 * var(--u));
  font-weight: 750;
}
.steps-list .reference-crop {
  width: calc(var(--cw) * var(--u));
  margin-bottom: calc(7 * var(--u));
}
.steps-list h3 {
  white-space: nowrap;
  font-weight: 500;
}
.steps-list p {
  font-size: calc(13 * var(--u));
  line-height: 1.35;
  margin-top: calc(5 * var(--u));
  letter-spacing: -0.04em;
}
.home-steps .local-note {
  text-align: center;
  font-size: calc(9.1 * var(--u));
  line-height: 1.2;
  letter-spacing: -0.045em;
}
.home-trades {
  padding-top: calc(26 * var(--u));
}
.home-trades h2 {
  margin-top: calc(9 * var(--u));
}
.home-trade-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(12 * var(--u));
  margin-top: calc(11 * var(--u));
}
.home-trade-grid .reference-crop {
  border-radius: calc(5 * var(--u));
}
.home-trade-grid h3 {
  margin-top: calc(6 * var(--u));
}
.home-trade-grid p {
  font-size: calc(13 * var(--u));
  line-height: 1.3;
  color: var(--home-muted);
  margin-top: calc(4 * var(--u));
  letter-spacing: -0.055em;
}
.home-trade-grid :is(h3, p, a) {
  margin-left: calc(5 * var(--u));
}
.home-trade-grid article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.home-trade-grid .home-link {
  margin-top: auto;
  padding-top: calc(8 * var(--u));
}
.home-features {
  display: grid;
  grid-template-columns: calc(247 * var(--u)) 1fr;
  margin-top: calc(30 * var(--u));
  padding-bottom: calc(11 * var(--u));
}
.home-features > h2 {
  align-self: start;
  padding-top: calc(59 * var(--u));
  font-size: calc(33 * var(--u));
}
.home-features > h2::after {
  content: '';
  display: block;
  width: calc(44 * var(--u));
  border-bottom: calc(3 * var(--u)) solid #ff621d;
  margin-top: calc(22 * var(--u));
}
.feature-index article {
  display: grid;
  grid-template-columns: calc(42 * var(--u)) calc(51 * var(--u)) minmax(0, 1fr) calc(211 * var(--u));
  align-items: start;
  height: calc(83 * var(--u));
  padding: calc(8 * var(--u)) 0;
  border-bottom: 1px solid #dfebff;
}
.feature-index article:last-of-type {
  border-bottom: 0;
}
.feature-number {
  color: #0062ff;
  font-size: calc(15 * var(--u));
  padding-top: calc(5 * var(--u));
}
.feature-index [class*='crop-icon-'],
.feature-index .feature-mark {
  width: calc(32 * var(--u));
  margin-top: calc(1 * var(--u));
}
.feature-copy {
  position: relative;
  padding-top: calc(1 * var(--u));
  z-index: 1;
}
.feature-copy h3 {
  white-space: nowrap;
  font-size: calc(13 * var(--u));
}
.feature-copy p {
  font-size: calc(13 * var(--u));
  letter-spacing: -0.06em;
  line-height: 1.3;
  margin-top: calc(4 * var(--u));
  color: var(--home-muted);
}
.feature-index article:last-of-type .feature-copy p {
  font-size: calc(12.4 * var(--u));
}
.feature-index [class*='crop-preview-'] {
  width: 100%;
  margin-top: calc(-8 * var(--u));
}
.feature-index .feature-shot {
  width: 100%;
  margin-top: calc(-8 * var(--u));
}
.feature-index .crop-preview-project {
  width: 90%;
  margin-left: auto;
}
.premium-badge {
  display: inline-block;
  vertical-align: middle;
  font-size: calc(7.7 * var(--u));
  font-weight: 500;
  line-height: 1.25;
  border: 1px solid #b7d0ff;
  border-radius: calc(2 * var(--u));
  padding: calc(1 * var(--u)) calc(3 * var(--u));
  color: #0062ff;
  background: #ecf3ff;
}
.feature-explore {
  margin-left: calc(15 * var(--u));
  margin-top: calc(9 * var(--u));
}
.home-pricing {
  display: flow-root;
  border-top: 1px solid #dce7fa;
  padding-top: calc(14 * var(--u));
}
.home-pricing .catalogue-note {
  font-size: calc(11.5 * var(--u));
  color: var(--home-muted);
  line-height: 1.4;
  margin-top: calc(3 * var(--u));
  letter-spacing: -0.04em;
}
.home-plans {
  display: grid;
  grid-template-columns: calc(226 * var(--u)) calc(253 * var(--u)) 1fr;
  margin-top: calc(12 * var(--u));
}
.home-plan {
  padding: 0 calc(12 * var(--u));
  display: flex;
  flex-direction: column;
  min-height: calc(151 * var(--u));
}
.home-plan + .home-plan {
  border-left: 1px solid #cfdcf5;
  padding-left: calc(43 * var(--u));
}
.home-plan:last-child {
  padding-left: calc(34 * var(--u));
}
.home-plan h3 {
  font-size: calc(16 * var(--u));
}
.home-price {
  display: flex;
  align-items: baseline;
  gap: calc(5 * var(--u));
  margin: calc(4 * var(--u)) 0 calc(6 * var(--u)) !important;
  white-space: nowrap;
}
.home-price strong {
  color: #ff5c18;
  font-size: calc(32 * var(--u));
  line-height: 1.1;
  font-weight: 750;
  letter-spacing: -0.045em;
}
.home-price span,
.plan-inherits {
  font-size: calc(12 * var(--u));
  color: var(--home-muted) !important;
  letter-spacing: -0.04em;
}
.plan-inherits {
  font-size: calc(13 * var(--u));
}
.home-plan ul {
  list-style: none;
  padding: 0;
  margin: 0 0 calc(9 * var(--u));
}
.home-plan li {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--u));
  font-size: calc(13 * var(--u));
  line-height: 1.8;
  color: var(--home-muted);
  letter-spacing: -0.045em;
}
.home-plan .home-link {
  margin-top: auto;
}
.home-pricing .pricing-footnote {
  margin: calc(12 * var(--u)) 0 calc(17 * var(--u));
  font-size: calc(9.3 * var(--u));
  text-align: center;
  color: var(--home-muted);
  letter-spacing: -0.035em;
}
.home-faq {
  border-top: 1px solid #dce7fa;
  padding-top: calc(8 * var(--u));
  padding-bottom: calc(18 * var(--u));
}
.faq-rows {
  border: 1px solid #dce7fa;
  border-radius: calc(3 * var(--u));
  margin-top: calc(6 * var(--u));
}
.faq-rows details + details {
  border-top: 1px solid #dce7fa;
}
.faq-rows summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  list-style: none;
  min-height: calc(25 * var(--u));
  padding: calc(2 * var(--u)) calc(11 * var(--u));
  font-size: calc(12.5 * var(--u));
  letter-spacing: -0.035em;
}
.faq-rows summary::-webkit-details-marker {
  display: none;
}
.faq-rows details[open] summary .icon {
  transform: rotate(45deg);
}
.faq-rows details > p {
  padding: calc(9 * var(--u)) calc(12 * var(--u)) calc(15 * var(--u));
  font-size: max(14px, calc(12 * var(--u)));
  line-height: 1.65;
  max-width: 75ch;
}
.faq-rows p a {
  color: #005cff;
  text-decoration: underline;
}
.home-final {
  color: white;
  background: var(--home-blue);
}
.home-final > .home-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: calc(120 * var(--u));
  gap: calc(24 * var(--u));
}
.home-final h2 {
  font-size: calc(38 * var(--u));
  line-height: 1.11;
  letter-spacing: -0.035em;
}
.home-final > .home-container > div {
  width: calc(225 * var(--u));
  text-align: center;
}
.home-final .home-button {
  width: calc(206 * var(--u));
}
.home-final .home-note {
  color: white;
  font-size: calc(9 * var(--u));
  margin-top: calc(9 * var(--u));
}
.home-final .closed-note {
  margin-top: calc(5 * var(--u));
}
.home-footer {
  display: flex;
  align-items: flex-start;
  gap: calc(12 * var(--u));
  padding-top: calc(17 * var(--u));
  min-height: calc(72 * var(--u));
  font-size: calc(8 * var(--u));
}
.home-footer .home-logo {
  width: calc(63 * var(--u));
}
.footer-editor {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--u));
  margin-top: calc(6 * var(--u));
  white-space: nowrap;
}
.footer-editor > * + * {
  border-left: 1px solid #cddafa;
  padding-left: calc(12 * var(--u));
}
.home-footer nav {
  display: flex;
  gap: calc(10 * var(--u));
  margin-left: auto;
  padding-top: calc(6 * var(--u));
  white-space: nowrap;
}
.home-footer nav a + a {
  border-left: 1px solid #cddafa;
  padding-left: calc(10 * var(--u));
}
.home-footer a {
  text-decoration: none;
}
.home-footer a:hover {
  text-decoration: underline;
}
.aylivo-home dialog {
  margin: auto;
  width: min(90vw, 900px);
  max-height: 90vh;
  overflow: auto;
  padding: 30px;
  border: 0;
  border-radius: 12px;
  color: var(--home-ink);
}
.aylivo-home dialog::backdrop {
  background: #030826ba;
}
.aylivo-home dialog h2 {
  font-size: 28px;
  padding-right: 35px;
}
.aylivo-home dialog p {
  font-size: 16px;
  line-height: 1.5;
  margin: 12px 0 20px;
}
.aylivo-home dialog form {
  position: absolute;
  right: 15px;
  top: 15px;
}
.aylivo-home dialog button {
  border: 0;
  background: #e8f0ff;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
}
.aylivo-home dialog button .icon {
  width: 22px;
  height: 22px;
}
@media (max-width: 699px) {
  .aylivo-home {
    --u: 1px;
    font-size: 16px;
  }
  .home-container {
    width: calc(100% - 40px);
  }
  .aylivo-home .home-header {
    height: 72px;
  }
  .home-logo {
    width: 82px;
  }
  .home-nav {
    gap: 14px;
  }
  .home-links,
  .home-nav-actions > a:first-child {
    display: none;
  }
  .home-nav-actions {
    margin-left: auto;
  }
  .home-nav-actions .home-button {
    min-height: 40px;
    padding: 0 12px;
    font-size: 11px;
    gap: 5px;
  }
  .aylivo-home .home-burger {
    display: flex;
    flex-shrink: 0;
    padding: 9px;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
  }
  .home-burger .icon {
    width: 22px;
    height: 22px;
  }
  .aylivo-home .mobile-menu {
    position: fixed;
    inset: 72px 0 0;
    height: auto;
    padding: 20px;
    background: white;
    z-index: 100;
    overflow: auto;
  }
  .aylivo-home .mobile-menu.open {
    display: flex;
  }
  .aylivo-home .mobile-menu a {
    font-size: 20px;
    min-height: 48px;
    padding: 10px;
  }
  .home-hero {
    margin: 0;
    display: block;
    min-height: 0;
  }
  .home-hero .hero-copy {
    padding: 30px 20px 28px;
  }
  .home-hero .home-eyebrow {
    font-size: 10px;
    white-space: normal;
  }
  .aylivo-home h1 {
    font-size: clamp(38px, 10.9vw, 65px);
    line-height: 1.02;
    margin-top: 18px;
  }
  .home-hero .hero-description {
    font-size: 16px;
    line-height: 1.5;
    margin: 20px 0;
    max-width: 440px;
  }
  .aylivo-home h1 strong {
    font-size: 1em;
    letter-spacing: inherit;
  }
  .home-hero .home-button {
    width: auto;
    padding-inline: 24px;
  }
  .aylivo-home .home-button {
    font-size: 14px;
    min-height: 48px;
  }
  .home-nav-actions .home-button {
    min-height: 40px;
    font-size: 11px;
  }
  .home-link {
    font-size: 15px;
    min-height: 36px;
  }
  .home-hero .example-link {
    margin-top: 10px;
  }
  .aylivo-home .home-note {
    font-size: 12px;
  }
  .hero-figure figcaption {
    font-size: 11px;
    padding: 8px 20px 18px;
  }
  .home-steps {
    padding: 32px 0 24px;
  }
  .home-steps h2 {
    font-size: 28px;
  }
  .steps-list {
    display: block;
    margin: 24px 0;
  }
  .steps-list li,
  .steps-list li + li {
    grid-template-columns: 43px 1fr;
    border: 0;
    border-top: 1px solid #ffffff50;
    padding: 18px 0;
    min-height: 0;
    gap: 18px;
  }
  .steps-list li:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .steps-list li:last-child {
    padding-left: 0;
  }
  .steps-list li:nth-child(2),
  .steps-list li:last-child {
    grid-template-columns: 43px 1fr;
  }
  .steps-list li:nth-child(2) .reference-crop,
  .steps-list li:last-child .reference-crop {
    margin-left: 0;
  }
  .steps-list li > div {
    display: block;
  }
  .steps-list .reference-crop {
    grid-row: span 2;
    margin: 0;
  }
  .steps-list h3 {
    font-size: 16px;
    white-space: normal;
  }
  .steps-list p {
    font-size: 14px;
  }
  .steps-list br {
    display: none;
  }
  .home-steps .local-note {
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
  }
  .home-trades {
    padding-top: 42px;
  }
  .aylivo-home .home-eyebrow {
    font-size: 10px;
  }
  .aylivo-home h2 {
    font-size: 30px;
    line-height: 1.1;
  }
  .home-trades h2 {
    margin-top: 14px;
  }
  .home-trade-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 16px;
    margin-top: 25px;
  }
  .home-trade-grid .reference-crop {
    height: auto;
  }
  .trade-shot {
    border-radius: 8px;
  }
  .home-trade-grid h3 {
    font-size: 15px;
    margin-top: 10px;
  }
  .home-trade-grid p {
    font-size: 14px;
  }
  .home-trade-grid .home-link {
    padding-top: 12px;
  }
  .home-features {
    display: block;
    margin-top: 44px;
    padding-bottom: 30px;
  }
  .home-features > h2 {
    padding: 0 0 24px;
    font-size: 30px;
  }
  .home-features > h2::after {
    margin-top: 16px;
  }
  .feature-index article {
    grid-template-columns: 28px 38px 1fr;
    gap: 10px;
    padding: 20px 0;
    height: auto;
  }
  .feature-number {
    font-size: 14px;
  }
  .feature-copy h3 {
    font-size: 15px;
    white-space: normal;
  }
  .feature-copy p {
    font-size: 14px;
  }
  .feature-index article:last-of-type .feature-copy p {
    font-size: 14px;
  }
  .premium-badge {
    font-size: 10px;
  }
  .feature-index [class*='crop-preview-'] {
    grid-column: 2 / 4;
    margin: 5px 0 0 auto;
    width: min(100%, 300px);
  }
  .feature-index .feature-shot {
    grid-column: 2 / 4;
    width: min(100%, 300px);
    min-height: 112px;
    margin: 5px 0 0 auto;
  }
  .feature-mark {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 12px;
  }
  .feature-explore {
    margin: 12px 0 0;
  }
  .home-pricing {
    padding-top: 26px;
  }
  .home-pricing .catalogue-note {
    font-size: 13px;
    margin-top: 6px;
  }
  .home-plans {
    display: block;
    margin-top: 22px;
  }
  .home-plan,
  .home-plan + .home-plan {
    padding: 22px 0;
    min-height: 0;
    border: 0;
    border-bottom: 1px solid #dce7fa;
  }
  .home-plan:last-child {
    padding-left: 0;
  }
  .home-plan:first-child {
    padding-top: 0;
  }
  .home-plan h3 {
    font-size: 20px;
  }
  .home-price strong {
    font-size: 36px;
  }
  .home-price span,
  .plan-inherits {
    font-size: 14px;
  }
  .home-plan li {
    font-size: 15px;
    line-height: 2;
  }
  .home-plan .home-link {
    margin-top: 14px;
  }
  .home-pricing .pricing-footnote {
    font-size: 12px;
    margin: 18px 0 30px;
    text-align: left;
  }
  .home-faq {
    padding-top: 22px;
    padding-bottom: 32px;
  }
  .faq-rows {
    margin-top: 14px;
  }
  .faq-rows summary {
    min-height: 54px;
    font-size: 14px;
    padding: 12px;
    gap: 12px;
  }
  .faq-rows details > p {
    font-size: 14px;
    padding: 5px 12px 18px;
  }
  .home-final > .home-container {
    display: block;
    padding-block: 30px;
  }
  .home-final h2 {
    font-size: 31px;
  }
  .home-final > .home-container > div {
    width: auto;
    text-align: left;
    margin-top: 22px;
  }
  .home-final .home-button {
    width: auto;
  }
  .home-final .home-note {
    font-size: 12px;
  }
  .home-footer {
    flex-wrap: wrap;
    gap: 16px;
    padding-block: 24px;
    font-size: 11px;
  }
  .home-footer .home-logo {
    width: 75px;
  }
  .footer-editor {
    flex-wrap: wrap;
    white-space: normal;
    gap: 10px;
    margin: 0;
  }
  .home-footer nav {
    width: 100%;
    flex-wrap: wrap;
    white-space: normal;
    padding: 0;
    gap: 10px;
  }
  .home-footer nav a,
  .footer-editor a {
    padding-block: 6px;
  }
  .aylivo-home dialog {
    padding: 24px 16px;
    width: calc(100vw - 24px);
  }
  .aylivo-home dialog h2 {
    font-size: 23px;
  }
}
@media (max-width: 359px) {
  .home-nav-actions {
    display: none;
  }
  .aylivo-home .home-burger {
    margin-left: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .aylivo-home * {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}