:root{--bg: #0b1120;--bg-2: #0f1a30;--panel: #131f38;--panel-2: #18253f;--border: #243352;--text: #e8eef7;--muted: #9fb0c9;--shadow: rgba(0, 0, 0, .5);--accent: #12b886;--accent-2: #15aabf;--accent-3: #4dabf7;--on-accent: #04241b;--radius: 16px;--maxw: 1080px;color-scheme:dark}:root[data-theme=light]{--bg: #f6f8fc;--bg-2: #eef2f9;--panel: #ffffff;--panel-2: #f3f6fb;--border: #dde4ef;--text: #14233c;--muted: #5a6b86;--shadow: rgba(20, 35, 60, .14);color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: #f6f8fc;--bg-2: #eef2f9;--panel: #ffffff;--panel-2: #f3f6fb;--border: #dde4ef;--text: #14233c;--muted: #5a6b86;--shadow: rgba(20, 35, 60, .14);color-scheme:light}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.15;margin:0 0 .5em}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:color-mix(in srgb,var(--text) 8%,transparent);padding:.1em .4em;border-radius:6px;font-size:.92em}.cursor-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%)}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:transparent}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,4vw,2.5rem);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.25rem;color:var(--text)}.brand:hover{text-decoration:none}.brand img{transition:transform .4s ease}.brand:hover img{transform:rotate(-8deg) scale(1.08)}.nav-links{display:flex;align-items:center;gap:clamp(.4rem,1.6vw,1.2rem)}.nav-links>a{position:relative;color:var(--muted);font-weight:600;font-size:.95rem}.nav-links>a:hover{color:var(--text);text-decoration:none}.nav-links>a[data-section]:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--accent);transition:right .25s ease}.nav-links>a[data-section]:hover:after,.nav-links>a.active:after{right:0}.nav-links>a.active{color:var(--text)}.nav-links .ghost{color:var(--text)}.nav-links .cta{color:var(--on-accent);background:var(--accent);padding:.4rem .85rem;border-radius:999px}.nav-links .cta:hover{filter:brightness(1.08);text-decoration:none}.accent-picker{display:flex;gap:6px;padding:0 .2rem}.swatch{width:16px;height:16px;border-radius:50%;border:2px solid transparent;background:var(--sw);cursor:pointer;padding:0;transition:transform .15s ease}.swatch:hover{transform:scale(1.25);border-color:var(--text)}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer}.icon-btn:hover{border-color:var(--accent)}.nav-burger{display:none}.burger-bars,.burger-bars:before,.burger-bars:after{content:"";display:block;width:16px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s ease,opacity .2s ease}.burger-bars{position:relative}.burger-bars:before{position:absolute;top:-5px}.burger-bars:after{position:absolute;top:5px}.nav.open .nav-burger .burger-bars{background:transparent}.nav.open .nav-burger .burger-bars:before{transform:translateY(5px) rotate(45deg)}.nav.open .nav-burger .burger-bars:after{transform:translateY(-5px) rotate(-45deg)}.theme-icon{width:16px;height:16px;border-radius:50%;background:var(--text);box-shadow:inset -5px -3px 0 0 var(--panel-2)}:root[data-theme=light] .theme-icon,:root:not([data-theme]) .theme-icon{box-shadow:none;background:radial-gradient(circle,var(--accent) 40%,transparent 42%),conic-gradient(var(--text) 0 0);-webkit-mask:radial-gradient(circle 8px at center,#000 98%,transparent);mask:radial-gradient(circle 8px at center,#000 98%,transparent)}@media(max-width:760px){.nav-burger{display:inline-grid}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.1rem;padding:.6rem clamp(1rem,4vw,2.5rem) 1rem;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 16px 28px -18px #00000080;display:none}.nav.open .nav-links{display:flex}.nav-links>a,.nav-links .ghost{padding:.6rem .2rem;font-size:1.02rem}.nav-links>a[data-section]:after{display:none}.accent-picker{justify-content:center;padding:.5rem 0}#theme-toggle{align-self:flex-start}.nav-links .cta{margin-top:.35rem;text-align:center;border-radius:10px;padding:.6rem}}.ad-slot{max-width:728px;margin:3rem auto 0;text-align:center;min-height:100px}.ad-label{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.65;margin-bottom:.35rem}.hero{position:relative;overflow:hidden;text-align:center;padding:clamp(3rem,8vw,6rem) 1.25rem clamp(2rem,5vw,3.5rem)}.hero-bg{position:absolute;inset:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:drift 16s ease-in-out infinite alternate}.blob.b1{width:42vw;height:42vw;left:8%;top:-8%;background:var(--accent)}.blob.b2{width:38vw;height:38vw;right:6%;top:-4%;background:var(--accent-3);animation-delay:-4s}.blob.b3{width:30vw;height:30vw;left:40%;top:40%;background:var(--accent-2);animation-delay:-8s}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.12)}}.spotlight{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%)}.hero-inner{position:relative;max-width:820px;margin:0 auto}.hero-logo{filter:drop-shadow(0 10px 30px color-mix(in srgb,var(--accent) 45%,transparent))}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero h1{font-size:clamp(2.4rem,7vw,4rem);margin-top:1rem;letter-spacing:-.02em}.grad{background:linear-gradient(100deg,var(--accent),var(--accent-2) 50%,var(--accent-3));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}@keyframes shine{to{background-position:200% center}}.lead{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--muted);max-width:640px;margin:0 auto 1.6rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.8rem}.badges span{font-size:.8rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:560px;margin:2.4rem auto 0}.stat{background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--border);border-radius:12px;padding:.8rem .4rem}.stat b{display:block;font-size:clamp(1.3rem,3.5vw,1.9rem);color:var(--accent);line-height:1.1}.stat small{color:var(--muted);font-size:.78rem}@media(max-width:520px){.stats{grid-template-columns:repeat(2,1fr)}}.scroll-hint{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);width:24px;height:38px;border:2px solid var(--muted);border-radius:999px;opacity:.6}.scroll-hint span{position:absolute;left:50%;top:7px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:var(--muted);animation:wheel 1.6s ease-in-out infinite}@keyframes wheel{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(12px)}}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.25rem;border-radius:999px;font-weight:700;font-size:.98rem;color:var(--text);background:var(--panel-2);border:1px solid var(--border);transition:transform .12s ease,filter .15s ease,box-shadow .15s ease}.btn:hover{text-decoration:none;filter:brightness(1.08);box-shadow:0 10px 24px var(--shadow)}.btn.primary{background:linear-gradient(100deg,var(--accent),var(--accent-2));color:var(--on-accent);border-color:transparent}.btn.donate{background:transparent;border-color:var(--accent);color:var(--accent)}.btn.small{padding:.5rem .95rem;font-size:.9rem}.preview{max-width:var(--maxw);margin:-.5rem auto 0;padding:0 1.25rem;text-align:center}.window{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:0 30px 80px var(--shadow);overflow:hidden;text-align:left;transition:transform .3s ease}.tilt:hover{transform:perspective(1200px) rotateX(1.4deg) translateY(-4px)}.shot{display:block;width:100%;height:auto}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.1rem}.gframe{display:block;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 12px 32px var(--shadow);transition:transform .2s ease,border-color .2s ease}.gframe:hover{transform:translateY(-4px);border-color:var(--accent)}.gframe img{display:block;width:100%;height:auto}@media(max-width:680px){.gallery{grid-template-columns:1fr}}.window-bar{display:flex;align-items:center;gap:.45rem;padding:.6rem .9rem;background:var(--panel-2);border-bottom:1px solid var(--border)}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot.r{background:#ff5f57}.dot.y{background:#febc2e}.dot.g{background:#28c840}.url{margin-left:.6rem;font-size:.8rem;color:var(--muted)}.window-body{display:grid;grid-template-columns:76px 1fr;min-height:320px}.mock-nav{background:var(--bg-2);border-right:1px solid var(--border);padding:.9rem 0;display:flex;flex-direction:column;align-items:center;gap:.7rem}.mock-logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));margin-bottom:.6rem}.mock-nav i{width:40px;height:9px;border-radius:5px;background:var(--border)}.mock-nav i.active{background:var(--accent)}.mock-main{padding:1.1rem;display:flex;flex-direction:column;gap:1rem}.mock-row{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.mock-row:nth-child(2){grid-template-columns:2fr 1fr}.mock-card{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:.9rem}.mock-card.kpi b{font-size:1.25rem;display:block;color:var(--text);transition:color .3s ease}.mock-card.kpi small{color:var(--muted)}.mock-card.chart{min-height:130px;display:flex;align-items:flex-end}.bars{display:flex;align-items:flex-end;gap:8px;width:100%;height:100px}.bars i{flex:1;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:4px 4px 0 0;height:50%;transition:height .7s cubic-bezier(.22,1,.36,1)}.bars i:nth-child(1){height:40%}.bars i:nth-child(2){height:70%}.bars i:nth-child(3){height:55%}.bars i:nth-child(4){height:85%}.bars i:nth-child(5){height:60%}.bars i:nth-child(6){height:95%}.bars i:nth-child(7){height:50%}.bars i:nth-child(8){height:75%}.mock-card.donut{display:flex;align-items:center;justify-content:center}.ring{width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--accent) 0 38%,var(--accent-2) 38% 62%,var(--accent-3) 62% 82%,var(--border) 82% 100%);-webkit-mask:radial-gradient(circle 30px at center,transparent 98%,#000 100%);mask:radial-gradient(circle 30px at center,transparent 98%,#000 100%)}.preview-cap{color:var(--muted);font-size:.9rem;margin-top:1rem}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(3.5rem,8vw,6rem) 1.25rem}.section h2{font-size:clamp(1.7rem,4vw,2.4rem);text-align:center;letter-spacing:-.01em}.section-lead{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 2.5rem}.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 16px 36px var(--shadow)}.feature-icon{font-size:1.7rem;margin-bottom:.4rem;transition:transform .2s ease}.feature:hover .feature-icon{transform:scale(1.18) rotate(-6deg)}.feature h3{font-size:1.1rem}.feature p{color:var(--muted);margin:0;font-size:.96rem}.split{display:grid;gap:2rem;grid-template-columns:1.1fr .9fr;align-items:center}.split h2{text-align:left}.split p{color:var(--text)}.split .muted{color:var(--muted);font-size:.95rem}.quote-card{background:linear-gradient(160deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem}.quote{font-size:1.3rem;font-weight:800;color:var(--accent);margin-top:0}@media(max-width:760px){.split{grid-template-columns:1fr}}.author h2{margin-bottom:1.5rem}.author-card{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem}.avatar{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.6rem;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.author-card h3{margin-bottom:.3rem}.author-card p{color:var(--muted);margin-top:0}.author-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}@media(max-width:560px){.author-card{grid-template-columns:1fr;text-align:center;justify-items:center}}.start{text-align:center}.code{text-align:left;max-width:640px;margin:0 auto 1.2rem;background:#0c1626;color:#cfe6dd;border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.3rem;overflow-x:auto;font-size:.88rem;line-height:1.5}.code code{background:none;padding:0;color:inherit}.run{color:var(--muted)}.footer{border-top:1px solid var(--border);background:var(--bg-2)}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:2rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--muted);font-weight:600}.copy{color:var(--muted);font-size:.85rem;margin:0}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js .feature.reveal{transition-delay:calc(var(--i, 0) * 70ms)}.js .reveal.in-view{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.float,.blob,.grad,.scroll-hint span,.bars i{animation:none!important}}.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1.6rem 2rem;width:100%;max-width:var(--maxw);text-align:left}.footer-col h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .7rem}.footer-col a{display:block;color:var(--text);font-weight:500;font-size:.92rem;padding:.18rem 0}.footer-col a:hover{color:var(--accent);text-decoration:none}.brand.small{font-size:1.05rem}.footer-col .muted{font-size:.88rem;margin:.5rem 0 0;max-width:22rem}@media(max-width:760px){.footer-cols{grid-template-columns:1fr 1fr}}.page-hero{position:relative;overflow:hidden;text-align:center;padding:clamp(2.5rem,7vw,4.5rem) 1.25rem clamp(1.5rem,4vw,2.5rem)}.page-hero h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.02em}.page-hero .lead{margin-top:.6rem}.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.prose{max-width:780px;margin:0 auto}.prose p{color:var(--text)}.prose .muted{color:var(--muted)}.prose h2{margin-top:2.2rem}.prose ul{padding-left:1.2rem}.prose li{margin:.35rem 0}.steps{max-width:780px;margin:1.5rem auto 0;display:grid;gap:1rem}.step{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.step .num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:800;color:var(--on-accent);background:linear-gradient(100deg,var(--accent),var(--accent-2))}.step h3{margin:.2rem 0 .3rem}.step p{margin:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:var(--maxw);margin:1.5rem auto 0}.info-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.info-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 12px 28px var(--shadow)}.info-card h3{margin:.2rem 0 .4rem}.info-card p{color:var(--muted);margin:0 0 .6rem}.info-card .ic{font-size:1.6rem}.faq{max-width:780px;margin:1.2rem auto 0}.faq details{border:1px solid var(--border);border-radius:12px;background:var(--panel);margin-bottom:.6rem;overflow:hidden}.faq summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--accent);font-weight:800}.faq details[open] summary:after{content:"–"}.faq details>p{margin:0;padding:0 1.1rem 1rem;color:var(--muted)}.donate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;max-width:900px;margin:1.5rem auto 0}.donate-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:.6rem}.donate-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.donate-card .tag{position:absolute;top:-.7rem;right:1rem;font-size:.7rem;font-weight:700;color:var(--on-accent);background:var(--accent);padding:.15rem .6rem;border-radius:999px}.donate-card h3{margin:0}.donate-card p{color:var(--muted);margin:0;flex:1}.donate-card .soon{opacity:.65}.release{max-width:820px;margin:1.4rem auto 0;border-left:2px solid var(--border);padding-left:1.4rem;position:relative}.release:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.release h3{margin:0}.release .date{color:var(--muted);font-size:.85rem}.release ul{margin:.6rem 0 0;padding-left:1.1rem}.release li{margin:.3rem 0;color:var(--muted)}.tag-table{width:100%;max-width:640px;margin:1rem auto 0;border-collapse:collapse;text-align:left}.tag-table th,.tag-table td{border-bottom:1px solid var(--border);padding:.55rem .6rem;font-size:.92rem}.tag-table th{color:var(--muted);font-weight:600}
