.wrdemos{background:var(--panel);border-block:1px solid var(--rule);scroll-margin-top:calc(var(--nav-h) + 16px)}.wrdemos__head{max-width:46rem}.wrdemos__h{color:var(--ink);font-size:clamp(1.7rem,3.4vw,2.35rem);font-weight:800;letter-spacing:-.015em;line-height:1.12;margin-top:var(--s4)}.wrdemos__intro{color:var(--body);font-size:1.12rem;margin-top:var(--s4);max-width:42rem}.wrdemos__grid{display:grid;gap:var(--s5);grid-template-columns:1fr;margin-top:var(--s7)}@media(min-width:900px){.wrdemos__grid{grid-template-columns:repeat(3,1fr)}}.wrcard{background:radial-gradient(120% 100% at 85% -10%,rgba(97,185,70,.14),transparent 55%),linear-gradient(180deg,var(--dark-800),var(--dark-900));border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius);border-top:4px solid var(--green);box-shadow:0 18px 44px rgba(8,18,28,.28);color:inherit;display:flex;flex-direction:column;gap:8px;padding:var(--s6);text-decoration:none;transition:transform .15s,box-shadow .15s}.wrcard:hover{box-shadow:0 26px 60px rgba(8,18,28,.42);transform:translateY(-3px)}.wrcard__fit{align-self:flex-start;background:rgba(97,185,70,.16);border-radius:20px;color:var(--green-bright);font-size:.72rem;font-weight:700;letter-spacing:.02em;margin-bottom:4px;padding:5px 11px}.wrcard__fit,.wrcard__t{font-family:var(--font-d)}.wrcard__t{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}.wrcard__wm{color:hsla(0,0%,100%,.62);font-weight:400}.wrcard__meta{color:#8da0ad;font-family:var(--font-d);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.wrcard__fig{background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.07);border-radius:10px;margin:14px 0 4px;padding:12px 10px 8px}.wrcard__fig img{display:block;height:auto;width:100%}.wrcard__cap{color:#8da0ad;font-family:var(--font-b);font-size:.78rem;line-height:1.35;margin-top:8px}.wrcard__cap b{color:var(--green-bright);font-family:var(--font-d);font-size:.95rem;font-weight:800;margin-right:6px}.wrcard__hook{color:var(--on-dark-muted);font-size:.98rem;line-height:1.5;margin-top:4px}.wrcard__link{color:var(--green-bright);font-family:var(--font-d);font-size:.95rem;font-weight:700;margin-top:auto;padding-top:10px}.wrcard:hover .wrcard__link{text-decoration:underline}.wrhow{border-top:1px solid var(--rule);display:grid;gap:var(--s5);grid-template-columns:1fr;list-style:none;margin:var(--s7) 0 0;padding:var(--s5) 0 0}@media(min-width:900px){.wrhow{grid-template-columns:repeat(3,1fr)}}.wrhow__item{display:flex;flex-direction:column;gap:6px}.wrhow__t{color:var(--ink);font-family:var(--font-d);font-size:1.02rem;font-weight:800}.wrhow__d{color:var(--body);font-size:.98rem;line-height:1.55}