/* ═══════════════════════════════════════════════
   index.css — Index.html ONLY
   Contains: hero, rocket scene, marquee, stats,
   services, features, testimonials, placed students, CTA
═══════════════════════════════════════════════ */

/* ── Hero ── */
.hero { position:relative; z-index:2; min-height:100svh; display:flex; align-items:center; padding:128px clamp(16px,4vw,64px) 60px; max-width:1440px; margin:0 auto; overflow-x:hidden; }
.hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,60px); align-items:center; width:100%; }
.h-badge { display:inline-flex; align-items:center; gap:9px; background:rgba(0,255,136,.07); border:1px solid rgba(0,255,136,.2); border-radius:100px; padding:7px 18px; font-size:.7rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--green); margin-bottom:28px; opacity:0; }
.bdot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 9px var(--green); animation:bdot-blink 2s ease-in-out infinite; }
@keyframes bdot-blink { 0%,100%{opacity:1;transform:scale(1);}50%{opacity:.25;transform:scale(1.7);} }
.h-title { font-family:var(--fH); font-size:clamp(2.6rem,5.5vw,5rem); font-weight:800; line-height:1.05; letter-spacing:-1.5px; margin-bottom:24px; opacity:0; }
.h-title .line-a { display:block; color:var(--white); }
.h-title .line-b { display:block; min-height:1.1em; }
.grad-txt { display:block; background:linear-gradient(120deg,var(--green) 0%,var(--cyan) 45%,#a78bfa 85%,var(--green) 100%); background-size:300% 100%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:grad-flow 6s linear infinite; }
@keyframes grad-flow { to { background-position:-300% 0; } }
.h-title .line-c { display:block; color:rgba(232,240,255,.32); }
.t-word { display:inline-block; border-right:3px solid var(--green); padding-right:2px; vertical-align:bottom; animation:tcur .9s step-end infinite; white-space:nowrap; }
@keyframes tcur { 0%,100%{border-color:var(--green);}50%{border-color:transparent;} }
.h-desc  { color:var(--muted); font-size:clamp(.9rem,1.3vw,1.03rem); line-height:1.85; max-width:480px; margin-bottom:32px; font-weight:300; opacity:0; }
.h-pills { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:36px; opacity:0; }
.pill    { display:flex; align-items:center; gap:7px; background:rgba(0,255,136,.05); border:1px solid rgba(0,255,136,.12); border-radius:100px; padding:6px 14px; font-size:.74rem; font-weight:500; color:var(--muted); transition:all .3s; }
.pill:hover { border-color:rgba(0,255,136,.28); color:var(--white); }
.pdot { width:5px; height:5px; border-radius:50%; }
.h-btns { display:flex; gap:14px; flex-wrap:wrap; opacity:0; }
@media(max-width:900px) {
  .hero { padding-top:118px; padding-bottom:36px; padding-left:18px; padding-right:18px; min-height:auto; }
  .hero-grid { grid-template-columns:1fr; gap:0; }
  .h-title  { font-size:clamp(2.2rem,7.5vw,3.4rem); letter-spacing:-1px; margin-bottom:18px; }
  .h-desc   { font-size:.93rem; margin-bottom:22px; max-width:100%; }
  .h-btns   { gap:12px; }
  .btn-prime,.btn-ghost { padding:13px 26px; font-size:.85rem; }
  .h-badge  { font-size:.65rem; padding:6px 14px; }
}
@media(max-width:580px) { .h-pills{display:none;} .hero{padding-top:110px;} .h-title{font-size:clamp(1.9rem,8.5vw,2.8rem);} }
@media(min-width:600px) and (max-width:900px) { .h-pills{display:flex;} }

/* ── Rocket Scene ── */
.rkt-scene { position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:clamp(360px,48vw,560px); perspective:900px; opacity:0; }
.orb-ring  { position:absolute; border-radius:50%; border-style:dashed; top:50%; left:50%; }
.or1 { width:clamp(150px,22vw,240px); height:clamp(150px,22vw,240px); border-width:1px; border-color:rgba(0,255,136,.15); transform:translate(-50%,-50%); animation:ospin 22s linear infinite; }
.or2 { width:clamp(220px,32vw,350px); height:clamp(220px,32vw,350px); border-width:1px; border-color:rgba(0,229,255,.09); transform:translate(-50%,-50%); animation:ospin 34s linear infinite reverse; }
.or3 { width:clamp(300px,44vw,460px); height:clamp(300px,44vw,460px); border-width:1px; border-color:rgba(124,58,237,.07); transform:translate(-50%,-50%); animation:ospin 50s linear infinite; }
@keyframes ospin { to { transform:translate(-50%,-50%) rotate(360deg); } }
.odot { position:absolute; border-radius:50%; top:-5px; left:50%; margin-left:-5px; }
.od-g { width:clamp(7px,1.2vw,10px); height:clamp(7px,1.2vw,10px); background:var(--green); box-shadow:0 0 14px var(--green),0 0 28px rgba(0,255,136,.4); }
.od-c { width:clamp(6px,1vw,8px); height:clamp(6px,1vw,8px); background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.od-p { width:clamp(6px,1vw,8px); height:clamp(6px,1vw,8px); background:#a78bfa; box-shadow:0 0 12px #a78bfa; top:50%; left:-4px; margin-left:0; }
.rkt-platform { position:absolute; bottom:6%; left:50%; transform:translateX(-50%); width:clamp(100px,15vw,160px); height:4px; border-radius:50%; background:radial-gradient(ellipse,rgba(0,255,136,.65),transparent 72%); filter:blur(5px); animation:plat-pulse 3s ease-in-out infinite; }
@keyframes plat-pulse { 0%,100%{opacity:.5;width:clamp(90px,13vw,140px);}50%{opacity:1;width:clamp(120px,18vw,190px);} }
.rkt-wrap { position:relative; z-index:2; animation:rkt-float 4.5s ease-in-out infinite; filter:drop-shadow(0 0 20px rgba(0,255,136,.42)) drop-shadow(0 0 40px rgba(0,229,255,.2)); }
@keyframes rkt-float { 0%,100%{transform:translateY(0) rotate(-4deg);}50%{transform:translateY(-22px) rotate(-2deg);} }
.rkt-wrap svg { width:clamp(140px,18vw,240px); height:auto; display:block; }
.rkt-burst { position:absolute; inset:-50px; border-radius:50%; pointer-events:none; z-index:1; background:radial-gradient(circle,rgba(0,255,136,.1),rgba(0,229,255,.05) 40%,transparent 70%); animation:burst-pulse 5s ease-in-out infinite; }
@keyframes burst-pulse { 0%,100%{opacity:0;transform:scale(.7);}30%{opacity:1;transform:scale(1.1);}60%{opacity:0;transform:scale(1.3);} }
.flame-cont { position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); width:50px; height:80px; pointer-events:none; z-index:3; }
.fp { position:absolute; border-radius:50%; animation:fp-rise linear infinite; }
@keyframes fp-rise { 0%{transform:translateY(0) scaleX(1);opacity:1;}100%{transform:translateY(-80px) scaleX(0);opacity:0;} }
.tcard { position:absolute; background:rgba(6,13,25,.9); border:1px solid rgba(0,255,136,.22); border-radius:clamp(8px,1.5vw,12px); padding:clamp(8px,1.2vw,11px) clamp(10px,1.8vw,15px); display:flex; align-items:center; gap:clamp(6px,1vw,10px); backdrop-filter:blur(16px); box-shadow:0 10px 36px rgba(0,0,0,.6),inset 0 1px 0 rgba(0,255,136,.08); font-size:clamp(.66rem,1.2vw,.78rem); font-weight:600; white-space:nowrap; font-family:var(--fB); animation:tc-float ease-in-out infinite; }
.tci { font-size:clamp(.9rem,1.5vw,1.05rem); }
.tcd { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 7px var(--green); flex-shrink:0; }
.tc1{top:8%;right:4%;animation-duration:3.8s;animation-delay:.3s;}
.tc2{bottom:20%;right:2%;animation-duration:4.4s;animation-delay:1.1s;}
.tc3{bottom:8%;left:4%;animation-duration:3.4s;animation-delay:0s;}
.tc4{top:20%;left:2%;animation-duration:4.9s;animation-delay:1.7s;}
@keyframes tc-float { 0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);} }
.rkt-nebula { position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:radial-gradient(ellipse 65% 45% at 68% 28%,rgba(0,255,136,.06),transparent 60%),radial-gradient(ellipse 45% 65% at 22% 72%,rgba(0,229,255,.05),transparent 60%),radial-gradient(ellipse 55% 55% at 50% 50%,rgba(124,58,237,.06),transparent 70%); }
#star-cvs { position:absolute; inset:0; pointer-events:none; z-index:0; }
@keyframes shoot-anim { 0%{opacity:0;transform:translate(0,0);}8%{opacity:1;}80%{opacity:.9;}100%{opacity:0;transform:translate(-240px,140px);} }
.shoot { position:absolute; height:1.5px; border-radius:2px; background:linear-gradient(90deg,rgba(173,255,212,.9),transparent); pointer-events:none; animation:shoot-anim ease-out infinite; z-index:1; }
.sh1{width:55px;top:12%;right:22%;animation-duration:3.5s;animation-delay:0s;}
.sh2{width:36px;top:7%;right:58%;animation-duration:2.8s;animation-delay:4.5s;}
.sh3{width:72px;top:30%;right:9%;animation-duration:4.2s;animation-delay:8s;}
.sh4{width:46px;top:20%;right:42%;animation-duration:3.2s;animation-delay:12.5s;}
.flame-wrap { position:absolute; bottom:-52px; left:50%; transform:translateX(-50%); width:64px; height:110px; pointer-events:none; z-index:3; }
.fl-outer { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:58px; height:102px; background:linear-gradient(180deg,rgba(0,229,255,.9) 0%,rgba(0,255,136,.58) 26%,rgba(0,180,80,.22) 60%,transparent 100%); clip-path:polygon(38% 0%,62% 0%,100% 100%,0% 100%); filter:blur(4px); animation:fl-flicker .15s ease-in-out infinite alternate; }
.fl-mid { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:34px; height:78px; background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(180,255,255,.85) 16%,rgba(0,229,255,.62) 46%,transparent 100%); clip-path:polygon(28% 0%,72% 0%,100% 100%,0% 100%); filter:blur(2px); animation:fl-flicker .09s ease-in-out infinite alternate-reverse; }
.fl-core { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:14px; height:56px; background:linear-gradient(180deg,#ffffff 0%,rgba(210,255,255,.96) 20%,rgba(0,220,255,.58) 58%,transparent 100%); clip-path:polygon(18% 0%,82% 0%,100% 100%,0% 100%); filter:blur(1px); animation:fl-flicker .07s ease-in-out infinite alternate; }
@keyframes fl-flicker { from{transform:translateX(-50%) scaleX(1) scaleY(1);}to{transform:translateX(-50%) scaleX(1.12) scaleY(1.05);} }
.rkt-pad-glow { position:absolute; bottom:3.5%; left:50%; transform:translateX(-50%); width:clamp(120px,18vw,195px); height:clamp(120px,18vw,195px); border-radius:50%; pointer-events:none; background:radial-gradient(circle,rgba(0,255,136,.15) 0%,rgba(0,229,255,.07) 40%,transparent 70%); filter:blur(12px); animation:plat-pulse 3s ease-in-out infinite; }
@media(max-width:900px) {
  .rkt-scene{display:flex!important;height:clamp(300px,72vw,420px);width:100%;margin-top:28px;}
  .tcard{font-size:clamp(.62rem,2.8vw,.74rem);padding:clamp(7px,1.8vw,10px) clamp(9px,2.5vw,13px);border-radius:10px;}
}
@media(max-width:580px) { .tc2,.tc4{display:none;} .rkt-scene{height:clamp(260px,80vw,360px);margin-top:20px;} }
@media(min-width:600px) and (max-width:900px) { .tc2,.tc4{display:flex;} }

/* ── Marquee ── */
.mq-wrap  { position:relative; z-index:2; overflow:hidden; padding:14px 0; border-top:1px solid var(--bdr); border-bottom:1px solid var(--bdr); background:rgba(0,255,136,.016); }
.mq-track { display:flex; width:max-content; animation:mq 26s linear infinite; }
.mq-track:hover { animation-play-state:paused; }
.mq-item  { display:flex; align-items:center; gap:14px; padding:0 34px; font-size:.74rem; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; color:rgba(232,240,255,.22); white-space:nowrap; }
.mq-item span { color:var(--green); }
@keyframes mq { to { transform:translateX(-50%); } }

/* ── Stats ── */
.stats-outer { position:relative; z-index:2; padding:clamp(52px,7vw,88px) clamp(16px,4vw,64px); }
.si { max-width:1440px; margin:0 auto; }
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--bdr); border:1px solid var(--bdr); border-radius:16px; overflow:hidden; }
@media(max-width:580px) { .stats-grid{grid-template-columns:1fr;} }
.sc { background:var(--bg1); padding:clamp(22px,3vw,42px) clamp(16px,2vw,30px); text-align:center; position:relative; overflow:hidden; transition:background .4s; }
.sc:hover { background:rgba(0,255,136,.03); }
.sc::before { content:''; position:absolute; bottom:0; left:5%; right:5%; height:1px; background:linear-gradient(90deg,transparent,var(--green),transparent); transform:scaleX(0); transition:transform .55s var(--out); }
.sc:hover::before { transform:scaleX(1); }
.sn { font-family:var(--fH); font-size:clamp(2.2rem,5vw,3.8rem); font-weight:800; background:linear-gradient(135deg,var(--green),var(--cyan)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; display:block; line-height:1; letter-spacing:-1px; }
.sl { font-size:.8rem; color:var(--muted); margin-top:8px; font-weight:400; }

/* ── Service Cards ── */
.srv-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(clamp(260px,30vw,360px),1fr)); gap:clamp(14px,1.5vw,20px); margin-top:clamp(40px,5vw,60px); }
@media(max-width:900px) { .srv-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(240px,45vw,340px),1fr));} }
@media(max-width:580px) { .srv-grid{grid-template-columns:1fr;} }
.scard { background:var(--bg1); border:1px solid var(--bdr); border-radius:18px; padding:clamp(22px,2.5vw,34px); position:relative; overflow:hidden; transition:transform .5s var(--spring),box-shadow .4s; cursor:default; transform-style:preserve-3d; }
.scard::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--green),var(--cyan),transparent); transform:scaleX(0); transform-origin:left; transition:transform .55s var(--out); }
.scard::after  { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 20% -5%,rgba(0,255,136,.055),transparent 55%); opacity:0; transition:opacity .4s; }
.scard:hover   { transform:translateY(-8px); border-color:rgba(0,255,136,.2); box-shadow:0 22px 72px rgba(0,0,0,.6),0 0 48px rgba(0,255,136,.05); }
.scard:hover::before { transform:scaleX(1); }
.scard:hover::after  { opacity:1; }
.scard .ripple-el { position:absolute; border-radius:50%; background:rgba(0,255,136,.15); transform:scale(0); animation:ripple-anim .7s linear; }
.s-num { font-size:.68rem; font-weight:700; color:rgba(0,255,136,.24); letter-spacing:2px; font-family:monospace; margin-bottom:16px; display:block; position:relative; z-index:1; }
.s-ico { width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,229,255,.06)); border:1px solid rgba(0,255,136,.13); display:flex; align-items:center; justify-content:center; font-size:1.4rem; margin-bottom:16px; position:relative; z-index:1; transition:transform .4s var(--spring),box-shadow .4s; }
.scard:hover .s-ico { transform:scale(1.12) rotate(-6deg); box-shadow:0 0 24px rgba(0,255,136,.28); }
.scard h3 { font-family:var(--fH); font-size:1rem; font-weight:700; margin-bottom:10px; position:relative; z-index:1; }
.scard p  { font-size:.85rem; color:var(--muted); line-height:1.72; position:relative; z-index:1; font-weight:300; }
.s-tags   { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; position:relative; z-index:1; }
.stag     { background:var(--surface); border:1px solid var(--bdr); border-radius:6px; padding:4px 12px; font-size:.69rem; color:var(--dim); }
.s-footer { display:flex; align-items:center; margin-top:18px; padding-top:14px; border-top:1px solid var(--bdr); position:relative; z-index:1; }
.s-link   { font-size:.78rem; font-weight:600; color:var(--green); text-decoration:none; display:flex; align-items:center; gap:6px; transition:gap .25s; }
.s-link:hover { gap:10px; }

