/* Venture brand cards: each card wears its own brand, full width, with a live visual */
.pgrid{display:grid;gap:26px;grid-template-columns:1fr}
.pcard{position:relative;display:flex;flex-direction:row;align-items:center;gap:44px;padding:40px 44px;border-radius:26px;text-align:left;overflow:hidden;
  transition:transform .3s,box-shadow .3s,border-color .3s;border:1px solid transparent;isolation:isolate}
.pcard:hover{transform:translateY(-5px)}
.pcard.flip{flex-direction:row-reverse}
.pc-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:13px;flex:1 1 0;min-width:0}
.pc-vis{position:relative;z-index:1;flex:0 0 42%;max-width:440px;align-self:stretch;display:flex;align-items:center;justify-content:center}
.pc-logo{display:block;height:44px;width:auto;max-width:100%;object-fit:contain;object-position:left}
.pc-kick{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.pc-line{font-size:1.9rem;line-height:1.1;font-weight:800;letter-spacing:-.025em}
.pc-txt{font-size:.97rem;line-height:1.6;max-width:560px}
.pc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.pc-tags span{font-size:.74rem;font-weight:600;padding:5px 11px;border-radius:99px}
.pc-cta{margin-top:8px;align-self:flex-start;display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:.9rem;padding:11px 22px;border-radius:999px;transition:.25s}
.pc-cta i{font-style:normal;transition:transform .25s}
.pcard:hover .pc-cta i{transform:translateX(4px)}

/* ============ StepStation: Apple-clean, blue + green ============ */
.pc-ss{background:radial-gradient(60% 90% at 85% 30%,rgba(10,132,255,.18),transparent 70%),#1c1c1e;border-color:#38383a;color:#f5f5f7;
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif}
.pc-ss:hover{box-shadow:0 18px 50px rgba(10,132,255,.25);border-color:#0a84ff}
.pc-ss .pc-logo{height:56px;width:56px;border-radius:13px}
.pc-ss .pc-kick{color:#8e8e93}
.pc-ss .pc-line em{font-style:normal;background:linear-gradient(90deg,#0a84ff,#32d74b);-webkit-background-clip:text;background-clip:text;color:transparent}
.pc-ss .pc-txt{color:#d6d6db}
.pc-ss .pc-tags span{background:#2c2c2e;color:#d6d6db;border:1px solid #3a3a3c}
.pc-ss .pc-cta{background:#0a84ff;color:#fff}
.pc-ss:hover .pc-cta{background:#3d9bff}
.ss-app{width:100%;background:#2c2c2e;border:1px solid #3a3a3c;border-radius:22px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.ss-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ss-live{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.95rem}
.ss-live i{width:10px;height:10px;border-radius:50%;background:#32d74b;box-shadow:0 0 0 0 rgba(50,215,75,.6);animation:ssPing 1.6s infinite}
.ss-live small{display:block;font-weight:600;font-size:.72rem;color:#32d74b}
@keyframes ssPing{0%{box-shadow:0 0 0 0 rgba(50,215,75,.55)}100%{box-shadow:0 0 0 10px rgba(50,215,75,0)}}
.ss-pace{font-size:.72rem;color:#8e8e93;text-align:right;line-height:1.35}
.ss-pace b{color:#f5f5f7;font-size:.95rem}
.ss-miles{display:flex;align-items:baseline;gap:8px;background:#1c1c1e;border-radius:16px;padding:12px 16px;margin-bottom:12px}
.ss-miles b{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}
.ss-miles span{font-size:.75rem;font-weight:700;color:#8e8e93;letter-spacing:.08em}
.ss-miles em{margin-left:auto;font-style:normal;font-size:.75rem;color:#8e8e93}
.ss-miles em strong{color:#0a84ff}
.ss-board{display:grid;gap:9px}
.ss-row{display:grid;grid-template-columns:70px 1fr 48px;align-items:center;gap:10px;font-size:.78rem;font-weight:600}
.ss-row.me{color:#0a84ff}
.ss-row .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-row .v{text-align:right;font-variant-numeric:tabular-nums;color:#d6d6db}
.ss-row.me .v{color:#0a84ff}
.ss-bar{position:relative;height:9px;border-radius:9px;background:#3a3a3c}
.ss-bar i{position:absolute;inset:0 auto 0 0;border-radius:9px;width:var(--w);transition:width 1s ease}
.ss-bar i::after{content:attr(data-e);position:absolute;right:-9px;top:50%;transform:translateY(-50%);font-size:.9rem;font-style:normal;line-height:1}
.ss-r1 i{background:repeating-linear-gradient(45deg,#ff9f0a 0 6px,#ffd60a 6px 12px)}
.ss-r2 i{background:repeating-linear-gradient(45deg,#bf5af2 0 6px,#64d2ff 6px 12px)}
.ss-r3 i{background:#32d74b}
.ss-row.me i{background:repeating-linear-gradient(45deg,#0a84ff 0 6px,#5ac8fa 6px 12px);background-size:17px 17px;animation:ssStripe .8s linear infinite}
@keyframes ssStripe{to{background-position:17px 0}}

/* ============ Calendar Conductor: dark cockpit, amber ============ */
.pc-cc{background:linear-gradient(160deg,#111526,#0a0b14);border-color:rgba(247,160,9,.28);color:#e7e9f3;font-family:'Inter',system-ui,sans-serif}
.pc-cc::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(70% 90% at 25% 50%,#000,transparent);mask-image:radial-gradient(70% 90% at 25% 50%,#000,transparent)}
.pc-cc:hover{box-shadow:0 18px 50px rgba(247,160,9,.2);border-color:rgba(247,160,9,.7)}
.pc-cc .pc-logo{height:38px}
.pc-cc .pc-kick{color:#34d399;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.35);padding:5px 10px;border-radius:99px;align-self:flex-start;font-size:.64rem}
.pc-cc .pc-line{color:#9aa1b5;font-weight:800}
.pc-cc .pc-line b{background:linear-gradient(90deg,#fbbf24,#f7a009);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.pc-cc .pc-txt{color:#a3aabf}
.pc-cc .pc-tags span{background:rgba(255,255,255,.04);color:#cbd0e2;border:1px solid rgba(255,255,255,.1)}
.pc-cc .pc-cta{background:linear-gradient(90deg,#fbbf24,#f7a009);color:#1a1200}
.cc-cock{width:100%;background:rgba(10,11,20,.85);border:1px solid rgba(247,160,9,.3);border-radius:22px;padding:20px;box-shadow:0 0 60px rgba(247,160,9,.12)}
.cc-now{font-size:.62rem;font-weight:800;letter-spacing:.16em;color:#34d399;display:flex;align-items:center;gap:7px}
.cc-now i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:ccBlink 1.4s infinite}
@keyframes ccBlink{50%{opacity:.25}}
.cc-task{font-weight:700;margin:4px 0 10px;font-size:.95rem}
.cc-time{font-size:3.6rem;font-weight:900;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;
  background:linear-gradient(90deg,#fbbf24,#f7a009);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(247,160,9,.45))}
.cc-time small{font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#7d849b;-webkit-text-fill-color:#7d849b;margin-left:6px}
.cc-track{position:relative;height:10px;border-radius:10px;background:rgba(255,255,255,.07);margin:14px 0 6px;overflow:hidden}
.cc-track i{position:absolute;inset:0 auto 0 0;width:var(--p,70%);border-radius:10px;background:linear-gradient(90deg,#34d399 0%,#34d399 70%,#fbbf24 100%);box-shadow:0 0 14px rgba(52,211,153,.5);transition:width 1s linear}
.cc-legend{display:flex;justify-content:space-between;font-size:.66rem;color:#7d849b;font-weight:600;letter-spacing:.06em}
.cc-row{display:flex;gap:10px;margin-top:14px}
.cc-pill{flex:1;display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;color:#cbd0e2;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px 11px}
.cc-eq{display:flex;align-items:flex-end;gap:2px;height:14px}
.cc-eq b{width:3px;height:40%;background:#a78bfa;border-radius:2px;animation:ccEq .9s ease-in-out infinite}
.cc-eq b:nth-child(2){animation-delay:-.3s}.cc-eq b:nth-child(3){animation-delay:-.6s}.cc-eq b:nth-child(4){animation-delay:-.15s}
@keyframes ccEq{50%{height:100%}}
.cc-next{margin-top:12px;font-size:.74rem;color:#a3aabf;display:flex;justify-content:space-between;border-top:1px dashed rgba(255,255,255,.1);padding-top:11px}
.cc-next b{color:#fbbf24}

/* ============ WaveScribe: midnight navy, electric blue ============ */
.pc-ws{background:radial-gradient(70% 90% at 78% 40%,rgba(43,85,245,.28),transparent 70%),linear-gradient(160deg,#111a2e,#0d1117 60%);
  border-color:rgba(43,85,245,.35);color:#f0f6fc;font-family:'Inter',system-ui,sans-serif;padding-bottom:0;align-items:stretch}
.pc-ws::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:26px 26px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.pc-ws:hover{box-shadow:0 18px 50px rgba(43,85,245,.3);border-color:#2b55f5}
.pc-ws .pc-body{padding-bottom:40px;justify-content:center}
.ws-lock{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:1.55rem;letter-spacing:-.02em;color:#fff}
.ws-lock img{width:44px;height:44px;border-radius:11px;box-shadow:0 6px 20px rgba(43,85,245,.45)}
.pc-ws .pc-kick{color:#7d9bff}
.pc-ws .pc-line em{font-style:normal;background:linear-gradient(90deg,#7d9bff,#2b55f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.pc-ws .pc-txt{color:#b4bccb}
.pc-ws .pc-cta{background:#2b55f5;color:#fff}
.pc-ws:hover .pc-cta{background:#4a6ef7}
.ws-wave{display:flex;align-items:center;gap:4px;height:26px}
.ws-wave i{width:4px;height:30%;border-radius:4px;background:linear-gradient(#7d9bff,#2b55f5);animation:wsWave 1.1s ease-in-out infinite}
.ws-wave i:nth-child(2){animation-delay:-.15s}.ws-wave i:nth-child(3){animation-delay:-.3s}.ws-wave i:nth-child(4){animation-delay:-.45s}
.ws-wave i:nth-child(5){animation-delay:-.6s}.ws-wave i:nth-child(6){animation-delay:-.75s}.ws-wave i:nth-child(7){animation-delay:-.9s}
.ws-wave i:nth-child(8){animation-delay:-1.05s}.ws-wave i:nth-child(9){animation-delay:-.2s}
@keyframes wsWave{0%,100%{height:25%}50%{height:100%}}
.pc-ws .pc-vis{align-items:flex-end}
.ws-shot{position:relative;width:340px;max-width:100%;height:auto;margin-bottom:-110px;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.55));transform:rotate(3deg);transition:transform .4s}
.pc-ws:hover .ws-shot{transform:rotate(0) translateY(-10px)}

/* ============ RapidRank: gold field, ink type, orange CTA ============ */
.pc-rr{background:#eda90c;color:#161513;font-family:'Inter',system-ui,sans-serif;padding-bottom:78px}
.pc-rr::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(22,21,19,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(22,21,19,.09) 1px,transparent 1px);background-size:32px 32px}
.pc-rr:hover{box-shadow:0 18px 50px rgba(237,169,12,.35)}
.pc-rr .pc-logo{height:46px}
.pc-rr .pc-kick{color:#161513;opacity:.75}
.pc-rr .pc-line{font-weight:900;letter-spacing:-.04em;font-size:2.1rem}
.pc-rr .script{font-family:'Rock Salt',cursive;font-size:1.1rem;color:#161513;font-weight:400;letter-spacing:0;transform:rotate(-2deg);transform-origin:left}
.pc-rr .pc-txt{color:#161513;font-weight:400}
.pc-rr .pc-cta{background:#f16040;color:#161513;font-weight:800;border:2px solid #161513;box-shadow:4px 4px 0 #161513}
.pc-rr:hover .pc-cta{background:#161513;color:#eda90c}
.rr-stage{position:relative;width:100%;height:300px}
.rr-chart{position:absolute;inset:auto 0 0 0;height:230px;background:#fcf8f3;border:2px solid #161513;border-radius:20px;box-shadow:6px 6px 0 #161513;padding:16px 18px 14px;display:flex;flex-direction:column}
.rr-chart h4{font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between}
.rr-chart h4 b{color:#f16040}
.rr-bars{flex:1;display:flex;align-items:flex-end;gap:9px;margin-top:10px;width:62%}
.rr-bars i{flex:1;border-radius:6px 6px 2px 2px;background:#161513;height:var(--h);transform-origin:bottom;animation:rrGrow 3.6s ease-in-out infinite}
.rr-bars i:nth-child(n+5){background:#f16040}
.rr-bars i:nth-child(2){animation-delay:.1s}.rr-bars i:nth-child(3){animation-delay:.2s}.rr-bars i:nth-child(4){animation-delay:.3s}
.rr-bars i:nth-child(5){animation-delay:.4s}.rr-bars i:nth-child(6){animation-delay:.5s}
@keyframes rrGrow{0%{transform:scaleY(.15)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.rr-chart small{font-size:.66rem;font-weight:700;color:#535353;margin-top:6px}
.rr-rocket{position:absolute;right:6px;top:44px;width:150px;filter:drop-shadow(0 18px 18px rgba(22,21,19,.35));animation:rrFly 3.2s ease-in-out infinite}
.rr-rocket img{width:100%;height:auto;display:block;transform:rotate(8deg)}
@keyframes rrFly{50%{transform:translate(-6px,-14px)}}
.rr-trail{position:absolute;right:112px;top:190px;width:10px;height:10px;border-radius:50%;background:#f16040;opacity:0;animation:rrPuff 1.6s ease-out infinite}
.rr-trail:nth-of-type(2){animation-delay:.5s;right:132px}.rr-trail:nth-of-type(3){animation-delay:1s;right:112px}
@keyframes rrPuff{0%{opacity:.9;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(-40px,60px) scale(2.2)}}
.rr-marquee{position:absolute;left:0;right:0;bottom:0;z-index:1;background:#161513;color:#eda90c;overflow:hidden;white-space:nowrap;padding:13px 0;font-weight:900;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.rr-marquee div{display:inline-block;animation:rrScroll 26s linear infinite}
.rr-marquee span{margin:0 18px}
.rr-marquee span:nth-child(even){color:#f16040}
@keyframes rrScroll{to{transform:translateX(-50%)}}

/* ============ FaithForge: iron + ember, Bebas display ============ */
.pc-ff{background:radial-gradient(120% 100% at 0% 100%,rgba(196,98,45,.35) 0%,transparent 45%),radial-gradient(120% 100% at 100% 0%,#2e3f52 0%,#1c2330 45%,#0d0d0d 100%);
  border-color:rgba(196,98,45,.35);color:#f5f0e8;font-family:'Inter',system-ui,sans-serif}
.pc-ff:hover{box-shadow:0 18px 50px rgba(196,98,45,.3);border-color:#c4622d}
.pc-ff .pc-logo{height:40px}
.pc-ff .pc-kick{color:#b8922a;font-family:'Montserrat',sans-serif}
.pc-ff .pc-line{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:2.8rem;letter-spacing:.03em;line-height:.95;text-transform:uppercase}
.pc-ff .pc-line em{font-style:normal;color:#c4622d}
.pc-ff .pc-txt{color:#d8d2c6}
.pc-ff .pc-cta{background:#c4622d;color:#f5f0e8;font-family:'Montserrat',sans-serif;letter-spacing:.06em;font-size:.8rem;text-transform:uppercase;border-radius:6px}
.pc-ff:hover .pc-cta{background:#d9733b}
.ff-forge{position:relative;width:100%;height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.ff-glow{position:absolute;left:50%;bottom:10px;width:320px;height:180px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(232,120,50,.65),rgba(196,98,45,.25) 55%,transparent);filter:blur(10px);animation:ffBreath 3.4s ease-in-out infinite}
@keyframes ffBreath{50%{opacity:.55;transform:translateX(-50%) scale(.92)}}
.ff-wings{position:relative;width:230px;height:auto;filter:drop-shadow(0 0 18px rgba(196,98,45,.55));animation:ffLift 4s ease-in-out infinite}
@keyframes ffLift{50%{transform:translateY(-8px)}}
.ff-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ff-sparks i{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#ffb070;box-shadow:0 0 8px #ff8a3d,0 0 2px #fff;opacity:0;animation:ffSpark 4s linear infinite}
.ff-sparks i:nth-child(1){left:22%;animation-delay:0s}.ff-sparks i:nth-child(2){left:35%;animation-delay:1.1s;animation-duration:3.4s}
.ff-sparks i:nth-child(3){left:48%;animation-delay:.5s}.ff-sparks i:nth-child(4){left:58%;animation-delay:2s;animation-duration:4.6s}
.ff-sparks i:nth-child(5){left:67%;animation-delay:1.5s}.ff-sparks i:nth-child(6){left:76%;animation-delay:.2s;animation-duration:3.8s}
.ff-sparks i:nth-child(7){left:42%;animation-delay:2.8s;animation-duration:5s}.ff-sparks i:nth-child(8){left:28%;animation-delay:3.2s}
.ff-sparks i:nth-child(9){left:62%;animation-delay:3.6s;animation-duration:3.6s}.ff-sparks i:nth-child(10){left:52%;animation-delay:1.8s;animation-duration:4.4s}
@keyframes ffSpark{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}100%{opacity:0;transform:translate(24px,-320px)}}
.ff-stages{position:relative;display:flex;gap:6px;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.15rem;letter-spacing:.06em}
.ff-stages span{padding:6px 12px;border-radius:4px;border:1px solid rgba(245,240,232,.2);color:rgba(245,240,232,.55);background:rgba(13,13,13,.55);animation:ffStage 8s infinite}
.ff-stages span:nth-child(2){animation-delay:2s}.ff-stages span:nth-child(3){animation-delay:4s}.ff-stages span:nth-child(4){animation-delay:6s}
@keyframes ffStage{0%,30%,100%{color:rgba(245,240,232,.55);border-color:rgba(245,240,232,.2);box-shadow:none}
  5%,25%{color:#f5f0e8;border-color:#c4622d;background:rgba(196,98,45,.3);box-shadow:0 0 18px rgba(196,98,45,.55)}}

/* ============ Kairos: warm cream, terracotta, serif ============ */
.pc-ka{background:radial-gradient(60% 100% at 20% 50%,#fbfaf7,transparent 70%),#f3f2ee;border-color:#ebe6e0;color:#303030;font-family:'Inter',system-ui,sans-serif}
.pc-ka:hover{box-shadow:0 18px 50px rgba(159,99,72,.25);border-color:#bb967b}
.pc-ka .pc-kick{color:#9f6348}
.pc-ka .pc-line{font-family:'Baskervville',Georgia,serif;font-weight:400;font-size:2.2rem;color:#2c3345;letter-spacing:0}
.pc-ka .pc-txt{color:#4a4a4a}
.pc-ka .pc-tags span{background:#fff;color:#9f6348;border:1px solid #e3d6cb}
.pc-ka .pc-cta{background:#9f6348;color:#f3f2ee}
.pc-ka:hover .pc-cta{background:#2c3345}
.ka-vis{display:flex;align-items:center;gap:30px;width:100%;justify-content:center}
.ka-vis img{width:230px;height:auto}
.ka-spine{flex:none;width:64px;height:260px}
.ka-spine .vb{fill:rgba(255,255,255,.55);stroke:#d9c6b8;stroke-width:1.5;animation:kaVb 3s ease-in-out infinite}
.ka-spine .nerve{fill:none;stroke:#e3d6cb;stroke-width:2}
.ka-spine .pulse{fill:none;stroke:#9f6348;stroke-width:3;stroke-linecap:round;stroke-dasharray:28 400;animation:kaPulse 3s linear infinite}
@keyframes kaPulse{from{stroke-dashoffset:28}to{stroke-dashoffset:-260}}
@keyframes kaVb{0%,100%{fill:rgba(255,255,255,.55)}50%{fill:rgba(232,210,195,.7)}}

/* ============ responsive + motion ============ */
@media(max-width:860px){
  .pcard,.pcard.flip{flex-direction:column;align-items:stretch;gap:28px;padding:30px 24px}
  .pc-vis{flex:none;max-width:none;width:100%}
  .pc-line{font-size:1.6rem}.pc-rr .pc-line{font-size:1.75rem}.pc-ff .pc-line{font-size:2.3rem}.pc-ka .pc-line{font-size:1.8rem}
  .pc-ws{padding-bottom:0}.pc-ws .pc-body{padding-bottom:0}.ws-shot{width:250px;margin:0 auto -80px}
  .pc-rr{padding-bottom:70px}.rr-stage{height:270px}.rr-rocket{width:120px;top:60px}
  .ka-vis img{width:170px}.ka-spine{height:200px}
}
@media(max-width:420px){.ss-row{grid-template-columns:58px 1fr 40px}.cc-time{font-size:3rem}.ff-stages{font-size:.95rem}.ff-stages span{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){
  .pcard *,.pcard *::before,.pcard *::after{animation:none!important}
  .ws-wave i{height:60%}.rr-bars i{transform:none}.ff-sparks{display:none}
}
