/* GLOBAL RESET PIYA RESPONSIVE */
*,
*::before,
*::after{
  box-sizing:border-box;
}

img{
  max-width:100%;
  height:auto;
}

/* End global reset */

/* ========================================================================== */
/* PIYA — ABOUT PAGE                                                         */
/* Styles spécifiques au contenu de la page À propos                         */
/* ========================================================================== */

:root{
  --piya-text:#1F2937;
  --piya-border:#E5E7EB;
  --hero-bg:url('https://piya-web.com/wp-content/uploads/2025/08/backgroung-light.jpg');
  --appstore:url('https://piya-web.com/wp-content/uploads/2025/08/app_store-removebg-preview.png');
  --mock-1:url('https://cms.piya-web.com/wp-content/uploads/2025/11/My-Meetings-FR-scaled.png');
  --mock-2:url('https://cms.piya-web.com/wp-content/uploads/2025/11/etat-davancement-FR-scaled.png');
  --mock-3:url('https://cms.piya-web.com/wp-content/uploads/2025/11/Homepage-FR.png');
  --about-ink:#111827;
  --about-text:#374151;
  --about-muted:#6B7280;
  --about-blue:#43A6D9;
  --about-blue-dark:#257DAE;
  --about-lilac:#A49FE2;
  --about-purple:#7A66CC;
  --about-surface:#FFFFFF;
  --about-surface-soft:#F7F9FC;
  --about-line:rgba(15,23,42,.09);
  --about-shadow:0 24px 70px rgba(31,41,55,.10);
  --about-shadow-soft:0 14px 38px rgba(31,41,55,.08);
  --about-radius-xl:38px;
  --about-radius-lg:28px;
  --about-radius-md:22px;
  --about-gradient:linear-gradient(100deg,#43A6D9 0%,#7F9CE1 48%,#A49FE2 100%);
  --hero-gutter: clamp(0px, 1vw, 12px);
  --hero-panel-inset: clamp(0px, 0.5vw, 8px);
  --hero-panel-radius: 28px;
}

html{scroll-behavior:smooth;}

body.about-page{
  min-width:320px;
  overflow-x:hidden;
  color:var(--about-text);
  background:
    radial-gradient(circle at 9% 7%,rgba(67,166,217,.12),transparent 29%),
    radial-gradient(circle at 92% 18%,rgba(164,159,226,.13),transparent 28%),
    #F8FAFC;
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body.about-page main{overflow:hidden;}
body.about-page p{font-family:"Poppins",sans-serif;}
body.about-page a{-webkit-tap-highlight-color:transparent;}

.about-shell{
  width:min(1180px,calc(100% - 40px));
  margin-inline:auto;
}

.about-hero,
.about-conviction,
.about-ecosystem,
.about-vision,
.about-ambition{
  position:relative;
}

.about-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  color:var(--about-blue-dark);
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.about-eyebrow::before{
  content:"";
  width:34px;
  height:2px;
  flex:0 0 auto;
  border-radius:999px;
  background:var(--about-gradient);
}

.about-eyebrow-light{color:#DDF5FF;}
.about-eyebrow-light::before{background:linear-gradient(90deg,#fff,rgba(255,255,255,.35));}

.about-section-head{
  max-width:820px;
  margin-bottom:50px;
}

.about-section-head-centered{
  margin-inline:auto;
  text-align:center;
}

.about-section-head-centered .about-eyebrow{justify-content:center;}

.about-section-head h2,
.about-field h2,
.about-vision h2,
.about-ambition h2{
  margin:0;
  color:var(--about-ink);
  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(38px,5vw,68px);
  line-height:1.02;
  font-weight:400;
  letter-spacing:.005em;
  text-wrap:balance;
}

.about-section-head > p:last-child,
.about-vision-copy > p,
.about-ambition-copy > p{
  font-size:17px;
  line-height:1.78;
}

/* ===================================================================
   PIYA — Style HeyWorld-like (fond clair + halo bleu)
   =================================================================== */

/* --------------------- Root & Base --------------------- */

html, body{
  margin: 0;
  padding: 0;
  width: 100%;
  background: var(--bg-base);
  overflow-x: hidden;  /* plus de débordement ni scroll horizontal */
}

body{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--piya-text);
  isolation: isolate;
}

body::before {
  content: "";
  position: fixed;
  inset: -12% -6% -12% -6%;
  z-index: -1;
background:
      radial-gradient(60% 60% at 20% 30%, rgba(124, 58, 237, 0.12), transparent 78%),
      radial-gradient(50% 50% at 80% 20%, rgba(59, 130, 246, 0.11), transparent 80%),
      radial-gradient(58% 58% at 60% 85%, rgba(99, 102, 241, 0.10), transparent 80%);
    filter: blur(3px) saturate(100%);
  animation: auroraMove 18s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes auroraMove {
  0%   { transform: translate3d(0,0,0) scale(1); }
  50%  { transform: translate3d(2.0%, -1.8%, 0) scale(1.03); }
  100% { transform: translate3d(-2.0%, 1.6%, 0) scale(1.035); }
}

/* ================= NAVBAR (fixed + blur + pilule) ================= */
.piya-header-wrap{
  position: relative;
  z-index: 50;
  height: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Poppins', sans-serif !important;
}

.piya-header-wrap::before{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 98px;
  z-index: 55;
  pointer-events: none;
  transform: translateZ(0);
}

.piya-header{
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 60;

  display: block;
  width: fit-content;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;

  padding: 0 38px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 9999px;
  background: rgba(255,255,255,.55);
  -webkit-backdrop-filter: saturate(160%) blur(10px);
  backdrop-filter: saturate(160%) blur(10px);
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

.piya-header .row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(22px, 3vw, 40px);
  height: 64px;
  min-width: 0;
}

/* ================= BRAND ================= */
.piya-brand{
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 10px;
  color: var(--piya-text);
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
}

.piya-brand img{
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
  transition: transform .6s ease-in-out;
}

.piya-brand img:hover{
  transform: rotate(360deg);
}

/* ================= MENU ================= */
.piya-menu{
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  gap: clamp(18px, 2.2vw, 28px);
}

.piya-menu a{
  position: relative;
  flex: 0 0 auto;
  padding: 6px 2px;
  color: var(--piya-text) !important;
  text-decoration: none;
  white-space: nowrap;
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.piya-menu a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width .2s ease;
}

.piya-menu a:hover::after{
  width: 100%;
}

.piya-menu a.active{
  color: #0f172a !important;
  font-weight: 600 !important;
}

.piya-menu a.active::after{
  width: 100%;
}

/* ================= CTA LOGIN ================= */
.piya-menu a.piya-login-cta{
  flex: 0 0 auto;
  min-width: max-content;
  margin-left: 14px;
  padding: 10px 14px !important;
  border-radius: 9999px;
  color: #ffffff !important;
  text-decoration: none;
  line-height: 1.2;
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap;
  background: linear-gradient(
    90deg,
    #43A6D9 0%,
    #A49FE2 50%,
    #43A6D9 100%
  );
  background-size: 200% 200%;
  box-shadow:
    0 4px 14px rgba(67,166,217,.18),
    0 0 18px rgba(164,159,226,.18);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background-position .35s ease;
}

.piya-menu a.piya-login-cta::after{
  display: none !important;
}

.piya-menu a.piya-login-cta:hover{
  color: #ffffff !important;
  background-position: right center;
  transform: translateY(-1px);
  box-shadow:
    0 8px 22px rgba(67,166,217,.24),
    0 0 24px rgba(164,159,226,.24);
}

.piya-menu a.piya-login-cta:visited,
.piya-menu a.piya-login-cta:focus,
.piya-menu a.piya-login-cta:active{
  color: #ffffff !important;
}

.piya-menu a.piya-login-cta:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.7),
    0 0 0 6px rgba(67,166,217,.22),
    0 8px 22px rgba(67,166,217,.24);
}

.piya-login-help{
  display: none;
}

/* ================= BURGER ================= */
.piya-burger{
  display: none;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 44px;
  height: 40px;
  padding: 0;
  border:none;
  background:transparent;
  box-shadow:none;
  cursor: pointer;
}

.piya-burger span{
  position: relative;
  display: block;
  width: 20px;
  height: 2px;
  background: var(--piya-text);
}

.piya-burger span::before,
.piya-burger span::after{
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  background: var(--piya-text);
  transition: .2s;
}

.piya-burger span::before{
  top: -6px;
}

.piya-burger span::after{
  bottom: -6px;
}

.piya-burger[aria-expanded="true"] span{
  background: transparent;
}

.piya-burger[aria-expanded="true"] span::before{
  top: 0;
  transform: rotate(45deg);
}

.piya-burger[aria-expanded="true"] span::after{
  bottom: 0;
  transform: rotate(-45deg);
}

/* ================= RESPONSIVE ================= */
@media (max-width: 900px){
  .piya-header{
    width: calc(100vw - 32px);
  }

  .piya-header .row{
    justify-content: space-between;
  }

  .piya-burger{
    display: inline-flex;
  }

  .piya-menu{
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    gap: 14px;
    padding: 14px 20px 18px;
    border-top:1px solid rgba(0,0,0,.06);
    border-radius:0 0 28px 28px;
    background:#fff;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
  }

  .piya-menu.is-open{
    display: flex;
  }

  .piya-menu a.piya-login-cta{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin: 10px auto 0;
    padding: 8px 18px !important;
    text-align: center;
    color: #ffffff !important;
    white-space: nowrap;
  }

  .piya-login-help{
    display: block;
    margin: 6px auto 0;
    max-width: 240px;
    text-align: center;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px;
    line-height: 1.4;
    color: rgba(15, 23, 42, 0.68);
  }

  .piya-header-wrap::before{
    height: 98px;
  }
}

/* ================= ANCHOR OFFSET ================= */
:target{
  scroll-margin-top: 110px;
}


/* HERO -------------------------------------------------------------------- */
.about-hero{
  position:relative;
  min-height:760px;
  padding:140px 0 60px;
  isolation:isolate;
  overflow:visible;
  text-align:center;
}

.about-hero::before,
.about-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:999px;
  filter:blur(4px);
  pointer-events:none;
}

.about-hero::before{
  width:520px;
  height:520px;
  top:-210px;
  right:-180px;
  background:transparent;
}

.about-hero::after{
  width:430px;
  height:430px;
  left:-220px;
  bottom:-170px;
  background:transparent;
}

.about-hero-grid{
  display:flex;
  justify-content:center;
  align-items:center;
}

.about-hero-copy{
  max-width:900px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.about-hero-copy h1{
  max-width:900px;
  margin:0 0 26px;
  color:var(--about-ink);
  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(52px,6.6vw,92px);
  line-height:.98;
  font-weight:400;
  letter-spacing:.002em;
  text-wrap:balance;
  text-align:center;
}

.about-hero-copy h1::after{
  content:"";
  display:block;
  width:130px;
  height:8px;
  margin:28px auto 0;
  border-radius:999px;
  background:var(--about-gradient);
  box-shadow:0 8px 22px rgba(67,166,217,.24);
}

.about-hero-copy p{
  max-width:760px;
  margin:0 0 18px;
  font-size:16px;
  line-height:1.78;
  text-align:center;
}

.about-hero-copy .about-lead{
  color:#243244;
  font-size:20px;
  line-height:1.62;
  font-weight:600;
}

.about-hero-copy .about-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin-top:32px;
  flex-wrap:wrap;
}

.about-founder-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:var(--about-radius-xl);
  background:rgba(255,255,255,.78);
  box-shadow:var(--about-shadow);
  backdrop-filter:blur(14px);
  transform:rotate(1.2deg);
  transition:transform .45s ease,box-shadow .45s ease;
}

.about-founder-card:hover{
  transform:translateY(-7px) rotate(0);
  box-shadow:0 30px 85px rgba(31,41,55,.14);
}

.about-founder-card::after{
  content:"";
  position:absolute;
  inset:auto -20% -34% 30%;
  height:210px;
  background:radial-gradient(circle,rgba(67,166,217,.18),transparent 68%);
  pointer-events:none;
}

.about-founder-media{
    position:relative;

    width:100%;
    max-width:370px;
    height:450px;

    margin:0 auto;

    overflow:hidden;

    border-radius:34px;

    background:#EEF4F8;

    box-shadow:
        0 24px 60px rgba(31,41,55,.12);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.about-founder-media:hover{
    transform:translateY(-6px);
    box-shadow:
        0 32px 75px rgba(31,41,55,.16);
}

.about-founder-media::before{
    content:"";
    position:absolute;
    inset:-40px auto auto -40px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:
        radial-gradient(circle,
            rgba(67,166,217,.18),
            transparent 70%);

    z-index:0;
}

.about-founder-media::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.08),
            transparent 45%);

    pointer-events:none;
}

