@layer base, layout, components;
@layer base {
:root{color-scheme:dark;--bg:#101615;--surface:#19221f;--line:#2b3832;--ink:#eef4ef;--muted:#a9b8ae;--mint:#a5f5bb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}body{margin:0;line-height:1.6}*,*::before,*::after{box-sizing:border-box}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:6px}img{max-inline-size:100%;block-size:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:550;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(2.9rem,1.5rem + 4.6vw,6.5rem)}h2{font-size:clamp(2rem,1.15rem + 2.5vw,3.6rem)}h3{font-size:1.4rem;letter-spacing:-.035em}p{color:var(--muted)}::selection{background:var(--mint);color:var(--bg)}html{scroll-behavior:smooth;scroll-padding-block-start:30px}kbd{font-family:inherit}summary{cursor:pointer}small,.small{font-size:.85rem}section[id],figure[id]{scroll-margin-block-start:28px}
}
@layer layout {
.wrap{inline-size:min(1200px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:30px;border-block-end:1px solid var(--line)}.site-header nav,.site-footer nav{display:flex;gap:32px;font-size:.9rem}.hero{padding-block:84px 50px}.hero h1 span{color:var(--mint)}.hero .lead{max-inline-size:650px;font-size:1.14rem;margin-block:28px}.hero-actions{display:flex;align-items:center;gap:28px}.product-shot{padding-block-end:40px}.product-shot img{aspect-ratio:8/5;border:1px solid #3b4e41;border-radius:15px;box-shadow:0 30px 100px #0005,0 0 70px #9bf1b409}.intro{padding-block:90px}.intro h2{margin-block:18px 48px}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.benefits article{padding-block-start:22px;border-block-start:1px solid var(--line)}.benefits h3{margin-block:18px 14px}.organize{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:64px;padding-block:48px 112px}.organize figure{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0003}.organize img{aspect-ratio:8/5}.feature-copy h2{margin-block:16px 22px}.feature-copy .small{margin-block-start:18px}.keyboard{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:85px 110px;border-block-start:1px solid var(--line)}.keyboard h2{margin-block:18px 22px}.privacy-band{background:#17271e;border-block:1px solid #2a4031}.privacy-content{display:grid;grid-template-columns:140px 1fr;gap:60px;padding-block:70px}.privacy-content h2{margin-block:12px 20px}.privacy-content p{max-inline-size:690px}.faq{display:grid;grid-template-columns:.85fr 1.3fr;gap:64px;padding-block:110px}.faq h2{margin-block:18px 26px}.start{text-align:center;padding-block:20px 110px}.start h2{margin-block:20px 24px}.start .button{margin-block:30px 20px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:32px;border-block-start:1px solid var(--line)}.site-footer p{font-size:.85rem}.article{max-inline-size:800px;padding-block:70px 100px;min-block-size:70dvh}.article h1{font-size:clamp(2.6rem,2rem + 2vw,4rem);margin-block-end:24px}.article h2{font-size:1.4rem;letter-spacing:-.03em;margin-block:38px 14px}.article p{margin-block:12px;overflow-wrap:anywhere}.article a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.article .meta{font-size:.88rem}.article .back{display:inline-block;margin-block-end:30px}
}
@layer components {
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:650;font-size:1.45rem;letter-spacing:-.04em}.byline{font-size:.72rem;color:var(--muted);font-weight:400;letter-spacing:0;margin-inline-start:8px}.eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:650;display:flex;align-items:center;gap:9px;color:var(--muted);margin-block-end:22px}.status-dot{display:inline-block;inline-size:6px;block-size:6px;border-radius:50%;background:var(--mint);flex:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-block-size:52px;padding:12px 22px;border-radius:9px;font-size:.92rem;font-weight:600;transition:background .15s,transform .15s}.primary{background:var(--mint);color:#14251b}.primary:hover{background:#c2ffd1;transform:translateY(-2px)}.text-link{font-size:.9rem;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#617466}.text-link:hover{color:var(--mint)}.release-note{font-size:.75rem;margin-block-start:18px}.product-shot figcaption{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.78rem;margin-block-start:22px}.benefits article>span{font-size:.67rem;letter-spacing:.12em;color:var(--mint)}.benefits p{font-size:.94rem}.open-command{margin-block-start:32px;display:grid;gap:12px;color:var(--muted);font-size:.8rem}.open-command>div{display:flex;gap:8px}kbd{display:inline-flex;justify-content:center;align-items:center;min-inline-size:38px;block-size:38px;padding-inline:12px;background:linear-gradient(#24312b,#1b2620);border:1px solid #46584b;border-block-end-width:3px;border-radius:7px;color:var(--ink);font-size:.9rem}.key-list{margin:0}.key-list>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:15px;border-block-end:1px solid var(--line)}.key-list dt{flex:none}.key-list dd{font-size:.86rem;color:var(--muted);margin:0;text-align:end}.key-list kbd{min-inline-size:32px;padding-inline:9px}.privacy-mark{inline-size:120px;block-size:120px;border:1px solid #55775f;border-radius:30px;color:var(--mint);display:grid;place-items:center;font-size:4rem}.privacy-content .text-link{display:inline-block;margin-block-start:24px}.faq details{border-block-end:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;padding-block:22px;font-size:.97rem}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--mint);font-size:1.3rem;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:.9rem;padding-block-end:24px}.start .eyebrow{justify-content:center}.skip-link{position:absolute;inset-block-start:8px;inset-inline-start:8px;padding:10px 20px;background:var(--mint);color:var(--bg);transform:translateY(-160%);z-index:2}.skip-link:focus{transform:none}
@media(max-width:800px){.wrap{inline-size:calc(100% - 40px)}.byline{display:none}.site-header{padding-block:20px}.site-header nav{gap:20px}.hero{padding-block:60px 35px}.hero .lead{font-size:1rem}.intro{padding-block:55px}.benefits{gap:24px;grid-template-columns:1fr}.benefits h3{margin-block:12px}.organize{grid-template-columns:1fr;gap:30px;padding-block:20px 65px}.keyboard{grid-template-columns:1fr;gap:32px;padding-block:55px}.privacy-content{grid-template-columns:1fr;gap:28px;padding-block:45px}.privacy-mark{inline-size:68px;block-size:68px;border-radius:18px;font-size:2.4rem}.faq{grid-template-columns:1fr;gap:24px;padding-block:65px}.site-footer{flex-wrap:wrap}.site-footer p{display:none}.site-footer nav{gap:18px}.start{padding-block-end:65px}.hero-actions{gap:22px;flex-wrap:wrap}.article{padding-block:45px 65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.primary:hover{transform:none}}
}