/* ═══════════════════════════════════════
   TOKENS
═══════════════════════════════════════ */
:root{
  --bg:     #0B0A11;
  --surf:   #121019;
  --raised: #1A1724;
  --card:   #1E1B2C;
  --bdr:    rgba(139,116,199,.15);
  --bdh:    rgba(139,116,199,.32);
  --purple: #8B74C7;
  --gold:   #E6AA5A;
  --rose:   #C46F6E;
  --hi:     #ffffff;
  --md:     #8E879A;
  --lo:     #7a6ea8;
  --green:  #6ce89a;
  --grad:   linear-gradient(135deg,#E6AA5A 0%,#8B74C7 55%,#C46F6E 100%);
}

body{ overflow-x:hidden; }
.ap{ background:var(--bg); font-family:'Urbanist',sans-serif; }

.grid-bg{
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:
    linear-gradient(rgba(139,116,199,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(139,116,199,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 90% 80% at 50% 35%,black 5%,transparent 100%);
}

/* Section rhythm */
.sec{ padding:100px 0; position:relative; z-index:2; }
.sec.surf{ background:var(--surf); }
.sec.dark{ background:#09080F; }

/* Eyebrow */
.eb{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(139,116,199,.10); border:1px solid rgba(139,116,199,.22);
  border-radius:50px; padding:5px 16px 5px 8px; margin-bottom:18px;
}
.eb-dot{
  width:7px; height:7px; border-radius:50%;
  background:var(--grad); box-shadow:0 0 8px rgba(139,116,199,.6);
  animation:blinkDot 2.4s ease-in-out infinite;
}
@keyframes blinkDot{ 0%,100%{opacity:1;} 50%{opacity:.3;} }
.eb span{ font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--lo); }

/* Headlines */
.sh{
  font-size:clamp(28px,3.8vw,52px); font-weight:500;
  line-height:1.07; letter-spacing:-.033em; color:var(--hi); margin-bottom:14px;
}
.sh .g{
  background:var(--grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  background-size:200% auto; animation:gradShift 5s ease infinite; font-size: 42px; display: inline-block; padding-bottom: 8px; line-height: 1.15;

}
@keyframes gradShift{ 0%,100%{background-position:0% center;} 50%{background-position:100% center;} }
.ss{ font-size:16px; line-height:1.72; color:var(--lo); max-width:560px; }
.ss.c{ margin:0 auto; text-align:center; }

/* Divider */
.sdiv{ width:100%; height:1px; background:linear-gradient(90deg,transparent,var(--bdr),transparent); }

/* Reveal */
.rv{ opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s cubic-bezier(.22,.68,0,1.2); }
.rv.on{ opacity:1; transform:translateY(0); }
.rvl{ opacity:0; transform:translateX(-22px); transition:opacity .7s ease,transform .7s cubic-bezier(.22,.68,0,1.2); }
.rvl.on{ opacity:1; transform:translateX(0); }
.rvr{ opacity:0; transform:translateX(22px); transition:opacity .7s ease,transform .7s cubic-bezier(.22,.68,0,1.2); }
.rvr.on{ opacity:1; transform:translateX(0); }
.d1{transition-delay:.06s!important;} .d2{transition-delay:.13s!important;}
.d3{transition-delay:.20s!important;} .d4{transition-delay:.27s!important;}
.d5{transition-delay:.34s!important;} .d6{transition-delay:.41s!important;}

/* Buttons */
.btn-p{
  display:inline-flex; align-items:center; gap:9px;
  background:linear-gradient(135deg,#8B74C7,#4a4e8a); color:#fff;
  font-weight:700; font-size:14.5px; padding:14px 28px; border-radius:12px;
  text-decoration:none; box-shadow:0 4px 28px rgba(139,116,199,.40);
  transition:transform .25s cubic-bezier(.22,.68,0,1.2),box-shadow .25s;
  position:relative; overflow:hidden;
}
.btn-p::after{
  content:''; position:absolute; top:0; left:-75%; width:50%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
  transform:skewX(-18deg); transition:left .5s;
}
.btn-p:hover::after{ left:130%; }
.btn-p:hover{ transform:translateY(-2px) scale(1.02); box-shadow:0 10px 36px rgba(139,116,199,.55); color:#fff; text-decoration:none; }
.btn-p svg{ transition:transform .2s; } .btn-p:hover svg{ transform:translateX(3px); }
.btn-o{
  display:inline-flex; align-items:center; gap:8px;
  background:transparent; border:1px solid rgba(200,191,240,.18);
  color:var(--md); font-weight:600; font-size:14.5px; padding:13px 24px;
  border-radius:12px; text-decoration:none; transition:all .25s;
}
.btn-o:hover{ background:rgba(200,191,240,.07); border-color:rgba(200,191,240,.38); color:#fff; text-decoration:none; }

/* ═══════════════════════════════════════
   HERO
═══════════════════════════════════════ */
.about-hero{
  min-height:86vh; display:flex; align-items:center;
  padding:0px 0 100px; position:relative; z-index:2; overflow:hidden;
}
.orb{
  position:absolute; border-radius:50%; pointer-events:none;
  animation:orbFloat 13s ease-in-out infinite;
}
.o1{ width:680px; height:680px; background:radial-gradient(circle,rgba(139,116,199,.15) 0%,transparent 65%); top:-210px; right:-150px; }
.o2{ width:420px; height:420px; background:radial-gradient(circle,rgba(196,111,110,.09) 0%,transparent 65%); bottom:-90px; left:-100px; animation-duration:17s; animation-delay:5s; animation-direction:reverse; }
@keyframes orbFloat{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(-18px,14px) scale(1.05);}
  66%{transform:translate(12px,-10px) scale(.97);}
}

.hero-hl{
  font-size:clamp(40px,6vw,74px); font-weight:500;
  line-height:1.04; letter-spacing:-.038em; color:var(--hi);
  animation:riseIn .8s cubic-bezier(.22,.68,0,1.2) .1s both;
}
.hero-hl .g{
  background:var(--grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  background-size:200% auto; animation:gradShift 5s ease infinite; font-size: 42px; display: inline-block; padding-bottom: 8px; line-height: 1.15;
}
@keyframes riseIn{ from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} }

.hero-lead{
  font-size:17px; line-height:1.75; color:var(--lo); max-width:500px; margin-bottom:38px;
  animation:riseIn .8s cubic-bezier(.22,.68,0,1.2) .18s both;
}
.hero-ctas{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; animation:riseIn .8s cubic-bezier(.22,.68,0,1.2) .26s both; }

/* Mission card — right side */
.mission-card{
  background:rgba(22,19,48,.90); border:1px solid var(--bdr);
  border-radius:24px; padding:38px 34px;
  backdrop-filter:blur(22px);
  box-shadow:0 28px 80px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.04);
  position:relative; overflow:hidden;
  animation:riseIn .9s cubic-bezier(.22,.68,0,1.1) .22s both;
  transition:border-color .4s,box-shadow .4s;
}
.mission-card:hover{ border-color:var(--bdh); box-shadow:0 36px 90px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.06); }
.mission-card::before{
  content:''; position:absolute; top:0; left:10%; right:10%; height:1px;
  background:linear-gradient(90deg,transparent,rgba(139,116,199,.5),transparent);
  animation:glowLine 3.5s ease-in-out infinite;
}
@keyframes glowLine{ 0%,100%{opacity:.4;} 50%{opacity:1;} }
.mc-label{ font-size:10px; font-weight:700; letter-spacing:.10em; text-transform:uppercase; color:var(--purple); margin-bottom:16px; }
.mc-text{
  font-size:17px; font-weight:700; color:var(--hi); line-height:1.55;
  letter-spacing:-.01em; margin-bottom:24px;
}
.mc-text em{ font-style:italic; color:var(--md); font-weight:400; }
.mc-divider{ height:1px; background:var(--bdr); margin-bottom:22px; }
.mc-belief{ font-size:13.5px; line-height:1.72; color:var(--lo); }
.mc-belief strong{ color:var(--md); font-weight:600; }

/* ═══════════════════════════════════════
   STORY — TIMELINE
═══════════════════════════════════════ */
.story-tl{ position:relative; margin-top:60px; }
.story-tl::before{
  content:''; position:absolute; left:30px; top:0; bottom:0; width:1px;
  background:linear-gradient(180deg,transparent,rgba(139,116,199,.32) 8%,rgba(139,116,199,.32) 92%,transparent);
}
.st-step{ display:grid; grid-template-columns:62px 1fr; gap:22px; padding-bottom:28px; }
.st-step:last-child{ padding-bottom:0; }
.st-node{
  width:60px; height:60px; border-radius:50%;
  background:var(--raised); border:1px solid var(--bdr);
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:900; color:var(--purple);
  position:relative; z-index:1; flex-shrink:0;
  transition:border-color .3s,background .3s,transform .3s cubic-bezier(.22,.68,0,1.5);
}
.st-step:hover .st-node{ border-color:var(--purple); background:rgba(139,116,199,.15); transform:scale(1.08); }
.st-body{
  background:var(--raised); border:1px solid var(--bdr);
  border-radius:18px; padding:24px 26px;
  transition:border-color .3s,box-shadow .3s;
}
.st-step:hover .st-body{ border-color:var(--bdh); box-shadow:0 12px 40px rgba(0,0,0,.28); }
.st-year{ font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--purple); margin-bottom:5px; }
.st-title{ font-size:16px; font-weight:500; color:var(--hi); margin-bottom:7px; }
.st-desc{ font-size:13.5px; line-height:1.68; color:var(--lo); }
.st-tag{
  display:inline-flex; align-items:center; gap:6px;
  font-size:10.5px; font-weight:700; color:var(--green);
  background:rgba(108,232,154,.09); border:1px solid rgba(108,232,154,.18);
  border-radius:20px; padding:4px 11px; margin-top:12px;
}
.st-tag svg{ color:var(--green); flex-shrink:0; }

/* ═══════════════════════════════════════
   IMPACT STRIP
═══════════════════════════════════════ */
.impact-strip{
  display:grid; grid-template-columns:repeat(6,1fr);
  gap:1px; background:var(--bdr); border-radius:20px;
  overflow:hidden; margin-top:52px;
}
.imp{
  background:var(--raised); padding:34px 18px; text-align:center;
  transition:background .3s;
}
.imp:hover{ background:var(--card); }
.imp-n{
  font-size:clamp(26px,2.8vw,38px); font-weight:900; letter-spacing:-.03em; line-height:1;
  background:var(--grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  margin-bottom:8px;
}
.imp-l{ font-size:11px; font-weight:600; color:var(--lo); text-transform:uppercase; letter-spacing:.06em; }

/* ═══════════════════════════════════════
   FOUNDER SPOTLIGHT
═══════════════════════════════════════ */
.founder-wrap{
  display:grid; grid-template-columns:1fr 1fr; gap:48px;
  align-items:center; margin-top:0;
}
.founder-img-wrap{ position:relative; }
.founder-img{
  width:100%; border-radius:24px; overflow:hidden;
  position:relative;
}
.founder-img img{ width:100%; height:480px; object-fit:cover; object-position:top; display:block; }
.founder-img::after{
  content:''; position:absolute; inset:0; border-radius:24px;
  background:linear-gradient(180deg,transparent 50%,rgba(15,10,30,.85) 100%);
  pointer-events:none;
}
.founder-img-border{
  position:absolute; inset:0; border-radius:24px;
  border:1px solid rgba(139,116,199,.25);
  pointer-events:none;
  transition:border-color .4s;
}
.founder-img-wrap:hover .founder-img-border{ border-color:rgba(139,116,199,.5); }
/* name card below image */
.founder-name-card{
  margin-top:14px;
  background:var(--raised); border:1px solid var(--bdr);
  border-radius:16px; padding:16px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  transition:border-color .3s, box-shadow .3s;
}
.founder-img-wrap:hover .founder-name-card{ border-color:var(--bdh); box-shadow:0 8px 28px rgba(0,0,0,.28); }
.founder-name-card-left{ display:flex; align-items:center; gap:14px; }
.founder-badge-icon{
  width:40px; height:40px; border-radius:11px;
  background:rgba(139,116,199,.18); border:1px solid rgba(139,116,199,.20);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; animation:badgeIconPulse 3.5s ease-in-out infinite;
}
@keyframes badgeIconPulse{ 0%,100%{box-shadow:0 0 0 0 rgba(139,116,199,0);} 50%{box-shadow:0 0 12px 4px rgba(139,116,199,.25);} }
.founder-badge-icon svg{ color:var(--gold); }
.fb-name{ font-size:16px; font-weight:500; color:var(--hi); line-height:1.2; }
.fb-role{ font-size:12px; color:var(--lo); margin-top:2px; }
.founder-li-link{
  display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:10px; flex-shrink:0;
  background:rgba(139,116,199,.10); border:1px solid var(--bdr);
  color:var(--purple); text-decoration:none;
  transition:background .25s, border-color .25s, color .25s, transform .25s cubic-bezier(.22,.68,0,1.5);
}
.founder-li-link:hover{ background:rgba(139,116,199,.22); border-color:var(--bdh); color:#b0b5e8; transform:scale(1.1) translateY(-1px); text-decoration:none; }

/* founder text */
.founder-content{ display:flex; flex-direction:column; gap:22px; }
.founder-quote{
  font-size:clamp(18px,2.2vw,24px); font-weight:500; color:var(--hi);
  line-height:1.45; letter-spacing:-.01em;
  border-left:3px solid var(--purple); padding-left:20px;
}
.founder-para{ font-size:16px; line-height:1.78; color:var(--lo); }
.founder-para strong{ color:var(--md); font-weight:500; }
.founder-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.f-chip{
  font-size:12px; font-weight:500; color:var(--md);
  background:rgba(139,116,199,.09); border:1px solid rgba(139,116,199,.14);
  border-radius:50px; padding:5px 14px;
}

/* ═══════════════════════════════════════
   VALUES
═══════════════════════════════════════ */
.values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:52px; }
.vc{
  background:var(--raised); border:1px solid var(--bdr);
  border-radius:20px; padding:30px 26px; position:relative; overflow:hidden;
  transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.22,.68,0,1.3);
  cursor:default;
}
.vc::before{
  content:''; position:absolute; top:0; left:15%; right:15%; height:1px;
  background:linear-gradient(90deg,transparent,rgba(139,116,199,.35),transparent);
  opacity:0; transition:opacity .3s;
}
.vc:hover{ border-color:var(--bdh); box-shadow:0 16px 48px rgba(0,0,0,.32); transform:translateY(-4px); }
.vc:hover::before{ opacity:1; }
.vc-icon{
  width:48px; height:48px; border-radius:14px;
  background:rgba(139,116,199,.10); border:1px solid var(--bdr);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:18px;
  transition:transform .3s cubic-bezier(.22,.68,0,1.5),background .3s;
}
.vc-icon svg{ color:var(--purple); transition:color .3s, transform .3s; }
.vc:hover .vc-icon svg{ color:#b0b5e8; }
.vc:hover .vc-icon{ transform:scale(1.12) rotate(-6deg); background:rgba(139,116,199,.22); }
.vc-n{ font-size:10px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; color:var(--purple); margin-bottom:8px; }
.vc-t{ font-size:16px; font-weight:500; color:var(--hi); margin-bottom:8px; }
.vc-d{ font-size:15px; line-height:1.68; color:var(--lo); }

/* ═══════════════════════════════════════
   TEAM
═══════════════════════════════════════ */
.team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:52px; }
.tm{
  background:var(--raised); border:1px solid var(--bdr);
  border-radius:22px; overflow:hidden; position:relative;
  transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.22,.68,0,1.2);
  cursor:default;
}
.tm:hover{ border-color:var(--bdh); box-shadow:0 20px 60px rgba(0,0,0,.40); transform:translateY(-5px); }
.tm-img{
  width:100%; height:200px; object-fit:cover; object-position:top;
  display:block;
  filter:grayscale(20%);
  transition:filter .4s ease, transform .4s ease;
}
.tm:hover .tm-img{ filter:grayscale(0%); transform:scale(1.04); }
.tm-img-wrap{ overflow:hidden; position:relative; }
.tm-img-wrap::after{
  content:''; position:absolute; bottom:0; left:0; right:0; height:80px;
  background:linear-gradient(180deg,transparent,var(--raised));
  pointer-events:none;
}
.tm-body{ padding:20px 22px 24px; }
.tm-name{ font-size:16px; font-weight:500; color:var(--hi); margin-bottom:4px; }
.tm-role{ font-size:12px; font-weight:400; text-transform:uppercase; letter-spacing:.08em; color:var(--purple); }
/* placeholder avatar for missing images */
.tm-placeholder{
  width:100%; height:200px;
  background:linear-gradient(135deg,rgba(139,116,199,.20),rgba(196,111,110,.12));
  display:flex; align-items:center; justify-content:center;
}
.tm-placeholder svg{ color:rgba(139,116,199,.5); }

/* ═══════════════════════════════════════
   PRODUCTS
═══════════════════════════════════════ */
.products-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:52px; }
.pd{
  background:var(--raised); border:1px solid var(--bdr);
  border-radius:24px; padding:36px 32px;
  position:relative; overflow:hidden;
  transition:border-color .35s,box-shadow .35s,transform .3s cubic-bezier(.22,.68,0,1.2);
  display:flex; flex-direction:column;
}
.pd:hover{ border-color:var(--bdh); box-shadow:0 28px 80px rgba(0,0,0,.45); transform:translateY(-4px); }
.pd::after{
  content:''; position:absolute; bottom:0; left:0; right:0; height:100px;
  background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(139,116,199,.10) 0%,transparent 70%);
  pointer-events:none;
}
.pd-logo{
  width:52px; height:52px; border-radius:15px;
  background:rgba(139,116,199,.12); border:1px solid var(--bdr);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:22px;
  animation:pdLogoFloat 4s ease-in-out infinite;
  transition:transform .3s cubic-bezier(.22,.68,0,1.5),background .3s;
}
.pd:hover .pd-logo{ animation:none; }
@keyframes pdLogoFloat{ 0%,100%{transform:translateY(0);} 45%{transform:translateY(-5px);} }
.pd-logo svg{ color:var(--purple); transition:color .3s; }
.pd:hover .pd-logo svg{ color:#b0b5e8; }
.pd:hover .pd-logo{ transform:scale(1.1) rotate(-5deg); background:rgba(139,116,199,.22); }
.pd-tag{ font-size:10.5px; font-weight:500; text-transform:uppercase; letter-spacing:.10em; color:var(--purple); margin-bottom:10px; }
.pd-name{ font-size:24px; font-weight:500; color:var(--hi); margin-bottom:12px; }
.pd-desc{ font-size:14px; line-height:1.72; color:var(--lo); margin-bottom:24px; flex:1; }
.pd-link{
  display:inline-flex; align-items:center; gap:8px;
  font-size:14px; font-weight:500; color:var(--hi);
  text-decoration:none; transition:gap .2s;
}
.pd-link:hover{ gap:14px; color:#fff; text-decoration:none; }
.pd-link svg{ transition:transform .2s; }
.pd-link:hover svg{ transform:translateX(3px); }

/* ═══════════════════════════════════════
   PHILOSOPHY BANNER
═══════════════════════════════════════ */
.phil-banner{
  background:var(--surf); border-top:1px solid var(--bdr); border-bottom:1px solid var(--bdr);
  padding:56px 0;
}
.phil-inner{ max-width:820px; margin:0 auto; text-align:center; }
.phil-quote{
  font-size:clamp(20px,2.8vw,30px); font-weight:500; color:var(--hi);
  line-height:1.42; letter-spacing:-.02em; margin-bottom:18px;
}
.phil-quote .gq{
  background:var(--grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-size: 28px; display: inline-block;
}
.phil-attr{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; color:var(--lo); }

/* ═══════════════════════════════════════
   CTA
═══════════════════════════════════════ */
.cta-box{
  background:var(--raised); border:1px solid rgba(139,116,199,.26);
  border-radius:28px; padding:68px 56px; text-align:center;
  position:relative; overflow:hidden;
  box-shadow:0 32px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);
}
.cta-box::before{
  content:''; position:absolute; top:0; left:10%; right:10%; height:1px;
  background:linear-gradient(90deg,transparent,rgba(139,116,199,.55),transparent);
  animation:glowLine 3.5s ease-in-out infinite;
}
.cta-orb{
  position:absolute; width:600px; height:350px; border-radius:50%;
  background:radial-gradient(circle,rgba(139,116,199,.13) 0%,transparent 65%);
  top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;
  animation:ctaOrb 7s ease-in-out infinite;
}
@keyframes ctaOrb{ 0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.7;} 50%{transform:translate(-50%,-50%) scale(1.1);opacity:1;} }
.cta-hl{ font-size:clamp(28px,3.8vw,50px); font-weight:500; color:var(--hi); letter-spacing:-.03em; line-height:1.1; margin-bottom:16px; }
.cta-sub{ font-size:16px; color:var(--lo); line-height:1.7; max-width:480px; margin:0 auto 40px; }
.cta-btns{ display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; }
.cta-trust{ display:flex; align-items:center; justify-content:center; gap:24px; margin-top:28px; flex-wrap:wrap; }
.ctt{ display:flex; align-items:center; gap:7px; font-size:12px; color:var(--lo); }
.ctt-dot{ width:6px; height:6px; border-radius:50%; background:var(--green); }

/* ═══════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════ */
@media(max-width:991px){
  .sec{ padding:72px 0; }
  .about-hero{ padding:110px 0 72px; min-height:auto; }
  .founder-wrap{ grid-template-columns:1fr; }
  .team-grid{ grid-template-columns:1fr 1fr; }
  .products-row{ grid-template-columns:1fr; }
  .values-grid{ grid-template-columns:1fr 1fr; }
  .impact-strip{ grid-template-columns:repeat(3,1fr); }
  .cta-box{ padding:48px 28px; }
  .mission-card{ margin-top:40px; }
}
@media(max-width:575px){
  .hero-hl{ font-size:36px; }
  .team-grid{ grid-template-columns:1fr 1fr; }
  .values-grid{ grid-template-columns:1fr; }
  .impact-strip{ grid-template-columns:1fr 1fr; }
}

/* ═══ About — Mission section (was a second inline <style>) ═══ */
  .about-mission{ position:relative; z-index:2; padding:24px 0 96px; }
  .am-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:28px; align-items:stretch; }
  .am-grid > *{ height:100%; }
  /* tighten the reused card inside the grid */
  .about-mission .mission-card{ height:100%; display:flex; flex-direction:column; justify-content:center; }

  /* Belief tiles column */
  .am-beliefs{ display:flex; flex-direction:column; gap:14px; }
  .am-belief{
    background:var(--raised); border:1px solid var(--bdr); border-radius:18px;
    padding:22px 24px; display:flex; align-items:flex-start; gap:16px;
    transition:border-color .3s, transform .3s cubic-bezier(.22,.68,0,1.2), box-shadow .3s;
    cursor:default;
  }
  .am-belief:hover{ border-color:var(--bdh); transform:translateY(-3px); box-shadow:0 16px 44px rgba(0,0,0,.4); }
  .am-belief:nth-child(1){ animation:riseIn .7s cubic-bezier(.22,.68,0,1.2) .28s both; }
  .am-belief:nth-child(2){ animation:riseIn .7s cubic-bezier(.22,.68,0,1.2) .38s both; }
  .am-belief:nth-child(3){ animation:riseIn .7s cubic-bezier(.22,.68,0,1.2) .48s both; }
  .am-bi{
    width:44px; height:44px; border-radius:12px; flex-shrink:0;
    background:rgba(139,116,199,.14); border:1px solid var(--bdr);
    display:flex; align-items:center; justify-content:center;
    transition:transform .3s cubic-bezier(.22,.68,0,1.5), background .3s, border-color .3s;
  }
  .am-belief:hover .am-bi{ transform:scale(1.1) rotate(-6deg); background:rgba(139,116,199,.24); border-color:var(--bdh); }
  .am-bi svg{ color:var(--purple); }
  .am-bt{ font-size:15px; font-weight:600; color:var(--hi); line-height:1.3; }
  .am-bd{ font-size:13px; line-height:1.62; color:var(--lo); margin-top:5px; }

  @media(max-width:991px){ .am-grid{ grid-template-columns:1fr; gap:18px; } }