:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-bg:#110c1d;--surface:#1c1528;--surface-muted:#231d30;--surface-strong:#322b40;--line:#494158;--ink:#dfdde3;--ink-soft:#b6b2bd;--ink-muted:#8d8896;--brand:#945df4;--brand-solid:#5a0fdb;--brand-hover:#752df0;--accent:#b48df7;--danger:#ea6962;--warning:#e8b44a;--success:#7daea3;--glow-rgb:154 102 244;--btn-secondary-bg:#1c1528b8;--section-divider:#494158b3;--swatch-circle-border:#dfdde338;--hero-gradient-1:#0b07128c;--hero-gradient-2:#110c1deb}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-bg:#f8f6fd;--surface:#f0edf9;--surface-muted:#eae7f5;--surface-strong:#e3dff0;--line:#d3cde6;--ink:#302e36;--ink-soft:#403850;--ink-muted:#9880c0;--brand:#6319be;--brand-solid:#5a14b0;--brand-hover:#7730b8;--accent:#7030b0;--danger:#c0392b;--warning:#c07a10;--success:#28a745;--glow-rgb:99 25 190;--btn-secondary-bg:#f8f6fdd9;--section-divider:#d3cde6b3;--swatch-circle-border:#3a255626;--hero-gradient-1:#f8f6fd66;--hero-gradient-2:#eae7f5d9}*{box-sizing:border-box}:root{background:var(--theme-bg);color:var(--ink);font-family:Montserrat,Avenir Next,Segoe UI,sans-serif}html{background:var(--theme-bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 72% 12%, rgb(var(--glow-rgb) / .12), transparent 28rem), var(--theme-bg);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}a:focus-visible,.button:focus-visible,.nav-toggle:focus-visible,.theme-toggle:focus-visible{outline:3px solid var(--brand);outline-offset:4px}code{color:var(--accent);background:var(--surface-muted);border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.88em}.site-shell{width:min(1320px,100% - 48px);margin-inline:auto}.site-header{z-index:100;background:radial-gradient(circle at 72% 12%, rgb(var(--glow-rgb) / .05), transparent 28rem), var(--theme-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--section-divider);position:sticky;top:0}.header-inner{align-items:center;gap:clamp(16px,2.4vw,28px);min-height:80px;display:flex}:root[data-theme=light] .site-header{background:#f8f6fdcc}.brand{align-items:center;gap:12px;min-width:max-content;font-weight:800;display:flex}.brand img{box-shadow:0 0 28px rgb(var(--glow-rgb) / .24);border-radius:10px}.nav-links{min-width:0;color:var(--ink-soft);white-space:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:clamp(12px,2.5vw,32px);font-size:.92rem;font-weight:700;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-links .separator{background:var(--line);opacity:.5;width:1px;height:14px}.nav-links a:hover,.site-footer a:hover{color:var(--brand)}.nav-toggle{border:1px solid var(--line);background:var(--btn-secondary-bg);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background .2s;display:none}.nav-toggle:hover,.nav-toggle[aria-expanded=true]{border-color:var(--brand);background:var(--surface-strong);color:var(--brand)}.theme-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex;position:relative}.theme-toggle:hover{border-color:var(--brand);color:var(--brand)}.icon-sun,.icon-moon{width:20px;height:20px;margin-top:-10px;margin-left:-10px;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:50%}:root[data-theme=dark] .icon-sun{opacity:1;transform:scale(1)rotate(0)}:root[data-theme=dark] .icon-moon{opacity:0;transform:scale(0)rotate(-90deg)}:root[data-theme=light] .icon-sun{opacity:0;transform:scale(0)rotate(90deg)}:root[data-theme=light] .icon-moon{opacity:1;transform:scale(1)rotate(0)}.hero{align-items:center;min-height:86vh;display:flex;position:relative;overflow:hidden}.hero-wallpaper{background-image:linear-gradient(to bottom, var(--hero-gradient-1) 0%, var(--hero-gradient-2) 100%), url(/wallpaper-dark.svg);z-index:0;background-position:50% 30%;background-size:cover;animation:20s ease-in-out infinite alternate hero-ken-burns;position:absolute;inset:0}:root[data-theme=light] .hero-wallpaper{background-image:linear-gradient(to bottom, var(--hero-gradient-1) 0%, var(--hero-gradient-2) 100%), url(/wallpaper-light.svg)}@keyframes hero-ken-burns{0%{transform:scale(1)}to{transform:scale(1.08)}}@media (width<=768px){.hero-wallpaper{background-image:linear-gradient(to bottom, var(--hero-gradient-1) 0%, var(--hero-gradient-2) 100%), url(/wallpaper-dark-mobile.svg);background-position:50%}:root[data-theme=light] .hero-wallpaper{background-image:linear-gradient(to bottom, var(--hero-gradient-1) 0%, var(--hero-gradient-2) 100%), url(/wallpaper-light-mobile.svg)}}.hero-inner{z-index:1;max-width:760px;padding-block:120px 100px;position:relative}.eyebrow{color:var(--brand);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:0}h1{letter-spacing:-.02em;max-width:860px;margin-bottom:32px;font-size:clamp(3.2rem,6vw,5.6rem);line-height:.98}h2{margin-bottom:0;font-size:clamp(2rem,4.5vw,3.6rem);line-height:.96}h3{margin-bottom:10px;font-size:1.2rem}.lede{max-width:560px;color:var(--ink-soft);margin-bottom:32px;font-size:clamp(1rem,2vw,1.14rem);line-height:1.72}.hero-inner .lede{color:#dfdde3e6}:root[data-theme=light] .hero-inner h1{color:#1a0b33}:root[data-theme=light] .hero-inner .lede{color:#403850;font-weight:500}.install-action{margin-top:28px}.button-copy-install{border:1px solid var(--line);background:var(--surface-muted);width:100%;max-width:440px;min-height:52px;color:var(--ink-soft);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:0 16px;font-family:Fira Code,monospace;font-size:.86rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.button-copy-install:hover{border-color:var(--brand);background:var(--surface-strong);color:var(--ink);box-shadow:0 12px 32px rgb(var(--glow-rgb) / .12);transform:translateY(-2px)}.button-copy-install .command{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.button-copy-install .copy-icon{background:var(--surface-strong);width:32px;height:32px;color:var(--brand);border-radius:8px;justify-content:center;align-items:center;margin-left:12px;transition:all .2s;display:flex}.button-copy-install:hover .copy-icon{background:var(--brand);color:#fff}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:.92rem;font-weight:800;display:inline-flex}.button-primary{background:var(--brand-solid);color:#fff;box-shadow:0 4px 14px rgb(var(--glow-rgb) / .3);transition:all .2s}.button-primary:hover{background:var(--brand-hover);box-shadow:0 6px 20px rgb(var(--glow-rgb) / .4);transform:translateY(-2px)}.button-secondary{border-color:var(--line);background:var(--btn-secondary-bg);color:var(--ink-soft);transition:all .2s}.button-secondary:hover{border-color:var(--brand-hover);color:var(--ink);background:var(--surface-strong);transform:translateY(-2px)}.section-lede{max-width:580px;color:var(--ink-soft);margin-top:12px;margin-bottom:0;font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.7}.preview-section{border-top:1px solid var(--section-divider);grid-template-columns:minmax(0,1fr);gap:40px;padding-block:80px;display:grid}.preview-header{max-width:560px}.mockup-controls{gap:12px;margin-top:24px;display:flex}.browser-mockup{border:1px solid #231d30;border-radius:14px;width:100%;max-width:860px;overflow:hidden;box-shadow:0 32px 96px #05020a85}.bm-frame{background:#0b0712;flex-direction:column;transition:background .3s;display:flex}:root[data-theme=light] .bm-frame{background:#eae7f5}.bm-frame--incognito,.bm-frame--incognito .bm-tabstrip{background:#08060e!important}.bm-frame--incognito .bm-tab--inactive{background:#08060e!important;border-color:#1a1523!important}.bm-frame--incognito .bm-tab--active,.bm-frame--incognito .bm-toolbar{background:#1c1528!important}.bm-frame--incognito .bm-bookmarks{background:#1c1528!important;border-color:#1a1523!important}.bm-frame--incognito .bm-omnibox{background:#08060e!important}.bm-frame--incognito .bm-page{background:#110c1d!important}.bm-tabstrip{background:#0b0712;align-items:flex-end;gap:2px;min-height:46px;padding:10px 12px 0;transition:background .3s;display:flex}:root[data-theme=light] .bm-tabstrip{background:#eae7f5}.bm-tab{cursor:default;border-radius:8px 8px 0 0;align-items:center;gap:7px;min-width:120px;max-width:200px;height:34px;padding:0 12px 0 10px;font-size:.76rem;font-weight:600;display:flex;position:relative}.bm-tab--active{color:#dfdde3;background:#1c1528;transition:background .3s,color .3s;overflow:visible}:root[data-theme=light] .bm-tab--active{color:#302e36;background:#f8f6fd}.bm-tab-line{background:#752df0;border-radius:2px;height:3px;position:absolute;top:0;left:0;right:0}:root[data-theme=light] .bm-tab-line{background:#6319be}.bm-tab--inactive{color:#a19da8;background:#0b0712;border:1px solid #231d30;border-bottom:none;transition:background .3s,color .3s,border-color .3s}:root[data-theme=light] .bm-tab--inactive{color:#9880c0;background:#eae7f5;border-color:#d3cde6}.bm-tab-favicon{opacity:.7;flex-shrink:0}.bm-tab--active .bm-tab-favicon{opacity:1;color:var(--brand)}.bm-tab-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bm-tab-close{opacity:.4;margin-left:auto;padding-left:6px;font-size:.9rem;line-height:1}.bm-tab--active .bm-tab-close{opacity:.6}.bm-tab-new{color:#8d8896;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:28px;height:28px;margin-left:4px;font-size:1rem;display:flex}.bm-toolbar{background:#1c1528;align-items:center;gap:10px;min-height:46px;padding:8px 14px;transition:background .3s;display:flex}:root[data-theme=light] .bm-toolbar{background:#f8f6fd}.bm-nav-btns{color:#b6b2bd;gap:6px;font-size:1.1rem;display:flex}.bm-nav-btns span{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.bm-omnibox{color:#b6b2bd;background:#110c1d;border-radius:20px;flex:1;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:.82rem;transition:background .3s,color .3s;display:flex}:root[data-theme=light] .bm-omnibox{color:#9880c0;background:#eae7f5}.bm-omnibox-url{color:#dfdde3;font-family:Fira Code,monospace;font-size:.8rem;transition:color .3s}:root[data-theme=light] .bm-omnibox-url{color:#302e36}.bm-url-scheme{color:#945df4}.bm-toolbar-actions{color:#b6b2bd}.bm-icon-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.bm-bookmarks{color:#dfdde3;background:#1c1528;border-top:1px solid #231d30;gap:6px;padding:5px 16px;font-size:.74rem;transition:background .3s,color .3s,border-color .3s;display:flex}:root[data-theme=light] .bm-bookmarks{color:#302e36;background:#f8f6fd;border-top-color:#d3cde6}.bm-bookmark{cursor:pointer;white-space:nowrap;border-radius:4px;padding:3px 8px}.bm-bookmark:hover{background:#322b40}.bm-page{background:#110c1d;justify-content:center;align-items:center;min-height:260px;transition:background .3s;display:flex}:root[data-theme=light] .bm-page{background:#f8f6fd}.bm-ntp{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:560px;padding:32px 24px;display:flex}.bm-ntp-search{color:#8d8896;background:#1c1528;border:1px solid #231d30;border-radius:24px;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 18px;font-size:.9rem;transition:background .3s,border-color .3s,color .3s;display:flex}:root[data-theme=light] .bm-ntp-search{color:#9880c0;background:#f8f6fd;border-color:#d3cde6}.bm-ntp-shortcuts{gap:20px;display:flex}.bm-shortcut{color:#b6b2bd;cursor:pointer;flex-direction:column;align-items:center;gap:8px;font-size:.76rem;display:flex}.bm-shortcut-icon{color:#945df4;background:#1c1528;border:1px solid #231d30;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:800;transition:background .3s,border-color .2s,color .3s;display:flex}:root[data-theme=light] .bm-shortcut-icon{color:#6319be;background:#f0edf9;border-color:#d3cde6}.bm-shortcut:hover .bm-shortcut-icon{border-color:#945df4}.token-legend{flex-wrap:wrap;gap:12px;display:flex}.token-item{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:1;align-items:center;gap:12px;min-width:280px;padding:12px 16px;display:flex}.token-swatch{border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:36px;height:36px}.token-item strong{margin-bottom:3px;font-size:.88rem;display:block}.token-item span{color:var(--ink-muted);font-family:Fira Code,monospace;font-size:.76rem;display:block}.why-section{border-top:1px solid var(--section-divider);grid-template-columns:minmax(0,.5fr) minmax(0,1fr);align-items:start;gap:32px;padding-block:80px;display:grid}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.why-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px;transition:border-color .2s}.why-card:hover{border-color:var(--brand)}.why-icon{background:var(--surface-strong);width:44px;height:44px;color:var(--brand);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.why-card h3{margin-bottom:8px;font-size:1.05rem}.why-card p{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.65}.palette-section{border-top:1px solid var(--section-divider);grid-template-columns:minmax(0,.5fr) minmax(0,1fr);align-items:start;gap:32px;padding-block:80px;display:grid}.swatches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatches span{border:1px solid var(--line);min-height:42px;color:var(--ink-soft);border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 8px;font-size:.86rem;font-weight:700;display:inline-flex}.swatches span:before{border:1px solid var(--swatch-circle-border);background:var(--swatch);content:"";border-radius:999px;width:26px;height:26px}.install-section{border-top:1px solid var(--section-divider);grid-template-columns:minmax(0,.5fr) minmax(0,1fr);align-items:start;gap:32px;padding-block:80px;display:grid}.install-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.install-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;gap:16px;padding:28px;display:flex}.install-step-badge{background:var(--brand-solid);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:800;display:inline-flex}.install-card h3{margin:0;font-size:1.1rem}.install-card-body{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.6}.install-steps{color:var(--ink-soft);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.9rem;line-height:1.7;display:flex}.install-steps a{color:var(--brand)}.install-steps a:hover{text-decoration:underline}.install-steps strong{color:var(--ink)}.install-store-btn{align-self:flex-start;margin-top:auto}.site-footer{border-top:1px solid var(--section-divider);min-height:104px;color:var(--ink-muted);justify-content:space-between;align-items:center;gap:24px;font-size:.92rem;font-weight:700;display:flex}.footer-links{align-items:center;gap:24px;display:flex}.github-link{align-items:center;gap:8px;transition:color .2s;display:inline-flex}.github-link:hover{color:var(--brand)}@media (width<=1080px){.why-section,.palette-section,.install-section{grid-template-columns:1fr}}@media (width<=940px){.header-inner{flex-wrap:wrap;row-gap:0;min-height:72px;padding-block:12px}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start}.header-actions{margin-left:auto}.nav-toggle{display:inline-flex}.nav-links{flex-basis:100%;order:3;gap:10px;padding:10px 0 4px;display:none}.site-header[data-nav-open=true] .nav-links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.nav-links a{border:1px solid var(--line);background:var(--btn-secondary-bg);border-radius:10px;justify-content:center;align-items:center;min-height:42px;display:inline-flex}.nav-links a:hover{border-color:var(--brand);background:var(--surface-strong)}.nav-links .separator{display:none}}@media (width<=680px){.bm-bookmarks{display:none}.bm-tab{min-width:80px}.bm-tab-label{display:none}.install-grid,.why-grid{grid-template-columns:1fr}.token-legend{flex-direction:column}.token-item{min-width:0}}@media (width<=560px){.site-shell{width:min(100% - 24px,1320px)}.hero-inner{padding-block:80px 72px}}@media (prefers-reduced-motion:reduce){.icon-sun,.icon-moon,.why-card,.button-copy-install{transition:none}}