.ws-af-refresh .af-hero-visual{perspective:1200px;place-items:center;width:100%;min-height:100%;display:grid;position:relative}.ws-af-refresh .af-hero-glow{border-radius:var(--radius-round);background:radial-gradient(closest-side, color-mix(in srgb, var(--sys-surface-brand) 38%, transparent), transparent 72%);filter:blur(42px);pointer-events:none;height:62%;position:absolute;inset:auto 10% 2%}.ws-af-refresh .af-hero-window{border:1px solid var(--sys-border-inverse-subtle);border-radius:var(--radius-20);background:var(--sys-surface-page);width:min(100%,560px);box-shadow:0 1px 2px color-mix(in srgb, var(--sys-surface-static-black) 30%, transparent), 0 42px 74px -44px color-mix(in srgb, var(--sys-surface-static-black) 72%, transparent);will-change:transform;animation:12s ease-in-out infinite alternate af-hero-float;position:relative;overflow:hidden}.ws-af-refresh .af-hero-chrome{border-bottom:1px solid var(--sys-border-subtle);background:var(--sys-surface-raised);align-items:center;gap:6px;padding:11px 14px;display:flex}.ws-af-refresh .af-hero-chrome i{border-radius:var(--radius-round);background:var(--sys-border-strong);opacity:.55;width:8px;height:8px;display:block}.ws-af-refresh .af-hero-img{width:100%;height:auto;display:block}@keyframes af-hero-float{0%{transform:rotateY(-2deg)rotateX(1.4deg)translateY(0)}50%{transform:rotateY(.5deg)rotateX(-.5deg)translateY(-6px)}to{transform:rotateY(1.8deg)rotateX(-1.2deg)translateY(-2px)}}@media (width<=900px){.ws-af-refresh .af-hero-window{width:min(100%,480px)}}@media (prefers-reduced-motion:reduce){.ws-af-refresh .af-hero-window{animation:none;transform:none}}.ws-af-refresh .af-field-badge{border-radius:var(--radius-pill);background:var(--sys-surface-brand-subtle);color:var(--sys-text-brand);letter-spacing:.01em;align-items:center;margin-top:12px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.ws-af-refresh .af-steps .ws-head{margin-bottom:var(--sys-head-gap)}.ws-af-refresh .af-steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,20px);margin:0;padding:0;list-style:none;display:grid}.ws-af-refresh .af-step{border:1px solid var(--sys-border-subtle);border-radius:var(--radius-24);background:var(--sys-surface-page);min-width:0;box-shadow:0 1px 2px color-mix(in srgb, var(--sys-border-strong) 4%, transparent), 0 30px 56px -44px color-mix(in srgb, var(--sys-border-strong) 30%, transparent);flex-direction:column;display:flex;overflow:hidden}.ws-af-refresh .af-step-media{aspect-ratio:16/10;border-bottom:1px solid var(--sys-border-subtle);background:var(--sys-surface-subtle);overflow:hidden}.ws-af-refresh .af-step-media img{object-fit:cover;width:100%;height:100%;display:block}.ws-af-refresh .af-step-body{flex-direction:column;flex:1;padding:24px;display:flex}.ws-af-refresh .af-step-n{border-radius:var(--radius-round);background:var(--sys-surface-brand-subtle);width:34px;height:34px;color:var(--sys-text-brand);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;margin-bottom:16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.ws-af-refresh .af-step h3{color:var(--sys-text-strong);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(18px,1.5vw,22px);font-weight:600;line-height:1.2}.ws-af-refresh .af-step p{color:var(--sys-text-body);margin:0;font-size:15px;line-height:1.55}@media (width<=1100px){.ws-af-refresh .af-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ws-af-refresh .af-steps-grid{grid-template-columns:minmax(0,1fr)}}.ws-af-refresh .af-req{background:radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--sys-surface-brand) 14%, transparent), transparent 46%), var(--sys-surface-brand-subtle);place-items:center;height:100%;padding:14px;display:grid}.ws-af-refresh .af-req-card{border:1px solid var(--sys-border-subtle);border-radius:var(--radius-16);background:var(--sys-surface-page);width:100%;max-width:250px;box-shadow:0 1px 2px color-mix(in srgb, var(--sys-border-strong) 5%, transparent), 0 18px 34px -26px color-mix(in srgb, var(--sys-border-strong) 45%, transparent);gap:8px;padding:12px;display:grid}.ws-af-refresh .af-req-banner{border:1px solid var(--sys-border-subtle);border-radius:var(--radius-12);background:color-mix(in srgb, var(--sys-surface-brand-subtle) 58%, var(--sys-surface-page));align-items:center;gap:8px;padding:7px 9px;display:flex}.ws-af-refresh .af-req-ic,.ws-af-refresh .af-req-check{border-radius:var(--radius-round);flex:none;justify-content:center;align-items:center;display:inline-flex}.ws-af-refresh .af-req-ic{background:var(--sys-surface-page);width:26px;height:26px;color:var(--sys-text-brand)}.ws-af-refresh .af-req-ic .ws-ic,.ws-af-refresh .af-req-check .ws-ic{width:15px;height:15px}.ws-af-refresh .af-req-bars{flex:1;gap:5px;display:grid}.ws-af-refresh .af-req-bars i{border-radius:var(--radius-round);background:var(--sys-border-default);height:5px;display:block}.ws-af-refresh .af-req-bars i:first-child{background:var(--sys-text-muted);opacity:.55;width:62%}.ws-af-refresh .af-req-bars i:last-child{width:88%}.ws-af-refresh .af-req-pill{border-radius:var(--radius-round);background:var(--sys-surface-page);border:1px solid var(--sys-border-subtle);width:18px;height:18px}.ws-af-refresh .af-req-row{border:1px solid var(--sys-border-subtle);border-radius:var(--radius-12);background:var(--sys-surface-raised);align-items:center;gap:8px;padding:6px 8px;display:flex}.ws-af-refresh .af-req-check{background:var(--sys-surface-brand-subtle);width:22px;height:22px;color:var(--sys-text-brand)}.ws-af-refresh .af-req-bar{border-radius:var(--radius-round);background:var(--sys-border-subtle);width:100%;height:6px;display:block}.ws-af-refresh .af-req-row.is-pending .af-req-check{background:color-mix(in srgb, var(--sys-surface-brand) 12%, var(--sys-surface-page));color:var(--sys-text-muted)}.ws-af-refresh .af-req-row.is-pending .af-req-bar{background:var(--sys-border-default);width:72%}.ws-af-refresh .ws-ly-metrics-big .ws-ly-metrics-items{grid-template-columns:repeat(4,minmax(0,1fr))}.ws-af-refresh .ws-ly-metrics-big .ws-ly-metrics-item:last-child:nth-child(odd){grid-column:auto}@media (width<=1100px){.ws-af-refresh .ws-ly-metrics-big .ws-ly-metrics-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.ws-af-refresh .ws-ly-metrics-big .ws-ly-metrics-items{grid-template-columns:minmax(0,1fr)}}.ws-af-refresh .ws-ly-segments-col ul li:first-child h4{color:var(--sys-text-brand);font-weight:600}.ws-af-refresh .ws-ly-segments-col ul li:not(:first-child) h4{color:var(--sys-text-body);font-size:16px;font-weight:400;line-height:1.5}
