/* PsicoElite v44.2.143 — Public Ecosystem Experience */
:root{
  --pe143-navy:#071d34;
  --pe143-blue:#123f68;
  --pe143-gold:#d6b247;
  --pe143-gold-soft:#f7e8af;
  --pe143-ivory:#fbfaf6;
  --pe143-ink:#13253a;
  --pe143-muted:#5f6f82;
  --pe143-line:rgba(7,29,52,.10);
}

.pe143-ecosystem-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(214,178,71,.13),transparent 28rem),
    radial-gradient(circle at 94% 44%,rgba(30,125,146,.09),transparent 32rem),
    linear-gradient(180deg,#f8fbff 0%,#fff 46%,#fbfaf6 100%);
}
.pe143-ecosystem-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:radial-gradient(rgba(7,29,52,.18) .65px,transparent .65px);
  background-size:22px 22px;
  mask-image:linear-gradient(180deg,#000,transparent 36%);
}
.pe143-ecosystem-section>.container{position:relative;z-index:1}
.pe143-section-intro{max-width:850px;margin-bottom:3rem}
.pe143-section-intro .section-lead{max-width:760px}
.pe143-about-logo{max-width:260px}

.pe143-pillar-grid{margin-bottom:clamp(3rem,6vw,5rem)}
.pe143-pillar-card{
  position:relative;
  overflow:hidden;
  padding:1.55rem;
  border-radius:26px;
  border:1px solid var(--pe143-line);
  background:#fff;
  box-shadow:0 18px 46px rgba(7,29,52,.08);
  transition:transform .22s ease,box-shadow .22s ease;
}
.pe143-pillar-card::after{
  content:"";
  position:absolute;
  width:130px;height:130px;
  right:-60px;top:-65px;
  border-radius:50%;
  background:currentColor;
  opacity:.08;
}
.pe143-pillar-card:hover{transform:translateY(-5px);box-shadow:0 24px 56px rgba(7,29,52,.12)}
.pe143-pillar-icon{
  width:54px;height:54px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:17px;
  margin-bottom:1.2rem;
  font-size:1.35rem;
  color:#fff;
  box-shadow:0 12px 25px rgba(7,29,52,.16);
}
.pe143-pillar-card h3{font-size:1.08rem;font-weight:950;color:var(--pe143-navy);margin-bottom:.65rem}
.pe143-pillar-card p{color:var(--pe143-muted);line-height:1.58;margin:0;font-size:.94rem}
.pe143-blue{color:#1b6ca8}.pe143-blue .pe143-pillar-icon{background:linear-gradient(135deg,#174d7b,#237eb5)}
.pe143-gold{color:#b78a14}.pe143-gold .pe143-pillar-icon{background:linear-gradient(135deg,#f0d36f,#b98a17);color:#071d34}
.pe143-teal{color:#128195}.pe143-teal .pe143-pillar-icon{background:linear-gradient(135deg,#0e687d,#1ca3ae)}
.pe143-green{color:#159267}.pe143-green .pe143-pillar-icon{background:linear-gradient(135deg,#106c51,#25ad78)}

.pe143-portal-showcase{
  padding:clamp(1.5rem,4vw,3.5rem);
  border-radius:36px;
  background:
    radial-gradient(circle at 86% 12%,rgba(214,178,71,.20),transparent 26rem),
    linear-gradient(135deg,#06172b,#113d62 62%,#0d2d4b);
  border:1px solid rgba(214,178,71,.28);
  box-shadow:0 34px 85px rgba(4,21,39,.24);
  color:#fff;
}
.pe143-kicker{
  display:inline-flex;
  align-items:center;
  padding:.46rem .8rem;
  border-radius:999px;
  background:rgba(214,178,71,.14);
  border:1px solid rgba(214,178,71,.34);
  color:#f6dea0;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
  font-weight:950;
  margin-bottom:1rem;
}
.pe143-portal-showcase h3{
  color:#fff!important;
  font-size:clamp(1.9rem,3vw,3rem);
  font-weight:950;
  letter-spacing:-.04em;
  line-height:1.05;
  margin-bottom:1.2rem;
}
.pe143-portal-showcase p{color:rgba(255,255,255,.73);line-height:1.68}
.pe143-check-list{display:grid;gap:.8rem;list-style:none;margin:1.4rem 0 0;padding:0}
.pe143-check-list li{display:flex;gap:.75rem;align-items:flex-start;color:rgba(255,255,255,.9);font-weight:750}
.pe143-check-list i{color:#f0cb5b;font-size:1.12rem}
.pe143-install-help{margin-top:1rem;font-size:.82rem;color:rgba(255,255,255,.55)!important}

.pe143-command-mock{
  position:relative;
  padding:1rem;
  border-radius:30px;
  background:linear-gradient(145deg,#f8fbff,#eef4f9);
  border:8px solid rgba(255,255,255,.18);
  box-shadow:0 30px 70px rgba(0,0,0,.28);
  color:var(--pe143-ink);
}
.pe143-mock-topbar{display:flex;align-items:center;gap:.6rem;padding:.2rem .35rem .9rem}
.pe143-mock-topbar span{font-weight:950;color:var(--pe143-navy);font-size:1.08rem}
.pe143-mock-topbar small{color:#7b8796;margin-right:auto}
.pe143-mock-topbar i{font-size:1.35rem;color:#244c70}
.pe143-mock-hero{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.15rem;
  border-radius:21px;
  background:linear-gradient(135deg,#dfba4e,#f3dd8d);
  box-shadow:0 15px 30px rgba(152,113,8,.18);
}
.pe143-mock-hero div{display:flex;flex-direction:column;gap:.18rem}
.pe143-mock-hero small{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#69500c}
.pe143-mock-hero strong{font-size:.98rem;color:#071d34}
.pe143-mock-hero span{font-size:.75rem;color:#665827}
.pe143-mock-hero>i{font-size:1.55rem;color:#071d34}
.pe143-mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.72rem;margin-top:.8rem}
.pe143-mock-grid>div{
  min-height:98px;
  display:flex;flex-direction:column;justify-content:center;
  padding:.85rem;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(7,29,52,.07);
  box-shadow:0 8px 22px rgba(7,29,52,.06);
}
.pe143-mock-grid i{font-size:1.18rem;color:#167b8f;margin-bottom:.45rem}
.pe143-mock-grid span{font-size:.82rem;font-weight:900;color:#102a44}
.pe143-mock-grid small{font-size:.66rem;color:#8491a0}
.pe143-mock-footer{display:flex;flex-wrap:wrap;gap:.6rem 1rem;padding:.85rem .35rem .15rem;font-size:.69rem;color:#627287}
.pe143-mock-footer span{display:flex;align-items:center;gap:.4rem}
.pe143-mock-footer b{width:7px;height:7px;border-radius:50%;background:#28a875;box-shadow:0 0 0 4px rgba(40,168,117,.12)}

.pe143-cloud-showcase{
  margin-top:clamp(3rem,7vw,6rem);
  padding:clamp(1.5rem,4vw,3.5rem);
  border-radius:36px;
  background:linear-gradient(145deg,#fff,#f6fbfc);
  border:1px solid rgba(17,106,123,.14);
  box-shadow:0 26px 70px rgba(7,29,52,.10);
}
.pe143-kicker-dark{color:#0c7285;background:#e8f7f8;border-color:rgba(14,121,139,.22)}
.pe143-cloud-showcase h3{
  color:var(--pe143-navy);
  font-size:clamp(1.9rem,3vw,3rem);
  font-weight:950;
  letter-spacing:-.04em;
  line-height:1.06;
  margin-bottom:1.15rem;
}
.pe143-cloud-showcase p{color:var(--pe143-muted);line-height:1.7;font-size:1.02rem}
.pe143-cloud-tags{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.4rem}
.pe143-cloud-tags span{display:inline-flex;align-items:center;gap:.48rem;padding:.62rem .8rem;border-radius:999px;background:#ecf8f9;border:1px solid rgba(14,121,139,.18);color:#155c68;font-size:.8rem;font-weight:900}
.pe143-library-visual{position:relative;min-height:340px;display:flex;align-items:flex-end;justify-content:center;padding:2rem 1rem 4rem;perspective:900px}
.pe143-library-visual::before{content:"";position:absolute;inset:12% 5% 7%;border-radius:50%;background:radial-gradient(circle,rgba(42,158,169,.16),transparent 66%);filter:blur(4px)}
.pe143-book{
  position:relative;z-index:2;
  width:150px;height:225px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-radius:8px 19px 19px 8px;
  color:#fff;
  border-left:8px solid rgba(0,0,0,.16);
  box-shadow:14px 24px 40px rgba(6,35,55,.20);
}
.pe143-book i{font-size:2.1rem;margin-bottom:1.25rem;color:#f3d774}
.pe143-book strong{font-size:1.05rem}.pe143-book span{font-size:.7rem;opacity:.7;text-transform:uppercase;letter-spacing:.12em}
.pe143-book-one{transform:translateX(24px) rotateY(12deg) rotateZ(-5deg);background:linear-gradient(160deg,#0c2c4b,#174f78)}
.pe143-book-two{z-index:3;transform:translateY(-18px);background:linear-gradient(160deg,#0b6c78,#1899a2)}
.pe143-book-three{transform:translateX(-24px) rotateY(-12deg) rotateZ(5deg);background:linear-gradient(160deg,#173c59,#286d83)}
.pe143-library-base{position:absolute;z-index:4;bottom:15px;left:8%;right:8%;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.85rem 1rem;border-radius:15px;background:#071d34;color:#fff;font-weight:900;box-shadow:0 16px 35px rgba(7,29,52,.22)}
.pe143-library-base i{color:#efd06c}

.pe143-wallet-strip{
  display:grid;
  grid-template-columns:auto minmax(0,1.4fr) minmax(260px,.8fr);
  gap:1.5rem;
  align-items:center;
  margin-top:clamp(3rem,6vw,5rem);
  padding:clamp(1.4rem,3vw,2.2rem);
  border-radius:30px;
  background:
    radial-gradient(circle at 92% 20%,rgba(36,178,120,.18),transparent 18rem),
    linear-gradient(135deg,#071d34,#104262);
  color:#fff;
  border:1px solid rgba(214,178,71,.22);
  box-shadow:0 24px 58px rgba(7,29,52,.18);
}
.pe143-wallet-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(135deg,#f0d36f,#b98a17);color:#071d34;font-size:1.8rem;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.pe143-wallet-copy>span{color:#e9cb68;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:950}
.pe143-wallet-copy h3{color:#fff!important;font-size:1.45rem;font-weight:950;margin:.35rem 0 .55rem}
.pe143-wallet-copy p{color:rgba(255,255,255,.68);line-height:1.55;margin:0;font-size:.9rem}
.pe143-wallet-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}
.pe143-wallet-pills span{padding:.55rem .72rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-size:.75rem;font-weight:850;color:rgba(255,255,255,.88)}

.pe143-journey{
  margin-top:clamp(3rem,6vw,5rem);
  padding:clamp(1.4rem,3vw,2.4rem);
  border-radius:30px;
  background:#fff;
  border:1px solid var(--pe143-line);
  box-shadow:0 18px 50px rgba(7,29,52,.07);
}
.pe143-journey-heading{text-align:center;margin-bottom:1.8rem}
.pe143-journey-heading>span{color:#9b7411;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:950}
.pe143-journey-heading h3{color:var(--pe143-navy);font-size:clamp(1.45rem,2.5vw,2.2rem);font-weight:950;margin:.35rem 0 0}
.pe143-journey ol{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;list-style:none;margin:0;padding:0}
.pe143-journey li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;color:#33485f;font-size:.84rem;font-weight:850}
.pe143-journey li:not(:last-child)::after{content:"";position:absolute;top:22px;left:calc(50% + 30px);width:calc(100% - 44px);height:2px;background:linear-gradient(90deg,#d8b64f,rgba(216,182,79,.16))}
.pe143-journey b{position:relative;z-index:2;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#071d34;color:#f2d576;border:4px solid #f8edc8;box-shadow:0 7px 18px rgba(7,29,52,.14)}

@media (max-width:1199.98px){
  .site-nav .navbar-nav{gap:.1rem!important}
  .site-nav .nav-link{font-size:.82rem;padding-left:.36rem!important;padding-right:.36rem!important}
  .site-nav .navbar-nav .btn{font-size:.78rem;padding-left:.68rem!important;padding-right:.68rem!important}
  .pe143-wallet-strip{grid-template-columns:auto 1fr}.pe143-wallet-pills{grid-column:1/-1;justify-content:flex-start;padding-left:96px}
}
@media (max-width:991.98px){
  .pe143-command-mock{margin-top:.5rem}
  .pe143-library-visual{min-height:310px}
  .pe143-journey ol{grid-template-columns:1fr;gap:.7rem}
  .pe143-journey li{flex-direction:row;text-align:left}
  .pe143-journey li:not(:last-child)::after{top:39px;left:22px;width:2px;height:calc(100% - 3px);background:linear-gradient(180deg,#d8b64f,rgba(216,182,79,.16))}
}
@media (max-width:767.98px){
  .pe143-portal-showcase,.pe143-cloud-showcase{border-radius:27px}
  .pe143-mock-grid{grid-template-columns:repeat(2,1fr)}
  .pe143-library-visual{min-height:260px;padding-left:0;padding-right:0}
  .pe143-book{width:112px;height:180px}
  .pe143-book-one{transform:translateX(18px) rotateZ(-5deg)}.pe143-book-three{transform:translateX(-18px) rotateZ(5deg)}
  .pe143-wallet-strip{grid-template-columns:1fr;text-align:left}
  .pe143-wallet-icon{width:60px;height:60px;border-radius:18px}
  .pe143-wallet-pills{grid-column:auto;padding-left:0;justify-content:flex-start}
}
@media (max-width:479.98px){
  .pe143-mock-grid{gap:.5rem}.pe143-mock-grid>div{min-height:88px;padding:.7rem}
  .pe143-book{width:94px;height:158px}.pe143-book i{font-size:1.55rem;margin-bottom:.8rem}.pe143-book strong{font-size:.82rem}.pe143-book span{font-size:.55rem}
  .pe143-library-base{left:1%;right:1%;font-size:.78rem}
}