:root{color-scheme:dark;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--bg: #0e0d0c;--surface: #161514;--surface-2: #1e1d1b;--line: rgba(230, 228, 217, .09);--line-strong: rgba(230, 228, 217, .16);--ink: #f1efe6;--ink-2: #c9c7bd;--dim: #8f8d86;--chip: rgba(230, 228, 217, .09);--accent: #c8dfb0;--accent-ink: #14211c;--glow: 95, 150, 122;--ease-out: cubic-bezier(.23, 1, .32, 1);--edge: clamp(20px, 5vw, 56px);--width: min(1120px, 100% - 2 * var(--edge));--section: clamp(96px, 13vw, 184px);--radius: 20px}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit}::selection{background:rgba(var(--glow),.4)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}h1,h2,p{margin:0}h1{font-size:clamp(2.5rem,6.4vw,4.5rem);line-height:1.04;font-weight:600;letter-spacing:-.03em;word-spacing:.03em;text-wrap:balance}h2{font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:1.1;font-weight:600;letter-spacing:-.028em;text-wrap:balance}p{color:var(--ink-2);text-wrap:pretty}.bar{position:sticky;top:0;z-index:20;background:#0e0d0cb8;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line)}.bar-inner,.foot{width:var(--width);margin:0 auto}.bar-inner{display:flex;align-items:center;gap:32px;height:64px}.bar nav{display:flex;gap:28px;margin-left:auto}.bar nav a{color:var(--ink-2);text-decoration:none;font-size:.9375rem;transition:color .15s ease}.bar nav a:hover{color:var(--ink)}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:-.01em}.wordmark img{border-radius:7px}.button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:999px;background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff8c,0 8px 28px -10px #c8dfb073;font-size:1rem;font-weight:550;letter-spacing:-.005em;text-decoration:none;transition:transform .16s var(--ease-out),background-color .16s ease,box-shadow .2s ease}.button-small{height:36px;padding:0 16px;font-size:.9375rem;box-shadow:inset 0 1px #ffffff8c}.button:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.button:hover{background:#d8eac2;box-shadow:inset 0 1px #ffffffa6,0 10px 34px -8px #c8dfb099}}kbd{display:inline-block;min-width:1.6em;padding:.04em .5em;border-radius:6px;background:var(--chip);color:var(--ink);font:500 .82em/1.5 var(--font);text-align:center}main{width:var(--width);margin:0 auto}.note{font-size:.9375rem;color:var(--dim)}.hero{position:relative;padding-top:clamp(64px,9vw,128px);text-align:center}.hero:before{content:"";position:absolute;z-index:-1;left:50%;top:-64px;width:100vw;max-width:1500px;height:900px;transform:translate(-50%);background:radial-gradient(ellipse 50% 50% at 50% 38%,rgba(var(--glow),.26),transparent 70%);pointer-events:none}.hero h1{max-width:15em;margin:0 auto}.hero .lead{max-width:34em;margin:28px auto 0;font-size:clamp(1.125rem,1.7vw,1.3125rem)}.cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:36px}.window{margin-top:clamp(56px,8vw,104px);border-radius:clamp(12px,1.6vw,18px);overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--line-strong),0 40px 120px -24px rgba(var(--glow),.45),0 12px 40px -16px #000c;-webkit-mask-image:linear-gradient(#000 72%,transparent 100%);mask-image:linear-gradient(#000 72%,transparent 100%)}.shot{width:100%;height:auto}.demo,.bento,.close{margin-top:var(--section)}.copy p{margin-top:20px}.copy .note{margin-top:16px}.demo{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}.demo .copy{grid-column:1 / 6}.demo>div:last-child{grid-column:7 / 13}.triage{position:relative;padding:18px 18px 14px;border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 1px var(--line),0 30px 80px -30px rgba(var(--glow),.35);outline:none;transition:box-shadow .2s ease}.triage:focus-visible{box-shadow:0 0 0 1px rgba(var(--glow),.9),0 0 0 4px rgba(var(--glow),.28),0 30px 80px -30px rgba(var(--glow),.35)}.triage-head{display:flex;justify-content:space-between;padding:0 6px 12px;color:var(--dim);font-size:.875rem;font-weight:500}.triage-stage{position:relative;height:176px}.mail{position:absolute;inset:0;display:flex;flex-direction:column;padding:16px 18px 14px;border-radius:14px;background:var(--surface-2);box-shadow:0 0 0 1px var(--line),inset 0 1px #ffffff0d;will-change:transform,opacity}.mail-top{display:flex;align-items:center;gap:10px;font-size:.9375rem;white-space:nowrap}.avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font-size:.8125rem;font-weight:600}.sender{font-weight:600;color:var(--ink)}.chip{padding:1px 9px;border-radius:999px;background:var(--chip);color:var(--ink-2);font-size:.8125rem}.chip-alert{background:#ff6b5e29;color:#ff8f84}.when{color:var(--dim);font-size:.8125rem;font-variant-numeric:tabular-nums}.summary{margin-top:12px;color:var(--ink);font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.3;letter-spacing:-.012em;font-weight:500;text-wrap:balance}.actions{display:flex;align-items:center;gap:6px;margin-top:auto}.grow{flex:1}.act{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 8px 0 12px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font:500 .875rem var(--font);cursor:pointer;transition:background-color .14s ease,color .14s ease,transform .14s var(--ease-out)}.act kbd{font-size:.75rem;min-width:1.8em}.act:active{transform:scale(.96)}.act-primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff80}.act-primary kbd{background:#14211c24;color:var(--accent-ink)}@media(hover:hover)and (pointer:fine){.act:not(.act-primary):hover{background:var(--chip);color:var(--ink)}.act-primary:hover{background:#d8eac2}}.triage-next{list-style:none;margin:12px 0 0;padding:0 6px;display:grid;gap:8px}.triage-next li{display:flex;gap:8px;overflow:hidden;white-space:nowrap;font-size:.875rem;color:var(--dim)}.triage-next li:nth-child(2){opacity:.55}.triage-next b{color:var(--ink-2);font-weight:600}.triage-next span{overflow:hidden;text-overflow:ellipsis}.triage-hint{margin-top:14px;padding:0 6px;font-size:.8125rem;color:var(--dim);min-height:1.4em}.triage-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;border-radius:14px;background:var(--surface-2);box-shadow:0 0 0 1px var(--line)}.triage-empty p{color:var(--ink);font-size:1.25rem;font-weight:500}.triage-empty .act{background:var(--chip);color:var(--ink);padding:0 14px}.entering{animation:mail-in .34s var(--ease-out) both}.leaving{pointer-events:none;z-index:2}.leaving-later{animation:out-left .32s var(--ease-out) forwards}.leaving-done{animation:out-right .32s var(--ease-out) forwards}.leaving-reply{animation:out-up .32s var(--ease-out) forwards}@keyframes mail-in{0%{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}@keyframes out-left{to{opacity:0;transform:translate(-36%) rotate(-3deg) scale(.96)}}@keyframes out-right{to{opacity:0;transform:translate(36%) rotate(3deg) scale(.96)}}@keyframes out-up{to{opacity:0;transform:translateY(-22px) scale(1.02)}}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.tile{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:clamp(24px,3vw,36px);border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 1px var(--line),inset 0 1px #ffffff0a;transition:box-shadow .22s ease}@media(hover:hover)and (pointer:fine){.tile:hover{box-shadow:0 0 0 1px var(--line-strong),inset 0 1px #ffffff0f}}.tile h2{font-size:1.5rem;letter-spacing:-.02em;line-height:1.2}.tile p{margin-top:12px;font-size:1rem;max-width:34em}.tile-calendar{grid-column:1 / 9}.tile-ask{grid-column:9 / 13}.tile-keys{grid-column:1 / 7}.tile-ai{grid-column:7 / 13}.tile-accounts{grid-column:1 / 13;flex-direction:row;align-items:center;justify-content:space-between;gap:24px 48px}.tile-accounts .pills{margin-top:0;justify-content:flex-end}.tile .bleed{margin:auto -36px -36px 0;width:calc(100% + 36px);max-width:none;border-radius:12px 0 0;box-shadow:0 0 0 1px var(--line)}.tile-calendar .bleed{margin-top:32px;margin-left:32px;width:calc(100% + 4px)}.tile-ask p{margin-bottom:32px}.tile-ask .bleed{margin-top:auto;margin-left:0;width:calc(100% + 36px);border-radius:12px 0 0}.keys{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 12px}.keys li{display:grid;justify-items:center;gap:8px;font-size:.8125rem;color:var(--dim)}.keys .wide{grid-column:span 2}.keycap{display:grid;place-items:center;width:100%;max-width:64px;height:56px;padding:0;border-radius:12px;background:linear-gradient(var(--surface-2),#252421);color:var(--ink);font:500 1.125rem var(--font);box-shadow:0 0 0 1px var(--line-strong),0 4px 0 -1px #050504,inset 0 1px #ffffff1a;transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out)}.keys .wide .keycap{max-width:140px}@media(hover:hover)and (pointer:fine){.keys li:hover .keycap{transform:translateY(2px);box-shadow:0 0 0 1px var(--line-strong),0 2px 0 -1px #050504,inset 0 1px #ffffff1a}}.pills{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.pills li{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--surface-2);box-shadow:0 0 0 1px var(--line);color:var(--ink-2);font-size:.9375rem}.pills .main{background:rgba(var(--glow),.16);box-shadow:0 0 0 1px rgba(var(--glow),.55);color:var(--ink)}.pills small{color:var(--accent);font-size:.75rem;font-weight:600}.close{position:relative;text-align:center}.close:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:100vw;max-width:1100px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(var(--glow),.2),transparent 70%);pointer-events:none}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:var(--section);padding:28px 0 48px;border-top:1px solid var(--line)}.foot nav{display:flex;gap:28px}.foot nav a{color:var(--ink-2);text-decoration:none;transition:color .15s ease}.foot nav a:hover{color:var(--ink)}.foot p{flex-basis:100%;font-size:.9375rem;color:var(--dim)}.doc{max-width:40rem;margin:0 auto;padding:clamp(40px,6vw,88px) 0 0}.doc h1{font-size:clamp(2.25rem,5vw,3rem)}.doc .lead{margin-top:20px}.doc h2{margin-top:48px;font-size:1.375rem;letter-spacing:-.02em}.doc h2+p{margin-top:12px}.draft{margin-bottom:36px;padding:14px 18px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line);color:var(--ink);font-size:1rem}.todo{background:var(--chip);border-radius:4px;padding:0 .3em;color:var(--ink)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease var(--d, 0ms),transform .8s var(--ease-out) var(--d, 0ms)}[data-reveal].is-in{opacity:1;transform:none}@media(max-width:960px){.tile-calendar,.tile-ask,.tile-keys,.tile-ai{grid-column:1 / 13}.tile-accounts{flex-direction:column;align-items:flex-start}.tile-accounts .pills{justify-content:flex-start;margin-top:8px}}@media(max-width:819px){.bar nav{display:none}.bar-inner{justify-content:space-between}.demo{display:block}.demo>div:last-child{margin-top:40px}.window .shot{aspect-ratio:9 / 10;object-fit:cover;object-position:36% 0}.tile-calendar .bleed{aspect-ratio:1;object-fit:cover;object-position:88% 0}.keys{grid-template-columns:repeat(4,1fr)}}@media(max-width:420px){.triage{padding:12px}.mail{padding:14px 14px 12px}.triage-stage{height:200px}.act{padding:0 6px 0 10px}.mail-top .when{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{transform:none;transition:opacity .3s ease}.entering,.leaving{animation:none}.leaving{display:none}}