:root{color-scheme:dark;--bg:#0c0c10;--surface:#121217;--line:#29282f;--text:#f2f1f5;--muted:#a3a1ad;--accent:#c6a4ff;--bright:#a875f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(50px,5.5vw,76px)}h2{font-size:clamp(34px,3.7vw,49px)}h3{font-size:23px;letter-spacing:-.03em}.container{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:white;color:black;padding:12px}.skip:focus{top:10px}.site-header{height:88px;border-bottom:1px solid #24232a;background:var(--bg)}.nav{display:flex;align-items:center;height:100%;gap:30px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:650;letter-spacing:-.7px}.brand img{border-radius:10px}.brand-bar{color:var(--accent)}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:500}nav a{color:#bebcc6}.nav nav{margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #393640;border-radius:7px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1.4;transition:background .18s,color .18s,transform .18s;background:#1d1b23;white-space:nowrap}.button:hover{background:#302637;color:white;transform:translateY(-1px)}.button.small{font-size:12px;padding:10px 15px}.button.primary{background:#f1eef7;border-color:#f1eef7;color:#19161e;padding:14px 22px}.button.primary:hover{background:#d9c5f6;border-color:#d9c5f6}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hero{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;min-height:716px;gap:50px;padding-block:54px 64px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:650;line-height:1.6;color:var(--muted)}.hero .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:24px;color:#c4bbd6}.tiny-moon{font-size:22px;line-height:1;color:var(--accent)}.hero h1 span{color:#b4b0bf}.hero-description{font-size:19px;line-height:1.65;max-width:425px;color:var(--muted);margin-top:24px}.actions{display:flex;gap:25px;align-items:center;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:550}.compatibility{font-size:11px;color:#9a96a4;margin-top:18px}.compatibility span{padding-inline:8px;color:#53505b}.source-status{display:flex;align-items:flex-start;gap:10px;margin-top:46px;font-size:11px;line-height:1.7;color:#bdb5c8}.source-status p>span{color:#8e8998}.source-status a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#61596e}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b089ed;flex-shrink:0;margin-top:6px}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.hero-visual:before{content:"";position:absolute;z-index:-1;inset:60px -45px 10px;background:radial-gradient(ellipse at 50% 55%,#7b3dd61d,transparent 68%);pointer-events:none}.menu-caption{font-size:10px;letter-spacing:.01em;color:#938d9e;display:flex;align-items:center;gap:10px;margin-bottom:19px}.hairline{display:inline-block;width:26px;height:1px;background:#60556f}.menu-capture{width:278px;aspect-ratio:340/643;overflow:hidden;border-radius:17px;box-shadow:0 28px 70px #0009,0 0 0 1px #ffffff20;background:#f3f3f3}.menu-capture img{width:301.17647%;max-width:none;height:auto;transform:translate(-44.82421875%,-4.166666667%)}.hero-visual figcaption{font-size:9px;color:#7e778b;text-align:center;margin-top:20px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:26px;gap:34px}.principles>div{display:flex;gap:15px;align-items:center}.principles>div>span{font-size:27px;line-height:1;color:#c7bed5}.principles p{font-size:11px;color:var(--muted);line-height:1.8}.principles strong{font-size:13px;color:#dcd9e3;font-weight:550}.app-section{padding-block:105px 100px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.section-heading .eyebrow{margin-bottom:19px}.section-heading>p{max-width:330px;font-size:14px;color:var(--muted);padding-bottom:3px}.preview-controls{display:flex;align-items:center;gap:6px;margin:44px 0 20px}.preview-tab{border:1px solid transparent;color:#a6a0b1;background:transparent;border-radius:5px;font-size:12px;padding:7px 16px;cursor:pointer}.preview-tab.active{color:#e6dcf6;background:#24202c;border-color:#40354f}.preview-tab:hover{color:white}.preview-controls>span{margin-left:auto;font-size:10px;color:#92899f}.dashboard-preview{padding:34px 65px 20px;border:1px solid #302b37;border-radius:16px;background:linear-gradient(140deg,#1f1928,#141319 70%)}.screenshot-button{display:block;border:0;padding:0;width:100%;background:transparent;cursor:zoom-in;border-radius:10px;overflow:hidden;box-shadow:0 20px 45px #0005}.screenshot-button img{width:100%;height:auto}.dashboard-preview figcaption{font-size:10px;color:#96909f;text-align:center;margin-top:18px}.feature-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.feature-number{font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#aa88d2;letter-spacing:.07em}.feature-notes h3{font-size:20px;letter-spacing:-.025em;margin-block:13px 12px}.feature-notes p{font-size:13px;color:var(--muted);line-height:1.8}.open-section{border-block:1px solid var(--line);background:#101015}.open-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px;padding-block:84px}.open-layout h2{margin-block:18px 23px}.open-layout>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}.inline-links{display:flex;flex-direction:column;gap:12px;margin-top:24px;font-size:12px;color:#c7abdF}.terminal{min-width:0;border:1px solid #35303f;background:#0b0b0f;border-radius:10px;overflow:hidden;box-shadow:0 15px 35px #0002}.terminal-bar{padding:12px 17px;border-bottom:1px solid #26222e;display:flex;gap:20px;font-size:10px;color:#888192}.terminal-bar>span:first-child{font-size:8px;letter-spacing:4px;color:#554d61}.terminal pre{padding:24px;margin:0;font-size:12px;line-height:1.8;overflow:auto;color:#ddd6e6}.code-comment{color:#85808e}.code-prompt{color:var(--accent)}.terminal>p{padding:12px 20px;border-top:1px solid #25212c;font-size:9px;color:#8b8296}.updates-section{display:grid;grid-template-columns:1fr 1.1fr;gap:95px;padding-block:90px;border-bottom:1px solid var(--line)}.updates-section h2{margin-block:18px 24px}.latest-update{border-left:1px solid #43344f;padding-left:35px}.latest-update h3{font-size:25px;margin-top:12px}.latest-update ul{padding-left:17px;color:var(--muted);font-size:13px;margin-block:18px}.latest-update li{padding-bottom:6px}.latest-update>a{font-size:12px;color:var(--accent)}.install-section{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;padding-block:90px;border-bottom:1px solid var(--line);align-items:center}.install-section h2{margin-block:18px 20px}.install-section p:not(.eyebrow){font-size:14px;color:var(--muted)}.install-section p.requirements{font-size:11px;color:#918999;margin-top:16px}.install-section .text-link{margin-top:20px;color:var(--accent)}.install-code{background:#111116;border:1px solid #342d3c;border-radius:8px;overflow:hidden;min-width:0}.install-code>div{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);font-size:11px;color:#a098ad}.install-code button{background:#26202f;color:#dbcaee;border:1px solid #453651;border-radius:5px;cursor:pointer;font-size:10px;padding:7px 10px}.install-code pre{font-size:11px;line-height:1.9;padding:20px;margin:0;overflow:auto}.install-code p[data-copy-status]{font-size:10px;padding:0 20px 10px;min-height:26px;color:var(--accent)}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;padding-block:85px}.faq-section h2{font-size:34px}.faq-section details{border-bottom:1px solid var(--line);padding-block:18px}.faq-section details:first-child{padding-top:0}.faq-section summary{font-size:13px;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-section summary:after{content:"+";color:#a790bd;font-size:17px}.faq-section details[open] summary:after{content:"−"}.faq-section summary::-webkit-details-marker{display:none}.faq-section details p{font-size:12px;color:var(--muted);line-height:1.9;padding-top:15px}.faq-section p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:35px;gap:20px}.umbrella-wordmark{width:210px;height:auto}.site-footer>div p{font-size:8px;letter-spacing:.13em;color:#95899f;margin-top:10px}.site-footer nav{font-size:11px;gap:25px}.footer-note{width:100%;font-size:9px;color:#7f778a;margin-top:7px}dialog{background:#141218;border:1px solid #4b4059;border-radius:12px;width:min(1050px,94vw);max-height:94vh;padding:45px 15px 15px;overflow:auto;color:white}dialog::backdrop{background:#08070be8}.dialog-close{position:absolute;right:14px;top:9px;background:#26212d;border:1px solid #49404f;color:white;border-radius:5px;font-size:12px;padding:5px 12px;cursor:pointer}dialog img{width:100%}.changelog-page{padding-top:88px;padding-bottom:100px}.changelog-heading h1{font-size:64px;margin-block:18px 23px}.changelog-heading>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:500px}.changelog-heading .text-link{margin-top:23px;color:var(--accent)}.changelog-layout{display:grid;grid-template-columns:230px 1fr;gap:75px;margin-top:75px;padding-top:45px;border-top:1px solid var(--line)}.changelog-layout aside>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:16px}.changelog-layout aside .release-label{display:flex;gap:9px;color:#d0bfdf;font-size:13px}.changelog-layout aside>a{font-size:12px;color:var(--accent);display:inline-block;margin-top:20px}.release-list{border-left:1px solid #3b3046;padding-left:32px}.release-entry{position:relative;padding-bottom:48px}.release-marker{width:7px;height:7px;background:#b58fdf;border-radius:50%;position:absolute;left:-36px;top:5px}.release-entry h2{font-size:29px;margin-block:12px 25px}.release-entry ul{padding-left:18px;font-size:14px;color:#bfb6ca}.release-entry li{margin-bottom:14px}.release-note{font-size:12px;color:#8f859c;margin-top:25px}.text-page{padding-block:110px}.text-page h1{margin-block:20px}.text-page .button{margin-top:25px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.hero-visual:before{inset:60px 0 10px}
@media(min-width:1450px){.hero{min-height:760px}.menu-capture{width:292px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.hero{gap:30px;grid-template-columns:1.15fr .85fr;min-height:640px}.hero h1{font-size:54px}.hero-description{font-size:16px}.actions{gap:18px;align-items:flex-start;flex-direction:column}.menu-capture{width:240px}.menu-caption{font-size:8px}.source-status{margin-top:25px}.section-heading>p{max-width:290px}.open-layout,.updates-section,.install-section,.faq-section{gap:40px}.open-layout{grid-template-columns:1fr 1.1fr}.dashboard-preview{padding:25px 35px 18px}.feature-notes{gap:25px}.principles{gap:20px}.principles>div{gap:10px}.changelog-layout{gap:45px;grid-template-columns:180px 1fr}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.site-header{height:76px}.nav{gap:12px;flex-wrap:wrap}.brand{font-size:16px;gap:8px}.brand img{width:31px;height:31px}.nav nav{gap:16px;font-size:11px}.nav nav>a:first-child,.nav>.button{display:none}.hero{grid-template-columns:1fr;gap:46px;padding-block:53px 40px;min-height:auto}.hero .eyebrow{font-size:8px;margin-bottom:22px}.hero h1{font-size:clamp(43px,11.5vw,62px)}.hero-description{font-size:16px;max-width:340px;margin-top:21px}.actions{flex-direction:row;gap:18px;align-items:center;margin-top:26px;flex-wrap:wrap}.actions .button{font-size:12px;padding:13px 16px}.actions .text-link{font-size:11px}.compatibility{font-size:9px}.compatibility span{padding-inline:5px}.source-status{font-size:10px;margin-top:27px}.hero-visual{padding-block:0 10px}.menu-capture{width:260px}.menu-caption{font-size:9px}.hero-visual figcaption{font-size:8px}.principles{grid-template-columns:1fr;padding-block:25px;gap:20px}.principles>div{gap:16px}.principles>div>span{width:28px;text-align:center}.principles p{font-size:11px}.principles br{display:none}.principles strong{margin-right:7px}.app-section{padding-block:64px}.section-heading{display:block}.section-heading h2{font-size:34px}.section-heading>p{max-width:none;margin-top:23px;font-size:13px}.preview-controls{margin-top:28px;gap:4px}.preview-tab{padding:7px 12px;font-size:11px}.preview-controls>span{display:none}.dashboard-preview{padding:12px 10px;border-radius:9px}.dashboard-preview figcaption{font-size:9px;text-align:left;margin:12px 3px 0}.feature-notes{grid-template-columns:1fr;gap:27px;margin-top:30px}.feature-notes>div{padding-bottom:25px;border-bottom:1px solid var(--line)}.feature-notes>div:last-child{border:0;padding:0}.feature-notes h3{margin-block:10px;font-size:21px}.open-layout,.updates-section,.install-section,.faq-section{grid-template-columns:1fr;gap:35px;padding-block:58px}.open-layout h2,.updates-section h2,.install-section h2{font-size:35px}.terminal pre{font-size:11px;padding:20px}.terminal>p{font-size:8px}.latest-update{padding-left:22px}.latest-update h3{font-size:24px}.install-code pre{font-size:10px}.faq-section h2{font-size:31px}.faq-section summary{font-size:13px}.site-footer{display:block;padding-block:30px}.site-footer nav{margin-block:28px 22px;gap:21px;flex-wrap:wrap;font-size:10px}.footer-note{font-size:9px;max-width:300px}.umbrella-wordmark{width:180px}.changelog-page{padding-top:55px;padding-bottom:60px}.changelog-heading h1{font-size:46px}.changelog-heading>p:not(.eyebrow){font-size:15px}.changelog-layout{grid-template-columns:1fr;gap:40px;margin-top:40px;padding-top:30px}.changelog-layout aside>p:not(.eyebrow){max-width:300px}.release-list{margin-left:3px;padding-left:22px}.release-marker{left:-26px}.release-entry h2{font-size:27px}.release-entry ul{font-size:13px}dialog{padding:43px 8px 8px}}
.brand{gap:14px;flex-shrink:0}.brand-identity{display:flex;flex-direction:column;gap:8px}.brand .brand-icon{width:44px;height:44px;flex-shrink:0}.brand .brand-logo{width:280px;height:auto;border-radius:0}.brand-product{font-size:10px;line-height:1;letter-spacing:.12em;font-weight:500;color:#c3bdcf}
@media(max-width:800px){.site-header{height:auto;min-height:118px}.nav{padding-block:20px 16px;flex-wrap:wrap;gap:16px}.brand{width:100%;gap:12px}.brand .brand-icon{width:38px;height:38px}.brand .brand-logo{width:220px;height:auto}.brand-product{font-size:9px}.nav nav{margin-left:0;gap:24px}.nav>.button{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){:root{--muted:#cdc6d6;--line:#716779}.eyebrow,.footer-note,.hero-visual figcaption{color:#c0b5ce}}