/* Maxy brand layer for the homepage (ours). Loaded after the layout CSS. */
:root{--mx-blue:#3D74FF;--mx-blue2:#2556E0;--mx-blue3:#1B45C9;--mx-sky:#6E9BFF;--mx-ink:#101631;--mx-muted:#5F6784;--mx-box:#F1F4F9;--mx-line:#E4E8EF;--mx-page:#EEF2FA}
html,body{font-family:Rubik,system-ui,sans-serif}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}
html.mx-lock,html.mx-lock body{overflow:hidden}
input,button,textarea,select{font-family:inherit}

/* loader: navy with the Maxy mark instead of the theme's black spinner screen */
.loader{background:var(--mx-ink)!important;transition:opacity .4s ease}
.loader.mx-hide{opacity:0;pointer-events:none}
.loader .bar{background:#fff!important}

/* ---------- top banner ---------- */
.ai-models-banner{background:#fff}
.mx-vticker .swiper-slide{background:transparent!important}
.ai-models-banner__text svg{width:20px;height:20px;color:var(--mx-blue);flex:none}
.ai-models-banner__slider .swiper-container{height:32px;overflow:hidden}
.mx-vticker{display:block!important;height:auto!important;will-change:transform}
.mx-vticker .swiper-slide{height:32px!important;display:flex;align-items:center;justify-content:center}
.mx-model{font-weight:700;font-size:14px;letter-spacing:.2px;color:var(--mx-ink);white-space:nowrap;direction:ltr}
.ai-models-banner__btn{background:var(--mx-ink)!important;color:#fff!important}
.ai-models-banner__btn svg{color:var(--mx-sky)}
.ai-models-banner__close svg{color:var(--mx-muted)}

/* ---------- header ---------- */
.header-logo{display:flex;align-items:center}
.header-logo .mx-logo{height:26px;width:auto;display:block}
@media (min-width:992px){.header-logo .mx-logo{height:29px}}
.header-btn{color:#fff!important}
.header-btn svg{color:#fff}
.header-menu.active{display:block}
.header-menu{background:var(--mx-ink)!important}
.header-menu .btn--white{background:#fff!important;color:var(--mx-ink)!important}
.header-menu .btn--white svg{color:var(--mx-blue)}

/* ---------- buttons ---------- */
.btn{background:var(--mx-ink)}
.btn:hover{background:#1C2A5C}
.btn>svg,.btn .btn-text svg{color:var(--mx-sky)}
.btn--green,.btn.btn--green{background:var(--mx-blue)!important;color:#fff!important}
.btn--green:hover{background:var(--mx-blue2)!important}
.btn--green svg,.btn--green .btn-text svg{color:#fff!important}
.btn svg path,.header-btn svg path{fill:none}
.btn.load{opacity:.8}
.promate-making span.green,.plan-info-top span:nth-child(3),.before-item-info--green{color:#fff!important}
.title-badge{background:var(--mx-blue)!important;color:#fff!important}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;z-index:0;pointer-events:none;top:-60px;left:-90px;width:min(78vw,620px);height:min(80vw,640px);
  background:url(/brand/maxy-halftone.png) left top/min(135vw,1100px) auto no-repeat;opacity:.16;filter:brightness(0) invert(1)}
.hero::after{content:"";position:absolute;z-index:0;pointer-events:none;left:0;right:0;bottom:0;height:60%;
  background:radial-gradient(90% 70% at 70% 100%,rgba(61,116,255,.28),rgba(61,116,255,0) 70%)}
.hero-container{position:relative;z-index:1}
.hand svg{width:55px;height:55px}
.mx-badge{height:50rem;width:auto;font-family:Rubik,sans-serif}
.mx-badge text{font-family:Rubik,sans-serif}
.mx-marks{align-items:center;direction:ltr}
.mx-mark{flex:none;font-weight:700;font-size:15rem;letter-spacing:.3px;color:rgba(255,255,255,.82);white-space:nowrap}
@media (min-width:992px){.mx-mark{font-size:15px}}
.mx-marks-title{font-weight:500;font-size:12rem;color:#fff;margin-bottom:10rem;text-align:center;direction:rtl}
.mx-marquee{animation:mx-marquee 26s linear infinite;width:max-content}
@keyframes mx-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero-featured-wrapper::after{background:linear-gradient(-90deg,var(--mx-ink) 0%,rgba(16,22,49,0) 100%)!important}
.hero-featured-wrapper::before{background:linear-gradient(90deg,var(--mx-ink) 0%,rgba(16,22,49,0) 100%)!important}

/* ---------- sign-up collage ---------- */
.signup-images__img>div{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8rem}
.signup-images__img img{width:100%;height:100%;object-fit:cover;display:block;border-color:#1B2350!important;background:#1B2350!important}

.signup-block__bottom .mx-flag{width:36px;height:36px;border-radius:10px;flex:none}
.signup-block__input svg,.signup-green__input svg,.signup-dark__input svg{color:var(--mx-muted)}
input.mx-error{outline:2px solid #EF2C4F!important;outline-offset:1px}

/* gentle "video" motion on stills */
.mx-kb{animation:mx-kb 14s ease-in-out infinite alternate;transform-origin:50% 40%}
@keyframes mx-kb{from{transform:scale(1)}to{transform:scale(1.07)}}
.mx-float{animation:mx-float 7s ease-in-out infinite}
@keyframes mx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.mx-kb,.mx-float,.mx-marquee,.mx-strip{animation:none!important}}

/* ---------- steps ---------- */
.step-item__img img{width:100%;height:auto;display:block;border-radius:20rem}
.step-item__text svg{color:var(--mx-muted)}
.step-item-content>span{color:var(--mx-blue)}

/* ---------- example slider (was reviews) ---------- */
.mx-slider{overflow:hidden}
.mx-slider .swiper-wrapper{display:flex}
.mx-slider .swiper-slide{flex:none;width:100%}
.review-item-top__img img{border-radius:12px}
.review-item-top-info__name{font-weight:700}
.mx-made{display:inline-block;font-size:12px;font-weight:600;color:var(--mx-blue);background:#EEF3FF;border-radius:999px;padding:2px 10px}
.review-item-images__img img{width:100%;height:auto;display:block;border-radius:16rem}
.review-slider .swiper-pagination-bullet,.stories .swiper-pagination-bullet{cursor:pointer}
.review-slider .swiper-pagination-bullet-active,.stories .swiper-pagination-bullet-active{background:var(--mx-blue)!important}

/* ---------- old way / new way ---------- */
.promate-making-left ul li svg{flex:none}
.promate-making-left ul li .mx-check{color:var(--mx-blue)}
.promate__dots--1,.promate__dots--2{display:none}
.promate__figure--1 svg,.promate__figure--2 svg{overflow:visible}
.promate__logo img{width:100%;height:auto;display:block}
.promate__img-info svg{color:var(--mx-blue);flex:none}
.promate__img-Jordan img{object-fit:cover}
.mx-ava{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--mx-blue);color:#fff;font-weight:700}
.mx-pile canvas{display:block}

/* ---------- stats ---------- */
.make-item strong{color:var(--mx-sky)!important;direction:ltr;unicode-bidi:isolate}

/* ---------- plans ---------- */
.plan-info-list svg{flex:none}
.plan-info-list .mx-check{color:var(--mx-blue)}
.plan-plans__plan{cursor:pointer}
.plan-plans__plan-price{color:var(--mx-muted)}
.plan-plans__plan.active{border-color:var(--mx-blue)!important}
.plan-plans__plan__badge{background:var(--mx-blue)!important;color:#fff!important}
.plan-info-text span svg{color:var(--mx-muted)}
.priceInfo-wrapper a{color:var(--mx-blue)}

/* ---------- endless example strips (video ads, static ads) ---------- */
.checkout-slides .swiper-wrapper.mx-strip{display:flex;width:max-content;animation:mx-strip 60s linear infinite}
#static-ads .mx-strip{animation-duration:80s}
@keyframes mx-strip{from{transform:translateX(0)}to{transform:translateX(50%)}}
.checkout-slides .swiper-slide{margin-left:9rem}
@media (min-width:992px){.checkout-slides .swiper-slide{margin-left:15rem}}
.before-item__img{overflow:hidden}
.before-item-bottom p{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;color:rgba(255,255,255,.72)}
.before-item-bottom p svg{color:var(--mx-sky);width:11px;height:11px;flex:none}
.mx-formats{align-items:center}
.mx-format{flex:none;font-weight:700;font-size:15rem;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5rem 14rem;white-space:nowrap}
.checkout ul li svg{color:var(--mx-sky);flex:none}

/* campaign widget */
.mx-live{display:inline-flex;align-items:center;gap:8px;font-size:15rem;font-weight:600;color:#fff}
.mx-live i{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:mx-pulse 1.8s infinite}
@keyframes mx-pulse{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.checkout__count{display:flex;justify-content:center}
.checkout__container .gradient,.checkout__container .dot{display:none}
.mx-wave{width:100%;height:auto;overflow:visible}
.mx-intervals{display:flex;justify-content:center;gap:6px;direction:rtl}
.mx-intervals span{font-size:12rem;font-weight:600;color:rgba(255,255,255,.6);padding:4rem 10rem;border-radius:999px}
.mx-intervals span.on{background:rgba(255,255,255,.12);color:#fff}
.checkout__images-item img{border-radius:14rem}

/* ---------- feature rows ---------- */
.highlight-item__img{overflow:hidden}
.highlight-item__img img{width:100%;height:auto;display:block}

/* ---------- blue sign-up blocks (were green) ---------- */
.signup-green{background:radial-gradient(130% 90% at 50% 0%,#4A80FF 0%,var(--mx-blue2) 60%,var(--mx-blue3) 100%)!important;color:#fff;position:relative;overflow:hidden}
.signup-green::after{content:"";position:absolute;pointer-events:none;right:-60px;bottom:-80px;width:min(60vw,420px);height:min(60vw,420px);
  background:url(/brand/maxy-halftone.png) left top/min(105vw,780px) auto no-repeat;opacity:.12;filter:brightness(0) invert(1);transform:rotate(180deg)}
.signup-green>.container{position:relative;z-index:1}
.signup-green__title,.signup-green__text,.signup-green-bottom,.signup-green-bottom p{color:#fff!important}
.signup-green .btn{background:var(--mx-ink)!important;color:#fff!important}
.signup-green .btn svg{color:var(--mx-sky)!important}
.signup-green__input{border-color:transparent!important}
.signup-dark-bottom__text{color:rgba(255,255,255,.75)}

/* ---------- stories (examples) ---------- */
.mx-story .stories-item__number{color:var(--mx-blue)!important;direction:ltr;unicode-bidi:isolate;text-align:right}
.mx-story>span{color:var(--mx-muted)}
.stories-item-profile img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.stories-item-profile__name{font-weight:600}
.mx-story .stories-item-profile__name,.mx-example .review-item-top-info__name{direction:rtl!important;text-align:right}

/* ---------- FAQ ---------- */
.faq-item-top__arrow svg{color:var(--mx-ink)}
.faq-item-top__arrow svg+svg{display:none}
.faq-item.active .faq-item-top__arrow svg:first-child{display:none}
.faq-item.active .faq-item-top__arrow svg+svg{display:block}

/* ---------- footer ---------- */
.footer{position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;pointer-events:none;top:-40px;left:-70px;width:min(78vw,520px);height:min(80vw,540px);
  background:url(/brand/maxy-halftone.png) left top/min(135vw,1000px) auto no-repeat;opacity:.10;filter:brightness(0) invert(1)}
.footer .container{position:relative;z-index:1}
.footer-bottom{width:100%;flex-basis:100%}
.footer-bottom .mx-legal{display:flex!important;flex-wrap:wrap;gap:10px 22px;justify-content:flex-start;margin:0;padding:0;list-style:none}
.footer-bottom .mx-legal li{margin:0}
.footer-bottom .mx-legal a{white-space:nowrap;font-size:13px;color:rgba(255,255,255,.7);text-decoration:none}
.footer-bottom .mx-legal a:hover{color:#fff;text-decoration:underline}

/* numbers and Latin model names keep their own direction inside Hebrew lines */
.plan-plans__plan-price,.plan-plans__top-trial-last small{unicode-bidi:plaintext}
/* footer legal row: full width under the columns (the original had 3 links pinned bottom-left) */
@media (min-width:992px){
  .footer .container{flex-wrap:wrap}
  .footer-bottom{position:static!important;flex-basis:100%;margin-top:56rem;padding-top:24rem!important;border-top:1px solid rgba(255,255,255,.1)!important}
  .footer-bottom ul.mx-legal{height:auto!important;justify-content:flex-start!important}
  .footer-bottom li{margin-right:0!important}
  .footer-left{min-width:0}
}
.footer-bottom .mx-legal{row-gap:12px}