/* Exact styles from refrance/index.html plus homepage component classes. */

:root {
  --igbs-bg: #080f1c;
  --igbs-bg-s: #0b1422;
  --igbs-bg-card: #0f1d2c;
  --igbs-bg-card-h: #132636;
  --igbs-pri: #FDFEFF;
  --igbs-sec: #93a9bd;
  --igbs-muted: #6a8395;
  --igbs-acc: #e8edf4;
  --igbs-acc-rgb: 232, 237, 244;
  --igbs-bdr: rgba(255,255,255,0.07);
  --igbs-bdr-acc: rgba(255,255,255,0.24);
  --igbs-cta-bg: #1F3A5A;
  --igbs-cta-clr: #FDFEFF;
  --igbs-font-body: "DM Sans", sans-serif;
  --igbs-font-head: "Manrope", sans-serif;
  --igbs-container: 1320px;
  --igbs-gutter: 44px;
}

html[dir="rtl"] {
  --igbs-font-body: "Tajawal", sans-serif;
  --igbs-font-head: "Tajawal", sans-serif;
}

body.igbs-lang-zh .igbs-app--zh {
  font-family: "Noto Sans SC", sans-serif;
}

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { overflow-x: hidden; background: #080f1c; color: #FDFEFF; font-family: var(--igbs-font-body); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overscroll-behavior-y: none; }
    .mq-track { transform: translateZ(0); backface-visibility: hidden; }

    @keyframes mq    { from{transform:translateX(0)}    to{transform:translateX(-50%)} }
    @keyframes mqrev { from{transform:translateX(-50%)} to{transform:translateX(0)}    }
    .mq  { animation: mq    34s linear infinite; }
    .mqr { animation: mqrev 40s linear infinite; }
    /* marquee never pauses on hover */

    @keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }
    .blink { animation: blink 2.4s ease infinite; }

    @keyframes revealUp   { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
    @keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:none} }
    @keyframes revealLeft { from{opacity:0;transform:translateX(-22px)} to{opacity:1;transform:translateX(0)} }
    @keyframes revealFade { from{opacity:0} to{opacity:1} }
    .rv-up   { animation: revealUp   .65s cubic-bezier(0.22,1,0.36,1) both; }
    .rv-left { animation: revealLeft .65s cubic-bezier(0.22,1,0.36,1) both; }
    .rv-fade { animation: revealFade .7s cubic-bezier(0.22,1,0.36,1) both; }

    ::-webkit-scrollbar { width:5px; }
    ::-webkit-scrollbar-thumb { background:rgba(255,255,255,.1); border-radius:3px; }
    input,textarea,button { font-family:inherit; }
    input::placeholder,textarea::placeholder { opacity:.65; color:#93a9bd; }
    input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible { outline:2px solid #c8a84b; outline-offset:3px; border-radius:4px; }
    a { cursor:pointer; text-decoration:none; }
    @keyframes pulse-ring { 0%{transform:scale(1);opacity:.5} 100%{transform:scale(1.8);opacity:0} }
    @keyframes spin { to{transform:rotate(360deg)} }
    /* WhatsApp FAB attention pulse */
    .wa-fab { position:relative; }
    .wa-fab::before { content:''; position:absolute; inset:-3px; border-radius:50%; border:2px solid rgba(37,211,102,0.65); animation:pulse-ring 2.4s ease-out infinite; pointer-events:none; }
    .wa-fab::after  { content:''; position:absolute; inset:-3px; border-radius:50%; border:2px solid rgba(37,211,102,0.35); animation:pulse-ring 2.4s ease-out .8s infinite; pointer-events:none; }

    /* ── CTA button ─────────────────────────────────────────────────── */
    .cta-btn-wrap { position:relative; display:inline-block; }

    /* ── services tab layout (full page) ────────────────── */
    @media(max-width:860px){
      #services > div { flex-direction:column !important; height:auto !important; }
      #services > div > div:first-child { width:100% !important; height:auto !important; border-right:none !important; border-left:none !important; border-bottom:1px solid rgba(255,255,255,0.07); padding:16px 0 !important; display:flex; flex-wrap:wrap; flex-direction:row; }
      #services > div > div:first-child button { width:auto !important; flex:none; padding:10px 16px !important; border-left:none !important; border-right:none !important; border-bottom:3px solid transparent; }
      #services > div > div:last-child { padding:32px 24px !important; }
      #services > div > div:last-child > div { padding:0 !important; }
    }
    .svc-snap-img { position:relative; overflow:hidden; }
    .svc-snap-img img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
    .svc-snap-card:hover .svc-snap-img img { transform:scale(1.04); }
    .svc-snap-content { display:flex; flex-direction:column; justify-content:center; padding:64px 72px; overflow-y:auto; }
    .svc-snap-counter { font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:20px; display:block; opacity:.55; font-family:'Manrope',sans-serif; }
    .svc-snap-h2 { font-size:clamp(24px,2.8vw,42px); font-weight:800; line-height:1.1; margin:0 0 20px; }
    .svc-snap-desc { font-size:15px; line-height:1.85; margin:0 0 26px; max-width:480px; }
    .svc-snap-bullets { list-style:none; padding:0; margin:0 0 36px; display:flex; flex-direction:column; gap:11px; }
    .svc-snap-bullets li { display:flex; align-items:flex-start; gap:10px; font-size:14px; line-height:1.65; }
    .svc-snap-dot { width:6px; height:6px; border-radius:50%; margin-top:8px; flex-shrink:0; }
    .svc-snap-cta { align-self:flex-start; display:inline-flex; align-items:center; gap:8px; padding:13px 26px; border-radius:8px; font-size:14px; font-weight:600; text-decoration:none; transition:background .2s, transform .15s; }
    /* GPU acceleration for hover-lifted cards */
    .hover-lift { will-change: transform; transform: translateZ(0); backface-visibility: hidden; }
    img { image-rendering: -webkit-optimize-contrast; }
    .svc-snap-cta:hover { transform:translateY(-2px); }
    .svc-progress { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); z-index:10; display:flex; flex-direction:row; gap:8px; }
    .svc-progress button { height:7px; border-radius:4px; border:none; cursor:pointer; padding:0; transition:width .25s ease, background .25s ease; }
    @media(max-width:900px){
      .svc-snap-wrap { height:auto; overflow-x:hidden; overflow-y:visible; scroll-snap-type:none; display:block; }
      .svc-snap-card { height:auto; scroll-snap-align:none; grid-template-columns:1fr; min-height:0; display:flex; flex-direction:column; }
      .svc-snap-img { height:240px; order:-1; }
      .svc-snap-content { padding:36px 24px; }
      .svc-snap-h2 { font-size:24px; }
      .svc-snap-desc { font-size:14px; }
      .svc-progress { display:none; }
    }

    .reel-card { transition:transform .22s ease-out, box-shadow .22s ease-out; }
    .reel-card:hover { transform:translateY(-6px); box-shadow:0 16px 48px rgba(0,0,0,.45); }
    .reel-vid { transition:transform .22s ease-out; }
    .reel-card:hover .reel-vid { transform:scale(1.04); }
    .reel-socials { transition:transform .22s ease-out, opacity .22s ease-out; opacity:.4; }
    .reel-card:hover .reel-socials { opacity:1; transform:translateY(-3px); }

    /* .reels-grid defined below — see "reels 2-col" block */


    /* ── glow effects ─────────────────────────────────────────── */
    .hero-title { transition: text-shadow .4s ease; }
    .hero-title:hover { text-shadow: 0 0 28px rgba(232,237,244,0.55), 0 0 60px rgba(31,58,90,0.4); cursor:default; }
    .nav-logo:hover { filter: drop-shadow(0 0 12px rgba(232,237,244,0.55)); transition: filter .25s ease; }
    .nav-link { transition: color .2s, text-shadow .2s !important; }
    .nav-link:hover { text-shadow: 0 0 18px rgba(255,255,255,0.75), 0 0 32px rgba(255,255,255,0.35) !important; opacity:1 !important; }
    .social-icon { transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease !important; }
    .social-icon:hover { transform: translateY(-3px) scale(1.12) !important; }
    .social-icon[data-col="youtube"]:hover   { box-shadow: 0 0 14px 3px #FF0000, 0 0 28px 4px rgba(255,0,0,0.35); border-color:#FF0000 !important; }
    .social-icon[data-col="linkedin"]:hover  { box-shadow: 0 0 14px 3px #0A66C2, 0 0 28px 4px rgba(10,102,194,0.35); border-color:#0A66C2 !important; }
    .social-icon[data-col="facebook"]:hover  { box-shadow: 0 0 14px 3px #1877F2, 0 0 28px 4px rgba(24,119,242,0.35); border-color:#1877F2 !important; }
    .social-icon[data-col="tiktok"]:hover    { box-shadow: 0 0 14px 3px #69C9D0, 0 0 28px 4px rgba(105,201,208,0.35); border-color:#69C9D0 !important; }
    .social-icon[data-col="instagram"]:hover { box-shadow: 0 0 14px 3px #E1306C, 0 0 28px 4px rgba(225,48,108,0.35); border-color:#E1306C !important; }
    .social-icon[data-col="whatsapp"]:hover  { box-shadow: 0 0 14px 3px #25D366, 0 0 28px 4px rgba(37,211,102,0.35); border-color:#25D366 !important; }

    /* ── Nav CTA button shimmer shine ────────────────────────── */
    .cta-btn-wrap a { position:relative; overflow:hidden; }
    .cta-btn-wrap a::before { content:''; position:absolute; top:-50%; left:-100%; width:55%; height:200%; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,0.18) 50%,transparent 70%); transform:translateX(-100%) skewX(-15deg); pointer-events:none; transition:none; }
    .cta-btn-wrap a:hover::before { transform:translateX(500%) skewX(-15deg); transition:transform .7s ease; }

    /* ── clients grid library ─────────────────────────────────── */
    .clients-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
    @media(max-width:1100px){ .clients-grid{grid-template-columns:repeat(4,1fr);} }
    @media(max-width:700px){  .clients-grid{grid-template-columns:repeat(3,1fr);} }
    @media(max-width:420px){  .clients-grid{grid-template-columns:repeat(2,1fr);} }
    .client-card { aspect-ratio:3/2; display:flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid rgba(255,255,255,0.07); padding:18px; cursor:default; transition:border-color .25s, background .25s, transform .25s; }
    .client-card:hover { border-color:rgba(255,255,255,0.22); background:rgba(255,255,255,0.04); transform:translateY(-3px); }
    .client-card img { width:90%; height:80px; object-fit:contain; opacity:0.78; transition:filter .42s ease, opacity .42s ease; filter:grayscale(100%) brightness(1.8) contrast(0.9); }
    .client-card:hover img { filter:grayscale(0%) brightness(1) saturate(1.12); opacity:1; }

    /* ── infinite marquee ─────────────────────────────────── */
    @keyframes mq-scroll { 0%{transform:translate3d(0,0,0)} 100%{transform:translate3d(-50%,0,0)} }
    /* direction:ltr is critical — prevents RTL document mode from hiding rows */
    .mq-row  { overflow:hidden; direction:ltr; }
    .mq-ltr  { display:flex; width:max-content; will-change:transform; animation:mq-scroll 60s linear infinite reverse; direction:ltr; }
    .mq-rtl  { display:flex; width:max-content; will-change:transform; animation:mq-scroll 60s linear infinite; direction:ltr; }
    /* marquee rows never pause on hover */

    /* ── client reels grid ────────────────────────────────────── */
    .reels-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
    @media(max-width:900px){ .reels-grid { grid-template-columns:repeat(2,1fr); } }
    @media(max-width:560px){
      /* Horizontal-scroll carousel with proper edge padding & snap */
      .reels-grid {
        display:flex !important;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        gap:14px;
        padding:4px 20px 18px;
        margin:0 -20px;
        scrollbar-width:none;
      }
      .reels-grid::-webkit-scrollbar { display:none; }
      .reels-grid > div {
        flex:0 0 86vw !important;
        max-width:340px;
        scroll-snap-align:center;
      }
      .reel-card { box-shadow:0 8px 24px rgba(0,0,0,0.35); }
      .reel-vid__btn { width:68px !important; height:68px !important; }
      .reel-vid__logo { height:36px !important; max-width:72px !important; top:12px !important; }
      .reel-card__title { font-size:14px !important; }
    }
    /* ── phone reels 3-col ────────────────────────────────────── */
    .phone-reels-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    @media(max-width:900px){ .phone-reels-grid{grid-template-columns:repeat(2,1fr);} }
    @media(max-width:560px){ .phone-reels-grid{display:flex!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;} .phone-reels-grid>div{flex:0 0 calc(47vw - 16px)!important;scroll-snap-align:start;} }

    /* ── social bar ───────────────────────────────────────────── */
    .social-bar { display:flex; gap:16px; align-items:center; }

    @media(max-width:900px){
      :root { --igbs-gutter: 20px; }
      .hero-shell { grid-template-columns:1fr !important; gap:28px !important; padding:36px var(--igbs-gutter) 56px !important; }
      .hero-text { text-align:center !important; }
      .hero-actions { justify-content:center !important; }
      .hero-actions a { flex:1 1 100%; text-align:center; }
      .hero-prompt { max-width:100%; padding:8px 14px !important; }
      .stats-grid { display:grid !important; grid-template-columns:repeat(2,1fr) !important; }
      .stat-item { padding:28px 16px !important; border-right:none !important; border-left:none !important; border-bottom:1px solid rgba(255,255,255,0.08); }
      .clients-fades { display:none !important; }
      .home-services-head, .about-grid, .contact-grid { grid-template-columns:1fr !important; gap:28px !important; }
      .igbs-services__h2, .igbs-services__sub { overflow-wrap: anywhere; max-width: 100%; }
      .igbs-svc__body { padding: 20px 18px 14px !important; }
      .igbs-svc__more { padding: 12px 18px !important; }
      .about-sticky { position:static !important; top:auto !important; }
      .page-header-title { font-size:clamp(30px,11vw,48px) !important; }
      .page-header-sub { font-size:15px !important; max-width:100% !important; }
      .footer-top { justify-content:center !important; text-align:center; }
      .social-bar { justify-content:center; flex-wrap:wrap; }
    }

    @media(max-width:560px){
      .stats-grid { grid-template-columns:1fr !important; }
      .stat-item { padding:24px 14px !important; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
      .mq, .mqr, .blink { animation: none !important; }
    }
  
    .why-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
    @media(max-width:1000px){.why-metrics-grid{grid-template-columns:repeat(2,1fr);}}
    .why-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
    @media(max-width:860px){.why-features-grid{grid-template-columns:repeat(2,1fr);}}
    @media(max-width:560px){.why-features-grid{grid-template-columns:1fr;}}
    @media(max-width:700px){
      .why-partner-strip{flex-direction:column!important;align-items:stretch!important;padding:28px 20px!important;gap:20px!important;}
      .igbs-partner__copy{min-width:0!important;width:100%;max-width:100%;}
      .igbs-partner__sub{max-width:100%!important;}
      .igbs-partner__cta{white-space:normal!important;max-width:100%;justify-content:center;}
    }

/* ── WordPress chrome ─────────────────────────────────────────── */
.igbs-app { min-height: 100vh; background: var(--igbs-bg); color: var(--igbs-pri); font-family: var(--igbs-font-body); }
.igbs-main { display: block; }
.admin-bar .igbs-header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .igbs-header { top: 46px; } }
.wp-site-blocks, .entry-content > .wp-block-acf-igbs-hero,
.entry-content > .wp-block-acf-igbs-stats,
.entry-content > .wp-block-acf-igbs-why-us,
.entry-content > .wp-block-acf-igbs-clients,
.entry-content > .wp-block-acf-igbs-page-header,
.entry-content > .wp-block-acf-igbs-clients-grid,
.entry-content > .wp-block-acf-igbs-about,
.entry-content > .wp-block-acf-igbs-countries,
.entry-content > .wp-block-acf-igbs-services,
.entry-content > .wp-block-acf-igbs-contact,
.entry-content > .wp-block-acf-igbs-reels { margin: 0; max-width: none; }
.entry-content { margin: 0; }
.wp-block-acf-igbs-page-header,
.wp-block-acf-igbs-clients-grid,
.wp-block-acf-igbs-about { margin: 0; max-width: none; }

/* ── Header ───────────────────────────────────────────────────── */
.igbs-header { position: fixed; top: 0; left: 0; right: 0; z-index: 200; background: rgba(8,15,28,0.35); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid transparent; transition: background .35s ease, border-color .35s ease; }
.igbs-header.is-scrolled { background: rgba(37,39,43,0.82); border-bottom-color: var(--igbs-bdr); }
.igbs-nav--desktop { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); height: 88px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; }
.igbs-nav--mobile { display: none; max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); min-height: 76px; }
.igbs-nav__logo { width: auto; display: block; }
.igbs-nav__logo--desktop { height: 48px; }
.igbs-nav__logo--mobile { height: 40px; }
.igbs-nav__links { display: flex; gap: 44px; list-style: none; flex-direction: row; }
.nav-link { position: relative; color: #ffffff; font-size: 14px; font-weight: 500; font-family: var(--igbs-font-body); padding-bottom: 6px; opacity: .78; }
.nav-link.is-active { font-weight: 600; opacity: 1; }
.nav-link.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--igbs-acc); border-radius: 2px; }
.igbs-services-page .nav-link[data-route="services"] { font-weight: 600; opacity: 1; }
.igbs-services-page .nav-link[data-route="services"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--igbs-acc); border-radius: 2px; }
.igbs-services-page .igbs-nav__drawer-link[data-route="services"] { font-weight: 700; background: rgba(var(--igbs-acc-rgb),0.1); border-color: var(--igbs-bdr-acc); }
body.igbs-clients-page .nav-link[data-route="clients"] { font-weight: 600; opacity: 1; }
body.igbs-clients-page .nav-link[data-route="clients"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--igbs-acc); border-radius: 2px; }
body.igbs-clients-page .igbs-nav__drawer-link[data-route="clients"] { font-weight: 700; background: rgba(var(--igbs-acc-rgb),0.1); border-color: var(--igbs-bdr-acc); }
body.igbs-about-page .nav-link[data-route="about"] { font-weight: 600; opacity: 1; }
body.igbs-about-page .nav-link[data-route="about"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--igbs-acc); border-radius: 2px; }
body.igbs-about-page .igbs-nav__drawer-link[data-route="about"] { font-weight: 700; background: rgba(var(--igbs-acc-rgb),0.1); border-color: var(--igbs-bdr-acc); }
body.igbs-reels-page .nav-link[data-route="reels"] { font-weight: 600; opacity: 1; }
body.igbs-reels-page .nav-link[data-route="reels"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--igbs-acc); border-radius: 2px; }
body.igbs-reels-page .igbs-nav__drawer-link[data-route="reels"] { font-weight: 700; background: rgba(var(--igbs-acc-rgb),0.1); border-color: var(--igbs-bdr-acc); }
body.igbs-contact-page .nav-link[data-route="contact"] { font-weight: 600; opacity: 1; }
body.igbs-contact-page .nav-link[data-route="contact"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--igbs-acc); border-radius: 2px; }
body.igbs-contact-page .igbs-nav__drawer-link[data-route="contact"] { font-weight: 700; background: rgba(var(--igbs-acc-rgb),0.1); border-color: var(--igbs-bdr-acc); }
body.igbs-articles-page .nav-link[data-route="articles"] { font-weight: 600; opacity: 1; }
body.igbs-articles-page .nav-link[data-route="articles"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: #007ACC; border-radius: 2px; }
body.igbs-articles-page .igbs-nav__drawer-link[data-route="articles"] { font-weight: 700; background: rgba(0,122,204,0.1); border-color: rgba(0,122,204,0.35); }

/* ── Clients page header (static PageHeader) ──────────────────── */
.igbs-page-header { position: relative; padding-top: 148px; padding-bottom: 80px; background: var(--igbs-bg-s); overflow: hidden; }
.igbs-page-header__bg { position: absolute; inset: 0; background-image: url("../images/hero-footer.png"); background-size: cover; background-position: center 30%; background-repeat: no-repeat; opacity: 0.22; }
.igbs-page-header__veil { position: absolute; inset: 0; background: linear-gradient(to bottom, #0b1422dd 0%, #0b1422ee 55%, #0b1422 100%); }
.igbs-page-header__glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% -20%, rgba(var(--igbs-acc-rgb),0.14), transparent 60%); }
.igbs-page-header__grid { position: absolute; inset: 0; opacity: .04; background-image: linear-gradient(var(--igbs-acc) 1px, transparent 1px), linear-gradient(90deg, var(--igbs-acc) 1px, transparent 1px); background-size: 64px 64px; }
.igbs-page-header__line { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--igbs-acc-rgb),0.32), transparent); }
.page-header-shell { position: relative; max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.igbs-page-header__tag { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; flex-direction: row; }
.igbs-page-header__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--igbs-acc); display: inline-block; }
.igbs-page-header__tag-text { color: var(--igbs-acc); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; font-family: Manrope, sans-serif; }
.page-header-title { color: var(--igbs-pri); font-family: var(--igbs-font-head); font-size: clamp(40px,5.5vw,72px); font-weight: 800; line-height: 1.08; letter-spacing: -.02em; max-width: 900px; margin-bottom: 20px; }
.page-header-sub { color: var(--igbs-sec); font-size: 17px; line-height: 1.75; font-family: var(--igbs-font-body); max-width: 640px; }
html[dir="rtl"] .page-header-shell { text-align: right; }
html[dir="rtl"] .igbs-page-header__tag { flex-direction: row-reverse; }
html[dir="rtl"] .igbs-page-header__tag-text { letter-spacing: 0; }
html[dir="rtl"] .page-header-title { letter-spacing: 0; }

