*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, #1cb8ff2e, transparent 34%) no-repeat fixed, linear-gradient(180deg, #081019 0%, #0a0d12 32%, var(--pc-bg) 100%) no-repeat fixed;background-color:var(--pc-bg);min-height:100vh;color:var(--pc-text);font-family:var(--pc-font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}:root[data-theme=light] body{background:radial-gradient(circle at top, #0090c01a, transparent 34%) no-repeat fixed, linear-gradient(180deg, #f8fbfd 0%, #f1f5f8 32%, var(--pc-bg) 100%) no-repeat fixed}a{color:var(--pc-accent);text-decoration:none}a:hover{text-decoration:underline}main :is(p,li) a{text-underline-offset:.15em;text-decoration:underline}code{font-family:var(--pc-mono);font-size:.9em}:focus-visible{outline:2px solid var(--pc-accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:200;border-radius:var(--pc-radius);background:var(--pc-accent);color:#000;padding:.5rem .9rem;font-weight:600;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:.5rem}.site-header{z-index:100;border-bottom:1px solid var(--pc-border);background:var(--pc-bg-nav);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1.5rem;height:56px;padding:0 2rem;display:flex;position:sticky;top:0}.nav-logo{color:var(--pc-text);letter-spacing:.04em;white-space:nowrap;font-size:.95rem;font-weight:700}.nav-logo:hover{text-decoration:none}.nav-logo span{color:var(--pc-accent)}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--pc-muted);white-space:nowrap;font-size:.875rem;transition:color .15s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--pc-text);text-decoration:none}.nav-cta{border-radius:var(--pc-radius);background:var(--pc-accent);color:#000;white-space:nowrap;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:background .15s}.nav-cta:hover{background:var(--pc-accent-2);color:#fff;text-decoration:none}.theme-control select{border:1px solid var(--pc-border);border-radius:var(--pc-radius);background:var(--pc-bg-2);min-height:2rem;color:var(--pc-text);font:inherit;cursor:pointer;padding:.25rem .45rem;font-size:.8rem;line-height:1}.theme-control select:hover{border-color:var(--pc-accent-2)}:root[data-theme=light] .nav-cta,:root[data-theme=light] .skip-link{color:#fff}.github-icon{align-items:center;gap:.4rem;display:inline-flex}.hero{text-align:center;padding:4rem 2rem 3.5rem;position:relative;overflow:hidden}.hero-grid{background-image:var(--pc-grid-line);opacity:.35;background-size:48px 48px;position:absolute;inset:0;mask-image:radial-gradient(80% 60% at 50% 30%,#000 20%,#0000 100%)}.hero>:not(.hero-grid){position:relative}.hero-badge{color:var(--pc-accent);letter-spacing:.05em;text-transform:uppercase;background:#00c8ff14;border:1px solid #00c8ff33;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.8rem;padding:.3rem .9rem;font-size:.78rem;font-weight:600;display:inline-flex}.dot{background:var(--pc-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.dot{animation:none}html{scroll-behavior:auto}}.hero h1{letter-spacing:-.03em;margin-bottom:1.2rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.1}.hero h1 em{color:var(--pc-accent);font-style:normal}.hero-sub{max-width:560px;color:var(--pc-muted);margin:0 auto 2.4rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.hero--compact h1{max-width:760px;margin-inline:auto;font-size:clamp(2rem,5vw,3rem)}.hero--compact .hero-sub{max-width:660px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary,.btn-secondary,.btn-coffee{border-radius:var(--pc-radius);align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn-primary{background:var(--pc-accent);color:#000;font-weight:700}.btn-primary:hover{background:var(--pc-accent-2);color:#fff}.btn-secondary{border:1px solid var(--pc-border);color:var(--pc-text);background:0 0}.btn-secondary:hover{border-color:var(--pc-muted)}.btn-coffee{color:var(--pc-coffee);background:0 0;border:1px solid #f0a24a80}.btn-coffee:hover{border-color:var(--pc-coffee);background:#f0a24a1f}.btn-primary:hover,.btn-secondary:hover,.btn-coffee:hover{text-decoration:none;transform:translateY(-1px)}.desktop-web-only-note{width:100%;color:var(--pc-muted);text-align:center;font-size:.9rem;display:none}.divider{background:linear-gradient(90deg, transparent, var(--pc-border) 30%, var(--pc-border) 70%, transparent);height:1px;margin:0 2rem}.section{max-width:1100px;margin:0 auto;padding:5rem 2rem}.section-label{color:var(--pc-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.section h2,.cta-section h2,.feedback-card h2{letter-spacing:-.025em;margin-bottom:.75rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.2}.section-intro{max-width:560px;color:var(--pc-muted);margin-bottom:3rem;font-size:1.05rem;line-height:1.65}.section-intro--after{margin:1.6rem 0 0}.card-grid{border:1px solid var(--pc-border);border-radius:calc(var(--pc-radius) + 2px);background:var(--pc-border);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;display:grid;overflow:hidden}.card{background:var(--pc-bg-2);padding:1.8rem;transition:background .15s}.card:hover{background:var(--pc-bg-3)}.card-icon{margin-bottom:.9rem;font-size:1.4rem;display:block}.card h3{margin-bottom:.5rem;font-size:1rem;font-weight:700}.card p{color:var(--pc-muted);font-size:.88rem;line-height:1.6}.ops-grid{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.op-tag{border:1px solid var(--pc-border);background:var(--pc-bg-3);font-family:var(--pc-mono);border-radius:4px;padding:.3rem .75rem;font-size:.8rem}.workflow-steps{counter-reset:steps;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;list-style:none;display:grid}.workflow-step{border:1px solid var(--pc-border);border-radius:var(--pc-radius);background:var(--pc-bg-2);counter-increment:steps;padding:1.5rem;position:relative}.workflow-step:before{content:counter(steps, decimal-leading-zero);color:var(--pc-accent);font-family:var(--pc-mono);letter-spacing:.05em;margin-bottom:.6rem;font-size:.7rem;font-weight:700;display:block}.workflow-step h3{margin-bottom:.4rem;font-size:.95rem;font-weight:700}.workflow-step p{color:var(--pc-muted);font-size:.83rem;line-height:1.55}.screenshot-showcase{max-width:1100px;margin:0 auto;padding:0 2rem 5rem}.screenshot-main{border:1px solid var(--pc-border);border-radius:calc(var(--pc-radius) + 4px);box-shadow:0 24px 80px #000000b3, 0 0 0 1px var(--pc-border);overflow:hidden}.screenshot-main img,.screenshot-row img,.view-card img,.view-spotlight img{width:100%;height:auto;display:block}.screenshot-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.screenshot-row figure>div{border:1px solid var(--pc-border);border-radius:var(--pc-radius);background:#0a0a0c;overflow:hidden}.screenshot-row figcaption{color:var(--pc-muted);font-family:var(--pc-mono);letter-spacing:.04em;text-align:center;margin-top:.5rem;font-size:.75rem}.views-row{border:1px solid var(--pc-border);border-radius:var(--pc-radius);background:var(--pc-border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.view-card{background:var(--pc-bg-2)}.view-card img{border-bottom:1px solid var(--pc-border)}.view-card-body,.view-spotlight-copy{padding:1.6rem}.view-name{color:var(--pc-accent);font-family:var(--pc-mono);letter-spacing:.04em;margin-bottom:.6rem;font-size:.78rem;font-weight:700}.view-card h3,.view-spotlight h3{margin-bottom:.4rem;font-size:1rem;font-weight:700}.view-card p,.view-spotlight p{color:var(--pc-muted);font-size:.85rem;line-height:1.55}.view-spotlight{border:1px solid var(--pc-border);border-radius:calc(var(--pc-radius) + 2px);background:var(--pc-bg-2);grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);margin-top:1rem;display:grid;overflow:hidden}.view-spotlight-image{border-right:1px solid var(--pc-border);background:#0a0a0c}:root[data-theme=light] .media-frame,:root[data-theme=light] .view-spotlight-image{background:var(--pc-bg-3)}.view-spotlight-copy{flex-direction:column;justify-content:center;display:flex}.status-banner{border:1px solid var(--pc-border);border-left:3px solid var(--pc-accent);border-radius:var(--pc-radius);background:var(--pc-bg-2);max-width:700px;padding:1.4rem 1.8rem}.status-banner h3{margin-bottom:.4rem;font-size:.95rem}.status-banner p{color:var(--pc-muted);font-size:.88rem}.status-list{flex-wrap:wrap;gap:.4rem 1.5rem;margin-top:.8rem;list-style:none;display:flex}.status-list li{color:var(--pc-muted);font-size:.83rem}.status-list li:before{content:"→ ";color:var(--pc-accent)}.cta-section,.feedback-section{border-top:1px solid var(--pc-border);text-align:center;padding:5rem 2rem}.cta-section p{color:var(--pc-muted);margin-bottom:2rem;font-size:1.05rem}.feedback-section{padding-block:4rem}.feedback-card{border:1px solid var(--pc-border);border-radius:calc(var(--pc-radius) + 4px);background:var(--pc-bg-2);max-width:580px;margin:0 auto;padding:2.5rem 3rem}.feedback-card h2{font-size:1.4rem}.feedback-card p{color:var(--pc-muted);margin-bottom:1.75rem;font-size:.93rem;line-height:1.65}.downloads{max-width:1160px;margin:0 auto;padding:3rem 2rem 5rem}.support-banner{border-radius:var(--pc-radius);background:#f0a24a14;border:1px solid #f0a24a73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-bottom:1.75rem;padding:1.1rem 1.5rem;display:flex}.support-banner p{max-width:720px;font-size:.98rem;line-height:1.55}.support-banner strong{color:var(--pc-coffee)}.page-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:1.5rem;display:grid}.panel{border:1px solid var(--pc-border);border-radius:calc(var(--pc-radius) + 4px);background:var(--pc-bg-2);box-shadow:0 32px 80px #00000059}:root[data-theme=light] .panel{box-shadow:0 32px 80px #00000014}.panel-head{border-bottom:1px solid var(--pc-border);padding:1.25rem 1.4rem 1rem}.panel-label{color:var(--pc-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem;font-size:.74rem;font-weight:700}.panel-head h2{letter-spacing:-.03em;margin-bottom:.35rem;font-size:1.45rem}.panel-head p,.note-card p,.note-card li{color:var(--pc-muted);font-size:.9rem;line-height:1.65}.matrix{grid-template-columns:170px repeat(2,minmax(0,1fr));display:grid}.matrix-row{display:contents}.matrix-row>*{border-bottom:1px solid var(--pc-border);padding:1.2rem}.matrix-row>*+*{border-left:1px solid var(--pc-border)}.matrix-row:last-child>*{border-bottom:0}.matrix-head>*{background:var(--pc-bg-3);color:var(--pc-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.platform-name{margin-bottom:.35rem;font-size:1.05rem;font-weight:700}.platform-copy{color:var(--pc-muted);font-size:.84rem;line-height:1.55}.channel-label{color:var(--pc-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.85rem;font-size:.76rem;font-weight:800;display:none}.channel-card{flex-direction:column;gap:.85rem;display:flex}.channel-chip{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:.28rem .72rem;font-size:.72rem;font-weight:800}.channel-chip.stable{color:var(--pc-green);background:#00e0901f;border:1px solid #00e0903d}.channel-chip.snapshot{color:var(--pc-yellow);background:#f0c0401a;border:1px solid #f0c04038}.version-line{font-family:var(--pc-mono);font-size:.8rem}.meta-line{color:var(--pc-muted);font-size:.78rem}.asset-list{flex-direction:column;gap:.6rem;display:flex}.asset-link{border:1px solid var(--pc-border);border-radius:var(--pc-radius);background:var(--pc-bg-3);color:var(--pc-text);justify-content:space-between;align-items:center;gap:.75rem;padding:.78rem .9rem;font-size:.84rem;font-weight:600;transition:border-color .12s,transform .12s;display:inline-flex}.asset-link:hover{border-color:var(--pc-accent-2);text-decoration:none;transform:translateY(-1px)}.asset-kind{min-width:54px;color:var(--pc-accent);font-family:var(--pc-mono);text-align:center;text-transform:uppercase;background:#00c8ff17;border-radius:999px;padding:.22rem .5rem;font-size:.72rem;font-weight:700}.empty-state,.loading-state{border:1px dashed var(--pc-border);border-radius:var(--pc-radius);color:var(--pc-muted);padding:.9rem 1rem;font-size:.84rem}.stack{gap:1.5rem;display:grid}.note-card{padding:1.4rem}.note-card h3{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.05rem}.note-card ul{gap:.55rem;margin-top:.8rem;padding-left:1.1rem;display:grid}.note-actions{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.note-actions .desktop-web-only-note{text-align:left}.site-footer{border-top:1px solid var(--pc-border);color:var(--pc-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem;font-size:.8rem;display:flex}.site-footer a{color:var(--pc-muted)}.site-footer a:hover{color:var(--pc-text);text-decoration:none}@media (width<=980px){.page-grid{grid-template-columns:1fr}}@media (width<=820px){.view-spotlight{grid-template-columns:1fr}.view-spotlight-image{border-right:0;border-bottom:1px solid var(--pc-border)}}@media (width<=768px){body{background-size:100% 24rem;background-attachment:scroll}.site-header{flex-direction:column;align-items:flex-start;gap:.9rem;height:auto;padding:.95rem 1rem .85rem}.site-header nav{width:100%}.nav-links{flex-wrap:wrap;gap:.25rem .9rem;padding-bottom:.15rem}.nav-links li{flex:none}.desktop-web-link{display:none!important}.desktop-web-only-note{display:block}.hero{padding:3.4rem 1rem 3rem}.hero--compact .hero-actions{flex-direction:column}.hero--compact .hero-actions a{justify-content:center}.section{padding:3rem 1rem}.screenshot-showcase{padding:0 1rem 4rem}.screenshot-row,.views-row{grid-template-columns:1fr}.feedback-card{padding:2rem 1.5rem}.downloads{padding:1.25rem 1rem 3rem}.matrix{padding:1rem;display:block}.matrix-row{border:1px solid var(--pc-border);border-radius:calc(var(--pc-radius) + 2px);display:block;overflow:hidden}.matrix-row+.matrix-row{margin-top:1rem}.matrix-row>*,.matrix-row:last-child>*{border-bottom:1px solid var(--pc-border)}.matrix-row>*+*{border-left:0}.matrix-row>:last-child{border-bottom:0}.matrix-row.matrix-head{display:none}.channel-label{display:block}.site-footer{padding:1.5rem 1rem 2rem}}