.heading-text{font-family:"Fira Sans",sans-serif;font-size:32px;font-weight:600;padding:10px 0 25px 0}h1,.title-text{font-family:"Fira Sans",sans-serif;font-size:25px;font-weight:500;border-left:var(--primary-color-touch) 8px solid;padding-left:10px}h2,.subtitle-text{font-family:"Fira Sans",sans-serif;font-size:20px;font-weight:500;color:var(--primary-text-color)}.text{font-family:"Fira Sans",sans-serif;font-size:18px;font-weight:400;line-height:26px;letter-spacing:.2px;color:var(--primary-text-color)}.subtext{font-family:"Fira Sans",sans-serif;font-size:16px;font-weight:400;letter-spacing:.1px}.content{padding:0 40px;display:flex;flex-direction:column;overflow-x:auto}.content pre{overflow-x:auto;padding:1.25em 1.5em;white-space:pre;word-wrap:normal;background-color:#fff;color:#4a4a4a;font-size:.875em;font-family:monospace}.content code{font-size:.875em;font-weight:normal;padding:.25em .5em;font-family:monospace}.content pre code{padding:0}.content a{color:var(--primary-link-color)}.content a:hover{text-decoration:underline}.content blockquote{border-left:#e2dede 8px solid;margin:0;background-color:#f2f1f0;padding:0 20px}@font-face{font-family:"Open Sans";font-style:normal;font-weight:800;src:local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url("https://acton.guide/fonts/open-sans-v17-all-charsets-800.woff2") format("woff2")}*,*::before,*::after{box-sizing:border-box}html{background:var(--secondary-color)}body{min-height:100vh;margin:0;background:linear-gradient(120deg, rgba(255,212,42,.18), rgba(0,0,0,0) 28rem),var(--secondary-color);color:var(--primary-text-color);display:flex;flex-direction:column;font-family:"Avenir Next","Neue Haas Grotesk Text","Segoe UI",ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}code,pre{font-family:"SFMono-Regular","Cascadia Code","Liberation Mono",ui-monospace,monospace}.site-header,header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:50px;border-bottom:1px solid rgba(255,255,255,.12);padding:0 15px;background:var(--chrome-color);color:var(--nav-text-color)}.site-logo{display:inline-flex;align-items:center;gap:.6rem;color:var(--acton-paper);font-size:1.45rem;font-weight:850;letter-spacing:-.03em}.brand-mark{display:inline-flex;width:1.45rem}.brand-mark img{display:block;width:100%}.site-nav{display:inline-flex;align-self:stretch;align-items:stretch;gap:2px}.nav-item{position:relative;display:inline-flex;align-items:center;min-height:50px;padding:0 10px;color:var(--acton-yellow);font-family:"Open Sans",sans-serif;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.nav-item:hover{color:var(--acton-paper)}.home{width:min(1180px,100% - 2rem);margin:0 auto;padding:clamp(3rem,7vw,6rem) 0}.home-hero{display:grid;grid-template-columns:minmax(0, 1.12fr) minmax(20rem, .88fr);gap:clamp(2rem,6vw,5rem);align-items:center;min-height:calc(100vh - 50px - 6rem)}.eyebrow{margin:0 0 .9rem;color:var(--acton-yellow);font-size:.78rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.home-hero h1,.home-cta h2{border-left:0;margin:0;padding-left:0;color:var(--primary-text-color);font-family:inherit;font-size:clamp(3.1rem,8vw,7rem);line-height:.92;letter-spacing:-.06em}.home-hero h1 span{color:var(--acton-yellow)}.hero-lede{max-width:43rem;margin:1.5rem 0 0;color:var(--secondary-text-color);font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;border:1px solid var(--border-color);border-radius:999px;padding:0 1.25rem;font-weight:850}.button-primary{border-color:rgba(0,0,0,0);background:var(--acton-yellow);color:var(--acton-steel-950)}.button-secondary{background:rgba(255,255,255,.42);color:var(--primary-text-color)}.button:hover{filter:brightness(1.04)}.hero-side{display:grid;gap:.75rem}.hero-panel{position:relative;overflow:hidden;border:1px solid var(--border-color);border-radius:1.35rem;padding:clamp(1.4rem,4vw,2.4rem);background:radial-gradient(circle at 80% 20%, rgba(255,212,42,.18), rgba(0,0,0,0) 15rem),var(--panel-color);box-shadow:0 24px 70px rgba(21,22,23,.18)}.hero-panel__mark{width:min(13rem,50vw);margin:0 auto 2rem}.hero-panel__mark img{display:block;width:100%}.hero-panel__line{border-top:1px solid var(--border-color);margin:0;padding:1rem 0;color:var(--secondary-text-color);font-size:1rem;line-height:1.5}.hero-release{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1rem;min-height:3rem;margin:0;padding:0 clamp(1.4rem,4vw,2.4rem);color:var(--secondary-text-color);font-size:.96rem;line-height:1.4}.hero-release strong{color:var(--primary-text-color)}.hero-release a{color:var(--primary-link-color);font-weight:850;text-decoration-line:underline;text-decoration-color:var(--acton-yellow);text-decoration-thickness:.12em;text-underline-offset:.18em}.hero-release a:hover{color:var(--primary-text-color);text-decoration-color:currentColor}.examples-section{margin-top:clamp(2rem,6vw,5rem)}.home-cta h2{font-size:clamp(2.2rem,5vw,4.6rem)}.example-browser{display:grid;gap:1rem}.example-tabs{display:flex;flex-wrap:wrap;gap:.55rem}.example-tab{min-height:2.75rem;border:1px solid var(--border-color);border-radius:999px;padding:0 1rem;background:var(--panel-color);color:var(--secondary-text-color);cursor:pointer;font:inherit;font-weight:800}.example-tab:hover,.example-tab.is-active{border-color:rgba(255,212,42,.75);background:var(--acton-yellow);color:var(--acton-steel-950)}.example-panel{display:grid;grid-template-columns:minmax(15rem, .48fr) minmax(0, 1.52fr);overflow:hidden;border:1px solid var(--border-color);border-radius:1.25rem;background:var(--panel-color);box-shadow:0 18px 45px rgba(21,22,23,.12)}.example-panel[hidden]{display:none}.example-copy{border-right:1px solid var(--border-color);padding:clamp(1.25rem,3vw,2rem)}.example-copy h3{border-left:0;margin:0 0 .8rem;padding-left:0;font-family:inherit;font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.05;letter-spacing:-.035em}.example-copy p{margin:0 0 1rem;color:var(--secondary-text-color);line-height:1.55}.example-copy p:last-child{margin-bottom:0}.example-copy p strong{display:block;margin-bottom:.8rem;color:var(--primary-text-color);font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.05;letter-spacing:-.035em}.example-copy a{color:var(--primary-link-color);font-weight:800;text-decoration-line:underline;text-decoration-color:var(--acton-yellow);text-decoration-thickness:.12em;text-underline-offset:.18em}.example-copy a:hover{color:var(--primary-text-color);text-decoration-color:currentColor}.example-runner{display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(18rem, .95fr);min-width:0}.example-runner:not(.has-output){grid-template-columns:minmax(0, 1fr)}.example-runner.example-runner--static{grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr)}.example-runner--single{grid-template-columns:minmax(0, 1fr)}.example-editor,.example-output,.example-compiled{display:grid;grid-template-rows:auto minmax(0, 1fr);min-width:0}.example-editor{border-right:1px solid var(--border-color)}.example-runner--single .example-editor{border-right:0}.example-output{grid-template-rows:auto auto minmax(0, 1fr)}.example-output[hidden]{display:none}.example-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:3.1rem;border-bottom:1px solid var(--border-color);padding:.5rem .8rem;background:var(--chrome-color);color:var(--acton-paper);font-size:.86rem;font-weight:800}.example-status{color:var(--acton-steel-300);font-size:.8rem;font-weight:700}.run-example{min-height:2rem;border:0;border-radius:999px;padding:0 .85rem;background:var(--acton-yellow);color:var(--acton-steel-950);cursor:pointer;font:inherit;font-size:.9rem;font-weight:850}.run-example:hover{background:var(--acton-yellow-soft)}.run-example--secondary{background:#8fcaff;color:var(--acton-steel-950)}.run-example--secondary:hover{background:#b8dcff}.run-example:disabled{cursor:wait;filter:grayscale(0.2);opacity:.72}.example-code,.example-output pre,.example-static-code{width:100%;min-height:0;margin:0;border:0;padding:clamp(1.25rem,3vw,2rem);background:var(--code-color);color:var(--primary-text-color);font:inherit;font-size:clamp(.86rem,1.5vw,1rem);line-height:1.55;overflow:auto;tab-size:4}.example-code{min-height:8rem;height:auto;resize:none;outline:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:normal}.example-output pre{height:100%;min-height:12rem;max-height:32rem;white-space:pre-wrap}.example-static-code{font-size:clamp(.72rem,1.05vw,.88rem);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.example-progress{height:.28rem;background:rgba(127,127,127,.18)}.example-progress span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg, var(--acton-yellow), var(--acton-yellow-strong));transition:width 180ms ease}.principles{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem;margin-top:clamp(3rem,8vw,7rem)}.principles article{border:1px solid var(--border-color);border-radius:1.2rem;padding:1.25rem;background:var(--panel-color)}.principles span{color:var(--acton-yellow-strong);font-size:.8rem;font-weight:900;letter-spacing:.14em}.principles h2{border-left:0;margin:.7rem 0 .65rem;padding-left:0;font-family:inherit;font-size:1.35rem;letter-spacing:-.03em}.principles p{margin:0;color:var(--secondary-text-color);line-height:1.55}.home-cta{margin-top:clamp(3rem,8vw,7rem);border:1px solid var(--border-color);border-radius:1.35rem;padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(120deg, rgba(255,212,42,.2), rgba(0,0,0,0) 24rem),var(--panel-color)}.quick-install{display:grid;margin-top:2.25rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.quick-install__intro{padding:1.25rem 0 .5rem}.quick-install__intro p{max-width:46rem;margin:0;color:var(--secondary-text-color);line-height:1.55}.quick-install__option{min-width:0;border-top:1px solid var(--border-color);padding:1.25rem 0}.quick-install h3{border-left:0;margin:0 0 .75rem;padding-left:0;color:var(--primary-text-color);font-family:inherit;font-size:1rem;letter-spacing:0}.quick-install pre{margin:0;overflow-x:auto;border:1px solid var(--border-color);border-radius:.8rem;padding:1rem;background:var(--code-color);color:var(--primary-text-color);font-size:.84rem;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.quick-install code{white-space:inherit}main:not(.home){display:flex;flex-grow:1;gap:2rem;width:min(1180px,100% - 2rem);margin:0 auto;padding:3rem 0}.content{display:flex;flex:1;flex-direction:column;min-width:0;overflow-x:auto;color:var(--primary-text-color)}.content pre{overflow-x:auto;border:1px solid var(--border-color);border-left:4px solid var(--acton-yellow);border-radius:.9rem;padding:1.25em 1.5em;background:var(--code-color);color:var(--primary-text-color);font-size:.875em}.content a{color:var(--primary-link-color);text-decoration:underline}.content blockquote{border-left:4px solid var(--acton-yellow);margin:0;padding:.8rem 1.1rem;background:rgba(255,212,42,.1)}.toc{max-width:260px;min-width:220px}.toc-sticky{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--border-color);border-radius:1rem;padding:.8rem;background:var(--panel-color)}.toc-item,.toc-item-child{padding:.35rem .5rem}.toc a{color:var(--secondary-text-color)}.toc a.active,.toc a:hover{color:var(--acton-yellow-strong)}.site-footer,footer{border-top:1px solid var(--border-color);padding:2rem;background:var(--chrome-color);color:var(--acton-steel-300);text-align:center}.site-footer a,footer a{color:var(--acton-yellow)}.justify-content-center{justify-content:center !important}.text-center{text-align:center !important}.pos-absolute{position:absolute;right:0;left:0}@media screen and (max-width: 900px){.home-hero,.example-panel,.example-runner,.principles{grid-template-columns:1fr}.example-copy{border-right:0;border-bottom:1px solid var(--border-color)}.example-editor{border-right:0;border-bottom:1px solid var(--border-color)}main:not(.home){display:block}.toc{display:none}}@media screen and (max-width: 700px){.site-header,header{align-items:flex-start;flex-direction:column;padding:.8rem 1rem 0}.site-nav{min-height:2.6rem;max-width:100%;overflow-x:auto}.nav-item{min-height:2.6rem;padding:0 7px;font-size:11px;letter-spacing:.05em}.home{padding-top:2.5rem}.home-hero{min-height:auto}.hero-actions,.example-tabs{align-items:stretch;flex-direction:column}.button,.example-tab{width:100%}}@media (prefers-color-scheme: dark){body{background:linear-gradient(120deg, rgba(255,212,42,.1), rgba(0,0,0,0) 28rem),var(--secondary-color)}.button-secondary{background:rgba(255,255,255,.06)}}