/* MailBench's existing olive, limestone and terracotta palette. */
:root{--mb-bg:#F7F5EE;--mb-card:#fff;--mb-ink:#2C3A2E;--mb-muted:#697A6D;--mb-primary:#A5684D;--mb-hover:#8B5339;--mb-line:#E1DDD4;--mb-secondary:#EDEAE0;--mb-accent:#546F58}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body.mb-site{margin:0;background:var(--mb-bg);color:var(--mb-ink);font:16px/1.6 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--mb-primary);outline-offset:5px}img{display:block;max-width:100%}.mb-wrap{width:min(1240px,calc(100% - 96px));margin:auto}.mb-nav{position:sticky;top:0;z-index:10;background:rgba(247,245,238,.96);border-bottom:1px solid var(--mb-line);backdrop-filter:blur(16px)}.mb-nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:24px}.mb-links{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.mb-links>a:hover{color:var(--mb-primary)}.mb-menu{display:none}.mb-skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;padding:12px}.mb-skip:focus{top:10px}.mb-button{display:inline-flex;justify-content:center;align-items:center;background:var(--mb-primary);color:var(--mb-bg);border:0;border-radius:100px;padding:17px 28px;font-weight:600;font-size:14px;transition:background .2s,transform .2s;gap:8px}.mb-button:hover{background:var(--mb-hover);transform:translateY(-2px)}.mb-button-small{padding:12px 22px}.mb-button:disabled{opacity:.55;cursor:wait}.mb-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--mb-primary);padding-bottom:6px;font-size:14px;font-weight:600}.mb-link:hover{color:var(--mb-primary)}.mb-kicker{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mb-primary);margin:0 0 22px}.mb-hero{padding:70px 0 85px;overflow:hidden}.mb-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.mb-site h1,.mb-site h2,.mb-site h3{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.05;letter-spacing:-.025em}.mb-site h1{font-size:clamp(62px,6.7vw,96px)}.mb-site h1 em,.mb-site h2 em{font-weight:400;color:var(--mb-primary)}.mb-intro{font-size:18px;color:var(--mb-muted);max-width:440px;margin:28px 0 32px;line-height:1.7}.mb-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.mb-hero-art{height:530px;position:relative;background:var(--mb-secondary);border-radius:200px 200px 20px 20px;padding:40px 35px 45px;overflow:hidden}.mb-art-label,.mb-art-foot{position:absolute;z-index:2;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.17em;font-weight:600}.mb-art-label{top:26px}.mb-art-foot{bottom:18px;color:var(--mb-muted)}.mb-email-stack{height:100%;display:flex;gap:20px;align-items:flex-start;padding:20px 10px}.mb-email-stack img{width:48%;height:auto;box-shadow:0 15px 30px #2c3a2e20;border-radius:5px;transform:rotate(-7deg);margin-top:12px}.mb-email-stack img:nth-child(2){transform:rotate(7deg);margin-top:55px}.mb-band{border-top:1px solid var(--mb-line);border-bottom:1px solid var(--mb-line);padding:25px 0}.mb-band .mb-wrap{display:flex;justify-content:space-between;color:var(--mb-muted);font-size:14px}.mb-section{padding:100px 0}.mb-site h2{font-size:clamp(44px,4.6vw,64px)}.mb-heading-row{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.mb-heading-row>p{max-width:340px;color:var(--mb-muted);font-size:15px;margin:0}.mb-services{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.mb-service{border-top:1px solid var(--mb-line);padding-top:20px}.mb-service-visual{height:240px;background:var(--mb-secondary);border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:20px;margin-bottom:24px}.mb-service-visual img{max-height:100%;width:auto;object-fit:contain;box-shadow:0 8px 18px #2c3a2e12}.mb-service:first-child .mb-service-visual img,.mb-service:nth-child(3) .mb-service-visual img{width:80%;max-height:none;align-self:flex-start}.mb-service-copy .mb-kicker{display:block;margin-bottom:10px}.mb-site .mb-service h3{font-size:30px;min-height:63px}.mb-service p{font-size:14px;color:var(--mb-muted);margin:16px 0 22px;min-height:112px}.mb-results{background:var(--mb-secondary)}.mb-case{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding:48px 0;border-top:1px solid #697a6d30;align-items:center}.mb-case h3{font-size:40px}.mb-case p{color:var(--mb-muted);font-size:14px;max-width:400px;margin:20px 0}.mb-metric{display:flex;flex-direction:column;margin:24px 0}.mb-metric strong{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:66px;line-height:1.05;color:var(--mb-primary)}.mb-metric span{font-size:13px;color:var(--mb-muted);margin-top:8px}.mb-report{background:var(--mb-card);border-radius:12px;padding:20px;box-shadow:0 14px 35px #2c3a2e08;display:grid;gap:20px}.mb-report img{width:100%;height:auto}.mb-small-comparison{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--mb-muted);margin:0 0 20px}.mb-result-note{font-size:12px;color:var(--mb-muted);max-width:680px}.mb-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.mb-filter{border:1px solid var(--mb-line);background:transparent;color:var(--mb-ink);border-radius:100px;padding:10px 19px;font-size:13px}.mb-filter.is-active{background:var(--mb-ink);color:var(--mb-bg);border-color:var(--mb-ink)}.mb-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.mb-work{padding:0;border:1px solid var(--mb-line);background:white;text-align:left;border-radius:12px;overflow:hidden;color:var(--mb-ink);transition:transform .2s}.mb-work[hidden]{display:none}.mb-work:hover{transform:translateY(-5px)}.mb-work>img{width:100%;height:330px;object-fit:cover;object-position:top;background:white}.mb-work[data-category="SMS"]>img,.mb-work[data-category="Forms"]>img,.mb-work[data-category="Reporting"]>img,.mb-work[data-category="Strategy"]>img{object-fit:contain;padding:15px;background:var(--mb-secondary)}.mb-work>span{display:flex;justify-content:space-between;font-size:12px;font-weight:500;padding:16px;border-top:1px solid var(--mb-line);gap:12px}.mb-process{background:var(--mb-ink);color:var(--mb-bg)}.mb-process .mb-kicker,.mb-process h2 em{color:#D5AE97}.mb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:55px}.mb-steps article{border-top:1px solid #f7f5ee35;padding-top:25px}.mb-steps span{font-size:12px;color:#D5AE97}.mb-steps h3{font-size:36px;margin-top:25px}.mb-steps p{font-size:14px;color:#f7f5eebb;margin-top:20px;line-height:1.8}.mb-contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px}.mb-contact p{color:var(--mb-muted);max-width:360px;margin:25px 0 30px}.mb-contact-email{display:block;margin-top:23px;font-size:14px;text-decoration:underline;text-underline-offset:5px}#mb-inquiry{display:grid;gap:18px;background:var(--mb-card);border:1px solid var(--mb-line);padding:32px;border-radius:18px}#mb-inquiry label{display:grid;gap:8px;font-size:12px;font-weight:600}#mb-inquiry input,#mb-inquiry textarea,#mb-inquiry select{width:100%;border:1px solid var(--mb-line);border-radius:6px;background:var(--mb-bg);color:var(--mb-ink);padding:12px;min-width:0}#mb-inquiry textarea{resize:vertical}#mb-form-status{margin:0;font-size:13px}.mb-footer{border-top:1px solid var(--mb-line);padding:50px 0 25px;background:var(--mb-secondary)}.mb-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.mb-footer p{font-size:13px;color:var(--mb-muted);margin:20px 0}.mb-footer h3{font:600 13px 'DM Sans',sans-serif;margin:0 0 16px}.mb-footer a:not(.logo){display:block;font-size:13px;color:var(--mb-muted);margin:10px 0}.mb-footer-bottom{border-top:1px solid var(--mb-line);padding-top:22px;margin-top:30px;color:var(--mb-muted);font-size:11px}#mb-lightbox{width:min(1000px,95vw);max-height:90vh;padding:30px;border:1px solid var(--mb-line);border-radius:15px;background:var(--mb-bg);color:var(--mb-ink);overflow:auto}#mb-lightbox::backdrop{background:#152019d9}#mb-lightbox h2{font:500 22px 'DM Sans',sans-serif;margin-bottom:24px;padding-right:100px}.mb-lightbox-close{position:sticky;top:0;float:right;background:var(--mb-ink);color:white;border:0;border-radius:100px;padding:10px 20px}.mb-site #mb-full-image{width:auto;max-width:100%;height:auto;margin:auto}
@media(min-width:1500px){.mb-hero{padding:95px 0}.mb-hero-art{height:600px}}
@media(max-width:1050px){.mb-wrap{width:calc(100% - 60px)}.mb-hero-grid{gap:35px}.mb-hero-art{height:460px;padding:40px 18px}.mb-services{grid-template-columns:repeat(2,1fr)}.mb-service p{min-height:70px}.mb-site .mb-service h3{min-height:0}.mb-gallery{grid-template-columns:repeat(3,1fr)}.mb-contact-grid{gap:45px}.mb-links{gap:20px}.mb-case{gap:35px}}
@media(max-width:760px){html{scroll-padding-top:85px}.mb-wrap{width:calc(100% - 36px)}.mb-nav-inner{min-height:78px}.mb-menu{display:block;background:none;border:1px solid var(--mb-line);border-radius:100px;padding:8px 13px;font-size:12px;color:var(--mb-ink)}.mb-links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--mb-bg);padding:24px;border-bottom:1px solid var(--mb-line)}.mb-links.is-open{display:flex;flex-direction:column;align-items:stretch}.mb-hero{padding:45px 0}.mb-hero-grid{grid-template-columns:1fr;gap:40px}.mb-site h1{font-size:64px;max-width:540px}.mb-intro{font-size:16px}.mb-hero-art{height:420px;max-width:500px;width:100%;margin:auto}.mb-band .mb-wrap{gap:15px;flex-wrap:wrap;font-size:11px}.mb-section{padding:60px 0}.mb-heading-row{flex-direction:column;align-items:start;gap:24px}.mb-heading-row>p{max-width:500px}.mb-case{grid-template-columns:1fr;gap:26px;padding:35px 0}.mb-case h3{font-size:36px}.mb-gallery{grid-template-columns:repeat(2,1fr);gap:15px}.mb-work>img{height:270px}.mb-work>span{font-size:11px;padding:12px}.mb-steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.mb-steps h3{margin-top:15px}.mb-contact-grid{grid-template-columns:1fr;gap:35px}.mb-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.mb-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:420px){.mb-site h1{font-size:56px}.mb-services{grid-template-columns:1fr}.mb-service-visual{height:250px}.mb-service p{min-height:0}.mb-hero-art{height:360px}.mb-email-stack{gap:13px;padding:15px 0}.mb-work>img{height:230px}#mb-inquiry{padding:22px}.mb-actions{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Visual homepage and matching service interiors. */
.mb-hero-editorial{padding:72px 0 20px}.mb-hero-editorial h1{font-size:clamp(50px,5.8vw,84px);max-width:1000px}.mb-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:25px 0 40px}.mb-hero-bottom>p{max-width:420px;color:var(--mb-muted);font-size:16px}.mb-showcase-strip{height:330px;display:flex;gap:24px;overflow:hidden;border-bottom:1px solid var(--mb-line);padding:22px 30px 0;background:var(--mb-secondary)}.mb-showcase-strip>img{width:calc((100% - 96px)/5);height:auto;align-self:flex-start;box-shadow:0 12px 24px #2c3a2e15;border-radius:4px}.mb-showcase-strip>img:nth-child(even){margin-top:25px}.mb-caption{font-size:12px!important;line-height:1.7;color:var(--mb-muted);margin:14px 0}.mb-services-six{grid-template-columns:repeat(3,1fr);row-gap:40px}.mb-services-six .mb-service h3{min-height:0}.mb-services-six .mb-service p{min-height:48px;margin:12px 0 18px}.mb-services-six .mb-service-visual{height:210px}.mb-services-six .mb-service-visual img{max-height:100%;width:auto;align-self:center}.mb-services-six .mb-service:nth-child(1) .mb-service-visual img,.mb-services-six .mb-service:nth-child(3) .mb-service-visual img,.mb-services-six .mb-service:nth-child(5) .mb-service-visual img{width:65%;max-height:none;align-self:flex-start}.mb-nav-services{position:relative}.mb-nav-services>summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}.mb-nav-services>summary::-webkit-details-marker{display:none}.mb-service-menu{position:absolute;top:35px;right:0;background:var(--mb-bg);border:1px solid var(--mb-line);border-radius:10px;padding:12px;min-width:280px;box-shadow:0 20px 40px #2c3a2e18;z-index:20}.mb-service-menu a{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--mb-line);gap:20px}.mb-service-menu a:last-child{border-bottom:0}.mb-service-menu a:hover{color:var(--mb-primary);background:var(--mb-secondary)}.mb-result-tabs{display:flex;border-top:1px solid var(--mb-line);border-bottom:1px solid var(--mb-line);margin-bottom:30px}.mb-result-tab{flex:1;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--mb-muted);display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:14px;text-align:left;gap:15px}.mb-result-tab[aria-selected="true"]{border-color:var(--mb-primary);color:var(--mb-ink);background:#ffffff65}.mb-result-tab>span{font-size:11px;color:var(--mb-primary)}.mb-result-panel{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px;padding:20px 0}.mb-result-panel[hidden]{display:none}.mb-result-panel h3{font-size:42px}.mb-result-image .mb-proof img{width:100%;height:auto;object-fit:contain}.mb-result-image .mb-proof{background:white}.mb-proof{border:1px solid var(--mb-line);background:var(--mb-card);padding:0;border-radius:12px;overflow:hidden;width:100%;text-align:left;color:var(--mb-ink);transition:transform .2s;display:flex;flex-direction:column}.mb-proof:hover{transform:translateY(-4px)}.mb-proof>span{font-size:12px;padding:16px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--mb-line)}.mb-proof-email img{height:480px;object-fit:cover;object-position:top;width:100%}.mb-proof-report img{height:280px;object-fit:contain;width:100%;padding:18px;background:var(--mb-secondary)}.mb-proof-sms img{height:450px;object-fit:contain;width:100%;padding:20px;background:var(--mb-secondary)}.mb-service-hero{padding:45px 0 10px}.mb-breadcrumb{display:inline-block;font-size:12px;color:var(--mb-muted);margin-bottom:42px}.mb-service-hero h1{font-size:clamp(46px,5.2vw,74px);max-width:970px}.mb-service-intro{font-size:17px;color:var(--mb-muted);max-width:620px;margin:22px 0 36px}.mb-service-hero-visual{padding:30px;background:var(--mb-secondary);border-radius:14px}.mb-service-email-hero{height:410px;overflow:hidden;display:flex;justify-content:center;gap:45px;padding:12px 45px 0}.mb-service-email-hero img{width:24%;align-self:flex-start;box-shadow:0 10px 30px #2c3a2e15}.mb-service-email-hero img:nth-child(2){margin-top:38px}.mb-sms-lineup{display:flex;justify-content:space-around;gap:30px;padding:15px}.mb-sms-lineup img{width:20%;height:360px;object-fit:contain}.mb-service-hero-visual>.mb-proof img{height:360px}.mb-visual-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mb-visual-gallery-reports{grid-template-columns:repeat(2,1fr)}.mb-visual-gallery-reports:has(>.mb-proof:only-child){grid-template-columns:1fr}.mb-visual-gallery-reports>.mb-proof:only-child img{height:auto;max-height:650px}.mb-journey{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;padding:28px 0;position:relative}.mb-journey-node{position:relative;background:var(--mb-card);border:1px solid var(--mb-line);padding:24px 15px;border-radius:10px;display:flex;flex-direction:column;gap:12px;box-shadow:0 5px 0 #2c3a2e0b}.mb-journey-node:not(:last-child)::after{content:'→';position:absolute;right:-23px;top:43%;color:var(--mb-primary);font-size:22px}.mb-journey-node>span{font-size:10px;color:var(--mb-primary);letter-spacing:.1em}.mb-journey-node>strong{font:500 27px 'Cormorant Garamond',serif}.mb-journey-node>small{font-size:11px;color:var(--mb-muted)}.mb-journey-options{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.mb-journey-options article{border-top:1px solid var(--mb-line);padding:22px 0}.mb-journey-options article>span{font-size:11px;color:var(--mb-primary)}.mb-journey-options h3{font-size:32px;margin-top:15px}.mb-journey-options p{font-size:14px;color:var(--mb-muted)}.mb-automation-map{padding:35px;background:var(--mb-secondary);border-radius:14px}.mb-map-trigger{background:var(--mb-ink);color:var(--mb-bg);padding:25px;border-radius:10px;text-align:center;width:260px;margin:auto;font-weight:600}.mb-map-trigger small{font-weight:400;font-size:12px;opacity:.7}.mb-map-connector{height:48px;width:1px;background:var(--mb-primary);margin:auto}.mb-map-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--mb-primary);padding-top:30px}.mb-map-branches article{background:white;border:1px solid var(--mb-line);padding:25px;border-radius:10px;position:relative;text-align:center}.mb-map-branches article::before{content:'';position:absolute;top:-31px;left:50%;height:30px;width:1px;background:var(--mb-primary)}.mb-map-branches span{font-size:11px;color:var(--mb-muted)}.mb-map-branches h3{font-size:34px;margin:15px 0}.mb-map-branches small{font-size:11px;color:var(--mb-muted)}.mb-related{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mb-related a{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--mb-line);padding:20px 0;font-size:18px}.mb-related a:hover{color:var(--mb-primary)}.mb-service-cta{background:var(--mb-ink);color:var(--mb-bg)}.mb-service-cta .mb-kicker,.mb-service-cta h2 em{color:#D5AE97}.mb-service-cta .mb-button{margin-top:30px}.mb-nav-services summary:focus-visible{outline:3px solid var(--mb-primary);outline-offset:5px}
@media(max-width:1050px){.mb-services-six{grid-template-columns:repeat(2,1fr)}.mb-service-email-hero{padding:12px 0 0;gap:24px}.mb-service-email-hero img{width:29%}.mb-journey{gap:18px}.mb-journey-node{padding:18px 12px}.mb-journey-node:not(:last-child)::after{right:-18px}.mb-journey-node>strong{font-size:23px}}
@media(max-width:760px){.mb-hero-editorial{padding-top:40px}.mb-hero-editorial h1{font-size:48px}.mb-hero-bottom{align-items:start;flex-direction:column;gap:15px;margin-bottom:30px}.mb-showcase-strip{height:240px;gap:16px;padding:18px 14px 0}.mb-showcase-strip>img{width:calc((100% - 32px)/3)}.mb-showcase-strip>img:nth-child(n+4){display:none}.mb-service-menu{position:static;box-shadow:none;min-width:0;margin-top:15px}.mb-nav-services{width:100%}.mb-nav-services summary{padding:5px 0}.mb-result-panel{grid-template-columns:1fr;gap:25px}.mb-result-panel h3{font-size:36px}.mb-result-tab{padding:16px 10px;font-size:12px}.mb-result-tab>span{display:none}.mb-service-hero{padding:25px 0 0}.mb-breadcrumb{margin-bottom:30px}.mb-service-hero h1{font-size:48px}.mb-service-intro{font-size:15px}.mb-service-hero-visual{padding:16px}.mb-service-email-hero{height:300px;gap:16px}.mb-service-email-hero img{width:29%}.mb-sms-lineup{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0}.mb-sms-lineup img{width:100%;height:260px}.mb-service-hero-visual>.mb-proof img{height:auto;max-height:400px}.mb-visual-gallery{grid-template-columns:repeat(2,1fr);gap:16px}.mb-visual-gallery-reports{grid-template-columns:1fr}.mb-proof-email img{height:350px}.mb-proof-sms img{height:320px}.mb-proof-report img{height:auto;max-height:450px}.mb-proof>span{padding:12px;font-size:11px}.mb-journey{grid-template-columns:1fr;padding:0;gap:23px}.mb-journey-node{display:grid;grid-template-columns:24px 85px 1fr;align-items:center;gap:10px;padding:17px}.mb-journey-node:not(:last-child)::after{content:'↓';right:auto;left:48%;top:auto;bottom:-26px;font-size:21px}.mb-journey-node>strong{font-size:25px}.mb-journey-node>small{font-size:12px}.mb-journey-options{grid-template-columns:repeat(2,1fr);gap:20px}.mb-related{grid-template-columns:repeat(2,1fr)}.mb-related a{font-size:15px}.mb-automation-map{padding:20px}.mb-map-trigger{width:min(260px,100%)}.mb-map-branches{grid-template-columns:1fr;border-top:0;padding-top:0;gap:28px}.mb-map-branches article::before{height:28px;top:-29px}.mb-map-connector{height:28px}.mb-result-image .mb-proof img{padding:12px}.mb-services-six .mb-service p{min-height:0}}
@media(max-width:420px){.mb-services-six{grid-template-columns:1fr}.mb-hero-editorial h1,.mb-service-hero h1{font-size:43px}.mb-hero-editorial h1{line-height:1.08}.mb-showcase-strip{height:210px}.mb-visual-gallery{gap:12px}.mb-proof-email img{height:300px}.mb-proof>span{font-size:10px}.mb-journey-options h3{font-size:27px}.mb-metric strong{font-size:54px}.mb-result-tabs{gap:0}.mb-result-tab{font-size:11px}.mb-service-email-hero{height:250px}.mb-journey-node{grid-template-columns:20px 75px 1fr}.mb-journey-node>strong{font-size:22px}}
.mb-about-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:17px;line-height:1.85;color:var(--mb-muted);max-width:1000px}.mb-about-story p{margin:0}.mb-founder-grid{display:grid;grid-template-columns:.85fr 1fr;gap:90px;align-items:center}.mb-founder-photo{margin:0;max-width:460px}.mb-founder-photo img{width:100%;height:auto;border-radius:14px}.mb-founder-photo figcaption{font-size:12px;color:var(--mb-muted);margin-top:14px}.mb-founder-grid h2{font-size:clamp(50px,5vw,72px)}.mb-founder-grid p:not(.mb-kicker){color:var(--mb-muted);font-size:16px;line-height:1.85;max-width:480px}.mb-founder-role{font-size:13px!important;letter-spacing:.08em;text-transform:uppercase;margin-top:15px;margin-bottom:30px}.mb-founder-grid .mb-button{margin-top:20px}@media(max-width:760px){.mb-about-story,.mb-founder-grid{grid-template-columns:1fr;gap:30px}.mb-about-story{font-size:15px}.mb-founder-photo{max-width:380px;margin:auto}.mb-founder-grid p:not(.mb-kicker){font-size:15px}}

