.seo-cycle{width:100%;max-width:40rem;margin-inline:auto;container-type:inline-size}.seo-cycle-wheel{position:relative;width:100%;aspect-ratio:1}.seo-cycle-ring{position:absolute;inset:0;width:100%;height:100%}.seo-cycle-centre{position:absolute;inset:29% 27%;display:flex;flex-direction:column;gap:.65rem;align-items:center;justify-content:center;text-align:center}.seo-cycle-website{font-family:var(--font-display);font-size:clamp(1.125rem,7.2cqw,3rem);font-style:italic;font-weight:800;line-height:.98;text-transform:uppercase;letter-spacing:-.015em}.seo-cycle-point{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%)}.seo-cycle-point-measure{top:18%;left:50%}.seo-cycle-point-prioritise{top:50%;left:82%}.seo-cycle-point-improve{top:82%;left:50%}.seo-cycle-point-check{top:50%;left:18%}.seo-cycle-number{display:grid;place-items:center;width:2rem;height:2rem;font-family:var(--font-mono);font-size:.875rem;font-weight:500;background:var(--silicone);border:2px solid var(--carbon);border-radius:50%}.seo-cycle-name{display:none}.seo-cycle-summary{max-width:24rem;margin-inline:auto;text-align:center}.seo-cycle-details{display:grid;gap:1.5rem;padding-top:1.5rem;margin-top:2rem;list-style:none;border-top:2px solid var(--carbon)}.seo-cycle-detail{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.875rem}.seo-cycle-detail-number{padding-top:.3rem}@container (min-width: 30rem){.seo-cycle-number{width:2.75rem;height:2.75rem;font-size:1rem}.seo-cycle-name{position:absolute;top:calc(100% + .5rem);display:block;width:max-content;max-width:9rem;padding:.125rem .375rem;font-family:var(--font-display);font-size:1.5rem;font-style:italic;font-weight:800;line-height:1.1;text-align:center;background:var(--silicone)}.seo-cycle-point-measure .seo-cycle-name{top:auto;bottom:calc(100% + .5rem)}.seo-cycle-details{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}