.about-founder-media img{
    position:relative;
    z-index:1;

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
    object-position:center 15%;

    transition:transform .7s ease;
}

.about-founder-media:hover img{
    transform:scale(1.03);
}

.about-founder-content{
  position:relative;
  z-index:1;
  padding:30px 32px 34px;
}

.about-founder-role{
  margin:0 0 7px !important;
  color:var(--about-blue-dark);
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.about-founder-content h2{
  margin:0 0 18px;
  color:var(--about-ink);
  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(34px,4vw,48px);
  line-height:1;
  font-weight:400;
}

.about-founder-content p{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.72;
}

.about-founder-content p:last-child{margin-bottom:0;}

/* CONVICTION -------------------------------------------------------------- */

.about-conviction{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  margin-top:-110px;
  padding:210px 0 140px;

  text-align:center;

  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.08) 12%,
      rgba(255,255,255,.25) 24%,
      rgba(255,255,255,.52) 38%,
      rgba(255,255,255,.78) 52%,
      rgba(255,255,255,.94) 66%,
      #fff 78%,
      #fff 100%
    );
}

/* Motif blueprint */

.about-conviction::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;

  background-image:
    linear-gradient(
      rgba(15,23,42,.06) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(15,23,42,.06) 1px,
      transparent 1px
    ),
    linear-gradient(
      rgba(15,23,42,.03) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(15,23,42,.03) 1px,
      transparent 1px
    ),
    repeating-linear-gradient(
      135deg,
      rgba(67,166,217,.10) 0 2px,
      transparent 2px 34px
    );

  background-size:
    56px 56px,
    56px 56px,
    14px 14px,
    14px 14px,
    240px 240px;

  background-position:
    0 0,
    0 0,
    0 0,
    0 0,
    -40px 30px;

  background-repeat:repeat;

  -webkit-mask-image:linear-gradient(
    to bottom,
    transparent 0%,
    transparent 22%,
    rgba(0,0,0,.25) 36%,
    rgba(0,0,0,.70) 50%,
    #000 66%,
    #000 88%,
    transparent 100%
  );

  mask-image:linear-gradient(
    to bottom,
    transparent 0%,
    transparent 22%,
    rgba(0,0,0,.25) 36%,
    rgba(0,0,0,.70) 50%,
    #000 66%,
    #000 88%,
    transparent 100%
  );

  opacity:.9;
}

