/**
 * About page — modern / trending layout with pink accent touch.
 * Scoped under .lkit-about-page to avoid global conflicts.
 */
.lkit-about-page{
  --ab-navy:#2e4056;
  --ab-blue:#2f94d7;
  --ab-pink:#ff4d9a;
  --ab-lavender:#c084fc;
  --ab-ink:#1b2430;
  --ab-muted:#5b6777;
  --ab-pink-grad:linear-gradient(90deg,#ff4d9a 0%,#e879f9 55%,#c084fc 100%);
  color:var(--ab-ink);
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.lkit-about-page *,
.lkit-about-page *::before,
.lkit-about-page *::after{box-sizing:border-box}
.lkit-about-page .container{
  max-width:1100px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  float:none!important;
  display:block!important;
}
.lkit-about-page section,
.lkit-about-page article,
.lkit-about-page figure,
.lkit-about-page h1,
.lkit-about-page h2,
.lkit-about-page h3{
  float:none!important;
}

.lkit-about-eyebrow{
  display:inline-block;
  margin:0 0 .75rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  background:var(--ab-pink-grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lkit-about-eyebrow--dark{margin-bottom:.55rem}

/* Hero */
.lkit-about-hero{
  position:relative;
  overflow:hidden;
  padding:3.5rem 0 3.75rem;
  color:#fff;
  background:linear-gradient(135deg,#236BA2 0%,#287ab9 38%,#2a1f4a 100%);
}
.lkit-about-hero:before{
  content:"";
  position:absolute;
  top:-25%;left:-12%;
  width:55%;height:80%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,77,154,.3) 0%,rgba(192,132,252,.12) 42%,transparent 70%);
}
.lkit-about-hero .container{position:relative;z-index:1}
.lkit-about-hero h1{
  margin:0 0 .85rem;
  font-size:clamp(1.85rem,4.5vw,2.75rem);
  font-weight:700;
  line-height:1.18;
  color:#fff;
}
.lkit-about-hero-lead{
  margin:0 0 1.5rem;
  max-width:36rem;
  font-size:1.05rem;
  line-height:1.6;
  color:rgba(255,255,255,.88);
}
.lkit-about-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}
.lkit-about-btn-ghost{
  background:transparent!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.55)!important;
}
.lkit-about-btn-ghost:hover,
.lkit-about-btn-ghost:focus{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:#fff!important;
}

/* Intro */
.lkit-about-intro{
  padding:3.5rem 0;
  background:
    radial-gradient(ellipse 70% 50% at 100% 0%, rgba(255,77,154,.08), transparent 50%),
    linear-gradient(180deg,#f7f9fc 0%,#eef3f9 100%);
}
.lkit-about-intro__grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:2.25rem;
  align-items:center;
}
.lkit-about-intro__copy h2{
  margin:0 0 1rem;
  font-size:clamp(1.45rem,3vw,1.9rem);
  font-weight:700;
  color:var(--ab-navy);
}
.lkit-about-intro__copy p{
  margin:0 0 .9rem;
  color:var(--ab-muted);
  line-height:1.65;
  font-size:1rem;
}
.lkit-about-goal{
  padding:.9rem 1rem;
  border-radius:12px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,77,154,.18);
  box-shadow:0 8px 22px rgba(21,40,70,.05);
}
.lkit-about-intro__media{
  position:relative;
  margin:0;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(21,40,70,.12);
}
.lkit-about-intro__media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:20px;
  object-fit:cover;
}
.lkit-about-intro__glow{
  position:absolute;
  inset:auto -10% -15% auto;
  width:55%;
  height:45%;
  background:radial-gradient(circle,rgba(255,77,154,.35),transparent 70%);
  pointer-events:none;
}

