:root{--bg:#05070d;--bg-2:#0a1024;--ink:#f4f6ff;--muted:#e2e9ffad;--faint:#e2e9ff6b;--accent:#4174e6;--accent-2:#8cc8ff;--card:#ffffff0b;--card-strong:#ffffff12;--border:#ffffff17;--radius:22px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{font:16px/1.6 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit}h1,h2,h3{font-family:var(--font-display);margin:0}kbd{font:600 .82em var(--mono);background:#ffffff1a;border:1px solid #ffffff24;border-bottom-width:2px;border-radius:6px;padding:.12em .45em}code{font:.88em var(--mono);color:var(--accent-2)}::selection{background:#4174e680}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#05070dd9,#05070d00);justify-content:space-between;align-items:center;padding:16px clamp(20px,4vw,48px);display:flex;position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.brand{font:650 19px var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-header nav{gap:clamp(14px,3vw,32px);font-size:14px;display:flex}.site-header nav a{color:var(--muted);text-decoration:none;transition:color .2s}.site-header nav a:hover{color:var(--ink)}.button{font:600 15px var(--font);border-radius:999px;align-items:center;gap:8px;padding:13px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button-primary{color:#05070d;background:#fff;box-shadow:0 0 28px #4174e68c}.button-primary:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 0 40px #4174e6cc}.button-primary.is-soon{cursor:default}.button-primary.is-soon:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}.button-ghost{color:var(--ink);border:1px solid var(--border);background:#ffffff0f}.button-ghost:hover{background:#ffffff1a}@keyframes pulse{50%{opacity:.35}}.hero{isolation:isolate;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.aurora{z-index:-2;filter:blur(30px)saturate(120%);background:radial-gradient(42% 38% at 50% 44%,#2e52c4d9,#0000 70%),radial-gradient(30% 30% at 22% 70%,#163c78b3,#0000 70%),radial-gradient(28% 26% at 80% 28%,#28349699,#0000 70%),linear-gradient(#05070d 0%,#0a1230 55%,#05070d 100%);animation:24s ease-in-out infinite alternate aurora;position:absolute;inset:-20%}@keyframes aurora{0%{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(2%,-3%)rotate(4deg)scale(1.06)}to{transform:translate(-3%,2%)rotate(-3deg)scale(1.02)}}.clutter-canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-content{text-align:center;flex-direction:column;align-items:center;padding:120px 24px 80px;display:flex}.hero-mark{filter:drop-shadow(0 0 24px #4174e6e6);margin-bottom:34px;animation:1s cubic-bezier(.2,.8,.2,1) .1s both rise}.mark-sparkle{transform-origin:86px 20px;animation:3.6s ease-in-out infinite twinkle}@keyframes twinkle{50%{transform:scale(1.18)rotate(12deg)}}.hero-copy{max-width:760px;animation:1.1s cubic-bezier(.2,.8,.2,1) .35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);align-items:center;gap:8px;margin:0 0 18px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow-dot{background:var(--accent-2);width:6px;height:6px;box-shadow:0 0 12px var(--accent-2);border-radius:50%}.hero h1{letter-spacing:-.045em;font-size:clamp(46px,7.4vw,96px);font-weight:650;line-height:.98}.shine{background:linear-gradient(100deg,#fff 20%,#b9d7ff 40%,#fff 55%,#9cc3ff 75%,#fff 90%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite shine}@keyframes shine{to{background-position:-250% 0}}.lede{max-width:600px;color:var(--muted);margin:26px auto 0;font-size:clamp(17px,1.6vw,20px)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.hero-note{color:var(--faint);margin:18px 0 0;font-size:14px}.scroll-hint{opacity:.5;animation:2.4s ease-in-out infinite hint;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes hint{50%{opacity:.85;transform:translate(-50%,6px)}}.section{max-width:1180px;margin:0 auto;padding:clamp(90px,12vw,150px) clamp(20px,4vw,48px);position:relative}.section-heading{text-align:center;max-width:680px;margin:0 auto 56px}.section-heading h2,.price-card h2,.final h2{letter-spacing:-.04em;font-size:clamp(36px,5vw,60px);font-weight:650;line-height:1.04}.section-heading p:not(.eyebrow){color:var(--muted);margin:18px 0 0;font-size:18px}.demo{flex-direction:column;align-items:center;display:flex}.demo-window{background:linear-gradient(#121624,#0d111c);border:1px solid #ffffff1a;border-radius:18px;width:min(860px,100%);position:relative;overflow:hidden;box-shadow:0 40px 120px #14328c73,0 0 0 1px #0006,inset 0 1px #ffffff0f}.demo-titlebar{gap:8px;padding:14px 16px 0;display:flex}.light{border-radius:50%;width:12px;height:12px}.light.red{background:#ff5f57}.light.yellow{background:#febc2e}.light.green{background:#28c840}.demo-header{border-bottom:1px solid #ffffff12;align-items:baseline;gap:10px;padding:12px 24px 14px;display:flex}.demo-header strong{font:650 19px var(--font-display)}.demo-count,.demo-account{color:var(--faint);font-size:14px}.demo-spacer{flex:1}.demo-cmdk{font-size:12px}.demo-list{height:328px;padding:8px;position:relative;overflow:hidden}.demo-row{all:unset;box-sizing:border-box;cursor:pointer;border-radius:10px;align-items:center;gap:16px;width:100%;height:52px;padding:0 16px;transition:background .12s;animation:.45s cubic-bezier(.2,.8,.2,1) both row-in;display:flex;overflow:hidden}@keyframes row-in{0%{opacity:0;transform:translateY(10px)}}.demo-row.is-selected{background:#4174e642}.demo-row.is-leaving{pointer-events:none;animation:.42s cubic-bezier(.5,0,.3,1) forwards row-out}@keyframes row-out{0%{opacity:1;height:52px;transform:none}55%{opacity:0;height:52px;transform:translate(-70px)}to{opacity:0;height:0;transform:translate(-70px)}}.demo-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px #4174e6cc}.demo-dot.is-read{opacity:0}.demo-sender{white-space:nowrap;text-overflow:ellipsis;flex:none;width:150px;font-size:14.5px;font-weight:600;overflow:hidden}.demo-subject{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14.5px;overflow:hidden}.demo-snippet{color:var(--faint);margin-left:6px}.demo-time{color:var(--faint);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.demo-zero{place-content:center;justify-items:center;gap:6px;height:100%;animation:.6s cubic-bezier(.2,.9,.2,1.2) both zero-in;display:grid}.demo-zero svg{filter:drop-shadow(0 0 20px #4174e6e6)}.demo-zero p{font:650 26px var(--font-display);letter-spacing:-.02em;margin:10px 0 0}.demo-zero span{color:var(--faint)}@keyframes zero-in{0%{opacity:0;transform:scale(.85)}}.demo-burst{pointer-events:none;width:40px;height:40px;margin:-12px 0 0 -20px;animation:.6s ease-out forwards burst;position:absolute;left:46px}.demo-burst svg{fill:#fff;width:100%;height:100%;filter:drop-shadow(0 0 8px var(--accent-2)) drop-shadow(0 0 16px var(--accent))}@keyframes burst{0%{opacity:0;transform:scale(.2)rotate(0)}35%{opacity:1;transform:scale(1.15)rotate(25deg)}to{opacity:0;transform:scale(.4)rotate(70deg)}}.demo-toast{border:1px solid var(--border);opacity:0;pointer-events:none;background:#1e2438eb;border-radius:999px;padding:9px 16px;font-size:13.5px;transition:opacity .2s,transform .25s;position:absolute;bottom:18px;left:50%;transform:translate(-50%,12px);box-shadow:0 10px 30px #00000059}.demo-toast.is-shown{opacity:1;transform:translate(-50%)}.demo-keys{gap:12px;margin-top:30px;display:flex}.keycap{all:unset;cursor:pointer;flex-direction:column;align-items:center;gap:7px;display:flex}.keycap kbd{width:50px;height:46px;font:650 18px var(--font);background:#ffffff12;border:1px solid #ffffff21;border-bottom-width:3px;border-radius:10px;place-items:center;padding:0;transition:transform 80ms,background .12s,box-shadow .12s;display:grid}.keycap.is-primary kbd{background:#ffffff21}.keycap.is-lit kbd{background:var(--accent);box-shadow:0 0 22px var(--accent);border-bottom-width:1px;transform:translateY(2px)}.keycap span{color:var(--faint);font-size:12px}.demo-score{color:var(--faint);font-variant-numeric:tabular-nums;margin:18px 0 0;font-size:14px}.bento{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);padding:28px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.card:hover{border-color:#8cc8ff47;transform:translateY(-2px)}.card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(60% 60% at 50% 0,#4174e62e,#0000 70%);position:absolute;inset:-1px}.card h3{letter-spacing:-.02em;margin-top:24px;font-size:21px;position:relative}.card p{color:var(--muted);margin:8px 0 0;font-size:15px;position:relative}.card-wide{grid-column:span 2;grid-template-columns:1fr 1.25fr;align-items:center;gap:28px;display:grid}.card-wide h3{margin-top:0;font-size:28px}.key-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.key-tile{flex-direction:column;align-items:center;gap:6px;animation:3.5s infinite key-glow;display:flex}.key-tile kbd{aspect-ratio:1;border-bottom-width:3px;border-radius:11px;place-items:center;width:100%;max-width:54px;padding:0;font-size:17px;transition:all .2s;display:grid}.key-tile span{color:var(--faint);white-space:nowrap;font-size:11.5px}@keyframes key-glow{0%,8%{filter:none}4%{filter:drop-shadow(0 0 12px var(--accent)) brightness(1.6)}}.instant-visual,.palette,.remind,.compose{background:#00000040;border:1px solid #ffffff0f;border-radius:14px;height:150px;position:relative;overflow:hidden}.instant-visual{flex-direction:column;justify-content:center;gap:14px;padding:18px;display:flex}.instant-row{background:#4174e642;border-radius:10px;align-items:center;gap:12px;height:40px;padding:0 14px;animation:4s cubic-bezier(.5,0,.3,1) infinite instant-row;display:flex}.bar{background:#ffffff47;border-radius:4px;width:70%;height:8px;display:block}.bar.short{width:45%;margin-top:8px}@keyframes instant-row{0%,20%{opacity:1;transform:none}32%,85%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:none}}.instant-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font:600 12px var(--mono);opacity:0;border-radius:999px;padding:5px 10px}.tag-local{color:#c9e4ff;background:#4174e659;animation:4s infinite tag}.tag-sync{color:#b7f5c8;background:#28c84033;animation:4s .9s infinite tag}@keyframes tag{0%,22%{opacity:0;transform:translateY(6px)}28%,80%{opacity:1;transform:none}95%,to{opacity:0}}.palette{flex-direction:column;gap:6px;padding:14px;display:flex}.palette-input{background:#ffffff0f;border-radius:9px;align-items:center;height:34px;padding:0 12px;font-size:15px;display:flex}.typed{white-space:nowrap;width:0;animation:4s steps(3,end) infinite type;display:inline-block;overflow:hidden}@keyframes type{0%,10%{width:0}35%,90%{width:3ch}to{width:0}}.caret{background:var(--accent-2);width:2px;height:18px;margin-left:2px;animation:1s step-end infinite pulse}.palette-row{height:34px;color:var(--muted);border-radius:9px;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;display:flex}.palette-row.is-hit{color:var(--ink);animation:4s infinite hit}@keyframes hit{0%,35%{background:0 0}42%,90%{background:#4174e64d}}.remind{gap:4px;padding:12px;display:grid}.remind-option{color:var(--muted);border-radius:8px;align-items:center;padding:0 12px;font-size:14px;animation:6s infinite remind;display:flex}.remind-option:nth-child(2){animation-delay:1.5s}.remind-option:nth-child(3){animation-delay:3s}.remind-option:nth-child(4){animation-delay:4.5s}@keyframes remind{0%,25%{color:var(--ink);background:#4174e64d}26%,to{background:0 0}}.compose{padding:16px}.compose-thread{background:#ffffff0d;border-radius:10px;padding:14px}.compose-pop{transform-origin:30% 100%;background:#1b2236;border:1px solid #8cc8ff4d;border-radius:10px;width:62%;padding:12px 14px;animation:4.5s cubic-bezier(.2,.9,.2,1.15) infinite pop;position:absolute;bottom:14px;right:16px;box-shadow:0 16px 40px #00000080}.compose-title{color:var(--accent-2);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:12px;display:block;overflow:hidden}@keyframes pop{0%,20%{opacity:0;transform:translate(-20%,30%)scale(.6)}32%,85%{opacity:1;transform:none}to{opacity:0;transform:translate(-20%,30%)scale(.6)}}.card-accounts{grid-column:span 3;grid-template-columns:1.2fr 1fr;align-items:center;gap:28px;display:grid}.card-accounts h3{margin-top:0}.accounts{flex-wrap:wrap;gap:10px;display:flex}.account{color:var(--muted);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;padding:10px 16px;font-size:14px;animation:6s infinite account}.account:nth-child(2){animation-delay:2s}.account:nth-child(3){animation-delay:4s}@keyframes account{0%,30%{color:var(--ink);background:#4174e652;border-color:#8cc8ff66}34%,to{color:var(--muted)}}.flow{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:40px 24px;max-width:760px;margin:0 auto;display:grid;position:relative}.node{flex-direction:column;align-items:center;gap:10px;font-weight:600;display:flex}.node-icon{width:84px;height:84px;font:650 34px var(--font-display);background:var(--card-strong);border:1px solid var(--border);border-radius:24px;place-items:center;display:grid;box-shadow:0 0 40px #4174e640}.node-mac .node-icon{background:linear-gradient(160deg,#4174e680,#4174e626);border-color:#8cc8ff59}.flow-line{background:linear-gradient(90deg,#8cc8ff26,#8cc8ff99,#8cc8ff26);height:2px;margin-bottom:30px;position:relative}.flow-dot{width:10px;height:10px;box-shadow:0 0 14px var(--accent-2);background:#fff;border-radius:50%;animation:2.5s linear infinite flow;position:absolute;top:-4px}.flow-dot:nth-child(2n){background:var(--accent-2);animation-direction:reverse}@keyframes flow{0%{opacity:0;left:0}10%,90%{opacity:1}to{opacity:0;left:calc(100% - 10px)}}.node-none{opacity:.55;grid-column:1/-1;justify-self:center}.node-none .node-icon{width:64px;height:64px;box-shadow:none;background:0 0;border-style:dashed;font-size:26px}.node-none small{color:var(--faint);font-weight:400}.promises{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px;display:grid}.promises>div{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);padding:24px}.promises h3{font-size:18px}.promises p{color:var(--muted);margin:8px 0 0;font-size:15px}.privacy-link{text-align:center;color:var(--muted);margin-top:28px}.privacy-link a,.legal-body a{color:var(--accent-2);text-underline-offset:3px;text-decoration-color:#8cc8ff66}.pricing{place-items:center;display:grid}.price-card{text-align:center;background:linear-gradient(160deg,#4174e638,#ffffff08 60%);border:1px solid #8cc8ff40;border-radius:32px;width:min(640px,100%);padding:clamp(36px,6vw,64px);position:relative;overflow:hidden;box-shadow:0 50px 140px #14328c66}.price-sparkle{fill:#8cc8ff14;width:260px;height:260px;animation:40s linear infinite spin;position:absolute;top:-70px;right:-70px}@keyframes spin{to{transform:rotate(360deg)}}.price-card>p:not(.eyebrow){color:var(--muted);max-width:460px;margin:18px auto 0;font-size:18px;position:relative}.price-card ul{text-align:left;justify-content:center;gap:10px;margin:30px auto 34px;padding:0;list-style:none;display:grid;position:relative}.price-card li{align-items:center;gap:12px;display:flex}.price-card li:before{content:"";background:var(--accent-2);width:16px;height:16px;clip-path:path("M8 0 Q9.3 6.7 16 8 Q9.3 9.3 8 16 Q6.7 9.3 0 8 Q6.7 6.7 8 0Z");flex:none}.final{text-align:center;background:radial-gradient(50% 60% at 50% 40%,#2e52c459,#0000 70%);flex-direction:column;align-items:center;padding:clamp(80px,12vw,140px) 24px clamp(100px,14vw,170px);display:flex}.final-mark{filter:drop-shadow(0 0 24px #4174e6e6);margin-bottom:26px}.final p{color:var(--muted);margin:16px 0 28px;font-size:18px}.site-footer{border-top:1px solid var(--border);color:var(--faint);grid-template-columns:auto 1fr auto;align-items:center;gap:12px 28px;padding:36px clamp(20px,4vw,48px);font-size:14px;display:grid}.footer-brand{color:var(--ink);font:650 16px var(--font-display);align-items:center;gap:8px;display:flex}.site-footer p{margin:0}.site-footer nav{flex-wrap:wrap;gap:20px;display:flex}.site-footer nav a{color:var(--muted);text-decoration:none}.site-footer nav a:hover{color:var(--ink)}.site-footer small{grid-column:1/-1}.legal{padding:150px clamp(20px,4vw,48px) 110px;position:relative;overflow:hidden}.legal-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(50% 50%,#2e52c473,#0000 70%);width:900px;height:500px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.legal-header,.legal-body{max-width:720px;margin:0 auto;position:relative}.legal-header h1{letter-spacing:-.04em;font-size:clamp(40px,6vw,64px);font-weight:650}.legal-updated{color:var(--faint);margin:10px 0 0;font-size:14px}.legal-intro{background:#4174e61f;border:1px solid #8cc8ff33;border-radius:16px;margin-top:26px;padding:20px 24px;font-size:17px}.legal-intro p{margin:0}.support-button{margin-top:18px}.legal-body{color:var(--muted);margin-top:40px;font-size:16.5px}.legal-body h2{color:var(--ink);letter-spacing:-.02em;margin:44px 0 12px;font-size:22px}.legal-body li{margin:8px 0}.legal-body strong{color:var(--ink)}.faq{margin:0}.faq>div{border-bottom:1px solid var(--border);padding:20px 0}.faq dt{color:var(--ink);font-size:17px;font-weight:600}.faq dd{margin:6px 0 0}.not-found{text-align:center;place-content:center;justify-items:center;gap:8px;min-height:100svh;display:grid}.not-found p{color:var(--muted);margin:0 0 20px}@media (width<=900px){.bento,.promises{grid-template-columns:1fr}.card-wide,.card-accounts{grid-column:auto;grid-template-columns:1fr}.demo-snippet,.demo-account{display:none}.demo-sender{width:110px}.site-footer{grid-template-columns:1fr}}@media (width<=560px){.site-header nav a:not(:last-child){display:none}.flow{grid-template-columns:1fr}.flow-line{justify-self:center;width:2px;height:80px;margin:0}.key-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}