/* Permanent Notes and Mail windows exchange depth; their identities never swap. */
body{--help-accent:#a0e5d3;--mail-top:#203f47;--mail-bottom:#17333b;--scene-accent:var(--gold)}
body[data-palette=midnight]{--help-accent:#b1e4db;--mail-top:#273c56;--mail-bottom:#1b2c44}
body[data-palette=ivory]{--help-accent:#256456;--mail-top:#294b42;--mail-bottom:#1c382f}
body[data-hero-scene=reply]{--scene-accent:var(--help-accent)}
.hero{min-height:825px}.hero-copy{padding-top:64px;max-width:710px}
.hero h1{font-size:88px}.hero-title-line{display:block;white-space:nowrap}
.hero h1 .hero-action{font:inherit;font-style:normal;font-weight:500;letter-spacing:inherit;color:var(--scene-accent)}
.hero-lede{min-height:66px;max-width:475px}
.hero-scenes{display:flex;gap:27px;margin-top:0}
.hero-scenes button{font-size:16px;min-height:44px;padding:6px 0;color:var(--muted);border-bottom:2px solid transparent;pointer-events:auto}
.hero-scenes button[aria-pressed=true]{color:var(--scene-accent);border-color:var(--scene-accent);font-weight:600}
.hero .live-dot{background:var(--scene-accent)}.hero .watch-link{color:var(--scene-accent)}
.invocation{margin-top:24px}.privacy{min-height:48px;max-width:440px}
.desktop-stage{height:750px;top:0}.stage-parallax{transform:none!important}
.card-stack{position:absolute;right:0;top:230px;width:540px;height:446px;isolation:isolate;--front:translate(0px,0px) rotate(3deg) scale(1);--back:translate(-75px,-125px) rotate(-10deg) scale(.84);--incoming:translate(-122px,-155px) rotate(-8deg) scale(.92);--outgoing:translate(8px,70px) rotate(7deg) scale(.88)}
.stage-card{position:absolute;inset:0;border:1px solid #fff9;border-radius:19px;overflow:hidden;pointer-events:auto;transform-origin:50% 35%;backface-visibility:hidden;transform:var(--front);z-index:3}
.stage-card[data-depth=back]{transform:var(--back);z-index:1;pointer-events:none}
.note-window{background:linear-gradient(120deg,#fffdf3,#e4ece6);color:#213b42;box-shadow:2px 3px 0 #8eaaa6,6px 8px 0 #46646b,0 30px 65px #0005,inset 0 1px 1px #fff}
body[data-palette=midnight] .note-window{background:linear-gradient(125deg,#fcfcff,#e4e9f6);color:#2a3452;border-color:#eceeff;box-shadow:2px 3px 0 #a4afc7,6px 8px 0 #535d82,0 30px 65px #03041766}
body[data-palette=ivory] .note-window{background:linear-gradient(125deg,#fffefa,#ecf0e5);color:#38483e;border-color:#fffdf5;box-shadow:2px 3px 0 #b6b9a3,6px 8px 0 #8f9b87,0 30px 60px #425d3d30}
.mail-window{background:linear-gradient(125deg,var(--mail-top),var(--mail-bottom));color:#effaf6;border-color:#87bfb46b;box-shadow:2px 3px 0 #50766f,6px 8px 0 #132b32,0 30px 65px #0006,inset 0 1px 1px #d0ffed1c}
.mail-window .window-chrome{color:#d6ece4;border-color:#c9e7dc26}
.mail-window .window-dots i{background:#afcec480}
body .mail-window .label,body .mail-window .reply-wait{color:#b4d1d0}
.mail-window .note-status{color:#b4d1d0;border-color:#c9e7dc26}
.mail-window .status-dot{background:#a0e5d3}
.mail-window .note-result:not(:empty):after{background:#a0e5d3}
.mail-window button:focus-visible{outline-color:#a0e5d3}
.card-body{height:324px;position:relative}.note-content{height:100%;min-height:0;padding:27px 30px}.email-content{height:100%;padding:22px 30px}
.email-context{border-bottom:1px solid #c9e7dc26;padding-bottom:15px;margin-bottom:17px}
.email-context .label{margin-bottom:7px}.email-context>p:last-child{font-size:18px;line-height:1.4;color:#c7ddda}
.email-draft{position:relative}.email-draft>.label{margin-bottom:9px}.email-draft .note-result{font-size:22px;line-height:1.42}
.reply-wait{font-size:18px;line-height:1.5;padding-top:14px}.reply-wait:before{content:'';display:block;width:2px;height:26px;background:#a0e5d3;margin-bottom:16px}
.note-status{min-height:62px;font-size:16px;white-space:nowrap}.stage-caption{bottom:-12px;right:8px}
.stage-card[data-depth=back] .card-body,.stage-card[data-depth=back] .note-status{opacity:.5}
.stage-card .card-body,.stage-card .note-status{transition:opacity .7s ease}
@media(min-width:1101px) and (max-width:1300px){.hero h1{font-size:72px}.hero-copy{max-width:610px}.hero-lede{max-width:420px}.card-stack{width:470px;top:265px;--back:translate(-48px,-105px) rotate(-9deg) scale(.84);--incoming:translate(-77px,-138px) rotate(-6deg) scale(.91)}.card-body{height:324px}.desktop-stage{height:775px}.hero{min-height:845px}}
@media(max-width:1100px){.hero{min-height:0;padding-bottom:45px}.hero-copy{max-width:690px;padding-top:40px}.hero h1{font-size:68px}.hero-lede{max-width:570px;min-height:66px}.privacy{max-width:570px}.desktop-stage{position:relative;left:auto;right:auto;top:auto;height:695px;margin-top:28px}.presence-scene{--notch-center:50%;--edge-start:0%;--beam-origin:25.7px}.presence-label{left:50%}.card-stack{width:540px;right:5%;top:170px;height:458px;--back:translate(-75px,-108px) rotate(-10deg) scale(.84);--incoming:translate(-104px,-138px) rotate(-7deg) scale(.91)}.card-body{height:344px}.window-chrome{height:50px}.note-status{font-size:16px}.stage-caption{bottom:8px;right:5%}.scene-shadow{top:auto;bottom:55px;opacity:.4}}
@media(max-width:780px){.hero-copy{padding-top:30px}.hero h1{font-size:64px}.hero-lede{max-width:590px;min-height:66px}.hero-scenes{margin-top:0}.privacy{max-width:100%;min-height:48px;margin-top:28px}.card-stack{width:75%;right:3%;--back:translate(-45px,-108px) rotate(-9deg) scale(.84);--incoming:translate(-67px,-140px) rotate(-6deg) scale(.91)}.email-content{padding:22px 24px}}
@media(max-width:580px){.hero-copy{padding-top:24px}.hero h1{font-size:clamp(43px,12.3vw,54px);letter-spacing:-2px;line-height:1.07}.hero-lede{font-size:18px;min-height:81px;max-width:100%}.invocation{margin-top:24px}.privacy{font-size:16px;max-width:320px}.desktop-stage{height:710px;margin-top:20px}.card-stack{width:96%;right:1%;top:170px;height:476px;--front:translate(0px,0px) rotate(2deg) scale(1);--back:translate(-6px,-108px) rotate(-7deg) scale(.86);--incoming:translate(-15px,-142px) rotate(-4deg) scale(.91);--outgoing:translate(5px,58px) rotate(6deg) scale(.88)}.card-body{height:364px}.window-chrome{height:48px}.note-content{padding:21px 20px}.email-content{padding:20px}.email-context{padding-bottom:14px;margin-bottom:16px}.email-context .label{margin-bottom:5px}.note-status{padding-inline:12px;gap:8px;font-size:14px;min-height:62px}.note-status button{flex-basis:32px;width:32px}.stage-caption{bottom:8px;right:1%}}