.pc-site,.pc-footer{--color-paper:oklch(16% .008 280);--color-paper-2:oklch(20% .009 280);--color-paper-3:oklch(26% .009 280);--color-ink:oklch(96% .005 95);--color-muted:oklch(76% .008 95);--color-rule:oklch(35% .009 280);--color-accent:oklch(91% .15 100);--color-accent-ink:var(--color-paper);--color-focus:var(--color-accent);--font-body:var(--font-sans);--font-heading:var(--font-display);--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-heading:clamp(1.8rem, 3vw, 2.75rem);--text-display:clamp(2.25rem, 4.2vw, 3.5rem);--text-feature:clamp(1.6rem, 2.5vw, 2rem);--text-step:1.25rem;--text-nav:.8125rem;--radius-panel:1.5rem;--radius-button:.5rem;--radius-image:.75rem;--rule-thin:1px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-micro:.12s}:is(html:has(.pc-site),body:has(.pc-site)){overflow-x:clip}.pc-site{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);min-height:100vh;line-height:1.65}.pc-site *{min-width:0}.pc-site h1,.pc-site h2,.pc-site h3{font-family:var(--font-heading);text-wrap:balance;overflow-wrap:anywhere;font-style:normal;font-weight:750;line-height:1.18}.pc-site h1{font-size:var(--text-display);letter-spacing:-.045em}.pc-site h2{font-size:var(--text-heading);letter-spacing:-.035em}.pc-site h3{font-size:var(--text-lg);letter-spacing:-.02em}.pc-site p{color:var(--color-muted);margin-block:var(--space-md)}.pc-site figure{margin:0}.pc-site img{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-image);width:100%;height:auto;display:block}.pc-site figcaption{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-sm);line-height:1.5}.pc-site a,.pc-site button,.pc-site summary{-webkit-tap-highlight-color:transparent}.pc-site a:focus-visible,.pc-site button:focus-visible,.pc-site summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}.pc-site a:hover,.pc-site button:hover{color:var(--color-accent)}.pc-container{width:min(100% - var(--space-xl), 1180px);margin-inline:auto}.pc-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule);flex-wrap:wrap;display:flex}.pc-brand{align-items:center;gap:var(--space-sm);font-size:var(--text-lg);white-space:nowrap;font-weight:750;display:inline-flex}.pc-brand svg{color:var(--color-accent);flex-shrink:0}.pc-nav{align-items:center;gap:var(--space-lg);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.pc-nav a,.pc-language{white-space:nowrap;align-items:center;gap:var(--space-xs);min-height:44px;display:inline-flex}.pc-language{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-button);padding-inline:var(--space-sm);cursor:pointer}.pc-hero{padding-block:var(--space-2xl) var(--space-xl)}.pc-hero-copy{text-align:center;max-width:850px;margin-inline:auto}.pc-label{font-size:var(--text-sm);letter-spacing:.06em;font-weight:650;color:var(--color-accent)!important}.pc-hero-copy h1{max-width:800px;margin-inline:auto}.pc-lead{font-size:var(--text-lg);max-width:700px;margin-inline:auto;line-height:1.65}.pc-small{font-size:var(--text-sm)}.pc-actions{align-items:center;gap:var(--space-md);margin-block:var(--space-lg);flex-wrap:wrap;display:flex}.pc-hero-copy .pc-actions,.pc-final .pc-actions{justify-content:center}.pc-button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;padding:var(--space-sm) var(--space-lg);background:var(--color-accent);border:var(--rule-thin) solid var(--color-accent);border-radius:var(--radius-button);white-space:nowrap;transition:background var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:700;display:inline-flex;color:var(--color-accent-ink)!important}.pc-button:hover{background:var(--color-ink);border-color:var(--color-ink)}.pc-button:active{transform:translateY(1px)}.pc-button-secondary{background:var(--color-paper-2);border-color:var(--color-rule);color:var(--color-ink)!important}.pc-button-secondary:hover{background:var(--color-paper-3);border-color:var(--color-muted)}.pc-text-link{align-items:center;gap:var(--space-xs);text-underline-offset:5px;white-space:nowrap;min-height:44px;font-weight:600;text-decoration:underline;display:inline-flex}.pc-workspace-preview{max-width:1040px;margin:var(--space-xl) auto 0;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper-2);overflow:hidden}.pc-workspace-preview img{border:0;border-radius:0}.pc-site .pc-workspace-caption{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg);margin:0;display:flex}.pc-preview-title{gap:var(--space-xs);color:var(--color-ink);align-items:center;font-weight:650;display:flex}.pc-preview-title svg{color:var(--color-accent);flex-shrink:0}.pc-workspace-caption p{margin:var(--space-xs) 0 0}.pc-status{color:var(--color-muted);font-size:var(--text-sm);gap:var(--space-xs);align-items:center;display:inline-flex}.pc-status:before{content:"";background:var(--color-accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.pc-section{padding-block:var(--space-2xl);scroll-margin-top:var(--space-xl)}.pc-section-heading{text-align:center;max-width:720px;margin:0 auto var(--space-xl)}.pc-section-heading>.pc-label{margin-top:0}.pc-feature-stack{gap:var(--space-2xl);display:grid}.pc-feature-row{gap:var(--space-xl);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;display:grid}.pc-feature-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.pc-feature-reverse figure{order:2}.pc-feature-copy h3{font-size:var(--text-feature);max-width:18ch}.pc-feature-copy>.pc-label{margin-top:0}.pc-check-list{gap:var(--space-sm);padding:var(--space-lg) 0 0;border-top:var(--rule-thin) solid var(--color-rule);margin-top:var(--space-lg);font-size:var(--text-sm);list-style:none;display:grid}.pc-check-list li{align-items:flex-start;gap:var(--space-sm);display:flex}.pc-check-list svg{color:var(--color-accent);flex-shrink:0;margin-top:4px}.pc-scenario-grid{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pc-scenario-grid article{border-top:var(--rule-thin) solid var(--color-rule);padding-top:var(--space-lg)}.pc-scenario-grid h3{margin-top:var(--space-md);font-size:var(--text-step)}.pc-scenario-grid p{font-size:var(--text-sm)}.pc-scenario-tip{border-top:var(--rule-thin) solid var(--color-rule);padding-top:var(--space-md)}.pc-scenarios,.pc-workflow{border-top:var(--rule-thin) solid var(--color-rule)}.pc-tutorial-layout{gap:var(--space-xl);grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;display:grid}.pc-tutorial-media{padding:var(--space-lg);background:var(--color-paper-2);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-panel)}.pc-tutorial-checks{padding-top:var(--space-lg)}.pc-tutorial-checks h3{font-size:var(--text-base)}.pc-tutorial-checks .pc-check-list{padding-top:var(--space-md);margin-top:var(--space-md)}.pc-steps{margin:0;padding:0;list-style:none}.pc-steps li{gap:var(--space-md);padding-block:var(--space-lg);border-bottom:var(--rule-thin) solid var(--color-rule);grid-template-columns:40px minmax(0,1fr);display:grid}.pc-steps li:first-child{padding-top:var(--space-sm)}.pc-step-number{color:var(--color-accent);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:650}.pc-steps h3{font-size:var(--text-step)}.pc-steps p{font-size:var(--text-sm);margin-bottom:0}.pc-alpha-note{justify-content:space-between;align-items:center;gap:var(--space-lg);border-block:var(--rule-thin) solid var(--color-rule);padding-block:var(--space-sm);font-size:var(--text-sm);display:flex}.pc-alpha-note p{max-width:85ch}.pc-faq{max-width:850px;margin-inline:auto}.pc-faq details{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-image);padding-inline:var(--space-lg);margin-bottom:var(--space-sm);background:var(--color-paper-2)}.pc-faq summary{cursor:pointer;font-size:var(--text-base);gap:var(--space-md);padding-block:var(--space-lg);justify-content:space-between;font-weight:600;list-style:none;display:flex}.pc-faq summary::-webkit-details-marker{display:none}.pc-plus{color:var(--color-accent);flex-shrink:0}.pc-faq details[open] .pc-plus{transform:rotate(45deg)}.pc-faq details>p{padding-bottom:var(--space-md);font-size:var(--text-sm);margin-top:0}.pc-final{text-align:center;margin-block:var(--space-lg) var(--space-2xl);padding:var(--space-xl);background:var(--color-paper-2);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-panel)}.pc-final p{max-width:650px;margin-inline:auto}.pc-footer{color:var(--color-ink);justify-content:space-between;gap:var(--space-xl);padding-block:var(--space-xl);border-top:var(--rule-thin) solid var(--color-rule);display:flex}.pc-footer p,.pc-footer small{font-size:var(--text-sm);color:var(--color-muted);max-width:60ch}.pc-footer-links{flex-direction:column;align-items:flex-start;display:flex}.pc-footer-links a{align-items:center;gap:var(--space-xs);white-space:nowrap;min-height:44px;font-size:var(--text-sm);display:inline-flex}.pc-preview{padding-block:var(--space-2xl)}.pc-preview h1{margin-top:var(--space-lg)}.pc-preview .pc-lead{margin-inline:0}.pc-preview figure{margin-block:var(--space-xl)}@media (width<=900px){.pc-scenario-grid,.pc-feature-row,.pc-feature-reverse,.pc-tutorial-layout{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}.pc-feature-reverse figure{order:0}.pc-feature-copy h3{max-width:none}.pc-feature-copy{max-width:680px}.pc-feature-stack{gap:var(--space-xl)}}@media (width<=600px){.pc-container{width:calc(100% - var(--space-md) * 2)}.pc-header{gap:var(--space-xs)}.pc-nav{gap:var(--space-sm);width:100%}.pc-nav a{font-size:var(--text-nav)}.pc-github-link>svg:last-child{display:none}.pc-nav .pc-language{margin-left:auto}.pc-hero{padding-top:var(--space-xl)}.pc-hero h1{font-size:clamp(2rem,8vw,3rem)}.pc-hero .pc-lead,.pc-preview .pc-lead{font-size:var(--text-base)}.pc-actions{gap:var(--space-sm)}.pc-hero-copy .pc-actions{flex-direction:column}.pc-hero-copy .pc-button{width:100%;max-width:320px}.pc-site .pc-workspace-caption{align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);flex-direction:column}.pc-section{padding-block:var(--space-xl)}.pc-tutorial-media{padding:var(--space-md)}.pc-alpha-note{flex-direction:column;align-items:flex-start;gap:0}.pc-faq details{padding-inline:var(--space-md)}.pc-faq summary{font-size:var(--text-sm)}.pc-final{padding:var(--space-lg)}.pc-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.pc-site *{transition:none!important}.pc-button:active{transform:none}}.pc-step-path{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-accent);margin-top:var(--space-sm);overflow-wrap:anywhere;line-height:1.5;display:block}