/* marka.email service atlas — original vector scenes, coherent service families. */
.mv-service-page{--mv-blue:#243b88;--mv-red:#ed1028;--mv-sky:#e5ecff;--mv-rose:#f8e6ea;--mv-stage:#e9edf8}
.mv-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:30px 48px;padding:clamp(30px,4vw,60px);margin-top:28px;background:#192c68;color:#fff;position:relative;isolation:isolate;overflow:hidden;border-radius:6px;border:1px solid #243b88}
.mv-hero:before{content:'';position:absolute;width:580px;height:580px;border:1px solid #ffffff10;border-radius:50%;right:-280px;top:-390px;pointer-events:none}
.mv-hero-copy{align-self:center;min-width:0;z-index:1}.mv-hero-copy .eyebrow{color:#b4c6ff;font-size:12px;letter-spacing:.13em;margin-bottom:28px}.mv-hero-copy h1{font-size:clamp(38px,4.7vw,68px);font-weight:550;line-height:1.1;letter-spacing:-.055em;margin:0 0 26px;text-wrap:balance}.mv-hero-copy h1 span{color:#ff8496}.mv-hero-copy .lead{font-size:17px;line-height:1.85;color:#d0daf3;max-width:47ch;margin:0}.mv-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:32px}.mv-hero-actions .button{background:#fff;border-color:#fff;color:#192c68;gap:22px;box-shadow:none}.mv-hero-actions .button:hover{background:#e5ecff;color:#192c68}.mv-hero-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;color:#fff;border-bottom:1px solid #ffffff60}.mv-hero-foot{grid-column:1/-1;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px}.mv-hero-foot p{color:#bbc9ec;font-size:13px;margin:0}.mv-node:focus-visible{outline:3px solid #ffb0bd;outline-offset:5px}
.mv-network{margin:0;min-width:0;border:1px solid #91acfc40;border-radius:10px;background:#122254;box-shadow:14px 18px 0 #0e1b441c;align-self:center;position:relative}.mv-network-top{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #ffffff19;color:#bdcbf1;font-size:10px;letter-spacing:.14em;line-height:1.5}.mv-network-top>span:last-child{font-size:18px;line-height:1}.mv-network-stage{height:350px;position:relative;background-image:radial-gradient(#9fbcff20 1px,transparent 1px);background-size:20px 20px}.mv-cables{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke-linejoin:round}.mv-cable{stroke:#6a8bd368;stroke-width:1.5}.mv-travel{stroke:#a9c2ff;stroke-width:2;stroke-dasharray:8 170;animation:mv-travel 7s linear infinite}.mv-node{position:absolute;z-index:3;display:flex;flex-direction:column;gap:8px;width:132px;padding:14px 15px;background:#263c76;color:#fff;border:1px solid #8eacfc55;border-radius:7px;box-shadow:0 8px 20px #080f3025;transition:background .2s,transform .2s}.mv-node:hover{background:#344e91;transform:translateY(-3px)}.mv-node>span{font-size:8px;font-weight:600;letter-spacing:.07em;color:#bfcef3;line-height:1.4}.mv-node strong{display:flex;align-items:center;justify-content:space-between;font-size:20px;letter-spacing:-.03em;line-height:1.2}.mv-node b{font-size:15px;font-weight:400}.mv-node-router{left:5%;top:32%}.mv-node-inbox{right:5%;top:8%}.mv-node-smtp{left:7%;bottom:7%;background:#e52946;border-color:#ff8ca0}.mv-node-smtp>span{color:#fff}.mv-node-smtp:hover{background:#ca1c38}.mv-node-gateway{right:5%;bottom:12%}.mv-network figcaption{padding:16px 20px;border-top:1px solid #ffffff19;color:#afc0e8;font-size:11px;line-height:1.6}
.mv-letter{position:absolute;width:180px;height:172px;left:calc(50% - 90px);top:24%;perspective:600px;animation:mv-float 6s ease-in-out infinite;z-index:2;pointer-events:none;filter:drop-shadow(0 18px 12px #060e302b)}.mv-letter-paper{position:absolute;width:146px;height:150px;left:16px;top:-16px;background:#fff;transform:rotate(-7deg);border-radius:4px;padding:15px;color:#243b88}.mv-letter-paper img{width:30px;height:30px;object-fit:contain}.mv-letter-paper i{display:block;height:3px;background:#ccd5ef;margin-top:10px;width:95%}.mv-letter-paper i+i{width:70%;margin-top:7px}.mv-letter-paper>span{font-size:11px;display:block;margin-top:12px;font-weight:650}.mv-letter-front{position:absolute;inset:36px 0 0;background:#d9e3ff;clip-path:polygon(0 0,50% 37%,100% 0,100% 100%,0 100%);border-radius:0 0 6px 6px}.mv-letter-front:before{content:'';position:absolute;inset:0;background:#f1f5ff;clip-path:polygon(0 0,58% 63%,0 100%)}.mv-letter-front>span{position:absolute;bottom:18px;right:17px;font-size:13px;color:#243b88;font-weight:750;letter-spacing:-.04em}
.mv-category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-block:26px 60px;border-bottom:1px solid var(--line)}.mv-category-nav a{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:3px solid transparent;min-height:80px;transition:background .2s,border-color .2s}.mv-category-nav a:first-child{padding-left:0}.mv-category-nav a+a{border-left:1px solid var(--line)}.mv-category-nav a:hover{background:var(--soft);border-top-color:var(--red)}.mv-category-nav a>span{font-size:11px;letter-spacing:.06em;line-height:1.6}.mv-category-nav strong{font-size:12px;font-weight:550;white-space:nowrap;color:var(--muted)}.mv-category-nav b{margin-left:12px;color:var(--red);font-weight:400}
.mv-collection{padding-block:0 70px;scroll-margin-top:25px}.mv-collection-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.mv-collection-head .eyebrow{color:var(--muted);font-size:11px;letter-spacing:.12em;margin-bottom:16px}.mv-collection-head h2{font-size:clamp(28px,3vw,43px);line-height:1.15;letter-spacing:-.045em;font-weight:550;margin:0;max-width:21ch}.mv-collection-head>p{max-width:40ch;font-size:15px;line-height:1.85;margin:0}.mv-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mv-card-grid.mv-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mv-service-card{border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:box-shadow .25s,border-color .25s;position:relative}.mv-service-card:hover{box-shadow:0 16px 28px #243b8810;border-color:#a2b1db}.mv-art{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;background:var(--mv-stage);color:#243b88;overflow:hidden;min-width:0}.mv-art:before{content:'';width:62%;aspect-ratio:1;border:1px solid #243b8810;border-radius:50%;position:absolute;z-index:-1;inset:auto;pointer-events:none}.mv-vector{width:100%;height:100%;display:block;max-height:220px;min-width:0;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.mv-service-card:hover .mv-vector{transform:translateY(-5px)}.mv-service-card>.mv-art{height:220px;border-bottom:1px solid var(--line)}.mv-art-transactional,.mv-art-mail-gateway,.mv-art-email-marketing{background:#f6e9ed}.mv-art-smtp,.mv-art-mail-server{background:#e4eafa}.mv-card-copy{padding:27px 28px 22px;display:flex;flex-direction:column;flex:1;min-width:0}.mv-card-copy .eyebrow{font-size:11px;color:var(--muted);margin:0 0 13px;letter-spacing:.05em}.mv-card-copy h3{font-size:clamp(23px,2vw,29px);letter-spacing:-.035em;line-height:1.2;margin:0 0 14px;font-weight:650}.mv-card-copy p:not(.eyebrow){margin:0 0 24px;line-height:1.8;font-size:15px}.mv-card-copy .text-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding:13px 0 4px;border:0;border-top:1px solid var(--line);min-height:48px;font-size:13px;line-height:1.5}.mv-card-copy .text-link span{color:var(--red);font-size:20px}.mv-card-copy .text-link:after{display:none}.mv-dash{stroke-dasharray:5 6}
.mv-service-page .mv-scope{max-width:calc(var(--content) + 2*var(--gutter));display:grid;grid-template-columns:minmax(180px,.8fr) 1.4fr;gap:40px;align-items:center;padding-block:35px;margin-bottom:25px;border-block:1px solid var(--line)}.mv-scope-symbol{max-width:300px;width:100%;color:#243b88;justify-self:center}.mv-scope .eyebrow{font-size:11px;letter-spacing:.13em;color:var(--red);margin-bottom:18px}.mv-scope h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.2}.mv-scope p{line-height:1.85;margin-block:18px 24px;font-size:16px}.mv-scope .button{margin-bottom:0}
.mv-detail-hero{display:grid;grid-template-columns:1fr .95fr;gap:34px 70px;align-items:center;padding-top:40px;padding-bottom:28px}.mv-detail-copy .eyebrow{font-size:12px;color:var(--muted);letter-spacing:.09em;margin-bottom:25px}.mv-detail-copy h1{font-size:clamp(40px,5.5vw,78px);line-height:1.04;letter-spacing:-.06em;margin:0 0 24px;font-weight:600;overflow-wrap:anywhere}.mv-detail-copy .lead{font-size:21px;line-height:1.65;max-width:30ch;margin:0}.mv-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:28px}.mv-detail-actions .text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.mv-service-scene{margin:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden;box-shadow:12px 14px 0 #243b8808;min-width:0;transform:rotate(1.5deg)}.mv-scene-heading{display:flex;justify-content:space-between;padding:17px 24px;font-size:10px;letter-spacing:.12em;border-bottom:1px solid var(--line);text-transform:uppercase}.mv-service-scene .mv-art{height:280px}.mv-service-scene .mv-vector{max-height:260px;width:95%}.mv-service-scene figcaption{display:flex;flex-direction:column;gap:8px;padding:22px 24px;line-height:1.5;border-top:1px solid var(--line)}.mv-service-scene figcaption strong{font-size:20px;font-weight:600;letter-spacing:-.03em}.mv-service-scene figcaption>span{font-size:12px;color:var(--muted)}
.dark.mv-service-page{--mv-stage:#dce3f6}.dark .mv-card-copy h3{color:var(--ink)}.dark .mv-service-scene{box-shadow:12px 14px 0 #0002}.dark .mv-service-page .mv-scope{border-color:var(--line)}.mv-service-scene .mv-vector{animation:mv-float 7s ease-in-out infinite}
@keyframes mv-travel{to{stroke-dashoffset:-356}}@keyframes mv-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@media(min-width:1600px){.mv-hero{gap:48px 80px}.mv-network-stage{height:390px}.mv-service-card>.mv-art{height:245px}.mv-service-card .mv-vector{max-height:235px}}
@media(max-width:1100px){.mv-hero{gap:28px;padding:35px}.mv-hero-copy h1{font-size:48px}.mv-network-stage{height:330px}.mv-node{width:114px;padding:12px}.mv-node strong{font-size:18px}.mv-letter{width:154px;height:156px;left:calc(50% - 77px)}.mv-letter-paper{width:126px;left:14px;padding:12px}.mv-letter-paper>span{font-size:10px}.mv-letter-front>span{font-size:12px}.mv-card-grid.mv-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.mv-card-grid.mv-cols-3>.mv-service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.mv-card-grid.mv-cols-3>.mv-service-card:last-child>.mv-art{height:100%;min-height:235px;border-right:1px solid var(--line);border-bottom:0}.mv-category-nav a{padding:20px 16px}.mv-category-nav a>span{font-size:10px}.mv-category-nav strong{font-size:11px}.mv-detail-hero{gap:30px}.mv-service-scene .mv-art{height:240px}}
@media(max-width:850px){.mv-hero{grid-template-columns:minmax(0,1fr);padding:32px;gap:30px}.mv-hero-copy h1{font-size:clamp(36px,6.7vw,56px);max-width:19ch}.mv-hero-copy .lead{max-width:60ch;font-size:16px}.mv-hero-copy h1 br{display:none}.mv-network{width:100%;max-width:620px;justify-self:center}.mv-network-stage{height:320px}.mv-node{width:140px}.mv-letter{width:180px;height:172px;left:calc(50% - 90px)}.mv-letter-paper{width:146px;left:16px}.mv-category-nav a{flex-direction:column;align-items:flex-start;gap:8px}.mv-collection-head{align-items:start;flex-direction:column;gap:18px}.mv-collection-head>p{max-width:60ch}.mv-card-copy{padding:24px}.mv-detail-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:30px}.mv-detail-copy h1{font-size:clamp(43px,8vw,65px)}.mv-service-scene{max-width:600px;width:calc(100% - 12px);justify-self:center;transform:rotate(1deg)}.mv-service-scene .mv-art{height:280px}.mv-detail-copy .lead{max-width:42ch}.mv-service-page .mv-scope{grid-template-columns:180px minmax(0,1fr);gap:25px}.mv-hero-foot{align-items:flex-start}}
@media(max-width:560px){.mv-hero{margin-top:20px;padding:27px 20px;gap:28px}.mv-hero-copy h1{font-size:38px;line-height:1.12;letter-spacing:-.05em;margin-bottom:23px}.mv-hero-copy .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:24px}.mv-hero-copy .lead{font-size:16px;line-height:1.8}.mv-hero-actions{gap:14px 20px;margin-top:25px}.mv-hero-actions .button{min-height:48px;font-size:13px;padding:13px 17px}.mv-hero-link{font-size:13px}.mv-network-top{font-size:9px;padding:15px 16px}.mv-network-stage{height:310px}.mv-node{width:108px;padding:12px 10px;gap:8px}.mv-node>span{font-size:7px}.mv-node strong{font-size:17px}.mv-node-router{left:4%;top:32%}.mv-node-inbox{right:4%;top:7%}.mv-node-gateway{right:4%;bottom:6%}.mv-node-smtp{left:4%;bottom:6%}.mv-letter{width:128px;height:141px;left:calc(50% - 64px);top:27%}.mv-letter-paper{width:108px;left:10px;padding:10px;top:-10px;height:126px}.mv-letter-paper img{width:25px;height:25px}.mv-letter-paper>span{font-size:8px}.mv-letter-front{top:35px}.mv-letter-front>span{font-size:10px;bottom:15px;right:13px}.mv-network figcaption{font-size:10px;padding:14px 15px}.mv-hero-foot{flex-direction:column;gap:16px}.mv-hero-foot p{font-size:12px;line-height:1.7}.mv-category-nav{margin-bottom:44px}.mv-category-nav a{padding:17px 9px;min-height:92px}.mv-category-nav a:first-child{padding-left:0}.mv-category-nav a>span{font-size:9px;letter-spacing:.02em}.mv-category-nav strong{font-size:10px}.mv-category-nav b{margin-left:5px}.mv-collection{padding-bottom:46px}.mv-collection-head{margin-bottom:24px;gap:16px}.mv-collection-head h2{font-size:32px;max-width:20ch}.mv-collection-head>p{font-size:16px}.mv-card-grid,.mv-card-grid.mv-cols-3{grid-template-columns:minmax(0,1fr);gap:20px}.mv-card-grid.mv-cols-3>.mv-service-card:last-child{grid-column:auto;display:flex}.mv-card-grid.mv-cols-3>.mv-service-card:last-child>.mv-art{height:200px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.mv-service-card>.mv-art{height:200px}.mv-card-copy{padding:24px}.mv-card-copy h3{font-size:26px}.mv-card-copy p:not(.eyebrow){font-size:16px}.mv-card-copy .text-link{font-size:13px}.mv-service-page .mv-scope{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:25px}.mv-scope-symbol{max-width:230px}.mv-detail-copy .eyebrow{font-size:10px;line-height:1.7}.mv-detail-copy h1{font-size:clamp(37px,10vw,55px)}.mv-detail-copy .lead{font-size:20px}.mv-service-scene .mv-art{height:225px}.mv-service-scene figcaption{padding:19px 21px}.mv-service-scene figcaption strong{font-size:20px}.mv-service-scene figcaption>span{font-size:11px}.mv-scene-heading{padding:15px 20px;font-size:9px}}
@media(max-width:560px){.mv-node{width:clamp(84px,28vw,108px)}.mv-node-router{top:6%;left:4%}.mv-node-inbox{top:6%;right:4%}.mv-letter{top:39%;width:112px;height:118px;left:calc(50% - 56px)}.mv-letter-paper{width:94px;left:9px;height:104px;padding:9px}.mv-letter-paper i{margin-top:6px}.mv-letter-paper>span{margin-top:7px;font-size:7px}.mv-letter-front{top:27px}.mv-letter-front>span{font-size:9px;right:10px;bottom:12px}.mv-node-smtp,.mv-node-gateway{bottom:5%}.mv-network-stage{height:332px}}
.large-text .mv-hero-copy .lead,.large-text .mv-card-copy p:not(.eyebrow),.large-text .mv-collection-head>p,.large-text .mv-scope p{font-size:18px}.large-text .mv-card-copy .text-link,.large-text .mv-hero-link{font-size:16px}.large-text .mv-detail-copy .lead{font-size:24px}
@media(prefers-reduced-motion:reduce){.mv-travel,.mv-letter,.mv-service-scene .mv-vector{animation:none!important}.mv-vector,.mv-node,.mv-service-card{transition:none!important}.mv-service-card:hover .mv-vector{transform:none}}