.p-hero-grid.as{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.p-hero-grid.as .p-h1{font-size:clamp(40px,4.4vw,62px)}.asfig{margin:0}.ashero{display:block;height:auto;overflow:visible;width:100%}@media (prefers-reduced-motion:no-preference){.ashero .as-en{animation:asIn .7s cubic-bezier(.2,.7,.2,1) .2s both}.ashero .as-l{animation:asFade .5s ease both;stroke-dashoffset:0}.ashero .l1{animation-delay:.7s}.ashero .l2{animation-delay:1.1s}.ashero .l3{animation-delay:1.5s}.ashero .as-ev{animation:asIn .6s cubic-bezier(.2,.7,.2,1) both}.ashero .e1{animation-delay:.85s}.ashero .e2{animation-delay:1.25s}.ashero .e3{animation-delay:1.65s}.ashero .as-pill{animation:asPop .45s cubic-bezier(.3,1.6,.5,1) both;transform-box:fill-box;transform-origin:left center}.ashero .e1 .as-pill{animation-delay:1.35s}.ashero .e2 .as-pill{animation-delay:1.75s}.ashero .e3 .as-pill{animation-delay:2.15s}.ashero .as-chip{animation:asFade .5s ease 2.4s both}.ashero .as-l{animation:asFade .5s ease both,asFlow 1.6s linear infinite}.ashero .l1{animation-delay:.7s,2.6s}.ashero .l2{animation-delay:1.1s,2.6s}.ashero .l3{animation-delay:1.5s,2.6s}}@keyframes asIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes asFade{0%{opacity:0}to{opacity:1}}@keyframes asPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes asFlow{to{stroke-dashoffset:-22}}.why3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.wc{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.14);border-radius:var(--radius-card);padding:26px}.wc .ic{color:var(--c-cyan);font-size:30px;margin-bottom:12px}.wc h3{color:var(--c-white);font:600 19px var(--display);margin:0 0 8px}.wc p{color:hsla(0,0%,100%,.8);font-size:var(--fs-body);line-height:1.5;margin:0}.caps5{display:grid;gap:16px;grid-template-columns:repeat(6,1fr)}.c5{display:flex;flex-direction:column;gap:10px;grid-column:span 2;padding:28px;scroll-margin-top:24px}.c5.w3{grid-column:span 3}.c5>.ic{color:var(--pg-link);font-size:34px;margin-bottom:6px}.c5 .tagline{color:var(--pg-link);font:600 var(--fs-body-sm) var(--body)}.c5>p{color:var(--pg-muted);font-size:var(--fs-body);line-height:1.5;margin:0}.c5 .facts{grid-template-columns:84px 1fr;margin-top:auto}.how3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.how3 li{display:flex;flex-direction:column;gap:10px;padding:26px;position:relative}.how3 .n{color:var(--pg-stat);font:500 40px/1 var(--display);letter-spacing:-.03em}.how3 p{color:var(--pg-muted);font-size:var(--fs-body);line-height:1.5;margin:0}.how3 .pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.how3 .pill{font-size:9.5px;width:96px}.how3 li:not(:last-child):after{background:var(--pg-page);border-radius:var(--radius-round);color:var(--pg-link);content:"→";display:grid;font-weight:700;height:24px;place-items:center;position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:24px;z-index:1}.comp{align-items:start;display:grid;gap:clamp(32px,5vw,64px);grid-template-columns:.9fr 1.1fr}.comp .btn{margin-top:26px}.badges{display:grid;gap:10px;grid-template-columns:1fr 1fr}.badge2{display:grid;gap:4px 12px;grid-template-columns:28px 1fr;padding:18px 20px}.badge2 .ic{color:var(--pg-link);font-size:26px;grid-row:span 2}.badge2 b{font-weight:600}.badge2 span{color:var(--pg-muted);font-size:14.5px}.dev{align-items:start;display:grid;gap:clamp(32px,5vw,64px);grid-template-columns:.85fr 1.15fr}.dev .p-lede{margin-top:16px}.dev .btn{margin-top:26px}.codebox{background:var(--c-night);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-card);color:var(--c-page);overflow:hidden}.codebox .bar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--c-muted-dark);display:flex;font:600 12.5px var(--body);justify-content:space-between;padding:12px 18px}.codebox pre{font:500 13.5px/1.7 ui-monospace,SF Mono,Menlo,Consolas,monospace;margin:0;overflow-x:auto;padding:20px 22px}.codebox .k{color:var(--c-blue-300)}.codebox .s{color:var(--c-cyan)}.codebox .c{color:var(--c-muted-dark)}@media (max-width:1060px){.comp,.dev,.p-hero-grid.as{grid-template-columns:minmax(0,1fr)}.c5,.c5.w3{grid-column:span 3}.c5:last-child{grid-column:1/-1}.why3{grid-template-columns:1fr}}@media (max-width:820px){.how3{grid-template-columns:1fr}.how3 li:not(:last-child):after{bottom:-14px;content:"↓";right:50%;top:auto;transform:translateX(50%)}}@media (max-width:640px){.c5,.c5.w3,.c5:last-child{grid-column:1/-1}.badges,.c5 .facts{grid-template-columns:1fr}}.c5>.p-more{font-size:var(--fs-body-sm);margin-top:14px}.fit.five{grid-template-columns:repeat(5,1fr)}@media (max-width:1060px){.fit.five{grid-template-columns:1fr 1fr}}@media (max-width:640px){.fit.five{grid-template-columns:1fr}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) main :focus-visible{outline-color:var(--c-blue)}:root:not([data-theme=dark]) main .p-dark :focus-visible{outline-color:var(--cyan)}}:root[data-theme=light] main :focus-visible{outline-color:var(--c-blue)}:root[data-theme=light] main .p-dark :focus-visible{outline-color:var(--cyan)}.p-hero .p-kick{align-items:center;background:var(--c-pill);border-radius:var(--radius-pill);color:var(--cyan);display:inline-flex;line-height:1.2;margin-bottom:18px;padding:6px 14px}@media (max-width:640px){.p-hero .p-kick{border-radius:var(--radius-card);font-size:var(--fs-eyebrow);letter-spacing:.02em;max-width:100%;padding:5px 11px}}