/* ── Features / Why Core3 ── */
.feat-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(44px,7vw,90px); align-items:center; }
@media(max-width:860px) { .feat-layout{grid-template-columns:1fr;} }
.feat-list { display:flex; flex-direction:column; gap:16px; margin-top:32px; }
.fi { display:flex; gap:16px; background:var(--surface); border:1px solid var(--bdr); border-radius:14px; padding:20px; position:relative; overflow:hidden; transition:all .4s var(--out); }
.fi::before { content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:linear-gradient(180deg,var(--green),var(--cyan)); transform:scaleY(0); transition:transform .4s var(--out); }
.fi:hover { background:rgba(0,255,136,.05); border-color:var(--bdr2); transform:translateX(6px); }
.fi:hover::before { transform:scaleY(1); }
.fi-ico { width:42px; height:42px; border-radius:10px; flex-shrink:0; background:rgba(0,255,136,.1); border:1px solid rgba(0,255,136,.14); display:flex; align-items:center; justify-content:center; font-size:1.15rem; transition:transform .4s var(--spring); }
.fi:hover .fi-ico { transform:scale(1.1) rotate(-8deg); }
.fi-h { font-family:var(--fH); font-size:.96rem; font-weight:700; margin-bottom:5px; }
.fi-p { font-size:.83rem; color:var(--muted); line-height:1.68; font-weight:300; }
.dash { background:var(--bg1); border:1px solid var(--bdr2); border-radius:20px; padding:clamp(24px,3vw,30px); box-shadow:0 24px 80px rgba(0,0,0,.5); position:relative; overflow:hidden; }
.dash::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--green),var(--cyan),transparent); }
.dash-h  { display:flex; align-items:center; gap:12px; margin-bottom:22px; padding-bottom:16px; border-bottom:1px solid var(--bdr); }
.dash-av { width:40px; height:40px; border-radius:10px; background:linear-gradient(135deg,var(--green),var(--cyan)); display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
.dash-t  { font-family:var(--fH); font-weight:700; font-size:.92rem; }
.dash-s  { font-size:.74rem; color:var(--muted); }
.br { display:flex; flex-direction:column; gap:5px; margin-bottom:12px; }
.br-label { display:flex; justify-content:space-between; font-size:.74rem; color:var(--muted); }
.br-track { height:7px; background:var(--surface); border-radius:4px; overflow:hidden; }
.bf { height:100%; border-radius:4px; position:relative; }
.bf::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%); animation:bar-sheen 2.2s ease infinite; }
@keyframes bar-sheen { 0%{transform:translateX(-100%);}100%{transform:translateX(100%);} }
.bf-gc { background:linear-gradient(90deg,var(--green),var(--cyan)); }
.bf-pc { background:linear-gradient(90deg,#a78bfa,var(--cyan)); }
.dash-ft { display:flex; justify-content:space-between; margin-top:20px; padding-top:16px; border-top:1px solid var(--bdr); }
.ds { text-align:center; }
.ds-n { font-family:var(--fH); font-size:1.35rem; font-weight:800; color:var(--green); }
.ds-l { font-size:.7rem; color:var(--muted); }
.dacc { position:absolute; background:rgba(6,15,30,.92); border:1px solid var(--bdr2); border-radius:10px; padding:10px 14px; font-size:.72rem; font-weight:600; backdrop-filter:blur(12px); white-space:nowrap; box-shadow:0 8px 32px rgba(0,0,0,.5); }
.da1 { top:-13px; right:-10px; animation:tc-float 4s ease-in-out infinite .5s; }
.da2 { bottom:-13px; left:-10px; animation:tc-float 3.8s ease-in-out infinite 1.3s; }
@media(max-width:860px) { .da1,.da2{display:none;} }

/* ── Testimonials ── */
.t-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(clamp(260px,30vw,380px),1fr)); gap:clamp(14px,1.5vw,20px); margin-top:clamp(40px,5vw,60px); }
@media(max-width:580px) { .t-grid{grid-template-columns:1fr;} }
.tst { background:var(--bg1); border:1px solid var(--bdr); border-radius:18px; padding:clamp(20px,2.5vw,28px); transition:transform .45s var(--spring),border-color .4s,box-shadow .4s; }
.tst:hover { transform:translateY(-8px); border-color:rgba(0,255,136,.22); box-shadow:0 22px 70px rgba(0,0,0,.6); }
.t-stars { display:flex; gap:3px; margin-bottom:12px; }
.t-stars i { color:#f59e0b; font-size:.76rem; }
.t-q::before { content:'"'; color:var(--green); font-size:1.4rem; display:block; line-height:1; margin-bottom:4px; font-style:normal; }
.t-q  { font-size:.87rem; color:var(--muted); line-height:1.8; font-weight:300; font-style:italic; margin-bottom:18px; }
.t-who { display:flex; align-items:center; gap:12px; }
.t-av  { width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.82rem; color:#000; flex-shrink:0; }
.t-nm  { font-weight:700; font-size:.84rem; }
.t-rl  { font-size:.73rem; color:var(--muted); }

/* ── Placed Students ── */
.placed-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(clamp(260px,28vw,340px),1fr)); gap:clamp(14px,1.5vw,20px); margin-top:clamp(32px,4vw,48px); }
@media(max-width:580px) { .placed-grid{grid-template-columns:1fr;} }
.pcard { background:var(--bg1); border:1px solid var(--bdr); border-radius:18px; padding:clamp(20px,2.5vw,28px); position:relative; overflow:hidden; transition:transform .45s var(--spring),border-color .4s,box-shadow .4s; }
.pcard::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--green),var(--cyan),transparent); transform:scaleX(0); transform-origin:left; transition:transform .55s var(--out); }
.pcard:hover { transform:translateY(-8px); border-color:rgba(0,255,136,.22); box-shadow:0 22px 70px rgba(0,0,0,.6); }
.pcard:hover::before { transform:scaleX(1); }
.pcard-head { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.p-av { width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.05rem; color:#000; flex-shrink:0; position:relative; }
.p-av img { width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; }
.p-badge { position:absolute; bottom:-2px; right:-2px; width:18px; height:18px; border-radius:50%; background:var(--green); border:2px solid var(--bg1); display:flex; align-items:center; justify-content:center; }
.p-badge i { font-size:.48rem; color:#000; }
.p-info { flex:1; min-width:0; }
.p-name { font-family:var(--fH); font-size:.96rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.p-role { font-size:.76rem; color:var(--green); font-weight:600; margin-top:2px; }
.p-company { display:flex; align-items:center; gap:5px; font-size:.73rem; color:var(--muted); margin-top:3px; }
.p-company i { font-size:.65rem; color:var(--cyan); }
.p-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.p-tag { background:var(--surface); border:1px solid var(--bdr); border-radius:6px; padding:3px 10px; font-size:.67rem; color:var(--dim); }
.p-tag.hi { border-color:rgba(0,255,136,.2); color:rgba(0,255,136,.7); background:rgba(0,255,136,.05); }
.p-desc { font-size:.83rem; color:var(--muted); line-height:1.72; font-weight:300; margin-bottom:14px; }
.p-footer { display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid var(--bdr); }
.p-pkg { font-family:var(--fH); font-size:.88rem; font-weight:700; color:var(--green); }
.p-pkg span { font-size:.68rem; color:var(--muted); font-weight:400; font-family:var(--fB); }
.p-batch { font-size:.68rem; color:var(--muted); display:flex; align-items:center; gap:4px; }
.p-batch i { font-size:.6rem; color:var(--cyan); }

/* ── CTA Banner ── */
.cta-wrap { position:relative; z-index:2; padding:0 clamp(16px,4vw,64px) clamp(70px,8vw,100px); }
.cta-box  { max-width:1440px; margin:0 auto; background:var(--bg1); border:1px solid var(--bdr2); border-radius:24px; padding:clamp(48px,7vw,86px) clamp(24px,5vw,70px); text-align:center; position:relative; overflow:hidden; box-shadow:0 0 80px rgba(0,255,136,.04); }
.cta-box::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 55% at 50% -15%,rgba(0,255,136,.07),transparent 60%); pointer-events:none; }
.cta-box::after  { content:''; position:absolute; top:0; left:0; right:0; height:1.5px; background:linear-gradient(90deg,transparent,var(--green),var(--cyan),transparent); }
.cta-box h2 { font-family:var(--fH); font-size:clamp(1.8rem,4vw,3rem); font-weight:800; letter-spacing:-1px; margin-bottom:14px; position:relative; }
.cta-box p  { color:var(--muted); font-size:.96rem; line-height:1.8; max-width:520px; margin:0 auto 32px; font-weight:300; position:relative; }
.cta-btns  { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; position:relative; }
@media(max-width:520px) { .cta-btns{flex-direction:column;align-items:center;} .cta-btns .btn-prime,.cta-btns .btn-ghost{width:100%;max-width:300px;text-align:center;} }