/* Frumzi content layer */
.fz-hero{padding:16px 0 0}
.fz-hero__box{display:grid;justify-items:center;gap:10px;padding:40px 20px;text-align:center;border-radius:16px;
  background:radial-gradient(120% 140% at 50% 0%,var(--brand-150) 0%,var(--brand-50) 55%,var(--neutral-25) 100%);
  box-shadow:inset 0 0 0 1px rgba(228, 236, 255, .25)}
.fz-hero__label{display:inline-flex;padding:2px 12px;border-radius:10px;background:linear-gradient(180deg,#fff9e6 0%,#eef3ff 40%,#b3b9c5 100%);
  color:var(--neutral-10);font-family:var(--font-display);font-weight:600;font-size:12px;line-height:20px;text-transform:uppercase}
.fz-hero__title{background:linear-gradient(180deg,#fff9e6 0%,#eef3ff 45%,#c6cad2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  font-family:var(--font-display);font-weight:600;font-size:34px;line-height:42px;letter-spacing:-1px}
.fz-hero__sub{color:var(--text-secondary);font-family:var(--font-body);font-size:14px;line-height:20px}
@media (max-width:767px){.fz-hero__title{font-size:26px;line-height:34px}.fz-hero__box{padding:28px 16px}}

.cnt{padding:16px 0 40px}
.cnt__article{max-width:var(--container-inner);margin:0 auto;color:var(--text-secondary);font-family:var(--font-body);font-size:15px;line-height:24px}
.cnt__article h1{margin:8px 0 20px;font-family:var(--font-display);font-weight:600;font-size:30px;line-height:38px;letter-spacing:-.75px;color:var(--text-primary)}
.cnt__article h2{margin:32px 0 12px;font-family:var(--font-display);font-weight:600;font-size:22px;line-height:30px;letter-spacing:-.5px;color:var(--text-primary)}
.cnt__article h3{margin:24px 0 8px;font-family:var(--font-display);font-weight:600;font-size:18px;line-height:26px;color:var(--text-primary)}
.cnt__article h4{margin:18px 0 6px;font-weight:700;font-size:16px;color:var(--text-primary)}
.cnt__article p{margin:0 0 14px}
.cnt__article ul,.cnt__article ol{margin:0 0 16px;padding-left:22px;display:grid;gap:6px}
.cnt__article ul{list-style:disc}.cnt__article ol{list-style:decimal}
.cnt__article a{color:var(--text-link);text-decoration:underline}
.cnt__article strong{color:var(--text-primary)}
.cnt__article table{display:table;width:100%;margin:18px 0 22px;border-collapse:collapse;border:1px solid rgba(255, 255, 255, .14);font-size:14px;line-height:20px;overflow:visible}
.cnt__article tbody,.cnt__article thead{display:table-row-group;min-width:0;width:auto}
.cnt__article tr{display:table-row;background:none}
.cnt__article tr:nth-child(even){background:rgba(255, 255, 255, .04)}
.cnt__article th,.cnt__article td{display:table-cell;min-width:0;padding:10px 12px;border:1px solid rgba(255, 255, 255, .14);text-align:left;vertical-align:top;word-break:normal;overflow-wrap:anywhere}
.cnt__article th{background:var(--neutral-50);color:var(--text-primary);font-weight:700}
@media (max-width:767px){
  .cnt__article{font-size:14px;line-height:22px}
  .cnt__article h1{font-size:24px;line-height:32px}
  .cnt__article h2{font-size:20px;line-height:28px}
  .cnt__article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cnt__article th,.cnt__article td{min-width:110px}
}
.cnt__cta{display:flex;justify-content:center;margin:28px auto 0;max-width:var(--container-inner)}
.foot__payment{display:inline-flex}
.fz-hero__cta,.cnt__cta .btn{min-height:56px;padding:15px 28px 17px;font-size:18px}

/* Frumzi brand overrides */
:root{--font-display:'Roboto','Segoe UI',Arial,sans-serif;--font-body:'Roboto','Segoe UI',Arial,sans-serif}
.head__logo img{width:auto;height:26px;max-width:none}
@media (max-width:767px){.head__logo img{width:auto;height:22px}}
.btn--primary,.btn--primary span{color:#fff}
.cnt__article h1,.cnt__article h2,.cnt__article h3,.fz-hero__title{font-weight:700;letter-spacing:-.3px}
:root{--text-primary:#fff;--text-secondary:#e4e8ff;--text-link:#9db0ff;--accent-650:#9db0ff;--accent-750:#e4e8ff;--accent-850:#fff}
.fz-hero__title{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}

/* banners */
.cs-hero--banner{--hero-h:auto;padding-top:16px}
.cs-hero--banner .cs-hero__viewport{border-radius:16px}
.cs-hero--banner .cs-hero__track,.cs-hero--banner .cs-hero__slide{height:auto;aspect-ratio:3/1}
.fz-banner{padding:20px 0 4px}
.fz-banner__link{display:block;border-radius:16px;overflow:hidden;line-height:0}
.fz-banner__img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
.fz-banner__link--inner{margin:0 0 24px}
.cnt__article>h1+.fz-banner__link{margin-top:4px}
@media (max-width:767px){.cs-hero--banner{padding-top:8px}.fz-banner__link{border-radius:12px}}

/* footer: centred layout */
@media (min-width:1280px){
  .foot__cols{display:flex;justify-content:center;align-items:flex-start;gap:clamp(48px,8vw,140px)}
  .foot__col{flex:0 1 auto;text-align:center}
  .foot__col-title{justify-content:center;text-align:center}
  .foot__links{justify-items:center}
}