/* ── Clients archive grid (static Clients hideIntro) ──────────── */
.igbs-clients-library { padding: 80px 0; background: var(--igbs-bg-s); position: relative; }
.igbs-clients-library__line { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--igbs-acc-rgb),0.125), transparent); }
.clients-shell { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.client-card { background: var(--igbs-bg-card); }
.client-card__name { color: var(--igbs-pri); font-weight: 700; font-size: 10px; letter-spacing: .07em; font-family: Manrope, sans-serif; text-align: center; padding: 0 6px; text-transform: uppercase; line-height: 1.4; }

/* ── About page (static About) ────────────────────────────────── */
.igbs-about { padding: 80px 0; background: var(--igbs-bg); }
.about-shell { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.about-grid { display: grid; grid-template-columns: 1fr 380px; gap: 80px; align-items: start; }
.igbs-about__intro { margin-bottom: 56px; }
.igbs-about__tag { color: var(--igbs-acc); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; font-family: Manrope, sans-serif; display: block; margin-bottom: 14px; }
.igbs-about__h2 { color: var(--igbs-pri); font-size: clamp(30px,4vw,52px); font-weight: 800; font-family: var(--igbs-font-head); letter-spacing: -.02em; margin-bottom: 14px; }
.igbs-about__sub { color: var(--igbs-sec); font-size: 16px; line-height: 1.75; font-family: var(--igbs-font-body); max-width: 540px; }
.igbs-about__timeline { position: relative; padding-left: 32px; }
.igbs-about__line { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: linear-gradient(to bottom, rgba(var(--igbs-acc-rgb),0.333), rgba(var(--igbs-acc-rgb),0.067)); }
.igbs-about__item { position: relative; margin-bottom: 48px; padding-left: 32px; }
.igbs-about__dot { position: absolute; top: 6px; left: -5px; width: 12px; height: 12px; border-radius: 50%; background: var(--igbs-acc); box-shadow: 0 0 12px rgba(var(--igbs-acc-rgb),0.4); }
.igbs-about__year { color: var(--igbs-acc); font-size: 12px; font-weight: 700; font-family: Manrope, sans-serif; letter-spacing: .1em; display: block; margin-bottom: 8px; }
.igbs-about__title { color: var(--igbs-pri); font-size: 19px; font-weight: 700; font-family: var(--igbs-font-head); margin-bottom: 10px; letter-spacing: -.01em; }
.igbs-about__body { color: var(--igbs-sec); font-size: 14px; line-height: 1.8; font-family: var(--igbs-font-body); }
.about-sticky { position: sticky; top: 120px; display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.igbs-about__card { width: 100%; border-radius: 16px; overflow: hidden; border: 1px solid var(--igbs-bdr); background: var(--igbs-bg-card); padding: 32px; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.igbs-about__card img { width: 100%; max-width: 270px; height: auto; display: block; }
.igbs-about__founder { border-top: 1px solid var(--igbs-bdr); padding-top: 20px; width: 100%; }
.igbs-about__founder-name { color: var(--igbs-pri); font-size: 14px; font-weight: 700; font-family: var(--igbs-font-head); margin: 0; line-height: 1.5; }
.igbs-about__founder-meta { color: var(--igbs-sec); font-size: 12px; font-family: var(--igbs-font-body); margin-top: 6px; }
.igbs-about__evidence { width: 100%; border-radius: 12px; border: 1px solid var(--igbs-bdr-acc); background: rgba(var(--igbs-acc-rgb),0.04); padding: 20px 24px; }
.igbs-about__evidence-tag { color: var(--igbs-acc); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-family: Manrope, sans-serif; display: block; margin-bottom: 12px; }
.igbs-about__stat { display: flex; justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--igbs-bdr); }
.igbs-about__stat.is-last { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.igbs-about__stat-n { color: var(--igbs-pri); font-size: 18px; font-weight: 800; font-family: Manrope, sans-serif; }
.igbs-about__stat-l { color: var(--igbs-sec); font-size: 12px; font-family: var(--igbs-font-body); padding-top: 4px; }
html[dir="rtl"] .igbs-about__intro { text-align: right; }
html[dir="rtl"] .igbs-about__h2,
html[dir="rtl"] .igbs-about__title { letter-spacing: 0; }
html[dir="rtl"] .igbs-about__tag,
html[dir="rtl"] .igbs-about__year,
html[dir="rtl"] .igbs-about__evidence-tag { letter-spacing: 0; }
html[dir="rtl"] .igbs-about__timeline { padding-left: 0; padding-right: 32px; }
html[dir="rtl"] .igbs-about__line { left: auto; right: 0; }
html[dir="rtl"] .igbs-about__item { padding-left: 0; padding-right: 32px; }
html[dir="rtl"] .igbs-about__dot { left: auto; right: -5px; }

/* ── Reels page ───────────────────────────────────────────────── */
.igbs-reels { padding: 80px 0; background: var(--igbs-bg-s); }
.reels-shell { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.igbs-reels__intro { margin-bottom: 40px; }
.igbs-reels__h2 { color: var(--igbs-pri); font-size: clamp(24px,3.5vw,44px); font-weight: 800; font-family: var(--igbs-font-head); letter-spacing: -.02em; margin-bottom: 12px; }
.igbs-reels__sub { color: var(--igbs-sec); font-size: 15px; max-width: 520px; line-height: 1.75; font-family: var(--igbs-font-body); }
.igbs-reels__divider { margin: 72px 0 48px; border-top: 1px solid var(--igbs-bdr); }
.igbs-reels__featured { margin-bottom: 36px; }
.reel-card { border-radius: 12px; overflow: hidden; background: var(--igbs-bg-card); border: 1px solid var(--igbs-bdr); position: relative; }
.reel-vid { position: relative; background: #040c18; overflow: hidden; }
.reel-vid--wide { aspect-ratio: 16/9; }
.reel-vid--phone { aspect-ratio: 9/16; }
.reel-vid video,
.reel-vid iframe { position: absolute; inset: 0; width: 100%; height: 100%; background: #040c18; border: 0; }
.reel-vid video { object-fit: cover; }
.reel-vid__poster { position: absolute; inset: 0; }
.reel-vid__poster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.reel-card.is-playing .reel-vid__poster { display: none; }
.reel-card.is-playing:hover .reel-vid { transform: none; }
.reel-vid__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(4,12,24,0.35); border: 0; cursor: pointer; width: 100%; padding: 0; z-index: 2; }
.reel-card.is-playing .reel-vid__play,
.reel-card.is-playing .reel-vid__logo,
.reel-card.is-playing .reel-vid__num { display: none; }
.reel-vid__ring { position: absolute; width: 72px; height: 72px; border-radius: 50%; border: 1.5px solid var(--igbs-acc); animation: pulse-ring 1.8s ease-out infinite; }
.reel-vid--phone .reel-vid__ring { width: 60px; height: 60px; }
.reel-vid__btn { width: 58px; height: 58px; border-radius: 50%; background: rgba(var(--igbs-acc-rgb),.18); border: 1.5px solid var(--igbs-bdr-acc); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(6px); position: relative; z-index: 1; color: var(--igbs-acc); }
.reel-vid--phone .reel-vid__btn { width: 46px; height: 46px; }
.reel-vid--phone .reel-vid__btn svg { width: 16px; height: 16px; }
.reel-vid__logo { position: absolute; top: 10px; right: 10px; z-index: 20; height: 48px; max-width: 90px; object-fit: contain; display: block; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.55)); pointer-events: none; }
.reel-vid__num { position: absolute; top: 10px; left: 10px; background: rgba(var(--igbs-acc-rgb),0.9); color: #fff; font-family: Manrope, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .08em; padding: 3px 8px; border-radius: 4px; z-index: 10; pointer-events: none; }
.reel-card__meta { padding: 12px 16px; }
.reels-grid .reel-card__meta { padding: 10px 16px; }
.reel-card__title { color: var(--igbs-pri); font-size: 13px; font-weight: 600; font-family: var(--igbs-font-head); margin: 0; line-height: 1.5; }
.igbs-reels__featured .reel-card__title { font-size: 14px; }
html[dir="rtl"] .igbs-reels__intro { text-align: right; }
html[dir="rtl"] .igbs-reels__intro .igbs-kicker { letter-spacing: 0; }
html[dir="rtl"] .igbs-reels__h2 { letter-spacing: 0; }
html[dir="rtl"] .reel-card__title { text-align: right; }
html[dir="rtl"] .reel-vid__logo { right: auto; left: 10px; }
html[dir="rtl"] .reel-vid__num { left: auto; right: 10px; }

.igbs-nav__actions { display: flex; gap: 12px; align-items: center; flex-direction: row; }
.igbs-nav__cta { display: block; background: var(--igbs-cta-bg); color: var(--igbs-cta-clr); padding: 10px 24px; border-radius: 8px; font-size: 13px; font-weight: 700; font-family: var(--igbs-font-head); transition: opacity .2s; position: relative; z-index: 1; }
.igbs-nav__cta:hover { opacity: .85; }
.igbs-nav__mobile-bar { height: 76px; display: flex; align-items: center; justify-content: space-between; }
.igbs-nav__mobile-tools { display: flex; gap: 10px; align-items: center; }
.igbs-nav__burger { width: 42px; height: 42px; border-radius: 999px; border: 1px solid var(--igbs-bdr-acc); background: rgba(255,255,255,0.03); color: var(--igbs-pri); display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; z-index: 2; }
.igbs-nav__burger-close { display: none; }
.igbs-header.is-open .igbs-nav__burger-open { display: none; }
.igbs-header.is-open .igbs-nav__burger-close { display: block; }
.igbs-nav__drawer { padding: 8px 0 18px; display: none; flex-direction: column; gap: 10px; }
.igbs-nav__drawer[hidden] { display: none; }
.igbs-header.is-open .igbs-nav__drawer { display: flex; }
.igbs-nav__drawer-link { color: #ffffff; font-size: 15px; font-weight: 500; font-family: var(--igbs-font-body); padding: 12px 14px; border-radius: 10px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }
.igbs-nav__drawer-link.is-active { font-weight: 700; background: rgba(var(--igbs-acc-rgb),0.1); border-color: var(--igbs-bdr-acc); }
.igbs-nav__drawer-cta { display: block; margin-top: 4px; background: var(--igbs-cta-bg); color: var(--igbs-cta-clr); padding: 13px 18px; border-radius: 10px; font-size: 14px; font-weight: 700; font-family: var(--igbs-font-head); text-align: center; }
@media (max-width: 900px) {
  .igbs-header { background: rgba(8,15,28,0.72); }
  .igbs-header.is-scrolled, .igbs-header.is-open { background: rgba(37,39,43,0.9); border-bottom-color: var(--igbs-bdr); }
  .igbs-nav--desktop { display: none; }
  .igbs-nav--mobile { display: block; }
}

/* ── Language switcher ────────────────────────────────────────── */
.igbs-lang { position: relative; }
.igbs-lang__btn { background: transparent; border: 1px solid var(--igbs-bdr-acc); color: var(--igbs-acc); padding: 0 14px; height: 40px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: Manrope, sans-serif; transition: all .2s; display: flex; align-items: center; gap: 7px; }
.igbs-lang__btn:hover { border-color: var(--igbs-cta-bg); background: rgba(var(--igbs-acc-rgb),0.08); }
.igbs-lang.is-open .igbs-lang__chevron { transform: rotate(180deg); }
.igbs-lang__chevron { transition: transform .2s; }
.igbs-lang__menu { position: absolute; top: calc(100% + 8px); right: 0; background: var(--igbs-bg-card); border: 1px solid var(--igbs-bdr); border-radius: 10px; overflow: hidden; z-index: 400; min-width: 145px; box-shadow: 0 12px 40px rgba(0,0,0,0.5); }
html[dir="rtl"] .igbs-lang__menu { right: auto; left: 0; }
.igbs-lang__item { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 16px; background: transparent; border: none; cursor: pointer; color: var(--igbs-sec); font-size: 13px; font-family: Manrope, sans-serif; transition: background .15s; }
.igbs-lang__item:hover { background: rgba(var(--igbs-acc-rgb),0.09); }
.igbs-lang__item.is-active { background: rgba(var(--igbs-acc-rgb),0.12); color: var(--igbs-pri); }
.igbs-lang__code { font-weight: 700; font-size: 12px; min-width: 28px; }
.igbs-lang__full { font-size: 12px; }

/* ── Footer ───────────────────────────────────────────────────── */
.igbs-footer { background: var(--igbs-bg-s); border-top: 1px solid var(--igbs-bdr); padding: 36px 0; }
.footer-shell { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.footer-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; margin-bottom: 24px; }
html[dir="rtl"] .footer-top { flex-direction: row-reverse; }
.igbs-footer__logo { height: 84px; width: auto; display: block; opacity: .95; }
.social-icon { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--igbs-bdr); background: var(--igbs-bg-card); display: flex; align-items: center; justify-content: center; }
.igbs-footer__legal { border-top: 1px solid var(--igbs-bdr); padding-top: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px 28px; }
.igbs-footer__copy { color: var(--igbs-muted); font-size: 12px; font-family: var(--igbs-font-body); margin: 0; }
.igbs-footer__links { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.igbs-footer__links a { color: var(--igbs-muted); font-size: 12px; font-family: var(--igbs-font-body); transition: color .2s; }
.igbs-footer__links a:hover { color: var(--igbs-pri); }
.igbs-footer__credit { color: var(--igbs-muted); font-size: 11px; font-family: var(--igbs-font-body); margin-top: 6px; opacity: .85; }
.igbs-footer__credit a { color: inherit; text-decoration: underline; }
html[dir="rtl"] .igbs-footer__legal { flex-direction: row-reverse; }
html[dir="rtl"] .igbs-footer__copy, html[dir="rtl"] .igbs-footer__credit { text-align: right; }

/* ── Sticky consultation CTA ──────────────────────────────────── */
#igbs-sticky-cta { position: fixed; bottom: 22px; left: 22px; z-index: 9998; display: inline-flex; align-items: center; gap: 9px; background: #007ACC; color: #fff; font-family: var(--igbs-font-head); font-weight: 700; font-size: 15px; padding: 13px 22px; border-radius: 999px; text-decoration: none; box-shadow: 0 10px 30px rgba(0,122,204,.45); opacity: 0; transform: translateY(16px); pointer-events: none; transition: opacity .3s, transform .3s, background .2s; }
#igbs-sticky-cta.show { opacity: 1; transform: translateY(0); pointer-events: auto; }
#igbs-sticky-cta:hover { background: #0a93e6; }
#igbs-sticky-cta svg { flex-shrink: 0; }
@media (max-width: 600px) {
  #igbs-sticky-cta { bottom: 16px; left: 14px; font-size: 14px; padding: 12px 18px; }
}

/* ── WhatsApp FAB ─────────────────────────────────────────────── */
.wa-fab { position: fixed; bottom: 28px; right: 28px; z-index: 300; display: flex; align-items: center; justify-content: center; background: #25d366; color: #fff; width: 54px; height: 54px; border-radius: 50%; box-shadow: 0 8px 32px rgba(37,211,102,0.42); transition: transform .2s, box-shadow .2s; }
.wa-fab:hover { transform: translateY(-3px) scale(1.08); box-shadow: 0 12px 40px rgba(37,211,102,.56); }

/* ── Reveal ───────────────────────────────────────────────────── */
.js-inview { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.js-inview.is-in { opacity: 1; transform: none; }

/* ── Hero ─────────────────────────────────────────────────────── */
.igbs-hero { min-height: 100vh; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding-top: 76px; }
.igbs-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.igbs-hero__dim { position: absolute; inset: 0; background: rgba(4,6,12,0.62); }
.igbs-hero__glow { position: absolute; inset: 0; background: radial-gradient(ellipse 55% 55% at 72% 50%, rgba(0,122,204,0.07) 0%, transparent 65%); }
.igbs-hero__wash { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(6,8,14,0.45) 0%, rgba(4,5,6,0.55) 100%); }
.igbs-hero__fade { position: absolute; bottom: 0; left: 0; right: 0; height: 28%; background: linear-gradient(to bottom, transparent, var(--igbs-bg)); pointer-events: none; }
.hero-shell { position: relative; z-index: 1; max-width: var(--igbs-container); margin: 0 auto; padding: 72px var(--igbs-gutter); display: grid; grid-template-columns: 50% 1fr; gap: 48px; align-items: center; }
html[dir="rtl"] .hero-shell { grid-template-columns: 1fr 50%; }
.hero-text { text-align: left; }
html[dir="rtl"] .hero-text { text-align: right; }
.igbs-hero__tag { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 32px; }
html[dir="rtl"] .igbs-hero__tag { flex-direction: row-reverse; }
.igbs-hero__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--igbs-acc); display: block; }
.igbs-hero__tag-text { color: var(--igbs-acc); font-size: 11px; font-weight: 600; letter-spacing: .12em; font-family: Manrope, sans-serif; text-transform: uppercase; }
.hero-title { font-family: var(--igbs-font-head); font-weight: 800; color: #ffffff; font-size: clamp(40px,5vw,74px); line-height: 1.06; margin-bottom: 24px; letter-spacing: -.02em; white-space: pre-line; }
html[dir="rtl"] .hero-title { letter-spacing: 0; }
.igbs-hero__sub { color: rgba(210,228,242,0.70); font-size: 16px; line-height: 1.82; font-family: var(--igbs-font-body); margin-bottom: 44px; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.igbs-hero__cta { background: var(--igbs-cta-bg); color: var(--igbs-cta-clr); padding: 15px 36px; border-radius: 8px; font-size: 15px; font-weight: 700; font-family: var(--igbs-font-head); transition: opacity .2s; }
.igbs-hero__cta:hover { opacity: .84; }
.igbs-hero__cta2 { border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.82); padding: 15px 36px; border-radius: 8px; font-size: 15px; font-weight: 500; font-family: var(--igbs-font-body); background: rgba(255,255,255,.06); backdrop-filter: blur(8px); transition: background .2s; }
.igbs-hero__cta2:hover { background: rgba(255,255,255,.12); }
.igbs-hero__note { color: rgba(200,218,236,0.45); font-size: 12.5px; font-family: var(--igbs-font-body); margin-top: 18px; margin-bottom: 0; letter-spacing: .01em; }
.igbs-hero__globe-col { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; gap: 16px; }
.igbs-hero__globe-glow { position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(var(--igbs-acc-rgb),0.07) 0%, transparent 68%); pointer-events: none; }
.igbs-globe { cursor: grab; display: block; width: min(500px, 100%); height: auto; max-width: 100%; }
.igbs-hero__prompt-wrap { position: relative; z-index: 1; text-align: center; margin-top: -8px; }
.hero-prompt { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.05); border: 1px solid var(--igbs-bdr-acc); border-radius: 100px; padding: 8px 20px; backdrop-filter: blur(8px); }
.igbs-hero__prompt-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--igbs-acc); display: block; flex-shrink: 0; }
.igbs-hero__prompt-text { color: var(--igbs-acc); font-size: 12px; font-weight: 600; font-family: Manrope, sans-serif; letter-spacing: .04em; }

/* ── Stats ────────────────────────────────────────────────────── */
.igbs-stats { background: var(--igbs-bg-s); border-top: 1px solid var(--igbs-bdr); border-bottom: 1px solid var(--igbs-bdr); position: relative; overflow: hidden; }
.igbs-stats__line { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(232,237,244,0.133), transparent); }
.stats-grid { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); display: flex; flex-direction: row; flex-wrap: wrap; }
html[dir="rtl"] .stats-grid { flex-direction: row-reverse; }
.stat-item { flex: 1; text-align: center; padding: 48px 24px; border-right: 1px solid var(--igbs-bdr); transition: background .3s; }
.stat-item:last-child { border-right: none; }
html[dir="rtl"] .stat-item { border-right: none; border-left: 1px solid var(--igbs-bdr); }
html[dir="rtl"] .stat-item:last-child { border-left: none; }
.stat-item:hover { background: rgba(255,255,255,0.02); }
.igbs-stat__n { font-size: clamp(38px,4vw,60px); font-weight: 800; color: var(--igbs-pri); font-family: Manrope, sans-serif; line-height: 1; letter-spacing: -.02em; }
.igbs-stat__label { color: var(--igbs-sec); font-size: 12px; margin-top: 10px; font-family: var(--igbs-font-body); letter-spacing: .07em; text-transform: uppercase; }
html[dir="rtl"] .igbs-stat__label { letter-spacing: 0; text-transform: none; }

