#pr-shift{
    --pr-sh-bg:var(--pr-bg,#09090b);
    --pr-sh-ink:var(--pr-ink,#e6e6e6);
    --pr-sh-muted:#a1a1aa;
    --pr-sh-soft:#71717a;
    --pr-sh-line:#27272a;
    --pr-sh-panel:#141416;
    --pr-sh-circle:#161618;
    --pr-sh-dot:rgba(230,230,230,.14);
    --pr-sh-rail:#1f1f22;
    --pr-sh-leaf:#7ea584;
    --pr-sh-fruit:#c47a4a;
    --pr-sh-fail:#d08a68;
    --pr-sh-ok:#7ea584;
    position:relative;width:100%;height:300vh;background:var(--pr-sh-bg);color:var(--pr-sh-ink);
    font-family:Geist,"Helvetica Neue",Helvetica,Arial,sans-serif;
  }
  html.is-light #pr-shift,html[data-theme="light"] #pr-shift{
    --pr-sh-bg:#f4f4f1;--pr-sh-ink:#111827;--pr-sh-muted:#6b7280;--pr-sh-soft:#9ca3af;
    --pr-sh-line:#e5e7eb;--pr-sh-panel:#ffffff;--pr-sh-circle:#ffffff;
    --pr-sh-dot:rgba(17,24,39,.12);--pr-sh-rail:#ffffff;
    --pr-sh-fail:#b45a32;--pr-sh-ok:#4f7a56;
  }
  #pr-shift.is-static{height:auto}
  #pr-shift.is-fallback .pr-shift__pin{position:sticky;top:0}
  .pr-shift__pin{
    position:relative;height:100vh;width:100%;overflow:hidden;
    background-color:var(--pr-sh-bg);
    background-image:radial-gradient(var(--pr-sh-dot) 1px,transparent 1px);
    background-size:22px 22px;
  }
  .pr-shift__inner{
    width:min(1120px,calc(100% - 48px));height:100%;margin:0 auto;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,46%);
    align-items:center;gap:40px;position:relative;
  }
  .pr-shift__title{
    position:absolute;top:36px;left:0;margin:0;
    font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:500;letter-spacing:-.03em;line-height:1.15;
  }
  .pr-shift__copy{position:relative;min-height:280px;padding-top:48px}
  .pr-shift__step{
    position:absolute;inset:48px 0 auto 0;max-width:34rem;
    opacity:0;visibility:hidden;transform:translate3d(0,14px,0);
    transition:opacity .35s ease,transform .35s ease,visibility .35s;
    pointer-events:none;
  }
  .pr-shift__step.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .pr-shift__num{margin:0 0 14px;font-size:.8rem;font-weight:500;letter-spacing:.08em;color:var(--pr-sh-soft)}
  .pr-shift__h{margin:0 0 16px;font-size:clamp(1.45rem,2.6vw,1.9rem);font-weight:500;letter-spacing:-.03em;line-height:1.25}
  .pr-shift__em{margin:0 0 12px;font-size:1.02rem;font-weight:600;letter-spacing:-.015em;line-height:1.4;color:var(--pr-sh-ink)}
  .pr-shift__p{margin:0;font-size:.98rem;line-height:1.6;color:var(--pr-sh-muted);max-width:32rem}
  .pr-shift__visual{display:flex;align-items:center;justify-content:center;min-height:0}
  .pr-shift__circle{
    position:relative;width:min(100%,420px);aspect-ratio:1;border-radius:50%;
    background:
      radial-gradient(circle at 36% 30%, color-mix(in srgb,var(--pr-sh-ink) 7%, transparent), transparent 42%),
      var(--pr-sh-circle);
    border:1px solid color-mix(in srgb,var(--pr-sh-line) 80%,transparent);
    box-shadow:0 18px 48px rgba(0,0,0,.18);overflow:hidden;
  }
  .pr-shift__circle:before,.pr-shift__circle:after{
    content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:2;
  }
  .pr-shift__circle:before{
    inset:22px;border:1px solid color-mix(in srgb,var(--pr-sh-ink) 8%,transparent);
  }
  .pr-shift__circle:after{
    inset:0;
    background:radial-gradient(circle at 70% 78%, color-mix(in srgb,var(--pr-sh-fail) 10%, transparent), transparent 38%);
    opacity:.7;
  }
  html.is-light .pr-shift__circle,html[data-theme="light"] .pr-shift__circle{box-shadow:0 14px 36px rgba(17,24,39,.08)}
  .pr-shift__art{
    position:absolute;inset:0;display:grid;place-items:center;padding:11%;
    opacity:0;transform:scale(.97);transition:opacity .45s ease,transform .45s ease;
    pointer-events:none;z-index:1;
  }
  .pr-shift__art.is-active{opacity:1;transform:none}
  .pr-shift__art svg{width:100%;height:auto;display:block;overflow:visible}
  .pr-shift__pulse{transform-origin:center;animation:pr-shift-pulse 2.4s ease-in-out infinite}
  .pr-shift__scan{animation:pr-shift-scan 3.6s ease-in-out infinite}
  @keyframes pr-shift-pulse{
    0%,100%{opacity:.42}
    50%{opacity:1}
  }
  @keyframes pr-shift-scan{
    0%,100%{transform:translateY(0);opacity:.15}
    50%{transform:translateY(38px);opacity:.4}
  }
  .pr-shift__rail{
    position:absolute;right:max(12px,calc((100% - 1120px)/2 - 8px));top:50%;transform:translateY(-50%);
    display:flex;flex-direction:column;align-items:center;gap:0;
    padding:18px 10px;border-radius:999px;background:var(--pr-sh-rail);
    border:1px solid var(--pr-sh-line);box-shadow:0 10px 28px rgba(0,0,0,.16);z-index:3;
  }
  .pr-shift__rail-item{
    display:flex;flex-direction:column;align-items:center;gap:0;
    background:none;border:0;padding:0;margin:0;color:var(--pr-sh-soft);
    font:inherit;font-size:.68rem;font-weight:600;letter-spacing:.08em;cursor:default;
  }
  .pr-shift__rail-item.is-active{color:var(--pr-sh-ink)}
  .pr-shift__rail-line{width:1px;height:28px;margin:6px 0;background:var(--pr-sh-line)}
  .pr-shift__rail-item:last-child .pr-shift__rail-line{display:none}
  @media (max-width:900px){
    #pr-shift{height:260vh}
    .pr-shift__inner{grid-template-columns:1fr;align-content:center;gap:28px;padding:72px 0 40px}
    .pr-shift__title{top:24px;font-size:1.25rem}
    .pr-shift__copy{min-height:220px;padding-top:8px}
    .pr-shift__step{inset:8px 0 auto 0}
    .pr-shift__circle{width:min(72vw,320px)}
    .pr-shift__rail{right:10px;padding:14px 8px}
  }
  @media (max-width:640px){
    #pr-shift .pr-shift__inner{width:calc(100% - 32px)}
    .pr-shift__h{font-size:1.35rem}
    .pr-shift__rail{display:none}
  }
  @media (prefers-reduced-motion:reduce){
    #pr-shift{height:auto}
    .pr-shift__pin{height:auto;padding:72px 0}
    .pr-shift__inner{height:auto;grid-template-columns:1fr;gap:40px}
    .pr-shift__copy{min-height:0}
    .pr-shift__step{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;margin-bottom:36px;pointer-events:auto}
    .pr-shift__art{position:relative;opacity:.35;transform:none}
    .pr-shift__art.is-active{opacity:1}
    .pr-shift__pulse,.pr-shift__scan{animation:none}
  }
