:root{--green:#006c49;--green-lt:#91d6b4;--blue:#0061a4;--blue-lt:#9fc9ff;--paper:#e6ece7;--paper-2:#f4f8f4;--ink:#062018;--ink-mid:#37504a;--ink-soft:#5b7268;--hairline:#06201821;--hairline-2:#06201812;--row-hover:#06201809;--accent:var(--green);--c-green:#00593c;--c-green-2:#018a5f;--c-blue:#0061a4;--c-blue-2:#2c86c9;--c-mint:#91d6b4;--c-sky:#9fc9ff;--mark-deep:#00583c;--mark-base:#018257;--mark-glass-hi:#cff3e1;--mark-glass-lo:#9fc9ff;--mark-rim:#fff;--shadow-panel:0 1px 2px #0620180f, 0 12px 24px -12px #06201829, 0 36px 64px -32px #0620184d;--shadow-btn:0 1px 2px #06201829, 0 6px 14px -8px #06201866;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-arrive:cubic-bezier(.16, .84, .3, 1);--radius-panel:24px;--radius-ui:13px}@media (prefers-color-scheme:dark){:root{--paper:#0b120f;--paper-2:#141d19;--ink:#e8f0ea;--ink-mid:#b3c4ba;--ink-soft:#83998c;--hairline:#e8f0ea26;--hairline-2:#e8f0ea14;--row-hover:#e8f0ea0b;--accent:var(--green-lt);--c-green:#0a6e4b;--c-green-2:#0e9268;--c-blue:#17629b;--c-blue-2:#3d95d6;--mark-deep:#016b49;--mark-base:#02a06c;--mark-glass-hi:#dff7ea;--mark-glass-lo:#b4d6ff;--shadow-panel:0 1px 2px #00000080, 0 14px 28px -14px #0009, 0 40px 70px -34px #000c;--shadow-btn:0 1px 2px #00000080, 0 6px 14px -8px #0009}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--paper);min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;grid-template-rows:auto 1fr auto;gap:clamp(24px,4vh,44px);margin:0;padding:clamp(20px,3.4vw,38px) clamp(20px,4.5vw,56px) clamp(20px,2.6vh,28px);font-family:Archivo,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.55;display:grid}.ambient{z-index:-2;pointer-events:none;opacity:.45;background:radial-gradient(40vmax 40vmax at 14% 8%, color-mix(in oklab, var(--green-lt) 60%, transparent), transparent 63%), radial-gradient(36vmax 36vmax at 88% 82%, color-mix(in oklab, var(--blue-lt) 50%, transparent), transparent 60%);filter:blur(40px);animation:ambient-drift 42s var(--ease-standard) infinite alternate;position:fixed;inset:-25%}@media (prefers-color-scheme:dark){.ambient{opacity:.22}}@keyframes ambient-drift{0%{transform:translate(-2.5%,-1.5%)scale(1)}to{transform:translate(3.5%,2.5%)scale(1.1)}}.grain{z-index:-1;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-color-scheme:dark){.grain{opacity:.5;mix-blend-mode:overlay}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0,0)}}.enter{opacity:0;animation:rise-in .68s var(--ease-arrive) forwards;animation-delay:var(--enter-delay,0s)}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:inherit;border-radius:8px;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.brand-mark{width:26px;height:26px;display:block}.brand-mark .bm-base{transform-origin:19.5px 27.5px;animation:bm-rise .5s var(--ease-arrive) both}.brand-mark .bm-lens{transform-origin:32px 17.5px;animation:.62s cubic-bezier(.2,1.22,.35,1) .16s both bm-drop}@keyframes bm-rise{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bm-drop{0%{opacity:0;transform:translate(7px,-9px)scale(.6)}60%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}.brand:hover .brand-mark .bm-lens{animation:bm-nudge .5s var(--ease-standard)}@keyframes bm-nudge{0%{transform:translate(0)}40%{transform:translate(2.4px,-2px)scale(1.06)}to{transform:translate(0)}}.brand-word{letter-spacing:-.005em;font-size:.9rem;font-weight:600}.status-pill{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-soft);border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.67rem;font-weight:600;display:inline-flex}.status-dot{background:var(--accent);width:6px;height:6px;animation:status-blink 3.6s var(--ease-standard) infinite;border-radius:50%}@keyframes status-blink{0%,62%,to{opacity:.9;transform:scale(1)}76%{opacity:.35;transform:scale(.8)}}.stage{grid-template-columns:minmax(0,29rem) minmax(0,366px);place-content:center;align-items:center;gap:clamp(40px,6vw,84px);width:100%;max-width:1120px;margin:0 auto;display:grid}.copy{justify-items:start;gap:clamp(18px,2.6vh,26px);display:grid}.inbox-col{justify-items:center;gap:14px;width:100%;display:grid}.display{letter-spacing:-.021em;text-indent:-.04em;margin:0;font-family:Abril Fatface,Georgia,serif;font-size:clamp(3.3rem,7.4vw,5.9rem);font-weight:400;line-height:.9}.display-dot{color:var(--accent);animation:.7s cubic-bezier(.2,1.5,.35,1) .5s both dot-pop;display:inline-block}@keyframes dot-pop{0%{transform:scale(0)}to{transform:scale(1)}}.lede{max-width:44ch;color:var(--ink-mid);text-wrap:pretty;margin:0;font-size:clamp(1rem,1.15vw,1.09rem);line-height:1.62}.inbox{background:var(--paper-2);border:1px solid var(--hairline);border-radius:var(--radius-panel);width:100%;box-shadow:var(--shadow-panel);overflow:hidden}.inbox-head{border-bottom:1px solid var(--hairline-2);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 14px;display:flex}.inbox-title{letter-spacing:-.005em;font-size:.95rem;font-weight:600}.inbox-count{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:600}.inbox-count.is-bumped{animation:count-bump .5s var(--ease-arrive)}@keyframes count-bump{0%{transform:scale(1)}38%{transform:scale(1.22)}to{transform:scale(1)}}.inbox-tag{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-soft);padding-left:13px;font-size:.58rem;font-weight:600;position:relative}.inbox-tag:before{content:"";border:1px solid;border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0}.threads{height:369px;margin:0;padding:0;list-style:none;overflow:clip}.thread{opacity:0;transition:grid-template-rows .52s var(--ease-arrive), opacity .42s var(--ease-standard), transform .52s var(--ease-arrive);grid-template-rows:0fr;display:grid;transform:translate(26px)}.thread.is-in{opacity:1;grid-template-rows:1fr;transform:translate(0,0)}.thread.is-out{opacity:0;grid-template-rows:0fr;transform:translate(-18px)}.thread-inner{min-height:0;overflow:hidden}.thread-row{border-bottom:1px solid var(--hairline-2);transition:background-color .2s var(--ease-standard);align-items:flex-start;gap:13px;padding:14px 20px;display:flex}.thread:last-child .thread-row{border-bottom:0}.thread:hover .thread-row{background:var(--row-hover)}.avatar{background:linear-gradient(150deg, var(--av-a), var(--av-b));width:38px;height:38px;transition:transform .25s var(--ease-arrive);border-radius:50%;flex:none;position:relative;box-shadow:inset 0 1px #ffffff4d}.thread:hover .avatar{transform:scale(1.06)}.avatar:after{content:"";background:linear-gradient(150deg,#ffffffd9,#ffffff47);border-radius:50%;width:13px;height:13px;position:absolute;top:3px;right:3px;box-shadow:0 0 0 1px #ffffff59}.thread.is-unread .avatar{animation:avatar-land .9s var(--ease-arrive)}@keyframes avatar-land{0%{box-shadow:inset 0 1px 0 #ffffff4d, 0 0 0 0 color-mix(in oklab, var(--accent) 55%, transparent);transform:scale(1)}35%{transform:scale(1.1)}to{transform:scale(1);box-shadow:inset 0 1px #ffffff4d,0 0 0 9px #0000}}.thread-body{flex:auto;min-width:0}.thread-top{align-items:baseline;gap:8px;display:flex}.thread-name{letter-spacing:-.004em;white-space:nowrap;font-size:.92rem;font-weight:600}.thread-time{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:.69rem}.thread-badge{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);border:1px solid color-mix(in oklab, var(--accent) 34%, transparent);border-radius:999px;flex:none;padding:2px 7px;font-size:.58rem;font-weight:600}.thread-preview{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.84rem;line-height:1.45;overflow:hidden}.thread.is-unread .thread-preview{color:var(--ink-mid)}.typing{align-items:center;gap:4px;height:1.22em;display:inline-flex}.typing i{background:var(--ink-soft);opacity:.45;width:5px;height:5px;animation:typing-bob 1.25s var(--ease-standard) infinite;border-radius:50%}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes typing-bob{0%,62%,to{opacity:.38;transform:translateY(0)}28%{opacity:.95;transform:translateY(-3.5px)}}.thread-preview.is-revealed{animation:preview-in .42s var(--ease-arrive)}@keyframes preview-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.signup{gap:9px;width:100%;max-width:29rem;display:grid}.signup-label{text-transform:uppercase;letter-spacing:.17em;color:var(--ink-soft);font-size:.67rem;font-weight:600}.signup-row{flex-wrap:wrap;gap:9px;display:flex}.signup-input{min-width:0;font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--hairline);border-radius:var(--radius-ui);transition:border-color .16s var(--ease-standard), box-shadow .16s var(--ease-standard);flex:13rem;padding:13px 15px;box-shadow:inset 0 1px 2px #0620180d}.signup-input::placeholder{color:var(--ink-soft);opacity:.72}.signup-input:hover{border-color:color-mix(in oklab, var(--accent) 40%, var(--hairline))}.signup-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.signup-btn{font:inherit;color:var(--paper-2);background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 88%, white) 0%, var(--accent) 100%);border-radius:var(--radius-ui);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform .16s var(--ease-standard), filter .16s var(--ease-standard);border:0;flex:none;padding:13px 24px;font-weight:600;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.signup-btn{color:#05231a}}.signup-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.signup-btn:active{filter:brightness(.97);transform:translateY(1px)}.signup-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.signup-btn[disabled]{cursor:default;opacity:.78;transform:none}.signup-btn.is-busy:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff6b 50%,#0000 80%);animation:1.15s linear infinite btn-sweep;position:absolute;inset:0}@keyframes btn-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.signup-note{min-height:1.25em;color:var(--ink-soft);margin:0;font-size:.78rem}.signup-note:not(:empty){animation:preview-in .3s var(--ease-arrive)}.signup-note.is-error{color:#a8341f}.signup-note.is-ok{color:var(--accent)}@media (prefers-color-scheme:dark){.signup-note.is-error{color:#ff9a80}}.hp{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer{border-top:1px solid var(--hairline-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:16px;font-size:.8rem;display:flex}.footer-mail{color:var(--ink-mid);border-bottom:1px solid var(--hairline);transition:color .18s var(--ease-standard), border-color .18s var(--ease-standard);padding-bottom:1px;text-decoration:none}.footer-mail:hover{color:var(--accent);border-color:var(--accent)}.footer-mail:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-color:#0000}.socials{align-items:center;gap:4px;display:flex}.social{width:34px;height:34px;color:var(--ink-soft);transition:color .18s var(--ease-standard), background-color .18s var(--ease-standard), transform .18s var(--ease-arrive);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.social svg{width:17px;height:17px;display:block}.social:hover{color:var(--accent);background:var(--row-hover);transform:translateY(-2px)}.social:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nudge{z-index:20;max-width:min(17rem,100vw - 20px);color:var(--ink);background:var(--paper-2);border:1px solid var(--hairline);border-radius:var(--radius-ui);box-shadow:var(--shadow-btn);pointer-events:none;animation:nudge-in .17s var(--ease-arrive);margin:0;padding:7px 11px;font-size:.78rem;line-height:1.35;position:fixed;top:0;left:0}@keyframes nudge-in{0%{opacity:0;transform:translateY(3px)scale(.97)}to{opacity:1;transform:none}}@media (width<=900px){.stage{grid-template-columns:minmax(0,1fr);justify-items:start;gap:clamp(22px,3.4vh,32px);max-width:34rem}.copy{display:contents}.display{order:1;font-size:clamp(3rem,13.5vw,4.6rem)}.lede{order:2}.inbox-col{order:3}.signup{order:4}.footer{text-align:center;justify-content:center}}@media (width<=430px){.thread-row{gap:11px;padding:13px 16px}.inbox-head{padding:14px 16px 12px}.avatar{width:34px;height:34px}.status-pill{letter-spacing:.1em;padding:5px 10px;font-size:.62rem}.threads{height:359px}}@media (prefers-reduced-motion:reduce){.ambient,.status-dot,.typing i,.signup-btn.is-busy:after,.nudge{animation:none}.brand-mark .bm-base,.brand-mark .bm-lens,.display-dot,.thread.is-unread .avatar,.inbox-count.is-bumped{opacity:1;animation:none;transform:none}.enter{opacity:1;animation:none}.thread,.signup-btn,.signup-input,.thread-row,.avatar,.social{transition-duration:.01ms}}
