/* Cold Email ce-pipeline delta CSS. Re-derived from dist/Cold Email (1)/ColdEmail.dc.html (delta sync).
   Rules this section needs that nexora-ph-shared / PH widget CSS do not provide, in design source order.
   Every selector is prefixed with .nexora-ph-ce-pipeline (the widget root) so nothing can leak to other widgets.
   Colors read var(--ph-*, fallback); the fallbacks are the design values. */
.nexora-ph-ce-pipeline .wrap{width:100%;max-width:1328px;margin:0 auto;padding:0 40px}
.nexora-ph-ce-pipeline .sec{position:relative;padding:40px 0;overflow:hidden}
.nexora-ph-ce-pipeline .tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#C2410C;background:linear-gradient(180deg,#FFF3EC,#FFE6D9);border:1px solid #FBD3BF;box-shadow:inset 0 1px 0 #FFFFFF}
.nexora-ph-ce-pipeline .tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#F15E22}
.nexora-ph-ce-pipeline .tag.blue{color:#1A5A87;background:linear-gradient(180deg,#F2F8FD,#E1EEF8);border-color:#C9E0F1}
.nexora-ph-ce-pipeline .tag.blue::before{background:#2374AC}
.nexora-ph-ce-pipeline .h2{font-size:clamp(34px,4.2vw,56px);line-height:1.06;font-weight:700;letter-spacing:-.035em}
.nexora-ph-ce-pipeline .lead{font-size:18px;line-height:1.7;color:#3A4753}
.nexora-ph-ce-pipeline .muted{color:#56626D}
.nexora-ph-ce-pipeline .grad-text{background:linear-gradient(100deg,#F15E22 0%,#FF8A5B 35%,#2374AC 75%,#F15E22 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ce-shine 7s linear infinite}
.nexora-ph-ce-pipeline .center{align-items:center;text-align:center;margin:0 auto}
.nexora-ph-ce-pipeline .head{display:flex;flex-direction:column;gap:18px}
.nexora-ph-ce-pipeline .glass{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.62));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #FFFFFF,0 30px 70px -34px rgba(11,22,32,.35),0 0 0 1px rgba(11,22,32,.04);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border-radius:24px}
@media (max-width:760px){.nexora-ph-ce-pipeline .wrap{padding:0 20px}.nexora-ph-ce-pipeline .sec{padding:88px 0}}
.nexora-ph-ce-pipeline .ivory{background:radial-gradient(820px 460px at 100% 0%,rgba(241,94,34,.10),transparent 62%),radial-gradient(820px 460px at 0% 100%,rgba(35,116,172,.10),transparent 62%),linear-gradient(180deg,#FFFCF9,#FFF6F0)}
.nexora-ph-ce-pipeline .head>.tag{align-self:flex-start}
.nexora-ph-ce-pipeline .head.center>.tag{align-self:center}
@media (max-width:760px){.nexora-ph-ce-pipeline .sec{padding:72px 0}.nexora-ph-ce-pipeline .h2{font-size:clamp(28px,7.8vw,36px)}.nexora-ph-ce-pipeline .wrap{padding:0 18px}.nexora-ph-ce-pipeline .head.center .lead{font-size:15.5px !important}}
.nexora-ph-ce-pipeline .grad-text{background-image:linear-gradient(var(--ph-grad-angle,90deg),var(--ph-grad-start,#F15E22) var(--ph-grad-start-stop,0%),var(--ph-grad-warm,#FF8A4C) 20%,var(--ph-grad-rose,#E0617A) 36%,var(--ph-grad-sky,#2B8AE0) 52%,var(--ph-grad-rose,#E0617A) 68%,var(--ph-grad-warm,#FF8A4C) 84%,var(--ph-grad-end,#F15E22) var(--ph-grad-end-stop,100%)) !important;background-size:200% 100% !important;background-repeat:repeat !important;animation:ce-shine2 9s linear infinite !important}
.nexora-ph-ce-pipeline section.sec{contain:layout paint}
.nexora-ph-ce-pipeline .glass{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
.nexora-ph-ce-pipeline .glass{background:linear-gradient(var(--ph-ce-pipeline-panel-angle,180deg),var(--ph-ce-pipeline-panel,rgba(255,255,255,.96)) var(--ph-ce-pipeline-panel-start-stop,0%),var(--ph-ce-pipeline-panel-end,rgba(255,255,255,.86)) var(--ph-ce-pipeline-panel-end-stop,100%)) !important}
.nexora-ph-ce-pipeline .pl-track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.nexora-ph-ce-pipeline .pl-line{position:absolute;left:10%;right:10%;top:34px;height:4px;border-radius:4px;background:#EFE3D8;overflow:hidden}
.nexora-ph-ce-pipeline .pl-line span{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(var(--ph-ce-pipeline-progress-angle,90deg),var(--ph-ce-pipeline-progress,#2374AC) var(--ph-ce-pipeline-progress-start-stop,0%),var(--ph-ce-pipeline-progress-mid,#5FB0E8) 35%,var(--ph-ce-pipeline-progress-mid-2,#FF8A4C) 70%,var(--ph-ce-pipeline-progress-end,#F15E22) var(--ph-ce-pipeline-progress-end-stop,100%));transition:width .7s cubic-bezier(.2,.8,.2,1)}
.nexora-ph-ce-pipeline .pl-f0 .pl-line span{width:0}
.nexora-ph-ce-pipeline .pl-f1 .pl-line span{width:25%}
.nexora-ph-ce-pipeline .pl-f2 .pl-line span{width:50%}
.nexora-ph-ce-pipeline .pl-f3 .pl-line span{width:75%}
.nexora-ph-ce-pipeline .pl-f4 .pl-line span{width:100%}
.nexora-ph-ce-pipeline .pl-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 6px 6px;border:none;background:none;font-family:inherit;cursor:pointer;color:var(--ph-ink, #0B1620)}
.nexora-ph-ce-pipeline .pl-ic{width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:#FFFFFF;border:1.5px solid #EFE3D8;color:#C2410C;box-shadow:0 14px 30px -20px rgba(11,22,32,.35);transition:all .35s ease}
.nexora-ph-ce-pipeline .pl-node:hover .pl-ic{transform:translateY(-4px);border-color:#F6C3AA}
.nexora-ph-ce-pipeline .pl-node.on .pl-ic{background:linear-gradient(var(--ph-play-angle,145deg),var(--ph-play,#FF8A4C) var(--ph-play-start-stop,0%),var(--ph-btn-mid,#F15E22) 60%,var(--ph-play-end,#D9480F) var(--ph-play-end-stop,100%));border-color:transparent;color:#FFFFFF;box-shadow:0 0 0 8px rgba(241,94,34,.14),0 20px 36px -14px rgba(241,94,34,.8);transform:scale(1.06)}
.nexora-ph-ce-pipeline .pl-lab{font-size:17px;font-weight:600}
.nexora-ph-ce-pipeline .pl-sub{font-size:13px;color:#56626D;margin-top:-4px}
.nexora-ph-ce-pipeline .pl-node.on .pl-lab{color:#C2410C}
.nexora-ph-ce-pipeline .pl-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:40px 44px 46px;border-radius:32px;align-items:center}
.nexora-ph-ce-pipeline .pl-left{display:flex;flex-direction:column;gap:14px;animation:paneIn .6s cubic-bezier(.2,.8,.2,1) both}
.nexora-ph-ce-pipeline .pl-step{display:flex;align-items:baseline;gap:6px}
.nexora-ph-ce-pipeline .pl-num{font-size:56px;font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(160deg,#FF9D72,#F15E22 45%,#2374AC);-webkit-background-clip:text;background-clip:text;color:transparent}
.nexora-ph-ce-pipeline .pl-of{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;font-weight:600;color:#8FA0AF}
.nexora-ph-ce-pipeline .pl-left h3{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.02em}
.nexora-ph-ce-pipeline .pl-left p{font-size:16.5px;line-height:1.7;max-width:520px}
.nexora-ph-ce-pipeline .pl-points{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nexora-ph-ce-pipeline .pl-points li{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:#FFFFFF;border:1px solid #EFE7DE;font-size:15.5px;font-weight:500;line-height:1.45;box-shadow:0 16px 34px -26px rgba(11,22,32,.35);animation:ce-rise .55s cubic-bezier(.2,.8,.2,1) both;transition:transform .3s ease,border-color .3s ease}
.nexora-ph-ce-pipeline .pl-points li:nth-child(2){animation-delay:.08s}
.nexora-ph-ce-pipeline .pl-points li:nth-child(3){animation-delay:.16s}
.nexora-ph-ce-pipeline .pl-points li:nth-child(4){animation-delay:.24s}
.nexora-ph-ce-pipeline .pl-points li:hover{transform:translateY(-4px);border-color:#F6C3AA}
.nexora-ph-ce-pipeline .pl-ck{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#FF8A4C,#F15E22);color:#FFFFFF;box-shadow:0 8px 16px -8px rgba(241,94,34,.8)}
@media (max-width:1024px){.nexora-ph-ce-pipeline .pl-track{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;padding-bottom:8px}.nexora-ph-ce-pipeline .pl-card{grid-template-columns:1fr}}
@media (max-width:760px){
.nexora-ph-ce-pipeline .pl-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:visible;padding-bottom:0}
.nexora-ph-ce-pipeline .pl-line{top:22px;left:8%;right:8%;height:3px}
.nexora-ph-ce-pipeline .pl-node{gap:5px;padding:0 1px 4px}
.nexora-ph-ce-pipeline .pl-ic{width:44px;height:44px;border-radius:14px}
.nexora-ph-ce-pipeline .pl-ic svg{width:18px;height:18px}
.nexora-ph-ce-pipeline .pl-node.on .pl-ic{box-shadow:0 0 0 5px rgba(241,94,34,.14),0 14px 26px -12px rgba(241,94,34,.75);transform:scale(1.05)}
.nexora-ph-ce-pipeline .pl-lab{font-size:11px;line-height:1.15;text-align:center}
.nexora-ph-ce-pipeline .pl-sub{font-size:9.5px;line-height:1.2;text-align:center;margin-top:-2px}
.nexora-ph-ce-pipeline .pl-node:not(.on){opacity:.72}
.nexora-ph-ce-pipeline .pl-node:not(.on) .pl-lab,
.nexora-ph-ce-pipeline .pl-node:not(.on) .pl-sub{color:#8FA0AF}
.nexora-ph-ce-pipeline .pl-card{padding:22px;border-radius:24px;gap:18px;min-height:0}
.nexora-ph-ce-pipeline .pl-num{font-size:40px}
.nexora-ph-ce-pipeline .pl-of{font-size:12px}
.nexora-ph-ce-pipeline .pl-left{gap:12px}
.nexora-ph-ce-pipeline .pl-left h3{font-size:22px}
.nexora-ph-ce-pipeline .pl-left p{font-size:14.5px;line-height:1.6}
.nexora-ph-ce-pipeline .pl-points{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}
.nexora-ph-ce-pipeline .pl-points li{flex-direction:row;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;font-size:12.5px;line-height:1.4}
.nexora-ph-ce-pipeline .pl-ck{width:24px;height:24px;border-radius:8px;flex-shrink:0}
.nexora-ph-ce-pipeline .pl-ck svg{width:12px;height:12px}
.nexora-ph-ce-pipeline .pl-points li:hover{transform:none}
}
.nexora-ph-ce-pipeline .pl-card{min-height:392px;align-items:center}
.nexora-ph-ce-pipeline .pl-line{height:5px}
.nexora-ph-ce-pipeline .pl-line span{transition:none !important}
.nexora-ph-ce-pipeline .pl-f0 .pl-line span{animation:ce-plg0 7s linear forwards}
.nexora-ph-ce-pipeline .pl-f1 .pl-line span{animation:ce-plg1 7s linear forwards}
.nexora-ph-ce-pipeline .pl-f2 .pl-line span{animation:ce-plg2 7s linear forwards}
.nexora-ph-ce-pipeline .pl-f3 .pl-line span{animation:ce-plg3 7s linear forwards}
.nexora-ph-ce-pipeline .pl-f4 .pl-line span{animation:ce-plg4 7s linear forwards}
.nexora-ph-ce-pipeline section:has(.pl-card:hover) .pl-line span{animation-play-state:paused}
@media (max-width:1024px){.nexora-ph-ce-pipeline .pl-card{min-height:0}}
@keyframes ce-shine{to{background-position:220% center}}
@keyframes ce-shine2{from{background-position:0% 50%}to{background-position:200% 50%}}
@keyframes ce-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes ce-plg0{from{width:0}to{width:25%}}
@keyframes ce-plg1{from{width:25%}to{width:50%}}
@keyframes ce-plg2{from{width:50%}to{width:75%}}
@keyframes ce-plg3{from{width:75%}to{width:100%}}
@keyframes ce-plg4{from{width:100%}to{width:100%}}