:root{--paper:#f4f4f6;--wash:#efeff3;--white:#fff;--ink:#0b0b0f;--muted:#586171;--line:rgba(17,24,39,.16);--accent:#2b0f4a;--accent-soft:#eee8f4;--content:74rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 "IBM Plex Sans",sans-serif}a{color:inherit}img{max-width:100%}.shell{width:min(calc(100% - 3rem),var(--content));margin-inline:auto}.skip-link{position:fixed;z-index:99;top:1rem;left:1rem;transform:translateY(-200%);padding:.7rem .9rem;background:var(--accent);color:#fff;font:600 .72rem/1 "DM Mono",monospace}.skip-link:focus{transform:translateY(0)}.mail-header{border-bottom:1px solid var(--line);background:rgba(244,244,246,.88);backdrop-filter:blur(14px)}.header-inner{display:flex;min-height:4.75rem;align-items:center;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font:600 .9rem/1 "IBM Plex Sans",sans-serif;text-decoration:none}.mark{display:grid;width:1.75rem;height:1.75rem;place-items:center;border:1px solid rgba(43,15,74,.38);color:var(--accent);font:600 .47rem/1 "DM Mono",monospace}.product-nav{display:flex;gap:1.5rem;margin-left:auto}.product-nav a,.language-links a{color:#555362;font:500 .67rem/1 "DM Mono",monospace;text-decoration:none}.product-nav a:hover{color:var(--accent)}.language-links{display:flex;gap:.25rem}.language-links a{padding:.4rem .5rem}.language-links a[aria-current=page]{color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}
.mail-hero{padding:clamp(4.5rem,9vw,8rem) 0 clamp(3.5rem,7vw,6.5rem);background:linear-gradient(120deg,#f8f8fa 0%,var(--paper) 54%,#e8e4ee 100%)}.hero-layout{display:grid;grid-template-columns:minmax(20rem,1.22fr) minmax(18rem,.78fr);gap:clamp(2.5rem,7vw,7rem);align-items:end}.hero-heading{padding-bottom:.15rem}.eyebrow{margin:0 0 1rem;color:var(--accent);font:500 .68rem/1.4 "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.eyebrow span{display:inline-block;width:.38rem;height:.38rem;margin-right:.5rem;background:var(--accent);transform:rotate(45deg)}h1,h2,h3{margin:0;font-family:"Space Grotesk",sans-serif;line-height:1.05}h1{max-width:12ch;font-size:clamp(3.6rem,7.1vw,6.8rem);letter-spacing:-.075em}h2{max-width:12ch;font-size:clamp(2.1rem,4vw,3.8rem);letter-spacing:-.06em}.hero-summary{padding-bottom:.45rem}.hero-lede{max-width:28rem;margin:0;font-size:clamp(1.1rem,1.9vw,1.4rem);font-weight:600;line-height:1.45}.hero-detail,.section-copy{max-width:33rem;margin:1rem 0 0;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.9rem}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.78rem 1rem;border:1px solid transparent;font:500 .72rem/1 "DM Mono",monospace;text-decoration:none}.button-primary{background:var(--accent);color:#fff;box-shadow:.35rem .35rem 0 rgba(43,15,74,.14)}.button-primary:hover{background:#48226f}.button-secondary{border-color:rgba(43,15,74,.3);color:var(--accent)}.platform-note{margin:1rem 0 0;color:#777681;font:400 .63rem/1.5 "DM Mono",monospace}.workspace-shot{position:relative;margin:clamp(3.5rem,7vw,6rem) 0 0;padding:.7rem;border:1px solid rgba(43,15,74,.3);background:#fff;box-shadow:1.1rem 1.1rem 0 rgba(43,15,74,.1)}.workspace-label{display:flex;justify-content:space-between;gap:1rem;padding:.15rem .2rem .7rem;color:#65566e;font:500 .57rem/1 "DM Mono",monospace;letter-spacing:.09em}.workspace-shot img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.signal-section{padding:clamp(4rem,8vw,7rem) 0;background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.signal-grid article{min-height:14rem;padding:1.5rem;border:1px solid var(--line);background:var(--wash);box-shadow:.45rem .45rem 0 rgba(17,24,39,.05)}.signal-grid span{color:var(--accent);font:500 .65rem/1 "DM Mono",monospace}.signal-grid h3{margin-top:2rem;font-size:1.25rem}.signal-grid p{margin:.65rem 0 0;color:var(--muted)}
.accounts-section{padding:clamp(5rem,9vw,8rem) 0;background:#17131a;color:#f7f4f8}.account-layout{display:grid;grid-template-columns:minmax(26rem,1fr) minmax(18rem,.8fr);gap:clamp(3rem,9vw,8rem);align-items:center}.accounts-section .eyebrow{color:#cba7f1}.accounts-section .section-copy{color:#c5bbc9}.account-diagram{position:relative;min-height:21rem;padding:2rem;border:1px solid rgba(222,200,243,.32);background:linear-gradient(135deg,#211725,#151218)}.account-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:11rem;height:7rem;padding:.9rem;border:1px solid rgba(222,200,243,.42);background:#261a2b;box-shadow:.6rem .6rem 0 rgba(0,0,0,.14);font:500 .6rem/1 "DM Mono",monospace}.account-card span{color:#cba7f1}.account-card b{font-size:.85rem}.account-card i{width:100%;height:1px;background:#9b70cb}.account-card:nth-child(1){top:2rem;left:2rem}.account-card:nth-child(2){top:7rem;right:2rem}.account-card:nth-child(3){bottom:2rem;left:5.2rem}.account-line{position:absolute;inset:5rem 4.5rem;border:1px solid rgba(203,167,241,.22);transform:rotate(-14deg)}.check-list{display:grid;gap:.75rem;margin:1.8rem 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:1.1rem;color:#e0d8e4}.check-list li::before{position:absolute;left:0;color:#cba7f1;content:"✓"}
.history-section{padding:clamp(5rem,9vw,8rem) 0;background:#ececf0}.history-layout{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(22rem,1.2fr);gap:clamp(3rem,9vw,8rem);align-items:center}.history-card{border:1px solid var(--line);background:#f8f8fa;box-shadow:.8rem .8rem 0 rgba(17,24,39,.07)}.history-card div{display:grid;grid-template-columns:7rem 1fr auto;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid var(--line)}.history-card div:last-child{border-bottom:0}.history-card span{font:500 .6rem/1 "DM Mono",monospace;color:#6d6a75}.history-card b{font-size:.9rem}.history-card i{width:.6rem;height:.6rem;border-radius:50%;background:#e4ac35}.history-card div:nth-child(2) i{background:#56a573}.history-card div:nth-child(3) i{background:#ac5363}
.privacy-section{padding:clamp(4rem,8vw,7rem) 0;background:#fff}.privacy-panel{display:grid;grid-template-columns:1fr .9fr;gap:clamp(3rem,8vw,7rem);padding:clamp(2rem,5vw,4rem);border:1px solid rgba(43,15,74,.34);background:linear-gradient(135deg,#fbfaff,#f0ecf5)}.privacy-panel p:not(.eyebrow){max-width:35rem;margin:1rem 0 0;color:var(--muted)}.privacy-panel ul{display:grid;align-content:center;gap:1rem;margin:0;padding:0;list-style:none}.privacy-panel li{position:relative;padding:.9rem .9rem .9rem 2.1rem;border:1px solid rgba(43,15,74,.18);background:rgba(255,255,255,.65)}.privacy-panel li::before{position:absolute;top:1.15rem;left:.85rem;width:.5rem;height:.5rem;border:1px solid var(--accent);border-radius:50%;background:var(--accent);content:""}.text-link{display:inline-flex;gap:.45rem;margin-top:1.6rem;padding-bottom:.25rem;border-bottom:1px solid currentColor;color:var(--accent);font:500 .7rem/1 "DM Mono",monospace;text-decoration:none}
.mail-release{padding:clamp(4.5rem,9vw,8rem) 0;background:#f0eef3}.release-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem}.release-panel p:not(.eyebrow){max-width:34rem;margin:1rem 0 0;color:var(--muted)}.release-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.release-actions .text-link{margin:0}.mail-footer{padding:1.4rem 0;border-top:1px solid var(--line);background:#eeedf1}.mail-footer .shell{display:flex;justify-content:space-between;gap:1rem;color:#716f78;font:400 .65rem/1.5 "DM Mono",monospace}.mail-footer a{color:var(--accent);text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:900px){.product-nav{display:none}.hero-layout,.account-layout,.history-layout,.privacy-panel{grid-template-columns:1fr}.workspace-shot{max-width:50rem}.account-diagram{max-width:42rem}.release-panel{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.shell{width:min(calc(100% - 2rem),var(--content))}.signal-grid{grid-template-columns:1fr}.signal-grid article{min-height:0}.history-card div{grid-template-columns:1fr auto}.history-card b{grid-row:2;grid-column:1/-1}.privacy-panel{gap:2rem}.mail-footer .shell{align-items:flex-start;flex-direction:column}h1{font-size:clamp(3rem,15vw,4.5rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
