/* 0.8.1 — readable mobile copy, fitted reference screens and individual brand elements. */
.ma-site .ma-logo>img{filter:none}
.ma-site .ma-footer .ma-logo>img{filter:brightness(0) invert(1)}

/* Fill the physical screen, including the status-bar area. The original notch
   is restored above the screenshots from the same photographic shell. */
.ma-reference-screen{inset:2.9% 6.55% 2.55%;border-radius:11.7% / 5.3%;background:#fff}
.ma-reference-phone::after{content:"";position:absolute;inset:0;background:inherit;clip-path:polygon(24.8% 0,75.2% 0,75.2% 6.45%,24.8% 6.45%);pointer-events:none}
.ma-site .ma-reference-screen svg{max-width:none;margin:0;border:0}
.ma-site .ma-original-store-main{aspect-ratio:750/1167}
.ma-reference-screen.ma-original-store,.ma-reference-screen .ma-original-store-more{background:#fff}
.ma-site .ma-reference-screen .ma-original-store-nav{margin-top:auto}

/* A contained scrolling region preserves both page gutters at every width. */
.ma-site .ma-content .ma-comparison-scroll{min-width:0;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #e7e7ea;border-radius:16px;background:#fff}
.ma-site .ma-content .ma-comparison-scroll .ctable{display:table;width:100%;min-width:580px;border:0;border-radius:0;overflow:visible;table-layout:fixed;margin:0}
.ma-site .ma-content .ma-comparison-scroll .ctable th,.ma-site .ma-content .ma-comparison-scroll .ctable td{width:33.333%;min-width:0;overflow-wrap:anywhere}
.ma-site .ma-content .ma-comparison-scroll .ctable th:first-child,.ma-site .ma-content .ma-comparison-scroll .ctable td:first-child{width:30%}
.ma-site .ma-content .ma-comparison-scroll .ctable thead th:nth-child(3){background:#dff6f1;color:#174b42}
.ma-comparison-scroll:focus-visible{outline:2px solid #008c82;outline-offset:4px}
.ma-solution-mobile-photo{display:none}

/* A component board: identity, a real Atelier banner, entry video and a promo. */
.ma-brand-elements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}
.ma-brand-element{min-width:0;border:1px solid #e5e9e7;border-radius:20px;overflow:hidden;background:#fff}
.ma-brand-stage{height:310px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ma-brand-identity{background:#f0f5f1;flex-direction:column;gap:40px}
.ma-brand-lockup{display:flex;align-items:center;gap:16px;color:#172a31}
.ma-brand-lockup>span{display:grid;place-items:center;width:66px;height:66px;border-radius:16px;background:#172a31;color:#fff;font:42px/1 Georgia,serif}
.ma-brand-lockup>b{font:600 32px/1 Manrope,Inter,sans-serif;letter-spacing:.13em}
.ma-brand-palette{display:flex;align-items:center;gap:10px}
.ma-brand-palette>i{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px #0000000a}
.ma-brand-palette>span{font:13px/1.5 Inter,sans-serif;color:#50615a;margin-left:10px}
.ma-brand-banners{background:#edeae4;gap:16px;padding:20px}
.ma-site .ma-brand-banner-sample{display:block;flex:none;width:230px;height:auto;aspect-ratio:280/329;border-radius:10px;overflow:hidden;box-shadow:0 15px 30px #172a3126}
.ma-brand-collection{align-self:flex-end;margin-bottom:18px;width:155px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 15px 30px #172a311c;transform:rotate(4deg)}
.ma-site .ma-brand-collection>img{display:block;width:100%;height:115px;object-fit:cover;border-radius:7px}
.ma-brand-collection>span,.ma-brand-collection>b{display:block;font:12px/1.5 Inter,sans-serif;margin:9px 4px 3px;color:#64716d}
.ma-brand-collection>b{font-weight:600;color:#172a31;margin-top:0}
.ma-brand-video-stage{background:#171b1c}
.ma-site .ma-brand-video-stage>video{width:100%;height:100%;object-fit:contain;display:block}
.ma-brand-video-label{position:absolute;left:24px;top:22px;color:#fff;font:600 17px/1.3 Manrope,Inter,sans-serif;letter-spacing:.13em;text-shadow:0 1px 5px #0008}
.ma-brand-video-tag{position:absolute;left:24px;bottom:20px;color:#fff;background:#172a31d9;padding:8px 12px;border-radius:30px;font:12px/1.4 Inter,sans-serif}
.ma-brand-promos{background:#f9edea;padding:22px}
.ma-brand-promo{position:relative;text-align:center;width:270px;max-width:100%;padding:22px 24px;background:#fff;border-radius:18px;box-shadow:0 16px 40px #693e3014;color:#172a31}
.ma-brand-promo-close{position:absolute;right:13px;top:7px;font:24px/1.4 Inter,sans-serif;color:#768078}
.ma-brand-promo-name{font:600 11px/1.4 Manrope,Inter,sans-serif;letter-spacing:.18em}
.ma-brand-promo>strong{display:block;margin:12px 0 10px;font:600 27px/1.1 Manrope,Inter,sans-serif;letter-spacing:-.025em}
.ma-brand-promo>strong em{font:italic 29px/1.15 Georgia,serif;color:#bd5b4b}
.ma-site .ma-content .ma-brand-promo>p{margin:0 0 12px;font:13px/1.4 Inter,sans-serif;color:#606a64}
.ma-brand-promo-code{display:block;padding:7px;border:1px dashed #c8d7ce;border-radius:7px;font:600 13px/1.4 Inter,sans-serif;letter-spacing:.06em}
.ma-brand-promo-action{display:block;margin-top:10px;background:#ed3b5b;color:#fff;padding:10px;border-radius:7px;font:600 12px/1.4 Inter,sans-serif}
.ma-brand-description{position:relative;padding:26px 26px 27px 72px}
.ma-brand-number{position:absolute;left:26px;top:29px;color:#009c90;font:600 13px/1.4 Manrope,Inter,sans-serif}
.ma-site .ma-content .ma-brand-description h3{font:650 22px/1.3 Manrope,Inter,sans-serif;letter-spacing:-.025em;margin:0 0 10px}
.ma-site .ma-content .ma-brand-description p{font:15px/1.65 Inter,sans-serif;margin:0;color:#65706a}
.ma-site .ma-content .ma-brand-availability{font:14px/1.65 Inter,sans-serif;color:#65706a;margin:22px 0}
@media(min-width:761px) and (max-width:1050px){.ma-site .ma-brand-banner-sample{width:190px}.ma-brand-collection{width:120px}.ma-brand-banners{gap:10px;padding:15px}}

@media(max-width:760px){
 /* Paragraphs remain at their intended larger sizes; only small UI and caption
    styles are raised. Text inside supplied screenshot assets is not recreated. */
 .ma-site .ma-content .eyebrow,.ma-site .eyebrow,.ma-site .ma-content .ma-shop-hero .eyebrow{font-size:14px;line-height:1.5;letter-spacing:.055em}
 .ma-site .ma-content .ma-shop-hero .eyebrow{letter-spacing:0}
 .ma-site .ma-content .ma-shop-hero p.lead{font-size:16px;line-height:1.7}
 .ma-site .ma-content .ma-shop-hero .hero-cta .btn,.ma-site .ma-content .btn,.ma-site .ma-button,.ma-site .ma-content .pick{font-size:15px;line-height:1.45;min-height:46px;white-space:normal;text-align:center}
 .ma-site .ma-content .ma-shop-hero .hero-cta{align-items:stretch;gap:10px}
 .ma-site .ma-content .ma-shop-hero .hero-cta .btn{display:flex;align-items:center;justify-content:center;padding:13px 15px}
 .ma-site .ma-content .slide .body .t,.ma-site .ma-content .mcatcard p,.ma-site .ma-content .mcatcard .mcgo,.ma-site .ma-category p,.ma-site .ma-category .ma-text-link{font-size:15px;line-height:1.6}
 .ma-site .ma-content .tags .tg,.ma-site .ma-content .ma-category-controls .cat-note,.ma-site .ma-content .cat-note>span,.ma-site .ma-content .cat-cta-txt>span{font-size:14px;line-height:1.6}
 .ma-site .ma-content .what-vis>p{font-size:14px!important;line-height:1.6}
 .ma-site .ma-content .tscreen figcaption>b{font-size:17px}.ma-site .ma-content .tscreen figcaption>span{font-size:14px;line-height:1.5}
 .ma-site .ma-content .stat .lab,.ma-site .ma-audience-row>span,.ma-site .ma-audience-bars>small,.ma-site .ma-content .clegend .li{font-size:14px;line-height:1.5}
 .ma-site .ma-content .ac,.ma-site .ma-content .feat{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;padding:22px}
 .ma-site .ma-content .ac>.ic,.ma-site .ma-content .feat>.fic{grid-column:1;grid-row:1;width:46px;height:46px;margin:0;align-self:center}
 .ma-site .ma-content .ac>h3,.ma-site .ma-content .feat>h3{grid-column:2;grid-row:1;font-size:18px;line-height:1.35;letter-spacing:-.02em;margin:0}
 .ma-site .ma-content .ac>p,.ma-site .ma-content .feat>p{grid-column:1/-1;font-size:16px;line-height:1.65;margin:0}
 .ma-site .ma-content .uc-card p,.ma-site .ma-content .wn-benefits p,.ma-site .ma-content .pf p,.ma-site .ma-content .ig-note{font-size:15px;line-height:1.65}
 .ma-site .ma-content .ma-solution-photo{display:flex;flex-direction:column;min-height:0;padding:40px 0 0;background:#edf5ed;gap:28px}
 .ma-site .ma-content .ma-solution-photo::before{display:none}
 .ma-site .ma-content .ma-solution-photo .wrap{padding-inline:22px}
 .ma-site .ma-content .ma-solution-photo p{font-size:16px;line-height:1.7}
 .ma-site .ma-content .ma-solution-mobile-photo{display:block;position:static;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;object-position:right center;filter:none;opacity:1;margin:0}
 .ma-site .ma-content .compare>.wrap{width:100%;max-width:100%;padding-inline:22px;box-sizing:border-box}
 .ma-site .ma-content .ma-comparison-scroll .ctable th,.ma-site .ma-content .ma-comparison-scroll .ctable td{padding:15px 14px;font-size:15px;line-height:1.6}
 .ma-site .ma-content .ma-comparison-scroll .ctable th{font-size:14px;line-height:1.5}
 /* Two readable comparison columns, with each criterion on its own full row. */
 .ma-site .ma-content .ma-comparison-scroll{overflow:hidden}
 .ma-site .ma-content .ma-comparison-scroll .ctable{display:block;min-width:0}
 .ma-site .ma-content .ma-comparison-scroll .ctable thead,.ma-site .ma-content .ma-comparison-scroll .ctable tbody{display:block}
 .ma-site .ma-content .ma-comparison-scroll .ctable tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ma-site .ma-content .ma-comparison-scroll .ctable th,.ma-site .ma-content .ma-comparison-scroll .ctable td,.ma-site .ma-content .ma-comparison-scroll .ctable td:first-child{width:auto;min-width:0;padding:14px 12px}
 .ma-site .ma-content .ma-comparison-scroll .ctable thead th:first-child{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .ma-site .ma-content .ma-comparison-scroll .ctable thead th:nth-child(2){grid-column:1}.ma-site .ma-content .ma-comparison-scroll .ctable thead th:nth-child(3){grid-column:2}
 .ma-site .ma-content .ma-comparison-scroll .ctable td:first-child{grid-column:1/-1;background:#f6f7f6;padding:12px;font-weight:700}
 .ma-site .ma-content .ma-comparison-scroll .ctable td:nth-child(2){grid-column:1}.ma-site .ma-content .ma-comparison-scroll .ctable td:nth-child(3){grid-column:2}
 .ma-site .ma-content .ma-comparison-scroll .ctable tr:last-child td:first-child{border-bottom:1px solid #e7e7ea}
 .ma-site .ma-content .bcard .tt,.ma-site .ma-content .bcard .un,.ma-site .ma-content .srow .lab,.ma-site .ma-content .srow .val,.ma-site .ma-content .bsave .badge3,.ma-site .ma-content .badges .lb,.ma-site .ma-content .split-note,.ma-site .ma-content .bundle .badge2,.ma-site .ma-content .gift-badge{font-size:14px;line-height:1.5}
 .ma-site .ma-content .ts-chips>span,.ma-site .ma-content .ts-price-sub,.ma-site .ma-content .ts-price-note{font-size:14px;line-height:1.5}
 .ma-site .ma-content .pchip,.ma-site .ma-content .pchip>span,.ma-site .ma-content .pcalc .pl,.ma-site .ma-content .pticks,.ma-site .ma-content .pres .bonus{font-size:14px;line-height:1.5}
 .ma-site .ma-tariff .ma-tariff-desc,.ma-site .ma-tariff>ul{font-size:15px;line-height:1.65}
 .ma-site .ma-tariff-label,.ma-site .ma-tariff .ma-price-unit,.ma-site .ma-tariff .ma-price-max,.ma-site .ma-tariff .ma-monthly,.ma-site .ma-tariff .ma-monthly small,.ma-site .ma-tariff-capacity,.ma-site .ma-tariff-capacity>b{font-size:14px;line-height:1.5}
 .ma-site .ma-tariff .ma-monthly>b{font-size:21px}
 .ma-site .ma-tariff .ma-split-caption,.ma-site .ma-split-caption>small,.ma-site .ma-tariff .ma-split-caption small,.ma-site .ma-split-mark{font-size:14px;line-height:1.5}
 .ma-site .ma-tariff .ma-split-caption>b{font-size:16px}
 .ma-site .ma-tariff .ma-button{font-size:16px}
 .ma-site .ma-tariff-fields label,.ma-site .ma-tariff-result p,.ma-site .ma-tariff-landing,.ma-site .ma-tariff-choice .ma-fine,.ma-site .ma-fine,.ma-site .ma-pill,.ma-site .ma-article-meta{font-size:14px;line-height:1.6}
 .ma-site .ma-tariff-fields select,.ma-site .ma-contact-form input:not([type=checkbox]),.ma-site .ma-contact-form textarea,.ma-site .ma-article-search input{font-size:16px}
 .ma-site .ma-article-card-body>p{font-size:16px;line-height:1.7}
 .ma-site .ma-article-card-body .ma-pill{font-size:14px;line-height:1.5}
 .ma-site .ma-topic-nav a,.ma-site .ma-article-search label,.ma-site .ma-article-card .ma-article-meta,.ma-site .ma-article-card .ma-link,.ma-site .ma-article-date{font-size:14px;line-height:1.5}
 .ma-site .ma-article-search input[type=search]{font-size:16px}
 .ma-site .ma-fine,.ma-dialog .ma-fine{font-size:14px!important;line-height:1.65}
 .ma-site .ma-content .mtab,.ma-site .ma-content .wn-side-h,.ma-site .ma-content .atr-h,.ma-site .ma-content .bb>p,.ma-site .ma-content .lv .tg2,.ma-site .ma-content .mc .tag{font-size:14px;line-height:1.6}
 .ma-site .ma-content .sp-chan-lbl,.ma-site .ma-content .sp-chan-sw button span,.ma-site .ma-content .sp-toggle button,.ma-site .ma-content .sp-ft-title,.ma-site .ma-content .sp-trial,.ma-site .ma-content .sp-tagline,.ma-site .ma-content .sp-badge{font-size:14px;line-height:1.6}
 .ma-site .ma-content .ref-calc-sw button,.ma-site .ma-content .ref-opt-l,.ma-site .ma-content .ref-badge,.ma-site .ma-content .ref-note,.ma-site .ma-content .seg button,.ma-site .ma-content .chips .chip,.ma-site .ma-content .uc-chips>span,.ma-site .ma-content .mode-card>.tag,.ma-site .ma-content .lc-badge,.ma-site .ma-content .lc-promo .tt>span{font-size:14px;line-height:1.5}
 .ma-site .ma-content .stp>p,.ma-site .ma-content .mode-card .row,.ma-site .ma-content .row>span,.ma-site .ma-content .row>b{font-size:15px;line-height:1.6}
 .ma-site .ma-content .ma-demo-label,.ma-site .ma-content .winbar .url,.ma-site .ma-content .kpi .k,.ma-site .ma-content .kpi .ch,.ma-site .ma-content .panel h4 small,.ma-site .ma-content .panel>div,.ma-site .ma-content .panel .top>span,.ma-site .ma-content .panel .top>b,.ma-site .ma-content .legend .li,.ma-site .ma-content .bar-row .nm,.ma-site .ma-content .bar-row .vl,.ma-site .ma-content .cust .tag{font-size:14px;line-height:1.5}
 .ma-site .ma-check,.ma-site .ma-check>span,.ma-site .ma-contact-form label{font-size:14px;line-height:1.65}
 .ma-site .ma-submenu-group>p{font-size:16px}.ma-site .ma-submenu a{font-size:15px;line-height:1.5;min-height:44px}
 .ma-site .ma-footer nav h2{font-size:16px}.ma-site .ma-footer nav a,.ma-site .ma-footer-brand>a:not(.ma-logo){font-size:15px;line-height:1.75}
 .ma-site .ma-footer-bottom,.ma-site .ma-footer-bottom button,.ma-site .ma-footer-bottom a,.ma-site .ma-footer-bottom span{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
 .ma-site .ma-cookie,.ma-site .ma-cookie button{font-size:14px;line-height:1.6}
 .ma-dialog label,.ma-dialog .ma-invoice-mode label,.ma-dialog .ma-check,.ma-dialog .ma-check>span,.ma-dialog .ma-fine,.ma-dialog .ma-optional,.ma-dialog .ma-lookup-note,.ma-dialog .ma-name-note{font-size:14px;line-height:1.6}
 .ma-dialog input:not([type=radio]):not([type=checkbox]),.ma-dialog select,.ma-dialog textarea{font-size:16px}
 .ma-dialog .ma-order-steps,.ma-dialog .ma-payment-methods small,.ma-dialog .ma-plan-features,.ma-dialog .ma-order-summary p,.ma-dialog .ma-order-summary>span,.ma-dialog .ma-summary-split small{font-size:14px;line-height:1.6}
 .ma-dialog .ma-order-features,.ma-dialog .ma-order-extra,.ma-dialog .ma-order-status,.ma-dialog .ma-document-body{font-size:15px;line-height:1.6}
 .ma-dialog .ma-inn-row>.ma-button{font-size:15px}
 .ma-dialog .ma-summary-lines li{font-size:14px;line-height:1.55;flex-wrap:wrap;gap:4px 10px}.ma-dialog .ma-summary-lines b{margin-left:auto}
 .ma-dialog .ma-extra-cards strong{font-size:16px}.ma-dialog .ma-extra-cards small,.ma-dialog .ma-extra-cards>div:first-child>span,.ma-dialog .ma-extra-cards>[data-extra-total]{font-size:14px;line-height:1.5}
 .ma-dialog .ma-order-steps{flex-wrap:wrap;row-gap:8px}.ma-dialog .ma-button{font-size:16px}
 .ma-dialog .ma-order-actions>.ma-button{min-width:0;flex:1}.ma-dialog .ma-order-actions>[data-order-next]{flex:2}
 .ma-brand-elements{grid-template-columns:1fr;gap:22px;margin-top:28px}
 .ma-brand-stage{height:295px}.ma-brand-lockup>b{font-size:28px}.ma-brand-lockup>span{width:58px;height:58px;font-size:38px}
 .ma-brand-palette>span{font-size:14px}.ma-brand-palette>i{width:27px;height:27px}
 .ma-brand-banners{gap:12px;padding:20px 14px}
 .ma-site .ma-brand-banner-sample{width:62%;max-width:220px}
 .ma-brand-collection{width:33%;padding:6px;margin-bottom:23px}.ma-site .ma-brand-collection>img{height:90px}
 .ma-brand-collection>span,.ma-brand-collection>b{font-size:12px;margin-inline:0;overflow-wrap:anywhere}
 .ma-brand-video-stage{height:auto;aspect-ratio:16/11}.ma-site .ma-brand-video-stage>video{position:absolute;inset:0}
 .ma-brand-video-tag,.ma-brand-promo-name{font-size:14px}
 .ma-brand-description{padding:24px 20px 25px 58px}.ma-brand-number{left:20px;top:28px;font-size:14px}
 .ma-site .ma-content .ma-brand-description h3{font-size:22px}.ma-site .ma-content .ma-brand-description p{font-size:16px}
 .ma-site .ma-content .ma-brand-promo>p,.ma-brand-promo-code,.ma-brand-promo-action{font-size:14px;line-height:1.4}
 .ma-brand-promos{height:330px}
}
@media(max-width:360px){.ma-site .ma-content .ac,.ma-site .ma-content .feat{padding:18px;gap:12px}.ma-brand-lockup{gap:11px}.ma-brand-lockup>b{font-size:24px}.ma-brand-palette{gap:6px}.ma-brand-description{padding-left:50px}.ma-brand-number{left:16px}.ma-site .ma-content .ma-brand-description h3{font-size:20px}}