/* ==========================================================================
   GLOBAL › STANDARDS – সব পেজে একই টাইপোগ্রাফি, কম্পোনেন্ট ও কন্টেইনার
   ---------------------------------------------------------------------------
   মান (token) থাকে style.css :root-এ; এখানে শুধু প্রয়োগ। নতুন সেকশন/ক্লাস যোগ করলে নিচের তালিকায় ক্লাসটি বসান –
   তাহলে সেটিও বাকি সব পেজের মতোই দেখাবে। (html body:not(#itc-std) = পেজ-নির্দিষ্ট CSS-এর চেয়ে বেশি জোর)
   ========================================================================== */

/* ---------- ১) Hero display (Home / Services / ভিডিও-শিরোনাম) ---------- */
html body:not(#itc-std) :is(.itc-hero__title,.itc-vid__title){
	font-size:var(--t-hero);font-weight:700;line-height:1.1;letter-spacing:var(--ls-title);
}

/* ---------- ২) Page title (H1) ও Section title (H2) – একই মাপ ---------- */
html body:not(#itc-std) :is(.itc-title,.itc-title--lg,.itc-title--xl,.nw-hero__title,.nw-post__title,.ir-hero__title,
	.itc-ms__title,.itc-features__title,.itc-sg__title,.itc-cloud__heading,.itc-cloud__title,.itc-cta__title,.itc-section-heading){
	font-size:var(--t-title);font-weight:700;line-height:var(--lh-head);letter-spacing:var(--ls-title);
}

/* ---------- ৩) Sub-title ---------- */
html body:not(#itc-std) :is(.itc-svc__title){
	font-size:var(--t-subtitle);font-weight:700;line-height:var(--lh-sub);letter-spacing:-.01em;
}

