/*
 * Company profile (/about) — resources/views/theme/default/site/partials/company-profile.blade.php
 * Everything is scoped under .cp and uses its own --cp-* tokens, so the file can be
 * dropped into another site as is. Change the tokens below to re-brand it.
 */
.cp{
  --cp-brand:#7c3aed; --cp-brand-2:#c026d3;
  --cp-grad:linear-gradient(135deg,var(--cp-brand),var(--cp-brand-2));
  --cp-ink:#171225; --cp-ink-2:#4a4460; --cp-muted:#7b7590;
  --cp-bg:#fff; --cp-soft:#f7f5fc; --cp-lav:#f1ebfd; --cp-line:#ece7f6;
  --cp-dark:#130f1f;
  --cp-radius:20px; --cp-wrap:1220px;
  color:var(--cp-ink); line-height:1.65;
}
.cp *,.cp *::before,.cp *::after{box-sizing:border-box}
.cp a{color:inherit;text-decoration:none}
.cp img{max-width:100%;display:block}
.cp svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cp-wrap{max-width:var(--cp-wrap);margin:0 auto;padding:0 26px}
.cp-sec{padding:72px 0}
.cp-alt{background:var(--cp-soft)}
.cp-kick{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;letter-spacing:.3px;color:var(--cp-brand);text-transform:uppercase}
.cp-kick::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--cp-grad)}
.cp-h2{font-size:clamp(26px,3.4vw,38px);line-height:1.3;letter-spacing:-.4px;margin:10px 0 14px;color:var(--cp-ink)}
.cp-head{text-align:center;max-width:760px;margin:0 auto 44px}
.cp-head .cp-kick::after{content:"";width:18px;height:2px;border-radius:2px;background:var(--cp-grad)}
.cp-head p{color:var(--cp-ink-2);font-size:16.5px;margin:0}
.cp-tag{font-size:13px;color:var(--cp-muted)}
.cp-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:12px;background:var(--cp-grad);color:#fff!important;font-weight:600;box-shadow:0 12px 26px rgba(124,58,237,.3);transition:transform .2s,box-shadow .2s}
.cp-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(124,58,237,.38)}
.cp-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--cp-brand)!important}
.cp-link svg{transition:transform .2s}
.cp-link:hover svg{transform:translateX(3px)}

/* Reveal on scroll (only when JS is running) */
.cp-anim .cp-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.cp-anim .cp-rv.is-in{opacity:1;transform:none}