.about-conviction > *{
  position:relative;
  z-index:1;
}

.about-manifesto{
  max-width:980px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.about-manifesto-quote{
  position:relative;
  max-width:990px;
  margin:0 auto 58px;
  padding:38px 52px;
  border:1px solid rgba(67,166,217,.15);
  border-radius:var(--about-radius-lg);
  color:var(--about-ink);
  background:linear-gradient(135deg,rgba(67,166,217,.08),rgba(164,159,226,.10));
  box-shadow:var(--about-shadow-soft);
  font-family:"Poppins",sans-serif;
  font-size:clamp(22px,3vw,34px);
  line-height:1.48;
  font-weight:600;
  text-align:center;
}

.about-manifesto-quote::before{
  content:"“";
  position:absolute;
  top:-28px;
  left:32px;
  color:rgba(67,166,217,.23);
  font-family:Georgia,serif;
  font-size:120px;
  line-height:1;
}

.about-conviction h2,
.about-conviction h3,
.about-conviction p,
.about-conviction .section-label{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.about-pillars-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.about-pillar-card{
  position:relative;
  min-height:265px;
  padding:30px 26px 28px;
  overflow:hidden;
  border:1px solid var(--about-line);
  border-radius:var(--about-radius-md);
  background:#fff;
  box-shadow:0 12px 32px rgba(31,41,55,.055);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.about-pillar-card::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-85px;
  bottom:-90px;
  border-radius:50%;
  background:var(--about-gradient);
  opacity:.08;
  transition:transform .4s ease,opacity .4s ease;
}

.about-pillar-card:hover{
  transform:translateY(-8px);
  border-color:rgba(67,166,217,.28);
  box-shadow:0 20px 48px rgba(31,41,55,.10);
}

.about-pillar-card:hover::after{transform:scale(1.25);opacity:.14;}

.about-pillar-index{
  display:grid;
  width:50px;
  height:50px;
  margin-bottom:34px;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:var(--about-gradient);
  box-shadow:0 10px 24px rgba(67,166,217,.20);
  font-size:13px;
  font-weight:700;
}

.about-pillar-card h3,
.about-value-card h3,
.about-ecosystem-node h3{
  margin:0 0 12px;
  color:var(--about-ink);
  font-size:21px;
  line-height:1.25;
  font-weight:700;
}

.about-pillar-card p,
.about-value-card p,
.about-ecosystem-node p{
  margin:0;
  color:var(--about-muted);
  font-size:14px;
  line-height:1.7;
}

/* FIELD ------------------------------------------------------------------- */
.about-field{
  position:relative;
  min-height:720px;
  display:flex;
  align-items:center;
  isolation:isolate;
  overflow:hidden;
  margin-top:-90px;
  padding-top:90px;
}

.about-field::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:220px;
    z-index:2;
    pointer-events:none;

    background:
        linear-gradient(
            to bottom,
            #ffffff 0%,
            rgba(255,255,255,.95) 20%,
            rgba(255,255,255,.65) 45%,
            rgba(255,255,255,.25) 70%,
            transparent 100%
        );
}

.about-field-image,
.about-field-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
}

