/* About + policy pages (2026-10-17) — home v7 language: navy hero, brand blue, 3D icons, transform/opacity motion only. */
.ab{--n0:#011835;--b0:#0050ed;--b2:#7fb0ff;--gold:#f5b942;--ice:#eef4ff;--bn:'Anek Bangla','Hind Siliguri',system-ui,sans-serif}
:root[data-theme="dark"] .ab{--ice:#0d1a38}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ab{--ice:#0d1a38}}
.ab h1,.ab h2,.ab h3{font-family:var(--bn);font-weight:700}
.ab .i{width:18px;height:18px}
.ab-rv{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1)}
.ab-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ab-rv{opacity:1;transform:none;transition:none}}

/* hero */
.ab-hero{position:relative;overflow:hidden;color:#fff;padding:44px 0 90px;background:radial-gradient(70% 120% at 85% 0%,#0a3a9c,var(--n0) 62%),var(--n0)}
.ab-hero::after{content:"";position:absolute;right:-120px;bottom:-160px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(127,176,255,.18);box-shadow:0 0 0 70px rgba(127,176,255,.04),0 0 0 140px rgba(127,176,255,.03)}
.ab-hero .wrap{position:relative;z-index:1}
.ab-hero-sm{padding:36px 0 54px}
.ab-crumbs{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#9fb6e0;margin-bottom:22px}.ab-crumbs .i{width:14px;height:14px}.ab-crumbs a:hover{color:#fff}
.ab-eye{display:inline-block;font-size:14px;font-weight:600;color:var(--b2);margin-bottom:6px}
.ab-eye.dark{color:var(--b0)}
.ab-hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4.6rem);font-weight:800;line-height:1.12;animation:abup .7s both cubic-bezier(.16,1,.3,1)}
.ab-hero-sm h1{font-size:clamp(2rem,4.6vw,3.2rem)}
.ab-lead{color:#c3d3f2;font-size:1.12rem;max-width:620px;margin-top:12px;animation:abup .7s .12s both}
.ab-upd{color:#8fa6d4;font-size:13.5px;margin-top:10px}
@keyframes abup{from{opacity:0;transform:translateY(18px)}}

/* sections */
.ab-sec{padding:70px 0}
.ab-soft{background:var(--ice)}
.ab-sec h2{color:var(--ink);font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.3;margin-bottom:10px}
.ab-head{max-width:700px;margin:0 auto 34px;text-align:center}
.ab-head p,.ab-why p{color:var(--mut);font-size:1.05rem}
.ab-why{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.ab-pillars{list-style:none;display:flex;flex-direction:column;gap:12px}
.ab-pillars li{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:transform .3s}
.ab-pillars li:hover{transform:translateX(6px)}
.ab-pillars .i{grid-row:span 2;width:44px;height:44px;padding:11px;border-radius:14px;background:var(--ice);color:var(--b0)}
.ab-pillars b{font-family:var(--bn);color:var(--ink);font-size:17px}.ab-pillars span{color:var(--mut);font-size:14px}

/* how we build — vertical timeline */
.ab-steps{list-style:none;position:relative;max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.ab-steps::before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--b0),var(--b2))}
.ab-step{position:relative;display:grid;grid-template-columns:56px 64px 1fr;gap:16px;align-items:center;padding:16px 20px 16px 0;transition-delay:calc(var(--i)*.04s)}
.ab-num{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--n0);color:#fff;font-family:var(--bn);font-weight:800;font-size:22px;box-shadow:0 0 0 6px var(--ice)}
.ab-step img{width:64px;height:64px;object-fit:contain}
.ab-step>div{padding:16px 20px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.ab-step:hover>div{transform:translateY(-3px);box-shadow:var(--shadow)}
.ab-step h3{color:var(--ink);font-size:18px;margin-bottom:4px}.ab-step p{color:var(--mut);font-size:14.5px}

/* AI team */
.ab-ais{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.ab-ai{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:20px 12px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.ab-ai span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--c);color:#fff;font-family:'Inter',sans-serif;font-weight:800;font-size:17px;margin-bottom:6px}
.ab-ai b{font-family:'Inter',sans-serif;color:var(--ink)}.ab-ai small{color:var(--mut);font-size:13px}
.ab-tm{text-align:center;color:var(--faint);font-size:12.5px;margin-top:14px}

/* honesty band */
.ab-band{background:linear-gradient(160deg,var(--n0),#062a6b);color:#fff}
.ab-honest{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start;max-width:900px}
.ab-honest>div:first-child .i{width:64px;height:64px;padding:16px;border-radius:20px;background:rgba(127,176,255,.15);color:var(--b2)}
.ab-honest h2{color:#fff}
.ab-honest ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:6px}
.ab-honest li{position:relative;padding-left:22px;color:#c9d8f5}
.ab-honest li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--gold)}

/* founder */
.ab-founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.ab-fpic{border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow-lg);background:var(--n0)}
.ab-fpic img{width:100%;height:100%;object-fit:cover}
.ab-fen{font-family:'Inter',sans-serif;font-size:14px;color:var(--b0);font-weight:600;margin-bottom:14px}
.ab-ftxt p{color:var(--mut);font-size:1.05rem;max-width:560px}
.ab-link{display:inline-flex;align-items:center;gap:6px;color:var(--b0);font-weight:600;margin-top:14px}

/* CTA */
.ab-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:10px 0 70px;padding:34px 38px;border-radius:26px;color:#fff;background:linear-gradient(120deg,var(--n0),var(--b0))}
.ab-cta h2{color:#fff;font-size:clamp(1.5rem,3vw,2rem)}.ab-cta p{color:#c9dbff}
.ab-cta-b{display:flex;gap:8px;flex-wrap:wrap}
.ab-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:14px;background:#fff;color:var(--n0);font-weight:600;transition:transform .2s}
.ab-btn:hover{transform:translateY(-2px)}
.ab-btn.ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}

/* policy pages */
.lgx{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}
.lg-nav{position:sticky;top:90px;display:flex;flex-direction:column;gap:4px}
.lg-nav a{padding:9px 14px;border-radius:12px;color:var(--mut);font-weight:500}
.lg-nav a:hover{background:var(--ice);color:var(--ink)}
.lg-nav a.on{background:var(--n0);color:#fff}
.lg-body{max-width:760px}
.lg-body h2{font-size:1.35rem;margin:30px 0 8px;color:var(--ink)}
.lg-body p,.lg-body li{color:var(--txt);font-size:16px;line-height:1.85}
.lg-body ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.lg-body b{color:var(--ink)}
.lg-key{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:20px;background:var(--ice);border:1px solid color-mix(in srgb,var(--b0) 25%,transparent)}
.lg-key>.i{flex:none;width:44px;height:44px;padding:10px;border-radius:14px;background:var(--n0);color:#fff}
.lg-key b{display:block;font-family:var(--bn);font-size:18px;color:var(--ink)}.lg-key span{color:var(--mut)}

@media (max-width:900px){
  .ab-why,.ab-founder{grid-template-columns:1fr;gap:26px}
  .ab-fpic{max-width:320px;margin:0 auto;width:100%}
  .ab-ais{grid-template-columns:repeat(3,1fr)}
  .lgx{grid-template-columns:1fr;gap:18px}
  .lg-nav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.lg-nav::-webkit-scrollbar{display:none}.lg-nav a{flex:none}
}
@media (max-width:600px){
  .ab-sec{padding:50px 0}.ab-hero{padding:30px 0 60px}
  .ab-steps::before{left:19px}
  .ab-step{grid-template-columns:40px 1fr;gap:12px;padding-right:0}
  .ab-num{width:40px;height:40px;font-size:17px;box-shadow:0 0 0 5px var(--ice)}
  .ab-step img{display:none}
  .ab-step>div{padding:14px 16px}
  .ab-ais{grid-template-columns:repeat(2,1fr)}
  .ab-honest{grid-template-columns:1fr}
  .ab-cta{padding:26px 22px}
}