/* ============================================================
         ABOUT US PAGE — tokens matched to homepage/site pages:
         Inter / IBM Plex Mono, #2454ff (primary), #0b132b (ink),
         #5b6478 (muted), #00c8ff (cyan accent). Light backgrounds.
      ============================================================ */
      .abt{ font-family:'Inter',sans-serif; background:#ffffff; color:#0b132b; }
      .abt-r{ opacity:0; transform:translateY(20px); transition:opacity .6s cubic-bezier(.16,.8,.4,1), transform .6s cubic-bezier(.16,.8,.4,1); }
      .abt-r.on{ opacity:1; transform:none; }

      .abt-sec{ padding:clamp(48px,6.5vw,84px) 0; }
      .abt-sec.tint{ background:#f6f8fd; }
      .abt-sec.border-t{ border-top:1px solid #e7ecf6; }
      .abt-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }

      .abt-kicker{ display:inline-flex; align-items:center; gap:9px; font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:#2454ff; margin-bottom:14px; }
      .abt-kicker::before{ content:""; width:22px; height:1.5px; background:#2454ff; display:inline-block; }
      .abt-kicker.center{ justify-content:center; }
      .abt-head{ max-width:680px; }
      .abt-head.center{ text-align:center; max-width:700px; margin:0 auto clamp(32px,4.2vw,48px); }
      .abt-h2{ font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:clamp(26px,3.2vw,36px) !important; line-height:1.2 !important; letter-spacing:-0.02em; color:#0b132b !important; margin:0 !important; }
      .abt-h2 em{ font-style:normal; color:#2454ff; }
      .abt-lead{ font-size:15px !important; line-height:1.78 !important; color:#5b6478 !important; margin:14px 0 0 !important; padding-top:0 !important; }

      /* ===== Hero — two-column, illustration on the right ===== */
      .abt-hero{ position:relative; background:linear-gradient(180deg,#f6f8fd 0%,#ffffff 100%); border-bottom:1px solid #e7ecf6; padding:clamp(56px,8vw,96px) 0 clamp(48px,5.5vw,72px); overflow:hidden; }
      .abt-hero::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(#c9d5f2 1px, transparent 1px); background-size:26px 26px; -webkit-mask-image:radial-gradient(560px 420px at 18% 15%, #000 0%, transparent 72%); mask-image:radial-gradient(560px 420px at 18% 15%, #000 0%, transparent 72%); pointer-events:none; opacity:.55; }
      .abt-hero::after{ content:""; position:absolute; top:-140px; right:-120px; width:460px; height:460px; border-radius:50%; background:radial-gradient(closest-side, rgba(0,200,255,0.16), transparent 72%); pointer-events:none; }
      .abt-hero-grid{ position:relative; display:grid; grid-template-columns:1.1fr 1fr; gap:52px; align-items:center; }
      @media(max-width:940px){ .abt-hero-grid{ grid-template-columns:1fr; } }
      .abt-hero-in{ position:relative; }
      .abt-hero-pill{ display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:999px; background:#ffffff; border:1px solid #d8e0f4; font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:#2454ff; margin-bottom:22px; box-shadow:0 6px 16px -10px rgba(36,84,255,0.35); }
      .abt-hero-pill-dot{ width:7px; height:7px; border-radius:50%; background:#2454ff; flex:none; box-shadow:0 0 0 4px rgba(36,84,255,0.14); }
      .abt-hero h1, .abt-hero h2{ font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:clamp(32px,4.4vw,50px) !important; line-height:1.14 !important; letter-spacing:-0.025em; color:#0b132b !important; margin:0 0 18px !important; max-width:600px; }
      .abt-hero h1 span, .abt-hero h2 span{ color:#2454ff; }
      .abt-hero-desc{ font-size:15.5px !important; line-height:1.85 !important; color:#5b6478 !important; max-width:540px; margin:0 !important; padding-top:0 !important; }
      .abt-hero-btns{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
      .abt-btn{ display:inline-flex; align-items:center; gap:9px; padding:14px 26px; border-radius:12px; font-family:'Inter',sans-serif; font-weight:700; font-size:14px; cursor:pointer; text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease; border:none; }
      .abt-btn-solid{ background:#2454ff; color:#fff !important; box-shadow:0 14px 28px -10px rgba(36,84,255,0.48); }
      .abt-btn-solid:hover{ transform:translateY(-2px); box-shadow:0 18px 32px -10px rgba(36,84,255,0.56); }
      .abt-btn-outline{ background:#fff; color:#0b132b !important; border:1.5px solid #d6dff0; }
      .abt-btn-outline:hover{ border-color:#2454ff; color:#2454ff !important; transform:translateY(-2px); }

      .abt-hero-stats{ display:flex; gap:0; margin-top:36px; flex-wrap:wrap; background:#fff; border:1px solid #e2e8f8; border-radius:16px; padding:18px 6px; box-shadow:0 16px 32px -26px rgba(11,19,43,0.2); }
      .abt-hero-stats div{ flex:1; min-width:110px; text-align:center; padding:0 14px; position:relative; }
      .abt-hero-stats div+div::before{ content:""; position:absolute; left:0; top:4px; bottom:4px; width:1px; background:#e7ecf6; }
      .abt-hero-stats strong{ display:block; font-family:'Inter',sans-serif; font-size:24px; font-weight:800; color:#0b132b; line-height:1.1; }
      .abt-hero-stats span{ font-size:11px; color:#7b87a0; }

      /* right-side illustration panel */
      .abt-illus-card{ position:relative; background:#ffffff; border:1px solid #e2e8f8; border-radius:26px; padding:clamp(22px,2.6vw,30px); box-shadow:0 30px 64px -28px rgba(11,19,43,0.28); overflow:hidden; }
      .abt-illus-card::before{ content:""; position:absolute; inset:0; background:radial-gradient(120% 90% at 100% 0%, rgba(0,200,255,0.12), transparent 55%); pointer-events:none; }
      .abt-illus-card::after{ content:""; position:absolute; inset:0; border-radius:26px; padding:1px; background:linear-gradient(135deg, rgba(36,84,255,0.35), rgba(0,200,255,0.05) 40%, transparent 70%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
      .abt-illus-tag{ position:relative; display:inline-flex; align-items:center; gap:7px; font-family:'IBM Plex Mono',monospace; font-size:10px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:#5b6478; margin-bottom:14px; }
      .abt-illus-tag i{ color:#00c8ff; }
      .abt-illus-card svg{ width:100%; height:auto; display:block; position:relative; }
      .abt-illus-quote{ position:relative; margin-top:16px; background:#f6f8fd; border:1px solid #e2e8f8; border-radius:14px; padding:18px 20px; }
      .abt-illus-quote::before{ content:"\\201C"; position:absolute; top:0px; left:14px; font-family:Georgia,serif; font-size:44px; line-height:1; color:rgba(36,84,255,0.2); }
      .abt-illus-quote p{ position:relative; font-size:13.5px !important; font-weight:600 !important; line-height:1.62 !important; color:#0b132b !important; margin:0 !important; padding:0 0 0 14px !important; }

      /* ===== Mission / Vision — two-column light cards ===== */
      .abt-mv-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
      @media(max-width:820px){ .abt-mv-grid{ grid-template-columns:1fr; } }
      .abt-mv-card{ position:relative; background:#fff; border:1px solid #e2e8f8; border-radius:20px; padding:clamp(28px,3vw,38px); overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
      .abt-mv-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#2454ff,#00c8ff); }
      .abt-mv-card:hover{ transform:translateY(-4px); box-shadow:0 22px 44px -28px rgba(11,19,43,0.22); }
      .abt-mv-ico{ width:52px; height:52px; border-radius:14px; background:rgba(36,84,255,0.09); color:#2454ff; display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:18px; }
      .abt-mv-card h3{ font-size:20px !important; font-weight:800 !important; color:#0b132b !important; margin:0 0 12px !important; }
      .abt-mv-card p{ font-size:14.5px !important; line-height:1.82 !important; color:#5b6478 !important; padding-top:0 !important; margin:0 0 10px !important; }
      .abt-mv-card p:last-child{ margin-bottom:0 !important; }
      .abt-mv-card p strong{ color:#0b132b; font-weight:700; }

      /* ===== What We Bring — icon cards grid ===== */
      .abt-fw-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:8px; }
      @media(max-width:940px){ .abt-fw-grid{ grid-template-columns:repeat(2,1fr); } }
      @media(max-width:640px){ .abt-fw-grid{ grid-template-columns:1fr; } }
      .abt-fw{ background:#fff; border:1px solid #e2e8f8; border-radius:16px; padding:26px 24px; transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
      .abt-fw:hover{ border-color:rgba(36,84,255,0.32); box-shadow:0 18px 36px -24px rgba(11,19,43,0.18); transform:translateY(-3px); }
      .abt-fw-ico{ width:46px; height:46px; border-radius:12px; background:rgba(36,84,255,0.09); color:#2454ff; display:flex; align-items:center; justify-content:center; font-size:18px; margin-bottom:16px; }
      .abt-fw h3{ font-size:16.5px !important; font-weight:700 !important; color:#0b132b !important; margin:0 0 9px !important; }
      .abt-fw p{ font-size:13.5px !important; line-height:1.72 !important; color:#5b6472 !important; padding-top:0 !important; margin:0 !important; }

      /* ===== Commitment — dark-on-light banded strip ===== */
      .abt-commit{ position:relative; background:#0b132b; border-radius:26px; padding:clamp(36px,5vw,56px); overflow:hidden; }
      .abt-commit::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px); background-size:26px 26px; -webkit-mask-image:radial-gradient(560px 380px at 85% 20%, #000 0%, transparent 75%); mask-image:radial-gradient(560px 380px at 85% 20%, #000 0%, transparent 75%); pointer-events:none; }
      .abt-commit::after{ content:""; position:absolute; top:-100px; right:-80px; width:340px; height:340px; border-radius:50%; background:radial-gradient(closest-side, rgba(0,200,255,0.18), transparent 72%); pointer-events:none; }
      .abt-commit-in{ position:relative; max-width:820px; }
      .abt-commit .abt-kicker{ color:#00c8ff; }
      .abt-commit .abt-kicker::before{ background:#00c8ff; }
      .abt-commit h2{ font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:clamp(24px,3vw,32px) !important; line-height:1.25 !important; color:#ffffff !important; margin:0 0 16px !important; }
      .abt-commit p{ font-size:15px !important; line-height:1.85 !important; color:rgba(255,255,255,0.72) !important; padding-top:0 !important; margin:0 0 12px !important; }
      .abt-commit p:last-of-type{ margin-bottom:0 !important; }
      .abt-commit p strong{ color:#ffffff; font-weight:700; }
      .abt-commit-tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
      .abt-commit-tag{ font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; letter-spacing:0.05em; color:#cfe0ff; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.14); padding:8px 14px; border-radius:999px; }

      /* ===== Why Choose — light card grid ===== */
      .abt-why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
      @media(max-width:940px){ .abt-why-grid{ grid-template-columns:repeat(2,1fr); } }
      @media(max-width:600px){ .abt-why-grid{ grid-template-columns:1fr; } }
      .abt-why-item{ position:relative; background:#fff; border:1px solid #e2e8f8; border-radius:18px; padding:26px 22px 22px; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
      .abt-why-item::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#2454ff,#00c8ff); transform:scaleX(0); transform-origin:left; transition:transform .3s ease; }
      .abt-why-item:hover{ transform:translateY(-4px); box-shadow:0 20px 40px -26px rgba(11,19,43,0.22); border-color:rgba(36,84,255,0.28); }
      .abt-why-item:hover::before{ transform:scaleX(1); }
      .abt-why-num{ font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:700; color:#2454ff; opacity:.6; margin-bottom:10px; display:block; }
      .abt-why-item h3{ font-size:16px !important; font-weight:700 !important; color:#0b132b !important; margin:0 0 9px !important; }
      .abt-why-item p{ font-size:13.5px !important; line-height:1.72 !important; color:#5b6472 !important; padding-top:0 !important; margin:0 !important; }

      /* ===== Closing CTA ===== */
      .abt-closing{ position:relative; background:linear-gradient(135deg,#0b132b 0%,#12244f 100%); border-radius:26px; padding:clamp(40px,5.5vw,64px); overflow:hidden; text-align:center; }
      .abt-closing::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,0.07) 1px, transparent 1px); background-size:24px 24px; -webkit-mask-image:radial-gradient(680px 420px at 50% 0%, #000 0%, transparent 76%); mask-image:radial-gradient(680px 420px at 50% 0%, #000 0%, transparent 76%); pointer-events:none; }
      .abt-closing-in{ position:relative; max-width:760px; margin:0 auto; }
      .abt-closing h2{ font-family:'Inter',sans-serif !important; font-weight:800 !important; font-size:clamp(24px,3.2vw,34px) !important; line-height:1.25 !important; color:#ffffff !important; margin:0 0 16px !important; }
      .abt-closing p{ font-size:15px !important; line-height:1.82 !important; color:rgba(255,255,255,0.72) !important; padding-top:0 !important; margin:0 0 8px !important; }
      .abt-closing-quote{ font-size:17px !important; font-weight:700 !important; color:#ffffff !important; margin:20px 0 28px !important; line-height:1.6 !important; }
      .abt-closing-tag{ font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:#00c8ff; margin-bottom:0; }
      .abt-closing-btns{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:26px; }