.pi-hub{--ph-navy:#001a33;--ph-navy-soft:#0a2744;--ph-mist:#f5f7fa;--ph-ink:#0f172a;--ph-muted:#64748b;--ph-line:rgba(15,23,42,0.06);--ph-glow:color-mix(in srgb,var(--color-primary) 45%,transparent);--ph-display:var(--font-pretendard),var(--font-outfit),system-ui,sans-serif;background:radial-gradient(80% 50% at 100% 0,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 55%),#fbfcfd}.pi-hub .pi-shell{width:min(1120px,calc(100% - 2.5rem))}.pi-hub .pi-hero--hub{position:relative;overflow:hidden;padding:clamp(3.75rem,8vw,5.75rem) 0 clamp(3.25rem,6vw,4.5rem);background:radial-gradient(90% 80% at 88% 18%,color-mix(in srgb,var(--color-primary) 38%,transparent),transparent 55%),radial-gradient(70% 60% at 12% 90%,color-mix(in srgb,#0f766e 26%,transparent),transparent 50%),linear-gradient(155deg,var(--ph-navy) 0,var(--ph-navy-soft) 52%,#06213a 100%)}.pi-hub .ph-hero-stream{pointer-events:none;position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 10%,transparent 92%)}.pi-hub .ph-hero-glow{pointer-events:none;position:absolute;right:-8%;top:-20%;width:min(52vw,28rem);height:min(52vw,28rem);border-radius:999px;background:radial-gradient(circle,var(--ph-glow),transparent 68%);filter:blur(8px);animation:ph-pulse 10s ease-in-out infinite}@keyframes ph-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}.pi-hub .pi-hero--hub .pi-shell{position:relative;z-index:1}.pi-hub .pi-eyebrow{font-family:var(--font-outfit),var(--font-pretendard),system-ui,sans-serif;font-size:.7rem;letter-spacing:.22em;color:color-mix(in srgb,var(--color-gold) 88%,#fff)}.pi-hub .pi-title{font-family:var(--ph-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;color:#f8fafc}.pi-hub .ph-title-accent{background:linear-gradient(120deg,#ffffff,#d7e6ff 42%,#9ec0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.pi-hub .pi-lead{max-width:40rem;color:color-mix(in srgb,#e8eef7 74%,transparent);font-weight:400}.pi-hub .ph-tabs{display:inline-flex;margin-top:1.85rem;padding:.28rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);backdrop-filter:blur(10px);gap:.2rem}.pi-hub .ph-tab{border-radius:999px;padding:.62rem 1.15rem;font-size:.86rem;font-weight:700;color:rgba(255,255,255,.72);transition:background .22s ease,color .22s ease,box-shadow .22s ease}.pi-hub .ph-tab.ph-tab--active{background:#ffffff;color:#001a33;box-shadow:0 8px 20px -12px rgb(0 0 0/.35)}.pi-hub .ph-tab:hover:not(.ph-tab--active){color:#fff;background:rgba(255,255,255,.08)}.pi-hub .pi-section{padding:clamp(2.75rem,6vw,4.25rem) 0;background:var(--ph-mist)}.pi-hub .ph-panel-label{margin-bottom:1.1rem;font-family:var(--font-outfit),var(--font-pretendard),system-ui,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8}.pi-hub .pi-hub-grid{display:grid;gap:1rem}@media (min-width:640px){.pi-hub .pi-hub-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pi-hub .pi-hub-grid{grid-template-columns:repeat(3,1fr)}.pi-hub .pi-hub-grid--org{grid-template-columns:repeat(2,1fr)}}.pi-hub .ph-card{position:relative;display:flex;flex-direction:column;min-height:14.5rem;overflow:hidden;border-radius:1.2rem;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);padding:1.35rem 1.35rem 1.25rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 16px 40px -28px rgb(0 26 51/.28);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .22s ease}.pi-hub .ph-card:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ph-accent,var(--color-primary)) 85%,#fff),transparent);opacity:0;transition:opacity .28s ease}.pi-hub .ph-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ph-accent,var(--color-primary)) 28%,transparent);box-shadow:0 24px 48px -28px rgb(0 26 51/.35)}.pi-hub .ph-card:hover:before{opacity:1}.pi-hub .ph-card--sky{--ph-accent:#3b82f6}.pi-hub .ph-card--navy{--ph-accent:#1d4ed8}.pi-hub .ph-card--amber{--ph-accent:#d97706}.pi-hub .ph-card--emerald{--ph-accent:#059669}.pi-hub .ph-card--teal{--ph-accent:#0d9488}.pi-hub .ph-card--slate{--ph-accent:#475569}.pi-hub .ph-card--violet{--ph-accent:#2f5fee}.pi-hub .ph-card-icon{display:inline-flex;height:2.65rem;width:2.65rem;align-items:center;justify-content:center;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--ph-accent) 22%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--ph-accent) 12%,#fff),#fff);color:var(--ph-accent);margin-bottom:.95rem}.pi-hub .ph-card-kicker{font-family:var(--font-outfit),var(--font-pretendard),system-ui,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8}.pi-hub .ph-card h2{margin-top:.4rem;font-family:var(--ph-display);font-size:1.15rem;font-weight:750;letter-spacing:-.02em;line-height:1.3;color:var(--ph-ink)}.pi-hub .ph-card-tag{margin-top:.55rem;flex:1;font-size:.88rem;line-height:1.6;color:var(--ph-muted)}.pi-hub .ph-card-go{display:inline-flex;align-items:center;gap:.3rem;margin-top:1rem;font-size:.8rem;font-weight:700;color:var(--ph-accent,var(--color-primary))}.pi-hub .ph-card-go svg{transition:transform .22s ease}.pi-hub .ph-card:hover .ph-card-go svg{transform:translate(2px,-2px)}.pi-hub .ph-thumb{margin:.9rem 0 .35rem;border-radius:.75rem;border:1px solid var(--ph-line);background:linear-gradient(160deg,#0b172b,#132843);padding:.7rem .75rem .65rem;min-height:5.4rem;overflow:hidden}.pi-hub .ph-thumb-bar{display:flex;align-items:center;gap:.3rem;margin-bottom:.55rem}.pi-hub .ph-thumb-dot{width:.38rem;height:.38rem;border-radius:999px;background:rgba(255,255,255,.28)}.pi-hub .ph-thumb-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:.35rem}.pi-hub .ph-thumb-cell{height:2.35rem;border-radius:.35rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.pi-hub .ph-thumb-cell--accent{background:linear-gradient(135deg,color-mix(in srgb,var(--ph-accent) 45%,transparent),rgba(255,255,255,.08))}.pi-hub .ph-thumb-cell--wide{grid-column:span 2}.pi-hub .pi-cta--hub{position:relative;overflow:hidden;background:radial-gradient(70% 80% at 85% 20%,color-mix(in srgb,var(--color-primary) 30%,transparent),transparent 55%),linear-gradient(150deg,var(--ph-navy) 0,#0b2744 100%);padding:clamp(3.25rem,6vw,4.5rem) 0}.pi-hub .pi-cta-title{font-family:var(--ph-display);max-width:28rem}.pi-hub .ph-cta-actions{display:grid;width:min(40rem,100%);gap:.75rem}@media (min-width:640px){.pi-hub .ph-cta-actions{grid-template-columns:1fr 1.15fr}}.pi-hub .ph-cta-btn{display:inline-flex;min-height:3.35rem;align-items:center;justify-content:center;gap:.45rem;border-radius:.65rem;padding:.85rem 1.2rem;font-size:.92rem;font-weight:700;text-align:center;transition:transform .22s ease,box-shadow .22s ease,background .2s ease,border-color .2s ease}.pi-hub .ph-cta-btn:hover{transform:translateY(-2px)}.pi-hub .ph-cta-btn--outline{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06)}.pi-hub .ph-cta-btn--outline:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.1)}.pi-hub .ph-cta-btn--solid{background:#fff;color:var(--ph-navy);box-shadow:0 16px 36px -18px rgb(255 255 255/.45)}.pi-hub .ph-cta-btn--solid:hover{box-shadow:0 20px 40px -16px rgb(255 255 255/.55)}@media (prefers-reduced-motion:reduce){.pi-hub .ph-card,.pi-hub .ph-cta-btn,.pi-hub .ph-hero-glow{animation:none!important;transition:none!important}}