:root{--bg:#fafafa;--bg-soft:#f3f3f3;--surface:#fff;--text:#171717;--text-body:#4d4d4d;--text-muted:#8f8f8f;--border:#ebebeb;--accent:#0070f3;--fill-selected:#00000012;--nav-bg:color-mix(in srgb,var(--bg)72%,transparent);--shadow:0 1px 2px #0000000a,0 12px 40px #00000014,0 40px 80px -20px #0000001f;--glow:color-mix(in srgb,var(--accent)12%,transparent);--font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Monaco,monospace;--ease:cubic-bezier(.22,1,.36,1);--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0a0a;--bg-soft:#121212;--surface:#171717;--text:#ededed;--text-body:#a1a1a1;--text-muted:#7a7a7a;--border:#2e2e2e;--accent:#3291ff;--fill-selected:#ffffff1a;--shadow:0 1px 2px #0000004d,0 12px 40px #0006,0 40px 80px -20px #00000080;--glow:color-mix(in srgb,var(--accent)10%,transparent);--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a0a0a;--bg-soft:#121212;--surface:#171717;--text:#ededed;--text-body:#a1a1a1;--text-muted:#7a7a7a;--border:#2e2e2e;--accent:#3291ff;--fill-selected:#ffffff1a;--shadow:0 1px 2px #0000004d,0 12px 40px #0006,0 40px 80px -20px #00000080;--glow:color-mix(in srgb,var(--accent)10%,transparent);--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{background:var(--bg);color:var(--text);font:17px/1.5 var(--font-ui);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;transition:background-color .4s var(--ease),color .4s var(--ease);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{max-width:100%}::selection{background:color-mix(in srgb,var(--accent)22%,transparent)}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:600}section{padding:0 24px}kbd{border:1px solid var(--border);background:var(--bg-soft);font:12px/1.3 var(--font-ui);text-align:center;color:var(--text-muted);border-bottom-width:2px;border-radius:6px;min-width:22px;padding:1px 6px}.nav{position:sticky;z-index:10;display:flex;background:var(--nav-bg);backdrop-filter:saturate(180%)blur(20px);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid color-mix(in srgb,var(--border)70%,transparent);justify-content:space-between;align-items: center;height:52px;padding:0 max(24px,50% - 520px);top:0}.nav-brand{display:flex;color:var(--text);align-items: center;gap:8px;font-size:15px;font-weight:600}.nav-brand:hover{text-decoration:none}.nav-links{display:flex;align-items: center;gap:22px;font-size:13px}.nav-links a{display:flex;color:var(--text-muted);align-items: center;gap:6px;transition:color .2s}.nav-links a svg{flex:none;width:14px;height:14px}.nav-links a:hover{color:var(--text);text-decoration:none}.theme-toggle{display:grid;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items: center;width:30px;height:30px;padding:0;transition:color .2s,background-color .2s}.theme-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--text)6%,transparent)}.theme-toggle svg{grid-area:1/1;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;opacity:0;transition:opacity .3s var(--ease),transform .4s var(--ease);width:17px;height:17px;transform:rotate(-60deg)scale(.6)}.theme-toggle[data-mode=system] .i-system,.theme-toggle[data-mode=light] .i-light,.theme-toggle[data-mode=dark] .i-dark{opacity:1;transform:none}.hero{position:relative;text-align:center;padding-top:112px;padding-bottom:72px}.hero:before{content:"";position:absolute;background:radial-gradient(50% 60% at 50% 20%,var(--glow),transparent 70%);pointer-events:none;z-index:-1;height:560px;inset:0 0 auto}.hero-icon{filter:drop-shadow(0 12px 28px #0000002e);animation:6s ease-in-out infinite float;width:128px;height:128px}.hero h1{letter-spacing:-.05em;margin-top:16px;font-size:clamp(56px,10vw,96px);line-height:1}.hero-lead{letter-spacing:-.02em;background:linear-gradient(90deg,var(--text),var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:16px 0 0;font-size:clamp(24px,3.4vw,32px);font-weight:600}.hero-sub{color:var(--text-muted);max-width:34em;margin:14px auto 0;font-size:19px}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:12px 28px;margin-top:36px}.btn{display:inline-flex;transition:transform .2s var(--ease),background-color .2s,opacity .2s;align-items: center;gap:6px;font-size:16px}.btn:hover{text-decoration:none}.btn-primary{background:var(--text);color:var(--bg);border-radius:980px;padding:12px 24px;font-weight:500}.btn-primary:hover{transform:scale(1.03)}.btn-primary:active{transform:scale(.98)}.btn .apple{fill:currentColor;width:1.05em;height:1.05em;margin-top:-.15em}.btn-link span,.more a span{transition:transform .2s var(--ease);display:inline-block}.btn-link:hover span,.more a:hover span{transform:translate(3px)}.showcase{max-width:1040px;margin:0 auto;padding-bottom:140px}.window{overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);transition:background-color .4s var(--ease),border-color .4s var(--ease);border-radius:12px}.app{position:relative;display:flex;font:13px/1.4 var(--font-ui);letter-spacing:normal;color:var(--text-body);text-align:left;user-select:none;-webkit-user-select:none;height:640px}.app svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.app svg.sm{stroke-width:1.71;width:14px;height:14px}.app svg.star{fill:currentColor}.app ul{list-style:none;margin:0;padding:0}.app b{color:var(--text-muted);font-size:12px;font-weight:400}.lights{position:absolute;display:flex;gap:8px;top:20px;left:20px}.lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.app-side{display:flex;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;width:232px;padding:52px 8px 12px}.app-compose{display:flex;background:var(--text);color:var(--surface);border-radius:6px;flex:none;justify-content:center;align-items: center;gap:8px;height:32px;margin:0 4px 12px;font-weight:500}.app-side li{display:flex;white-space:nowrap;border-radius:6px;flex:none;align-items: center;gap:8px;height:30px;padding:0 8px}.app-side li span{overflow:hidden;text-overflow:ellipsis;flex:1}.app-side li.sel{background:var(--fill-selected);color:var(--text)}.app-side li.sub{padding-left:22px}.app-section{display:flex;color:var(--text-muted);justify-content:space-between;align-items: center;height:28px;margin:16px 0 0;padding:0 8px;font-size:12px;font-weight:500}.app-section svg{stroke-width:3;width:12px;height:12px}.app-bottom{margin-top:auto;padding-top:8px}.app-account{display:flex;border-top:1px solid var(--border);color:var(--text-muted);align-items: center;gap:6px;margin-top:8px;padding:8px 4px 0 8px}.app-account .who{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.app-account .who span{color:var(--text)}.app-account .who small{font-size:12px}.btn-icon{box-sizing:content-box;color:var(--text-body);padding:6px}.app-list{display:flex;overflow:hidden;background:var(--bg);flex-direction:column;flex:1;min-width:0}.app-list header{display:flex;border-bottom:1px solid var(--border);flex:none;align-items: center;gap:12px;height:52px;padding:0 12px 0 24px}.app-list h3{letter-spacing:normal;color:var(--text);flex:1;font-size:15px}.app-status{color:var(--text-muted);font-size:12px}.app-search{display:flex;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:6px;flex:0 240px;align-items: center;gap:6px;min-width:120px;height:28px;padding:0 6px 0 8px}.app-search span{overflow:hidden;white-space:nowrap;flex:1}.trow{display:flex;border-bottom:1px solid var(--border);flex:none;align-items: center;gap:6px;height:64px;padding:0 16px 0 10px}.trow.open{background:var(--fill-selected)}.trow .dot{border-radius:50%;flex:none;width:8px;height:8px}.trow.unread .dot{background:var(--accent)}.lines{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.l1{display:flex;align-items: center;gap:6px;min-width:0;height:20px}.l1 .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);min-width:0}.l1 strong{font-weight:600}.l1 small{color:var(--text-muted);margin-left:2px;font-size:12px}.chip{display:inline-flex;border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:6px;align-items: center;height:18px;padding:0 6px;font-size:11px}.l1 .right{display:flex;color:var(--text-muted);flex:none;align-items: center;gap:4px;margin-left:auto}.l1 time{text-align:right;min-width:40px;margin-left:2px;font-size:12px}.l2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.l2 .subj{color:var(--text)}.trow.unread .subj{font-weight:600}.hero-meta{color:var(--text-muted);max-width:40em;margin:18px auto 0;font-size:14px}.beliefs{max-width:1040px;margin:0 auto;padding-bottom:140px}.beliefs h2{margin-bottom:56px}.belief-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px;max-width:880px;margin:0 auto}.belief{border-top:1px solid var(--border);padding-top:20px}.belief h3{letter-spacing:-.03em;font-size:clamp(24px,3vw,30px)}.belief p{color:var(--text-muted);margin:10px 0 0;font-size:17px}.features{max-width:1040px;margin:0 auto;padding-bottom:140px}.beliefs h2,.features h2,.themes h2,.privacy-summary h2,.pricing h2,.faq h2,.download h2{text-align:center;font-size:clamp(36px,5.5vw,56px);line-height:1.08}.features h2{margin-bottom:56px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--border);background:var(--surface);transition:transform .4s var(--ease),box-shadow .4s var(--ease),background-color .4s var(--ease),opacity .8s var(--ease);border-radius:18px;padding:32px 28px}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card h3{letter-spacing:-.02em;font-size:19px}.card p{color:var(--text-muted);margin:10px 0 0;font-size:15px}.card-list{list-style:none;color:var(--text-body);margin:20px 0 0;padding:0;font-size:15px}.card-list li{border-top:1px solid var(--border);padding:10px 0}.card-list li:last-child{padding-bottom:0}.themes{max-width:1040px;margin:0 auto;padding-bottom:140px}.swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;max-width:880px;margin:0 auto 56px}.swatch{--bg:var(--l-bg,var(--d-bg));--side:var(--l-side,var(--d-side));--ink:var(--l-text,var(--d-text));--dim:var(--l-muted,var(--d-muted));--line:var(--l-border,var(--d-border));--hi:var(--l-accent,var(--d-accent));margin:0}:root[data-theme=dark] .swatch{--bg:var(--d-bg);--side:var(--d-side);--ink:var(--d-text);--dim:var(--d-muted);--line:var(--d-border);--hi:var(--d-accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .swatch{--bg:var(--d-bg);--side:var(--d-side);--ink:var(--d-text);--dim:var(--d-muted);--line:var(--d-border);--hi:var(--d-accent)}}.swatch-win{display:flex;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--border);background:var(--bg);transition:transform .4s var(--ease),box-shadow .4s var(--ease);border-radius:10px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}.swatch-win:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.swatch-win i{display:flex;flex-direction:column}.sw-side{background:var(--side);border-right:1px solid var(--line);gap:7px;width:30%;padding:14% 8% 0}.sw-side b{background:var(--dim);opacity:.45;border-radius:3px;height:5px}.sw-side b:first-child{background:var(--ink);opacity:.9}.sw-main{flex:1;padding-top:10%}.sw-main span{display:flex;position:relative;border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:7% 10% 7% 16%}.sw-main span.on:before{content:"";position:absolute;background:var(--hi);border-radius:50%;width:5px;height:5px;margin-top:-2.5px;top:50%;left:7%}.sw-main u{background:var(--ink);border-radius:3px;width:45%;height:5px}.sw-main s{background:var(--dim);opacity:.6;border-radius:3px;width:80%;height:4px}.swatch figcaption{text-align:center;color:var(--text-muted);margin-top:10px;font-size:14px}.privacy-summary{max-width:1040px;margin:0 auto;padding-bottom:140px}.lead{text-align:center;color:var(--text-muted);max-width:40em;margin:16px auto 56px;font-size:19px}.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 32px;max-width:880px;margin:0 auto}.notes p{color:var(--text-muted);margin:0;font-size:15px}.notes strong{display:block;color:var(--text);margin-bottom:4px;font-weight:600}.more{text-align:center;margin:40px 0 0;font-size:15px}.pricing{max-width:1040px;margin:0 auto;padding-bottom:140px}.price-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:18px;max-width:400px;margin:0 auto;padding:36px 32px}.price-name{color:var(--text-muted);margin:0;font-size:15px;font-weight:600}.price{display:flex;flex-direction:column;align-items: center;gap:8px;margin:12px 0 24px}.price-amount{letter-spacing:-.04em;color:var(--text);font-size:56px;font-weight:600;line-height:1}.price-term{color:var(--text-muted);font-size:15px;line-height:1.5}.price-list{list-style:none;text-align:left;margin:0 0 28px;padding:0}.price-list li{position:relative;border-top:1px solid var(--border);padding:10px 0 10px 28px;font-size:15px}.price-list li:before{content:"";position:absolute;border:solid var(--accent);border-width:0 0 1.75px 1.75px;width:10px;height:5px;margin-top:-4px;top:50%;left:4px;transform:rotate(-45deg)}.price-card .btn{justify-content:center;width:100%}.price-note{text-align:center;color:var(--text-muted);max-width:40em;margin:20px auto 0;font-size:13px}.faq{max-width:1040px;margin:0 auto;padding-bottom:140px}.faq h2{margin-bottom:48px}.faq-list{border-bottom:1px solid var(--border);max-width:720px;margin:0 auto}.faq details{border-top:1px solid var(--border)}.faq summary{display:flex;letter-spacing:-.02em;cursor:pointer;list-style:none;justify-content:space-between;align-items: center;gap:16px;padding:20px 0;font-size:18px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-muted);transition:transform .3s var(--ease);flex:none;font-size:22px;font-weight:400}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--text-muted);margin:0 0 20px;font-size:16px}.download{text-align:center;border-top:1px solid var(--border);background:linear-gradient(var(--bg),var(--bg-soft));padding-top:120px;padding-bottom:140px}.download img{width:72px;height:72px}.download h2{margin:20px 0 12px}.download>p{color:var(--text-muted);margin:0 0 32px}.note{color:var(--text-muted);margin:18px 0 0;font-size:14px}.coming-soon{letter-spacing:-.01em;color:var(--text);margin-top:24px;font-size:22px;font-weight:600}.modal{border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);text-align:center;border-radius:18px;width:min(400px,100vw - 48px);padding:40px 32px 32px}.modal::backdrop{backdrop-filter:blur(4px);background:#0006}.modal[open]{animation:modal-in .3s var(--ease)}.modal h2{font-size:24px}.modal p{color:var(--text-body);margin:12px 0 28px;font-size:16px}.modal .btn{cursor:pointer;border:0;font-family:inherit}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.contact{text-align:center;border-top:1px solid var(--border);padding-top:120px;padding-bottom:140px}.contact h2{font-size:clamp(36px,5.5vw,56px);line-height:1.08}.contact .lead{margin-bottom:36px}.contact .btn svg{width:16px;height:16px}.person{display:flex;border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;align-items: center;max-width:400px;margin:0 auto;padding:40px 32px}.person-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:120px;height:120px}.person-name{letter-spacing:-.02em;margin-top:20px;font-size:22px}.person-role{color:var(--accent);margin:4px 0 24px;font-size:14px}.person-links{margin:16px 0 0;font-size:14px}.doc{color:var(--text-body);max-width:720px;margin:0 auto;padding:80px 24px 120px;font-size:16px;line-height:1.65}.doc h1{color:var(--text);font-size:clamp(36px,5.5vw,48px);line-height:1.1}.doc-meta{color:var(--text-muted);margin:12px 0 40px;font-size:14px}.doc h2{color:var(--text);letter-spacing:-.02em;margin:48px 0 12px;scroll-margin-top:72px;font-size:22px}.doc h3{color:var(--text);letter-spacing:-.01em;margin:24px 0 4px;font-size:16px}.doc p{margin:0 0 14px}.doc ul{margin:0 0 14px;padding-left:1.2em}.doc li{margin:6px 0}.doc strong{color:var(--text);font-weight:600}.doc code{font:.86em var(--font-mono);color:var(--text);overflow-wrap:anywhere}.summary{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin:28px 0 8px;padding:20px 24px}.summary p{margin:0}.footer{display:flex;background:var(--bg-soft);color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:8px;padding:28px 24px 40px;font-size:12px}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--text)}.footer-break{flex-basis:100%;height:0}.js .reveal{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--delay,0s);transform:translateY(24px)}.js .reveal.in{opacity:1;transform:none}.js .reveal.done{transition-delay:0s}.js .card.done{transition:transform .4s var(--ease),box-shadow .4s var(--ease),background-color .4s var(--ease)}.js .card.done:hover{transform:translateY(-4px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}@media (max-width:800px){.grid,.belief-list{grid-template-columns:1fr}.belief-list{gap:32px}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.app{height:520px}.app-side{display:none}.lights{top:20px}.app-list header{padding-left:92px}.app-status,.chip,.app-search b,.app-search svg:last-child{display:none}}@media (max-width:600px){.nav-links{gap:14px}.nav-links a span{display:none}.nav-links a svg{width:16px;height:16px}.hero{padding-top:72px}.hero-sub br{display:none}.showcase,.beliefs,.features,.themes,.privacy-summary,.pricing,.faq{padding-bottom:96px}.contact{padding-top:96px;padding-bottom:96px}.doc{padding-top:56px}}.hero .hero-title{letter-spacing:-.04em;font-size:clamp(40px,7vw,72px)}.features h2+.lead{margin-top:-36px}.ai .notes{margin-top:56px}.card.wide{grid-column:1/-1}.download>.disclaimer{text-align:center;max-width:40em;margin:48px auto 0;font-size:12px}.person-links .dot{color:var(--text-muted);margin:0 8px}