.about-field-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.02);
}

.about-field-overlay{
  z-index:-1;
  background:
    linear-gradient(
    90deg,
    rgba(8,23,38,.92) 0%,
    rgba(8,23,38,.72) 42%,
    rgba(8,23,38,.42) 72%,
    rgba(8,23,38,.18) 100%
    ),
    linear-gradient(
    180deg,
    rgba(8,23,38,.20),
    transparent 40%
    );
}

.about-field-inner{padding-block:105px;}

.about-field-copy{
  max-width:700px;
  padding:46px 48px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--about-radius-xl);
  background:rgba(12,28,45,.46);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
}

.about-field h2{color:#fff;margin-bottom:28px;}
.about-field-copy > p:not(.about-eyebrow){
  margin:0 0 17px;
  color:rgba(255,255,255,.85);
  font-size:16px;
  line-height:1.78;
}
.about-field-copy > p:last-child{margin-bottom:0;}

/* ECOSYSTEM --------------------------------------------------------------- */
.about-ecosystem{
  position:relative;
  padding:120px 0;
  overflow:hidden;
  background:transparent;
}

.about-ecosystem .about-section-head{
  position:relative;
  z-index:5;
  max-width:920px;
  margin:0 auto 54px;
}

.about-ecosystem-map{
  position:relative;
  width:100%;
  max-width:1100px;
  height:720px;
  margin:0 auto 64px;
}

.about-ecosystem-network{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}

.about-ecosystem-network path{
  fill:none;
  stroke:url(#ecosystemGradient);
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.78;
  filter:drop-shadow(0 0 5px rgba(67,166,217,.16));
}

.about-ecosystem-network circle{
  fill:#fff;
  stroke:url(#ecosystemGradient);
  stroke-width:3;
  filter:drop-shadow(0 3px 8px rgba(67,166,217,.22));
}

.about-ecosystem-center,
.about-ecosystem-node{
  position:absolute;
  animation:none !important;
}

.about-ecosystem-center{
  z-index:3;
  left:50%;
  top:50%;
  width:220px;
  height:220px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  isolation:isolate;
  animation:none !important;
}

.about-ecosystem-center::before{
  content:"";
  position:absolute;
  inset:-12px;
  z-index:-1;
  border:8px solid rgba(255,255,255,.92);
  border-radius:50%;
  box-shadow:
    0 22px 54px rgba(67,166,217,.22),
    0 0 0 1px rgba(67,166,217,.16);
}

.about-ecosystem-center::after{
  content:"";
  position:absolute;
  inset:-30px;
  z-index:-2;
  border:1px dashed rgba(67,166,217,.22);
  border-radius:50%;
}

.about-ecosystem-center-inner{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.82);
  border-radius:50%;
  color:#fff;
  text-align:center;
  background:var(--about-gradient);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -18px 40px rgba(84,70,190,.12);
}

.about-ecosystem-orbit{
  position:absolute;
  z-index:-3;
  border-radius:50%;
  pointer-events:none;
}

.about-ecosystem-orbit-one{
  inset:-50px;
  border:1px solid rgba(67,166,217,.13);
}

.about-ecosystem-orbit-two{
  inset:-72px;
  border:1px solid rgba(164,159,226,.10);
}

.about-ecosystem-center img{
  display:block;
  width:52px;
  height:52px;
  margin:0 0 9px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}

.about-ecosystem-center strong{
  font-family:"Poppins",system-ui,sans-serif;
  font-size:34px;
  line-height:1;
  font-weight:700;
  letter-spacing:.015em;
}

.about-ecosystem-center-inner > span{
  max-width:130px;
  margin-top:9px;
  font-size:11px;
  line-height:1.35;
  font-weight:600;
  opacity:.92;
}

.about-ecosystem-node{
  z-index:4;
  width:285px;
  min-height:176px;
  padding:25px 26px;
  border:1px solid var(--about-line);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
  box-shadow:var(--about-shadow-soft);
  transition:border-color .35s ease,box-shadow .35s ease;
  animation:none !important;
}

.about-ecosystem-node:hover{
  border-color:rgba(67,166,217,.30);
  box-shadow:0 22px 54px rgba(31,41,55,.12);
}

.about-node-top{
  top:0;
  left:50%;
  transform:translateX(-50%) !important;
}

.about-node-left{
  top:50%;
  left:0;
  transform:translateY(-50%) !important;
}

.about-node-right{
  top:50%;
  right:0;
  transform:translateY(-50%) !important;
}

.about-node-bottom-left{
  left:23%;
  bottom:0;
  transform:translateX(-50%) !important;
}

.about-node-bottom-right{
  right:23%;
  bottom:0;
  transform:translateX(50%) !important;
}

.about-node-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:30px;
  margin-bottom:16px;
  padding-inline:10px;
  border-radius:999px;
  color:var(--about-blue-dark);
  background:rgba(67,166,217,.10);
  font-size:11px;
  font-weight:700;
}

.about-ecosystem-summary{
  position:relative;
  z-index:2;
  max-width:980px;
  margin:0 auto;
  padding:42px 54px;
  text-align:center;
  border:1px solid rgba(67,166,217,.12);
  border-radius:28px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 42px rgba(31,41,55,.08);
}

.about-ecosystem-summary p{
  max-width:760px;
  margin:0 auto;
  color:var(--about-text);
  font-size:16px;
  line-height:1.9;
}

.about-ecosystem-summary p:first-child{
  margin-bottom:28px;
  color:var(--about-ink);
  font-family:"Pacifico",cursive;
  font-size:clamp(28px,2.6vw,38px);
  line-height:1.45;
  font-weight:400;
}

.about-ecosystem-summary p + p{
  margin-top:18px;
}

@media (max-width:991px){
  .about-ecosystem{
    padding:88px 0;
  }

  .about-ecosystem .about-section-head{
    margin-bottom:48px;
  }

  .about-ecosystem-map{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    gap:22px;
    width:100%;
    max-width:520px;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto 48px;
  }

  .about-ecosystem-network{
    display:none !important;
  }

  .about-ecosystem-center,
  .about-ecosystem-node{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
  }

  .about-ecosystem-center{
    order:0;
    width:190px !important;
    height:190px !important;
    margin:36px 0 28px !important;
  }

  .about-ecosystem-node{
    width:100% !important;
    max-width:440px;
    min-height:0;
  }

  .about-node-top{order:1;}
  .about-node-left{order:2;}
  .about-node-right{order:3;}
  .about-node-bottom-left{order:4;}
  .about-node-bottom-right{order:5;}
}

@media (max-width:600px){
  .about-ecosystem{
    padding:72px 0;
  }

  .about-ecosystem-center{
    width:166px !important;
    height:166px !important;
    margin-top:28px !important;
  }

  .about-ecosystem-center::before{inset:-10px;}
  .about-ecosystem-center::after{inset:-24px;}
  .about-ecosystem-orbit-one{inset:-40px;}
  .about-ecosystem-orbit-two{display:none;}
  .about-ecosystem-center img{width:43px;height:43px;}
  .about-ecosystem-center strong{font-size:29px;}

  .about-ecosystem-node{
    padding:23px 22px;
    border-radius:20px;
  }

  .about-ecosystem-summary{
    padding:24px 22px;
  }

  .about-ecosystem-summary p{
    font-size:14px;
  }
}

/* VISION ------------------------------------------------------------------ */
.about-vision{
  position:relative;
  padding:120px 0 110px;
  background:transparent;
}

.about-vision-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  align-items:center;
  gap:clamp(50px,7vw,92px);
}