/* ── Why Us ───────────────────────────────────────────────────── */
.igbs-why { padding: 96px 0; background: var(--igbs-bg-s); position: relative; overflow: hidden; border-top: 1px solid var(--igbs-bdr); border-bottom: 1px solid var(--igbs-bdr); }
.igbs-why__orb-a { position: absolute; top: -140px; right: -140px; width: 480px; height: 480px; background: radial-gradient(circle, rgba(232,237,244,0.031) 0%, transparent 70%); pointer-events: none; }
.igbs-why__orb-b { position: absolute; bottom: -100px; left: -80px; width: 320px; height: 320px; background: radial-gradient(circle, rgba(232,237,244,0.02) 0%, transparent 70%); pointer-events: none; }
.igbs-why__inner { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.igbs-why__intro { max-width: 640px; margin-bottom: 56px; text-align: left; }
html[dir="rtl"] .igbs-why__intro { text-align: right; }
.igbs-kicker { color: var(--igbs-acc); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; font-family: Manrope, sans-serif; display: block; margin-bottom: 14px; }
.igbs-why__h2 { color: var(--igbs-pri); font-size: clamp(28px,4vw,52px); font-weight: 800; font-family: var(--igbs-font-head); letter-spacing: -.02em; margin-bottom: 14px; line-height: 1.15; }
html[dir="rtl"] .igbs-why__h2 { letter-spacing: 0; }
.igbs-why__sub { color: var(--igbs-sec); font-size: 16px; line-height: 1.75; font-family: var(--igbs-font-body); }
.why-metrics-grid { margin-bottom: 56px; }
.igbs-metric { background: var(--igbs-bg-card); border: 1px solid var(--igbs-bdr); border-radius: 16px; padding: 32px 24px; text-align: center; position: relative; overflow: hidden; transition: border-color .2s, transform .2s, box-shadow .2s; cursor: default; }
.igbs-metric:hover { border-color: var(--igbs-bdr-acc); transform: translateY(-3px); box-shadow: 0 16px 48px rgba(0,0,0,.22), 0 0 0 1px rgba(232,237,244,0.125); }
.igbs-metric__glow { position: absolute; inset: 0; background: radial-gradient(circle at 50% 0%, rgba(232,237,244,0.031), transparent 65%); pointer-events: none; }
.igbs-metric__icon { margin-bottom: 14px; display: flex; justify-content: center; color: var(--igbs-acc); }
.igbs-metric__n { font-size: clamp(34px,3.5vw,50px); font-weight: 800; color: var(--igbs-pri); font-family: Manrope, sans-serif; line-height: 1; letter-spacing: -.02em; }
.igbs-metric__label { color: var(--igbs-sec); font-size: 13px; margin-top: 10px; font-family: var(--igbs-font-body); line-height: 1.5; }
.why-features-grid { margin-bottom: 80px; }
.igbs-feature { display: flex; gap: 16px; text-align: left; align-items: flex-start; }
html[dir="rtl"] .igbs-feature { flex-direction: row-reverse; text-align: right; }
.igbs-feature__icon { flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: rgba(var(--igbs-acc-rgb),.1); border: 1px solid var(--igbs-bdr-acc); display: flex; align-items: center; justify-content: center; margin-top: 2px; }
.igbs-feature__title { color: var(--igbs-pri); font-size: 16px; font-weight: 700; font-family: var(--igbs-font-head); margin-bottom: 6px; line-height: 1.3; }
.igbs-feature__body { color: var(--igbs-sec); font-size: 14px; line-height: 1.75; font-family: var(--igbs-font-body); margin: 0; }
.why-partner-strip { border-radius: 20px; border: 1px solid var(--igbs-bdr-acc); background: linear-gradient(135deg, rgba(var(--igbs-acc-rgb),.07), rgba(var(--igbs-acc-rgb),.02)); padding: 48px 52px; display: flex; align-items: center; justify-content: space-between; gap: 40px; min-width: 0; max-width: 100%; }
html[dir="rtl"] .why-partner-strip { direction: rtl; }
.igbs-partner__copy { flex: 1; min-width: 0; max-width: 100%; }
.igbs-partner__tag { color: var(--igbs-acc); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-family: Manrope, sans-serif; display: block; margin-bottom: 10px; overflow-wrap: anywhere; }
.igbs-partner__h3 { color: var(--igbs-pri); font-size: clamp(20px,2.5vw,28px); font-weight: 800; font-family: var(--igbs-font-head); letter-spacing: -.01em; margin-bottom: 10px; line-height: 1.2; overflow-wrap: anywhere; }
html[dir="rtl"] .igbs-partner__h3 { letter-spacing: 0; }
.igbs-partner__sub { color: var(--igbs-sec); font-size: 14px; line-height: 1.75; font-family: var(--igbs-font-body); max-width: 540px; margin: 0; overflow-wrap: anywhere; }
.igbs-partner__cta { flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; background: var(--igbs-cta-bg); color: var(--igbs-cta-clr); padding: 15px 32px; border-radius: 10px; font-size: 14px; font-weight: 700; font-family: Manrope, sans-serif; text-decoration: none; transition: opacity .2s, transform .2s; white-space: nowrap; max-width: 100%; }
.igbs-partner__cta:hover { opacity: .85; transform: translateY(-2px); }

/* ── Clients home ─────────────────────────────────────────────── */
.igbs-clients { padding: 56px 0 48px; background: var(--igbs-bg-s); position: relative; overflow: hidden; }
.igbs-clients__line { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(232,237,244,0.188), transparent); }
.igbs-clients__intro { text-align: center; margin-bottom: 40px; padding: 0 24px; }
.igbs-clients__h2 { color: var(--igbs-pri); font-size: clamp(22px,2.8vw,36px); font-weight: 800; font-family: var(--igbs-font-head); letter-spacing: -.02em; margin-bottom: 8px; }
html[dir="rtl"] .igbs-clients__h2 { letter-spacing: 0; }
.igbs-clients__sub { color: var(--igbs-sec); font-size: 14px; font-family: var(--igbs-font-body); line-height: 1.6; max-width: 500px; margin: 0 auto; }
.igbs-clients__mq { position: relative; }
.clients-fades { position: absolute; top: 0; bottom: 0; width: 180px; z-index: 3; pointer-events: none; }
.clients-fades--l { left: 0; background: linear-gradient(to right, var(--igbs-bg-s) 10%, transparent); }
.clients-fades--r { right: 0; background: linear-gradient(to left, var(--igbs-bg-s) 10%, transparent); }
.igbs-clients__rows { padding: 16px 0; }
.igbs-mq-item { display: flex; align-items: center; justify-content: center; height: 78px; min-width: 168px; padding: 0 40px; flex-shrink: 0; }
.igbs-mq-item img { height: 54px; max-width: 148px; object-fit: contain; opacity: .9; }
.mq-row { margin-bottom: 24px; }
.mq-row:last-child { margin-bottom: 0; }
.igbs-clients-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; width: min(620px,82vw); }
.igbs-clients-video__frame { border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 32px 80px rgba(0,0,0,0.78), 0 0 140px rgba(232,237,244,0.157); background: #000; }
.igbs-clients-video__ratio { position: relative; padding-bottom: 56.25%; height: 0; }
.igbs-clients-video__ratio img, .igbs-clients-video__ratio video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.igbs-clients-video__ratio img { object-fit: cover; }
.igbs-clients-video__ratio video { object-fit: contain; background: #000; }
.igbs-clients-video__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(4,12,24,0.38); transition: background .2s; border: 0; width: 100%; }
.igbs-clients-video__ring { position: absolute; width: 72px; height: 72px; border-radius: 50%; border: 1.5px solid var(--igbs-acc); animation: pulse-ring 1.8s ease-out infinite; }
.igbs-clients-video__btn { width: 58px; height: 58px; border-radius: 50%; background: rgba(var(--igbs-acc-rgb),.18); border: 1.5px solid var(--igbs-bdr-acc); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(6px); position: relative; z-index: 1; }
.igbs-clients__cta-wrap { text-align: center; margin-top: 36px; position: relative; z-index: 4; }
.igbs-clients__cta { display: inline-flex; align-items: center; gap: 10px; background: var(--igbs-cta-bg); color: var(--igbs-cta-clr); padding: 14px 34px; border-radius: 8px; font-size: 15px; font-weight: 700; font-family: Manrope, sans-serif; text-decoration: none; letter-spacing: .02em; box-shadow: 0 6px 28px rgba(0,0,0,0.45); transition: filter .2s ease, transform .2s ease; }
.igbs-clients__cta:hover { filter: brightness(1.15); transform: translateY(-2px); }

/* ── Countries ────────────────────────────────────────────────── */
.igbs-countries { padding: 80px 0; background: var(--igbs-bg); border-top: 1px solid var(--igbs-bdr); }
.igbs-countries__inner { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.igbs-countries__intro { text-align: left; margin-bottom: 48px; }
html[dir="rtl"] .igbs-countries__intro { text-align: right; }
.igbs-countries__h2 { color: var(--igbs-pri); font-size: clamp(26px,3.5vw,44px); font-weight: 800; font-family: var(--igbs-font-head); margin-bottom: 14px; letter-spacing: -.02em; }
html[dir="rtl"] .igbs-countries__h2 { letter-spacing: 0; }
.igbs-countries__sub { color: var(--igbs-sec); font-size: 15px; line-height: 1.75; font-family: var(--igbs-font-body); max-width: 560px; }
.igbs-countries__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; }
.igbs-country { text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 28px 16px; border-radius: 12px; background: var(--igbs-bg-card); border: 1px solid var(--igbs-bdr); cursor: pointer; transition: border-color .2s, background .2s, transform .2s; }
.igbs-country:hover { border-color: var(--igbs-acc); background: rgba(0,122,204,0.07); transform: translateY(-3px); }
.igbs-country img { border-radius: 4px; object-fit: cover; display: block; }
.igbs-country__name { color: var(--igbs-pri); font-family: var(--igbs-font-head); font-weight: 600; font-size: 14px; text-align: center; }
.igbs-country__go { color: var(--igbs-acc); font-size: 11px; font-family: Manrope, sans-serif; display: flex; align-items: center; gap: 4px; }
html[dir="rtl"] .igbs-country__go svg { transform: rotate(180deg); }

/* ── Services home ────────────────────────────────────────────── */
.igbs-services { padding: 80px 0; background: var(--igbs-bg); }
.section-shell { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.home-services-head { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 56px; }
.igbs-services__h2 { color: var(--igbs-pri); font-size: clamp(30px,4vw,52px); font-weight: 800; font-family: var(--igbs-font-head); line-height: 1.08; letter-spacing: -.02em; }
html[dir="rtl"] .igbs-services__h2 { letter-spacing: 0; }
.igbs-services__sub-wrap { display: flex; align-items: flex-end; }
.igbs-services__sub { color: var(--igbs-sec); font-size: 16px; line-height: 1.75; font-family: var(--igbs-font-body); }
.igbs-services__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); gap: 16px; min-width: 0; max-width: 100%; }
.igbs-svc { display: flex; flex-direction: column; background: var(--igbs-bg-card); border: 1px solid var(--igbs-bdr); border-radius: 12px; overflow: hidden; min-width: 0; max-width: 100%; transition: border-color .2s, transform .2s, background .2s; cursor: pointer; color: inherit; text-decoration: none; }
.igbs-svc:hover { border-color: var(--igbs-bdr-acc); transform: translateY(-3px); background: var(--igbs-bg-card-h); }
.igbs-svc__media { width: 100%; height: 160px; overflow: hidden; flex-shrink: 0; }
.igbs-svc__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.igbs-svc__body { padding: 24px 28px 16px; display: flex; flex-direction: column; gap: 10px; flex: 1; min-width: 0; }
.igbs-svc__num { color: rgba(var(--igbs-acc-rgb),0.6); font-family: Manrope, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.igbs-svc__title { color: var(--igbs-pri); font-size: 17px; font-weight: 700; font-family: var(--igbs-font-head); margin: 0; letter-spacing: -.01em; line-height: 1.3; overflow-wrap: anywhere; }
html[dir="rtl"] .igbs-svc__title { letter-spacing: 0; }
.igbs-svc__bullet { color: var(--igbs-muted); font-size: 12px; line-height: 1.6; font-family: var(--igbs-font-body); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.igbs-svc__desc { color: var(--igbs-sec); font-size: 13px; line-height: 1.72; font-family: var(--igbs-font-body); margin: 0; flex: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.igbs-svc__more { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 28px; border-top: 1px solid var(--igbs-bdr); text-decoration: none; transition: background .2s; min-width: 0; }
.igbs-svc__more:hover { background: rgba(var(--igbs-acc-rgb),.06); }
.igbs-svc__more span { color: var(--igbs-acc); font-size: 13px; font-weight: 600; font-family: var(--igbs-font-head); min-width: 0; overflow-wrap: anywhere; }
.igbs-svc__more svg { color: var(--igbs-acc); transition: transform .2s; }
html[dir="rtl"] .igbs-svc__more svg { transform: rotate(180deg); }

/* ── Contact ──────────────────────────────────────────────────── */
.igbs-contact { padding: 104px 0; background: var(--igbs-bg); }
.igbs-contact.is-compact { padding: 56px 0 104px; }
.contact-shell { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.igbs-contact__intro { margin-bottom: 72px; text-align: left; }
html[dir="rtl"] .igbs-contact__intro { text-align: right; }
.igbs-contact__h2 { color: var(--igbs-pri); font-size: clamp(28px,4vw,50px); font-weight: 800; font-family: var(--igbs-font-head); letter-spacing: -.02em; margin-bottom: 12px; }
html[dir="rtl"] .igbs-contact__h2 { letter-spacing: 0; }
.igbs-contact__sub { color: var(--igbs-sec); font-size: 15px; max-width: 440px; line-height: 1.75; font-family: var(--igbs-font-body); }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.igbs-contact__form, .gform_wrapper.igbs-gform { display: flex; flex-direction: column; gap: 14px; }
.gform_wrapper.igbs-gform .gform_fields,
.gform_wrapper.igbs-gform .gform_body,
.gform_wrapper.igbs-gform form { display: flex; flex-direction: column; gap: 14px; }
.gform_wrapper.igbs-gform .gfield { padding: 0 !important; margin: 0 !important; }
.gform_wrapper.igbs-gform .gfield_label,
.gform_wrapper.igbs-gform .gform_required_legend { display: none !important; }
.igbs-contact input[type="text"],
.igbs-contact input[type="email"],
.igbs-contact input[type="tel"],
.igbs-contact textarea,
.igbs-contact select,
.gform_wrapper.igbs-gform input[type="text"],
.gform_wrapper.igbs-gform input[type="email"],
.gform_wrapper.igbs-gform input[type="tel"],
.gform_wrapper.igbs-gform textarea,
.gform_wrapper.igbs-gform select {
  width: 100%; background: var(--igbs-bg-card); border: 1px solid var(--igbs-bdr); color: var(--igbs-pri);
  padding: 14px 18px; border-radius: 8px; font-size: 14px; font-family: var(--igbs-font-body); outline: none;
  display: block; resize: none; transition: border-color .2s, box-shadow .2s; appearance: none; -webkit-appearance: none;
}
.igbs-contact select,
.gform_wrapper.igbs-gform select {
  padding-inline-end: 44px;
  cursor: pointer;
}
.gform_wrapper.igbs-gform .ginput_container:has(select),
.igbs-contact .ginput_container:has(select) {
  position: relative;
}
.gform_wrapper.igbs-gform .ginput_container:has(select)::after,
.igbs-contact .ginput_container:has(select)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 1.6px solid var(--igbs-acc);
  border-bottom: 1.6px solid var(--igbs-acc);
  transform: rotate(45deg);
  pointer-events: none;
  opacity: .8;
}
html[dir="rtl"] .gform_wrapper.igbs-gform .ginput_container:has(select)::after,
html[dir="rtl"] .igbs-contact .ginput_container:has(select)::after {
  right: auto;
  left: 18px;
}
html[dir="rtl"] .igbs-contact input[type="tel"],
html[dir="rtl"] .igbs-contact input[type="email"],
html[dir="rtl"] .gform_wrapper.igbs-gform input[type="tel"],
html[dir="rtl"] .gform_wrapper.igbs-gform input[type="email"] {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .igbs-contact input[type="tel"]:not(:placeholder-shown),
html[dir="rtl"] .igbs-contact input[type="email"]:not(:placeholder-shown),
html[dir="rtl"] .gform_wrapper.igbs-gform input[type="tel"]:not(:placeholder-shown),
html[dir="rtl"] .gform_wrapper.igbs-gform input[type="email"]:not(:placeholder-shown) {
  direction: ltr;
  text-align: left;
}
.igbs-contact input:focus, .igbs-contact textarea:focus, .igbs-contact select:focus,
.gform_wrapper.igbs-gform input:focus, .gform_wrapper.igbs-gform textarea:focus, .gform_wrapper.igbs-gform select:focus {
  border-color: var(--igbs-bdr-acc); box-shadow: 0 0 0 3px rgba(var(--igbs-acc-rgb),0.14);
}
.igbs-contact textarea, .gform_wrapper.igbs-gform textarea { min-height: 120px; }
.igbs-contact__submit,
.gform_wrapper.igbs-gform .gform_button {
  background: var(--igbs-cta-bg); color: var(--igbs-cta-clr); border: none; padding: 15px; border-radius: 8px;
  font-size: 15px; font-weight: 700; font-family: var(--igbs-font-head); cursor: pointer; letter-spacing: .01em; transition: opacity .2s; width: 100%;
}
.igbs-contact__submit:hover, .gform_wrapper.igbs-gform .gform_button:hover { opacity: .85; }
.igbs-contact__ok { color: rgba(173, 234, 197, 0.95); font-size: 13px; font-family: var(--igbs-font-body); line-height: 1.6; }
.igbs-contact__err { color: rgba(255, 191, 191, 0.95); font-size: 13px; font-family: var(--igbs-font-body); line-height: 1.6; }
.gform_confirmation_message { color: rgba(173, 234, 197, 0.95); font-size: 13px; font-family: var(--igbs-font-body); line-height: 1.6; }
.igbs-contact__meta { display: flex; flex-direction: column; gap: 32px; }
html[dir="rtl"] .igbs-contact__meta { text-align: right; }
.igbs-contact__row { display: flex; align-items: flex-start; gap: 18px; }
.igbs-contact__ico { width: 44px; height: 44px; border-radius: 8px; border: 1px solid var(--igbs-bdr); background: var(--igbs-bg-card); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--igbs-acc); }
.igbs-contact__val, .igbs-contact__val a { color: var(--igbs-sec); font-size: 15px; line-height: 1.75; font-family: var(--igbs-font-body); padding-top: 6px; transition: color .2s; }
.igbs-contact__val a:hover { color: var(--igbs-pri); }
.igbs-contact__hours { border-top: 1px solid var(--igbs-bdr); padding-top: 28px; }
.igbs-contact__hours p { color: var(--igbs-muted); font-size: 12px; font-family: var(--igbs-font-body); line-height: 1.75; letter-spacing: .02em; }
html[dir="rtl"] .igbs-contact__hours p { letter-spacing: 0; }

@media (max-width: 900px) {
  .igbs-why__inner, .igbs-countries__inner { padding-left: var(--igbs-gutter); padding-right: var(--igbs-gutter); }
}

/* Service single — static Services() non-homeMode */
.igbs-svc-single { padding-top: 88px; background: var(--igbs-bg); min-height: 100svh; }
.igbs-svc-single__split { display: flex; flex-direction: row; height: calc(100svh - 88px); }
.igbs-svc-single__nav { width: 300px; flex-shrink: 0; background: var(--igbs-bg-s); overflow-y: auto; padding: 32px 0; border-right: 1px solid var(--igbs-bdr); }
html[dir="rtl"] .igbs-svc-single__nav { border-right: none; border-left: 1px solid var(--igbs-bdr); }
.igbs-svc-single__nav-head { padding: 0 28px 24px; border-bottom: 1px solid var(--igbs-bdr); margin-bottom: 8px; }
html[dir="rtl"] .igbs-svc-single__nav-head { text-align: right; }
.igbs-svc-single__nav-tag { color: rgba(var(--igbs-acc-rgb), 0.55); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-family: Manrope, sans-serif; }
html[dir="rtl"] .igbs-svc-single__nav-tag { letter-spacing: 0; }
.igbs-svc-single__nav-h2 { color: var(--igbs-pri); font-size: 15px; font-weight: 700; font-family: var(--igbs-font-head); margin-top: 6px; line-height: 1.3; }
.igbs-svc-single__nav-item { width: 100%; display: flex; flex-direction: row; align-items: flex-start; gap: 14px; padding: 16px 28px; text-decoration: none; border-left: 3px solid transparent; transition: background .18s, color .18s; }
html[dir="rtl"] .igbs-svc-single__nav-item { border-left: none; border-right: 3px solid transparent; text-align: right; }
.igbs-svc-single__nav-item.is-active { background: rgba(var(--igbs-acc-rgb), 0.07); border-left-color: var(--igbs-cta-bg); }
html[dir="rtl"] .igbs-svc-single__nav-item.is-active { border-right-color: var(--igbs-cta-bg); }
.igbs-svc-single__nav-item:hover { background: rgba(var(--igbs-acc-rgb), 0.04); }
.igbs-svc-single__nav-num { color: rgba(var(--igbs-acc-rgb), 0.35); font-size: 10px; font-weight: 700; letter-spacing: .08em; flex-shrink: 0; padding-top: 3px; font-family: Manrope, sans-serif; }
html[dir="rtl"] .igbs-svc-single__nav-num { letter-spacing: 0; }
.igbs-svc-single__nav-item.is-active .igbs-svc-single__nav-num { color: rgba(var(--igbs-acc-rgb), 0.7); }
.igbs-svc-single__nav-title { color: var(--igbs-muted); font-size: 13px; font-weight: 400; font-family: var(--igbs-font-head); line-height: 1.45; }
.igbs-svc-single__nav-item.is-active .igbs-svc-single__nav-title { color: var(--igbs-pri); font-weight: 600; }
.igbs-svc-single__main { flex: 1; overflow-y: auto; }
html[dir="rtl"] .igbs-svc-single__main { text-align: right; }
.igbs-svc-single__inner { max-width: 760px; padding: 56px 64px; }
.igbs-svc-single__count { color: rgba(var(--igbs-acc-rgb), 0.4); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-family: Manrope, sans-serif; display: block; margin-bottom: 16px; }
.igbs-svc-single__watermark { font-size: clamp(72px, 9vw, 120px); font-weight: 800; color: rgba(var(--igbs-acc-rgb), 0.05); font-family: Manrope, sans-serif; line-height: 1; margin-bottom: 4px; user-select: none; letter-spacing: -.04em; }
.igbs-svc-single__media { width: 100%; height: 280px; border-radius: 12px; overflow: hidden; margin: 8px 0 28px; border: 1px solid var(--igbs-bdr); background: var(--igbs-bg-card); }
.igbs-svc-single__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.igbs-svc-single__h1 { color: var(--igbs-pri); font-size: clamp(26px, 3vw, 40px); font-weight: 800; font-family: var(--igbs-font-head); letter-spacing: -.025em; line-height: 1.12; margin-bottom: 20px; }
html[dir="rtl"] .igbs-svc-single__h1 { letter-spacing: 0; }
.igbs-svc-single__desc { color: var(--igbs-sec); font-size: 15px; line-height: 1.85; font-family: var(--igbs-font-body); margin-bottom: 36px; }
.igbs-svc-single__bullets { list-style: none; padding: 0; margin-bottom: 44px; display: flex; flex-direction: column; gap: 14px; }
.igbs-svc-single__bullets li { display: flex; align-items: flex-start; gap: 14px; color: var(--igbs-sec); font-size: 14px; font-family: var(--igbs-font-body); line-height: 1.65; }
.igbs-svc-single__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--igbs-cta-bg); flex-shrink: 0; margin-top: 9px; }
.igbs-svc-single__cta { display: inline-flex; align-items: center; gap: 10px; background: var(--igbs-cta-bg); color: var(--igbs-cta-clr); padding: 14px 28px; border-radius: 8px; font-size: 14px; font-weight: 700; font-family: var(--igbs-font-head); text-decoration: none; transition: opacity .2s, transform .2s; }
.igbs-svc-single__cta:hover { opacity: .85; transform: translateY(-2px); }
html[dir="rtl"] .igbs-svc-single__cta svg { transform: rotate(180deg); }
@media (max-width: 860px) {
  .igbs-svc-single__split { flex-direction: column; height: auto; }
  html[dir="rtl"] .igbs-svc-single__split { flex-direction: column; }
  .igbs-svc-single__nav { width: 100%; height: auto; border-right: none; border-left: none; border-bottom: 1px solid var(--igbs-bdr); padding: 16px 0; display: flex; flex-wrap: wrap; flex-direction: row; }
  .igbs-svc-single__nav-head { width: 100%; }
  .igbs-svc-single__nav-item { width: auto; flex: none; padding: 10px 16px; border-left: none; border-right: none; border-bottom: 3px solid transparent; }
  .igbs-svc-single__nav-item.is-active,
  html[dir="rtl"] .igbs-svc-single__nav-item.is-active { border-left-color: transparent; border-right-color: transparent; border-bottom-color: var(--igbs-cta-bg); }
  .igbs-svc-single__inner { padding: 32px 24px; }
  .igbs-svc-single__media { height: 200px; margin-bottom: 24px; }
}

/* Country single — static Register() */
.igbs-reg { padding-top: 88px; background: var(--igbs-bg); min-height: 100vh; }
.igbs-reg__hero { background: linear-gradient(135deg, rgba(var(--igbs-acc-rgb), 0.12) 0%, transparent 60%); border-bottom: 1px solid var(--igbs-bdr); padding: 56px 0 48px; }
.igbs-reg__hero-inner { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.igbs-reg__back { color: rgba(255,255,255,0.45); font-size: 13px; font-family: var(--igbs-font-body); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 24px; transition: color .2s; }
.igbs-reg__back:hover { color: var(--igbs-acc); }
.igbs-reg__title-row { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.igbs-reg__flag { font-size: 56px; line-height: 1; }
.igbs-reg__badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(var(--igbs-acc-rgb), 0.12); border: 1px solid rgba(var(--igbs-acc-rgb), 0.25); border-radius: 100px; padding: 4px 14px; margin-bottom: 10px; color: var(--igbs-acc); font-size: 11px; font-weight: 700; font-family: Manrope, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.igbs-reg__h1 { font-family: var(--igbs-font-head); font-weight: 800; color: #ffffff; font-size: clamp(32px, 4vw, 52px); margin: 0; letter-spacing: -.02em; line-height: 1.1; }
.igbs-reg__meta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; }
.igbs-reg__chip { display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.04); border: 1px solid var(--igbs-bdr); border-radius: 10px; padding: 12px 18px; flex: 1 1 auto; min-width: 200px; }
.igbs-reg__chip-ico { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: rgba(var(--igbs-acc-rgb), 0.10); flex-shrink: 0; color: var(--igbs-acc); }
.igbs-reg__chip-label { color: rgba(255,255,255,0.42); font-size: 10px; font-family: Manrope, sans-serif; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 2px; }
.igbs-reg__chip-val { color: rgba(255,255,255,0.9); font-size: 13px; font-family: var(--igbs-font-body); font-weight: 600; }
.igbs-reg__body { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter) 80px; }
.igbs-reg__section-head { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; margin-top: 52px; }
.igbs-reg__bar { width: 3px; height: 24px; background: var(--igbs-acc); border-radius: 2px; flex-shrink: 0; }
.igbs-reg__section-head h2 { font-family: var(--igbs-font-head); font-weight: 700; color: #ffffff; font-size: 18px; margin: 0; letter-spacing: -.01em; }
.igbs-reg__prose { color: rgba(210,228,242,0.72); font-size: 15px; line-height: 1.85; font-family: var(--igbs-font-body); margin: 0; }
.igbs-reg__reqs { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.igbs-reg__reqs li { display: flex; align-items: flex-start; gap: 12px; color: rgba(210,228,242,0.78); font-size: 14px; line-height: 1.7; font-family: var(--igbs-font-body); }
.igbs-reg__dot { width: 6px; height: 6px; background: var(--igbs-acc); border-radius: 50%; flex-shrink: 0; margin-top: 8px; }
.igbs-reg__step { display: flex; gap: 20px; align-items: stretch; }
html[dir="rtl"] .igbs-reg__step { flex-direction: row-reverse; }
.igbs-reg__step-rail { flex-shrink: 0; width: 42px; display: flex; flex-direction: column; align-items: center; position: relative; }
.igbs-reg__step-line { position: absolute; top: 42px; bottom: 0; left: 50%; transform: translateX(-50%); width: 2px; background: linear-gradient(to bottom, rgba(var(--igbs-acc-rgb), 0.45), rgba(var(--igbs-acc-rgb), 0.06)); border-radius: 2px; z-index: 0; }
.igbs-reg__step-ico { position: relative; z-index: 1; width: 42px; height: 42px; border-radius: 50%; background: var(--igbs-bg); border: 1.5px solid rgba(var(--igbs-acc-rgb), 0.5); display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 0 0 4px var(--igbs-bg); }
.igbs-reg__step-copy { flex: 1; padding-top: 8px; padding-bottom: 28px; }
.igbs-reg__step:last-child .igbs-reg__step-copy { padding-bottom: 0; }
.igbs-reg__step-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
html[dir="rtl"] .igbs-reg__step-head { flex-direction: row-reverse; }
.igbs-reg__step-num { color: rgba(255,255,255,0.28); font-size: 11px; font-family: Manrope, sans-serif; font-weight: 700; }
.igbs-reg__step-copy h3 { font-family: var(--igbs-font-head); font-weight: 700; color: #ffffff; font-size: 15px; margin: 0; }
.igbs-reg__step-copy p { color: rgba(210,228,242,0.65); font-size: 13.5px; line-height: 1.75; font-family: var(--igbs-font-body); margin: 0; }
.igbs-reg__cta-box { margin-top: 56px; padding: 40px 48px; background: linear-gradient(135deg, rgba(var(--igbs-acc-rgb), 0.1), rgba(var(--igbs-acc-rgb), 0.04)); border: 1px solid rgba(var(--igbs-acc-rgb), 0.2); border-radius: 16px; text-align: center; }
.igbs-reg__cta-box h3 { font-family: var(--igbs-font-head); font-weight: 800; color: #ffffff; font-size: 22px; margin: 0 0 12px; letter-spacing: -.01em; }
.igbs-reg__cta-box p { color: rgba(210,228,242,0.6); font-family: var(--igbs-font-body); font-size: 14px; margin: 0 0 28px; }
.igbs-reg__cta-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.igbs-reg__cta { background: var(--igbs-cta-bg); color: var(--igbs-cta-clr); padding: 14px 32px; border-radius: 8px; font-size: 14px; font-weight: 700; font-family: var(--igbs-font-head); text-decoration: none; transition: opacity .2s; }
.igbs-reg__cta:hover { opacity: .84; }
.igbs-reg__official { border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.75); padding: 14px 32px; border-radius: 8px; font-size: 14px; font-weight: 500; font-family: var(--igbs-font-body); text-decoration: none; background: rgba(255,255,255,.06); transition: background .2s; }
.igbs-reg__official:hover { background: rgba(255,255,255,.12); }
@media (max-width: 900px) {
  .igbs-reg__cta-box { padding: 28px 20px; }
}

/* Articles — exact palette from refrance/articles */
body.igbs-articles-page {
  --igbs-art-bg: #080f1c;
  --igbs-art-bg-s: #0c1220;
  --igbs-art-card: #111827;
  --igbs-art-acc: #007ACC;
  --igbs-art-acc-rgb: 0, 122, 204;
  --igbs-art-pri: #ffffff;
  --igbs-art-sec: rgba(210, 228, 242, 0.62);
  --igbs-art-bdr: rgba(255, 255, 255, 0.07);
  --igbs-art-bdr-acc: rgba(0, 122, 204, 0.35);
  --igbs-art-gold: #c8a84b;
}

.igbs-articles,
.igbs-article {
  font-family: Manrope, sans-serif;
  background: var(--igbs-art-bg);
  color: var(--igbs-art-pri);
}

.igbs-articles { min-height: 100vh; padding: 120px 0 80px; }
.igbs-articles__shell { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); }
.igbs-articles__tag { color: var(--igbs-art-acc); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 12px; }
.igbs-articles__h1 { color: var(--igbs-art-pri); font-size: clamp(28px, 5vw, 42px); font-weight: 800; margin: 0 0 12px; line-height: 1.2; }
.igbs-articles__sub { color: var(--igbs-art-sec); font-size: 16px; margin: 0 0 52px; max-width: 560px; line-height: 1.65; }
.igbs-articles__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }
.igbs-articles__card { display: flex; flex-direction: column; background: var(--igbs-art-card); border: 1px solid var(--igbs-art-bdr); border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; transition: border-color .2s, transform .2s; }
.igbs-articles__card:hover { border-color: var(--igbs-art-bdr-acc); transform: translateY(-3px); }
.igbs-articles__cover { width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; display: block; background: var(--igbs-art-bg-s); }
.igbs-articles__body { padding: 22px 24px 24px; display: flex; flex-direction: column; flex: 1; }
.igbs-articles__cat { display: inline-block; align-self: flex-start; background: rgba(var(--igbs-art-acc-rgb), 0.12); color: var(--igbs-art-acc); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 4px 10px; border-radius: 6px; margin-bottom: 14px; }
.igbs-articles__title { color: var(--igbs-art-pri); font-size: 18px; font-weight: 700; line-height: 1.4; margin: 0 0 12px; }
.igbs-articles__excerpt { color: var(--igbs-art-sec); font-size: 14px; line-height: 1.65; margin: 0 0 20px; flex: 1; }
.igbs-articles__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--igbs-art-bdr); padding-top: 16px; margin-top: auto; }
.igbs-articles__meta { color: var(--igbs-art-sec); font-size: 12px; }
.igbs-articles__read { color: var(--igbs-art-acc); font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 4px; }
html[dir="rtl"] .igbs-articles__read svg { transform: scaleX(-1); }
@media (max-width: 900px) {
  .igbs-articles { padding: 100px 0 64px; }
  .igbs-articles__grid { grid-template-columns: 1fr; gap: 20px; }
}

