/* AFIXAR Email: shared typography, section spacing, navigation and FAQ. */
.email-page{--email-soft:#f5f5f3}
.email-page .email-hero{padding-top:clamp(48px,6vw,96px)}
.email-hero-copy{max-width:1000px;margin:0 auto;text-align:center}
.email-page .email-hero .display{font-size:clamp(40px,5.1vw,78px);line-height:1.08;letter-spacing:-.055em}
.email-hero-copy>.small-copy{max-width:620px;margin:26px auto 0;font-size:17px;color:var(--copy)}
.email-hero-copy .actions{justify-content:center;margin-top:30px}
.email-hero-price{font-size:13px;color:var(--muted);margin:20px 0 0}
.email-hero-price strong{color:#fff;font-weight:500}
.email-hero-bonus{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#fff;margin:14px 0 0}
.email-page .email-hero-bonus .email-icon{width:17px;height:17px}
.email-demo{max-width:1210px;margin:clamp(40px,5vw,76px) auto 0;min-width:0}
.email-webmail{background:#fff;color:#171717;border:1px solid #dcdcdc;border-radius:10px;overflow:hidden;text-align:left}
.email-webmail-top{height:66px;padding:0 26px;display:flex;gap:24px;align-items:center;border-bottom:1px solid #e5e5e5}
.email-wordmark{display:flex;gap:13px;align-items:center;white-space:nowrap}
.email-wordmark img{display:block;width:82px;height:auto}
.email-wordmark>span{border-left:1px solid #ddd;padding-left:13px;font-size:18px;letter-spacing:-.04em}
.email-demo-address{margin-left:auto;color:#666;font-size:12px}
.email-avatar{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:500}
.email-avatar.muted{background:#242424}.email-avatar.pale{background:#e4e4df;color:#222}
.email-account{background:#f1f1ef;color:#222}
.email-webmail-body{display:grid;grid-template-columns:176px 285px minmax(0,1fr);min-height:460px}
.email-sidebar{display:flex;flex-direction:column;background:#f8f8f6;border-right:1px solid #e6e6e6;padding:24px 14px;gap:8px}
.email-compose{display:flex;align-items:center;justify-content:center;gap:8px;min-height:41px;background:var(--orange);color:#fff;font-size:11px;margin-bottom:18px}
.email-page .email-icon{display:block;width:30px;height:30px;flex:none;color:var(--orange)}
.email-sidebar .email-icon{width:16px;height:16px;color:inherit}
.email-folder{display:flex;align-items:center;gap:8px;padding:9px 7px;color:#666;font-size:11px;white-space:nowrap}
.email-folder.selected{color:#222;background:#eaeae7}
.email-folder>b{font-size:10px;font-weight:500;margin-left:auto}
.email-storage{margin-top:auto;padding-top:24px;font-size:9px;color:#676767}
.email-storage>span{display:flex;justify-content:space-between;gap:6px}
.email-storage b{font-weight:400}.email-storage i{display:block;background:#e3e3df;height:3px;margin-top:10px}
.email-storage i:before{content:"";display:block;width:22.5%;height:100%;background:var(--orange)}
.email-messages{border-right:1px solid #e6e6e6;min-width:0}
.email-messages>p{margin:0;padding:23px 17px 18px;font-size:13px;font-weight:500;display:flex;justify-content:space-between;gap:12px}
.email-messages>p>span{color:#777;font-size:10px;font-weight:400;align-self:center}
.email-message{position:relative;display:flex;width:100%;gap:11px;align-items:flex-start;border:0;border-bottom:1px solid #efefef;background:#fff;text-align:left;padding:20px 16px;color:#222;cursor:pointer;transition:background .2s}
.email-message[aria-pressed="true"]{background:#fff1e9;box-shadow:inset 3px 0 var(--orange)}
.email-message:hover{background:#f3f3f0}.email-message:focus-visible{outline-offset:-3px}
.email-message>span:nth-child(2){display:flex;flex-direction:column;min-width:0;padding-top:1px;gap:5px}
.email-message b,.email-message strong{font-size:11px;font-weight:500;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.email-message b{padding-right:40px}.email-message small{font-size:10px;color:#737373;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.email-message time{position:absolute;right:15px;top:23px;font-size:9px;color:#777}
.email-reader{min-width:0;padding:25px 30px 20px;display:flex;flex-direction:column}
.email-reader-sender{display:flex;align-items:center;gap:10px;padding-bottom:23px;border-bottom:1px solid #eee}
.email-reader-sender>div{display:flex;flex-direction:column;gap:3px;min-width:0}.email-reader-sender b{font-size:12px;font-weight:500}
.email-reader-sender span[data-mail-address]{font-size:10px;color:#737373;overflow-wrap:anywhere}
.email-reader-sender>.email-icon{width:17px;height:17px;margin-left:auto;color:#777}
.email-page .email-reader h2{font-size:20px;letter-spacing:-.03em;line-height:1.3;margin:24px 0 0}
.email-reader-copy{font-size:12px;line-height:1.8;color:#626262;min-height:172px}
.email-reader-copy p{margin:18px 0}.email-reader-copy p:last-child{margin-bottom:16px}
.email-attachment{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e6e6e6;max-width:300px;border-radius:4px}
.email-attachment>.email-icon{width:23px;height:23px}
.email-attachment>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.email-attachment b{font-size:11px;font-weight:500;overflow-wrap:anywhere}.email-attachment small{font-size:9px;color:#777}
.email-reader-footer{border-top:1px solid #eee;margin-top:28px;padding-top:14px;font-size:10px;color:#777}
.email-reader-footer>span{display:flex;align-items:center;gap:9px}.email-reader-footer .email-icon{width:16px;height:16px;color:#666}
.email-page .email-resources{--internal-light:#f5f5f3}
.email-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.email-features article{padding:30px 26px;border:1px solid #e5e5e0;border-radius:8px;background:#fff}
.email-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:26px;border-radius:50%;background:#fff1e9}
.email-features .email-icon{width:26px;height:26px}
.email-features h3{font-size:23px;line-height:1.25;letter-spacing:-.035em}
.email-features p{font-size:14px;line-height:1.75;color:var(--copy);margin:18px 0 0;max-width:280px}
.email-cycle{border:0;padding:0;margin:-12px auto 0;max-width:450px;text-align:center;min-width:0}
.email-cycle[hidden]{display:none}
.email-cycle legend{font-size:12px;padding:0;margin:0 auto 14px;color:var(--copy)}
.email-cycle>div{display:flex;gap:4px;padding:5px;border:1px solid var(--line);background:#fff}
.email-cycle label{position:relative;flex:1;cursor:pointer;min-width:0}
.email-cycle input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.email-cycle span{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;transition:background .2s,color .2s}
.email-cycle input:checked+span{background:#171717;color:#fff}
.email-cycle input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}
.email-cycle-caption{text-align:center;font-size:12px;color:var(--copy);margin:17px 0 32px}
.email-annual-bonus{display:flex;align-items:center;gap:22px;max-width:1240px;margin:0 auto 24px;padding:26px 32px;background:#171717;color:#fff}
.email-annual-bonus>div{flex:1}.email-annual-bonus strong{font-size:22px;font-weight:400;letter-spacing:-.03em;line-height:1.3}
.email-annual-bonus p{font-size:13px;line-height:1.6;color:#d1d1d1;margin:8px 0 0}
.email-annual-bonus>span{font-size:11px;padding:8px 12px;border:1px solid #555;white-space:nowrap}
.email-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1240px;margin:0 auto}
.email-plan{position:relative;padding:32px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);min-width:0}
.email-plan-featured{border-top:3px solid var(--orange);padding-top:30px}
.email-plan-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:26px;min-height:26px}
.email-plan-top>span{font-size:11px;letter-spacing:.06em;color:#666}.email-plan-top .email-icon{width:24px;height:24px}
.email-plan-top>.email-plan-discount{font-size:11px;letter-spacing:0;line-height:1.5;padding:5px 9px;background:#fff1e9;color:#a52e11;white-space:nowrap}
.email-plan h3{font-size:29px;letter-spacing:-.04em}
.email-plan-intro{font-size:14px;color:var(--copy);line-height:1.6;min-height:4.8em;margin:16px 0 24px}
.email-plan-storage{font-size:14px;color:var(--copy);margin:0 0 30px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.email-plan-storage strong{font-size:24px;color:#171717;font-weight:400;letter-spacing:-.04em;margin-right:5px}
.email-plan-price{display:flex;align-items:baseline;gap:6px;margin:0;flex-wrap:wrap}
.email-plan-before{display:flex;gap:6px;align-items:baseline;margin:0 0 6px;font-size:14px;color:#757575;line-height:1.5}.email-plan-before>span{font-size:11px}
.email-plan-price strong{font-size:clamp(38px,3.4vw,50px);font-weight:400;letter-spacing:-.055em;line-height:1.2;font-variant-numeric:tabular-nums}
.email-plan-price>span{font-size:13px;color:var(--copy)}
.email-plan-unit{font-size:11px;color:#666;margin:8px 0 0}
.email-plan-total{font-size:12px;color:var(--copy);margin:18px 0 24px;min-height:3.2em;line-height:1.6}
.email-bullets{padding:0;list-style:none;margin:0 0 30px;display:grid;gap:14px}
.email-bullets li{position:relative;padding-left:19px;font-size:14px;line-height:1.6}
.email-bullets li:before{content:"";width:5px;height:5px;background:var(--orange);position:absolute;left:0;top:.6em}
.email-plan .email-bullets{gap:12px;margin-bottom:30px}.email-plan .email-bullets li{font-size:13px}
.email-plan .action{margin-top:auto;width:100%;gap:16px}
.email-plan-note{max-width:780px;text-align:center;color:var(--copy);font-size:12px;line-height:1.7;margin:24px auto 0}
.email-discount-note{max-width:860px;margin:22px auto 0;text-align:center;font-size:11px;line-height:1.7;color:var(--copy)}
.email-plan-help{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin:42px auto 0;padding-top:26px;border-top:1px solid var(--line);font-size:14px;color:var(--copy)}
.email-routine,.email-migration{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,7vw,112px);align-items:center}
.email-routine h2,.email-migration h2{font-size:clamp(34px,3.6vw,54px)}
.email-routine .small-copy,.email-migration .small-copy{font-size:16px;color:var(--copy);margin:26px 0}
.email-routine-art{padding:clamp(24px,4vw,60px);background:var(--email-soft);position:relative;min-width:0}
.email-domain-head{display:flex;gap:16px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}
.email-domain-head>span{font-size:clamp(14px,1.6vw,23px);letter-spacing:-.025em}.email-domain-head .email-icon{width:27px;height:27px}
.email-domain-dot{width:6px;height:6px;background:var(--orange);margin-left:auto}
.email-account-list{display:grid;gap:22px;margin:32px 0}
.email-account-list>div{display:flex;align-items:center;gap:12px;min-width:0}
.email-account-list>div>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}
.email-account-list b{font-weight:400;font-size:clamp(10px,1.1vw,15px);overflow-wrap:anywhere}.email-account-list small{font-size:11px;color:var(--copy)}
.email-device-note{display:flex;align-items:center;gap:20px;background:#fff;padding:24px;margin-top:34px;font-size:13px;line-height:1.6}
.email-device-note b{font-weight:500}.email-device-note>.email-icon:last-child{margin-left:auto;width:20px;height:20px;color:#171717}
.email-security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.email-security-grid article{border-top:1px solid var(--line);padding-top:28px}
.email-security-grid .email-icon{margin-bottom:30px}.email-security-grid h3{font-size:26px;letter-spacing:-.035em;line-height:1.2}
.email-security-grid p{font-size:14px;color:var(--copy);line-height:1.75;max-width:370px;margin:18px 0 0}
.email-human-support{display:flex;align-items:center;gap:26px;padding:32px 0 0;margin-top:50px;border-top:1px solid var(--line)}
.email-human-support>div{flex:1}.email-human-support h3{font-size:23px;letter-spacing:-.03em}
.email-human-support p{max-width:650px;font-size:14px;line-height:1.7;color:var(--copy);margin:12px 0 0}
.email-human-support .text-action{white-space:nowrap}
.email-migration-steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.email-migration-steps li{display:flex;gap:26px;padding:27px 0;border-bottom:1px solid var(--line)}
.email-migration-steps li>span{font-size:12px;color:var(--orange);padding-top:5px}
.email-migration-steps h3{font-size:24px;letter-spacing:-.035em;line-height:1.2}
.email-migration-steps p{font-size:14px;color:var(--copy);line-height:1.7;margin:12px 0 0;max-width:440px}
.email-page .values-list a{text-decoration:underline;text-underline-offset:3px}
.email-testimonials-section{border-top:1px solid var(--line)}
.email-testimonials{max-width:1080px;margin:auto;padding:clamp(30px,5vw,72px);border:1px solid #e5e5e0;border-radius:8px;background:var(--email-soft)}
.email-testimonial{margin:0;text-align:center;padding:0 0 26px}.email-testimonial+.email-testimonial{padding-top:36px}
.email-rating{font-size:26px;letter-spacing:4px;line-height:1;color:var(--orange);margin-bottom:28px}
.email-testimonial blockquote{margin:0}.email-testimonial blockquote p{font-size:clamp(21px,2.4vw,32px);line-height:1.5;letter-spacing:-.025em;margin:0}
.email-testimonial figcaption{display:flex;flex-direction:column;gap:6px;margin-top:32px;font-size:14px}
.email-testimonial figcaption strong{font-weight:500}.email-testimonial figcaption span{font-size:13px;color:var(--copy)}
.email-testimonial-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.email-testimonial-controls button{border:1px solid #d7d7d2;background:#fff;color:#171717;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0;border-radius:50%;transition:background .2s,color .2s,border-color .2s}
.email-testimonial-controls>button:is(:hover,:focus-visible){background:var(--orange);border-color:var(--orange);color:#fff}
.email-testimonial-controls .arrow{width:18px;height:18px}.email-testimonial-prev .arrow{transform:rotate(225deg)}.email-testimonial-next .arrow{transform:rotate(45deg)}
.email-testimonial-dots{display:flex;align-items:center;gap:0}.email-testimonial-dots button{border:0;background:transparent;min-width:36px}
.email-testimonial-dots span{width:7px;height:7px;border-radius:4px;background:#b9b9b4;transition:width .2s,background .2s}
.email-testimonial-dots [aria-pressed="true"] span{width:22px;background:var(--orange)}
.email-page :is(.email-annual-bonus,.email-plan-before,.email-plan-discount,.email-testimonial,.email-testimonial-controls)[hidden]{display:none}
.email-testimonial-slides:has(>[hidden])>.email-testimonial{padding-top:0}
@media(max-width:1199px){
  .email-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .email-webmail-body{grid-template-columns:145px 245px minmax(0,1fr)}
  .email-sidebar{padding-inline:10px}.email-compose{font-size:10px}.email-folder{font-size:10px;gap:5px}
  .email-reader{padding-inline:23px}.email-message{padding-inline:12px;gap:8px}.email-message .email-avatar{width:29px;height:29px;font-size:10px}
  .email-features{gap:20px}.email-features article{padding:26px 22px}.email-features h3{font-size:21px}
  .email-plan{padding:26px}.email-plan-featured{padding-top:24px}.email-plan-intro{min-height:6.4em}
}
@media(max-width:959px){
  .email-webmail-body{grid-template-columns:250px minmax(0,1fr)}.email-sidebar{display:none}
  .email-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .email-plan{padding:24px 20px}.email-plan-featured{padding-top:22px}.email-plan-price strong{font-size:37px}
  .email-plan-intro{font-size:13px;min-height:6.4em}.email-plans{gap:14px}
  .email-plan .action{padding-inline:14px;font-size:12px}.email-plan-top{gap:8px}
  .email-routine{gap:32px}.email-routine-art{padding:24px}
  .email-human-support{flex-wrap:wrap}.email-human-support .text-action{margin-left:56px}
}
@media(max-width:767px){
  .email-hero-copy>.small-copy{font-size:15px}.email-hero-copy .eyebrow{font-size:10px}
  .email-webmail-top{height:57px;padding:0 16px;gap:10px}.email-demo-address{font-size:9px}.email-account{display:none}
  .email-wordmark{gap:9px}.email-wordmark img{width:65px}.email-wordmark>span{font-size:16px;padding-left:9px}
  .email-webmail-body{grid-template-columns:1fr}.email-messages{border-right:0;border-bottom:1px solid #ddd}
  .email-messages>p{padding:14px 16px;font-size:11px}.email-messages>p>span{font-size:9px}
  .email-messages>[role="group"]{display:flex;gap:0}.email-message{flex:1;min-width:0;padding:12px 10px;display:block;border-bottom:0;border-right:1px solid #eee}
  .email-message:last-child{border-right:0}.email-message[aria-pressed="true"]{box-shadow:inset 0 -2px var(--orange)}
  .email-message>.email-avatar,.email-message time,.email-message small{display:none}
  .email-message b{font-size:10px;padding:0}.email-message strong{font-size:9px;font-weight:400}
  .email-reader{padding:20px;min-height:405px}.email-page .email-reader h2{font-size:20px}
  .email-reader-copy{min-height:170px;font-size:11px}.email-reader-footer{font-size:9px}
  .email-page .page-index{justify-content:center;gap:20px;font-size:10px;padding-bottom:36px}
  .email-plans{grid-template-columns:1fr;max-width:440px;gap:22px}
  .email-plan{padding:30px}.email-plan-featured{padding-top:28px}
  .email-plan-intro{min-height:0;font-size:14px;max-width:310px}.email-plan-price strong{font-size:48px}
  .email-plan-total{min-height:0}.email-plan-top{margin-bottom:20px}.email-plan-storage{margin-bottom:24px;padding-bottom:20px}
  .email-plan-help{flex-direction:column;text-align:center;gap:12px}
  .email-annual-bonus{max-width:440px;align-items:flex-start;flex-wrap:wrap;gap:16px;padding:26px}
  .email-annual-bonus>div{flex-basis:calc(100% - 46px)}.email-annual-bonus>span{margin-left:46px}
  .email-annual-bonus strong{font-size:21px}.email-plan-top{gap:10px}
  .email-testimonials{padding:32px 24px}.email-testimonial blockquote p{font-size:21px}
  .email-features article{padding:26px 22px}.email-features h3{font-size:22px}.email-features p{font-size:13px}
  .email-routine,.email-migration{grid-template-columns:1fr;gap:40px}.email-routine-art{max-width:520px;width:100%;margin:auto;padding:32px}
  .email-domain-head>span{font-size:20px}.email-account-list b{font-size:13px}
  .email-security-grid{grid-template-columns:1fr;gap:32px}.email-security-grid p{max-width:560px}
  .email-security-grid .email-icon{margin-bottom:20px}.email-human-support{align-items:flex-start}
}
@media(max-width:399px){
  .email-page .email-hero .display{font-size:35px}.email-hero-copy .actions{gap:12px}
  .email-demo-address{font-size:8px}.email-webmail-top{padding-inline:12px;gap:9px}.email-wordmark img{width:54px}.email-wordmark>span{font-size:14px}
  .email-features{grid-template-columns:1fr}.email-features p{max-width:none}
  .email-routine-art{padding:24px 18px}.email-domain-head{gap:12px}.email-domain-head>span{font-size:17px}
  .email-account-list b{font-size:11px}.email-device-note{padding:18px;gap:14px}.email-plan{padding-inline:24px}
}
@media(prefers-reduced-motion:reduce){.email-message,.email-cycle span,.email-testimonial-controls button,.email-testimonial-dots span{transition:none}}