/* 自动生成 —— 勿手改。生成器：scripts/port-plan-illustrations.mjs
 * 来源：prototype_pages/styles.css + 28-pricing.html 内联 <style>
 * 选择器已全部收敛到 .plan-scope 下，:root 的 token 挪到 .plan-scope，不污染全局。 */
.plan-scope{
  
  --p-color-bg-fill-brand: #303030;
  --p-color-bg-fill-brand-hover: #1A1A1A;
  --p-color-bg-fill-brand-active: #000000;
  --p-color-bg-fill-disabled: #E3E3E3;
  --p-color-text-brand-on-bg-fill: #FFFFFF;
  --p-color-text-disabled: #8A8A8A;
  --p-bg: #F1F1F1;
  --p-surface: #FFFFFF;
  --p-border: #E3E3E3;
  --p-border-subdued: #EBEBEB;
  --p-text: #303030;
  --p-text-sub: #616161;
  --p-text-subdued: #616161;
  --p-success: #008060;
  --p-success-dark: #014B40;
  --p-success-bg: #CDFED4;
  --p-success-border: #A8D7CB;
  --p-caution: #4F4700;
  --p-caution-dark: #4F4700;
  --p-caution-bg: #FFF1E3;
  --p-caution-border: #FFE9C1;
  --p-info: #005BD3;
  --p-info-bg: #EAF4FF;
  --p-info-dark: #003A5A;
  --p-info-border: #BFD7F4;
  --p-critical: #8E0B21;
  --p-critical-bg: #FEE8EB;
  --p-critical-border: #F8C8C0;
  --p-surface-subdued: #F7F7F7;
  --radius-card: 12px;
  --radius-button: 8px;
  --radius-modal: 20px;
  --radius-pill: 9999px;
}
.plan-scope .demo-btn.active{ background: #C9A857; color: #1A1A1A; border-color: #C9A857; font-weight: 700; }
.plan-scope .annotations-btn.primary{ background: #fff; color: #D72C0D; }
.plan-scope .view{ display: none; min-height: calc(100vh - 60px); }
.plan-scope .view.active{ display: block; }
.plan-scope .view-inner{
  width: 100%;
  display: flex; justify-content: center;
  padding: 32px 20px 60px;
}
.plan-scope .shell-wide{ width: 100%; max-width:1080px; }
.plan-scope #view-install .view-inner{
  background: linear-gradient(180deg, #E5F2EF 0%, #F1F1F1 50%);
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.plan-scope #view-sync .view-inner{
  background: linear-gradient(180deg, #fff 0%, #F1F1F1 100%);
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.plan-scope .sync-row.active .sync-row-dot{ background: var(--p-success); box-shadow: 0 0 0 4px rgba(0,128,96,0.15); }
.plan-scope .step-num.active{ background: var(--p-success); color: #fff; box-shadow: 0 0 0 4px rgba(0,128,96,0.15); }
.plan-scope .step-label.active{ color: var(--p-text); font-weight: 600; }
.plan-scope .welcome-hero{
  background: #fff;
  border-radius: 24px;
  padding: 40px 56px;
  margin-bottom: 32px;
  border: 1px solid var(--p-border);
  text-align: center;
}
.plan-scope .welcome-hero-section-title{
  font-size: 11px; font-weight: 700; letter-spacing: 1.2px;
  color: var(--p-text-subdued); text-transform: uppercase;
  margin: 8px 0 16px;
  display: flex; align-items: center; gap: 14px;
}
.plan-scope .hero-features + .welcome-hero-section-title{ margin-top: 18px; }
.plan-scope .welcome-hero-section-title::before, .plan-scope .welcome-hero-section-title::after{
  content: ''; flex: 1; height: 1px; background: var(--p-border-subdued);
}
.plan-scope .hero-features{
  display: grid;
  grid-template-columns: minmax(280px, 340px) 1fr;
  gap: 16px;
  margin-bottom: 8px;
  align-items: stretch;
}
.plan-scope .hero-feature-list{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.plan-scope .hero-feature{
  text-align: left;
  padding: 12px 14px;
  background: var(--p-surface-subdued);
  border: 1px solid var(--p-border-subdued);
  border-radius: 12px;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.plan-scope .hero-feature::after{
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  height: 2px;
  width: 0;
  background: rgba(0,128,96,0.75);
  opacity: 0;
  pointer-events: none;
}
.plan-scope .hero-feature.active::after{
  opacity: 1;
  animation: hero-feature-progress 5s linear forwards;
}
.plan-scope .hero-feature-list.is-paused .hero-feature.active::after{
  animation: none;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce){.plan-scope .hero-feature.active::after{ animation: none; opacity: 0; }}
.plan-scope .hero-feature:hover{
  background: #F4F4F4;
  border-color: var(--p-border);
}
.plan-scope .hero-feature.active{
  background: #F3F8F4;
  border-color: #D6E4DA;
}
.plan-scope .hero-feature-icon{
  width: 32px; height: 32px;
  border-radius: 8px;
  background: var(--p-success-bg); color: var(--p-success-dark);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: background .15s ease, color .15s ease;
}
.plan-scope .hero-feature.active .hero-feature-icon{
  background: rgba(0,128,96,0.85);
  color: #fff;
}
.plan-scope .hero-feature-body{ min-width: 0; }
.plan-scope .hero-feature-title{
  font-size: 13.5px; font-weight: 700; color: var(--p-text);
  margin-bottom: 2px; line-height: 1.3;
  display: flex; align-items: center; gap: 6px;
}
.plan-scope .hero-feature-desc{
  font-size: 12px; color: var(--p-text-sub);
  line-height: 1.4;
}
.plan-scope .hero-feature-detail{
  background: var(--p-surface);
  border: 1px solid var(--p-border-subdued);
  border-radius: 12px;
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.plan-scope .hero-feature-panel{ display: none; }
.plan-scope .hero-feature-panel.active{ display: flex; flex-direction: column; gap: 12px; padding-top: 22px; height: 100%; min-height: 0; }
.plan-scope .hero-feature-panel[data-feat-panel="llms"].active, .plan-scope .hero-feature-panel[data-feat-panel="health"].active, .plan-scope .hero-feature-panel[data-feat-panel="seo"].active{ padding-top: 32px; }
.plan-scope .hero-feature-panel-head .hero-feature-icon{
  width: 36px; height: 36px;
  background: var(--p-success); color: #fff;
}
@media (max-width: 900px){.plan-scope .hero-features{ grid-template-columns: 1fr; }}
.plan-scope .agentic-flow{
  display: flex; flex-direction: column;
  gap: 8px;
  padding-top: 17px;
  flex: 1; min-height: 0;
  
}
.plan-scope .agentic-flow-heads{
  display: grid;
  grid-template-columns: 1fr 36px 1fr;   
  gap: 14px;
  align-items: end;
  padding: 0;
}
.plan-scope .agentic-flow-head{
  display: flex;
  justify-content: flex-end;  
  margin-bottom: -1px;        
}
.plan-scope .agentic-flow-head-title{
  display: inline-block;
  padding: 4px 11px 5px;
  font-size: 11px; font-weight: 600;
  background: var(--p-surface-subdued);
  border: 1px solid var(--p-border-subdued);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  color: var(--p-text);
  line-height: 1.2;
  white-space: nowrap;
}
.plan-scope .agentic-flow-head-title.gen{
  background: #1F2330;
  border-color: #2B3142;
  color: #6FE0AE;
}
.plan-scope .agentic-stage{
  display: grid;
  grid-template-columns: 1fr 36px 1fr;
  gap: 14px;
  align-items: stretch;
  flex: 1; min-height: 0;
}
.plan-scope .src-stack, .plan-scope .gen-stack{
  position: relative;
  height: 250px;
}
.plan-scope .hero-feature-detail:has(.hero-feature-panel[data-feat-panel="agentic"].active){
  height: 307px;
  padding-bottom: 0;
  overflow: hidden;
}
.plan-scope .hero-feature-detail:has(.hero-feature-panel[data-feat-panel="agentic"].active) .flow-ribbon{
  left: 0;
  clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%);
}
.plan-scope .src-page{
  position: absolute;
  inset: 0;
  border-radius: 7px;
  overflow: hidden;
  display: flex; flex-direction: column;
  transform-origin: top left;
  --row-i: 0;
  --queue-x: calc(10px + var(--row-i) * 9px);
  --queue-y: calc(12px + var(--row-i) * 10px);
  will-change: transform, opacity;
}
.plan-scope .gen-page{
  position: absolute;
  inset: 0;
  border-radius: 7px;
  overflow: hidden;
  display: flex; flex-direction: column;
}
.plan-scope .src-page{
  background: var(--p-surface);
  border: 1px solid var(--p-border);
  animation: stack-lifecycle 9s linear infinite, src-page-tint 9s linear infinite;
  animation-delay: calc(var(--row-i) * 3s), calc(var(--row-i) * 3s);
  animation-fill-mode: backwards, backwards;
}
.plan-scope .src-page-bar{
  display: flex; align-items: center; gap: 4px;
  padding: 5px 9px;
  background: var(--p-surface-subdued);
  border-bottom: 1px solid var(--p-border-subdued);
  flex-shrink: 0;
}
.plan-scope .src-page-dot{ width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.plan-scope .src-page-dot.r{ background: #FF5F57; }
.plan-scope .src-page-dot.y{ background: #FEBC2E; }
.plan-scope .src-page-dot.g{ background: #28C840; }
.plan-scope .src-page-url{
  margin-left: 6px;
  font-size: 10px;
  color: var(--p-text-subdued);
  font-family: ui-monospace, SFMono-Regular, "Menlo", monospace;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0; flex: 1;
}
.plan-scope .src-page-body{
  display: flex; flex-direction: column;
  gap: 8px;
  padding: 12px;
  flex: 1; min-height: 0;
}
.plan-scope .src-page-body-row{
  display: flex; gap: 12px;
  align-items: flex-start;
}
.plan-scope .src-page-hero{
  background: linear-gradient(135deg, #E3E3E3 0%, #BDC1C6 100%);
  border-radius: 5px;
  flex-shrink: 0;
}
.plan-scope .src-page-hero--square{ width: 90px; height: 90px; }
.plan-scope .src-page-hero--banner{ width: 100%; height: 56px; }
.plan-scope .src-page-hero--featured{ width: 100%; height: 76px; }
.plan-scope .src-page-text{ flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; padding-top: 2px; }
.plan-scope .src-page-line{ height: 5px; background: var(--p-border-subdued); border-radius: 3px; }
.plan-scope .src-page-line.a{ width: 92%; }
.plan-scope .src-page-line.b{ width: 85%; }
.plan-scope .src-page-line.c{ width: 65%; }
.plan-scope .src-page-line--title{ height: 10px; background: var(--p-text); width: 78%; border-radius: 3px; }
.plan-scope .src-page-line--bigtitle{ height: 13px; background: var(--p-text); width: 88%; border-radius: 3px; }
.plan-scope .src-page-line--price{ height: 8px; background: var(--p-text); width: 26%; border-radius: 3px; }
.plan-scope .src-page-line--meta{ height: 5px; background: var(--p-text-subdued); width: 58%; }
.plan-scope .src-page-stars{ display: flex; gap: 3px; }
.plan-scope .src-page-star{
  width: 10px; height: 10px;
  background: #FEBC2E;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.plan-scope .src-page-button{
  height: 26px; min-width: 110px;
  background: var(--p-text);
  border-radius: 5px;
  align-self: flex-start;
}
.plan-scope .src-page-gallery{
  display: flex; gap: 5px;
}
.plan-scope .src-page-gallery-thumb{
  width: 30px; height: 30px;
  background: linear-gradient(135deg, #E8E8E8 0%, #BFBFBF 100%);
  border-radius: 3px;
  border: 1px solid var(--p-border-subdued);
}
.plan-scope .src-page-gallery-thumb.active{
  border: 1.5px solid var(--p-text);
}
.plan-scope .src-page-thumbs{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  flex: 1; min-height: 0;
}
.plan-scope .src-page-thumb{
  background: linear-gradient(135deg, #E3E3E3 0%, #BDC1C6 100%);
  border-radius: 4px;
  aspect-ratio: 1;
}
.plan-scope .src-page-swatches{ display: flex; gap: 5px; align-items: center; margin-top: 2px; }
.plan-scope .src-page-swatch{
  width: 11px; height: 11px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.1);
}
.plan-scope .src-page-swatch.s1{ background: #6B4226; }
.plan-scope .src-page-swatch.s2{ background: #1A1A1A; }
.plan-scope .src-page-swatch.s3{ background: #C9C2B3; }
.plan-scope .src-page-swatch.s4{ background: #455A64; }
.plan-scope .src-page-chips{ display: flex; gap: 5px; flex-wrap: wrap; }
.plan-scope .src-page-chip{
  height: 16px;
  padding: 0 8px;
  border: 1px solid var(--p-border-subdued);
  border-radius: 999px;
  background: var(--p-surface-subdued);
  font-size: 9px;
  color: var(--p-text-sub);
  display: inline-flex; align-items: center;
  line-height: 1;
  white-space: nowrap;
}
.plan-scope .src-scan-bar{
  position: absolute;
  left: 0; right: 0;
  top: 0;
  height: 14px;
  background:
    linear-gradient(to right,
      rgba(0,91,211,0) 0%, rgba(0,91,211,0.9) 35%,
      rgba(0,91,211,0.9) 65%, rgba(0,91,211,0) 100%) 0 0 / 100% 2px no-repeat,
    linear-gradient(to right,
      rgba(0,91,211,0) 0%, rgba(0,91,211,0.55) 35%,
      rgba(0,91,211,0.55) 65%, rgba(0,91,211,0) 100%) 0 6px / 100% 2px no-repeat,
    linear-gradient(to right,
      rgba(0,91,211,0) 0%, rgba(0,91,211,0.3) 35%,
      rgba(0,91,211,0.3) 65%, rgba(0,91,211,0) 100%) 0 12px / 100% 2px no-repeat;
  pointer-events: none;
  opacity: 0;
  filter: drop-shadow(0 0 4px rgba(0, 91, 211, 0.45));
  animation: src-scan-sweep 9s linear infinite;
  animation-delay: calc(var(--row-i) * 3s);
  animation-fill-mode: backwards;
  z-index: 1;
}
.plan-scope .src-check{
  position: absolute;
  top: 7px; right: 9px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--p-success);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  opacity: 0;
  transform: scale(0.6);
  animation: src-check-pop 9s linear infinite;
  animation-delay: calc(var(--row-i) * 3s);
  animation-fill-mode: backwards;
  z-index: 2;
  box-shadow: 0 0 0 2px #fff;
}
.plan-scope .src-check svg{ width: 10px; height: 10px; }
.plan-scope .agentic-arrow{
  display: flex; flex-direction: column;
  align-items: stretch; justify-content: center;
  gap: 10px;
  color: var(--p-success-dark);
  padding: 6px 0;
}
.plan-scope .agentic-flow-line{
  height: 2px;
  background: linear-gradient(to right,
    rgba(0,128,96,0) 0%,
    rgba(0,128,96,0.85) 35%,
    rgba(0,128,96,0.85) 65%,
    rgba(0,128,96,0) 100%);
  border-radius: 1px;
  position: relative;
  overflow: hidden;
}
.plan-scope .agentic-flow-line::after{
  content: '';
  position: absolute;
  top: 50%;
  left: -8px;
  width: 8px; height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: var(--p-success);
  box-shadow: 0 0 8px rgba(0,128,96,0.7);
  animation: flow-packet 3s linear infinite;
}
.plan-scope .agentic-flow-line:nth-child(1)::after{ animation-delay: 0s; }
.plan-scope .agentic-flow-line:nth-child(2)::after{ animation-delay: 0.4s; }
.plan-scope .agentic-flow-line:nth-child(3)::after{ animation-delay: 0.8s; }
@media (prefers-reduced-motion: reduce){.plan-scope .agentic-flow-line::after{ animation: none; opacity: 0; }}
.plan-scope .gen-page{
  background: #1F2330;
  border: 1px solid #2B3142;
}
.plan-scope .gen-page-bar{
  display: flex; align-items: center; gap: 6px;
  padding: 5px 10px;
  background: #161924;
  border-bottom: 1px solid #2B3142;
  flex-shrink: 0;
}
.plan-scope .gen-page-tag{
  font-size: 9px; font-weight: 700; letter-spacing: 0.5px;
  color: #6FE0AE;
  background: rgba(111,224,174,0.14);
  padding: 1px 6px; border-radius: 3px;
  text-transform: uppercase;
}
.plan-scope .gen-page-type-wrap{
  position: relative;
  display: inline-block;
  min-width: 110px;
  height: 14px;
  font-family: ui-monospace, SFMono-Regular, "Menlo", monospace;
}
.plan-scope .gen-page-type{
  position: absolute;
  top: 0; left: 0;
  font-size: 10px; color: #8A92A6;
  white-space: nowrap;
  --row-i: 0;
  opacity: 0;
  animation: gen-channel-show 9s linear infinite;
  animation-delay: calc(var(--row-i) * 3s);
  animation-fill-mode: backwards;
}
.plan-scope .gen-page-live{
  margin-left: auto;
  font-size: 10px; font-weight: 600;
  color: #6FE0AE;
  display: inline-flex; align-items: center; gap: 4px;
}
.plan-scope .gen-page-live::before{
  content: '';
  width: 6px; height: 6px; border-radius: 50%;
  background: #6FE0AE;
  box-shadow: 0 0 6px #6FE0AE;
  animation: gen-live-pulse 3s ease-in-out infinite;
}
.plan-scope .gen-page-body{
  position: relative;
  flex: 1; min-height: 0;
  font-family: ui-monospace, SFMono-Regular, "Menlo", monospace;
  color: #E3E6EE;
  overflow: hidden;
}
.plan-scope .gen-content{
  position: absolute;
  inset: 0;
  padding: 8px 12px 10px;
  font-size: 11px;
  line-height: 1.5;
  display: flex; flex-direction: column;
  gap: 2px;
  --row-i: 0;
  opacity: 0;
  transform: translateY(6px);
  animation: gen-channel-show 9s linear infinite;
  animation-delay: calc(var(--row-i) * 3s);
  animation-fill-mode: backwards;
}
.plan-scope .gen-line{
  display: flex; gap: 5px;
  opacity: 0;
  transform: translateY(2px);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  animation: gen-line-in 9s linear infinite;
  animation-delay: calc(var(--row-i) * 3s + var(--line-i, 0) * 0.12s);
  animation-fill-mode: backwards;
}
.plan-scope .gen-line .k{ color: #7AB3FF; }
.plan-scope .gen-line .v{ color: #B7E4A8; }
.plan-scope .gen-line .n{ color: #FFC36B; }
.plan-scope .gen-line .p{ color: #B5B5B5; }
@media (prefers-reduced-motion: reduce){.plan-scope .src-page, .plan-scope .src-scan-bar, .plan-scope .src-check, .plan-scope .gen-line, .plan-scope .gen-content, .plan-scope .gen-page-type, .plan-scope .agentic-arrow svg, .plan-scope .gen-page-live::before{
    animation: none;
  }}
@media (prefers-reduced-motion: reduce){.plan-scope .src-scan-bar{ opacity: 0; }}
@media (prefers-reduced-motion: reduce){.plan-scope .src-check, .plan-scope .gen-line{ opacity: 1; transform: none; }}
@media (prefers-reduced-motion: reduce){.plan-scope .src-page{ opacity: 1; transform: none; filter: none; }}
@media (prefers-reduced-motion: reduce){.plan-scope .gen-content[style*="--row-i: 0"], .plan-scope .gen-page-type[style*="--row-i: 0"]{ opacity: 1; transform: none; }}
.plan-scope .flow-ribbon{
  position: absolute;
  top: 14px;
  left: -6px;
  background: var(--p-success);
  color: #fff;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.6px;
  padding: 5px 18px 5px 12px;
  text-transform: uppercase;
  z-index: 3;
  clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%);
  box-shadow: 0 3px 8px rgba(0,128,96,0.22);
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}
.plan-scope .hero-feature-panel-flow{
  display: grid;
  grid-template-columns: 112px 36px 116px 36px 1fr;
  grid-template-rows: minmax(0, 1fr);
  align-items: stretch;
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
}
.plan-scope .flow-col{
  display: flex; flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.plan-scope .flow-node{
  background: var(--p-surface);
  border: 1px solid var(--p-border);
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 11px; font-weight: 600;
  color: var(--p-text);
  display: flex; align-items: center; gap: 6px;
  line-height: 1.2;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  white-space: nowrap;
}
.plan-scope .flow-node-logo{
  width: 16px; height: 16px;
  flex-shrink: 0;
  object-fit: contain;
  border-radius: 50%;
  background: #FFFFFF;
}
.plan-scope .flow-agents .flow-node{
  animation: flow-logo-float 2.6s ease-in-out infinite;
  will-change: transform;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  flex-direction: column;
  gap: 4px;
  width: max-content;
  align-self: flex-start;
}
.plan-scope .flow-agents .flow-node:nth-child(2), .plan-scope .flow-agents .flow-node:nth-child(4){
  align-self: flex-end;
}
.plan-scope .flow-agents .flow-node-logo{
  width: 36px; height: 36px;
  border: 1px solid var(--p-border);
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.plan-scope .flow-agents .flow-node-name{
  font-size: 10.5px;
  font-weight: 600;
  color: var(--p-text);
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0.1px;
}
.plan-scope .flow-agents .flow-node:nth-child(1){ animation-delay: 0s; }
.plan-scope .flow-agents .flow-node:nth-child(2){ animation-delay: 0.65s; margin-left: -10px; margin-right: 30px; margin-top: 5px; }
.plan-scope .flow-agents .flow-node:nth-child(3){ animation-delay: 1.3s; }
.plan-scope .flow-agents .flow-node:nth-child(4){ animation-delay: 1.95s; }
.plan-scope .flow-activity-group{
  align-self: center;
  background: var(--p-surface);
  border: 1px solid var(--p-border);
  border-radius: 10px;
  padding: 8px;
  display: flex; flex-direction: column;
  gap: 6px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.plan-scope .flow-activity-item{
  background: var(--p-surface-subdued);
  border: 1px solid var(--p-border-subdued);
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--p-text-sub);
  text-align: center;
  line-height: 1.2;
  animation: flow-activity-pulse 3s infinite ease-in-out;
}
.plan-scope .flow-activity-item:nth-child(1){ animation-delay: 0s; }
.plan-scope .flow-activity-item:nth-child(2){ animation-delay: 1s; }
.plan-scope .flow-activity-item:nth-child(3){ animation-delay: 2s; }
@media (prefers-reduced-motion: reduce){.plan-scope .flow-activity-item, .plan-scope .flow-agents .flow-node, .plan-scope .flow-lines path{ animation: none; }}
.plan-scope .flow-lines{
  width: 100%; height: 100%;
  overflow: visible;
}
.plan-scope .hero-feature-panel-flow > svg.flow-lines:first-of-type{
  position: absolute;
  top: 0;
  left: 0;
  width: 148px;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.plan-scope .hero-feature-panel-flow > svg.flow-lines:last-of-type{
  grid-column: 4;
}
.plan-scope .flow-col.flow-agents{
  grid-column: 1;
  position: relative;
  z-index: 2;
}
.plan-scope .flow-activity-group{
  grid-column: 3;
  position: relative;
  z-index: 2;
}
.plan-scope .flow-store{
  grid-column: 5;
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 2;
}
.plan-scope .flow-lines path{
  fill: none;
  stroke: #B5B5B5;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 3 5;
  animation: flow-line-march 1.4s linear infinite;
  vector-effect: non-scaling-stroke;
}
.plan-scope .flow-store{
  background: #FFFFFF;
  border: 1px solid #D8C899;
  border-radius: 18px;
  overflow: hidden;
  display: flex; flex-direction: column;
  box-shadow: 0 2px 8px rgba(154,107,58,0.10);
  height: 320px;
}
.plan-scope .flow-store-bar{
  background: #FAF5EF;
  border-bottom: 1px solid #D8C899;
  display: flex; gap: 5px; align-items: center;
  padding: 8px 10px;
}
.plan-scope .flow-store-dot{ width: 9px; height: 9px; border-radius: 50%; }
.plan-scope .flow-store-dot.r{ background: #FF5F57; }
.plan-scope .flow-store-dot.y{ background: #FEBC2E; }
.plan-scope .flow-store-dot.g{ background: #28C840; }
.plan-scope .flow-store-content{
  padding: 10px 12px 12px;
  display: flex; flex-direction: column; gap: 6px;
  flex: 1;
}
.plan-scope .flow-store-label{
  font-size: 10px; font-weight: 700;
  color: #9A6B3A; letter-spacing: 0.2px;
  line-height: 1.2;
}
.plan-scope .flow-store-hero{
  background: #E8EFE5;
  border: 1px solid #ECE0B6;
  border-radius: 12px;
  height: 80px;
  flex-shrink: 0;
}
.plan-scope .flow-store-lines{ display: flex; flex-direction: column; gap: 4px; }
.plan-scope .flow-store-line{
  background: #EFECE3;
  border: 1px solid #ECE0B6;
  border-radius: 4px;
  height: 6px;
}
.plan-scope .flow-store-line.a{ width: 75%; }
.plan-scope .flow-store-line.b{ width: 92%; }
.plan-scope .flow-store-line.c{ width: 62%; }
.plan-scope .flow-store-tiles{
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px;
  margin-top: 2px;
}
.plan-scope .flow-store-tile{
  height: 32px;
  border: 1px solid #ECE0B6;
  border-radius: 8px;
}
.plan-scope .flow-store-tile.t1{ background: #F4ECDB; }
.plan-scope .flow-store-tile.t2{ background: #E6EEE2; }
.plan-scope .flow-store-tile.t3{ background: #F5E8D4; }
.plan-scope .flow-store-tile.t4{ background: #EDE3D0; }
.plan-scope .flow-store-cards{
  display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
  margin-top: auto;
}
.plan-scope .flow-store-card{
  background: #FBF8F2;
  border: 1px solid #ECE0B6;
  border-radius: 10px;
  height: 56px;
  display: flex; flex-direction: column;
  padding: 6px;
  gap: 4px;
}
.plan-scope .flow-store-card::before{
  content: "";
  background: #F2EAD6;
  border-radius: 6px;
  height: 28px;
}
.plan-scope .flow-store-card::after{
  content: "";
  background: #EAE3D4;
  border-radius: 3px;
  height: 5px;
  width: 70%;
}
.plan-scope .flow-store-card:nth-child(2)::before{ background: #EBE1C8; }
.plan-scope .flow-store-card:nth-child(2)::after{ width: 55%; }
.plan-scope .hero-feature-panel-health{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: minmax(0, 1fr);
  gap: 28px;
  flex: 1;
  min-height: 0;
  max-height: 210px;
  align-items: stretch;
  padding: 6px 4px 8px;
}
.plan-scope .health-pages{
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan-scope .health-page{
  position: absolute;
  width: 215px;
  height: 202px;
  background: #FBF8F2;
  border: 1px solid #ECE0B6;
  border-radius: 13px;
  padding: 13px 14px;
  display: flex; flex-direction: column;
  gap: 8px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(154,107,58,0.10);
  animation: health-page-cycle 9s linear infinite;
  will-change: transform, opacity;
}
.plan-scope .health-page:nth-child(1){ animation-delay:  0s; }
.plan-scope .health-page:nth-child(2){ animation-delay: -3s; }
.plan-scope .health-page:nth-child(3){ animation-delay: -6s; }
.plan-scope .health-page-bar{
  background: #F2EAD6;
  border-radius: 4px;
  height: 10px;
  width: 60%;
}
.plan-scope .health-page-thumb{
  background: #E8EFE5;
  border: 1px solid #ECE0B6;
  border-radius: 9px;
  height: 72px;
  flex-shrink: 0;
}
.plan-scope .health-page-line{
  background: #EFECE3;
  border-radius: 3px;
  height: 7px;
}
.plan-scope .health-page-line.a{ width: 92%; }
.plan-scope .health-page-line.b{ width: 72%; }
.plan-scope .health-page-line.c{ width: 55%; }
.plan-scope .health-page-scan{
  position: absolute;
  left: 0; right: 0;
  height: 1.5px;
  background: linear-gradient(90deg, transparent, var(--p-success) 30%, var(--p-success) 70%, transparent);
  box-shadow: 0 0 8px rgba(0,128,96,0.45);
  top: 0;
  pointer-events: none;
  opacity: 0;
  animation: health-scan-cycle 9s linear infinite;
}
.plan-scope .health-page:nth-child(1) .health-page-scan{ animation-delay:  0s; }
.plan-scope .health-page:nth-child(2) .health-page-scan{ animation-delay: -3s; }
.plan-scope .health-page:nth-child(3) .health-page-scan{ animation-delay: -6s; }
.plan-scope .health-checks{
  position: relative;
  flex: 1;
  min-height: 0;
  align-self: stretch;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
          mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
}
.plan-scope .health-checks-track{
  display: flex;
  flex-direction: column;
  gap: 5px;
  animation: hc-scroll 15s linear infinite;
  will-change: transform;
}
.plan-scope .health-check{
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 4px 10px;
  height: 22px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #FBF8F2;
  border: 1px solid #ECE0B6;
  font-size: 11.5px;
  font-weight: 600;
  color: #1F1F1F;
  flex-shrink: 0;
}
.plan-scope .health-check-circle{
  width: 13px; height: 13px;
  border-radius: 50%;
  border: 1.5px solid #CFCAC0;
  background: transparent;
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  position: relative;
  transition: background 0.22s ease, border-color 0.22s ease;
}
.plan-scope .health-check-circle::before{
  content: "";
  width: 5px; height: 2.5px;
  border-left: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  transform: rotate(-45deg) translate(0, -1px);
  opacity: 0;
  transition: opacity 0.2s ease 0.05s;
}
.plan-scope .health-check-label{
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6B6047;
  transition: color 0.22s ease;
}
.plan-scope .health-check-score{
  font-size: 10.5px;
  font-weight: 700;
  color: var(--p-success-dark);
  opacity: 0;
  transform: translateX(4px);
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.plan-scope .health-check.is-checked .health-check-circle{
  background: var(--p-success);
  border-color: var(--p-success);
}
.plan-scope .health-check.is-checked .health-check-circle::before{ opacity: 1; }
.plan-scope .health-check.is-checked .health-check-label{ color: #1F1F1F; }
.plan-scope .health-check.is-checked .health-check-score{ opacity: 1; transform: translateX(0); }
.plan-scope .health-check.is-checked{
  animation: hc-pulse 0.55s ease-out;
}
@media (prefers-reduced-motion: reduce){.plan-scope .health-page, .plan-scope .health-page-scan, .plan-scope .health-checks-track, .plan-scope .health-check{ animation: none !important; }}
@media (prefers-reduced-motion: reduce){.plan-scope .health-page-scan{ opacity: 0; }}
@media (prefers-reduced-motion: reduce){.plan-scope .health-page:nth-child(1){ transform: translate(36px, 24px) rotate(4deg); opacity: 0.45; z-index: 1; }}
@media (prefers-reduced-motion: reduce){.plan-scope .health-page:nth-child(2){ transform: translate(18px, 12px) rotate(2deg); opacity: 0.78; z-index: 2; }}
@media (prefers-reduced-motion: reduce){.plan-scope .health-page:nth-child(3){ transform: translate(0, 0); opacity: 1; z-index: 3; box-shadow: 0 0 0 2px rgba(0,128,96,0.22), 0 4px 12px rgba(154,107,58,0.11); }}
@media (prefers-reduced-motion: reduce){.plan-scope .health-check .health-check-circle{ background: var(--p-success); border-color: var(--p-success); }}
@media (prefers-reduced-motion: reduce){.plan-scope .health-check .health-check-circle::before{ opacity: 1; }}
@media (prefers-reduced-motion: reduce){.plan-scope .health-check .health-check-label{ color: #1F1F1F; }}
@media (prefers-reduced-motion: reduce){.plan-scope .health-check .health-check-score{ opacity: 1; transform: none; }}
.plan-scope .hero-feature-panel-seo{
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  grid-template-rows: minmax(0, 1fr);
  gap: 24px;
  flex: 1;
  min-height: 0;
  max-height: 210px;
  align-items: stretch;
  padding: 6px 4px 8px;
}
.plan-scope .seo-page-wrap{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  overflow: visible;
}
.plan-scope .seo-page{
  position: relative;
  width: 290px;
  height: 290px;
  background: #FBF8F2;
  border: 1px solid #ECE0B6;
  border-radius: 13px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(154,107,58,0.11);
}
.plan-scope .seo-block{
  position: absolute;
  border-radius: 6px;
  background: #EFECE3;
  will-change: transform, box-shadow;
}
.plan-scope .seo-block.b1{ top: 18px;  left: 16px;  width: 172px; height: 12px; background: #E2D9BD; animation: seo-page-arrange-1 9s linear infinite; }
.plan-scope .seo-block.b2{ top: 40px;  left: 16px;  width: 258px; height: 96px; background: #E8EFE5; animation: seo-page-arrange-2 9s linear infinite; }
.plan-scope .seo-block.b3{ top: 146px; left: 16px;  width: 200px; height: 8px;  animation: seo-page-arrange-3 9s linear infinite; }
.plan-scope .seo-block.b4{ top: 160px; left: 16px;  width: 150px; height: 8px;  animation: seo-page-arrange-4 9s linear infinite; }
.plan-scope .seo-block.b5{ top: 184px; left: 16px;  width: 124px; height: 72px; background: #F4ECDB; animation: seo-page-arrange-5 9s linear infinite; }
.plan-scope .seo-block.b6{ top: 184px; left: 148px; width: 126px; height: 72px; background: #F5E8D4; animation: seo-page-arrange-6 9s linear infinite; }
.plan-scope .seo-vitals{
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: space-between;
  min-height: 0;
  height: 100%;
}
.plan-scope .seo-vital{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 11px;
  border-radius: 9px;
  background: #FBF8F2;
  border: 1px solid #ECE0B6;
  transition: border-color 0.35s ease, background 0.35s ease;
}
.plan-scope .seo-vital-ring{
  width: 28px; height: 28px;
  flex-shrink: 0;
  transform: rotate(-90deg);
}
.plan-scope .seo-vital-ring-bg, .plan-scope .seo-vital-ring-fg{ fill: none; stroke-width: 4; }
.plan-scope .seo-vital-ring-bg{ stroke: #ECE5D2; }
.plan-scope .seo-vital-ring-fg{
  stroke: #D14F4F;
  stroke-linecap: round;
  stroke-dasharray: 94.25;
  stroke-dashoffset: 94.25;
  transition: stroke-dashoffset 0.55s ease-out, stroke 0.35s ease;
}
.plan-scope .seo-vital[data-step="0"] .seo-vital-ring-fg{ stroke: #D14F4F;          stroke-dashoffset: 94.25; }
.plan-scope .seo-vital[data-step="1"] .seo-vital-ring-fg{ stroke: #E0A030;          stroke-dashoffset: 47.12; }
.plan-scope .seo-vital[data-step="2"] .seo-vital-ring-fg{ stroke: var(--p-success); stroke-dashoffset: 0;     }
.plan-scope .seo-vital-body{
  display: flex; flex-direction: column;
  gap: 0;
  flex: 1;
  min-width: 0;
  line-height: 1.1;
}
.plan-scope .seo-vital-name{
  font-size: 9.5px;
  font-weight: 700;
  color: #6B6047;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.plan-scope .seo-vital-row{ display: flex; align-items: baseline; gap: 6px; }
.plan-scope .seo-vital-val{
  font-size: 12.5px;
  font-weight: 700;
  color: #1F1F1F;
  font-family: ui-monospace, SFMono-Regular, "Menlo", monospace;
  letter-spacing: -0.2px;
  transition: color 0.35s ease;
}
.plan-scope .seo-vital-tag{
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding: 1px 6px;
  border-radius: 4px;
  transition: color 0.35s ease, background 0.35s ease;
}
.plan-scope .seo-vital[data-step="0"] .seo-vital-tag{ color: #D14F4F;          background: rgba(209,79,79,0.10); }
.plan-scope .seo-vital[data-step="1"] .seo-vital-tag{ color: #E0A030;          background: rgba(224,160,48,0.10); }
.plan-scope .seo-vital[data-step="2"] .seo-vital-tag{ color: var(--p-success-dark); background: rgba(0,128,96,0.10); }
.plan-scope .seo-overall{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 11px;
  border-radius: 10px;
  background: linear-gradient(135deg, #FBF8F2 0%, #F4ECDB 100%);
  border: 1px solid #E2D9BD;
  transition: border-color 0.4s ease, background 0.4s ease;
}
.plan-scope .seo-overall-ring{
  width: 36px; height: 36px;
  flex-shrink: 0;
  transform: rotate(-90deg);
}
.plan-scope .seo-overall-ring-bg, .plan-scope .seo-overall-ring-fg{ fill: none; stroke-width: 5; }
.plan-scope .seo-overall-ring-bg{ stroke: #ECE5D2; }
.plan-scope .seo-overall-ring-fg{
  stroke: #D14F4F;
  stroke-linecap: round;
  stroke-dasharray: 138.23;
  stroke-dashoffset: 138.23;
  transition: stroke-dashoffset 0.55s ease-out, stroke 0.4s ease;
}
.plan-scope .seo-overall[data-step="0"] .seo-overall-ring-fg{ stroke: #D14F4F; }
.plan-scope .seo-overall[data-step="1"] .seo-overall-ring-fg{ stroke: #E0A030; }
.plan-scope .seo-overall[data-step="2"] .seo-overall-ring-fg{ stroke: var(--p-success); }
.plan-scope .seo-overall-body{
  display: flex; flex-direction: column;
  gap: 0;
  flex: 1;
  min-width: 0;
  line-height: 1.1;
}
.plan-scope .seo-overall-name{
  font-size: 9px;
  font-weight: 700;
  color: #6B6047;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.plan-scope .seo-overall-row{ display: flex; align-items: baseline; gap: 7px; }
.plan-scope .seo-overall-val{
  font-size: 17px;
  font-weight: 800;
  color: #1F1F1F;
  font-family: ui-monospace, SFMono-Regular, "Menlo", monospace;
  line-height: 1;
  letter-spacing: -0.4px;
  transition: color 0.35s ease;
}
.plan-scope .seo-overall-tag{
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding: 1px 6px;
  border-radius: 4px;
  transition: color 0.35s ease, background 0.35s ease;
}
.plan-scope .seo-overall[data-step="0"] .seo-overall-tag{ color: #D14F4F;          background: rgba(209,79,79,0.10); }
.plan-scope .seo-overall[data-step="1"] .seo-overall-tag{ color: #E0A030;          background: rgba(224,160,48,0.10); }
.plan-scope .seo-overall[data-step="2"] .seo-overall-tag{ color: var(--p-success-dark); background: rgba(0,128,96,0.10); }
@media (prefers-reduced-motion: reduce){.plan-scope .seo-block{ animation: none !important; transform: none !important; box-shadow: none !important; }}
@media (prefers-reduced-motion: reduce){.plan-scope .seo-vital-ring-fg{ stroke: var(--p-success); stroke-dashoffset: 0; }}
@media (prefers-reduced-motion: reduce){.plan-scope .seo-vital-tag{ color: var(--p-success-dark); background: rgba(0,128,96,0.10); }}
@media (prefers-reduced-motion: reduce){.plan-scope .seo-overall-ring-fg{ stroke: var(--p-success); stroke-dashoffset: 0; }}
@media (prefers-reduced-motion: reduce){.plan-scope .seo-overall-tag{ color: var(--p-success-dark); background: rgba(0,128,96,0.10); }}
.plan-scope .welcome-hero-stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  padding: 4px 0 0;
}
.plan-scope .welcome-hero-stats > div{
  text-align: left;
  background: var(--p-surface);
  border: 1px solid var(--p-border-subdued);
  border-radius: 12px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}
.plan-scope .welcome-stat-num{ font-size: 30px; font-weight: 700; color: var(--p-success-dark); letter-spacing: -0.5px; line-height: 1; position: relative; z-index: 1; }
.plan-scope .welcome-stat-label{ font-size: 12px; color: var(--p-text-sub); margin-top: 6px; position: relative; z-index: 1; }
.plan-scope .welcome-stat-chart{
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
  height: 48px;
  pointer-events: none;
  z-index: 0;
  clip-path: inset(0 100% 0 0);
  animation: welcome-stat-chart-grow 2.4s cubic-bezier(0.22, 0.9, 0.3, 1) 0.25s forwards;
}
@media (prefers-reduced-motion: reduce){.plan-scope .welcome-stat-chart{ clip-path: none; animation: none; }}
.plan-scope .welcome-stat-bars{
  position: absolute;
  right: 14px;
  top: 14px;
  bottom: 14px;
  width: 112px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  pointer-events: none;
  z-index: 0;
}
.plan-scope .stat-bar{
  width: 8px;
  border-radius: 3px;
  transform: scaleY(0);
  transform-origin: bottom;
  animation: stat-bar-grow 0.55s cubic-bezier(0.22, 0.9, 0.3, 1) forwards;
}
.plan-scope .stat-bar:nth-child(1){ height: 30%; animation-delay: 0.20s; background: rgba(0,128,96,0.32); }
.plan-scope .stat-bar:nth-child(2){ height: 58%; animation-delay: 0.30s; background: rgba(0,128,96,0.40); }
.plan-scope .stat-bar:nth-child(3){ height: 42%; animation-delay: 0.40s; background: rgba(0,128,96,0.34); }
.plan-scope .stat-bar:nth-child(4){ height: 72%; animation-delay: 0.50s; background: rgba(0,128,96,0.46); }
.plan-scope .stat-bar:nth-child(5){ height: 50%; animation-delay: 0.60s; background: rgba(0,128,96,0.38); }
.plan-scope .stat-bar:nth-child(6){ height: 96%; animation-delay: 0.70s; background: #006B4F; }
.plan-scope .stat-bar:nth-child(7){ height: 64%; animation-delay: 0.80s; background: rgba(0,128,96,0.42); }
.plan-scope .stat-bar:nth-child(8){ height: 80%; animation-delay: 0.90s; background: rgba(0,128,96,0.48); }
.plan-scope .stat-bar:nth-child(9){ height: 36%; animation-delay: 1.00s; background: rgba(0,128,96,0.33); }
@media (prefers-reduced-motion: reduce){.plan-scope .stat-bar{ transform: scaleY(1); animation: none; }}
.plan-scope .welcome-stat-dots{
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 96px;
  height: 42px;
  pointer-events: none;
  z-index: 0;
}
.plan-scope .stat-dot{
  position: absolute;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: rgba(0,128,96,0.30);
  opacity: 0;
  transform: scale(0.5);
  animation: stat-dot-appear 0.4s cubic-bezier(0.22, 0.9, 0.3, 1) forwards;
  animation-delay: calc(var(--i, 0) * 32ms + 0.2s);
}
.plan-scope .stat-dot.is-peak{ background: #006B4F; }
@media (prefers-reduced-motion: reduce){.plan-scope .stat-dot{ opacity: 1; transform: scale(1); animation: none; }}
.plan-scope .plan-grid{
  display: grid;
  grid-template-columns: 1fr 1.55fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 28px;
  align-items: stretch;
  padding-top: 24px;
}
.plan-scope .plan-card{
  position: relative;
  background: #fff;
  border: 1.5px solid var(--p-border);
  border-radius: 20px;
  padding: 24px 22px;
  display: flex; flex-direction: column;
  transition: all .15s ease;
}
.plan-scope .plan-card:hover{
  border-color: #BFBFBF;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
.plan-scope .plan-card.recommended{
  border-color: var(--p-success); border-width: 2px;
  background: linear-gradient(180deg, #F4FBF8 0%, #FFFFFF 70%);
  box-shadow: 0 12px 32px rgba(0,128,96,0.15);
  padding: 36px 30px 30px;
  transform: translateY(-20px);
  margin-bottom: -20px;
}
.plan-scope .plan-card.recommended:hover{
  transform: translateY(-24px);
  box-shadow: 0 16px 38px rgba(0,128,96,0.2);
}
.plan-scope .reco-badge{
  position: absolute;
  top: -14px; left: 50%; transform: translateX(-50%);
  background: var(--p-success); color: #fff;
  border-radius: 999px;
  padding: 6px 16px;
  font-size: 11.5px; font-weight: 700; letter-spacing: 0.4px;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0,128,96,0.25);
}
.plan-scope .tier-name{ font-size: 16px; font-weight: 700; color: #1A1A1A; margin-bottom: 4px; }
.plan-scope .tier-tagline{ font-size: 12px; color: var(--p-text-sub); margin-bottom: 18px; min-height: 18px; }
.plan-scope .tier-price-row{ display: flex; align-items: baseline; gap: 4px; margin-bottom: 4px; }
.plan-scope .tier-price{ font-size: 32px; font-weight: 700; color: #1A1A1A; letter-spacing: -1px; line-height: 1; }
.plan-scope .tier-currency{ font-size: 16px; font-weight: 600; color: var(--p-text-sub); }
.plan-scope .tier-period{ font-size: 13px; color: var(--p-text-sub); margin-left: 2px; }
.plan-scope .plan-card.recommended .tier-limit{ background: var(--p-success-bg); }
.plan-scope .tier-features{ list-style: none; padding: 0; margin: 0 0 22px; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.plan-scope .tier-features li{ font-size: 12.5px; color: var(--p-text); display: flex; align-items: flex-start; gap: 7px; line-height: 1.4; }
.plan-scope .feat-check{ width: 14px; height: 14px; flex-shrink: 0; color: var(--p-success-dark); margin-top: 1px; }
.plan-scope .tier-cta{
  width: 100%; height: 40px;
  border: 1.5px solid var(--p-border); background: #fff;
  border-radius: 8px;
  font-family: inherit; font-size: 13px; font-weight: 600;
  color: #1A1A1A; cursor: pointer;
  transition: all .15s;
}
.plan-scope .tier-cta:hover{ border-color: #1A1A1A; }
.plan-scope .tier-cta.primary{ background: var(--p-color-bg-fill-brand); color: var(--p-color-text-brand-on-bg-fill); border-color: var(--p-color-bg-fill-brand); }
.plan-scope .tier-cta.primary:hover{ background: var(--p-color-bg-fill-brand-hover); border-color: var(--p-color-bg-fill-brand-hover); }
.plan-scope .plan-card.recommended .tier-name{ font-size: 19px; }
.plan-scope .plan-card.recommended .tier-price{ font-size: 40px; }
.plan-scope .plan-card.recommended .tier-cta{ height: 44px; font-size: 14px; }
.plan-scope .plan-card.has-discount .tier-price-original{ display: inline; }
.plan-scope .plan-card.has-discount .tier-discount-badge{ display: inline-block; }
.plan-scope .plan-card.is-current{
  border-color: var(--p-text-subdued);
  background: var(--p-surface-subdued);
  position: relative;
}
.plan-scope .plan-card.is-current:hover{ transform: none; box-shadow: none; }
.plan-scope .tier-cta:disabled{
  background: var(--p-surface-subdued);
  color: var(--p-text-subdued);
  border-color: var(--p-border);
  cursor: not-allowed;
}
.plan-scope .tier-cta:disabled:hover{ border-color: var(--p-border); }
.plan-scope #view-shopify-confirm .view-inner{
  background: #FAFBFC;
  flex-direction: column;
}
.plan-scope .page-title-h1{ font-size: 20px; font-weight: 600; color: var(--p-text); margin: 0; letter-spacing: -0.3px; }
.plan-scope .focus-task-cta.primary{ background: var(--p-color-bg-fill-brand); color: var(--p-color-text-brand-on-bg-fill); border-color: var(--p-color-bg-fill-brand); }
.plan-scope .focus-task-cta.primary:hover{ background: var(--p-color-bg-fill-brand-hover); border-color: var(--p-color-bg-fill-brand-hover); }
.plan-scope .info-dot{
  width: 14px; height: 14px; border-radius: 50%;
  border: 1.5px solid #ADADAD; color: var(--p-text-sub);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 9px; font-weight: 700; font-style: normal; cursor: pointer;
}
.plan-scope .btn-link.primary{ background: var(--p-color-bg-fill-brand); color: var(--p-color-text-brand-on-bg-fill); border-color: var(--p-color-bg-fill-brand); }
.plan-scope .btn-link.primary:hover{ background: var(--p-color-bg-fill-brand-hover); border-color: var(--p-color-bg-fill-brand-hover); }
.plan-scope .pages-tab.active{ background: transparent; color: var(--p-success-dark); font-weight: 600; border-bottom: 2px solid var(--p-success); box-shadow: none; }
.plan-scope .pages-tab.active .tab-count{ color: var(--p-success-dark); }
.plan-scope .icon-btn.active{ background: var(--p-success-bg); border-color: var(--p-success); color: var(--p-success-dark); }
.plan-scope .btn-regen.active{
  background: #1A1A1A;
  color: #fff;
  border-color: #1A1A1A;
  cursor: pointer;
}
.plan-scope .btn-regen.active:hover{ background: #000; }
.plan-scope .ps-type-tab.active{ background: #fff; color: #1A1A1A; font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
.plan-scope .ps-sort-option.active{
  background: var(--p-success-bg);
  color: var(--p-success-dark);
  font-weight: 600;
}
.plan-scope .ps-row-badge.recommended{ background: var(--p-caution-bg); color: #92400E; }
.plan-scope .ps-row-badge.recommended::before{ content: '★'; margin-right: 2px; font-size: 9px; }
.plan-scope .slot-choice-card.primary{
  border-color: var(--p-success);
  background: linear-gradient(180deg, #fff 0%, #f4fbf7 100%);
}
.plan-scope .slot-choice-card.primary:hover{
  border-color: var(--p-success-dark);
  background: var(--p-success-bg);
}
.plan-scope .slot-choice-card.primary .slot-choice-icon{
  background: var(--p-success-bg);
  color: var(--p-success-dark);
}
.plan-scope .settings-nav-item.active{ background: var(--p-success-bg); color: var(--p-success-dark); font-weight: 600; }
.plan-scope #workflow-section .wf-prog-seg.active{ background: #6b7280; }
.plan-scope #view-dashboard .view-inner{ position: relative; }
.plan-scope .guide-btn-sample.primary{
  background: var(--p-color-bg-fill-brand);
  color: var(--p-color-text-brand-on-bg-fill);
  border-color: var(--p-color-bg-fill-brand);
}
.plan-scope .ptab:hover:not(:disabled):not(.active){ color: var(--p-text); }
.plan-scope .ptab.active{
  color: var(--p-success-dark);
  font-weight: 600;
  border-bottom-color: var(--p-success);
}
.plan-scope .trends-period-btn.active{
  background: #1A1A1A;
  color: #fff;
}
.plan-scope .app-section-nav .asn-item.active{
  color: var(--p-text, #1A1A1A); font-weight: 600;
  border-bottom-color: #1A1A1A;
}
.plan-scope .proto-topbar .demo-variant-step.active{ opacity: 1; font-weight: 700; }
.plan-scope .tier-cps{ font-size: 12px; color: var(--p-text-subdued); font-weight: 500; margin: -6px 0 12px; line-height: 1.45; min-height: 18px; }
.plan-scope .tier-cps b{ color: var(--p-text); font-weight: 650; }
.plan-scope .plan-qa{ margin: 8px 0 28px; }
.plan-scope .plan-visual-story{ margin: 30px 0 32px; border:1px solid var(--p-border); border-radius:12px; background:var(--p-surface); overflow:hidden; }
.plan-scope .plan-visual-story__growth .plan-growth{ margin:0; }
.plan-scope .plan-visual-story__growth .plan-growth-section-title{ display:flex; align-items:center; gap:18px; margin:0; padding:26px 56px 14px; }
.plan-scope .plan-visual-story__growth .plan-growth-panel{ display:grid; grid-template-columns:minmax(0,.76fr) minmax(0,1.2fr); border:0; border-radius:0; padding:0 56px 30px; background:transparent; }
.plan-scope .plan-visual-story__growth .plan-growth-steps{ max-width:360px; }
.plan-scope .plan-visual-story__features .welcome-hero{ margin:0; padding:0 56px 30px; border:0; border-radius:0; background:transparent; }
.plan-scope .plan-visual-story__features .welcome-hero-section-title{ display:flex; align-items:center; gap:14px; margin:0 0 14px; padding:26px 0 14px; }
.plan-scope .plan-visual-story__features .hero-features + .welcome-hero-section-title{ margin-top:0; }
.plan-scope .plan-visual-story__features .hero-feature-detail{ height:307px; }
.plan-scope .plan-growth{ margin: 30px 0 32px; }
.plan-scope .plan-growth-section-title{ display:flex; align-items:center; gap:18px; margin:0 0 14px; color:var(--p-text-subdued); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.plan-scope .plan-growth-section-title::before,.plan-scope .plan-growth-section-title::after{ content:""; height:1px; flex:1; background:var(--p-border); }
.plan-scope .plan-growth-panel{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:22px; padding:24px; border:1px solid var(--p-border); border-radius:14px; background:var(--p-surface); min-height:356px; }
.plan-scope .plan-growth-copy{ display:flex; flex-direction:column; justify-content:center; min-width:0; }
.plan-scope .plan-growth-kicker{ margin:0 0 9px; color:var(--p-success-dark); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.plan-scope .plan-growth-copy h2{ margin:0 0 18px; max-width:260px; color:var(--p-text); font-size:26px; line-height:1.1; letter-spacing:-.03em; }
.plan-scope .plan-growth-steps{ display:grid; gap:8px; }
.plan-scope .plan-growth-step{ display:grid; grid-template-columns:26px minmax(0,1fr); align-items:center; gap:9px; min-height:42px; padding:8px 10px; border-radius:9px; color:var(--p-text); background:var(--p-surface-subdued); opacity:.45; transform:translateX(-5px); transition:opacity 240ms ease, transform 240ms ease, box-shadow 240ms ease; }
.plan-scope .plan-growth-step.is-active{ opacity:1; transform:none; box-shadow:0 0 0 1px var(--p-success-border) inset; }
.plan-scope .plan-growth-step:last-child{ background:var(--p-surface-subdued); }
.plan-scope .plan-growth-step-icon{ display:grid; place-items:center; width:26px; height:26px; border-radius:8px; color:var(--p-success-dark); background:var(--p-success-bg); font-size:13px; font-weight:700; }
.plan-scope .plan-growth-step-icon svg{ width:14px; height:14px; stroke-width:2.2; }
.plan-scope .plan-growth-user-icon{ position:relative; width:13px; height:13px; border:1.8px solid currentColor; border-radius:50%; }
.plan-scope .plan-growth-user-icon::after{ content:""; position:absolute; left:50%; bottom:-5px; width:13px; height:7px; transform:translateX(-50%); border:1.8px solid currentColor; border-bottom:0; border-radius:8px 8px 0 0; }
.plan-scope .plan-growth-chart-wrap{ min-width:0; padding:16px 16px 12px; border-radius:11px; background:var(--p-surface-subdued); contain:layout paint; }
.plan-scope .plan-growth-chart-head{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:6px; }
.plan-scope .plan-growth-chart-title{ margin:0; color:var(--p-text); font-size:13px; font-weight:650; }
.plan-scope .plan-growth-demo{ display:inline-flex; align-items:center; min-height:20px; padding:0 7px; border:1px solid var(--p-success-border); border-radius:5px; color:var(--p-success-dark); background:var(--p-success-bg); font-size:9px; font-weight:750; letter-spacing:.09em; }
.plan-scope .plan-growth-chart{ display:block; width:100%; height:auto; overflow:visible; }
.plan-scope .plan-growth-grid{ stroke:var(--p-border-subdued); stroke-width:1; }
.plan-scope .plan-growth-area{ pointer-events:none; }
.plan-scope .plan-growth-series{ fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; stroke-dashoffset:1; animation:plan-growth-draw 2.2s cubic-bezier(.22,.61,.36,1) forwards; }
.plan-scope .plan-growth-series--chatgpt{ stroke:#2e8b70; animation-delay:.12s; }
.plan-scope .plan-growth-series--gemini{ stroke:#7d74c9; animation-delay:.28s; }
.plan-scope .plan-growth-series--claude{ stroke:#d97757; animation-delay:.44s; }
.plan-scope .plan-growth-series--perplexity{ stroke:#1fb8cd; animation-delay:.6s; }
.plan-scope .plan-growth-series--other{ stroke:#a6b5ab; animation-delay:.76s; }
.plan-scope .plan-growth-axis{ fill:var(--p-text-subdued); font-size:10px; }
.plan-scope .plan-growth-legend{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin-top:7px; }
.plan-scope .plan-growth-legend-item{ display:grid; grid-template-columns:16px minmax(0,1fr); grid-template-rows:18px 3px; align-items:center; column-gap:5px; row-gap:4px; min-width:0; padding:5px 6px 6px; color:var(--p-text-subdued); background:transparent; font-size:10px; }
.plan-scope .plan-growth-legend-item img,.plan-scope .plan-growth-other-icon{ width:16px; height:16px; object-fit:contain; }
.plan-scope .plan-growth-other-icon{ display:grid; place-items:center; color:var(--p-text-subdued); font-size:13px; }
.plan-scope .plan-growth-legend-line{ grid-column:1 / -1; width:100%; height:3px; border-radius:999px; }
.plan-scope .plan-growth-legend-line--chatgpt{ background:#2e8b70; }.plan-scope .plan-growth-legend-line--gemini{ background:#7d74c9; }.plan-scope .plan-growth-legend-line--claude{ background:#d97757; }.plan-scope .plan-growth-legend-line--perplexity{ background:#1fb8cd; }.plan-scope .plan-growth-legend-line--other{ background:#a6b5ab; }
@keyframes plan-growth-draw{ to{ stroke-dashoffset:0; } }
@media (max-width:900px){ .plan-scope .plan-growth-section-title,.plan-scope .plan-visual-story__features .welcome-hero-section-title{ grid-template-columns:minmax(0,1fr) minmax(0,300px) minmax(0,1fr); padding-left:20px; padding-right:20px; } .plan-scope .plan-growth-panel{ grid-template-columns:1fr; padding:0 20px 20px; } .plan-scope .plan-growth-copy h2{ max-width:none; } .plan-scope .plan-visual-story__growth .plan-growth-steps{ max-width:none; } }
@media (max-width:560px){ .plan-scope .plan-growth-section-title,.plan-scope .plan-visual-story__features .welcome-hero-section-title{ grid-template-columns:minmax(0,1fr) minmax(0,220px) minmax(0,1fr); gap:8px; } .plan-scope .plan-growth-panel{ padding:0 16px 16px; } .plan-scope .plan-growth-legend{ gap:4px; } .plan-scope .plan-growth-legend-item{ padding-left:4px; padding-right:4px; font-size:9px; } }
@media (prefers-reduced-motion:reduce){ .plan-scope .plan-growth-series{ animation:none; stroke-dashoffset:0; } .plan-scope .plan-growth-step{ transition:none; opacity:1; transform:none; } }
.plan-scope .welcome-hero-stats > div .welcome-stat-num, .plan-scope .welcome-hero-stats > div .welcome-stat-label{ max-width: calc(100% - 118px); }
.plan-scope{
  --p-color-bg-surface:#ffffff;
  --p-color-bg-fill-brand:#303030; --p-color-bg-fill-brand-hover:#1a1a1a;
  --p-color-text-brand-on-bg-fill:#ffffff;
  --p-color-border:#e3e3e3; --p-color-border-focus:#005bd3;
  --p-color-icon-secondary:#8a8a8a;
}
.plan-scope .view-inner{ display:block; }
.plan-scope .shell-wide{ max-width:1080px; margin:0 auto; }
.plan-scope .pr-head{ margin-bottom:24px; }
.plan-scope .pr-sub{ font-size:13px; line-height:1.55; color:var(--p-text-subdued);
  margin:4px 0 0; max-width:72ch; }
.plan-scope .plan-grid{ display:block; padding-top:0; margin:32px 0; }
.plan-scope .plan-card{
  display:grid; grid-template-columns:minmax(300px,420px) 1fr; border-radius:12px;
  gap:0; align-items:center; padding:32px 40px;
  position:relative;            
}
.plan-scope .plan-card.recommended{ transform:none; margin-bottom:0; }
.plan-scope .plan-card.recommended:hover{ transform:none; }
.plan-scope .plan-card .cps-left{
  display:flex; flex-direction:column; align-self:center; padding-right:40px;
}
.plan-scope .tier-name{ margin-bottom:8px; }
.plan-scope .tier-tagline{
  color:var(--p-success-dark); font-weight:600; font-size:13px;
  line-height:1.5; margin-bottom:24px;
}
.plan-scope .tier-cta{ margin-top:0; max-width:300px; }
.plan-scope .plan-card .tier-features{
  align-self:stretch; justify-content:center;
  margin:0; gap:16px; padding-left:40px;
  border-left:1px solid var(--p-border);
}
.plan-scope .tier-features li > span{ flex:1; min-width:0; font-size:13px; line-height:1.55; }
@media (max-width:900px){.plan-scope .plan-card{ grid-template-columns:1fr; padding:24px; }}
@media (max-width:900px){.plan-scope .plan-card .cps-left{ padding-right:0; }}
@media (max-width:900px){.plan-scope .plan-card .tier-features{
    border-left:0; border-top:1px solid var(--p-border);
    padding-left:0; padding-top:24px; margin-top:24px;
  }}
@media (max-width:900px){.plan-scope .tier-cta{ max-width:none; }}

@keyframes hero-feature-progress {
  from { width: 0; }
  to   { width: 100%; }
}


@keyframes stack-lifecycle {
  0% {
    transform: translate(var(--queue-x), var(--queue-y)) scale(0.93);
    opacity: 0.55;
    z-index: 1;
    filter: brightness(0.96) saturate(0.85);
  }
  2% {
    transform: translate(var(--queue-x), var(--queue-y)) scale(0.93);
    opacity: 0.55;
    z-index: 5;
    filter: brightness(0.96) saturate(0.85);
  }
  5%, 30% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    z-index: 5;
    filter: none;
  }
  33% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    z-index: 4;
    filter: none;
  }
  
  35% {
    transform: translate(7%, -2%) scale(0.97);
    opacity: 0.85;
    z-index: 4;
    filter: brightness(0.98) saturate(0.95);
  }
  
  37%, 100% {
    transform: translate(var(--queue-x), var(--queue-y)) scale(0.93);
    opacity: 0.55;
    z-index: 1;
    filter: brightness(0.96) saturate(0.85);
  }
}

@keyframes src-page-tint {
  0%, 4%     { border-color: var(--p-border); background: var(--p-surface); box-shadow: none; }
  6%, 22%    { border-color: var(--p-info); background: #FAFCFF; box-shadow: 0 0 0 2px rgba(0,91,211,0.08); }
  25%, 100%  { border-color: var(--p-success-border); background: #F5FBF8; box-shadow: none; }
}

@keyframes src-scan-sweep {
  0%, 4%     { opacity: 0; top: 0%; }
  6%         { opacity: 1; top: 0%; }
  22%        { opacity: 1; top: calc(100% - 14px); }
  24%        { opacity: 0; top: calc(100% - 14px); }
  100%       { opacity: 0; top: calc(100% - 14px); }
}

@keyframes src-check-pop {
  0%, 23%    { opacity: 0; transform: scale(0.6); }
  26%        { opacity: 1; transform: scale(1.3); }
  30%, 100%  { opacity: 1; transform: scale(1); }
}

@keyframes flow-packet {
  0%   { left: -8px; opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { left: 100%; opacity: 0; }
}

@keyframes gen-channel-show {
  0%, 2%     { opacity: 0; transform: translateY(6px); }
  4%, 33%    { opacity: 1; transform: translateY(0); }
  35%, 100%  { opacity: 0; transform: translateY(-6px); }
}

@keyframes gen-live-pulse {
  0%, 100% { box-shadow: 0 0 6px #6FE0AE; opacity: 1; }
  50%      { box-shadow: 0 0 10px #6FE0AE; opacity: 0.6; }
}

@keyframes gen-line-in {
  0%, 2%     { opacity: 0; transform: translateY(2px); }
  5%, 100%   { opacity: 1; transform: translateY(0); }
}

@keyframes flow-logo-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-3px); }
}

@keyframes flow-activity-pulse {
  0%, 33%, 100% {
    background: var(--p-surface-subdued);
    border-color: var(--p-border-subdued);
    color: var(--p-text-sub);
    box-shadow: none;
  }
  8%, 25% {
    background: var(--p-success-bg);
    border-color: var(--p-success);
    color: var(--p-success-dark);
    box-shadow: 0 0 0 3px rgba(0,128,96,0.12);
  }
}

@keyframes flow-line-march {
  to { stroke-dashoffset: -16; }
}

@keyframes health-page-cycle {
  
  0%   { transform: translate(36px, 24px) rotate(4deg); opacity: 0.45; z-index: 1; box-shadow: 0 3px 10px rgba(154,107,58,0.10); }
  30%  { transform: translate(36px, 24px) rotate(4deg); opacity: 0.45; z-index: 1; box-shadow: 0 3px 10px rgba(154,107,58,0.10); }
  
  33%  { transform: translate(18px, 12px) rotate(2deg); opacity: 0.78; z-index: 2; box-shadow: 0 3px 10px rgba(154,107,58,0.10); }
  63%  { transform: translate(18px, 12px) rotate(2deg); opacity: 0.78; z-index: 2; box-shadow: 0 3px 10px rgba(154,107,58,0.10); }
  
  66%  { transform: translate(0, 0) rotate(0deg); opacity: 1; z-index: 3; box-shadow: 0 0 0 2px rgba(0,128,96,0.22), 0 4px 12px rgba(154,107,58,0.11); }
  90%  { transform: translate(0, 0) rotate(0deg); opacity: 1; z-index: 3; box-shadow: 0 0 0 2px rgba(0,128,96,0.22), 0 4px 12px rgba(154,107,58,0.11); }
  
  96%  { transform: translate(-20px, -38px) rotate(-3deg); opacity: 0; z-index: 3; box-shadow: 0 0 0 2px rgba(0,128,96,0.22), 0 4px 12px rgba(154,107,58,0.11); }
  
  96.01% { transform: translate(36px, 24px) rotate(4deg); opacity: 0; z-index: 1; box-shadow: 0 3px 10px rgba(154,107,58,0.10); }
  
  100% { transform: translate(36px, 24px) rotate(4deg); opacity: 0.45; z-index: 1; box-shadow: 0 3px 10px rgba(154,107,58,0.10); }
}

@keyframes health-scan-cycle {
  0%, 65%   { opacity: 0; top: 0; }
  66%       { opacity: 1; top: 0; }
  88%       { opacity: 1; top: calc(100% - 1.5px); }
  91%, 100% { opacity: 0; top: calc(100% - 1.5px); }
}

@keyframes hc-scroll {
  from { transform: translateY(0); }
  to   { transform: translateY(-162px); }
}

@keyframes hc-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(0,128,96,0);    border-color: #ECE0B6; }
  30%  { box-shadow: 0 0 0 3px rgba(0,128,96,0.28); border-color: rgba(0,128,96,0.55); }
  100% { box-shadow: 0 0 0 0 rgba(0,128,96,0);    border-color: #ECE0B6; }
}


@keyframes seo-page-arrange-1 {
  0%, 4%    { transform: translate(56px,-28px) rotate(-12deg) scale(0.65); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  6%        { transform: translate(56px,-28px) rotate(-12deg) scale(0.65); box-shadow: 0 0 0 3px rgba(0,128,96,0.55); }
  8%        { transform: translate(0,0) rotate(0deg) scale(1);            box-shadow: 0 0 0 2px rgba(0,128,96,0.40); }
  12%, 98%  { transform: translate(0,0) rotate(0deg) scale(1);            box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  99%, 100% { transform: translate(56px,-28px) rotate(-12deg) scale(0.65); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
}

@keyframes seo-page-arrange-2 {
  0%, 20%   { transform: translate(-40px,34px) rotate(8deg) scale(0.5); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  23%       { transform: translate(-40px,34px) rotate(8deg) scale(0.5); box-shadow: 0 0 0 3px rgba(0,128,96,0.55); }
  25%       { transform: translate(0,0) rotate(0deg) scale(1);           box-shadow: 0 0 0 2px rgba(0,128,96,0.40); }
  29%, 98%  { transform: translate(0,0) rotate(0deg) scale(1);           box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  99%, 100% { transform: translate(-40px,34px) rotate(8deg) scale(0.5); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
}

@keyframes seo-page-arrange-3 {
  0%, 37%   { transform: translate(68px,18px) rotate(-7deg) scaleX(0.45); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  40%       { transform: translate(68px,18px) rotate(-7deg) scaleX(0.45); box-shadow: 0 0 0 3px rgba(0,128,96,0.55); }
  42%       { transform: translate(0,0) rotate(0deg) scaleX(1);          box-shadow: 0 0 0 2px rgba(0,128,96,0.40); }
  46%, 98%  { transform: translate(0,0) rotate(0deg) scaleX(1);          box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  99%, 100% { transform: translate(68px,18px) rotate(-7deg) scaleX(0.45); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
}

@keyframes seo-page-arrange-4 {
  0%, 53%   { transform: translate(-72px,-12px) rotate(9deg) scaleX(0.45); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  56%       { transform: translate(-72px,-12px) rotate(9deg) scaleX(0.45); box-shadow: 0 0 0 3px rgba(0,128,96,0.55); }
  58%       { transform: translate(0,0) rotate(0deg) scaleX(1);           box-shadow: 0 0 0 2px rgba(0,128,96,0.40); }
  62%, 98%  { transform: translate(0,0) rotate(0deg) scaleX(1);           box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  99%, 100% { transform: translate(-72px,-12px) rotate(9deg) scaleX(0.45); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
}

@keyframes seo-page-arrange-5 {
  0%, 70%   { transform: translate(28px,-52px) rotate(-16deg) scale(0.6); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  73%       { transform: translate(28px,-52px) rotate(-16deg) scale(0.6); box-shadow: 0 0 0 3px rgba(0,128,96,0.55); }
  75%       { transform: translate(0,0) rotate(0deg) scale(1);             box-shadow: 0 0 0 2px rgba(0,128,96,0.40); }
  79%, 98%  { transform: translate(0,0) rotate(0deg) scale(1);             box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  99%, 100% { transform: translate(28px,-52px) rotate(-16deg) scale(0.6); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
}

@keyframes seo-page-arrange-6 {
  0%, 87%   { transform: translate(-38px,44px) rotate(15deg) scale(0.55); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  90%       { transform: translate(-38px,44px) rotate(15deg) scale(0.55); box-shadow: 0 0 0 3px rgba(0,128,96,0.55); }
  92%       { transform: translate(0,0) rotate(0deg) scale(1);           box-shadow: 0 0 0 2px rgba(0,128,96,0.40); }
  95%, 98%  { transform: translate(0,0) rotate(0deg) scale(1);           box-shadow: 0 0 0 0 rgba(0,128,96,0); }
  99%, 100% { transform: translate(-38px,44px) rotate(15deg) scale(0.55); box-shadow: 0 0 0 0 rgba(0,128,96,0); }
}

@keyframes welcome-stat-chart-grow {
  to { clip-path: inset(0 0 0 0); }
}

@keyframes stat-bar-grow {
  to { transform: scaleY(1); }
}

@keyframes stat-dot-appear {
  0%   { opacity: 0; transform: scale(0.5); }
  55%  { opacity: 1; transform: scale(1.3); }
  100% { opacity: 1; transform: scale(1); }
}
/* ── React 移植增量（手写，见生成器末尾）───────────────────── */
.plan-scope a.tier-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}