.mb-proof img{flex-shrink:0}.mb-service-email-hero img,.mb-showcase-strip img{height:auto}.mb-showcase-strip{contain:layout paint}.mb-hero-editorial h1{overflow-wrap:break-word}.mb-site img{max-width:100%}
.mb-home-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.mb-home-work .mb-work>img{height:420px}.mb-home-work .mb-work:nth-last-child(-n+2)>img{object-fit:contain;background:var(--mb-secondary);padding:18px}.mb-portfolio-link{margin-top:32px}.mb-case-context{margin:22px 0;font-size:12px;border-top:1px solid var(--mb-line);padding-top:20px}.mb-case-context>strong{font-weight:600}.mb-case-context>p{font-size:14px;color:var(--mb-muted);max-width:420px;margin:8px 0}@media(max-width:760px){.mb-home-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mb-home-work .mb-work>img{height:300px}}@media(max-width:380px){.mb-home-work{grid-template-columns:1fr}.mb-home-work .mb-work>img{height:380px}}
/* Final editorial refinement: clear hierarchy, distinct service interiors, readable proof. */
.mb-hero-editorial{padding-top:88px}.mb-hero-editorial h1{font-weight:500;font-size:clamp(52px,6.5vw,92px);letter-spacing:-.04em;max-width:1080px}.mb-hero-bottom{margin:32px 0 46px}.mb-showcase-strip{height:390px;gap:40px;padding:35px 70px 0;border-radius:14px}.mb-showcase-strip>img{width:calc((100% - 80px)/3)}.mb-showcase-strip>img:nth-child(2){margin-top:35px}.mb-section{padding:104px 0}.mb-heading-row{margin-bottom:52px}.mb-site h2{font-size:clamp(42px,4.5vw,64px);letter-spacing:-.03em}.mb-services-six{gap:42px 28px}.mb-service{padding-top:22px}.mb-services-six .mb-service-visual{height:260px;border-radius:10px}.mb-services-six .mb-service h3{font-size:34px}.mb-services-six .mb-service p{max-width:310px;line-height:1.75}.mb-service .mb-link{margin-top:8px}.mb-home-work{gap:32px}.mb-home-work .mb-work>img{height:460px}.mb-work>span,.mb-proof>span{padding:19px;font-size:13px}.mb-result-panel{gap:70px;padding:35px 0}.mb-result-panel h3{font-size:44px;max-width:440px}.mb-result-image .mb-proof{box-shadow:0 18px 45px #2c3a2e0a}.mb-metric strong{font-size:clamp(44px,5.5vw,72px);letter-spacing:-.035em}.mb-case-context p{line-height:1.8}.mb-result-tabs{gap:10px}.mb-result-tab{padding:22px 18px;min-height:64px}.mb-service-hero{padding-top:50px}.mb-service-hero h1{letter-spacing:-.035em}.mb-service-top-cta{margin:4px 0 30px}.mb-page-email-marketing-agency .mb-service-hero .mb-wrap,.mb-page-email-marketing-audit .mb-service-hero .mb-wrap,.mb-page-retention-marketing-agency .mb-service-hero .mb-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 52px;align-items:start}.mb-page-email-marketing-agency .mb-breadcrumb,.mb-page-email-marketing-audit .mb-breadcrumb,.mb-page-retention-marketing-agency .mb-breadcrumb{grid-column:1/-1}.mb-page-email-marketing-agency .mb-service-hero .mb-kicker,.mb-page-email-marketing-audit .mb-service-hero .mb-kicker,.mb-page-retention-marketing-agency .mb-service-hero .mb-kicker{grid-column:1}.mb-page-email-marketing-agency .mb-service-hero h1,.mb-page-email-marketing-audit .mb-service-hero h1,.mb-page-retention-marketing-agency .mb-service-hero h1{grid-column:1;font-size:clamp(44px,4.4vw,64px)}.mb-page-email-marketing-agency .mb-service-intro,.mb-page-email-marketing-audit .mb-service-intro,.mb-page-retention-marketing-agency .mb-service-intro{grid-column:1;max-width:400px}.mb-page-email-marketing-agency .mb-service-top-cta,.mb-page-email-marketing-audit .mb-service-top-cta,.mb-page-retention-marketing-agency .mb-service-top-cta{grid-column:1;justify-self:start}.mb-page-email-marketing-agency .mb-service-hero-visual,.mb-page-email-marketing-audit .mb-service-hero-visual,.mb-page-retention-marketing-agency .mb-service-hero-visual{grid-column:2;grid-row:2/6;padding:22px}.mb-page-email-marketing-agency .mb-service-email-hero{height:500px;gap:20px;padding:15px 5px 0}.mb-page-email-marketing-agency .mb-service-email-hero img{width:30%}.mb-page-email-marketing-audit .mb-service-hero-visual>.mb-proof img,.mb-page-retention-marketing-agency .mb-service-hero-visual>.mb-proof img{height:auto;min-height:250px}.mb-page-sms-marketing-agency .mb-service-hero-visual{background:var(--mb-ink);padding:42px;border-radius:18px}.mb-page-sms-marketing-agency .mb-sms-lineup{gap:28px}.mb-page-sms-marketing-agency .mb-sms-lineup img{height:400px}.mb-execution-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:30px 10px}.mb-execution-flow>div{position:relative;padding:26px;border:1px solid var(--mb-line);border-radius:10px;background:var(--mb-card);display:flex;flex-direction:column;gap:14px}.mb-execution-flow>div:not(:last-child)::after{content:'→';position:absolute;right:-30px;top:45%;font-size:25px;color:var(--mb-primary)}.mb-execution-flow span{font-size:11px;letter-spacing:.08em;color:var(--mb-primary)}.mb-execution-flow strong{font:500 28px/1.1 'Cormorant Garamond',serif}.mb-execution-flow small{font-size:12px;color:var(--mb-muted)}.mb-image-tools{display:flex;align-items:center;gap:20px;margin:10px 0 20px;flex-wrap:wrap}.mb-image-tools label{font-size:13px;display:flex;gap:10px}.mb-image-tools input{width:220px;accent-color:var(--mb-primary)}.mb-image-viewport{overflow:auto;max-height:70vh;border:1px solid var(--mb-line);background:var(--mb-card);border-radius:8px;overscroll-behavior:contain}.mb-site #mb-full-image{max-width:none;width:100%;height:auto;margin:0}.mb-image-viewport img{display:block}#mb-lightbox{width:min(1120px,96vw);padding:26px}.mb-founder-grid{gap:80px}.mb-founder-role{margin-bottom:22px}#mb-inquiry{gap:22px;padding:38px}#mb-inquiry label{font-size:13px}#mb-inquiry input,#mb-inquiry select,#mb-inquiry textarea{font-size:16px;line-height:1.5}.mb-footer{padding-top:65px}.mb-related a{padding:24px 0}.mb-button{min-height:48px}
@media(max-width:1050px){.mb-page-email-marketing-agency .mb-service-hero .mb-wrap,.mb-page-email-marketing-audit .mb-service-hero .mb-wrap,.mb-page-retention-marketing-agency .mb-service-hero .mb-wrap{gap:0 28px}.mb-showcase-strip{padding:25px 35px 0;gap:26px;height:340px}.mb-showcase-strip>img{width:calc((100% - 52px)/3)}.mb-home-work .mb-work>img{height:380px}.mb-result-panel{gap:35px}.mb-services-six .mb-service-visual{height:230px}}
@media(max-width:760px){.mb-hero-editorial{padding-top:44px}.mb-hero-editorial h1{font-size:clamp(44px,9vw,64px);line-height:1.08}.mb-hero-bottom{margin:24px 0 30px}.mb-section{padding:64px 0}.mb-heading-row{margin-bottom:32px}.mb-showcase-strip{height:260px;gap:16px;padding:22px 18px 0}.mb-showcase-strip>img{width:calc((100% - 16px)/2)}.mb-showcase-strip>img:nth-child(3){display:none}.mb-home-work{gap:18px}.mb-home-work .mb-work>img{height:320px}.mb-services-six{gap:32px 18px}.mb-services-six .mb-service h3{font-size:31px}.mb-work>span,.mb-proof>span{padding:14px;font-size:12px}.mb-result-panel h3{font-size:36px}.mb-result-tabs{gap:0}.mb-result-tab{font-size:12px;padding:16px 10px;min-height:60px}.mb-result-panel{gap:26px;padding-top:20px}.mb-case-context{margin:18px 0}.mb-page-email-marketing-agency .mb-service-hero .mb-wrap,.mb-page-email-marketing-audit .mb-service-hero .mb-wrap,.mb-page-retention-marketing-agency .mb-service-hero .mb-wrap{display:block}.mb-service-hero{padding-top:30px}.mb-service-hero h1{font-size:46px!important}.mb-service-hero-visual{margin-top:12px}.mb-page-email-marketing-agency .mb-service-email-hero{height:330px;gap:16px}.mb-page-sms-marketing-agency .mb-service-hero-visual{padding:24px}.mb-page-sms-marketing-agency .mb-sms-lineup img{height:290px}.mb-execution-flow{grid-template-columns:1fr;gap:28px;padding:8px}.mb-execution-flow>div{padding:22px}.mb-execution-flow>div:not(:last-child)::after{content:'↓';top:auto;bottom:-28px;right:48%}.mb-founder-grid{gap:32px}.mb-image-tools{gap:12px}.mb-image-tools input{width:100%;min-height:44px}.mb-lightbox-close{min-height:44px}#mb-lightbox{padding:18px}#mb-lightbox h2{font-size:18px;padding-right:80px}#mb-inquiry{padding:25px}.mb-service-menu a{min-height:44px}.mb-filters button{min-height:44px}.mb-related a{min-height:54px}}
@media(max-width:380px){.mb-home-work{grid-template-columns:1fr}.mb-home-work .mb-work>img{height:410px}.mb-service-hero h1{font-size:41px!important}.mb-result-tab{font-size:11px}.mb-metric strong{font-size:43px}.mb-showcase-strip{height:225px}.mb-hero-editorial h1{font-size:43px}.mb-actions{align-items:stretch;gap:18px}.mb-services-six{grid-template-columns:1fr}}

/* Use intrinsic aspect ratios for service imagery and preload the visible cards. */
.mb-services-six .mb-service-visual img{height:auto;width:100%;max-height:100%;object-fit:contain}.mb-services-six .mb-service:nth-child(1) .mb-service-visual img,.mb-services-six .mb-service:nth-child(3) .mb-service-visual img,.mb-services-six .mb-service:nth-child(5) .mb-service-visual img{height:auto;width:65%;max-height:none;align-self:flex-start}
/* Audience-first design: all sample messages are original, brand-neutral HTML. */
.af-hero-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px;max-height:480px;overflow:hidden;padding:20px 22px 0;background:var(--mb-secondary);border-radius:14px}.af-hero-templates .af-email:nth-child(2){margin-top:25px}.af-example-note{font-size:12px;color:var(--mb-muted);line-height:1.6;margin:16px 0 24px}.af-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.af-service-card{border-top:1px solid var(--mb-line);padding:26px 0}.af-service-card h3{font-size:34px}.af-service-oneliner{font-size:15px;line-height:1.8;color:var(--mb-muted);min-height:108px;max-width:360px}.af-service-route{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 24px}.af-service-route span{font-size:11px;padding:8px 10px;background:var(--mb-secondary);border-radius:6px;color:var(--mb-ink)}.af-service-intro{max-width:700px;color:var(--mb-muted);font-size:18px;line-height:1.8;margin:25px 0 30px}.af-picker{margin-top:24px}.af-audience-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.af-audience-buttons button{border:1px solid var(--mb-line);background:var(--mb-bg);color:var(--mb-ink);border-radius:100px;padding:12px 18px;font-size:13px;min-height:44px}.af-audience-buttons button[aria-pressed="true"]{background:var(--mb-ink);color:var(--mb-bg);border-color:var(--mb-ink)}.af-audience-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;background:var(--mb-secondary);border-radius:16px;padding:42px}.af-audience-panel[hidden]{display:none}.af-audience-panel h3{font-size:44px;line-height:1.1}.af-audience-panel h3 em{color:var(--mb-primary);font-weight:400}.af-audience-panel>div>p:not(.mb-kicker){color:var(--mb-muted);font-size:16px;margin:24px 0}.af-sample-surface{padding:15px;display:flex;justify-content:center;min-width:0}.af-email{width:100%;max-width:540px;background:#fff;color:#253a32;border:1px solid #deddd6;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px #2c3a2e0b}.af-email-top{display:flex;justify-content:space-between;gap:10px;padding:18px 22px;border-bottom:1px solid #e9e7df;font:500 11px 'DM Sans',sans-serif;letter-spacing:.1em}.af-email-top small{font-size:10px;letter-spacing:.04em;white-space:nowrap;color:#798278}.af-email-body{padding:30px}.af-pretitle{font-size:10px!important;letter-spacing:.12em;margin:0 0 14px!important;color:#7b817a!important}.mb-site .af-email h3{font:500 36px/1.05 'Cormorant Garamond',serif;letter-spacing:-.02em}.af-email-body>p{font-size:14px;line-height:1.7;color:#687468;margin:22px 0}.af-email-cta{display:inline-block;background:#2c3a2e;color:#fff;padding:13px 18px;border-radius:3px;font-size:12px;margin:0 0 24px}.af-feature{border-top:1px solid #e2e4dd;padding:20px 0 0;display:grid;gap:8px}.af-feature strong{font:500 22px 'Cormorant Garamond',serif}.af-feature span{font-size:12px;color:#687468}.af-email-bottom{text-align:center;font:400 10px 'DM Sans',sans-serif;padding:16px;border-top:1px solid #e9e7df;color:#7a817b}.af-art{height:155px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#ede8df;border-radius:5px;margin-top:24px}.af-art>span{position:relative;z-index:2;font:500 15px 'Cormorant Garamond',serif;margin-bottom:18px;letter-spacing:.03em}.af-art-circle{width:160px;height:160px;border-radius:50%;position:absolute;top:-10px;left:35px;background:#d4c9ba}.af-art-panel{width:84px;height:110px;position:absolute;right:48px;top:30px;background:#fff9f0;border-radius:30px 30px 6px 6px;box-shadow:0 8px 20px #2c3a2e12}.af-beauty .af-art{background:#f0e1dd}.af-beauty .af-art-circle{background:#d9b9af}.af-wellness .af-art{background:#e4ebdd}.af-wellness .af-art-circle{background:#bbcaae}.af-retail .af-art{background:#dce2e6}.af-retail .af-art-circle{background:#b5c2cd}.af-subscriptions .af-art{background:#f4e5c8}.af-subscriptions .af-art-circle{background:#dfc492}.af-steps{display:grid;gap:9px;margin:25px 0}.af-steps>div{display:flex;gap:12px;align-items:center;background:#f1f3ee;padding:12px;border-radius:5px}.af-steps span{background:#dbe2d4;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:11px;flex-shrink:0}.af-steps p{margin:0;font-size:12px}.af-appointment{margin:25px 0;padding:25px;background:#f0e8dd;border-radius:5px;display:grid;gap:13px}.af-appointment small{font-size:10px;letter-spacing:.1em}.af-appointment strong{font:500 28px/1.05 'Cormorant Garamond',serif}.af-appointment span{font-size:11px}.af-community{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:25px 0}.af-community span{min-height:95px;padding:8px;display:grid;place-items:center;font-size:10px;background:#e6ebdf;border-radius:6px}.af-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.af-template-card{min-width:0}.af-template-card[hidden]{display:none}.af-template-card .af-email{height:480px;overflow:hidden;border-radius:10px 10px 0 0}.af-template-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--mb-secondary);border:1px solid var(--mb-line);border-top:0;padding:16px;border-radius:0 0 10px 10px;font-size:12px}.af-template-caption button{border:0;background:none;color:var(--mb-ink);font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:44px;text-align:right}.af-compact .af-email-body{padding:24px}.mb-site .af-compact h3{font-size:31px}.af-compact .af-email-top{padding:15px;font-size:10px}.af-compact .af-email-top small{display:none}.af-phone{max-width:340px;background:#fff;border:10px solid #2c3a2e;border-radius:32px;overflow:hidden;padding:15px;color:#2c3a2e;width:100%;box-shadow:0 14px 30px #2c3a2e15}.af-phone-status{display:flex;justify-content:space-between;font-size:11px;padding:5px 4px 16px}.af-phone-header{text-align:center;font-size:14px;border-top:1px solid #e5e7df;border-bottom:1px solid #e5e7df;padding:18px 0;font-weight:500}.af-phone-header small{font-size:11px;color:#748170}.af-message{background:#edf0e9;padding:18px;border-radius:17px 17px 17px 4px;font-size:14px;line-height:1.7;margin-top:30px}.af-message span{display:block;font-size:11px;color:#7b8775;margin-top:16px}.af-reply{margin:18px 0 0 38px;padding:14px;background:#546f58;color:#fff;border-radius:17px 17px 4px 17px;font-size:13px}.af-phone-note{font-size:10px;text-align:center;color:#748170;margin-top:34px}.af-flow{display:grid;gap:28px;width:100%;max-width:540px}.af-flow>div{background:var(--mb-card);border:1px solid var(--mb-line);padding:25px;border-radius:9px;display:grid;grid-template-columns:28px 1fr;gap:10px;position:relative}.af-flow>div:not(:last-child)::after{content:'↓';position:absolute;bottom:-27px;left:48%;color:var(--mb-primary);font-size:20px}.af-flow span{font-size:11px;color:var(--mb-primary);grid-row:1/3}.af-flow strong{font:500 29px 'Cormorant Garamond',serif}.af-flow small{font-size:12px;color:var(--mb-muted)}.af-audit{background:var(--mb-card);border:1px solid var(--mb-line);border-radius:10px;padding:28px;width:100%;max-width:540px}.af-audit>div:first-child>span{font-size:11px;letter-spacing:.1em;color:var(--mb-primary)}.af-audit>div:first-child h3{font-size:36px;margin-top:18px}.af-audit>div:first-child p{font-size:13px;color:var(--mb-muted)}.af-audit-row{padding:18px 0;border-top:1px solid var(--mb-line);display:grid;gap:8px}.af-audit-row>span{font-size:14px;font-weight:500}.af-audit-row small{font-size:12px;color:var(--mb-muted)}.af-light-steps article{border-top-color:var(--mb-line)}.af-light-steps span{color:var(--mb-primary)}.af-light-steps p{color:var(--mb-muted)}.af-founder{background:var(--mb-secondary)}#af-template-dialog{width:min(640px,94vw);max-height:90vh;overflow:auto;background:var(--mb-bg);border:1px solid var(--mb-line);border-radius:12px;padding:26px;color:var(--mb-ink)}#af-template-dialog::backdrop{background:#203023d9}#af-template-title{font:500 18px 'DM Sans',sans-serif;padding-right:90px;margin-bottom:24px}.af-dialog-close{float:right;position:sticky;top:0;border:0;background:var(--mb-ink);color:var(--mb-bg);padding:12px 16px;min-height:44px;border-radius:100px}#af-template-content .af-email{max-width:none}.af-sample-surface .mb-caption{display:none}
@media(max-width:1050px){.af-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-audience-panel{gap:30px;padding:30px}.af-hero-templates{gap:18px;padding:15px 15px 0}.af-hero-templates .af-email-body{padding:20px}.mb-site .af-hero-templates h3{font-size:30px}.af-audience-panel h3{font-size:37px}}
@media(max-width:760px){.af-audience-panel{grid-template-columns:1fr;padding:24px;gap:24px}.af-audience-panel h3{font-size:36px}.af-audience-panel>div>p:not(.mb-kicker){font-size:15px;margin:18px 0}.af-sample-surface{padding:0;display:block}.af-audience-buttons{gap:8px}.af-audience-buttons button{font-size:12px;padding:10px 14px}.af-hero-templates{grid-template-columns:repeat(2,minmax(0,1fr));max-height:340px;gap:12px}.af-hero-templates .af-email:nth-child(3){display:none}.mb-site .af-hero-templates h3{font-size:25px}.af-hero-templates .af-email-body{padding:17px}.af-template-grid{gap:18px}.af-template-card .af-email{height:400px}.af-template-caption{flex-direction:column;align-items:start;gap:3px;padding:12px}.af-template-caption button{text-align:left}.af-service-intro{font-size:16px}.af-service-oneliner{min-height:0;font-size:14px}.af-service-route span{font-size:10px}.af-phone{margin:auto}.af-flow>div{padding:22px}.af-flow strong{font-size:26px}.af-email-body{padding:25px}.mb-site .af-email h3{font-size:33px}.af-template-card .af-email-body{padding:20px}.mb-site .af-template-card h3{font-size:28px}.af-template-card .af-art{height:120px}.af-audit{padding:22px}.af-audit>div:first-child h3{font-size:31px}}
@media(max-width:420px){.af-service-grid,.af-template-grid{grid-template-columns:1fr}.af-template-card .af-email{height:480px}.af-hero-templates{grid-template-columns:1fr;max-height:370px;padding:15px 25px 0}.af-hero-templates .af-email:nth-child(2){display:none}.af-hero-templates .af-email-body{padding:25px}.mb-site .af-hero-templates h3{font-size:33px}.af-audience-panel{padding:20px}.af-audience-panel h3{font-size:32px}.af-email-top{padding:15px;font-size:10px}.af-email-top small{font-size:9px}.af-email-body{padding:22px}.af-example-note{font-size:11px}.af-flow strong{font-size:25px}}

/* Original portfolio imagery: preserve full composition and responsive sizing. */
.mb-real-template{margin:0;background:#fff;overflow:hidden;border-radius:8px}.mb-real-template img{display:block;width:100%;height:auto;object-fit:contain}.mb-real-template figcaption{padding:14px 18px;font-size:13px;background:#f7f5ee;color:#2c3a2e}.af-hero-templates .mb-real-template{max-height:520px;overflow:hidden;box-shadow:0 18px 45px #2c3a2e18;transform:rotate(-3deg)}.af-hero-templates .mb-real-template:nth-child(2){transform:translateY(34px) rotate(2deg)}.af-hero-templates .mb-real-template:nth-child(3){transform:rotate(4deg)}.af-template-card>.mb-real-template{height:480px;overflow:hidden}.af-template-card>.mb-real-template img{min-height:480px}.af-service-card>.mb-real-template{height:250px;margin:22px 0;overflow:hidden}.af-sample-surface>.mb-real-template{max-width:360px;margin:auto;max-height:600px;overflow:hidden}#af-template-content .mb-real-template{max-width:600px;margin:auto}.af-hero-templates{padding-bottom:45px}.af-template-caption{gap:12px;align-items:center}.af-template-caption button{flex-shrink:0}@media(max-width:700px){.af-hero-templates .mb-real-template{max-height:300px}.af-hero-templates .mb-real-template:nth-child(2){transform:translateY(12px) rotate(2deg)}.af-template-card>.mb-real-template{height:420px}}

/* Display original designs without the editing canvas padding. */
.mb-real-art{position:relative;overflow:hidden}.mb-real-art img{max-width:none;min-height:0!important}.af-template-card>.mb-real-template img{min-height:0}
[data-art="3-4"]{aspect-ratio:283/2127}[data-art="3-4"] img{width:255.8303886925795%;left:-79.85865724381625%;top:-0.23507287259050302%}
[data-art="2-2"]{aspect-ratio:355/2055}[data-art="2-2"] img{width:203.94366197183098%;left:-51.83098591549295%;top:-5.401459854014599%}
[data-art="2-4"]{aspect-ratio:316/2078}[data-art="2-4"] img{width:229.11392405063293%;left:-64.55696202531645%;top:-3.753609239653513%}
[data-art="1-3"]{aspect-ratio:334/2126}[data-art="1-3"] img{width:216.76646706586826%;left:-52.09580838323353%;top:-1.8344308560677327%}
[data-art="2-3"]{aspect-ratio:371/2066}[data-art="2-3"] img{width:195.14824797843667%;left:-47.43935309973046%;top:-4.743465634075508%}
[data-art="1-2"]{aspect-ratio:371/2143}[data-art="1-2"] img{width:195.14824797843667%;left:-47.43935309973046%;top:-0.09332711152589827%}
[data-art="4-1"]{aspect-ratio:327/1960}[data-art="4-1"] img{width:221.4067278287462%;left:-55.35168195718655%;top:-4.540816326530613%}
[data-art="4-2"]{aspect-ratio:354/1829}[data-art="4-2"] img{width:204.51977401129943%;left:-51.12994350282486%;top:-4.866047020229634%}
[data-art="3-3"]{aspect-ratio:365/2151}[data-art="3-3"] img{width:198.35616438356166%;left:-50.68493150684932%;top:-0.8368200836820083%}
[data-art="4-3"]{aspect-ratio:243/2127}[data-art="4-3"] img{width:297.9423868312757%;left:-71.60493827160494%;top:-2.1156558533145273%}
[data-art="3-2"]{aspect-ratio:332/2166}[data-art="3-2"] img{width:218.0722891566265%;left:-65.66265060240963%;top:-0.23084025854108958%}
[data-art="2-1"]{aspect-ratio:368/2152}[data-art="2-1"] img{width:196.73913043478262%;left:-48.369565217391305%;top:-0.18587360594795538%}
[data-art="1-4"]{aspect-ratio:374/2075}[data-art="1-4"] img{width:193.58288770053477%;left:-46.79144385026738%;top:-3.9036144578313254%}
[data-art="3-1"]{aspect-ratio:326/2090}[data-art="3-1"] img{width:222.08588957055215%;left:-69.01840490797547%;top:-3.588516746411483%}
[data-art="1-1"]{aspect-ratio:362/2162}[data-art="1-1"] img{width:200.0%;left:-50.0%;top:-0.04625346901017577%}

/* Load clipped portfolio images eagerly with intrinsic dimensions. */
.af-template-card>.mb-real-template{height:600px}.af-service-card>.mb-real-template{height:420px}.af-sample-surface>.mb-real-template{width:100%;max-width:360px;max-height:540px}.af-service-visual{height:420px;box-sizing:border-box;background:var(--mb-secondary);border-radius:10px;margin:22px 0;padding:20px;display:grid;align-content:center;overflow:hidden}.af-service-visual .af-flow{gap:10px;width:100%;margin:0}.af-service-visual .af-flow>div{padding:16px}.af-service-visual .af-flow strong{font-size:20px}.af-service-visual .af-flow small{font-size:11px}.af-service-visual .af-phone{max-width:270px;width:100%;margin:auto;box-sizing:border-box}.af-service-visual .af-phone-status{font-size:11px}.af-service-visual .af-phone-header{font-size:16px}.af-service-visual .af-message{font-size:12px;line-height:1.6}.af-service-visual .af-phone-note{font-size:10px}.af-service-visual .af-audit{padding:20px;box-shadow:none}.af-service-visual .af-audit h3{font-size:25px}.af-service-visual .af-audit-row{gap:8px}.af-service-visual .af-audit-row span{font-size:13px}.af-service-visual .af-audit-row small{font-size:10px}#af-template-content .mb-real-template{max-width:480px}.af-hero-templates{max-height:580px}.af-hero-templates .mb-real-template{max-height:520px}@media(max-width:700px){.af-template-card>.mb-real-template{height:560px}.af-service-card>.mb-real-template,.af-service-visual{height:400px}.af-hero-templates{max-height:450px}.af-hero-templates .mb-real-template{max-height:400px}}