/* Purchase Intelligence page - isolated page CSS */
.purchase-page-shell{--pi-red:#ef4444;--pi-red2:#f45f74;--pi-green:#50ba63;--pi-blue:#347ff5;--pi-orange:#f6a12d;--pi-purple:#8357eb;--pi-ink:#202941;--pi-muted:#52627f;--pi-line:#dbe8f6;--pi-soft:#fff7f7;}
.purchase-page-shell .section-card{overflow:hidden;}
.pi-hero{display:grid;grid-template-columns:1.04fr .96fr;gap:18px;align-items:stretch;padding:16px;position:relative;background:linear-gradient(135deg,#fff 0%,#fffafa 58%,#f4fff8 100%);}
.pi-hero:before{content:"";position:absolute;right:-110px;top:-90px;width:290px;height:290px;border-radius:50%;background:rgba(79,186,98,.10);}
.pi-hero:after{content:"";position:absolute;left:-110px;bottom:-120px;width:280px;height:280px;border-radius:50%;background:rgba(239,68,68,.08);}
.pi-hero>*{position:relative;z-index:1;}
.pi-hero h1 {
    font-size: 22px;
    line-height: 1.28;
    margin: 0 0 12px;
    color: var(--pi-ink);
    font-weight: 600;
    max-width: 760px;
}
.pi-hero p{font-size:14.5px;line-height:1.62;color:var(--pi-muted);margin:0;max-width:720px;}
.pi-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.pi-hero-actions .btn{height:42px;border-radius:10px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;}
.pi-trust-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.pi-trust-pills span{display:inline-flex;align-items:center;gap:6px;border:1px dashed #ffd0d0;background:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600;color:#52627f;}
.pi-trust-pills i{color:var(--pi-green);}
.pi-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;}
.pi-hero-stats article{border:1px dashed var(--pi-line);background:rgba(255,255,255,.72);border-radius:8px;padding:12px;min-width:0;}
.pi-hero-stats i {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #fcf1f1;
    color: var(--red);
    display: grid;
    place-items: center;
    margin-bottom: 8px;
}.pi-hero-stats strong{display:block;font-size:16px;line-height:1;color: var(--red);font-weight:700;}
.pi-hero-stats span{display:block;margin-top:4px;font-size:12px;line-height:1.25;color:#52627f;font-weight:400;}
.pi-hero-panel{border:1px dashed var(--pi-line);border-radius:8px;background:rgba(255,255,255,.78);padding:18px;display:grid;place-items:center;min-height:410px;}
.intent-radar-card{width:100%;display:grid;grid-template-columns:1fr;gap:14px;align-items:center;justify-items:center;}
.intent-orbit{width:min(340px,100%);aspect-ratio:1/1;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 50%,rgba(239,68,68,.10),rgba(255,255,255,.92) 42%,rgba(52,127,245,.05) 100%);overflow:hidden;}
.orbit-ring{position:absolute;inset:0;border:1px solid rgba(93,116,150,.22);border-radius:50%;}
.orbit-ring.ring-a{inset:12%;}.orbit-ring.ring-b{inset:26%;}.orbit-ring.ring-c{inset:40%;}
.intent-sweep{position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:left top;background:linear-gradient(35deg,rgba(239,68,68,.22),rgba(239,68,68,0) 72%);clip-path:polygon(0 0,100% 8%,100% 100%);animation:intentSweep 6s linear infinite;}
@keyframes intentSweep{to{transform:rotate(360deg)}}
.intent-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--pi-red),#f06b7a);color:#fff;display:grid;place-items:center;font-size:20px;}
.intent-node{position:absolute;width:64px;height:64px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:700;}
.intent-node b{position:absolute;top:68px;color:#33405a;font-size:12px;line-height:1;text-align:center;white-space:nowrap;}
.node-human{right:11%;top:20%;background:var(--pi-green)}.node-cart{left:13%;top:22%;background:var(--pi-orange)}.node-pay{right:18%;bottom:18%;background:var(--pi-blue)}.node-vip{left:22%;bottom:18%;background:var(--pi-purple)}
.intent-card-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;}

.intent-card-stack article {
    border: 1px dashed #dbe8f6;
    border-radius: 8px;
    background: #fff;
    padding: 12px;
}
.intent-card-stack small{display:block;font-size:10px;text-transform:uppercase;color:#7c8aa5;font-weight:700;}
.intent-card-stack strong{display:block;font-size:16px;color:var(--red);line-height:1;margin:6px 0 4px;font-weight:700;}
.intent-card-stack small {
    display: block;
    font-size:10px;
    text-transform: uppercase;
    color: #7c8aa5;
    font-weight: 400;
}
.intent-card-stack span {
    font-size: 12px;
    line-height: 1.05;
    color: #52627f;
    font-weight: 400;
}
.pi-section{padding:16px;margin-top:12px;}
.pi-core .section-title-row,.pi-slider-section .section-title-row,.pi-impact .section-title-row,.pi-metrics .section-title-row,.pi-queue-demo .section-title-row{margin-bottom:16px;}
.pi-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.pi-feature-grid article{border:1px dashed var(--pi-line);border-radius:8px;background:#fff;padding:12px;}
.pi-feature-grid i{width:42px;height:42px;border-radius:12px;background:#fff1f1;color:var(--pi-red);display:grid;place-items:center;margin-bottom:5px;font-size:16px;}
.pi-feature-grid h3{font-size:15px;line-height:1.25;margin:0 0 7px;color:var(--pi-ink);font-weight:600;}
.pi-feature-grid p{font-size:12.5px;line-height:1.5;color:var(--pi-muted);margin:0;}
.pi-sync{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px;align-items:stretch;background:linear-gradient(135deg,#fff,#fffafa 56%,#f4fff8);}
.pi-sync-copy h2 {
    font-size: 16px;
    line-height: 1.28;
    margin: 0 0 10px;
    color: var(--pi-ink);
    font-weight: 600;
}.pi-sync-copy p{font-size:13.5px;line-height:1.58;color:var(--pi-muted);margin:0;}
.sync-benefit-list {
    display: grid;
    gap: 8px;
    margin-top: 16px;
    grid-template-columns: 1fr 1fr;
}
.sync-benefit-list span{border:1px dashed var(--pi-line);background:#fff;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.35;color:#425371;font-weight:400;display:flex;gap:8px;align-items:flex-start;}
.sync-benefit-list i{color:var(--pi-green);margin-top:1px;}
.sync-board {
    border: 1px dashed var(--pi-line);
    border-radius: 8px;
    background: #fff;
    padding: 12px;
    display: grid;
    gap: 12px;
}
.platform-flow {
    display: grid;
    grid-template-columns: 1fr 15px 1fr 15px 1fr;
    align-items: center;
    gap: 12px;
}
.platform-flow em{height:2px;background:linear-gradient(90deg,var(--pi-red),var(--pi-green));border-radius:999px;position:relative;}
.platform-flow em:after{content:"";position:absolute;right:-2px;transform:translateY(-50%);width:8px;height:8px;border-right:2px solid var(--pi-green);border-top:2px solid var(--pi-green);rotate:45deg;}
.flow-node {
    border: 1px dashed #dbe8f6;
    border-radius: 8px;
    background: #ffffff;
    padding: 12px;
    text-align: left;
    min-height: 110px;
    display: grid;
    place-items: start;
}
.flow-node i, .flow-node img {
    width: 39px;
    height: 39px;
    object-fit: contain;
    display: grid;
    place-items: center;
    color: #5eba63;
    font-size: 22px;
}.flow-node b{font-size:15px;color:var(--pi-ink);}
.flow-node span {
    font-size: 12px;
    line-height: 1.35;
    color: var(--pi-muted);
    font-weight: 400;
}.flow-platforms{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.flow-platforms span{border:1px dashed var(--pi-line);border-radius:8px;background:#f8fbff;padding:12px 10px;font-size:12px;font-weight:700;color:#33405a;display:flex;align-items:center;gap:8px;}
.flow-platforms i{font-size:18px;color:var(--pi-blue);}
.sync-outcome-bars{display:grid;gap:10px;}
.sync-outcome-bars label{display:grid;grid-template-columns:145px 1fr 44px;align-items:center;gap:10px;font-size:12px;font-weight:500;color:#52627f;}
.sync-outcome-bars i{height:10px;border-radius:999px;background:#eef3f8;position:relative;overflow:hidden;}
.sync-outcome-bars i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--v);border-radius:999px;background:linear-gradient(90deg,var(--pi-red),var(--pi-orange),var(--pi-green));}
.sync-outcome-bars b{font-size:12px;color:var(--pi-ink);text-align:right;}
.pi-usecase-slider{border:1px dashed var(--pi-line);border-radius:8px;background:#fff;overflow:hidden;}
.pi-slide-track{position:relative;min-height:320px;}
.pi-slide {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: 1fr .95fr;
    gap: 16px;
    align-items: center;
    padding: 12px;
    opacity: 0;
    transform: translateX(18px);
    transition: opacity .35s ease,transform .35s ease;
    pointer-events: none;
}.pi-slide.is-active{opacity:1;transform:translateX(0);pointer-events:auto;}
.slide-copy small {
    display: block;
    color: var(--pi-red);
    text-transform: uppercase;
    font-size:10px;
    font-weight: 400;
    margin-bottom: 8px;
}.slide-copy h3 {
    font-size: 20px;
    line-height: 1.08;
    margin: 0 0 10px;
    color: var(--pi-ink);
    font-weight: 500;
}.slide-copy p{font-size:13.5px;line-height:1.58;color:var(--pi-muted);margin:0 0 12px;}
.slide-copy ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    grid-template-columns: 1fr 1fr 1fr;
}
.slide-copy li {
    font-size: 12.5px;
    color: #425371;
    font-weight: 400;
    border: 1px dashed #ffd0d0;
    background: #fffafa;
    border-radius: 8px;
    padding: 8px 10px;
}
.slide-visual{border:1px dashed var(--pi-line);border-radius:12px;background:linear-gradient(135deg,#f8fbff,#fff);padding:18px;min-height:250px;display:grid;align-content:center;}
.vip-bars{gap:16px;}.vip-bars label{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:#52627f;}.vip-bars i{height:28px;border-radius:8px;background:#eef3f8;position:relative;overflow:hidden;}.vip-bars i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--v);background:linear-gradient(90deg,var(--pi-red),var(--pi-green));border-radius:8px;}
.seed-donut{place-items:center;text-align:center;}.mini-donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--pi-green) 0 74%,#edf2f7 74% 100%);display:grid;place-items:center;position:relative;}.mini-donut:before{content:"";position:absolute;inset:34px;border-radius:50%;background:#fff;}.mini-donut strong,.mini-donut span{position:relative;z-index:1}.mini-donut strong{font-size:34px;color:var(--pi-ink);line-height:1;font-weight:700}.mini-donut span{font-size:10px;text-transform:uppercase;color:#60708f;font-weight:700;max-width:86px;line-height:1.2;}.seed-donut p{font-size:12.5px;line-height:1.45;color:#52627f;margin:12px 0 0;max-width:260px;}
.cost-columns{display:flex;align-items:end;justify-content:center;gap:22px;}.cost-columns div{height:210px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:9px;}.cost-columns i{width:62px;height:var(--h);border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--pi-red),rgba(239,68,68,.14));}.cost-columns div:nth-child(2) i{background:linear-gradient(180deg,var(--pi-orange),rgba(246,161,45,.14));}.cost-columns div:nth-child(3) i{background:linear-gradient(180deg,var(--pi-green),rgba(80,186,99,.14));}.cost-columns span{font-size:12px;font-weight:700;color:#52627f;}
.lead-score-card{place-items:center;text-align:center;}.lead-score-card b{font-size:48px;color:var(--pi-red);line-height:1;font-weight:700;}.lead-score-card span{font-size:16px;font-weight:700;color:var(--pi-ink);margin-top:6px;}.lead-score-card em{font-style:normal;font-size:12.5px;color:#52627f;margin-top:8px;}
.pi-slider-controls{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#f8fbff;border-top:1px dashed var(--pi-line);}
.pi-slider-controls button {
    border: 1px dashed #ffd0d0;
    background: #fff;
    color: #52627f;
    border-radius: 999px;
    padding: 0px 10px;
    height: 20px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}
.pi-slider-controls button.is-active{background:var(--pi-red);border-color:var(--pi-red);color:#fff;}
.impact-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px;}
.impact-card{border:1px dashed var(--pi-line);border-radius:8px;background:#fff;padding:12px;}.impact-card i{width:42px;height:42px;border-radius:12px;background:#fff1f1;color:var(--pi-red);display:grid;place-items:center;margin-bottom:12px;}

.impact-card h3{font-size:15px;line-height:1.25;margin:0 0 8px;color:var(--pi-ink);font-weight:600;}.impact-card p{font-size:12.5px;line-height:1.5;color:var(--pi-muted);margin:0 0 10px;}

.impact-card strong{font-size:12px;line-height:1.35;color:var(--pi-red);font-weight:500;}.impact-card.big{background:linear-gradient(135deg,#fffafa,#fff);}.impact-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;}

.impact-head b {
    font-size: 12.8px;
    color: var(--pi-ink);
    font-weight: 500;
}

.impact-head span{font-size:12px;color:#60708f;font-weight:700;}.conversion-ladder{display:grid;gap:10px;margin-bottom:12px;}.conversion-ladder div{display:grid;grid-template-columns:60px 120px 1fr;align-items:center;gap:10px;}

.conversion-ladder strong{font-size:15px;color:var(--pi-red);}

.conversion-ladder span{font-size:12px;color:#52627f;font-weight:500;}

.conversion-ladder i{height:13px;border-radius:999px;background:#edf2f7;position:relative;margin:0;display:block;width:100%;}.conversion-ladder i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--v);border-radius:999px;background:linear-gradient(90deg,var(--pi-red),var(--pi-orange),var(--pi-green));}
.pi-table-rich>div{grid-template-columns:.75fr 1.4fr 1.25fr;}.pi-table-rich span{font-size:12.3px;}
.queue-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}

.queue-board article{border:1px dashed var(--pi-line);border-radius:8px;background:#fff;padding:12px;}

.status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    height: 25px;
    padding: 0px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}i.fa-solid.fa-store {
    background: #f2fff2;
    border-radius: 12px;
}
.status-pill.success{background:#dcfce7;color:#28a745}.status-pill.warm{background:#fff4dc;color:#d88712}.status-pill.review{background:#eff6ff;color:#347ff5}.queue-board b{display:block;font-size:15px;color:var(--pi-ink);margin-bottom:7px;}.queue-board p{font-size:12.5px;line-height:1.48;color:var(--pi-muted);margin:0 0 12px;}.queue-board div{display:flex;gap:7px;flex-wrap:wrap}

.queue-board small{border:1px dashed #dbe8f6;border-radius:999px;padding:5px 8px;font-size:12px;color:#52627f;font-weight:500;}
.pi-review-band{grid-template-columns:repeat(3,1fr);}
@media (max-width: 980px){
  .pi-hero{padding:20px}.pi-hero-panel{min-height:auto}.platform-flow{grid-template-columns:1fr}.platform-flow em{height:8px;width:2px;justify-self:center}.platform-flow em:after{right: 0px;top:auto;bottom:-2px;rotate:135deg}.flow-platforms{grid-template-columns:1fr 1fr}.pi-slide{grid-template-columns:1fr;position:relative;display:none}.pi-slide.is-active{display:grid}.pi-slide-track{min-height:0}
  .impact-grid{grid-template-columns:1fr 1fr}.pi-table-rich .t-head{display:none}.pi-table-rich span{padding:9px 12px}.pi-table-rich div:not(.t-head) span:first-child{background:#f8fbff}
    .pi-hero-stats {
        grid-template-columns: repeat(2,1fr);
    }
    .pi-trust-pills {
        display: none;
    }

}
@media (max-width: 620px){
  .pi-hero,.pi-section{padding:12px}.pi-hero h1{font-size:16px;margin-bottom: 5px;}.pi-hero p,.pi-sync-copy p{font-size:12px}.pi-hero-actions .btn{width:100%;justify-content:center}
  .pi-hero-stats{grid-template-columns:1fr 1fr}
  .impact-grid{grid-template-columns:1fr}
  .pi-feature-grid{grid-template-columns:1fr}
  .queue-board {
    grid-template-columns: 1fr;
}
.sync-board {
    border: 0px dashed var(--pi-line);
    border-radius: 0px;
            background: none;
    padding: 0px;
    display: grid;
    gap: 12px;
}
.pi-core .section-title-row, .pi-slider-section .section-title-row, .pi-impact .section-title-row, .pi-metrics .section-title-row, .pi-queue-demo .section-title-row {
    margin-bottom: 5px;
}.pi-feature-grid article , .pi-hero-stats article , .impact-card.small_card {
    border-radius: 8px;
    padding: 10px;
    min-height: 60px;
    display: grid;
    grid-template-columns: 39px 1fr;
    align-items: start;
}
.pi-hero-stats article {
    align-items: start !important;
}.pi-feature-grid p {
    padding-left: 39px;
    margin-top: -19px;
}
.impact-card.small_card p {
    padding-left: 39px;
    margin-top: -12px;
    margin-bottom: 3px;
}
.impact-card.small_card strong {
    padding-left: 39px;
}
.flow-node {
    border-radius: 8px;
    padding: 10px;
    min-height: 39px;
    display: grid;
    grid-template-columns: 39px 1fr;
    align-items: start;
}.flow-node span {
    padding-left: 39px;
    margin-top: -12px;
    margin-bottom: -5px;
}.impact-card.small_card i {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    margin-bottom: 2px;
}
 .pi-feature-grid article p , .flow-node span, .pi-hero-stats article span , .impact-card.small_card strong, .impact-card.small_card p {
    grid-column: 1 / -1;
}
.pi-hero-stats span {
    padding-left: 39px;
    margin-top: -12px;
}
.pi-hero-stats i {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: #fcf1f1;
    color: var(--red);
    display: grid;
    font-size: 12px;
    place-items: center;
    margin-bottom: 1px;
}
.flow-node i, .flow-node img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    display: grid;
    place-items: center;
    color: var(--pi-red);
    font-size: 15px;
}
.pi-feature-grid i {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: #fff1f1;
    color: var(--pi-red);
    display: grid;
    place-items: center;
    margin-bottom: 8px;
    font-size: 13px;
}
.pi-feature-grid h3 {
    font-size: 13.8px;
    margin: 0px 0 5px;
}
.pi-hero-panel {
    min-height: auto;
    padding: 0px;
    background: none;
    border: none;
}
  .intent-orbit{width:min(280px,100%)}.intent-node{width:52px;height:52px;font-size:18px}.intent-node b{top:56px;font-size:12px}.intent-card-stack{grid-template-columns:1fr}

  .pi-sync-copy h2,.slide-copy h3{font-size:15px;        margin-bottom: 2px;}

  .flow-platforms{grid-template-columns:1fr 1fr}
  .section-title-row h2 {
        font-size: 13.8px !important;
    }

  .sync-outcome-bars label{grid-template-columns:1fr}.sync-outcome-bars b{text-align:left}.pi-slide{padding:14px}.slide-visual{min-height:210px}.conversion-ladder div{grid-template-columns:55px 1fr}.conversion-ladder i{grid-column:1/3}

  .review-band.pi-review-band{ 
        padding: 0px;
        border: none;gap: 5px;
        background: none;}
    .review-band div {
        border-radius: 12px !important;
    }

  .cost-columns{gap:14px}.cost-columns i{width:48px}.page-cta{align-items:stretch}.page-cta .btn{width:100%;justify-content:center}
}

/* VIP Audience Use Cases - fixed publishing layout */
.pi-usecase-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:14px;
}
.usecase-card {
    position: relative;
    overflow: hidden;
    border: 1px dashed var(--pi-line,#dbe8f6);
    border-radius: 8px;
    background: linear-gradient(135deg,#fff,#fffafa 58%,#f6fff8);
    padding: 12px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.usecase-card:before{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    border-radius:50%;
    right:-44px;
    top:-44px;
    background:rgba(239,68,68,.07);
    pointer-events:none;
}
.usecase-head{
    position:relative;
    z-index:1;
}
.usecase-head span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--pi-red,#ef4444);
    text-transform: uppercase;
    font-size:10px;
    font-weight: 400;
    margin-bottom: 6px;
}
.usecase-head h3 {
    font-size: 15px;
    line-height: 1.18;
    margin: 0;
    color: var(--pi-ink,#202a44);
    font-weight: 500;
}
.usecase-card p{
    position:relative;
    z-index:1;
    margin:0;
    font-size:12.8px;
    line-height:1.55;
    color:var(--pi-muted,#52627f);
}
.usecase-card ul{
    position:relative;
    z-index:1;
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:7px;
}
.usecase-card li{
    position:relative;
    padding-left:18px;
    font-size:12.2px;
    line-height:1.35;
    color:#31405f;
    font-weight:500;
}
.usecase-card li:before{
    content:"\f00c";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    left:0;
    top:1px;
    font-size:12px;
    color:var(--pi-green,#50ba63);
}
.usecase-metric,
.lead-score{
    position:relative;
    z-index:1;
    margin-top:auto;
    border:1px dashed #ffd0d0;
    background:#fff;
    border-radius:8px;
    padding:12px;
    display:grid;
    gap:4px;
}
.usecase-metric strong,
.lead-score strong{
font-size: 16px;
    line-height: 1;
    color: var(--pi-red, #ef4444);
    font-weight: 700;
}
.usecase-metric span,
.lead-score span{
    font-size: 12px;
    line-height: 1.3;
    color: #60708f;
    font-weight: 400;
}
.seed-ring {
    position: relative;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: auto auto 0;
    border-radius: 50%;
    background: conic-gradient(var(--pi-green,#50ba63) 0 74%,#eaf0f7 74% 100%);
    display: grid;
    place-items: center;
}
.seed-ring:before{
    content:"";
    position:absolute;
    inset:12px;
    border-radius:50%;
    background:#fff;
}
.seed-ring div{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    line-height:1;
}
.seed-ring strong {
    font-size: 28px;
    font-weight: 750;
    color: var(--pi-ink,#202a44);
}
.seed-ring span {
    margin-top: 4px;
    max-width: 76px;
    font-size:10px;
    line-height: 1.15;
    font-weight: 500;
    color: #60708f;
    text-transform: uppercase;
}
.mini-bars{
    position:relative;
    z-index:1;
    margin-top:auto;
    display:grid;
    gap:10px;
}
.mini-bars label{
    display:grid;
    grid-template-columns:92px 1fr;
    align-items:center;
    gap:10px;
}
.mini-bars b{
    font-size:12px;
    line-height:1.2;
    color:#52627f;
    font-weight:500;
}
.mini-bars i{
    display:block;
    height:12px;
    border-radius:999px;
    background:#eef3f8;
    overflow:hidden;
    position:relative;
}
.mini-bars i:before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:inherit;
    border-radius:999px;
    background:linear-gradient(90deg,var(--pi-red,#ef4444),var(--pi-orange,#f6a12d),var(--pi-green,#50ba63));
}
@media (max-width: 620px){
    .pi-usecase-grid{grid-template-columns:1fr;gap:10px;margin-top: 2px;}
    .usecase-card{min-height:auto;padding:8px;}
    .seed-ring{width:132px;height:132px;}
    .seed-ring:before{inset:27px;}
}

/* Final fix: Purchase Intelligence radar rings must stay centered inside the intent orbit.
   This overrides the shared generic .orbit-ring and the earlier .orbit-ring.ring-* rules. */
.purchase-page-shell .intent-radar-card{
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
}
.purchase-page-shell .intent-orbit{
    position:relative !important;
    width:min(100%, 360px) !important;
    max-width:360px !important;
    aspect-ratio:1/1 !important;
    height:auto !important;
    margin:0 auto !important;
    border-radius:50% !important;
    overflow:visible !important;
    background:radial-gradient(circle at 50% 50%, rgba(239,68,68,.07), rgba(255,255,255,.98) 48%, rgba(52,127,245,.035) 100%) !important;
}
.purchase-page-shell .intent-orbit .orbit-ring, .purchase-page-shell .intent-orbit .orbit-ring.ring-a, .purchase-page-shell .intent-orbit .orbit-ring.ring-b, .purchase-page-shell .intent-orbit .orbit-ring.ring-c {
    position: absolute !important;
    inset: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    top: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate(-50%, -50%) !important;
    border: 1px solid rgb(227 238 255 / 15%) !important;
    border-radius: 50% !important;
    animation: none !important;
    pointer-events: none !important;
}
.purchase-page-shell .intent-orbit .orbit-ring.ring-a{width:86% !important;height:86% !important;}
.purchase-page-shell .intent-orbit .orbit-ring.ring-b{width:62% !important;height:62% !important;}
.purchase-page-shell .intent-orbit .orbit-ring.ring-c{width:38% !important;height:38% !important;}
.purchase-page-shell .intent-orbit .intent-sweep{
    position:absolute !important;
    inset:auto !important;
    left:50% !important;
    top:50% !important;
    width:48% !important;
    height:48% !important;
    transform-origin:0 0 !important;
    border-radius:0 !important;
    clip-path:polygon(0 0, 100% 0, 0 100%) !important;
    background:linear-gradient(42deg, rgba(239,68,68,.17), rgba(239,68,68,0) 74%) !important;
    z-index:1 !important;
}
.purchase-page-shell .intent-orbit .intent-core{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    z-index:5 !important;
        font-size: 18px;
}
.purchase-page-shell .intent-orbit .intent-node{
    position:absolute !important;
    transform:translate(-50%, -50%) !important;
    z-index:6 !important;
    width:58px !important;
    height:58px !important;
    border-radius:100% !important;
    display:grid !important;
    place-items:center !important;
    animation:none !important;
    box-sizing:border-box !important;
}
.purchase-page-shell .intent-orbit .intent-node b {
    position: absolute !important;
    left: 50% !important;
    top: 64px !important;
    transform: translateX(-50%) !important;
    width: max-content !important;
    max-width: 78px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.08 !important;
    color: #25304d !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
.purchase-page-shell .intent-orbit .node-cart{left:25% !important;top:29% !important;right:auto !important;bottom:auto !important;}
.purchase-page-shell .intent-orbit .node-human{left:76% !important;top:27% !important;right:auto !important;bottom:auto !important;}
.purchase-page-shell .intent-orbit .node-pay{left:76% !important;top:72% !important;right:auto !important;bottom:auto !important;}
.purchase-page-shell .intent-orbit .node-vip{left:26% !important;top:72% !important;right:auto !important;bottom:auto !important;}
@media(max-width:620px){
    .purchase-page-shell .intent-orbit{width:min(100%, 292px) !important;max-width:292px !important;}
    .purchase-page-shell .intent-orbit .intent-node{width:39px !important;height:39px !important;font-size:12px !important;}
    .purchase-page-shell .intent-orbit .intent-node b{top:50px !important;font-size:12px !important;max-width:64px !important;}
    .purchase-page-shell .intent-orbit .intent-core{width:50px !important;height:50px !important;}
    .site-header-block {
        margin-bottom: 2px !important;
    }
}


/* Purchase pricing + premium radar v2 */
.purchase-page-shell .pi-pricing-strip{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:stretch;padding:14px;margin-top:12px;background:linear-gradient(115deg,#fff 0%,#fff7f7 62%,#f8fffb 100%);}
.purchase-page-shell .pi-pricing-main h2{margin:4px 0 8px;font-size:20px;line-height:1.18;color:var(--pi-ink);font-weight:600;}
.purchase-page-shell .pi-pricing-main>p{font-size:13px;line-height:1.55;color:#415173;margin:0;}
.purchase-page-shell .pi-price-pills{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;}
.purchase-page-shell .pi-price-pills span{border:1px dashed var(--pi-line);background:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:500;color:#31405d;display:inline-flex;gap:7px;align-items:center;}
.purchase-page-shell .pi-price-pills i{color:var(--pi-green);}
.purchase-page-shell .pi-pricing-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.purchase-page-shell .pi-pricing-info-grid article{border:1px dashed var(--pi-line);background:#fff;border-radius:8px;padding:12px;}
.purchase-page-shell .pi-pricing-info-grid b{display:block;font-size:13px;color:var(--pi-ink);margin-bottom:6px;font-weight:600;}
.purchase-page-shell .pi-pricing-info-grid p{font-size:12px;line-height:1.48;color:#52627f;margin:0;}
.purchase-page-shell .pi-pricing-info-grid strong{color:var(--pi-red);}
.purchase-page-shell .pi-price-card{border:1px dashed var(--pi-line);background:rgba(255,255,255,.9);border-radius:10px;padding:18px 14px;align-self:stretch;display:grid;align-content:center;}
.purchase-page-shell .pi-price-top{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:end;margin-bottom:12px;}
.purchase-page-shell .pi-price-top span{font-size:12px;color:#64708f;font-weight:700;}
.purchase-page-shell .pi-price-top strong{font-size:32px;line-height:1;color:#e74c3c;}
.purchase-page-shell .pi-price-top em{grid-column:2;font-style:normal;font-size:12px;color:#ef4444;text-align:right;font-weight:700;}
.purchase-page-shell .pi-price-card p,.purchase-page-shell .pi-price-note{font-size:12px;line-height:1.5;color:#425273;margin:0;}
.purchase-page-shell .pi-price-note{margin-top:14px;}
.purchase-page-shell .pi-price-note b{color:#174ea6;}
.purchase-page-shell .pi-benefit-meter{border:1px dashed var(--pi-line);background:#f8fbff;border-radius:8px;margin-top:12px;padding:10px 12px;display:grid;gap:8px;}
.purchase-page-shell .pi-benefit-meter div{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;align-items:center;}
.purchase-page-shell .pi-benefit-meter span{font-size:12px;color:#425273;}
.purchase-page-shell .pi-benefit-meter b{font-size:12px;text-align:right;color:#33405a;font-weight: 500}
.purchase-page-shell .pi-benefit-meter i{grid-column:1/-1;height:8px;border-radius:999px;background:#edf2f7;position:relative;overflow:hidden;}
.purchase-page-shell .pi-benefit-meter i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--pi-red),var(--pi-green));}
.purchase-page-shell .intent-orbit-premium{background:none !important;overflow:hidden!important;}
.purchase-page-shell .intent-orbit-premium:before{content:"";position:absolute;inset:7%;border-radius:50%;background:conic-gradient(from 0deg,rgba(239,68,68,.16),rgba(52,127,245,.04),rgba(80,186,99,.14),rgba(239,68,68,.16));animation:intentHaloSpin 15s linear infinite;opacity:.55;}
.purchase-page-shell .intent-orbit-premium .ring-d{width:22%!important;height:22%!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;inset:auto!important;}
.purchase-page-shell .intent-pulse{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(239,68,68,.26);animation:intentPulse 2.9s ease-out infinite;z-index:1;}
.purchase-page-shell .intent-pulse.pulse-b{animation-delay:1.45s;border-color:rgba(52,127,245,.20);}
.purchase-page-shell .intent-orbit-premium .intent-sweep{height:43%!important;background:linear-gradient(40deg,rgba(239,68,68,.32),rgba(239,68,68,.04) 54%,rgba(239,68,68,0) 78%)!important;animation:intentSweep 15s linear infinite!important;z-index:2;}
.purchase-page-shell .logo-core{width:66px!important;height:66px!important;background:#fff!important;border:1px solid rgba(239,68,68,.16)!important;box-shadow:0 12px 34px rgba(239,68,68,.14);z-index:5;}
.purchase-page-shell .logo-core img{width:46px;height:46px;object-fit:contain;}
.purchase-page-shell .intent-orbit-premium .intent-node{box-shadow:0 12px 26px rgba(32,41,65,.12);z-index:4;animation:nodeGlow 15s linear infinite;}
.purchase-page-shell .intent-orbit-premium .node-product{left:50%!important;top:13%!important;background:var(--pi-orange);}
.purchase-page-shell .intent-orbit-premium .node-return{left:50%!important;top:82%!important;background:#64748b;}
.purchase-page-shell .intent-orbit-premium .node-human{left:82%!important;top:30%!important;}
.purchase-page-shell .intent-orbit-premium .node-cart{left:18%!important;top:30%!important;}
.purchase-page-shell .intent-orbit-premium .node-pay{left:80%!important;top:70%!important;}
.purchase-page-shell .intent-orbit-premium .node-vip{left:20%!important;top:64%!important;}
.purchase-page-shell .intent-orbit-premium .node-product{animation-delay:-1s}.purchase-page-shell .intent-orbit-premium .node-human{animation-delay:-3s}.purchase-page-shell .intent-orbit-premium .node-pay{animation-delay:-6s}.purchase-page-shell .intent-orbit-premium .node-return{animation-delay:-8s}.purchase-page-shell .intent-orbit-premium .node-vip{animation-delay:-11s}.purchase-page-shell .intent-orbit-premium .node-cart{animation-delay:-13s}
@keyframes intentHaloSpin{to{transform:rotate(360deg)}}
@keyframes intentPulse{0%{width:62px;height:62px;opacity:.65}100%{width:94%;height:94%;opacity:0}}
@keyframes nodeGlow{0%,18%,100%{transform:translate(-50%,-50%) scale(1);filter:saturate(1)}8%{transform:translate(-50%,-50%) scale(1.1);filter:saturate(1.25);}}
@media(max-width:900px){.purchase-page-shell .pi-pricing-strip{grid-template-columns:1fr}.purchase-page-shell .pi-pricing-info-grid{grid-template-columns:1fr}.purchase-page-shell .pi-price-card{max-width:none}.purchase-page-shell .pi-benefit-meter div{grid-template-columns:1fr 80px}}
@media(max-width:620px){
    .purchase-page-shell .pi-price-pills {
        display: grid;
        gap: 8px;
        margin: 14px 0;
        grid-template-columns: 1fr;
    }
    .purchase-page-shell .pi-pricing-main h2 {
        font-size: 16px;
    }
    .purchase-page-shell .pi-pricing-strip {
        gap: 12px;
        padding: 12px;
        margin-top: 12px;
    }
    .purchase-page-shell .intent-orbit-premium .intent-node{width:40px!important;height:40px!important}.purchase-page-shell .logo-core{width:52px!important;height:52px!important}.purchase-page-shell .logo-core img{width:36px;height:36px}.purchase-page-shell .pi-price-top strong{font-size:29px}}

/* v4: remove demo-result feel + free CTA under pricing */
.pi-price-free-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  margin:14px 0 10px;padding:12px 14px;border-radius:8px;
  background:linear-gradient(135deg,#ef4444,#f06472);color:#fff;text-decoration:none;
  font-size:13px;font-weight:700;
}
.pi-price-free-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(239,68,68,.2)}
.pi-benefit-meter div b{min-width:82px;text-align:right;font-size:12px;color:#1e2942}
.pi-benefit-meter div:nth-child(3) i{background:linear-gradient(90deg,#ef4444,#f59e0b,#55c46a)}

/* v17: Vietnamese-style radar for Purchase Intelligence page */
.purchase-page-shell .intent-orbit,
.purchase-page-shell .intent-orbit-premium{
  width:min(410px,86vw)!important;aspect-ratio:1/1!important;border-radius:50%!important;margin:0 auto!important;
  background:radial-gradient(circle,#fff 0 13%,#fff7f7 14% 27%,#fff 28% 42%,#fff8f8 43% 56%,#fff 57% 100%)!important;
  border:1px dashed #ffc9cc!important;overflow:hidden!important;position:relative!important;box-shadow:none!important;
}
.purchase-page-shell .intent-orbit:before,.purchase-page-shell .intent-orbit:after{content:""!important;position:absolute!important;border-radius:50%!important;border:1px solid rgba(239,68,79,.16)!important;z-index:1!important;animation:entrylapPulseRing 3.1s linear infinite!important;pointer-events:none!important}.purchase-page-shell .intent-orbit:before{inset:10%!important}.purchase-page-shell .intent-orbit:after{inset:24%!important;animation-delay:1s!important}
.purchase-page-shell .intent-orbit .orbit-ring{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;border:1px solid rgba(239,68,79,.17)!important;border-radius:50%!important;z-index:1!important}.purchase-page-shell .intent-orbit .ring-a{width:84%!important;height:84%!important}.purchase-page-shell .intent-orbit .ring-b{width:60%!important;height:60%!important}.purchase-page-shell .intent-orbit .ring-c{width:36%!important;height:36%!important}.purchase-page-shell .intent-orbit .ring-d{width:22%!important;height:22%!important}
.purchase-page-shell .intent-sweep{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:50%!important;left:0!important;top:0!important;transform-origin:center!important;background:conic-gradient(from 0deg,rgba(239,68,79,.32),rgba(84,191,98,.20) 36deg,rgba(255,175,75,.08) 58deg,transparent 78deg,transparent 360deg)!important;clip-path:none!important;animation:entrylapRadarSpin 15s linear infinite!important;mix-blend-mode:multiply!important;filter:none!important;z-index:2!important}
.purchase-page-shell .intent-core{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:92px!important;height:92px!important;border-radius:24px!important;background:#fff!important;border:1px dashed #ffbfc2!important;display:grid!important;place-items:center!important;z-index:5!important}.purchase-page-shell .intent-core:after{content:""!important;position:absolute!important;inset:-24px!important;border-radius:30px!important;border:1px solid rgba(239,68,79,.12)!important;animation:entrylapCenterWave 2.8s linear infinite!important}.purchase-page-shell .intent-core img{width:56px!important;height:56px!important;object-fit:contain!important;position:relative!important;z-index:2!important}
.purchase-page-shell .intent-node{width:46px!important;height:46px!important;border-radius:12px!important;border:1px dashed #ffd0d2!important;background:#fff!important;color:var(--red)!important;display:grid!important;place-items:center!important;z-index:4!important;animation:entrylapDotGlow 15s linear infinite!important;box-shadow:none!important}.purchase-page-shell .intent-node i{font-size:17px!important}.purchase-page-shell .intent-node b{top:52px!important;font-size:12px!important;color:#52627f!important;font-weight:800!important;background:transparent!important}
.purchase-page-shell .node-human{left:18%!important;top:26%!important}.purchase-page-shell .node-product{right:17%!important;top:22%!important}.purchase-page-shell .node-cart{right:22%!important;bottom:20%!important;left:auto!important;top:auto!important}.purchase-page-shell .node-pay{left:22%!important;bottom:20%!important;right:auto!important;top:auto!important}.purchase-page-shell .node-return{left:47%!important;top:12%!important}.purchase-page-shell .node-vip{right:44%!important;bottom:8%!important;left:auto!important;top:auto!important}
@media(max-width:620px){.purchase-page-shell .intent-orbit{width:min(310px,86vw)!important}.purchase-page-shell .intent-core{width:78px!important;height:78px!important;border-radius:20px!important}.purchase-page-shell .intent-core img{width:46px!important}.purchase-page-shell .intent-node{width:38px!important;height:38px!important;border-radius:10px!important}.purchase-page-shell .intent-node b{display:none!important}}