.about-vision-copy h2{margin-bottom:28px;}
.about-vision-copy > p{margin:0 0 18px;}

.about-vision-media{
  position:relative;
  min-height:540px;
  margin:0;
}

.about-vision-media::before{
  content:"";
  position:absolute;
  inset:36px -28px -28px 42px;
  border-radius:var(--about-radius-xl);
  background:var(--about-gradient);
  opacity:.16;
}

.about-vision-media img{
  position:relative;
  width:100%;
  height:540px;
  display:block;
  object-fit:cover;
  border-radius:var(--about-radius-xl);
  box-shadow:var(--about-shadow);
}

.about-values-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:78px;
}

.about-value-card{
  position:relative;
  min-height:245px;
  padding:30px;
  overflow:hidden;
  border:1px solid var(--about-line);
  border-radius:var(--about-radius-md);
  background:var(--about-surface-soft);
  transition:transform .35s ease,background .35s ease,box-shadow .35s ease;
}

.about-value-card:hover{transform:translateY(-7px);background:#fff;box-shadow:var(--about-shadow-soft);}

.about-value-card > span{
  display:inline-block;
  margin-bottom:54px;
  color:transparent;
  background:var(--about-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  font-family:"Anton",Impact,sans-serif;
  font-size:46px;
  line-height:1;
}

.about-value-card::after{
  content:"";
  position:absolute;
  width:115px;
  height:115px;
  right:-55px;
  top:-55px;
  border:1px solid rgba(67,166,217,.16);
  border-radius:50%;
}

/* AMBITION ---------------------------------------------------------------- */

.about-ambition{
  position:relative;
  padding:24px 0 120px;
  background:transparent;
  margin-top: 180px;
}

/* ---------- En-tête ---------- */

.about-ambition .about-section-head{
  max-width:980px;
  margin:0 auto 56px;
  text-align:center;
  animation:none !important;
  opacity:1 !important;
  transform:none !important;
}

.about-ambition .about-eyebrow{
  justify-content:center;
}

.about-ambition .about-section-head h2{
  max-width:920px;
  margin:0 auto;

  color:#111827 !important;

  font-family:"Anton",Impact,sans-serif;
  font-size:clamp(48px,5.5vw,82px);
  line-height:.98;
  font-weight:400;
  letter-spacing:.01em;
  text-wrap:balance;
}

/* ---------- Contenu ---------- */

.about-ambition-content{
  max-width:820px;
  margin:0 auto;

  text-align:center;
}

.about-ambition-content p{
  margin:0;

  color:var(--about-text);

  font-size:17px;
  line-height:1.9;
}

/* Subtle entrance animations --------------------------------------------- */
@media (prefers-reduced-motion:no-preference){
  .about-hero-copy,
  .about-founder-card,
  .about-section-head,
  .about-manifesto-quote,
  .about-pillar-card,
  .about-field-copy,
  .about-ecosystem-node,
  .about-ecosystem-center,
  .about-vision-copy,
  .about-vision-media,
  .about-value-card,
  .about-ambition-card{
    animation:aboutFadeUp .75s both;
    animation-timeline:view();
    animation-range:entry 8% cover 28%;
  }
  .about-founder-card{animation-delay:.08s;}
  .about-pillar-card:nth-child(2),.about-value-card:nth-child(2){animation-delay:.06s;}
  .about-pillar-card:nth-child(3),.about-value-card:nth-child(3){animation-delay:.12s;}
  .about-pillar-card:nth-child(4){animation-delay:.18s;}
}

@keyframes aboutFadeUp{
  from{opacity:0;transform:translateY(30px);}
  to{opacity:1;transform:translateY(0);}
}

/* TABLET ------------------------------------------------------------------ */
@media (max-width:1050px){
  .about-hero{padding-top:135px;}
  .about-hero-grid{grid-template-columns:1fr;}
  .about-hero-copy{max-width:860px;}
  .about-founder-card{max-width:700px;margin-inline:auto;transform:none;}
  .about-founder-media{aspect-ratio:16/10;}
  .about-founder-media img{object-position:center 20%;}

  .about-pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

  .about-ecosystem-map{
    min-height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }
  .about-ecosystem-center,
  .about-ecosystem-node{position:relative;inset:auto;transform:none!important;width:auto;}
  .about-ecosystem-center{grid-column:1/-1;width:210px;height:210px;margin:0 auto 12px;}
  .about-node-top{grid-column:1/-1;max-width:500px;margin-inline:auto;}
  .about-ecosystem-lines{display:none;}

  .about-vision-grid{grid-template-columns:1fr;}
  .about-vision-media{min-height:480px;}
  .about-vision-media img{height:480px;}

  .about-ambition-card{grid-template-columns:1fr;}
  .about-ambition-media{min-height:460px;order:-1;}
  .about-ambition-media::after{background:linear-gradient(0deg,rgba(244,250,253,.60),transparent 35%);}
}

/* MOBILE ------------------------------------------------------------------ */
@media (max-width:700px){
  .about-shell{width:min(100% - 28px,1180px);}
  .about-hero{min-height:auto;padding:110px 0 40px;}
  .about-hero-grid{gap:38px;}
  .about-hero-copy h1{font-size:clamp(43px,13.5vw,65px);}
  .about-hero-copy h1::after{width:92px;height:6px;margin-top:22px;}
  .about-hero-copy .about-lead{font-size:18px;}
  .about-hero-copy p{font-size:15px;line-height:1.72;}

  .about-founder-card{border-radius:28px;}
  .about-founder-media{aspect-ratio:4/3;}
  .about-founder-content{padding:25px 22px 27px;}

  .about-conviction{
    z-index:5;
    margin-top:-50px;
    padding:150px 0 70px;
  }

  .about-ecosystem,
  .about-vision{
    padding:82px 0;
  }
  .about-ambition{padding:0 0 82px;}
  .about-ambition .about-section-head{margin-bottom:36px;}
  .about-ambition .about-section-head h2{font-size:clamp(38px,10vw,56px);}
  .about-ambition-content{max-width:100%;}
  .about-ambition-content p{font-size:15px;line-height:1.8;}

  .about-section-head{margin-bottom:36px;}
  .about-section-head h2,
  .about-field h2,
  .about-vision h2,
  .about-ambition h2{font-size:clamp(36px,10.8vw,52px);}
  .about-section-head > p:last-child,
  .about-vision-copy > p,
  .about-ambition-copy > p{font-size:15px;line-height:1.72;}

  .about-manifesto-quote{padding:30px 22px;font-size:21px;}
  .about-manifesto-quote::before{left:14px;font-size:85px;}
  .about-pillars-grid,.about-values-grid,.about-ecosystem-map{grid-template-columns:1fr;}
  .about-pillar-card{min-height:auto;}
  .about-pillar-index{margin-bottom:25px;}

  .about-field{
    min-height:760px;
    margin-top:-40px;
    padding-top:40px;
  }
  .about-field::before{
    height:120px;
    opacity:.35;
  }
  .about-field-overlay{
    background:linear-gradient(90deg,rgba(8,23,38,.90),rgba(8,23,38,.70)),linear-gradient(0deg,rgba(8,23,38,.55),transparent);
  }
  .about-field-inner{padding-block:75px;}
  .about-field-copy{padding:30px 23px;border-radius:28px;}
  .about-field-copy > p:not(.about-eyebrow){font-size:15px;line-height:1.72;}

  .about-ecosystem-center{grid-column:auto;width:185px;height:185px;}
  .about-node-top{grid-column:auto;}
  .about-ecosystem-node{min-height:auto;}
  .about-ecosystem-summary{padding:23px 22px;}
  .about-ecosystem-summary p{font-size:15px;}
  .about-ecosystem-map{
    gap:18px !important;
    margin-bottom:24px !important;
  }
  .about-ecosystem-node,
  .about-node-bottom-right{margin-bottom:0 !important;}
  .about-ecosystem{padding-bottom:40px !important;}

  .about-vision{padding-top:40px !important;}
  .about-vision-grid{display:block;}
  .about-vision-media{display:none;}
  .about-vision-copy{max-width:100%;}
  .about-vision-media::before{inset:22px -12px -15px 24px;}
  .about-vision-media img{height:390px;border-radius:28px;}
  .about-values-grid{margin-top:55px;}
  .about-value-card{min-height:auto;padding:26px;}
  .about-value-card > span{margin-bottom:35px;}

  .about-ambition-card{border-radius:30px;}
  .about-ambition-copy{padding:34px 24px 40px;}
  .about-ambition-media{min-height:330px;}
}

@media (max-width:420px){
  .about-shell{width:calc(100% - 22px);}
  .about-eyebrow{font-size:11px;letter-spacing:.1em;}
  .about-eyebrow::before{width:24px;}
  .about-founder-media{aspect-ratio:1/1;}
  .about-field{min-height:820px;}
  .about-manifesto-quote{font-size:19px;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .about-founder-card,
  .about-founder-media img,
  .about-pillar-card,
  .about-ecosystem-node,
  .about-value-card,
  .about-ambition-media img{transition:none!important;animation:none!important;}
}


/* FOUNDER / PROFESSIONS --------------------------------------------------- */
.about-conviction-content,.about-ambition-content{max-width:860px;margin:0 auto 56px;font-size:16px;line-height:1.85;display:grid;gap:18px}
.about-founder-quote{margin:26px 0;padding:24px 28px;border-left:4px solid var(--about-blue);background:#f8fbfe;border-radius:0 18px 18px 0;font-size:22px;line-height:1.6;font-family:"Pacifico",cursive;color:var(--about-blue-dark)}
.about-professions{
    padding-top:90px;
    padding-bottom:170px;

    background:transparent;
    position:relative;
}
.about-professions::before{
    content:"";
    position:absolute;

    width:500px;
    height:500px;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(67,166,217,.08),
            transparent 72%
        );

    pointer-events:none;
}
@media(max-width:900px){

    .about-founder-media{
        border-radius:28px;
    }

    .about-founder-media img{
        border-radius:28px;
    }

    .about-founder-quote{
        padding:26px;
        font-size:21px;
    }

}

.about-founder-layout{
    display:grid;
    grid-template-columns:430px 1fr;
    gap:72px;
    align-items:center;

    padding:60px;

    background:rgba(255,255,255,.94);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.75);

    border-radius:42px;

    box-shadow:
        0 28px 70px rgba(31,41,55,.08);
}

/* ===== SECTION CTA FINALE ===== */
.piya-cta-final{
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  position: relative;

  /* ⚠️ overflow: clip coupe le texte (Pacifico) sur iOS */
  overflow: visible;

  padding: 72px 20px 88px;
  color: #0f172a;
}

.cta-container{
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  padding-inline: 16px; /* ✅ sécurité mobile */
}

.cta-title{
  margin: 0 0 12px;
  font-size: clamp(28px, 3.8vw, 46px);
  font-weight: 300;
  line-height: 1.12;
  color: #0f172a;
  letter-spacing: -0.02em;
  text-align: center;

  /* ✅ anti “texte rongé” */
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  max-width: 22ch;          /* look premium + évite les lignes trop longues */
  margin-left: auto;
  margin-right: auto;
}

.cta-title::selection{ background: rgba(67,166,217,.18); }

/* Mot(s) “signature” en Pacifico via <span class="cta-script">…</span> */
.cta-title .cta-script{
  font-family: "Pacifico", cursive;
  font-weight: 400;
  color: #0f172a;

  /* ⚠️ ne PAS bloquer sur une seule ligne */
  white-space: normal;
}

/* Accent couleur via <span class="cta-accent">…</span> */
.cta-title .cta-accent{
  color: #0f172a;
  font-weight: 500;
}

/* Sous-titre */
.cta-sub{
  margin: 0 auto 22px;
  max-width: 820px;
  font-size: clamp(15px, 1.55vw, 18px);
  line-height: 1.7;
  font-weight: 300;
  color: rgba(15,23,42,.78);
  padding-inline: 4px;
}

.cta-sub strong{
  font-weight: 600;
  color: rgba(15,23,42,.92);
}

.cta-sub .cta-accent{
  color: #43a6d9;
  font-weight: 500;
}

.cta-stores{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}

.store-link img{
  display: block;
  height: 50px;
  width: auto;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.20));
  border-radius: 10px;
}

