.ecosystem-page[data-module="mail"] { --module-accent:#dc5e4a; }
.mail-hero-lead { margin-bottom:8px; color:var(--ink) !important; font-size:clamp(1.35rem,2.4vw,2.1rem) !important; font-weight:610; letter-spacing:-.045em; }
.coming-badge { width:max-content; display:inline-flex; align-items:center; gap:8px; margin-bottom:24px; padding:7px 11px; border:1px solid color-mix(in srgb,var(--module-accent) 42%,var(--line)); border-radius:999px; color:var(--module-accent); font-size:.67rem; font-weight:760; letter-spacing:.09em; text-transform:uppercase; }
.coming-badge span { width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent); }
.mail-address-stage { position:relative; min-height:520px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:color-mix(in srgb,var(--module-accent) 5%,var(--surface)); isolation:isolate; }
.mail-address-card { position:relative; z-index:2; width:min(88%,460px); min-height:250px; display:flex; flex-direction:column; justify-content:space-between; padding:32px; border:1px solid color-mix(in srgb,var(--module-accent) 34%,var(--line)); border-radius:20px; background:color-mix(in srgb,var(--paper) 88%,transparent); box-shadow:0 28px 70px rgba(20,20,20,.13); backdrop-filter:blur(18px); }
.mail-address-card span,.mail-address-card small { color:var(--muted); font-size:.7rem; font-weight:680; letter-spacing:.08em; text-transform:uppercase; }
.mail-address-card strong { font-size:clamp(1.7rem,3.6vw,3.25rem); font-weight:650; letter-spacing:-.065em; overflow-wrap:anywhere; }.mail-address-card strong em { color:var(--module-accent); font-style:normal; }
.mail-orbit { position:absolute; border:1px solid color-mix(in srgb,var(--module-accent) 43%,transparent); border-radius:50%; }.mail-orbit-one { width:400px; height:400px; top:-210px; right:-90px; box-shadow:inset 0 0 0 62px color-mix(in srgb,var(--module-accent) 5%,transparent); }.mail-orbit-two { width:210px; height:210px; bottom:-100px; left:-55px; }
.mail-managed-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:17px; background:var(--line); }.mail-managed-grid article { min-height:230px; padding:25px; background:var(--paper); }.mail-managed-grid span { color:var(--module-accent); font-size:.7rem; font-weight:760; }.mail-managed-grid h3 { margin:53px 0 10px; font-size:1.15rem; }.mail-managed-grid p { margin:0; color:var(--muted); font-size:.83rem; line-height:1.58; }
.mail-plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.mail-plan { position:relative; min-height:460px; display:flex; flex-direction:column; padding:29px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--paper); }.mail-plan[data-featured="true"] { border-color:color-mix(in srgb,var(--module-accent) 56%,var(--line)); box-shadow:0 24px 60px color-mix(in srgb,var(--module-accent) 10%,transparent); }.mail-plan-status { position:absolute; top:22px; right:22px; color:var(--module-accent); font-size:.63rem; font-weight:760; letter-spacing:.09em; text-transform:uppercase; }.mail-plan>span:first-child { color:var(--module-accent); font-size:.7rem; font-weight:800; letter-spacing:.12em; }.mail-plan h3 { margin:54px 0 6px; font-size:clamp(1.8rem,3vw,2.7rem); }.mail-plan-storage { margin:0; color:var(--muted); font-size:.82rem; }.mail-plan-price { display:flex; align-items:baseline; gap:7px; margin:31px 0 25px; }.mail-plan-price strong { font-size:clamp(2rem,3.6vw,3.3rem); letter-spacing:-.065em; }.mail-plan-price span { color:var(--muted); font-size:.76rem; }.mail-plan ul { display:grid; gap:9px; margin:0 0 30px; padding:0; list-style:none; color:var(--muted); font-size:.82rem; }.mail-plan li::before { content:"✓"; margin-right:8px; color:var(--module-accent); font-weight:760; }.mail-plan .button { width:100%; margin-top:auto; cursor:not-allowed; opacity:.68; transform:none; }
.mail-domain-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:clamp(45px,9vw,130px); align-items:end; padding:clamp(38px,7vw,76px); border-radius:22px; background:var(--ink); color:var(--paper); }.mail-domain-panel h2 { max-width:710px; font-size:clamp(2.5rem,5vw,5.3rem); }.mail-domain-panel p:not(.eyebrow) { max-width:650px; color:color-mix(in srgb,var(--paper) 68%,transparent); line-height:1.65; }.coming-badge-light { color:var(--orange-soft); border-color:color-mix(in srgb,var(--orange-soft) 45%,transparent); }.mail-domain-form { display:flex; flex-direction:column; }.mail-domain-form label { margin-bottom:10px; font-size:.78rem; font-weight:680; }.mail-domain-form input { min-height:52px; padding:0 17px; border:1px solid color-mix(in srgb,var(--paper) 22%,transparent); border-radius:999px; background:color-mix(in srgb,var(--paper) 8%,transparent); color:var(--paper); font:inherit; }.mail-domain-form input::placeholder { color:color-mix(in srgb,var(--paper) 46%,transparent); }.mail-domain-form input:focus { outline:2px solid var(--module-accent); outline-offset:3px; }.mail-domain-form input[aria-invalid="true"] { border-color:#ff8b7c; }.mail-domain-form .button { width:100%; margin-top:15px; }.mail-domain-form small { margin-top:11px; color:color-mix(in srgb,var(--paper) 55%,transparent); font-size:.7rem; line-height:1.5; }.mail-field-error { min-height:19px; margin-top:7px; color:#ff9e91; font-size:.72rem; }
.mail-faq { border-top:1px solid var(--line); }.mail-faq details { border-bottom:1px solid var(--line); }.mail-faq summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px 3px; cursor:pointer; font-size:clamp(1rem,1.7vw,1.28rem); font-weight:650; letter-spacing:-.035em; list-style:none; }.mail-faq summary::-webkit-details-marker { display:none; }.mail-faq summary::after { content:"+"; color:var(--module-accent); font-size:1.35rem; font-weight:400; }.mail-faq details[open] summary::after { content:"−"; }.mail-faq details p { max-width:760px; margin:-5px 0 25px; color:var(--muted); line-height:1.65; }.coming-badge-dark { color:#fff; border-color:rgba(255,255,255,.24); }
@media(max-width:900px){.mail-managed-grid{grid-template-columns:1fr 1fr}.mail-plan-grid{grid-template-columns:1fr}.mail-plan{min-height:380px}.mail-domain-panel{grid-template-columns:1fr}}
@media(max-width:760px){.mail-address-stage{min-height:390px;order:-1}.mail-address-card{min-height:220px;padding:25px}.mail-managed-grid{grid-template-columns:1fr}.mail-managed-grid article{min-height:0}.mail-domain-panel{padding:38px 25px}.mail-domain-panel h2{font-size:clamp(2.35rem,11vw,4rem)}}