:root{color:#f7f7fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#171821;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 70% 4%,#9772da26,#0000 28rem),#171821;min-width:320px;margin:0}::selection{color:#171821;background:#b798e8}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:clip}.site-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:84px;margin:0 auto;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:17px;font-weight:720;display:inline-flex}.brand img{border-radius:10px;width:34px;height:34px}.site-header nav{color:#b9bbc8;align-items:center;gap:28px;font-size:14px;display:flex}.site-header nav a:hover,.site-footer a:hover{color:#fff}.header-action{color:#20202a;background:#f5f3ff;border:1px solid #ffffff29;border-radius:999px;padding:10px 17px;font-size:14px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.header-download{color:#b9bbc8;padding:10px 8px;font-size:13px}.header-download:hover{color:#fff}.header-github{color:#b9bbc8;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:color .16s,background .16s;display:inline-flex}.header-github:hover{color:#fff;background:#ffffff1c}.header-github svg{width:22px;height:22px}.landing{display:block}.hero{width:min(1120px,100% - 48px);margin:0 auto;padding:80px 0 72px;position:relative}.hero-copy{text-align:center;margin:0 auto 56px}.eyebrow{color:#bfa3e8;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:760}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,68px);font-weight:600;line-height:1.3}.hero h1 span{color:#c4a7ee;display:block}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.preview-toolbar{color:#9696a5;justify-content:flex-end;align-items:center;margin:0 4px 14px;font-size:12px;display:flex}.theme-switch{background:#ffffff05;border:1px solid #ffffff0d;border-radius:99px;padding:4px;display:flex}.theme-switch button{color:#92929d;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:7px 15px}.theme-switch button[aria-pressed=true]{color:#e6d7fa;background:#36323e;box-shadow:0 2px 6px #0002}a:focus-visible,button:focus-visible{outline-offset:5px;outline:2px solid #c4a7ee}.button{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 21px;font-size:14px;font-weight:700;transition:transform .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#1b1920;background:#f7f4ff}.button--quiet{background:#ffffff0a;border:1px solid #ffffff24}.button--quiet:hover{background:#ffffff14}.hero-visual{background:#20222d;border:1px solid #ffffff21;border-radius:16px;position:relative;overflow:hidden;transform:none;box-shadow:0 40px 100px #00000061}.hero-visual:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d}.hero-visual img{width:100%;height:auto;display:block}.browser-bar{color:#848693;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:11px;display:flex}.browser-bar i{background:#5c5e6b;border-radius:50%;width:8px;height:8px}.browser-bar i:first-child{background:#d6757d}.browser-bar i:nth-child(2){background:#d8b66c}.browser-bar i:nth-child(3){background:#80b692}.browser-bar span{margin-left:6px}.feature-section,.showcase-section{width:min(1180px,100% - 40px);margin:0 auto}.feature-section{padding:80px 0 50px}.section-heading{max-width:760px}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.2vw,44px);font-weight:550;line-height:1.4}.feature-grid{grid-template-columns:repeat(4,1fr);margin-top:42px;display:grid}.feature-card{min-height:220px;padding:26px 24px 30px}.feature-card:first-child{padding-left:0}.feature-card h3{letter-spacing:-.025em;margin:0 0 16px;font-size:17px}.feature-card p{color:#9698a6;margin:0;font-size:14px;line-height:1.8}.showcase-section{padding:70px 0 110px}.section-heading--split{justify-content:space-between;align-items:end;gap:40px;max-width:none;display:flex}.section-heading--split>div{max-width:740px}.showcase-list{margin-top:60px}.showcase-item{grid-template-columns:minmax(210px,.35fr) minmax(0,1fr);align-items:center;gap:40px;padding:48px 0;display:grid}.showcase-item--reverse{grid-template-columns:minmax(0,1fr) minmax(210px,.35fr)}.showcase-item--reverse .showcase-copy{order:2}.showcase-item--reverse .showcase-shot{order:1}.showcase-copy h3{letter-spacing:-.04em;margin:20px 0 14px;font-size:clamp(24px,2.2vw,30px);line-height:1.2}.showcase-copy p{color:#9698a6;margin:0;font-size:14px;line-height:1.8}.showcase-shot{border-radius:18px;overflow:hidden;box-shadow:0 28px 70px #00000040}.showcase-shot img{aspect-ratio:60/23;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.policy-page{width:min(1080px,100% - 40px);margin:0 auto;padding:110px 0 130px}.policy-hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(56px,7.4vw,92px);line-height:1}.policy-hero>p:not(.eyebrow){color:#aaacb9;max-width:720px;margin:34px 0 0;font-size:18px;line-height:1.85}.policy-hero time{color:#777986;margin-top:26px;font-size:12px;display:block}.policy-summary{grid-template-columns:repeat(3,1fr);margin-top:76px;display:grid}.policy-summary article{align-content:start;min-height:190px;padding:24px 28px 28px;display:grid}.policy-summary article:first-child{padding-left:0}.policy-summary span{color:#858794;font-size:11px}.policy-summary strong{margin-top:38px;font-size:16px}.policy-summary p{color:#8f919e;margin:10px 0 0;font-size:13px;line-height:1.7}.policy-layout{grid-template-columns:220px minmax(0,700px);justify-content:space-between;gap:72px;margin-top:100px;display:grid}.policy-layout aside{height:fit-content;position:sticky;top:28px}.policy-layout aside>p{color:#777986;letter-spacing:.12em;margin:0 0 22px;font-size:11px}.policy-layout aside nav{gap:12px;display:grid}.policy-layout aside a{color:#8f919e;font-size:13px;line-height:1.5}.policy-layout aside a:hover{color:#d2b9f5}.policy-body section{padding:0 0 64px;scroll-margin-top:30px}.policy-body section+section{padding-top:64px}.policy-body h2{letter-spacing:-.035em;margin:0 0 28px;font-size:28px}.policy-body p{color:#aaacb9;margin:0 0 18px;font-size:15px;line-height:1.95}.policy-body p:last-child{margin-bottom:0}@media (width<=720px){.site-header nav{display:none}.header-action{padding-inline:14px}.site-footer{text-align:center;flex-direction:column;justify-content:center;gap:14px;padding:28px 0}.hero{grid-template-columns:1fr;gap:52px;min-height:auto;padding:48px 0 64px}.hero h1{font-size:clamp(34px,8vw,52px)}.hero-intro{font-size:16px}.hero-visual{border-radius:18px;margin:0;transform:none}.feature-section{padding:90px 0}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:first-child{min-height:auto;padding:24px 0 28px}.feature-card h3{margin:34px 0 10px}.showcase-section{padding:90px 0}.section-heading--split{display:block}.section-heading--split>p{margin-top:22px}.showcase-list{margin-top:38px}.showcase-item,.showcase-item--reverse{grid-template-columns:1fr;gap:28px;padding:42px 0}.showcase-item--reverse .showcase-copy,.showcase-item--reverse .showcase-shot{order:initial}.showcase-shot{border-radius:14px}.privacy-callout{border-radius:20px;margin-bottom:80px;padding:48px 28px}.privacy-callout>p:not(.eyebrow){font-size:14px}.policy-page{padding:48px 0 64px}.policy-hero>p:not(.eyebrow){font-size:16px}.policy-summary{grid-template-columns:1fr;margin-top:54px}.policy-summary article,.policy-summary article:first-child{min-height:auto;padding:22px 0 24px}.policy-summary strong{margin-top:22px}.policy-layout{margin-top:72px;display:block}.policy-layout aside{margin-bottom:64px;position:static}.policy-layout aside nav{flex-wrap:wrap;gap:8px;display:flex}.policy-layout aside a{border:1px solid #ffffff1f;border-radius:999px;padding:7px 11px;font-size:12px}.policy-body section,.policy-body section+section{padding:48px 0}.policy-body section:first-child{padding-top:0}.policy-body h2{font-size:24px}.policy-body p{font-size:14px}}@media (width>=721px) and (width<=1050px){.hero{grid-template-columns:.8fr 1.2fr;gap:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.hero-visual--light .browser-bar{color:#77717e;background:#eae7e4}@media (width<=720px){.site-header,.site-footer{width:calc(100% - 32px)}.site-header{min-height:72px}.brand{gap:7px;font-size:14px}.header-download{display:none}.header-actions{gap:7px}.header-action{padding:9px 11px;font-size:11px}.header-github{width:30px;height:30px}.hero-copy{margin-bottom:36px}.hero-intro{font-size:14px}.preview-toolbar{font-size:10px}.theme-switch button{padding:6px 10px}.browser-bar{gap:5px;height:28px;padding:0 10px}.browser-bar i{width:6px;height:6px}.browser-bar .browser-address{padding-right:20px}.hero-visual{border-radius:10px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.feature-card h3{font-size:16px}.feature-card p{font-size:13px}.privacy-callout{padding:36px 24px}}.site-footer{border:0;width:min(1180px,100% - 40px);margin:30px auto 0;padding:80px 0 32px;display:block;position:relative}.footer-invitation{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-invitation h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,6vw,78px);font-weight:550}.footer-install{align-items:center;gap:28px;font-size:18px;display:inline-flex}.footer-install span{color:#171821;background:#c4a7ee;border-radius:50%;place-items:center;width:64px;height:64px;font-size:32px;transition:transform .25s;display:grid}.footer-install:hover span{transform:rotate(45deg)}.footer-stage{padding:70px 0 55px;display:block}.footer-stage svg{width:100%;display:block;overflow:visible}.footer-stage rect{fill:#bba0e5;animation:5s ease-in-out infinite pixel-shimmer}.footer-stage:hover rect{fill:#dbc6ff}@keyframes pixel-shimmer{0%,to{opacity:.95}50%{opacity:.35}}@media (width<=720px){.site-footer{text-align:left;width:calc(100% - 40px);margin-top:0;padding:30px 0 20px}.footer-invitation{flex-direction:column;align-items:flex-start;gap:24px}.footer-install{gap:18px;font-size:16px}.footer-install span{width:44px;height:44px;font-size:25px}.footer-stage{padding:45px 0 25px}.feature-card h3{margin-top:0}}@media (prefers-reduced-motion:reduce){.footer-stage rect{animation:none}}.detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px;margin-top:56px;display:grid}.detail-card{background:#202029;border-radius:32px;overflow:hidden}.detail-card:nth-child(2n){margin-top:80px}.detail-card--lilac{background:#25232e}.detail-card--blue{background:#202631}.detail-card--rose{background:#302529}.detail-card--green{background:#222c28}.detail-art{justify-content:center;align-items:center;height:360px;padding:38px;display:flex}.detail-art svg{filter:drop-shadow(0 18px 22px #0003);border-radius:20px;width:100%;height:100%;transition:transform .35s;display:block}.detail-card:hover .detail-art svg{transform:translateY(-6px)}.detail-copy{padding:8px 38px 38px}.detail-copy h3{letter-spacing:-.035em;margin:0 0 16px;font-size:28px;font-weight:550}.detail-copy p{color:#b4b0bc;max-width:360px;margin:0;font-size:16px;line-height:1.8}.showcase-list{gap:80px;display:grid}.showcase-item{padding:0}.showcase-section{padding-top:130px}@media (width<=720px){.detail-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.detail-card:nth-child(2n){margin-top:0}.detail-art{height:300px;padding:28px}.detail-copy{padding:0 28px 30px}.detail-copy h3{font-size:24px}.detail-copy p{font-size:15px}.showcase-list{gap:64px}.showcase-section{padding-top:60px}}.detail-art svg{aspect-ratio:1;width:auto;max-width:100%;overflow:hidden}.detail-card--green .detail-art svg{aspect-ratio:57/32;width:100%;height:auto}.policy-page{width:min(1080px,100% - 48px);padding-top:90px}.policy-hero{max-width:780px}.policy-hero h1{letter-spacing:-.055em;font-size:clamp(48px,6vw,76px);font-weight:550;line-height:1.2}.policy-hero>p:not(.eyebrow){max-width:670px;margin-top:28px;font-size:18px;line-height:1.9}.policy-hero time{color:#9c97aa;margin-top:24px;font-size:14px}.policy-summary{gap:18px;margin-top:48px}.policy-summary article,.policy-summary article:first-child{background:#25232e;border-radius:22px;min-height:150px;padding:28px}.policy-summary article:nth-child(2){background:#222832}.policy-summary article:nth-child(3){background:#222b28}.policy-summary strong{color:#eee8f6;margin-top:0;font-size:17px;font-weight:550}.policy-summary p{color:#b0acba;margin-top:12px;font-size:15px;line-height:1.8}.policy-layout{grid-template-columns:220px minmax(0,680px);gap:64px;margin-top:88px}.policy-layout aside{top:40px}.policy-layout aside nav{gap:8px}.policy-layout aside a{border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6;transition:background .2s,color .2s;display:block}.policy-layout aside a[aria-current=location]{color:#d4b9f6;background:#c4a7ee14}.policy-body section,.policy-body section+section{padding:0 0 64px;scroll-margin-top:48px}.policy-body section:last-child{padding-bottom:0}.policy-body h2{margin-bottom:24px;font-size:27px;font-weight:550}.policy-body p{color:#bab6c3;text-wrap:pretty;margin-bottom:20px;font-size:16px;line-height:2}@media (width<=850px){.policy-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}}@media (width<=720px){.policy-page{padding:56px 0 64px}.policy-hero>p:not(.eyebrow){font-size:16px}.policy-summary{grid-template-columns:1fr;gap:12px;margin-top:32px}.policy-summary article,.policy-summary article:first-child{min-height:auto;padding:22px 24px}.policy-layout{margin-top:40px;display:block}.policy-layout aside{margin-bottom:44px;position:static}.policy-layout aside nav{flex-wrap:wrap;gap:8px;display:flex}.policy-layout aside a{background:#ffffff05;border:0;padding:10px 12px;font-size:13px}.policy-body h2{font-size:24px}.policy-body p{font-size:15px}.policy-body section,.policy-body section+section{padding:0 0 44px}}