/* Stats */
.cp-stats-wrap{padding:0;margin-top:-18px;position:relative;z-index:2}
.cp-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:22px;box-shadow:0 24px 50px rgba(23,18,37,.08);overflow:hidden}
.cp-stat{padding:26px 22px;text-align:center;border-right:1px solid var(--cp-line)}
.cp-stat:last-child{border-right:0}
.cp-stat b{display:block;font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:700;background:var(--cp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cp-stat span{display:block;margin-top:6px;color:var(--cp-ink-2);font-size:15px}

/* Story + timeline */
.cp-story{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:start}
.cp-story-text p{color:var(--cp-ink-2);font-size:16.5px;line-height:1.9;margin:0 0 16px}
.cp-story-text strong{color:var(--cp-ink)}
.cp-timeline{list-style:none;margin:0;padding:26px 26px 10px;background:var(--cp-soft);border:1px solid var(--cp-line);border-radius:var(--cp-radius);position:relative}
.cp-timeline li{display:grid;grid-template-columns:62px 1fr;gap:16px;position:relative;padding-bottom:18px}
.cp-timeline li::before{content:"";position:absolute;left:78px;top:10px;bottom:-8px;width:2px;background:#e3d8f8}
.cp-timeline li:last-child::before{display:none}
.cp-tl-year{font-weight:700;color:var(--cp-brand);font-size:17px;text-align:right;padding-top:1px}
.cp-tl-body{position:relative;padding-left:22px}
.cp-tl-body::before{content:"";position:absolute;left:-4px;top:7px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--cp-brand)}
.cp-tl-body p{margin:0 0 4px;color:var(--cp-ink-2);font-size:14.8px;line-height:1.55}
.cp-tl-body p.is-milestone{color:var(--cp-ink);font-weight:600}

/* Trust: offices + memberships */
.cp-trust{display:grid;grid-template-columns:1fr 1.6fr;gap:24px}
.cp-offices{background:var(--cp-grad);color:#fff;border-radius:var(--cp-radius);padding:28px;position:relative;overflow:hidden}
.cp-offices::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.1)}
.cp-offices h3{margin:0 0 16px;font-size:20px}
.cp-offices ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cp-offices li{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 14px}
.cp-offices li b{font-size:16px}
.cp-offices li small{margin-left:auto;opacity:.85;font-size:13px}
.cp-dot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.cp-offices-note{margin:14px 0 0;font-size:13.5px;opacity:.85}
.cp-members{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cp-member{background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:border-color .2s,box-shadow .2s}
.cp-member:hover{border-color:#dccff7;box-shadow:0 12px 28px rgba(124,58,237,.08)}
.cp-member img{height:58px;width:auto;margin-bottom:10px}
.cp-member-mark{height:58px;display:grid;place-items:center;margin-bottom:10px;font:700 26px/1 system-ui,sans-serif;background:var(--cp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cp-member p{margin:0;color:var(--cp-ink-2);font-size:14px;line-height:1.5}

/* Product spotlight */
.cp-spot{display:grid;grid-template-columns:1.7fr 1fr;border-radius:24px;overflow:hidden;border:1px solid #e3d3fa;background:linear-gradient(135deg,#f8f3ff,#fdf3fd);margin-bottom:40px;box-shadow:0 24px 50px rgba(124,58,237,.1)}
.cp-spot-main{padding:34px 36px}
.cp-spot-flag{display:inline-block;font-size:12.5px;font-weight:600;color:#fff;background:var(--cp-grad);border-radius:999px;padding:4px 12px;margin-bottom:18px}
.cp-spot-main h3{margin:0;font-size:26px}
.cp-spot-main>p{color:var(--cp-ink-2);font-size:16.5px;line-height:1.85;margin:0 0 22px}
.cp-spot-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cp-spot-stats{display:grid;background:var(--cp-grad);color:#fff}
.cp-spot-stats>div{display:flex;flex-direction:column;justify-content:center;padding:18px 32px;border-bottom:1px solid rgba(255,255,255,.18)}
.cp-spot-stats>div:last-child{border-bottom:0}
.cp-spot-stats b{font-size:27px;line-height:1.2}
.cp-spot-stats span{opacity:.85;font-size:14.5px}

/* Tabs */
.cp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 28px;padding:6px;background:var(--cp-soft);border:1px solid var(--cp-line);border-radius:999px;width:fit-content;max-width:100%}
.cp-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:9px 18px;border-radius:999px;font:inherit;font-size:15px;color:var(--cp-ink-2);cursor:pointer;transition:background .2s,color .2s}
.cp-tabs button span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--cp-lav);color:var(--cp-brand);font-size:12.5px;font-weight:700}
.cp-tabs button:hover{color:var(--cp-brand)}
.cp-tabs button[aria-selected="true"]{background:var(--cp-grad);color:#fff;box-shadow:0 8px 18px rgba(124,58,237,.28)}
.cp-tabs button[aria-selected="true"] span{background:rgba(255,255,255,.22);color:#fff}

/* Product cards */
.cp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cp-card{position:relative;display:flex;flex-direction:column;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:24px 24px 20px;transition:transform .3s,box-shadow .3s,border-color .3s}
.cp-card[hidden]{display:none}
.cp-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(124,58,237,.12);border-color:#dccff7}
.cp-card.is-star{background:linear-gradient(180deg,#faf6ff,#fff 60%);border-color:#e0d2f8}
.cp-card.is-star::before{content:"ফ্ল্যাগশিপ";position:absolute;top:-11px;left:22px;font-size:11.5px;font-weight:700;color:#fff;background:var(--cp-grad);border-radius:999px;padding:2px 10px}
.cp-prod-top{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.cp-prod-top h3{margin:0;font-size:18.5px;line-height:1.3}
.cp-ic{flex:none;width:48px;height:48px;border-radius:14px;background:var(--cp-grad);display:grid;place-items:center;color:#fff;font-size:22px;box-shadow:0 10px 22px rgba(124,58,237,.26)}
.cp-ic-lg{width:58px;height:58px;border-radius:16px;font-size:26px}
.cp-live{margin-left:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#0f7a4a;background:#e7f8ef;border-radius:999px;padding:2px 9px}
.cp-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#16a34a}
.cp-card>p{color:var(--cp-ink-2);font-size:14.8px;line-height:1.75;margin:0 0 18px;flex:1}
.cp-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px dashed var(--cp-line);padding-top:14px}
.cp-stat-pill{font-size:13.5px;font-weight:700;color:var(--cp-brand);background:var(--cp-lav);border-radius:999px;padding:4px 12px}
.cp-card-foot a{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:14.5px;color:var(--cp-brand)}
.cp-card-foot a.is-soft{color:var(--cp-muted);font-weight:500}
.cp-card-foot a:hover{color:var(--cp-brand)}
.cp-card-foot a:hover svg{transform:translateX(3px)}
.cp-card-foot svg{transition:transform .2s}

/* Case studies */
.cp-dark{background:var(--cp-dark);color:#fff;position:relative;overflow:hidden}
.cp-dark::before{content:"";position:absolute;inset:auto -10% -40% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(192,38,211,.25),transparent 70%)}
.cp-dark .cp-h2{color:#fff}
.cp-dark .cp-kick{color:#d8c6ff}
.cp-studies{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative}
.cp-study{display:flex;flex-direction:column;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--cp-radius);padding:28px;transition:transform .3s,background .3s,border-color .3s}
.cp-study:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.cp-study .cp-tag{color:#c9b8f5}
.cp-study h3{margin:6px 0 10px;font-size:21px}
.cp-study>p{color:#d4cde4;font-size:15px;line-height:1.75;margin:0 0 20px;flex:1}
.cp-ba{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:14px}
.cp-ba>div{border-radius:14px;padding:12px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.cp-ba>div.is-after{background:var(--cp-grad);border-color:transparent}
.cp-ba small{display:block;font-size:12px;opacity:.75}
.cp-ba b{font-size:18px}
.cp-ba-arrow{font-size:22px;color:#d8c6ff}
.cp-study-result{font-weight:600;color:#e9defd;font-size:14.5px}

/* Founder + ventures */
.cp-founder{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:26px;padding:40px;box-shadow:0 20px 44px rgba(23,18,37,.05)}
.cp-avatar{width:140px;height:140px;border-radius:50%;background:var(--cp-grad);display:grid;place-items:center;color:#fff;font-size:50px;font-weight:700;box-shadow:0 18px 40px rgba(124,58,237,.35),0 0 0 8px var(--cp-lav)}
.cp-founder .cp-h2{margin:6px 0 4px}
.cp-role{color:var(--cp-brand);font-weight:600;margin:0 0 14px;font-size:15px}
.cp-founder p{color:var(--cp-ink-2);line-height:1.85;margin:0 0 16px}
.cp-ventures{margin-top:36px}
.cp-ventures-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.cp-ventures-head h3{margin:0;font-size:21px}
.cp-ventures-head span{color:var(--cp-muted);font-size:14.5px}
.cp-vent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cp-vent{display:block;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:16px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s}
a.cp-vent:hover{border-color:var(--cp-brand);box-shadow:0 12px 28px rgba(124,58,237,.1);transform:translateY(-2px)}
.cp-vent .cp-tag{display:block;font-size:12.5px}
.cp-vent b{display:block;font-size:16px;line-height:1.35;margin:4px 0 8px}
.cp-vent p{margin:0;color:var(--cp-ink-2);font-size:13.8px;line-height:1.6}

/* Future */
.cp-future{text-align:center;max-width:860px}
.cp-future .cp-kick::after{content:"";width:18px;height:2px;border-radius:2px;background:var(--cp-grad)}
.cp-future p{color:var(--cp-ink-2);font-size:16.5px;line-height:1.9;margin:0 0 24px}
.cp-contact{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.cp-contact>*{display:inline-flex;align-items:center;gap:8px;background:var(--cp-soft);border:1px solid var(--cp-line);border-radius:999px;padding:9px 18px;font-size:15px}
.cp-contact svg{color:var(--cp-brand);font-size:17px}
.cp-contact a:hover{border-color:var(--cp-brand);color:var(--cp-brand)}

/* Responsive */
@media(max-width:1100px){.cp-vent-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){
  .cp-story,.cp-trust,.cp-spot{grid-template-columns:1fr}
  .cp-story{gap:32px}
  .cp-grid{grid-template-columns:1fr 1fr}
  .cp-spot-stats{grid-template-columns:repeat(3,1fr)}
  .cp-spot-stats>div{border-bottom:0;border-right:1px solid rgba(255,255,255,.18);padding:16px}
  .cp-spot-stats>div:last-child{border-right:0}
  .cp-spot-stats b{font-size:19px}
}
@media(max-width:720px){
  .cp-sec{padding:52px 0}
  .cp-wrap{padding:0 16px}
  .cp-stats{grid-template-columns:1fr 1fr}
  .cp-stat:nth-child(2){border-right:0}
  .cp-stat:nth-child(-n+2){border-bottom:1px solid var(--cp-line)}
  .cp-grid,.cp-studies,.cp-members{grid-template-columns:1fr}
  .cp-vent-grid{grid-template-columns:1fr 1fr}
  .cp-spot-main{padding:24px 20px}
  .cp-spot-stats{grid-template-columns:1fr}
  .cp-spot-stats>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
  .cp-tabs{border-radius:18px;justify-content:flex-start}
  .cp-founder{grid-template-columns:1fr;text-align:center;padding:28px 20px;gap:22px}
  .cp-avatar{margin:0 auto;width:108px;height:108px;font-size:40px}
  .cp-timeline li{grid-template-columns:48px 1fr;gap:12px}
  .cp-timeline li::before{left:60px}
  .cp-timeline{padding:20px 16px 6px}
}
@media(max-width:420px){.cp-vent-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cp *{transition:none!important}}