/* ---------- ৪) Card title ---------- */
html body:not(#itc-std) :is(.itc-card__title,.itc-sg__card-title,.itc-ccard__title,.ir-cbox__title){
	font-size:var(--t-sub);font-weight:700;line-height:var(--lh-sub);letter-spacing:-.01em;
}
html body:not(#itc-std) h2.nw-card__title{font-size:var(--t-card-lg);font-weight:700;line-height:1.3;letter-spacing:-.01em;}
html body:not(#itc-std) h3.nw-card__title{font-size:var(--t-card);font-weight:700;line-height:1.35;letter-spacing:-.005em;}

/* ---------- ৫) Lead (হিরোর নিচের বর্ণনা) ও Body description ---------- */
html body:not(#itc-std) :is(.itc-hero__desc,.nw-hero__desc){font-size:var(--t-lead);line-height:1.65;}
html body:not(#itc-std) :is(.itc-lede,.itc-svc__lede,.itc-features__desc,.itc-sg__desc,.itc-cloud__desc){font-size:var(--t-desc);line-height:var(--lh-desc);}

/* ---------- ৬) Eyebrow / Tag / Label – একই ফন্ট, মাপ, ফাঁক ---------- */
html body:not(#itc-std) :is(.itc-kicker,.itc-tag,.itc-vid__eyebrow,.itc-ms__label,.itc-cloud__label,.nw-eyebrow,.nw-card__eyebrow,
	.nw-w__kicker,.nw-w__eyebrow,.nw-tag,.itc-grp__label,.itc-micro){
	font-family:var(--font-mono,'IBM Plex Mono',monospace);font-size:var(--t-eyebrow);font-weight:600;
	letter-spacing:var(--ls-eyebrow);text-transform:uppercase;line-height:1.4;
}

/* ---------- ৭) Button – একই উচ্চতা, প্যাডিং, গোলাকার, ফন্ট ---------- */
html body:not(#itc-std) :is(.itc-sg__btn,.itc-cloud__btn,.itc-features__cta,.itc-toggle-btn,.itc-form__btn,.nw-sub__btn,.nw-w__btn,.ir-apply,.ir-empty__btn){
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	min-height:var(--btn-h);height:auto;padding:12px var(--btn-px);border-radius:var(--btn-r);
	font-family:var(--font-display);font-size:var(--t-btn);font-weight:700;line-height:1.2;letter-spacing:.01em;
	text-transform:none;text-decoration:none;cursor:pointer;box-sizing:border-box;
}
html body:not(#itc-std) :is(.itc-sg__btn,.itc-cloud__btn,.itc-features__cta,.itc-toggle-btn,.itc-form__btn,.nw-sub__btn,.nw-w__btn,.ir-apply,.ir-empty__btn):focus-visible{
	outline:3px solid var(--brand-accent);outline-offset:3px;
}
/* ছোট বাটন (টেবিলের "Click Here") ও ট্যাব */
html body:not(#itc-std) .ir-btn{min-height:38px;padding:8px 20px;border-radius:var(--btn-r);font-size:var(--t-short);font-weight:600;line-height:1.2;}
html body:not(#itc-std) .itc-tabs__btn{min-height:44px;padding:10px 24px;border-radius:var(--btn-r);font-size:var(--t-short);font-weight:600;line-height:1.2;}

/* ---------- ৮) Container – সব পেজে একই প্রস্থ ও দুই পাশের ফাঁক ---------- */
html body:not(#itc-std) :is(.itc-wrap,.ir-wrap,.nw-wrap,.itc-cloud__wrap,.itc-ms__wrap,.itc-sg .itc-sg__inner){
	max-width:var(--wrap-max);padding-left:var(--wrap-pad);padding-right:var(--wrap-pad);box-sizing:border-box;
}
html body:not(#itc-std) .nw-hero .nw-wrap{max-width:var(--wrap-max);padding-left:var(--wrap-pad);padding-right:var(--wrap-pad);}
html body:not(#itc-std) .itc-fintech-section{max-width:var(--wrap-max);padding-left:var(--wrap-pad);padding-right:var(--wrap-pad);box-sizing:border-box;}

/* ---------- ৯) বিশেষ ক্ষেত্র ---------- */
/* Home › Cloud শিরোনামে পেজ-CSS letter-spacing-কে !important করেছে – মান একই রাখতে */
html body:not(#itc-std) .itc-cloud .itc-cloud__title{letter-spacing:var(--ls-title) !important;}
/* Services › ভিডিও সেকশনের সরু কন্টেইনার (ইচ্ছাকৃত) */
html body:not(#itc-std).itc-native--services .itc-vidsec .itc-wrap{max-width:1064px;}
/* News: সাইডবার/উইজেট/রিলেটেড কার্ড/আর্টিকেল সাব-হেডিং – সব ছোট কার্ড-শিরোনাম একই */
html body:not(#itc-std) :is(.nw-w h3,.nw-w--desk h3,.nw-w__head h3,.nw-w--navy h3,.nw-w--share h3,.nw-rcard h3,.nw-body h3){
	font-size:var(--t-card);font-weight:700;line-height:1.35;letter-spacing:-.005em;
}
/* বর্ণনার লাইন-হাইট সব জায়গায় একই অনুপাতে (মাপ নিজ নিজ ভ্যারিয়েন্ট অনুযায়ী) */
html body:not(#itc-std) .itc-copy{line-height:var(--lh-desc);}

/* ---------- ১০) পেজ-CSS-এর !important ওভাররাইড সমন্বয় ---------- */
html body:not(#itc-std) .itc-cloud .itc-cloud__heading,
html body:not(#itc-std) .itc-sg .itc-sg__title{
	font-size:var(--t-title) !important;font-weight:700 !important;
	line-height:var(--lh-head) !important;letter-spacing:var(--ls-title) !important;
}
html body:not(#itc-std) .itc-sg .itc-sg__desc{line-height:var(--lh-desc) !important;}
html body:not(#itc-std) .itc-sg .itc-sg__card-title{font-weight:700 !important;line-height:var(--lh-sub) !important;}
/* বাটন: লাইন-হাইট সব জায়গায় একই (উচ্চতা min-height দিয়ে ঠিক থাকে) */
html body:not(#itc-std) .itc-features__cta{
	display:inline-flex;align-items:center;justify-content:center;
	line-height:1.2;min-height:var(--btn-h);height:auto;padding:0 var(--btn-px);font-weight:700;
}
/* টাইমলাইন যুগ-শিরোনাম ও "আরও লোড" বাটন */
html body:not(#itc-std) .itc-ms .itc-ms__eraTitle{font-size:var(--t-card);line-height:var(--lh-sub);font-weight:700;letter-spacing:-.005em;}
html body:not(#itc-std) .nw-more__btn{font-size:var(--t-btn);font-weight:700;line-height:1.2;min-height:var(--btn-h);display:flex;align-items:center;justify-content:center;}

/* ==========================================================================
   ১১) টেক্সট-কালার সিস্টেম – সব পেজে একই ব্র্যান্ড-ভিত্তিক কালার
   হাল্কা ব্যাকগ্রাউন্ড: টাইটেল = deep navy · বডি = ink-soft · আইব্রো/লিংক = brand blue
   গাঢ় ব্যাকগ্রাউন্ড:  টাইটেল = সাদা   · বডি = সাদা ৮২%   · আইব্রো = amber
   ========================================================================== */
/* ---- হাল্কা: টাইটেল / কার্ড-টাইটেল / লেবেল ---- */
html body:not(#itc-std) :is(
	.itc-title,.itc-sg__title,.itc-cloud__heading,.itc-cloud__title,.itc-ms__title,.itc-section-heading,
	.itc-card__title,.itc-card-title,.itc-svc__title,.itc-cloud__tabName,.itc-ms__eraName,.itc-ms__eraTitle,
	.ir-cbox__title,.nw-post__title,.nw-card__title,.nw-mini__title,.nw-kit__t,.itc-stats__label,
	.nw-w h2,.nw-w h3,.nw-w h4,.nw-body h2,.nw-body h3,.nw-body h4,.itc-overview__lead,.itc-micro){
	color:var(--c-title);
}
/* ---- হাল্কা: বডি / ডিসক্রিপশন ---- */
html body:not(#itc-std) :is(
	.itc-lede,.itc-svc__lede,.itc-grp__text,.itc-copy,.itc-sg__desc,.itc-cloud__desc,.itc-cloud__intro,
	.itc-card__text,.itc-card-text,.nw-card__excerpt,.nw-body,.nw-body p,.nw-count,.itc-cloud__tabSub,
	.itc-overview__closing,.itc-ms__pointText,.itc-stats__note){
	color:var(--c-text);
}
/* ---- হাল্কা: আইব্রো / ট্যাগ / সাব-লেবেল ---- */
html body:not(#itc-std) :is(.itc-kicker,.itc-bar,.itc-grp__label,.itc-card__sub,.itc-vid__eyebrow,.nw-w__kicker,.nw-tag,.itc-ms__eraRange){
	color:var(--c-eyebrow);
}
/* ---- গাঢ় সেকশন (navy/dark) ওভাররাইড ---- */
html body:not(#itc-std) :is(.itc-sec--dark,.itc-sec--navy) :is(.itc-title,.itc-svc__title,.itc-card__title,.itc-section-heading){color:var(--c-on-dark);}
html body:not(#itc-std) :is(.itc-sec--dark,.itc-sec--navy) :is(.itc-lede,.itc-svc__lede,.itc-grp__text,.itc-copy,.itc-card__text){color:var(--c-on-dark-soft);}
html body:not(#itc-std) :is(.itc-sec--dark,.itc-sec--navy) :is(.itc-kicker,.itc-bar,.itc-grp__label,.itc-card__sub,.itc-tag){color:var(--c-on-dark-eyebrow);}
/* ---- গাঢ় ব্যাকগ্রাউন্ডের বডি টেক্সট (পেজ-নির্দিষ্ট) ---- */
html body:not(#itc-std) :is(.itc-hero__desc,.nw-hero__desc,.ir-hero__desc,.itc-features__desc,.itc-sub-quote,.itc-cta__text p,.itc-ccard p,.nw-stat__l){
	color:var(--c-on-dark-soft);
}
/* ---- itc-bar: কোনো ডেকোরেটিভ ড্যাশ/বার নয় (শুধু টেক্সট-লেবেল) ---- */
html body:not(#itc-std) .itc-bar::before,html body:not(#itc-std) .itc-bar::after{content:none !important;display:none !important;}
html body:not(#itc-std) .itc-bar{display:block;gap:0;font-size:var(--t-eyebrow);font-weight:600;letter-spacing:var(--ls-eyebrow);}
html body:not(#itc-std) .itc-sg .itc-sg__title{color:var(--c-title) !important;}

/* ==========================================================================
   SECTION SPACING – সব native পেজের প্রতিটি সেকশন: উপরে ও নিচে --sec-y (ডেস্কটপ 60 · ট্যাবলেট 48 · মোবাইল 40)
   · hero: উপরে হেডারের জায়গা আগের মতো, নিচে --sec-y
   · একই রঙের পরপর সেকশনে ওপরের প্যাডিং 0 → মাঝে একবারই ফাঁক (দ্বিগুণ হয় না)
   · পেজের প্রথম (hero-বিহীন) সেকশনে উপরে হেডারের উচ্চতা + --sec-y
   ========================================================================== */
html body:not(#itc-std) .itc-sec:not([class*="hero"]):not(.nw-toolbar){padding-top:var(--sec-y);padding-bottom:var(--sec-y);}
html body:not(#itc-std) .itc-sec[class*="hero"]{padding-bottom:var(--sec-y);}
html body:not(#itc-std) .itc-sec--white + .itc-sec--white:not([class*="hero"]),
html body:not(#itc-std) .itc-sec--tint + .itc-sec--tint:not([class*="hero"]),
html body:not(#itc-std) .itc-sec--page + .itc-sec--page:not([class*="hero"]),
html body:not(#itc-std) .itc-sec--dark + .itc-sec--dark:not([class*="hero"]),
html body:not(#itc-std) .itc-sec--navy + .itc-sec--navy:not([class*="hero"]),
html body:not(#itc-std) .itc-sec.is-joined:not([class*="hero"]){padding-top:0;}
html body:not(#itc-std) .itc-main > .itc-sec:first-child:not([class*="hero"]){padding-top:calc(var(--ih-bar,100px) + var(--sec-y));}