/* Pillo — Our Journey & Meet Our Team (About page only). Uses the site's own design tokens. */
.pillo-journey,.pillo-team{position:relative;isolation:isolate;overflow:hidden}
.pillo-journey{padding:72px 0 56px;background:linear-gradient(180deg,var(--pillo-color-bg1,#fff) 0%,var(--pillo-color-bg-blue,#ecf1ff) 18%,var(--pillo-color-bg-blue,#ecf1ff) 82%,var(--pillo-color-bg1,#fff) 100%)}
.pillo-team{padding:72px 0 64px;scroll-margin-top:96px}
.pillo-journey{scroll-margin-top:96px}
.pillo-journey-inner,.pillo-team-inner{position:relative;z-index:2}
.pillo-team-inner{max-width:960px}

/* Headings and copy, matching .about-section rhythm */
.pillo-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:6px 12px 6px 8px;border-radius:var(--pillo-radius-pill,999px);background:var(--pillo-color-btn-bg-bezeled-trans,#4276fc1a);color:var(--pillo-color-accent,#4276fc);font-family:var(--pillo-font-heading);font-size:var(--pillo-font-size-caption1,14px);font-weight:600;letter-spacing:.01em}
.pillo-eyebrow-pill{display:inline-block;width:20px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--pillo-color-accent,#4276fc) 50%,#9ec0ff 50%);transform:rotate(-20deg)}
.pillo-team-h2{margin:0 0 20px;color:var(--pillo-color-txt1,#292929);font-family:var(--pillo-font-heading);font-size:var(--pillo-font-size-headline2,32px);font-weight:600;line-height:1.25}
.pillo-team-h3{margin:44px 0 18px;color:var(--pillo-color-txt1,#292929);font-family:var(--pillo-font-heading);font-size:var(--pillo-font-size-title2,24px);font-weight:600;line-height:1.3;text-align:center}
.pillo-journey p,.pillo-team-head p,.pillo-team-closing{margin:0 0 16px;color:var(--pillo-color-txt2,#666);font-size:var(--pillo-font-size-body2,16px);line-height:var(--pillo-line-height-body,1.6)}
.pillo-journey strong,.pillo-team strong{color:var(--pillo-color-txt1,#292929);font-weight:600}
.pillo-journey-lead{font-family:var(--pillo-font-heading);font-size:clamp(20px,2.4vw,24px)!important;line-height:1.45!important;color:var(--pillo-color-txt1,#292929)!important;margin-bottom:28px!important}
.pillo-chapter{position:relative}
.pillo-journey-question{padding:16px 20px;border-left:4px solid var(--pillo-color-accent,#4276fc);border-radius:0 var(--pillo-radius-medium,16px) var(--pillo-radius-medium,16px) 0;background:rgba(255,255,255,.75)}
.pillo-journey-closer{margin-top:28px!important;text-align:center;font-family:var(--pillo-font-heading);font-size:clamp(20px,2.4vw,24px)!important}
.pillo-journey-closer strong{background:linear-gradient(90deg,var(--pillo-color-accent-strong,#2c66fc),#7b8dff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Capsule divider between chapters */
.pillo-capsule-divider{display:flex;align-items:center;gap:14px;margin:34px 0 30px}
.pcd-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--pillo-color-border2,#dde1e6) 30%,var(--pillo-color-border2,#dde1e6) 70%,transparent)}
.pcd-badge{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--pillo-color-accent,#4276fc);box-shadow:0 4px 14px rgba(66,118,252,.16)}
.pcd-capsule{position:relative;display:flex;width:44px;height:18px;filter:drop-shadow(0 4px 6px rgba(44,102,252,.18))}
.pcd-capsule i{display:block;width:50%;height:100%;transition:transform .9s var(--pillo-motion-ease,cubic-bezier(.22,1,.36,1))}
.pcd-capsule i:first-child{border-radius:999px 0 0 999px;background:linear-gradient(180deg,#6f97ff,var(--pillo-color-accent-strong,#2c66fc))}
.pcd-capsule i:last-child{border-radius:0 999px 999px 0;background:linear-gradient(180deg,#fff,#dfe8ff)}
.pillo-anim .pillo-capsule-divider:not(.is-in) .pcd-capsule i:first-child{transform:translateX(-7px) rotate(-14deg)}
.pillo-anim .pillo-capsule-divider:not(.is-in) .pcd-capsule i:last-child{transform:translateX(7px) rotate(14deg)}
.pillo-anim .pillo-capsule-divider.is-in .pcd-capsule{animation:pcd-wiggle 1.1s .5s ease-out both}
@keyframes pcd-wiggle{0%{transform:rotate(0)}30%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}100%{transform:rotate(0)}}

/* Decorative capsules in the side margins (never over the text column) */
.pillo-journey-deco{position:absolute;inset:0;z-index:1;pointer-events:none}
.pj-cap,.pj-tab{position:absolute;display:block;opacity:.55;animation:pj-float 9s ease-in-out infinite alternate;box-shadow:0 8px 18px rgba(44,102,252,.12),inset 0 2px 3px rgba(255,255,255,.8)}
.pj-cap{width:52px;height:22px;border-radius:999px;background:linear-gradient(90deg,var(--c1,#4276fc) 50%,var(--c2,#fff) 50%)}
.pj-tab{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0,rgba(255,255,255,0) 45%),var(--c1,#cfe0ff)}
.pj-cap--1{left:6%;top:12%;--c1:#4276fc;--c2:#e8efff;transform:rotate(-28deg)}
.pj-cap--2{right:7%;top:24%;--c1:#f5b9d3;--c2:#fff;animation-delay:-3s}
.pj-tab--3{left:10%;top:44%;--c1:#d6e3ff;animation-delay:-5s}
.pj-cap--4{right:9%;top:58%;--c1:#8fd3e8;--c2:#fff;animation-delay:-2s}
.pj-tab--5{right:13%;top:80%;--c1:#ffe2b8;animation-delay:-6s}
.pj-cap--6{left:7%;top:76%;--c1:#9fb3ff;--c2:#fff4f8;animation-delay:-4s}
@keyframes pj-float{0%{transform:translate3d(0,0,0) rotate(-24deg)}100%{transform:translate3d(10px,-22px,0) rotate(18deg)}}
@media(max-width:1199px){.pj-cap,.pj-tab{opacity:.28}}
@media(max-width:991px){.pillo-journey-deco{display:none}}

/* Founders */
.pillo-founders,.pillo-members,.pillo-team-stats{margin:0;padding:0;list-style:none}
.pillo-founders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px}
.pillo-founder-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 20px 28px;border-radius:var(--pillo-radius-large,24px);background:linear-gradient(160deg,#fff 0%,#f4f7ff 100%);border:1px solid #e3eaff;box-shadow:0 2px 6px rgba(28,56,120,.05),0 10px 28px rgba(44,102,252,.07);text-align:center;overflow:hidden;transition:transform .35s var(--pillo-motion-ease,cubic-bezier(.22,1,.36,1)),box-shadow .35s ease,border-color .35s ease}
.pillo-founder-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--pillo-color-accent-strong,#2c66fc),#8ea7ff,#f5b9d3)}
.pillo-founder-pill{position:absolute;right:-16px;bottom:16px;width:64px;height:26px;border-radius:999px;background:linear-gradient(90deg,rgba(66,118,252,.16) 50%,rgba(66,118,252,.06) 50%);transform:rotate(-30deg);transition:transform .5s var(--pillo-motion-ease,cubic-bezier(.22,1,.36,1))}
.pillo-avatar{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#fff;font-family:var(--pillo-font-heading);font-size:16px;font-weight:600;letter-spacing:.02em;background:var(--av,linear-gradient(135deg,#6f97ff,#2c66fc));box-shadow:inset 0 -3px 6px rgba(0,0,0,.08),0 4px 10px rgba(44,102,252,.18)}
.pillo-avatar--lg{width:76px;height:76px;margin-bottom:8px;font-size:24px}
.pa-1{--av:linear-gradient(135deg,#6f97ff,#2c66fc)}
.pa-2{--av:linear-gradient(135deg,#7fd0e6,#3b8fd9)}
.pa-3{--av:linear-gradient(135deg,#a79bff,#5b6cf5)}
.pa-4{--av:linear-gradient(135deg,#f3a6c8,#d9628f)}
.pa-5{--av:linear-gradient(135deg,#6ed3b3,#1f9a76)}
.pa-6{--av:linear-gradient(135deg,#ffc58a,#f08a3c)}
.pillo-card-name{display:block;color:var(--pillo-color-txt1,#292929);font-family:var(--pillo-font-heading);font-size:18px;font-weight:600;line-height:1.3}
.pillo-founder-card .pillo-card-name{font-size:20px}
.pillo-card-role{display:block;color:var(--pillo-color-accent,#4276fc);font-size:var(--pillo-font-size-caption1,14px);font-weight:500;line-height:1.4}
.pillo-card-date{display:block;margin-top:2px;color:var(--pillo-color-txt3,#848484);font-size:13px;line-height:1.4}
.pillo-card-date-label{display:inline-block;margin-right:4px;padding:1px 7px;border-radius:999px;background:var(--pillo-color-fg2,#f6f6f6);color:var(--pillo-color-txt3,#848484);font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;vertical-align:1px}
.pillo-founder-card .pillo-card-date{margin-top:6px}

/* Team grid */
.pillo-members{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.pillo-members>li{flex:0 0 calc((100% - 28px)/3)}
.pillo-member-card{display:flex;align-items:center;gap:14px;min-width:0;padding:16px 18px;border-radius:var(--pillo-radius-medium,16px);background:var(--pillo-color-bg1,#fff);border:1px solid var(--pillo-color-border1,#eee);box-shadow:0 1px 3px rgba(20,40,80,.04);transition:transform .3s var(--pillo-motion-ease,cubic-bezier(.22,1,.36,1)),box-shadow .3s ease,border-color .3s ease}
.pillo-member-text{display:flex;flex-direction:column;min-width:0}
.pillo-member-card .pillo-card-name{font-size:16px}
@media(hover:hover) and (pointer:fine){
 .pillo-founder-card:hover{transform:translateY(-6px);border-color:#cddaff;box-shadow:0 4px 10px rgba(28,56,120,.06),0 22px 44px rgba(44,102,252,.14)}
 .pillo-founder-card:hover .pillo-founder-pill{transform:rotate(-12deg) translateX(-10px)}
 .pillo-member-card:hover{transform:translateY(-3px);border-color:#d6e1ff;box-shadow:0 12px 26px rgba(44,102,252,.10)}
 .pillo-member-card:hover .pillo-avatar,.pillo-founder-card:hover .pillo-avatar{animation:pillo-avatar-bob .6s ease}
}
@keyframes pillo-avatar-bob{0%,100%{transform:translateY(0)}40%{transform:translateY(-3px) rotate(-4deg)}}

/* Stats */
.pillo-team-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:44px 0 32px}
.pillo-team-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:116px;padding:22px 16px;border-radius:var(--pillo-radius-large,24px);background:var(--pillo-color-fg2,#f6f6f6);text-align:center}
.pillo-team-stat strong{color:var(--pillo-color-accent,#4276fc);font-family:var(--pillo-font-heading);font-size:var(--pillo-font-size-headline2,32px);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.pillo-team-stat>span,.pillo-team-stat-kicker{color:var(--pillo-color-txt2,#666);font-size:var(--pillo-font-size-caption1,14px);line-height:1.4}
.pillo-team-stat--date strong{font-size:var(--pillo-font-size-title1,28px)}
.pillo-team-closing{max-width:680px;margin:0 auto!important;text-align:center}

/* Scroll-triggered reveals (only when JS + motion are allowed) */
.pillo-anim .pillo-tr{opacity:0;transform:translate3d(0,18px,0);transition:opacity .75s var(--pillo-motion-ease,cubic-bezier(.22,1,.36,1)),transform .75s var(--pillo-motion-ease,cubic-bezier(.22,1,.36,1))}
.pillo-anim .pillo-tr.is-in{opacity:1;transform:none}
.pillo-anim .pillo-founder-card.pillo-tr,.pillo-anim .pillo-member-card.pillo-tr{transition:opacity .7s var(--pillo-motion-ease,cubic-bezier(.22,1,.36,1)) var(--d,0s),transform .7s var(--pillo-motion-ease,cubic-bezier(.22,1,.36,1)) var(--d,0s),box-shadow .3s ease,border-color .3s ease}
.pillo-anim .pillo-founder-card.pillo-tr.is-in:hover{transform:translateY(-6px)}
.pillo-anim .pillo-member-card.pillo-tr.is-in:hover{transform:translateY(-3px)}

/* Falling-capsule layer for the team section (decorative, side gutters only) */
.pillo-team-rain{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}

@media(max-width:860px){
 .pillo-members>li{flex-basis:calc((100% - 14px)/2)}
}
@media(max-width:640px){
 .pillo-journey{padding:52px 0 40px}.pillo-team{padding:52px 0 48px}
 .pillo-team-h2{font-size:28px}
 .pillo-founders{grid-template-columns:1fr;gap:14px}
 .pillo-founder-card{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:16px;row-gap:2px;padding:20px;text-align:left}
 .pillo-founder-card .pillo-avatar--lg{width:60px;height:60px;margin:0;font-size:20px;grid-row:span 3}
 .pillo-founder-card{display:grid;grid-template-columns:60px 1fr;grid-auto-rows:auto}
 .pillo-founder-card .pillo-card-date{margin-top:0}
 .pillo-members{gap:10px}.pillo-members>li{flex-basis:100%}
 .pillo-team-stats{grid-template-columns:1fr;gap:10px}
 .pillo-team-stat{min-height:0;padding:16px}
 .pillo-team-stat--date{flex-direction:row;gap:8px}
}
@media(prefers-reduced-motion:reduce){
 .pillo-anim .pillo-tr{opacity:1!important;transform:none!important;transition:none!important}
 .pj-cap,.pj-tab,.pillo-anim .pillo-capsule-divider .pcd-capsule{animation:none!important}
 .pcd-capsule i{transform:none!important;transition:none!important}
 .pillo-team-rain{display:none!important}
 .pillo-founder-card,.pillo-member-card,.pillo-founder-pill{transition:none!important}
}

/* ===== Founder profile pages (/team/*) ===== */
.pillo-breadcrumb{padding-top:20px}
.pillo-breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;color:var(--pillo-color-txt3,#848484);font-size:var(--pillo-font-size-caption1,14px)}
.pillo-breadcrumb li+li::before{content:"›";margin-right:6px;color:var(--pillo-color-txt-disabled,#b4b4b4)}
.pillo-breadcrumb a{color:var(--pillo-color-txt2,#666);text-decoration:none}
.pillo-breadcrumb a:hover{color:var(--pillo-color-accent,#4276fc);text-decoration:underline;text-underline-offset:3px}
.pillo-breadcrumb [aria-current]{color:var(--pillo-color-txt1,#292929);font-weight:500}
.pillo-profile-hero{position:relative;isolation:isolate;overflow:hidden}
.pillo-profile-hero .feature-template-container{position:relative;z-index:2}
.pillo-avatar--xl{width:104px;height:104px;margin:0 auto 18px;font-size:34px;box-shadow:inset 0 -4px 8px rgba(0,0,0,.08),0 10px 26px rgba(44,102,252,.22)}
.pillo-profile-subtitle{margin:-4px 0 16px!important;color:var(--pillo-color-accent,#4276fc)!important;font-family:var(--pillo-font-heading);font-size:var(--pillo-font-size-title2,24px)!important;font-weight:600;line-height:1.3!important}
.pillo-profile-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.pillo-profile-chips li{padding:6px 14px;border-radius:999px;background:var(--pillo-color-btn-bg-bezeled,#eef3ff);color:var(--pillo-color-accent-strong,#2c66fc);font-size:var(--pillo-font-size-caption1,14px);font-weight:500}
.pillo-profile-facts{margin:0;padding:8px 24px;border-radius:var(--pillo-radius-large,24px);background:var(--pillo-color-fg2,#f6f6f6)}
.pillo-profile-fact{display:grid;grid-template-columns:150px 1fr;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--pillo-color-border1,#eee)}
.pillo-profile-fact:last-child{border-bottom:0}
.pillo-profile-fact dt{color:var(--pillo-color-txt3,#848484);font-size:var(--pillo-font-size-caption1,14px)}
.pillo-profile-fact dd{margin:0;color:var(--pillo-color-txt1,#292929);font-size:15px;line-height:1.5}
.pillo-profile-fact dd a,.pillo-profile-more p a{color:var(--pillo-color-accent,#4276fc);text-decoration:underline;text-underline-offset:3px}
.pillo-profile-note{margin:12px 0 0!important;color:var(--pillo-color-txt3,#848484)!important;font-size:12px!important;line-height:1.5!important}
.pillo-profile-h3{margin:28px 0 14px;color:var(--pillo-color-txt1,#292929);font-family:var(--pillo-font-heading);font-size:20px;font-weight:600}
.pillo-members--two>li{flex-basis:calc((100% - 14px)/2)}
.pillo-card-link{text-decoration:none}
.pillo-card-link:hover{color:var(--pillo-color-accent,#4276fc);text-decoration:underline;text-underline-offset:3px}
/* Founder cards on the About page link to the profiles */
.pillo-founder-card{cursor:default}
.pillo-founder-card .pillo-card-link::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.pillo-founder-card .pillo-card-link:focus-visible{outline:none}
.pillo-founder-card:has(.pillo-card-link:focus-visible){outline:3px solid #62b9df;outline-offset:3px}
.pillo-founder-cta{position:relative;z-index:2;margin-top:10px;color:var(--pillo-color-accent,#4276fc);font-size:var(--pillo-font-size-caption1,14px);font-weight:600}
.pillo-founder-card:hover .pillo-founder-cta{text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){
 .pillo-profile-fact{grid-template-columns:1fr}
 .pillo-members--two>li{flex-basis:100%}
 .pillo-avatar--xl{width:84px;height:84px;font-size:28px}
 .pillo-founder-cta{grid-column:2}
}