.icon{position:relative;overflow:hidden;vertical-align:middle;object-fit:contain;transform-origin:center center;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}footer{border-top:1px solid var(--border);background:var(--surface);padding:5rem var(--prs-page-padding-side) 3rem}.footer-brand,footer nav{max-width:120rem;margin-inline:auto}.footer-brand a{display:inline-flex;gap:1rem;align-items:center;color:var(--fg);font-size:1.8rem;letter-spacing:-.03em}.footer-brand img{width:2rem;height:2.8rem}.footer-brand p{margin:.6rem 0 3rem;color:var(--fg2);font-size:1.4rem}footer nav{display:flex;gap:1rem 2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--border);color:var(--fg2);font-size:1.3rem}footer nav a{color:var(--fg2);text-decoration:none;border-bottom:1px dashed transparent}footer nav a:hover{border-bottom-color:var(--primary);color:var(--primary-strong)}footer .license{flex-grow:1;text-align:right}footer .license a{color:var(--primary-strong)}@media(max-width:680px){footer .license{flex-basis:100%;text-align:left}}.example-link{display:block;padding:.8rem 1rem;color:var(--fg2);text-decoration:none;border-radius:6px}.example-link:hover{background:var(--surface-raised);color:var(--primary-strong)}.examples{position:relative;padding:clamp(6rem,8vw,10rem) 0;overflow:hidden;isolation:isolate}.examples__bg{position:absolute;inset:0;background:radial-gradient(55rem 35rem at 100% 0,color-mix(in srgb,var(--primary) 10%,transparent),transparent 75%);pointer-events:none;z-index:0}.examples__inner{position:relative;z-index:1;max-width:132rem;margin:0 auto;padding:0 var(--prs-page-padding-side)}.examples__head{position:static;display:grid;gap:.6rem;margin-bottom:4rem}.examples__title{font-size:clamp(3.4rem,4.2vw,5.8rem);line-height:1.05;margin:0;text-align:left;margin-bottom:1rem}.examples__lead{margin:0;color:var(--fg2);font-size:1.7rem;text-align:left}.example-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}@media(max-width:1100px){.example-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.example-groups{grid-template-columns:1fr}}.example-group{min-width:0;padding:2.2rem;border:1px solid var(--border);background:var(--surface);border-radius:12px}.example-group__title{margin:0 0 1.4rem;padding:0 0 1rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;color:var(--heading);border-bottom:1px solid var(--border);font-weight:700}.example-list{list-style:none;padding:0;margin:0;display:grid;gap:.2rem}.example-list li{min-width:0}section{border-bottom:1px solid var(--border)}.guides-pending{min-height:24rem;padding:8rem var(--prs-page-padding-side);text-align:center}.guides-pending h2{margin:0 0 1rem;font-size:clamp(2.8rem,3.2vw + 1rem,4.2rem)}.guides-pending p{color:var(--fg2)}main.homepage{display:block;padding-top:var(--height);max-width:none}.hero{position:relative;padding:clamp(8rem,11vw,15rem) 0 clamp(7rem,10vw,12rem);overflow:hidden;isolation:isolate}.hero__inner{max-width:108rem;margin:0 auto;padding:0 var(--prs-page-padding-side);text-align:left;position:relative;z-index:1}.hero__eyebrow{display:inline-flex;align-items:center;gap:1rem;margin:0 0 2.4rem;color:var(--primary-strong);font:700 1.2rem/1.3 droid-sans-mono,ui-monospace,monospace;letter-spacing:.11em}.hero__eyebrow:before{content:"";width:2.8rem;height:2px;background:var(--primary)}.hero__title{max-width:13ch;font-size:clamp(5rem,7.5vw,10rem);line-height:.99;letter-spacing:-.065em;margin:0 0 3.2rem}.hero__title span{color:var(--primary)}.hero__lead{max-width:55ch;margin:0 0 3.2rem;color:var(--fg2);font-size:clamp(1.8rem,2.1vw,2.2rem);line-height:1.55}.hero__actions{display:inline-flex;flex-wrap:wrap;gap:1.2rem;align-items:center}.hero__note{margin:3.6rem 0 0;color:var(--heading);font:1.3rem/1.5 droid-sans-mono,ui-monospace,monospace}.hero__note span{margin:0 1rem;color:var(--primary)}.button{display:inline-flex;align-items:center;min-height:4.4rem;padding:.9rem 1.6rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:1.4rem;font-weight:600;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover{transform:translateY(-2px);border-color:var(--primary)}.button.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.button.primary:hover{background:var(--primary-strong)}.button--ghost{font-family:droid-sans-mono;box-shadow:var(--shadow)}.button .pill{font-size:12px;background:color-mix(in srgb,var(--fg) 10%,transparent);border-radius:999px;padding:.2rem .6rem;font-family:inter,ui-sans-serif,sans-serif;margin-left:7.5px}.hero__bg{position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translate(-50%);z-index:0;--grid: color-mix(in srgb, var(--fg) 4%, transparent);background:radial-gradient(80rem 60rem at 88% 48%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 70%),repeating-linear-gradient(to right,var(--grid) 0 1px,transparent 1px 40px),repeating-linear-gradient(to bottom,var(--grid) 0 1px,transparent 1px 40px);mask-image:linear-gradient(to bottom,black 50%,transparent)}.bento{position:relative;padding:clamp(4rem,6vw,7rem) 0;background:var(--surface)}.bento__inner{max-width:132rem;margin:0 auto;padding:0 var(--prs-page-padding-side);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}.bento__card{display:flex;flex-direction:column;gap:1rem;min-height:22rem;padding:2.4rem;border:1px solid var(--border);border-radius:14px;background:var(--bg);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.bento__card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--surface-raised);box-shadow:var(--shadow)}.bento__title{margin:0;font-size:2rem;color:var(--fg)}.bento__lead{margin:0;color:var(--fg2);font-size:1.45rem}.bento__cta{margin-top:auto;font-size:1.3rem;font-weight:700;color:var(--primary-strong)}@media(max-width:1100px){.bento__inner{grid-template-columns:repeat(2,minmax(0,1fr))}}.feature{position:relative;padding:clamp(6rem,8vw,10rem) 0;isolation:isolate}.feature--alt{background:var(--surface)}.feature__inner{max-width:132rem;margin:0 auto;padding:0 var(--prs-page-padding-side);position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"text demo";gap:clamp(3rem,6vw,9rem);align-items:center}.feature--alt .feature__inner{grid-template-areas:"demo text"}.feature__head{grid-area:text;max-width:56ch;margin-bottom:1rem}.feature__title{font-size:clamp(3.4rem,4.2vw,5.8rem);line-height:1.05;margin:0 0 2rem}.feature__lead{color:var(--fg2);font-size:1.8rem;margin:0 0 2.8rem;max-width:72ch}.feature__actions{margin-top:1.2rem;display:flex;gap:.6rem;flex-wrap:wrap}.feature__demo{grid-area:demo;background:var(--code-bg);border:1px solid var(--border);border-radius:16px;padding:1.6rem;overflow:hidden;box-shadow:var(--shadow)}.feature__demo pre{margin:0;border:0;padding:0}@media(max-width:900px){.hero{padding:8rem 0 7rem}.feature{padding:6rem 0}.feature__inner{grid-template-columns:1fr;grid-template-areas:"text" "demo"}.feature__demo{margin-top:0}}@media(max-width:600px){.hero__title{font-size:clamp(4.8rem,11vw,7.2rem)}.bento__inner{grid-template-columns:1fr}.bento__card{min-height:0}.hero__actions{align-items:stretch}}