/* ✅ Mobile : un poil plus d’air et titre moins “serré” */
@media (max-width: 640px){
  .piya-cta-final{
    padding: 64px 14px 76px;
  }
  .cta-title{
    line-height: 1.18;
    max-width: 18ch;
  }
}


/* ================= FOOTER PIYA (FIX: no white frame + more breathing + CTA) ================= */
.piya-footer{
  background: transparent;          /* ✅ supprime le grand carré blanc autour */
  padding:48px 20px 56px;
  font-family:"Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.footer-inner{
  max-width:1160px;
  margin:0 auto;

  display:grid;
  grid-template-columns: 2.1fr 1fr 1fr 1fr;
  gap:28px;

  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:36px;
  padding:28px 32px;
  box-shadow:0 16px 44px rgba(0,0,0,.08);
}

.footer-col{ display:flex; flex-direction:column; gap:12px; }

/* ===== FOOTER LOGO — SIZE & ALIGN FIX ===== */

.footer-brand{
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* aligne logo + texte à gauche */
  gap: 10px;
}

/* Logo plus présent, ancré visuellement */
.footer-logo{
  height: 96px;          /* 🔥 taille cible (ajuste 88–104 si besoin) */
  width: auto;
  max-width: 220px;     /* empêche qu’il déborde */
  object-fit: contain;
  display: block;
}

