/* Rebuilt from the supplied native business light/dark captures. */
.hero-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.14fr);gap:42px}
.hero-app-demo{min-width:0;width:100%;animation:hero-arrival 1.1s var(--motion-ease) both}
.hero-app-frame{--app-deck:#eeede9;--app-list:#efefed;--app-card:#fafafa;--app-paper:#fbfaf3;--app-header:#f0efe8;--app-border:#e5dbc1;--app-selected:#eef3f5;--app-selected-border:#7793a3;--app-shadow:#6b1f2e22;background:var(--app-list);border:1px solid var(--app-border);border-radius:10px;box-shadow:0 25px 65px -30px #00214730;position:relative;isolation:isolate;overflow:hidden;text-align:left;font:400 11px/1.5 var(--sans);color:var(--ink)}
[data-theme=dark] .hero-app-frame{--app-deck:#191714;--app-list:#1b1814;--app-card:#211e19;--app-paper:#25221e;--app-header:#1c1915;--app-border:#4b4335;--app-selected:#38342f;--app-selected-border:#6e7c85;--app-shadow:#e9a4b624}
.hero-app-deck{display:flex;gap:6px;align-items:stretch;padding:10px 9px 9px;background:var(--app-deck);min-width:0;border-bottom:1px solid var(--app-border);position:relative;z-index:2}
.hero-app-brand{display:flex;align-items:center;justify-content:center;flex:0 0 91px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-card);box-shadow:0 4px 11px #00214709;padding:8px}
.hero-app-brand img{width:100%;height:auto}
.hero-app-tabs{display:flex;min-width:0;flex:1;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.hero-app-tabs::-webkit-scrollbar{display:none}
.hero-app-tab{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:1 0 111px;min-width:0;min-height:66px;padding:9px 10px;text-align:left;background:var(--app-card);border:1px solid var(--app-border);border-radius:10px;box-shadow:0 4px 11px #00214709;scroll-snap-align:start;color:var(--ink);font-weight:400;transition:background .25s,border-color .25s,box-shadow .3s}
.hero-app-tab>span:first-child{min-width:0}
.hero-app-tab[aria-selected=true]{background:var(--app-selected);border-color:var(--app-selected-border);box-shadow:inset 0 0 0 .5px var(--app-selected-border),0 5px 12px #0021470a}
.hero-app-tab:hover{border-color:var(--app-selected-border)}
.hero-app-tab:focus-visible{outline-offset:-4px;outline-width:2px}
.hero-tab-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 18px/1.02 var(--serif)}
.hero-tab-description{display:block;max-width:99px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font:italic 9px/1.2 Newsreader,Georgia,serif;color:var(--muted)}
.hero-tab-count{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:22px;padding-left:9px;border-left:1px solid var(--app-border);font:italic 25px/1 Newsreader,Georgia,serif;color:var(--accent)}
.hero-app-tab.is-receiving{box-shadow:inset 0 0 0 1px var(--accent),0 0 18px var(--app-shadow);border-color:var(--accent)}
.hero-app-tools{flex:0 0 23px;display:flex;flex-direction:column;justify-content:space-between;gap:5px;padding-block:1px}
.hero-app-tools>span{display:grid;place-items:center;min-height:27px;border-radius:7px;background:var(--app-card)}
.hero-app-tools svg{width:12px;height:12px}
.hero-app-panels{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);height:355px;min-width:0;position:relative}
.hero-app-list{display:flex;flex-direction:column;background:var(--app-list);border-right:1px solid var(--app-border);min-width:0;min-height:0}
.hero-list-heading{flex:none;min-height:86px;padding:15px 12px 12px;border-bottom:1px solid #00000003;background:var(--app-list)}
.hero-list-heading>p:first-child{font:400 9px/1.4 var(--sans);color:var(--muted);margin-bottom:6px}
.hero-list-heading h2{font:600 17px/1.15 var(--sans);margin:0;letter-spacing:-.5px}
.hero-list-heading h2>span{color:var(--accent)}
.hero-list-heading>p:last-child{font:400 10px/1.5 var(--sans);color:var(--muted);margin-top:7px}
.hero-message-viewport{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--app-border) transparent;padding:8px 6px 18px;outline-offset:-3px!important}
.hero-message{position:relative;display:flex;gap:9px;width:100%;min-height:81px;padding:11px 9px;margin:0 0 5px;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left;color:var(--ink);font-weight:400}
.hero-message:hover{background:var(--app-card)}
.hero-message.is-selected{background:var(--app-card);border-color:var(--app-card);box-shadow:0 8px 18px -5px var(--app-shadow)}
[data-theme=dark] .hero-message.is-selected{background:#44392d;border-color:#44392d}
.hero-message.is-selected::before{content:"";position:absolute;left:-1px;top:26px;height:30px;width:1px;background:var(--accent)}
.hero-message:focus-visible{outline-offset:-3px}
.hero-message-index{flex:none;font:400 8px/1.5 var(--sans);color:var(--muted);padding-top:1px}
.hero-message-copy{display:block;min-width:0;flex:1}
.hero-message-from{display:flex;justify-content:space-between;align-items:baseline;gap:4px;font:400 10px/1.4 var(--sans);margin-bottom:5px}
.hero-message-from>span{font-size:8px;color:var(--muted);white-space:nowrap}
.hero-message-subject{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 11px/1.4 var(--sans)}
.hero-message-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:400 10px/1.45 var(--sans);color:var(--muted);margin-top:4px}
.hero-message.is-unread::after{content:"";position:absolute;right:7px;top:15px;width:4px;height:4px;border-radius:50%;background:var(--accent)}
.hero-message.is-unread .hero-message-from>span{padding-right:7px}
.hero-message.is-routing{opacity:0;pointer-events:none}
.hero-app-reader{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--app-paper)}
.hero-reader-heading{flex:none;padding:15px 18px 14px;min-height:87px;background:linear-gradient(115deg,var(--app-list),var(--app-header) 70%,var(--app-paper));border-bottom:1px solid var(--app-border)}
.hero-reader-date{display:block;font:400 7px/1.4 var(--mono);color:var(--muted);text-align:right;margin-bottom:6px}
.hero-reader-heading h3{font:600 18px/1.22 var(--sans);letter-spacing:-.4px;margin:0;max-width:34ch}
.hero-reader-heading>p{font-size:10px;line-height:1.5;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-reader-heading>p>span{font-size:9px}
.hero-reader-tools{display:flex;align-items:center;justify-content:center;gap:19px;min-height:43px;flex:none;padding:10px 12px;background:var(--app-card);border-bottom:1px solid var(--app-border)}
.hero-reader-tools svg{width:13px;height:13px;stroke-width:1.6}
.hero-reader-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:26px 25px 49px;font:400 11px/1.85 var(--sans);background:var(--app-paper)}
.hero-reader-body p{margin:0 0 15px;white-space:pre-line}
.hero-reader-body p:last-child{margin-bottom:0}
.hero-compose-mark{position:absolute;right:17px;bottom:16px;display:grid;place-items:center;width:31px;height:31px;color:var(--accent);border:1px solid var(--accent);border-radius:50%;background:var(--app-paper);box-shadow:0 6px 13px var(--app-shadow);pointer-events:none}
.hero-compose-mark svg{width:15px;height:15px}
.hero-flight-layer{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.hero-flight{position:absolute;display:flex;gap:9px;padding:11px 9px;border-radius:8px;background:var(--app-card);border:1px solid var(--app-border);box-shadow:0 10px 22px var(--app-shadow);transform-origin:center;color:var(--ink)}
.hero-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;padding:6px 2px 0}
.hero-demo-controls>p{font-size:11px;color:var(--muted);max-width:43ch}
.hero-demo-controls .text-link{font-size:11px;gap:8px;flex:none;background:transparent;padding-inline:2px}
.hero-demo-controls .text-link svg{width:13px;height:13px}
.hero-demo-caption{font-size:10px;color:var(--muted);padding:0 2px}
html[data-motion=quiet] .hero-app-demo{animation:none}
@media(min-width:1700px){.hero-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.14fr)}.hero h1{font-size:76px}}
@media(max-width:1190px) and (min-width:901px){.hero-layout{gap:28px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.hero h1{font-size:clamp(52px,5.8vw,64px)}.hero-app-brand{flex-basis:70px}.hero-reader-tools{gap:13px}.hero-app-panels{grid-template-columns:minmax(0,.37fr) minmax(0,.63fr)}.hero-reader-heading{padding-inline:13px}.hero-reader-heading h3{font-size:16px}.hero-reader-body{padding-inline:18px}.hero-message-from>span{display:none}}
@media(max-width:900px){.hero-layout{grid-template-columns:minmax(0,1fr);gap:36px}.hero-copy{text-align:center}.hero-copy>.eyebrow,.hero-actions{justify-content:center}.hero h1{margin-inline:auto}.hero-description{margin-inline:auto}.hero-actions{align-items:center;flex-direction:row}.hero-app-demo{max-width:700px;margin:auto}.hero-app-panels{height:365px}.hero-app-brand{flex-basis:88px}}
@media(max-width:700px){.hero-app-brand{flex-basis:72px;padding:7px}.hero-app-deck{gap:5px;padding:8px 7px}.hero-app-tab{flex-basis:117px;min-height:64px}.hero-app-panels{height:353px;grid-template-columns:minmax(0,.37fr) minmax(0,.63fr)}.hero-list-heading{padding:14px 10px 11px;min-height:88px}.hero-list-heading h2{font-size:15px}.hero-list-heading>p:first-child{font-size:8px}.hero-list-heading>p:last-child{font-size:9px}.hero-message{padding:10px 7px;gap:6px;min-height:87px}.hero-message-index{display:none}.hero-message-from{font-size:10px}.hero-message-from>span{display:none}.hero-message-subject{font-size:10px}.hero-message-preview{font-size:9px}.hero-reader-heading{padding:14px 12px 12px;min-height:88px}.hero-reader-heading h3{font-size:15px;letter-spacing:-.3px}.hero-reader-heading>p{font-size:9px}.hero-reader-heading>p>span{display:none}.hero-reader-tools{gap:12px;min-height:38px;padding:9px 7px}.hero-reader-tools svg{width:12px;height:12px}.hero-reader-tools svg:nth-last-child(-n+2){display:none}.hero-reader-body{font-size:10px;padding:19px 14px 45px;line-height:1.85}.hero-compose-mark{right:12px;bottom:12px}.hero-demo-controls>p{font-size:10px;max-width:25ch}.hero-demo-controls .text-link{font-size:10px}.hero-demo-caption{font-size:9px;line-height:1.6}}
@media(max-width:380px){.hero-app-brand{flex-basis:54px;padding:5px}.hero-app-tab{flex-basis:109px}.hero-app-tools{flex-basis:20px}.hero-app-panels{grid-template-columns:minmax(0,.39fr) minmax(0,.61fr)}.hero-list-heading{padding-inline:8px}.hero-list-heading h2{font-size:14px}.hero-message-viewport{padding-inline:4px}.hero-message{padding-inline:6px}.hero-reader-heading{padding-inline:10px}.hero-reader-heading h3{font-size:14px}.hero-reader-tools{gap:10px}.hero-reader-body{padding-inline:11px}.hero-demo-controls{gap:9px}.hero-demo-controls>p{font-size:9px;max-width:22ch}.hero-demo-controls .text-link{font-size:9px}.hero-demo-caption{font-size:8px}}