:root{--bg:#fff;--bg-soft:#f7f7f8;--text:#1d1d1f;--text-muted:#86868b;--border:#e6e6e8;--accent:#0891b2;--card:#fbfbfc;--nav-bg:color-mix(in srgb,var(--bg)72%,transparent);--window-bg:#fff;--shadow:0 1px 2px #0000000a,0 12px 40px #00000014,0 40px 80px -20px #0000001f;--glow:color-mix(in srgb,var(--accent)14%,transparent);--hl-string:#3e7d4f;--hl-number:#b0602a;--hl-title:#3b5bb5;--font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Monaco,monospace;--ease:cubic-bezier(.22,1,.36,1);--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0f11;--bg-soft:#161618;--text:#ededef;--text-muted:#8a8a8f;--border:#2a2a2e;--accent:#22d3ee;--card:#161618;--window-bg:#161618;--shadow:0 1px 2px #0000004d,0 12px 40px #0006,0 40px 80px -20px #00000080;--glow:color-mix(in srgb,var(--accent)10%,transparent);--hl-string:#9ccc8c;--hl-number:#e3a26f;--hl-title:#8fb2f5;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f0f11;--bg-soft:#161618;--text:#ededef;--text-muted:#8a8a8f;--border:#2a2a2e;--accent:#22d3ee;--card:#161618;--window-bg:#161618;--shadow:0 1px 2px #0000004d,0 12px 40px #0006,0 40px 80px -20px #00000080;--glow:color-mix(in srgb,var(--accent)10%,transparent);--hl-string:#9ccc8c;--hl-number:#e3a26f;--hl-title:#8fb2f5;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{background:var(--bg);color:var(--text);font:17px/1.5 var(--font-ui);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;transition:background-color .4s var(--ease),color .4s var(--ease);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{max-width:100%}::selection{background:color-mix(in srgb,var(--accent)22%,transparent)}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:600}section{padding:0 24px}.nav{position:sticky;z-index:10;display:flex;background:var(--nav-bg);backdrop-filter:saturate(180%)blur(20px);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid color-mix(in srgb,var(--border)70%,transparent);justify-content:space-between;align-items: center;height:52px;padding:0 max(24px,50% - 520px);top:0}.nav-brand{display:flex;color:var(--text);align-items: center;gap:8px;font-size:15px;font-weight:600}.nav-brand:hover{text-decoration:none}.nav-links{display:flex;align-items: center;gap:22px;font-size:13px}.nav-links a{display:flex;color:var(--text-muted);align-items: center;gap:6px;transition:color .2s}.nav-links a svg{flex:none;width:14px;height:14px}.nav-links a:hover{color:var(--text);text-decoration:none}.theme-toggle{display:grid;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items: center;width:30px;height:30px;padding:0;transition:color .2s,background-color .2s}.theme-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--text)6%,transparent)}.theme-toggle svg{grid-area:1/1;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;opacity:0;transition:opacity .3s var(--ease),transform .4s var(--ease);width:17px;height:17px;transform:rotate(-60deg)scale(.6)}.theme-toggle[data-mode=system] .i-system,.theme-toggle[data-mode=light] .i-light,.theme-toggle[data-mode=dark] .i-dark{opacity:1;transform:none}.hero{position:relative;text-align:center;padding-top:112px;padding-bottom:72px}.hero:before{content:"";position:absolute;background:radial-gradient(50% 60% at 50% 20%,var(--glow),transparent 70%);pointer-events:none;z-index:-1;height:560px;inset:0 0 auto}.hero-icon{filter:drop-shadow(0 12px 28px #0000002e);animation:6s ease-in-out infinite float;width:128px;height:128px}.hero h1{letter-spacing:-.05em;margin-top:16px;font-size:clamp(56px,10vw,96px);line-height:1}.hero-version{margin:28px 0 0}.version-pill{display:inline-block;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);font-family:var(--font-mono);border-radius:980px;padding:3px 12px;transition:color .2s,border-color .2s;font-size:13px}.version-pill:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.hero-lead{letter-spacing:-.02em;background:linear-gradient(90deg,var(--text),var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:16px 0 0;font-size:clamp(24px,3.4vw,32px);font-weight:600}.hero-sub{color:var(--text-muted);max-width:34em;margin:14px auto 0;font-size:19px}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:12px 28px;margin-top:36px}.btn{display:inline-flex;transition:transform .2s var(--ease),background-color .2s,opacity .2s;align-items: center;gap:6px;font-size:16px}.btn:hover{text-decoration:none}.btn-primary{background:var(--text);color:var(--bg);border-radius:980px;padding:12px 24px;font-weight:500}.btn-primary:hover{transform:scale(1.03)}.btn-primary:active{transform:scale(.98)}.btn .apple{fill:currentColor;width:1.05em;height:1.05em;margin-top:-.15em}.btn-link span{transition:transform .2s var(--ease);display:inline-block}.btn-link:hover span{transform:translate(3px)}.showcase{max-width:880px;margin:0 auto;padding-bottom:140px}.window{position:relative;overflow:hidden;border:1px solid var(--border);background:var(--window-bg);box-shadow:var(--shadow);transition:background-color .4s var(--ease),border-color .4s var(--ease);border-radius:12px}.window-bar{position:absolute;display:flex;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--window-bg)80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-muted);opacity:0;animation:7s ease-in-out 1.5s infinite chrome;align-items: center;height:48px;padding:0 14px;transition:opacity .15s ease-out;font-size:12px;inset:0 0 auto}.window:hover .window-bar{opacity:1;animation:none}.lights{display:flex;gap:8px}.lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.window-title{position:absolute;left:50%;transform:translate(-50%)}.window-controls{display:flex;gap:12px;margin-left:auto}.window-controls svg{width:15px;height:15px}.window-controls-left{margin-left:16px}.window-body{font:15px/1.75 var(--font-mono);text-align:left;min-height:380px;padding:clamp(56px,9vw,96px) clamp(24px,12vw,128px)}.window-body p{margin:0 0 18px}.doc-h{color:color-mix(in srgb,var(--text)30%,transparent);font-size:17px;font-weight:600}.doc-h .md{color:var(--text-muted);font-weight:400}.doc-p{color:color-mix(in srgb,var(--text)30%,transparent);transition:color .4s}.doc-active{color:var(--text)}.caret{display:inline-block;vertical-align:-.2em;background:var(--accent);animation:1.1s step-end infinite blink;width:2px;height:1.15em;margin-left:2px}.caption{text-align:center;color:var(--text-muted);margin:20px 0 0;font-size:14px}.features,.shortcuts{max-width:1040px;margin:0 auto;padding-bottom:140px}.features h2,.shortcuts h2,.download h2{text-align:center;margin-bottom:56px;font-size:clamp(36px,5.5vw,56px);line-height:1.08}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{border:1px solid var(--border);background:var(--card);transition:transform .4s var(--ease),box-shadow .4s var(--ease),background-color .4s var(--ease),opacity .8s var(--ease);border-radius:18px;padding:32px 28px}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card h3{letter-spacing:-.02em;font-size:19px}.card p{color:var(--text-muted);margin:10px 0 0;font-size:15px}.keys{max-width:560px;margin:0 auto}.keys div{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;gap:16px;padding:16px 4px}.keys div:first-child{border-top:1px solid var(--border)}.keys dt{font-size:16px}.keys dd{display:flex;gap:4px;margin:0}.keys dd .or{color:var(--text-muted);padding:0 4px}kbd{border:1px solid var(--border);background:var(--bg-soft);font:13px/1.3 var(--font-ui);text-align:center;color:var(--text-muted);border-bottom-width:2px;border-radius:6px;min-width:26px;padding:3px 7px}.palette{max-width:1040px;margin:0 auto;padding-bottom:140px}.palette h2{text-align:center;font-size:clamp(36px,5.5vw,56px);line-height:1.08}.palette-lead{text-align:center;color:var(--text-muted);max-width:40em;margin:16px auto 56px;font-size:19px}.palette-lead kbd{font-size:15px}.palette-box{border:1px solid var(--border);background:var(--window-bg);box-shadow:var(--shadow);overflow:hidden;border-radius:12px;max-width:560px;margin:0 auto}.palette-input{border-bottom:1px solid var(--border);padding:14px 16px;font-size:16px}.palette-box ul{list-style:none;margin:0;padding:6px}.palette-box li{display:flex;border-radius:6px;justify-content:space-between;align-items: center;gap:12px;padding:7px 10px;font-size:15px}.palette-box li.selected{background:color-mix(in srgb,var(--text)7%,transparent)}.palette-box kbd{background:0 0;border:0;min-width:0;padding:0;font-size:12px}.config{max-width:1040px;margin:0 auto;padding-bottom:140px}.config h2{text-align:center;font-size:clamp(36px,5.5vw,56px);line-height:1.08}.config-lead{text-align:center;color:var(--text-muted);max-width:40em;margin:16px auto 56px;font-size:19px}.config-window{max-width:760px;margin:0 auto}.config-bar{position:relative;display:flex;border-bottom:1px solid var(--border);color:var(--text-muted);align-items: center;height:40px;padding:0 14px;font-size:12px}.config-code{overflow-x:auto;font:13.5px/1.7 var(--font-mono);color:var(--text);tab-size:2;margin:0;padding:28px clamp(20px,5vw,44px)}.t-sec{color:var(--hl-title);font-weight:600}.t-str{color:var(--hl-string)}.t-num{color:var(--hl-number)}.t-com{color:var(--text-muted);font-style:italic}.config-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 32px;max-width:880px;margin:40px auto 0}.config-notes p{color:var(--text-muted);margin:0;font-size:15px}.config-notes strong{display:block;color:var(--text);margin-bottom:4px;font-weight:600}.config-lead code,.config-notes code{font:.9em var(--font-mono);color:var(--text)}.download{text-align:center;border-top:1px solid var(--border);background:linear-gradient(var(--bg),var(--bg-soft));padding-top:120px;padding-bottom:140px}.download img{width:72px;height:72px}.download h2{margin:20px 0 12px}.download>p{color:var(--text-muted);margin:0 0 32px}.note{color:var(--text-muted);margin:18px 0 0;font-size:14px}.contact-section{border-top:1px solid var(--border);padding-top:120px;padding-bottom:140px}.contact-section h2{text-align:center;font-size:clamp(36px,5.5vw,56px);line-height:1.08}.contact-intro{text-align:center;color:var(--text-muted);max-width:40em;margin:16px auto 56px;font-size:19px}.contact{display:grid;grid-template-columns:minmax(260px,.85fr)minmax(0,1.3fr);border:1px solid var(--border);background:var(--card);overflow:hidden;border-radius:18px;max-width:1040px;margin:0 auto}.contact-about,.contact-cta{display:flex;flex-direction:column;padding:40px}.contact-about{border-right:1px solid var(--border);gap:24px}.contact-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:160px;height:160px}.contact-name{letter-spacing:-.02em;font-size:22px}.contact-role{color:var(--accent);margin:4px 0 16px;font-size:13px}.contact-note{color:var(--text-muted);margin:0;font-size:15px}.contact-links{display:flex;color:var(--text-muted);flex-wrap:wrap;gap:8px;margin:16px 0 0;font-size:13px}.contact-lead{color:var(--text-muted);margin:0 0 20px;font-size:15px}.contact-list{list-style:none;margin:0 0 32px;padding:0}.contact-list li{border-bottom:1px solid var(--border);color:var(--text-muted);padding:12px 0;font-size:15px}.contact-list li:first-child{padding-top:0}.contact-list li:last-child{border-bottom:0}.contact-list strong{color:var(--text);font-weight:600}.contact-button{align-self: flex-start;margin-top:auto}.footer{display:flex;background:var(--bg-soft);color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:8px;padding:28px 24px 40px;font-size:12px}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--text)}.js .reveal{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--delay,0s);transform:translateY(24px)}.js .reveal.in{opacity:1;transform:none}.js .reveal.done{transition-delay:0s}.js .card.done{transition:transform .4s var(--ease),box-shadow .4s var(--ease),background-color .4s var(--ease)}.js .card.done:hover{transform:translateY(-4px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{50%{opacity:0}}@keyframes chrome{0%,30%,to{opacity:0}40%,70%{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}@media (max-width:600px){.nav-links{gap:14px}.nav-links a span{display:none}.nav-links a svg{width:16px;height:16px}.hero{padding-top:72px}.showcase,.features,.palette,.shortcuts,.config{padding-bottom:96px}.contact-section{padding-top:96px;padding-bottom:96px}.contact-intro br{display:none}}@media (max-width:800px){.contact{grid-template-columns:1fr}.contact-about{text-align:center;border-right:0;border-bottom:1px solid var(--border);align-items: center}.contact-links{justify-content:center}.contact-about,.contact-cta{padding:32px 24px}.config-code{font-size:12px}.window-body{min-height:0;font-size:13px}.window-controls{display:none}}