/* Mobile : logo un peu réduit mais toujours lisible */
@media (max-width: 640px){
  .footer-logo{
    height: 80px;
    max-width: 200px;
  }
}

.footer-desc{
  font-size:14.5px;
  line-height:1.6;
  color:#374151;
  max-width:380px;
  margin:0 0 4px;
}

.footer-copy{
  font-size:13px;
  opacity:.75;
  margin: 10px 0 0;
}

/* CTA store */
.footer-cta{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:6px;
}
.footer-cta a{ display:inline-flex; line-height:0; }
.footer-cta img{
  height:46px;
  width:auto;
  display:block;
  border-radius:12px;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.18));
}

/* Titles */
.footer-heading{
  font-size:14px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#111827;
  margin: 2px 0 8px;
}

/* Lists */
.footer-nav ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.footer-nav a{
  font-size:14px;
  color:#374151;
  text-decoration:none;
}
.footer-nav a:hover{
  color:#43a6d9;
  text-decoration:underline;
}

/* Social */
.footer-social-links{ display:flex; gap:14px; }
.footer-social-links a{
  width:42px; height:42px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(67,166,217,.12);
  transition:transform .2s ease, background .2s ease;
}
.footer-social-links a:hover{
  background:#43a6d9;
  transform:translateY(-2px);
}
.footer-social-links svg{ width:20px; height:20px; fill:#43a6d9; }
.footer-social-links a:hover svg{ fill:#fff; }

/* Responsive */
@media (max-width: 1024px){
  .footer-inner{
    grid-template-columns: 1.4fr 1fr;
    gap:28px;
    padding:32px;
  }
}
@media (max-width:640px){
  .piya-footer{padding:56px 16px 68px;}

  .footer-inner{
    grid-template-columns:1fr;
    padding:24px;
    border-radius:28px;
    gap:22px;
  }

  .footer-logo{
    height:56px;
    max-width:160px;
  }
}


/* ========================================================================== */
/* RESPONSIVE OVERRIDES                                                       */
/* Validated component overrides grouped by breakpoint.                       */
/* ========================================================================== */



/* Desktop ecosystem geometry */
@media (min-width:992px){
  .about-ecosystem-map{
    display:block !important;
    width:100% !important;
    max-width:1060px !important;
    height:780px !important;
    min-height:780px !important;
    margin:0 auto 64px !important;
  }

  .about-ecosystem-network{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    overflow:visible !important;
    pointer-events:none;
  }

  .about-ecosystem-network path{
    fill:none !important;
    stroke:#62A9E8 !important;
    stroke-width:2.5 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    vector-effect:non-scaling-stroke;
    opacity:1 !important;
    filter:drop-shadow(0 2px 5px rgba(67,166,217,.22)) !important;
  }

  .about-ecosystem-network circle{
    r:5px;
    fill:#fff !important;
    stroke:#62A9E8 !important;
    stroke-width:2.5 !important;
    vector-effect:non-scaling-stroke;
    opacity:1 !important;
  }

  .about-ecosystem-center{
    position:absolute !important;
    z-index:3 !important;
    top:52% !important;
    left:50% !important;
    width:220px !important;
    height:220px !important;
    margin:0 !important;
    transform:translate(-50%,-50%) !important;
  }

  .about-ecosystem-node{
    position:absolute !important;
    z-index:4 !important;
    width:285px !important;
    min-height:176px !important;
  }

  .about-node-top{
    top:0 !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
  }

  .about-node-left{
    top:52% !important;
    left:0 !important;
    right:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }

  .about-node-right{
    top:52% !important;
    right:0 !important;
    left:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }

  .about-node-bottom-left{
    left:23% !important;
    right:auto !important;
    top:auto !important;
    bottom:0 !important;
    transform:translateX(-50%) !important;
  }

  .about-node-bottom-right{
    right:23% !important;
    left:auto !important;
    top:auto !important;
    bottom:0 !important;
    transform:translateX(50%) !important;
  }

  .about-node-top:hover{
    transform:translateX(-50%) translateY(-6px) !important;
  }

  .about-node-left:hover,
  .about-node-right:hover{
    transform:translateY(calc(-50% - 6px)) !important;
  }

  .about-node-bottom-left:hover{
    transform:translateX(-50%) translateY(-6px) !important;
  }

  .about-node-bottom-right:hover{
    transform:translateX(50%) translateY(-6px) !important;
  }
}

/* Tablet and mobile ecosystem: stacked cards, no SVG connections */

/* Mobile layout validated on the final version */
@media (max-width:768px){
  .piya-header{
    top:14px;
  }

  .piya-menu{
    position:absolute;
    top:86px;
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    gap:16px;
    padding:22px;
    overflow:hidden;
    border:1px solid rgba(0,0,0,.06);
    border-radius:28px;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.14);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }

  .piya-menu.is-open{
    display:flex;
  }

  .about-founder-layout{
    display:flex;
    flex-direction:column;
    gap:32px;
    padding:28px;
  }

  .about-founder-media{
    width:100%;
    max-width:320px;
    height:400px;
    margin:0 auto;
  }

  .about-founder-content,
  .about-vision-copy,
  .about-vision-copy h2{
    text-align:center;
  }

  .about-vision-copy h2{
    margin-inline:auto;
  }

  .about-vision-copy .about-eyebrow{
    justify-content:center;
  }

  .about-pillars-grid{
    position:relative;
    z-index:20;
    gap:18px;
  }

  .about-pillar-card:last-child{
    position:relative;
    z-index:30;
    opacity:1 !important;
  }

  .about-node-bottom-left{
    z-index:10;
    margin-bottom:34px !important;
    background:#fff !important;
    box-shadow:0 24px 60px rgba(31,41,55,.12);
  }

  .about-ambition{
    margin-top:100px;
  }
}