/* ==========================================================================
   GLOBAL › PAGE BASE – native পেজ (about / services / contact) এর সাধারণ ডিজাইন
   container · section রঙ · টাইপ · কার্ড · বাটন · ভিডিও · reveal. Token: style.css (:root)
   পেজ/সেকশন-নির্দিষ্ট স্টাইল: assets/css/pages/<page>/<section>.css
   ========================================================================== */
body.itc-native{--itc-tint:#ebf1fc;
  --itc-navy:#0f2158;
  --itc-copy:var(--ink-soft);
  background:#fff;}
.itc-main{display:block;overflow-x:clip}
.itc-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.itc-sec{position:relative;padding:64px 0;display:flow-root}
.itc-sec--tint{background:var(--itc-tint)}
.itc-sec--dark,.itc-sec--navy{background:var(--itc-navy);color:#c5cff0}
.itc-sec.is-joined{padding-top:0}
/* Home-এর hero/video shortcode-এর নিজস্ব .itc-hero / .itc-vid আছে – সংঘাত এড়াতে নিচের নিয়ম Home-এ লাগে না */
body:not(.itc-native--home) .itc-hero{position:relative;padding:0;overflow:hidden;background:var(--itc-navy)}
body:not(.itc-native--home) .itc-hero__bg{position:absolute;inset:0;background:#0f2158 center/cover no-repeat}
body:not(.itc-native--home) .itc-hero__shade{position:absolute;inset:0;pointer-events:none;background:rgba(15,33,88,.4)}
body:not(.itc-native--home) .itc-hero__in{max-width:900px}
body:not(.itc-native--home) .itc-hero__title{font-size:var(--t-hero);line-height:1.1;font-weight:700;color:#fff;letter-spacing:-.02em;margin:26px 0 22px;max-width:13.6em}
body:not(.itc-native--home) .itc-hero__desc{font-size:var(--t-desc);line-height:1.7;color:#c3cde8;max-width:760px}
.itc-yt{position:absolute;inset:0;overflow:hidden;background:transparent}
.itc-yt iframe{position:absolute;top:50%;left:50%;border:0;pointer-events:none;transform:translate(-50%,-50%);width:100%;height:100%}
.itc-yt--cover{container-type:size}
.itc-yt--cover iframe{width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw)}
.itc-yt--desktop{display:none}
@media (min-width:768px){
  .itc-yt--desktop{display:block}
}
body:not(.itc-native--home) .itc-vid{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#dfe7f8;box-shadow:0 20px 50px -20px rgba(15,33,88,.35)}
body:not(.itc-native--home) .itc-vid--sm{border-radius:8px;box-shadow:none}
.itc-vidsec{padding:64px 0 0}
.itc-vidsec+.itc-sec{padding-top:36px}
.itc-kicker{font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary-deep);margin:0 0 16px}
.itc-title{font-size:var(--t-title);line-height:1.12;font-weight:700;color:var(--brand-primary);letter-spacing:-.015em;margin:0}
.itc-title--lg{font-size:var(--t-title)}
.itc-title--xl{font-size:var(--t-title)}
.itc-copy{font-size:var(--t-desc);line-height:1.75;color:var(--itc-copy)}
.itc-tag{display:inline-block;font-family:var(--font-mono);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-primary);background:#eaf0fb;padding:8px 12px;border-radius:4px;line-height:1.2}
.itc-tag--amber{color:var(--brand-accent);background:rgba(252,177,22,.14)}
.itc-tag--sm{font-size:var(--t-eyebrow);padding:5px 9px;letter-spacing:.16em}
.itc-micro{font-size:var(--t-eyebrow);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-primary);margin:40px 0 16px}
.itc-micro--blue{margin:0 0 14px}
.itc-micro--amber{margin:0 0 14px;color:var(--brand-accent)}
.itc-head{margin:0 0 44px}
.itc-head .itc-title{margin-top:18px}
.itc-head--center{text-align:center}
.itc-head--center .itc-title{max-width:780px;margin:0 auto 16px}
.itc-head--center .itc-copy{max-width:620px;margin:0 auto}
.itc-lede{margin-top:20px;max-width:900px;font-size:var(--t-desc);line-height:1.7;color:var(--brand-primary);border-left:3px solid var(--brand-primary);padding-left:14px}
.itc-sec--dark .itc-title,.itc-sec--navy .itc-title{color:#fff}
.itc-sec--dark .itc-lede,.itc-sec--navy .itc-lede{color:#b9c4e6;border:0;padding:0}
.itc-sec--dark .itc-tag,.itc-sec--navy .itc-tag{color:var(--brand-accent);background:rgba(252,177,22,.14)}
.itc-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:12px;padding:32px 28px;box-shadow:0 10px 30px rgba(10,22,60,.06);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}
.itc-card:hover{transform:translateY(-3px);border-color:rgba(33,64,154,.2);box-shadow:0 14px 32px rgba(10,22,60,.09)}
.itc-card__title{font-size:var(--t-sub);font-weight:700;color:var(--brand-primary);margin:0 0 8px}
.itc-card__sub{font-family:var(--font-mono);font-size:var(--t-eyebrow);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-primary);margin:0 0 18px}
.itc-card__text{font-size:var(--t-short);line-height:1.7;color:var(--itc-copy)}
.itc-ico{display:block;width:1em;height:1em}
.itc-js .itc-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.itc-js .itc-reveal.is-in{opacity:1;transform:none}
.itc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;background:#fff;color:var(--brand-primary);border:1px solid #fff;border-radius:6px;font-weight:700;font-size:var(--t-btn);line-height:1;text-decoration:none;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s}
.itc-btn .itc-ico{width:15px;height:15px;transition:transform .25s}
a.itc-btn:hover,a.itc-btn:focus-visible{background:var(--brand-primary-deep);border-color:var(--brand-primary-deep);color:#fff;transform:translateY(-1px)}
a.itc-btn:hover .itc-ico{transform:translateY(1px)}
a.itc-btn:active{transform:none}
.itc-btn.is-off{cursor:default}
@media (hover:none){
  .itc-card:hover,.itc-check:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .itc-js .itc-reveal{opacity:1;transform:none;transition:none}
}
@media (max-width:1024px){
  .itc-wrap{padding:0 24px}
  .itc-sec{padding:52px 0}
}
@media (max-width:767px){
  .itc-wrap{padding:0 20px}
  .itc-sec{padding:44px 0}
  .itc-head{margin-bottom:32px}
}