.igbs-articles__more { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 28px; padding: 36px 0 4px; color: var(--igbs-art-sec); font-size: 13px; font-weight: 600; font-family: inherit; }
.igbs-articles__more.is-loading .igbs-articles__spinner,
.igbs-articles__more.is-loading .igbs-articles__more-text { display: inline-flex !important; }
.igbs-articles__spinner { width: 22px; height: 22px; border: 2px solid rgba(0, 122, 204, 0.22); border-top-color: var(--igbs-art-acc); border-radius: 50%; animation: igbs-spin .7s linear infinite; flex-shrink: 0; }
@keyframes igbs-spin { to { transform: rotate(360deg); } }

html:has(body.igbs-article-single),
body.igbs-article-single {
  overflow-x: clip;
}
body.igbs-article-single .igbs-article-ref {
  padding-top: 88px;
  min-height: 100vh;
  overflow: visible !important;
}
body.igbs-article-single .igbs-article-ref .article-cover,
body.igbs-article-single .igbs-article-ref img.article-cover {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  margin: 0 0 32px;
  box-shadow: 0 12px 60px rgba(0, 0, 0, 0.45);
}
body.igbs-article-single .igbs-article-ref .article-shell,
body.igbs-article-single .igbs-article-ref .article-wrap {
  max-width: var(--igbs-container);
  margin-left: auto;
  margin-right: auto;
  padding-inline: var(--igbs-gutter);
  align-items: start;
  grid-template-columns: 1fr 300px;
  direction: ltr;
}
html[dir="rtl"] body.igbs-article-single .igbs-article-ref {
  font-family: 'Cairo', 'Tajawal', 'Manrope', sans-serif;
  text-align: right;
}
html[dir="rtl"] body.igbs-article-single .igbs-article-ref .article-shell > *,
html[dir="rtl"] body.igbs-article-single .igbs-article-ref .article-wrap > * {
  direction: rtl;
}
html[dir="rtl"] body.igbs-article-single .igbs-article-ref .article-body ul li,
html[dir="rtl"] body.igbs-article-single .igbs-article-ref .article-body ol li {
  padding: 6px 28px 6px 0;
}
html[dir="rtl"] body.igbs-article-single .igbs-article-ref .article-body ul li::before,
html[dir="rtl"] body.igbs-article-single .igbs-article-ref .article-body ol li::before {
  left: auto;
  right: 0;
}
html[dir="rtl"] body.igbs-article-single .igbs-article-ref .callout {
  border-left-width: 1px;
  border-right: 3px solid var(--acc, #007ACC);
}
html[dir="rtl"] body.igbs-article-single .igbs-article-ref .faq-q {
  text-align: right;
}

.igbs-article-ref .faq { margin: 28px 0; }
.igbs-article-ref .faq-item { border: 1px solid var(--bdr, rgba(255,255,255,0.07)); border-radius: 10px; margin-bottom: 10px; overflow: hidden; transition: border-color .25s; }
.igbs-article-ref .faq-item:hover { border-color: var(--bdr-acc, rgba(0,122,204,0.35)); }
.igbs-article-ref .faq-q { width: 100%; background: transparent; border: none; cursor: pointer; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: start; color: inherit; font-family: inherit; }
.igbs-article-ref .faq-q span { font-size: 15px; font-weight: 600; color: var(--pri, #fff); line-height: 1.4; }
.igbs-article-ref .faq-icon { width: 22px; height: 22px; border-radius: 50%; background: rgba(0,122,204,0.12); border: 1px solid var(--bdr-acc, rgba(0,122,204,0.35)); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .25s, background .25s; }
.igbs-article-ref .faq-icon svg { stroke: var(--acc, #007ACC); }
.igbs-article-ref .faq-item.open .faq-icon,
.igbs-article-ref .faq-item.is-open .faq-icon { transform: rotate(45deg); background: rgba(0,122,204,0.22); }
.igbs-article-ref .faq .faq-a { display: block; max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .25s ease; padding: 0 22px; }
.igbs-article-ref .faq .faq-a p { font-size: 14.5px; color: var(--sec, rgba(210,228,242,0.62)); padding-bottom: 18px; margin: 0; line-height: 1.75; }
.igbs-article-ref .faq-item.open .faq-a,
.igbs-article-ref .faq-item.is-open .faq-a { max-height: 800px; }
.igbs-article-ref .faq-list .faq-a { display: none; max-height: none; overflow: visible; }
.igbs-article-ref .faq-list .faq-a.open { display: block; }
body.igbs-article-single .igbs-article-ref .sidebar,
body.igbs-article-single .igbs-article-ref .article-sidebar {
  position: sticky !important;
  top: 108px !important;
  align-self: start;
  z-index: 2;
}
body.igbs-article-single .igbs-article-ref .toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  gap: 0;
}
body.igbs-article-single .igbs-article-ref .toc-list li {
  padding: 5px 0;
  margin: 0;
  border-bottom: 1px solid var(--bdr, rgba(255,255,255,0.07));
}
body.igbs-article-single .igbs-article-ref .toc-list li:last-child {
  border-bottom: none;
}
body.igbs-article-single .igbs-article-ref .toc-list a {
  font-size: 13px;
  font-weight: 500;
  color: var(--sec, rgba(210,228,242,0.62));
  display: block;
  line-height: 1.4;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  transition: color .2s;
}
body.igbs-article-single .igbs-article-ref .toc-list a:hover {
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none;
}
body.igbs-article-single .igbs-article-ref .toc-list a.active,
body.igbs-article-single .igbs-article-ref .toc-list a.is-active {
  color: #007ACC !important;
  background: transparent !important;
  border: none !important;
  font-weight: 600;
}
@media (max-width: 1024px) {
  body.igbs-article-single .igbs-article-ref .article-shell {
    grid-template-columns: 1fr;
  }
  body.igbs-article-single .igbs-article-ref.is-style-guide .sidebar {
    position: static;
    top: auto;
  }
}
@media (max-width: 860px) {
  body.igbs-article-single .igbs-article-ref .article-wrap {
    grid-template-columns: 1fr;
  }
  body.igbs-article-single .igbs-article-ref.is-style-tips .sidebar {
    display: none;
  }
}
@media (max-width: 768px) {
  body.igbs-article-single .igbs-article-ref { padding-top: 76px; }
}

.igbs-article { min-height: 100vh; }
.igbs-article__hero { border-bottom: 1px solid var(--igbs-art-bdr); padding: 168px 0 60px; position: relative; overflow: hidden; }
.igbs-article__hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 70% at 80% 50%, rgba(0,122,204,0.07) 0%, transparent 65%); pointer-events: none; }
.igbs-article__hero-inner { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter); position: relative; animation: fadeUp .7s ease both; }
.igbs-article__cover { width: 100%; max-width: 100%; height: auto; display: block; border-radius: 16px; margin: 0 0 32px; box-shadow: 0 12px 60px rgba(0,0,0,0.45); }
.igbs-article__crumb { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--igbs-art-sec); margin-bottom: 20px; flex-wrap: wrap; }
.igbs-article__crumb a { color: var(--igbs-art-sec); transition: color .2s; }
.igbs-article__crumb a:hover { color: var(--igbs-art-acc); text-decoration: none; }
.igbs-article__crumb-sep { opacity: .4; }
.igbs-article__tag { display: inline-block; background: rgba(0,122,204,0.12); border: 1px solid var(--igbs-art-bdr-acc); color: var(--igbs-art-acc); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 4px 12px; border-radius: 4px; margin-bottom: 20px; }
.igbs-article__h1 { font-size: clamp(28px, 4vw, 52px); font-weight: 800; line-height: 1.1; letter-spacing: -.02em; color: #fff; margin: 0 0 18px; }
.igbs-article__h1 span { color: var(--igbs-art-acc); }
.igbs-article__sub { font-size: 17px; color: var(--igbs-art-sec); max-width: 680px; line-height: 1.72; margin: 0 0 32px; }
.igbs-article__meta { display: flex; align-items: center; gap: 24px; font-size: 12px; color: var(--igbs-art-sec); flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--igbs-art-bdr); }
.igbs-article__meta-item { display: flex; align-items: center; gap: 6px; }
.igbs-article__meta-item svg { opacity: .55; }
.igbs-article__shell { max-width: var(--igbs-container); margin: 0 auto; padding: 0 var(--igbs-gutter) 100px; display: grid; grid-template-columns: 1fr 300px; gap: 60px; align-items: start; }
.igbs-article__body { padding-top: 56px; color: var(--igbs-art-sec); font-size: 15.5px; line-height: 1.8; }
.igbs-article__body h2 { font-size: clamp(20px, 2.6vw, 28px); font-weight: 800; color: #fff; letter-spacing: -.015em; line-height: 1.2; margin: 52px 0 16px; padding-top: 52px; border-top: 1px solid var(--igbs-art-bdr); }
.igbs-article__body h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.igbs-article__body h3 { font-size: 17px; font-weight: 700; color: var(--igbs-art-pri); margin: 28px 0 10px; line-height: 1.3; }
.igbs-article__body p { color: var(--igbs-art-sec); margin: 0 0 18px; font-size: 15.5px; line-height: 1.8; }
.igbs-article__body p strong,
.igbs-article__body li strong { color: var(--igbs-art-pri); font-weight: 600; }
.igbs-article__body a { color: var(--igbs-art-acc); text-decoration: none; }
.igbs-article__body a:hover { text-decoration: underline; }
.igbs-article__body ul,
.igbs-article__body ol { margin: 0 0 20px; padding-left: 0; list-style: none; }
html[dir="rtl"] .igbs-article__body ul,
html[dir="rtl"] .igbs-article__body ol { padding-right: 0; }
.igbs-article__body ul li,
.igbs-article__body ol li { color: var(--igbs-art-sec); font-size: 15px; line-height: 1.75; padding: 6px 0 6px 28px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.04); }
html[dir="rtl"] .igbs-article__body ul li,
html[dir="rtl"] .igbs-article__body ol li { padding: 6px 28px 6px 0; }
.igbs-article__body ul li::before { content: ''; position: absolute; left: 0; top: 16px; width: 6px; height: 6px; border-radius: 50%; background: var(--igbs-art-acc); }
html[dir="rtl"] .igbs-article__body ul li::before { left: auto; right: 0; }
.igbs-article__body ol { counter-reset: ol-counter; }
.igbs-article__body ol li { counter-increment: ol-counter; }
.igbs-article__body ol li::before { content: counter(ol-counter); position: absolute; left: 0; top: 6px; width: 20px; height: 20px; border-radius: 50%; background: rgba(0,122,204,0.18); border: 1px solid var(--igbs-art-bdr-acc); color: var(--igbs-art-acc); font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; line-height: 1; }
html[dir="rtl"] .igbs-article__body ol li::before { left: auto; right: 0; }
.igbs-article__body .callout { background: rgba(0,122,204,0.07); border: 1px solid var(--igbs-art-bdr-acc); border-left: 3px solid var(--igbs-art-acc); border-radius: 8px; padding: 20px 24px; margin: 28px 0; }
html[dir="rtl"] .igbs-article__body .callout { border-left: 1px solid var(--igbs-art-bdr-acc); border-right: 3px solid var(--igbs-art-acc); }
.igbs-article__body .callout p { margin: 0; font-size: 14.5px; }
.igbs-article__body .callout-warn { background: rgba(200,168,75,0.07); border-color: rgba(200,168,75,0.4); border-left-color: var(--igbs-art-gold); }
html[dir="rtl"] .igbs-article__body .callout-warn { border-right-color: var(--igbs-art-gold); }
.igbs-article__body .callout-warn p { color: rgba(210,228,242,0.75); }
.igbs-article__body .steps { display: flex; flex-direction: column; gap: 16px; margin: 28px 0; }
.igbs-article__body .step-card { background: var(--igbs-art-card); border: 1px solid var(--igbs-art-bdr); border-radius: 12px; padding: 24px 28px; display: grid; grid-template-columns: 48px 1fr; gap: 20px; align-items: start; transition: border-color .25s; }
.igbs-article__body .step-card:hover { border-color: var(--igbs-art-bdr-acc); }
.igbs-article__body .step-num { width: 48px; height: 48px; border-radius: 50%; background: rgba(0,122,204,0.12); border: 1px solid var(--igbs-art-bdr-acc); display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; color: var(--igbs-art-acc); flex-shrink: 0; }
.igbs-article__body .step-content h3 { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: var(--igbs-art-pri); }
.igbs-article__body .step-content p { margin: 0; font-size: 14px; color: var(--igbs-art-sec); line-height: 1.7; }
.igbs-article__body .step-badge { display: inline-block; background: rgba(0,122,204,0.1); border: 1px solid var(--igbs-art-bdr-acc); color: var(--igbs-art-acc); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 2px 8px; border-radius: 3px; margin-top: 8px; }
.igbs-article__body .data-table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: 14px; border-radius: 10px; overflow: hidden; border: 1px solid var(--igbs-art-bdr); }
.igbs-article__body .data-table th { background: rgba(0,122,204,0.12); color: var(--igbs-art-acc); font-weight: 700; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; padding: 12px 16px; text-align: start; border-bottom: 1px solid var(--igbs-art-bdr-acc); }
.igbs-article__body .data-table td { padding: 11px 16px; color: var(--igbs-art-sec); border-bottom: 1px solid var(--igbs-art-bdr); vertical-align: top; }
.igbs-article__body .data-table tr:last-child td { border-bottom: none; }
.igbs-article__body .data-table tr:hover td { background: rgba(255,255,255,0.015); }
.igbs-article__body .data-table td strong { color: var(--igbs-art-pri); }
.igbs-article__body .faq { margin: 28px 0; }
.igbs-article__body .faq-item { border: 1px solid var(--igbs-art-bdr); border-radius: 10px; margin-bottom: 10px; overflow: hidden; transition: border-color .25s; }
.igbs-article__body .faq-item:hover { border-color: var(--igbs-art-bdr-acc); }
.igbs-article__body .faq-q { width: 100%; background: transparent; border: none; cursor: pointer; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: start; color: inherit; font-family: inherit; }
.igbs-article__body .faq-q span { font-size: 15px; font-weight: 600; color: var(--igbs-art-pri); line-height: 1.4; }
.igbs-article__body .faq-icon { width: 22px; height: 22px; border-radius: 50%; background: rgba(0,122,204,0.12); border: 1px solid var(--igbs-art-bdr-acc); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .25s, background .25s; }
.igbs-article__body .faq-icon svg { stroke: var(--igbs-art-acc); }
.igbs-article__body .faq-item.open .faq-icon,
.igbs-article__body .faq-item.is-open .faq-icon { transform: rotate(45deg); background: rgba(0,122,204,0.22); }
.igbs-article__body .faq-a { max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .25s ease; padding: 0 22px; }
.igbs-article__body .faq-a p { font-size: 14.5px; color: var(--igbs-art-sec); padding-bottom: 18px; margin: 0; line-height: 1.75; }
.igbs-article__body .faq-item.open .faq-a,
.igbs-article__body .faq-item.is-open .faq-a { max-height: 400px; }
.igbs-article__body .bottom-cta { background: linear-gradient(135deg, rgba(0,122,204,0.1) 0%, rgba(0,60,120,0.05) 100%); border: 1px solid var(--igbs-art-bdr-acc); border-radius: 16px; padding: 52px 44px; text-align: center; margin-top: 60px; }
.igbs-article__body .bottom-cta h2 { font-size: clamp(22px, 3vw, 36px); font-weight: 800; color: #fff; margin: 0 0 14px !important; padding: 0 !important; border: none !important; }
.igbs-article__body .bottom-cta p { font-size: 16px; color: var(--igbs-art-sec); max-width: 560px; margin: 0 auto 28px; }
.igbs-article__body .bottom-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.igbs-article__body .btn-primary { background: var(--igbs-art-acc); color: #fff; padding: 15px 36px; border-radius: 8px; font-size: 15px; font-weight: 700; transition: opacity .2s; text-decoration: none; }
.igbs-article__body .btn-primary:hover { opacity: .84; text-decoration: none; }
.igbs-article__body .btn-secondary { border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.82); padding: 15px 36px; border-radius: 8px; font-size: 15px; font-weight: 500; background: rgba(255,255,255,.06); transition: background .2s; text-decoration: none; }
.igbs-article__body .btn-secondary:hover { background: rgba(255,255,255,.12); text-decoration: none; }
.igbs-article__sidebar { position: sticky; top: 100px; padding-top: 56px; }
.igbs-article__side-card { background: var(--igbs-art-card); border: 1px solid var(--igbs-art-bdr); border-radius: 14px; padding: 28px; margin-bottom: 20px; }
.igbs-article__side-card h4 { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--igbs-art-acc); margin: 0 0 16px; }
.igbs-article__toc { list-style: none; padding: 0; margin: 0; }
.igbs-article__toc li { padding: 5px 0; border-bottom: 1px solid var(--igbs-art-bdr); }
.igbs-article__toc li:last-child { border-bottom: none; }
.igbs-article__toc a { font-size: 13px; color: var(--igbs-art-sec); display: block; line-height: 1.4; transition: color .2s; text-decoration: none; }
.igbs-article__toc a:hover { color: var(--igbs-art-pri); text-decoration: none; }
.igbs-article__toc a.is-active { color: var(--igbs-art-acc); }
.igbs-article__cta-card { background: linear-gradient(135deg, rgba(0,122,204,0.15) 0%, rgba(0,90,160,0.08) 100%); border-color: var(--igbs-art-bdr-acc); }
.igbs-article__cta-card h4 { color: var(--igbs-art-pri); font-size: 16px; letter-spacing: 0; text-transform: none; margin-bottom: 10px; }
.igbs-article__cta-card p { font-size: 13px; color: var(--igbs-art-sec); line-height: 1.6; margin: 0 0 18px; }
.igbs-article__cta { display: block; width: 100%; background: var(--igbs-art-acc); color: #fff; padding: 13px 0; border-radius: 8px; font-size: 14px; font-weight: 700; text-align: center; transition: opacity .2s; text-decoration: none; }
.igbs-article__cta:hover { opacity: .85; text-decoration: none; }
.igbs-article__cta-ghost { display: block; width: 100%; margin-top: 10px; background: transparent; color: var(--igbs-art-sec); border: 1px solid var(--igbs-art-bdr); padding: 11px 0; border-radius: 8px; font-size: 13px; font-weight: 600; text-align: center; transition: border-color .2s, color .2s; text-decoration: none; }
.igbs-article__cta-ghost:hover { border-color: var(--igbs-art-bdr-acc); color: var(--igbs-art-pri); text-decoration: none; }
.igbs-article__trust { display: flex; flex-direction: column; gap: 10px; }
.igbs-article__trust-item { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--igbs-art-sec); }
.igbs-article__trust-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--igbs-art-acc); flex-shrink: 0; }
@media (max-width: 1024px) {
  .igbs-article__shell { grid-template-columns: 1fr; }
  .igbs-article__sidebar { position: static; padding-top: 24px; }
}
@media (max-width: 768px) {
  .igbs-article__hero { padding: 128px 0 40px; }
  .igbs-article__shell { padding: 0 var(--igbs-gutter) 80px; }
  .igbs-article__body .bottom-cta { padding: 40px 24px; }
}
.igbs-article-ref .article-body .wp-block-table,
.igbs-article-ref .article-body .data-table,
.igbs-article-ref .article-body table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: 14px; }
.igbs-article-ref .article-body .wp-block-table table { width: 100%; border-collapse: collapse; }
.igbs-article-ref .article-body th { background: rgba(0,122,204,0.12); color: var(--igbs-art-acc, #007ACC); font-weight: 700; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; padding: 12px 16px; text-align: start; border-bottom: 1px solid var(--igbs-art-bdr-acc, rgba(0,122,204,.35)); }
.igbs-article-ref .article-body td { padding: 11px 16px; color: var(--igbs-art-sec, rgba(210,228,242,.62)); border-bottom: 1px solid var(--igbs-art-bdr, rgba(255,255,255,.07)); vertical-align: top; }
.igbs-article-ref .article-body tr:last-child td { border-bottom: none; }
.igbs-article-cards { display: grid; gap: 16px; margin: 24px 0; }
.igbs-article-cards.is-compare { grid-template-columns: 1fr 1fr; }
.igbs-article-cards.is-cards { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.igbs-article-cards.is-compact { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.igbs-article-cards.is-list { grid-template-columns: 1fr; }
.igbs-article-card { background: var(--igbs-art-card, #111827); border: 1px solid var(--igbs-art-bdr, rgba(255,255,255,.07)); border-radius: 12px; padding: 22px; }
.igbs-article-card__num { width: 36px; height: 36px; border-radius: 50%; background: rgba(0,122,204,.12); border: 1px solid var(--igbs-art-bdr-acc, rgba(0,122,204,.35)); color: var(--igbs-art-acc, #007ACC); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; margin-bottom: 12px; }
.igbs-article-card__badge { display: inline-block; background: rgba(0,122,204,.12); color: var(--igbs-art-acc, #007ACC); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; margin-bottom: 10px; }
.igbs-article-card__title { color: var(--igbs-art-pri, #fff); font-size: 16px; font-weight: 700; margin: 0 0 10px; line-height: 1.35; }
.igbs-article-card__text,
.igbs-article-card__text p { color: var(--igbs-art-sec, rgba(210,228,242,.62)); font-size: 14px; line-height: 1.7; margin: 0; }
.igbs-article-card__text ul { margin: 8px 0 0; padding: 0; list-style: none; }
.igbs-article-card__text li { position: relative; padding: 4px 0 4px 16px; color: var(--igbs-art-sec, rgba(210,228,242,.62)); font-size: 13.5px; line-height: 1.65; }
.igbs-article-card__text li::before { content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: var(--igbs-art-acc, #007ACC); }
html[dir="rtl"] .igbs-article-card__text li { padding: 4px 16px 4px 0; }
html[dir="rtl"] .igbs-article-card__text li::before { left: auto; right: 0; }
@media (max-width: 700px) {
  .igbs-article-cards.is-compare,
  .igbs-article-cards.is-cards,
  .igbs-article-cards.is-compact { grid-template-columns: 1fr; }
}