/* Isolated public design preview: Business Email mobile capabilities. */
body.future-page .mail-app-section{--ma-text:#30202b;--ma-muted:#685760;--ma-panel:#ede5dc;--ma-line:#cec0ba;--ma-accent:#722e4c;position:relative;padding:clamp(72px,8vw,125px) clamp(22px,6vw,90px);background:var(--f-paper,#f4f1e8);color:var(--ma-text);scroll-margin-top:100px}
.mail-app-section *{box-sizing:border-box}
.mail-app-intro,.mail-app-feature-grid,.mail-app-features-heading,.mail-app-start,.mail-app-sync-note{max-width:1300px;margin-left:auto;margin-right:auto}
.mail-app-intro{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:clamp(36px,6vw,95px)}
.mail-app-identity{display:flex;align-items:center;gap:14px;margin-bottom:35px}
.mail-app-identity img{width:56px;height:56px;object-fit:contain;border:0;box-shadow:none;border-radius:0}
.mail-app-identity>span{font-size:11px;letter-spacing:2px;line-height:1.7;font-weight:600}
.mail-app-identity strong{font-size:10px;letter-spacing:1.4px;font-weight:800}
.mail-app-section .mail-app-eyebrow{font-size:10px;line-height:1.5;font-weight:800;letter-spacing:1.8px;margin:0 0 17px;color:var(--ma-accent)}
.mail-app-section h2{font-family:var(--f-font-display);font-size:clamp(38px,4.2vw,65px);font-weight:600;line-height:1.04;letter-spacing:-2.8px;margin:0 0 24px;color:var(--ma-text)}
.mail-app-section h2 em{font-style:normal;color:var(--ma-accent)}
.mail-app-section .mail-app-lead{font-size:16px;line-height:1.8;color:var(--ma-muted);max-width:530px;margin:0}
.mail-app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:32px}
.mail-app-actions .future-button{font-size:13px}
.mail-app-section .mail-app-webmail{color:var(--ma-text);font-size:13px;font-weight:800;border-bottom:1px solid var(--ma-line);padding:12px 0;text-decoration:none}
.mail-app-webmail span{margin-left:7px}
.mail-app-availability{display:flex;gap:15px;flex-wrap:wrap;margin-top:24px;color:var(--ma-muted);font-size:9px;letter-spacing:1px;line-height:1.8;font-weight:800}
.mail-app-availability span+span:before{content:'·';margin-right:15px;color:var(--ma-accent)}
.mail-app-art{position:relative;min-height:500px;background:#e7dcc9;color:#50263b;border-radius:50% 50% 12px 12px;overflow:hidden;isolation:isolate}
.mail-app-orbit{position:absolute;inset:80px 3%;border:1px solid #b7a18d;border-radius:50%;transform:rotate(-35deg);opacity:.75}
.mail-app-orbit.orbit-two{inset:65px 15%;transform:rotate(35deg);border-style:dashed}
.mail-app-art-top,.mail-app-art-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:8px;letter-spacing:1.2px;font-weight:800}
.mail-app-art-top{top:55px;left:22%;right:22%}.mail-app-art-top>span:first-child{font-family:var(--f-font-display);font-size:22px;letter-spacing:-2px}
.mail-app-art-bottom{bottom:28px;font-size:7px;letter-spacing:1.1px;gap:13px;justify-content:center}.mail-app-art-bottom i{height:1px;flex:1;max-width:28px;background:#967260}
.mail-app-letter{position:absolute;width:43%;height:43%;left:30%;top:20%;background:#fff8e8;padding:30px;border:1px solid #bfa986;border-radius:5px;box-shadow:0 9px 20px #4e2f2820}
.mail-app-letter.letter-back{transform:rotate(-15deg);left:25%;top:20%;background:#d4e0c2}
.mail-app-letter.letter-front{transform:rotate(10deg);z-index:2}
.mail-app-letter>span{font-family:var(--f-font-display);font-size:clamp(17px,1.8vw,27px);line-height:1.06;font-weight:700;letter-spacing:-1px}
.mail-app-letter i{display:block;height:2px;background:#c5b69c;width:75%;margin-top:12px}.mail-app-letter i+i{width:55%}
.mail-app-envelope{position:absolute;top:43%;left:19%;width:65%;height:37%;z-index:3;background:#651b3a;border-radius:5px 5px 12px 12px;box-shadow:0 24px 35px #3e25382e;transform:rotate(-5deg);overflow:hidden}
.mail-app-envelope:before,.mail-app-envelope:after{position:absolute;content:'';inset:0;background:#873c58;clip-path:polygon(0 0,60% 60%,0 100%)}
.mail-app-envelope:after{background:#722845;clip-path:polygon(100% 0,40% 60%,100% 100%)}
.mail-app-envelope-fold{position:absolute;inset:0;background:#4b1830;clip-path:polygon(0 100%,50% 35%,100% 100%);z-index:2}
.mail-app-seal{position:absolute;left:43%;top:43%;z-index:3;width:42px;height:42px;display:grid;place-items:center;background:#d5b17b;color:#502139;border-radius:50%;font-family:var(--f-font-display);font-size:24px;font-weight:700;box-shadow:0 4px 7px #210d2030}
.mail-app-art-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid #bba695;border-radius:9px;background:#faf5e9;box-shadow:0 7px 15px #4b354520;max-width:49%}
.mail-app-art-chip svg{width:23px;height:23px;stroke:#6b3c4e;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.mail-app-art-chip span{font-size:7px;letter-spacing:1px;line-height:1.5}.mail-app-art-chip strong{display:block;font-family:var(--f-font-display);font-size:14px;letter-spacing:-.3px}
.chip-files{left:4%;top:29%;transform:rotate(-7deg)}.chip-security{right:3%;bottom:14%;transform:rotate(6deg);background:#d5e0c4}
.mail-app-features-heading{padding-top:85px;margin-bottom:30px}.mail-app-section h3{font:600 clamp(29px,3vw,42px)/1.08 var(--f-font-display);letter-spacing:-1.5px;margin:0;color:var(--ma-text)}
.mail-app-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px}
.mail-app-feature{padding:28px 0 30px;border-top:1px solid var(--ma-line)}
.mail-app-feature-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:27px;color:var(--ma-muted);font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.mail-app-feature-label>span:first-child{color:var(--ma-accent);font-size:12px}
.mail-app-section h4{font:600 24px/1.12 var(--f-font-display);color:var(--ma-text);letter-spacing:-.6px;margin:0 0 15px}
.mail-app-feature p{font-size:14px;line-height:1.8;margin:0;color:var(--ma-muted)}
.mail-app-start{margin-top:50px;padding:40px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;background:var(--ma-panel);border-radius:12px}
.mail-app-start ol{list-style:none;padding:0;margin:0}.mail-app-start li{display:flex;gap:16px;padding:0 0 20px}.mail-app-start li:last-child{padding:0}.mail-app-start li>span{color:var(--ma-accent);font-size:11px;font-weight:800;padding-top:3px;flex-shrink:0}
.mail-app-start li p{font-size:13px;line-height:1.8;margin:0;color:var(--ma-muted)}.mail-app-start li strong{display:block;color:var(--ma-text);font-weight:800}
.mail-app-section .mail-app-sync-note{font-size:12px;line-height:1.8;color:var(--ma-muted);margin-top:24px;margin-bottom:0}
html[data-theme=dark] body.future-page .mail-app-section{--ma-text:#f2e6dc;--ma-muted:#c5b5c0;--ma-panel:#2b242e;--ma-line:#55434f;--ma-accent:#e1ba95}
html[data-theme=dark] .mail-app-art{background:#d8c7ac}
@media(max-width:1050px){.mail-app-intro{gap:35px}.mail-app-art{min-height:430px}.mail-app-letter{padding:24px}.mail-app-art-chip{padding:12px}.mail-app-feature-grid{gap:0 25px}.mail-app-section h4{font-size:22px}.mail-app-art-top{left:22%;right:22%;font-size:7px}}
@media(max-width:760px){body.future-page .mail-app-section{padding:68px 22px}.mail-app-intro{grid-template-columns:1fr;gap:48px}.mail-app-copy{max-width:620px}.mail-app-section h2{font-size:44px;letter-spacing:-2px}.mail-app-section .mail-app-lead{font-size:15px}.mail-app-identity{margin-bottom:30px}.mail-app-art{min-height:445px;max-width:500px;width:100%;margin:0 auto}.mail-app-letter>span{font-size:23px}.mail-app-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.mail-app-feature-label{display:block;line-height:1.7;font-size:8px}.mail-app-feature-label>span:first-child{display:block;margin-bottom:6px}.mail-app-start{grid-template-columns:1fr;padding:28px;gap:30px}.mail-app-features-heading{padding-top:65px}}
@media(max-width:430px){.mail-app-section h2{font-size:39px}.mail-app-feature-grid{grid-template-columns:1fr}.mail-app-feature{padding:25px 0}.mail-app-feature-label{display:flex;font-size:9px;margin-bottom:20px}.mail-app-feature-label>span:first-child{margin:0}.mail-app-art{min-height:405px}.mail-app-art-top{left:22%;right:22%;top:45px;font-size:6px;gap:15px}.mail-app-letter{padding:22px 15px}.mail-app-letter>span{font-size:21px}.mail-app-art-chip{gap:8px;padding:12px 10px}.mail-app-art-chip strong{font-size:12px}.mail-app-art-chip svg{width:20px;height:20px}.mail-app-art-bottom{font-size:6px;left:20px;right:20px;gap:7px}.mail-app-availability{gap:7px;font-size:8px}.mail-app-availability span+span:before{margin-right:7px}.mail-app-start{padding:24px}}