:root{color-scheme:dark;--bg:#080808;--fg:#f1f1ef;--muted:#a2a2a0;--line:#292929;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #eee;outline-offset:6px}.wrap{max-width:1160px;margin-inline:auto;padding-inline:40px}.skip{position:fixed;top:-80px;left:20px;background:white;color:black;padding:12px;z-index:10}.skip:focus{top:10px}.nav{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:29px;font-weight:600;letter-spacing:-1.2px;display:flex;align-items:center;gap:15px}.brand-line{width:26px;height:1px;background:#999}.nav nav{display:flex;gap:32px;font-size:13px;color:#b8b8b6}.nav a:hover,.text-link:hover{color:#fff}.hero{position:relative;padding-top:58px}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(64px,8vw,108px);font-weight:500;letter-spacing:-.065em;line-height:.99;margin:0}h1 span{color:#a8a8a7}.hero-copy>p{font-size:19px;line-height:1.55;color:#b8b8b6;margin:26px 0}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;gap:34px;background:#e8e8e5;color:#111;padding:17px 22px;border-radius:9px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:#fff;transform:translateY(-2px)}.button span{font-size:19px}.text-link{font-size:13px;color:#b8b8b6}.text-link span{margin-left:8px}.hero-art{display:block;width:calc(100% + 80px);height:auto;margin:8px -40px 0;mix-blend-mode:screen}.hero-bottom{border-top:1px solid var(--line);display:flex;gap:40px;padding:23px 0;color:#a2a2a0;font-size:12px}.experience{padding-top:120px;padding-bottom:110px}.section-heading{margin-bottom:44px}h2{font-size:clamp(34px,4vw,52px);line-height:1.09;letter-spacing:-.045em;font-weight:500;margin:0 0 22px}.section-heading>p,.feature-lead>p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.demo{border:1px solid #363636;border-radius:var(--radius);padding:29px 34px;background:linear-gradient(145deg,#1a1a1a,#101010);box-shadow:0 24px 70px #0005,inset 0 1px 0 #ffffff0c}.demo-top{display:flex;justify-content:space-between;font-size:12px;color:#9c9c99}.demo-text{min-height:164px;padding:45px 0 35px;font-size:clamp(24px,3vw,34px);line-height:1.45;letter-spacing:-.025em;color:#ecece8}.cursor{display:inline-block;width:2px;height:1em;background:#ddd;vertical-align:-.1em;margin-left:5px}.demo-controls{display:flex;align-items:center;gap:24px}.hold-key{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:10px;color:#eee;border:1px solid #555;background:linear-gradient(#373737,#252525);box-shadow:inset 0 1px 0 #ffffff18;font-size:13px;cursor:pointer;touch-action:none;user-select:none}.hold-key:active,.hold-key.active{background:#444;border-color:#999}.key-symbol{font-size:23px;line-height:1}kbd{font:11px -apple-system,BlinkMacSystemFont,sans-serif;color:#c3c3c0;border:1px solid #666;border-radius:4px;padding:3px 5px}.wave{display:flex;align-items:center;gap:4px;height:28px}.wave i{display:block;width:3px;height:5px;border-radius:2px;background:#c6c6c1}.wave.active i{animation:wave .65s ease-in-out infinite alternate}.wave i:nth-child(2n){animation-delay:-.3s}.wave i:nth-child(3n){animation-delay:-.5s}.wave i:nth-child(4n){animation-delay:-.15s}.reset{margin-left:auto;background:none;border:0;color:#aaa;font-size:12px;cursor:pointer;padding:10px}.reset:hover{color:white}.demo-note{font-size:12px;color:#999;line-height:1.7;max-width:650px;margin-top:18px}.details{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-top:60px;padding-bottom:110px}.feature-lead{align-self:start;position:sticky;top:60px}.feature-list article{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line)}.feature-list article:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.feature-label{font-size:10px;letter-spacing:.13em;color:#a5a5a2}h3{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:14px 0}.feature-list p,.steps p,.answer p{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:480px}.install{padding-top:75px;padding-bottom:100px;border-top:1px solid var(--line)}.steps{list-style:none;margin:0;padding:0;max-width:900px}.steps>li{display:grid;grid-template-columns:44px 1fr;gap:24px;padding:27px 0}.step-number{font-size:13px;width:36px;height:36px;border-radius:50%;border:1px solid #444;display:grid;place-items:center;color:#b9b9b5;margin-top:6px}.steps h3{margin-top:5px}.steps p{max-width:660px}.steps details{margin-top:17px}.permissions{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0;max-width:680px}.permissions>span{font-size:14px}.permissions small{display:block;color:#aaa;font-size:12px;margin-top:8px}details{font-size:14px}summary{cursor:pointer;color:#d3d3cf;list-style:none;display:flex;justify-content:space-between;gap:22px;line-height:1.5;padding:14px 0}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:#999;font-size:19px;line-height:1}details[open]>summary:after{content:'−'}.answer{padding:7px 0 21px}.answer ol{padding-left:21px;color:var(--muted);line-height:1.8;margin:0 0 16px}.answer p{max-width:700px}.answer strong,.steps strong{color:#ddd;font-weight:500}.answer a{text-decoration:underline;text-underline-offset:4px;color:#ddd}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-top:1px solid var(--line);padding-block:65px 110px}.faq h2{font-size:32px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding-block:20px}.faq .answer p{font-size:14px}footer{display:flex;align-items:center;gap:35px;padding-block:34px;border-top:1px solid var(--line)}footer p{font-size:12px;color:#aaa}footer>a:last-child{margin-left:auto;font-size:12px;color:#aaa}@keyframes wave{to{height:25px}}@media(max-width:767px){.wrap{padding-inline:24px}.nav{height:78px}.nav nav{gap:20px}.nav nav a:first-child{display:none}.brand{font-size:25px}.hero{padding-top:45px}h1{font-size:74px}.hero-copy>p{font-size:17px}.actions{gap:20px;flex-wrap:wrap}.hero-art{width:calc(100% + 48px);margin:30px -24px 20px}.hero-bottom{gap:12px;flex-wrap:wrap;font-size:11px}.hero-bottom span:last-child{width:100%;margin-top:4px}.experience{padding-top:75px;padding-bottom:70px}.demo{padding:22px}.demo-text{min-height:170px;padding-block:32px;font-size:25px}.demo-top{font-size:10px}.demo-controls{gap:14px}.hold-key{gap:8px;padding:12px;font-size:12px}.wave{gap:3px}.wave i{width:2px}.details{grid-template-columns:1fr;gap:42px;padding-top:30px;padding-bottom:70px}.feature-lead{position:static}.feature-list article{padding-bottom:26px;margin-bottom:26px}.install{padding-block:50px 65px}.steps>li{gap:15px;grid-template-columns:32px 1fr}.step-number{width:30px;height:30px}.steps h3{font-size:22px}.permissions{grid-template-columns:1fr;gap:18px}.permissions small{display:inline;margin-left:12px}.faq{grid-template-columns:1fr;gap:15px;padding-block:50px 65px}footer{flex-wrap:wrap;gap:20px}footer p{margin:0;flex:1;min-width:160px}footer>a:last-child{margin-left:0}h2{font-size:38px}.button{gap:24px}}@media(max-width:380px){h1{font-size:64px}.hold-key kbd{display:none}.demo-controls{gap:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.wave.active i{height:16px}}@media(prefers-reduced-transparency:reduce){.demo{background:#171717}.hold-key{background:#333}}

.star-callout{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:60px 75px;border-top:1px solid var(--line)}.star-callout h2{font-size:38px;margin-bottom:16px}.star-callout p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.star-button{display:inline-flex;align-items:center;gap:28px;border:1px solid #555;border-radius:9px;padding:17px 22px;font-size:14px;white-space:nowrap;transition:border-color .2s,background .2s}.star-button:hover{border-color:#aaa;background:#1a1a1a}.star-button span{font-size:22px;line-height:1}@media(max-width:767px){.star-callout{align-items:flex-start;flex-direction:column;padding-block:45px 55px}.star-callout h2{font-size:34px}.star-callout br{display:none}}

.product-hunt{padding-bottom:48px}.product-hunt a{display:inline-block;border-radius:10px}.product-hunt img{display:block;max-width:100%;height:auto}