/* Pillars */
.lkit-about-pillars{
  padding:0 0 1rem;
  margin-top:-1.5rem;
  position:relative;
  z-index:2;
}
.lkit-about-pillars__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.lkit-about-pillar{
  background:#fff;
  border-radius:16px;
  padding:1.25rem 1.1rem;
  text-align:center;
  border:1px solid rgba(46,64,86,.08);
  box-shadow:0 12px 28px rgba(21,40,70,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.lkit-about-pillar:hover{
  transform:translateY(-4px);
  border-color:rgba(255,77,154,.25);
  box-shadow:0 16px 32px rgba(21,40,70,.1);
}
.lkit-about-pillar__icon{
  display:inline-flex;
  width:46px;height:46px;
  align-items:center;justify-content:center;
  border-radius:14px;
  margin-bottom:.7rem;
  color:#fff;
  background:linear-gradient(145deg,#2e4056,#4a3560);
  box-shadow:0 8px 16px rgba(255,77,154,.18);
}
.lkit-about-pillar h3{
  margin:0 0 .35rem;
  font-size:1.05rem;
  font-weight:700;
  color:var(--ab-navy);
}
.lkit-about-pillar p{
  margin:0;
  font-size:.9rem;
  line-height:1.45;
  color:var(--ab-muted);
}

/* Content blocks */
.lkit-about-sections{padding:2.5rem 0 1rem;background:#f7f9fc}
.lkit-about-block{
  background:#fff;
  border-radius:18px;
  padding:1.6rem 1.5rem 1.5rem;
  margin:0 0 1.15rem;
  border:1px solid rgba(46,64,86,.07);
  box-shadow:0 10px 26px rgba(21,40,70,.05);
}
.lkit-about-block__head{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  margin:0 0 .85rem;
}
.lkit-about-block__num{
  flex:0 0 auto;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.08em;
  margin-top:.35rem;
  background:var(--ab-pink-grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lkit-about-block h2{
  margin:0;
  font-size:clamp(1.2rem,2.5vw,1.45rem);
  font-weight:700;
  color:var(--ab-navy);
  line-height:1.3;
  position:relative;
}
.lkit-about-block h2:after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:.55rem;
  border-radius:3px;
  background:var(--ab-pink-grad);
}
.lkit-about-block p{
  margin:0 0 .75rem;
  color:var(--ab-muted);
  line-height:1.65;
}
.lkit-about-bullets{
  list-style:none!important;
  margin:0 0 1rem!important;
  padding:0!important;
}
.lkit-about-bullets li{
  position:relative;
  margin:0 0 .55rem!important;
  padding:0 0 0 1.2rem!important;
  color:#3a4656;
  line-height:1.5;
  list-style:none!important;
  float:none!important;
  width:auto!important;
}
.lkit-about-bullets li:before{
  content:"";
  position:absolute;
  left:0;top:.55rem;
  width:7px;height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,#ff6bb0,#2f94d7);
}
.lkit-about-text-link{
  font-weight:600;
  color:#d946a0!important;
  text-decoration:none;
}
.lkit-about-text-link:hover{text-decoration:underline}

/* Mission */
.lkit-about-mission{
  position:relative;
  overflow:hidden;
  padding:3.25rem 0;
  color:#fff;
  background:linear-gradient(135deg,#2e4056 0%,#3a2a5c 50%,#236BA2 100%);
}
.lkit-about-mission:before{
  content:"";
  position:absolute;
  top:-20%;right:-10%;
  width:45%;height:70%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,77,154,.28),transparent 68%);
}
.lkit-about-mission .container{position:relative;z-index:1}
.lkit-about-mission h2{
  margin:0 0 .85rem;
  font-size:clamp(1.4rem,3vw,1.85rem);
  font-weight:700;
  color:#fff;
}
.lkit-about-mission-lead,
.lkit-about-mission p{
  color:rgba(255,255,255,.88);
  line-height:1.65;
  max-width:48rem;
}
.lkit-about-mission p{margin:0 0 .85rem}
.lkit-about-flow{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin:1.5rem 0 1.75rem;
}
.lkit-about-flow__col{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  padding:1.2rem 1.15rem;
  backdrop-filter:blur(4px);
}
.lkit-about-flow__col h3{
  margin:0 0 .75rem;
  font-size:1rem;
  font-weight:700;
  color:#fff;
}
.lkit-about-flow__col ol{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.lkit-about-flow__col li{
  display:inline-flex;
  align-items:center;
  padding:.35rem .7rem;
  border-radius:999px;
  font-size:.82rem;
  font-weight:600;
  background:rgba(255,255,255,.12);
  color:#fff;
  float:none!important;
  width:auto!important;
}

/* Join CTA */
.lkit-about-join{padding:0 0 3.5rem;margin-top:-.25rem;background:#f7f9fc}
.lkit-about-join__box{
  text-align:center;
  border-radius:20px;
  padding:2.5rem 1.5rem;
  background:linear-gradient(135deg,#fff 0%,#f8f0ff 45%,#eaf5fc 100%);
  border:1px solid rgba(255,77,154,.15);
  box-shadow:0 16px 40px rgba(21,40,70,.07);
}
.lkit-about-join__box h2{
  margin:0 0 .65rem;
  font-size:clamp(1.35rem,3vw,1.75rem);
  font-weight:700;
  color:var(--ab-navy);
}
.lkit-about-join__box p{
  margin:0 auto .55rem;
  max-width:36rem;
  color:var(--ab-muted);
  line-height:1.55;
}
.lkit-about-join__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.7rem;
  margin-top:1.35rem;
}
.lkit-about-join .lkit-about-btn-ghost{
  color:var(--ab-navy)!important;
  border-color:rgba(46,64,86,.25)!important;
}
.lkit-about-join .lkit-about-btn-ghost:hover{
  background:linear-gradient(135deg,#ff4d9a,#2f94d7)!important;
  border-color:transparent!important;
  color:#fff!important;
}

@media (max-width:991px){
  .lkit-about-intro__grid{grid-template-columns:1fr;gap:1.75rem}
  .lkit-about-intro__media{order:-1;max-width:520px;margin:0 auto}
  .lkit-about-pillars__grid{grid-template-columns:1fr 1fr}
  .lkit-about-pillars{margin-top:0;padding-top:1.5rem}
}
@media (max-width:767px){
  .lkit-about-hero{padding:2.5rem 0 2.75rem}
  .lkit-about-intro,.lkit-about-mission{padding:2.5rem 0}
  .lkit-about-hero-actions .btn,
  .lkit-about-join__actions .btn{width:100%}
  .lkit-about-flow{grid-template-columns:1fr}
  .lkit-about-block{padding:1.25rem 1.1rem}
  .lkit-about-join{padding-bottom:2.5rem}
}
@media (max-width:480px){
  .lkit-about-pillars__grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .lkit-about-pillar{transition:none}
  .lkit-about-pillar:hover{transform:none}
}