/* generated by tools/build_home.py from the new site design; do not edit by hand */
.ibh{--navy: #101740;        
  --navy-2: #1B2463;
  --navy-3: #0A0F2E;
  --orange: #F27731;
  --orange-d: #D9621F;
  --yellow: #F2B12E;
  --yellow-d: #C98A06;
  --blue: #0561A0;
  --blue-l: #2A86C7;
  --sky: #EAF3FB;
  --cream: #FFF7EC;
  --bg: #F6F8FC;
  --card: #FFFFFF;
  --text: #101740;
  --text-2: #3A4468;
  --muted: #687293;
  --line: #E4E9F3;
  --r: 18px;
  --r-sm: 12px;
  --shadow: 0 1px 2px rgba(16,23,64,.04), 0 14px 34px -18px rgba(16,23,64,.28);
  --shadow-lg: 0 30px 60px -28px rgba(16,23,64,.45);
  --grad: linear-gradient(135deg, #F68B47 0%, var(--orange) 55%, #E2621C 100%);
  --grad-text: linear-gradient(90deg, var(--orange) 0%, #F0951F 55%, var(--yellow-d) 100%);
  --font: "Rubik", "Noto Sans Arabic", system-ui, sans-serif;
  --wrap: 1180px;
  --ease: cubic-bezier(.22,.8,.25,1);}
.ibh *, .ibh *::before, .ibh *::after{box-sizing: border-box;}
.ibh{scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: clip;}
.ibh{margin: 0; font-family: var(--font); color: var(--text); background: var(--bg);
  line-height: 1.75; font-size: 16px; -webkit-font-smoothing: antialiased;}
.ibh img{max-width: 100%; display: block;}
.ibh a{color: inherit; text-decoration: none;}
.ibh button, .ibh input, .ibh select, .ibh textarea{font: inherit; color: inherit;}
.ibh h1, .ibh h2, .ibh h3, .ibh h4{line-height: 1.3; margin: 0 0 .5em; font-weight: 800;}
.ibh p{margin: 0 0 1em;}
.ibh :focus-visible{outline: 3px solid var(--yellow); outline-offset: 2px; border-radius: 8px;}
.ibh .wrap{width: min(var(--wrap), 100% - 32px); margin-inline: auto;}
.ibh svg{flex-shrink: 0;}
.ibh .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 22px; border-radius: 12px; font-weight: 600; font-size: 15px;
  border: 1px solid transparent; cursor: pointer; transition: .2s var(--ease); white-space: nowrap;}
.ibh .btn svg{width: 18px; height: 18px;}
.ibh .btn-primary{background: var(--grad); color: #fff; box-shadow: 0 10px 22px -12px var(--orange);}
.ibh .btn-primary:hover{transform: translateY(-1px); box-shadow: 0 14px 26px -12px var(--orange);}
.ibh .btn-white{background: #fff; color: var(--navy); border-color: var(--line); box-shadow: var(--shadow);}
.ibh .btn-white:hover{border-color: var(--orange); color: var(--orange-d);}
.ibh .btn-sm{padding: 8px 14px; font-size: 13.5px; border-radius: 10px;}
.ibh .link-btn{display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 7px 13px; font-size: 13.5px; font-weight: 600; color: var(--navy); box-shadow: var(--shadow); transition: .2s;}
.ibh .link-btn:hover{border-color: var(--orange); color: var(--orange-d);}
.ibh .link-btn svg{width: 15px; height: 15px;}
.ibh .hero{position: relative; padding: 56px 0 36px;}
.ibh .hero .wrap{display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center;}
.ibh .badge{display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; font-size: 13px; font-weight: 600;
  background: rgba(255,255,255,.85); border: 1px solid var(--line); color: var(--text-2); margin-bottom: 20px; box-shadow: 0 6px 16px -12px rgba(16,23,64,.4);}
.ibh .badge .dot{width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(242,119,49,.18);}
.ibh .hero h1{font-size: clamp(36px, 5.2vw, 64px); font-weight: 900; letter-spacing: -.8px; line-height: 1.18; margin-bottom: 20px; color: var(--navy);}
.ibh .grad-text{background: var(--grad-text); -webkit-background-clip: text; background-clip: text; color: transparent;}
.ibh .hero .lead{font-size: clamp(16px, 1.5vw, 18px); color: var(--text-2); max-width: 32em; margin-bottom: 28px;}
.ibh .hero-actions{display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 34px;}
.ibh .hero-stats{display: flex; gap: 0; border-top: 1px solid var(--line); padding-top: 22px; flex-wrap: wrap;}
.ibh .hero-stats div{padding-inline: 22px; border-inline-start: 1px solid var(--line);}
.ibh .hero-stats div:first-child{padding-inline-start: 0; border: 0;}
.ibh .hero-stats b{display: block; font-size: 30px; font-weight: 800; line-height: 1.1; direction: ltr; text-align: right;}
.ibh .hero-stats span{font-size: 13px; color: var(--muted);}
.ibh .c-orange{color: var(--orange);}
.ibh .c-yellow{color: var(--yellow-d);}
.ibh .c-blue{color: var(--blue);}
.ibh .hero-photo{position: relative;}
@media (max-width: 940px){.ibh .hero .wrap{grid-template-columns: 1fr; gap: 36px;}
.ibh .hero{padding-top: 34px;}}
.ibh .ticker{margin: 26px 0 0; background: rgba(255,255,255,.75); border-block: 1px solid var(--line); overflow: hidden; padding: 14px 0;}
.ibh .ticker-track{display: flex; gap: 46px; width: max-content; animation: tick 46s linear infinite;}
.ibh .ticker:hover .ticker-track{animation-play-state: paused;}
.ibh .ticker span{display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15.5px; color: var(--text-2); white-space: nowrap;}
.ibh .ticker span i{width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: var(--sky); color: var(--blue);}
.ibh .ticker span:nth-child(3n+2) i{background: var(--cream); color: var(--orange);}
.ibh .ticker span:nth-child(3n) i{background: #FFF4D9; color: var(--yellow-d);}
.ibh .ticker svg{width: 14px; height: 14px;}
@keyframes tick{ to { transform: translateX(50%); } }
.ibh .section{padding: 84px 0;}
.ibh .sec-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 36px; flex-wrap: wrap;}
.ibh .sec-head h2{font-size: clamp(26px, 3.2vw, 38px); margin: 0; font-weight: 900; letter-spacing: -.4px;}
.ibh .sec-head p{color: var(--muted); margin: 6px 0 0; max-width: 44em;}
.ibh .sec-head > div::after{content: ""; display: block; width: 46px; height: 3px; border-radius: 3px; background: var(--grad); margin-top: 14px;}
.ibh .sec-head.center{flex-direction: column; align-items: center; text-align: center;}
.ibh .sec-head.center > div::after{margin-inline: auto;}
.ibh .timeline{position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-top: 44px;}
.ibh .timeline::before{content: ""; position: absolute; top: 9px; inset-inline: 0; height: 2px; background: linear-gradient(90deg, var(--blue), var(--orange)); opacity: .45; border-radius: 2px;}
.ibh .tl-item{position: relative;}
.ibh .tl-item::before{content: ""; position: absolute; top: -41px; inset-inline-start: 18px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid var(--orange); box-shadow: 0 0 0 4px rgba(242,119,49,.14);}
.ibh .tl-item .when{position: absolute; top: -26px; inset-inline-start: 10px; font-size: 12.5px; color: var(--muted); font-weight: 500;}
@media (max-width: 960px){.ibh .timeline{grid-template-columns: 1fr 1fr;}}
@media (max-width: 560px){.ibh .timeline{grid-template-columns: 1fr;}}
.ibh .card{background: var(--card); border-radius: var(--r); overflow: hidden; border: 1px solid var(--line); display: flex; flex-direction: column; transition: .25s var(--ease); position: relative; box-shadow: var(--shadow);}
.ibh .card:hover{transform: translateY(-4px); box-shadow: var(--shadow-lg);}
.ibh .card .media{aspect-ratio: 16 / 10.5; overflow: hidden; background: var(--sky); position: relative; margin: 8px 8px 0; border-radius: 13px;}
.ibh .card .media img{width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease);}
.ibh .card:hover .media img{transform: scale(1.05);}
.ibh .pill{display: inline-flex; align-items: center; gap: 6px; padding: 3px 11px; border-radius: 999px; font-size: 12.5px; font-weight: 600; background: var(--cream); color: var(--orange-d);}
.ibh .pill.blue{color: var(--blue); background: var(--sky);}
.ibh .pill.yellow{background: #FFF1CF; color: #8A5D00;}
.ibh .card .body{padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 9px; flex: 1;}
.ibh .card h3{font-size: 17.5px; margin: 0; font-weight: 700; line-height: 1.5;}
.ibh .card h3 a::after{content: ""; position: absolute; inset: 0;}
.ibh .card .more{color: var(--orange-d); font-weight: 600; font-size: 14px; display: inline-flex; gap: 6px; align-items: center; margin-top: auto;}
.ibh .card .more svg, .ibh .pill svg, .ibh .btn svg{width: 15px; height: 15px;}
.ibh .panels{display: flex; gap: 14px; height: 440px;}
.ibh .panel{position: relative; flex: 1; border-radius: 20px; overflow: hidden; transition: flex .6s var(--ease); min-width: 0; background: var(--navy); color: #fff; box-shadow: var(--shadow);}
.ibh .panel img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease);}
.ibh .panel::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16,23,64,0) 30%, rgba(16,23,64,.92) 100%);}
.ibh .panel.on, .ibh .panels:not(:hover) .panel.on{flex: 3.2;}
.ibh .panels:hover .panel:hover{flex: 3.2;}
.ibh .panels:hover .panel.on:not(:hover){flex: 1;}
.ibh .panel .ic{position: absolute; top: 14px; inset-inline-end: 14px; z-index: 2; width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: rgba(255,255,255,.18); backdrop-filter: blur(6px);}
.ibh .panel.on .ic, .ibh .panel:hover .ic{background: var(--orange);}
.ibh .panel .ic svg{width: 19px; height: 19px;}
.ibh .panel .txt{position: absolute; inset-inline: 18px; bottom: 18px; z-index: 2;}
.ibh .panel .txt small{display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: rgba(255,255,255,.8);}
.ibh .panel .txt small::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--yellow);}
.ibh .panel h3{font-size: 20px; margin: 4px 0 6px; color: #fff;}
.ibh .panel p{font-size: 14px; color: rgba(255,255,255,.82); margin: 0 0 8px; max-height: 0; opacity: 0; overflow: hidden; transition: .4s;}
.ibh .panel.on p, .ibh .panel:hover p{max-height: 120px; opacity: 1;}
.ibh .panel .go{font-size: 13.5px; font-weight: 600; color: var(--yellow); opacity: 0; transition: .3s; display: inline-flex; gap: 6px; align-items: center;}
.ibh .panel.on .go, .ibh .panel:hover .go{opacity: 1;}
.ibh .panel .go svg{width: 14px; height: 14px;}
@media (max-width: 860px){.ibh .panels{flex-direction: column; height: auto;}
.ibh .panel, .ibh .panel.on, .ibh .panels:hover .panel:hover{flex: none; height: 200px;}
.ibh .panel.on{height: 300px;}
.ibh .panel p, .ibh .panel .go{max-height: none; opacity: 1;}}
.ibh .stories-grid{display: grid; grid-template-columns: 1.65fr 1fr; gap: 22px;}
.ibh .feat{position: relative; border-radius: 22px; overflow: hidden; min-height: 460px; display: flex; align-items: flex-end; color: #fff; background: var(--navy); box-shadow: var(--shadow-lg);}
.ibh .feat img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.ibh .feat::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16,23,64,.05) 20%, rgba(16,23,64,.95) 100%);}
.ibh .feat .in{position: relative; z-index: 1; padding: 30px;}
.ibh .feat h3{font-size: clamp(22px, 2.6vw, 32px); color: #fff; font-weight: 900; margin: 10px 0; line-height: 1.35;}
.ibh .feat p{color: rgba(255,255,255,.82); max-width: 40em;}
.ibh .side-list{display: grid; gap: 4px; align-content: start; background: #fff; border-radius: 20px; padding: 10px; border: 1px solid var(--line); box-shadow: var(--shadow);}
.ibh .side-list a{display: flex; gap: 12px; padding: 10px; border-radius: 14px; transition: .2s; align-items: center;}
.ibh .side-list a:hover{background: var(--bg);}
.ibh .side-list img{width: 74px; height: 64px; border-radius: 11px; object-fit: cover; flex-shrink: 0;}
.ibh .side-list small{color: var(--orange-d); font-weight: 600; font-size: 12px; display: block;}
.ibh .side-list b{font-size: 14px; font-weight: 600; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
@media (max-width: 900px){.ibh .stories-grid{grid-template-columns: 1fr;}
.ibh .feat{min-height: 380px;}}
.ibh .join{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
.ibh .join a{background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 24px 18px; text-align: center; box-shadow: var(--shadow); transition: .25s var(--ease);}
.ibh .join a:hover{transform: translateY(-4px); border-color: var(--orange);}
.ibh .join .ic{width: 50px; height: 50px; border-radius: 14px; display: grid; place-items: center; margin: 0 auto 12px; background: var(--sky); color: var(--blue);}
.ibh .join a:nth-child(2) .ic{background: var(--cream); color: var(--orange);}
.ibh .join a:nth-child(3) .ic{background: #FFF4D9; color: var(--yellow-d);}
.ibh .join a:nth-child(4) .ic{background: #EEF0FA; color: var(--navy);}
.ibh .join .ic svg{width: 22px; height: 22px;}
.ibh .join b{display: block; font-size: 16px; margin-bottom: 4px;}
.ibh .join small{color: var(--muted); font-size: 13.5px;}
@media (max-width: 900px){.ibh .join{grid-template-columns: 1fr 1fr;}}
.ibh .values{display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px;}
.ibh .value{background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 24px 18px; text-align: center; transition: .25s; box-shadow: var(--shadow);}
.ibh .value:hover{transform: translateY(-4px);}
.ibh .value .ic{width: 56px; height: 56px; border-radius: 16px; background: var(--grad); color: #fff; display: grid; place-items: center; margin: 0 auto 14px;}
.ibh .value:nth-child(2) .ic{background: var(--yellow);}
.ibh .value:nth-child(3) .ic{background: var(--blue);}
.ibh .value:nth-child(4) .ic{background: var(--navy);}
.ibh .value .ic svg{width: 26px; height: 26px;}
.ibh .value h3{font-size: 18px;}
.ibh .value p{color: var(--muted); font-size: 14px; margin: 0;}
@media (max-width: 1000px){.ibh .values{grid-template-columns: repeat(2, 1fr);}
.ibh .values .value:last-child{grid-column: span 2;}}
@media (max-width: 520px){.ibh .values{grid-template-columns: 1fr;}
.ibh .values .value:last-child{grid-column: auto;}}
.ibh .reveal{opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s var(--ease);}
.ibh .reveal.in{opacity: 1; transform: none;}
.ibh main:focus{outline: none;}
@media (prefers-reduced-motion: reduce){.ibh .reveal{opacity: 1; transform: none; transition: none;}
.ibh{scroll-behavior: auto;}
.ibh .ticker-track{animation: none;}}
.ibh .hero, .ibh .section{overflow-x: clip;}
@media (max-width: 560px){.ibh .hero-stats div{padding-inline: 12px;}
.ibh .hero-stats b{font-size: 23px;}
.ibh .hero-stats{flex-wrap: nowrap;}}
.ibh{--blue-50: #EAF3FB; --blue-100: #D3E6F5; --blue-d: #034A7C; --orange-50: #FEF0E6; --bg-2: #F4F8FC;}
@keyframes up{ from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.ibh .liquid{position: relative; width: min(500px, 100%); aspect-ratio: 1; margin-inline: auto; animation: bob2 7s ease-in-out infinite;}
@keyframes bob2{ 50% { transform: translateY(-8px); } }
.ibh .liq-back{position: absolute; inset: -2%; clip-path: url(#liq2); background: linear-gradient(135deg, var(--orange) 0%, var(--yellow) 42%, var(--blue) 100%); transform: rotate(-9deg); opacity: .95;}
.ibh .liq-glow{position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(circle, rgba(5,97,160,.35), transparent 70%); filter: blur(30px);}
.ibh .liquid .frame{position: absolute; inset: 4%; clip-path: url(#liq); background: var(--sky);}
.ibh .liquid .frame img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.08); transition: opacity 1.1s ease, transform 7s ease;}
.ibh .liquid .frame img.on{opacity: 1; transform: scale(1);}
.ibh .hero-photo{animation: up 1s .2s var(--ease) both;}
.ibh .hero .wrap > div:first-child > *{animation: up .8s var(--ease) both;}
.ibh .hero .wrap > div:first-child > *:nth-child(2){animation-delay: .1s;}
.ibh .hero .wrap > div:first-child > *:nth-child(3){animation-delay: .2s;}
.ibh .hero .wrap > div:first-child > *:nth-child(4){animation-delay: .3s;}
.ibh .hero .wrap > div:first-child > *:nth-child(5){animation-delay: .4s;}
@media (prefers-reduced-motion: reduce){.ibh .liquid, .ibh .hero-photo, .ibh .hero .wrap > div:first-child > *{animation: none;}}
.ibh ::view-transition-old(root){animation: vtOut .25s ease both;}
.ibh ::view-transition-new(root){animation: vtIn .4s var(--ease) both;}
@keyframes vtOut{ to { opacity: 0; transform: translateY(-6px); } }
@keyframes vtIn{ from { opacity: 0; transform: translateY(8px); } }
.ibh main{animation: pageIn .55s var(--ease) both;}
@keyframes pageIn{ from { opacity: 0; transform: translateY(10px); } }
.ibh .card, .ibh .value, .ibh .btn{transition-duration: .35s;}
@media (prefers-reduced-motion: reduce){.ibh main{animation: none !important; opacity: 1 !important; stroke-dashoffset: 0 !important;}}
.ibh{text-align: start;}
.ibh h1, .ibh h2, .ibh h3{text-wrap: balance;}
.ibh p, .ibh .lead{text-wrap: pretty;}
.ibh [dir="ltr"]{unicode-bidi: isolate;}
.ibh .section.soft{background: linear-gradient(180deg, #F2F7FC, #F8FAFD);}
.ibh .sec-head{align-items: flex-end;}
.ibh .sec-head h2{line-height: 1.25;}
.ibh .sec-head.light h2{color: #fff;}
.ibh .sec-head.light p{color: rgba(255,255,255,.78);}
.ibh .sec-head.light > div::after{background: var(--yellow);}
.ibh .hero-stats b{display: block; font-size: 30px; font-weight: 800; line-height: 1.1; text-align: start; direction: rtl;}
.ibh .hero-stats b span{unicode-bidi: isolate;}
@media (max-width: 760px){.ibh .section{padding: 56px 0;}
.ibh .sec-head{flex-direction: column; align-items: stretch; gap: 14px; margin-bottom: 26px;}
.ibh .sec-head .link-btn{align-self: flex-start;}
.ibh .sec-head h2{font-size: 26px;}
.ibh .hero .wrap{gap: 26px; padding-top: 10px;}
.ibh .hero h1{font-size: 38px;}
.ibh .hero-actions{flex-direction: column; align-items: stretch;}
.ibh .hero-actions .btn{justify-content: center;}
.ibh .hero-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;}
.ibh .hero-stats div{padding: 0 8px;}
.ibh .hero-stats div:first-child{padding-inline-start: 0;}
.ibh .hero-stats b{font-size: 22px;}
.ibh .hero-stats span{font-size: 12px; line-height: 1.5; display: block;}
.ibh .liquid{width: 86%;}
.ibh .ticker span{font-size: 14px;}
.ibh .join{gap: 12px;}
.ibh .join a{padding: 18px 12px;}
.ibh .join b{font-size: 15px;}}
@media (max-width: 380px){.ibh .hero h1{font-size: 33px;}
.ibh .hero-stats b{font-size: 19px;}}
.ibh .hero-stats b span{font-size: inherit; color: inherit; display: inline;}
.ibh .sec-head > .link-btn::after{display: none !important;}
@media (max-width: 960px){}
.ibh .timeline::before{transform: scaleX(0); transform-origin: right; transition: transform 1.2s var(--ease);}
.ibh .timeline.in::before{transform: scaleX(1);}
.ibh .timeline.reveal{opacity: 1; transform: none;}
.ibh .tl-item{opacity: 0; transform: translateY(16px); transition: opacity .6s var(--ease), transform .6s var(--ease); transition-delay: calc(var(--i) * .12s + .2s);}
.ibh .timeline.in .tl-item{opacity: 1; transform: none;}
.ibh .tl-item::before{transition: transform .4s;}
.ibh .tl-item:hover::before{transform: scale(1.25); background: var(--orange);}
.ibh .tl-item .card{height: 100%;}
.ibh .tl-item .card h3{font-size: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 4.5em;}
.ibh .timeline{align-items: stretch;}
@media (max-width: 760px){.ibh .timeline{grid-template-columns: 1fr; padding: 0; padding-inline-start: 30px; gap: 26px;}
.ibh .timeline::before{top: 6px; bottom: 6px; inset-inline-start: 7px; inset-inline-end: auto; width: 2px; height: auto; transform: scaleY(0); transform-origin: top; background: linear-gradient(180deg, var(--blue), var(--orange));}
.ibh .timeline.in::before{transform: scaleY(1);}
.ibh .tl-item::before{top: 4px; inset-inline-start: -30px;}
.ibh .tl-item .when{position: static; display: block; margin-bottom: 8px; padding-inline-start: 4px;}
.ibh .tl-item .card{flex-direction: row;}
.ibh .tl-item .card .media{width: 120px; flex-shrink: 0; aspect-ratio: auto; margin: 8px;}
.ibh .tl-item .card h3{min-height: 0; font-size: 15px;}
.ibh .tl-item .card .body{padding: 12px 10px 12px 14px;}}
.ibh .panels.reveal{opacity: 1; transform: none;}
.ibh .panel{transition: flex .7s var(--ease), box-shadow .4s;}
.ibh .panel img{transition: transform 1.2s var(--ease);}
.ibh .panel.on img{transform: scale(1.04);}
.ibh .panels:hover .panel.on:not(:hover){flex: 1;}
.ibh .panel .txt{transition: transform .5s var(--ease);}
.ibh .panel:not(.on) .txt h3{font-size: 17px;}
@media (max-width: 860px){.ibh .panels{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; height: auto;}
.ibh .panel, .ibh .panel.on, .ibh .panels:hover .panel:hover{height: 230px; flex: none;}
.ibh .panel p{display: none;}
.ibh .panel .go{opacity: 1;}
.ibh .panel h3{font-size: 17px !important;}}
@media (max-width: 420px){.ibh .panels{grid-template-columns: 1fr;}
.ibh .panel, .ibh .panel.on{height: 200px;}}
.ibh .feat > *{transition: opacity .25s ease;}
.ibh .feat.fade > *{opacity: 0;}
.ibh .feat img{transition: transform 1.2s var(--ease), opacity .25s;}
.ibh .feat:hover img{transform: scale(1.04);}
.ibh .side-list a{position: relative; transition: background .25s, transform .3s var(--ease);}
.ibh .side-list a[aria-current]{background: var(--sky);}
.ibh .side-list a[aria-current]::after{content: ""; position: absolute; inset-inline-start: 0; top: 18%; bottom: 18%; width: 3px; border-radius: 3px; background: var(--orange);}
.ibh .side-list a:hover{transform: translateX(-3px);}
@media (max-width: 900px){.ibh .side-list{grid-template-columns: 1fr;}}
.ibh .partners-row{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 44px; margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--line);}
.ibh .partners-row img{height: 56px; width: auto; object-fit: contain; filter: grayscale(1); opacity: .7; transition: filter .35s, opacity .35s, transform .35s var(--ease);}
.ibh .partners-row a:hover img{filter: none; opacity: 1; transform: translateY(-3px);}
@media (max-width: 560px){.ibh .partners-row{gap: 16px 28px;}
.ibh .partners-row img{height: 42px;}}
.ibh .card, .ibh .join a, .ibh .value{transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .3s;}
.ibh .btn{transition: transform .3s var(--ease), box-shadow .3s var(--ease), background .3s, color .3s, border-color .3s;}
.ibh .btn:active{transform: scale(.97);}
.ibh .reveal{transition: opacity .8s var(--ease), transform .8s var(--ease);}
@media (prefers-reduced-motion: reduce){.ibh .tl-item, .ibh .timeline::before{transition: none !important; opacity: 1 !important; transform: none !important;}}
@keyframes spinIn{ from { transform: rotate(-72deg) scale(.6); opacity: 0; } }
.ibh{--pmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,10 90,39 75,87 25,87 10,39' fill='black' stroke='black' stroke-width='16' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;}
.ibh .sec-head > div::after{display: none;}
.ibh .sec-head h2{display: flex; align-items: center; gap: 12px;}
.ibh .sec-head h2::before{content: ""; width: 26px; height: 26px; flex-shrink: 0; -webkit-mask: var(--pmask); mask: var(--pmask); background: linear-gradient(135deg, var(--orange), var(--yellow)); animation: spinIn 1s cubic-bezier(.34,1.56,.64,1) both;}
.ibh .section:nth-of-type(even) .sec-head h2::before{background: linear-gradient(135deg, var(--blue-l, #2C88C9), var(--blue));}
.ibh .sec-head.center h2{justify-content: center;}
.ibh .sec-head.light h2::before{background: linear-gradient(135deg, var(--yellow), var(--orange));}
.ibh .sec-head:hover h2::before{animation: spin72 .8s var(--ease);}
@keyframes spin72{ to { transform: rotate(72deg); } }
.ibh .ticker span i, .ibh .join .ic, .ibh .panel .ic, .ibh .value .ic{border-radius: 0; -webkit-mask: var(--pmask); mask: var(--pmask);}
.ibh .ticker span i{width: 30px; height: 30px; padding-top: 2px;}
.ibh .join .ic{width: 56px; height: 56px; padding-top: 4px; transition: transform .6s cubic-bezier(.34,1.56,.64,1);}
.ibh .join a:hover .ic{transform: rotate(72deg) scale(1.06);}
.ibh .join a:hover .ic svg{transform: rotate(-72deg);}
.ibh .join .ic svg{transition: transform .6s cubic-bezier(.34,1.56,.64,1);}
.ibh .panel .ic{width: 42px; height: 42px; padding-top: 3px; border-radius: 0; transition: transform .6s cubic-bezier(.34,1.56,.64,1), background .3s;}
.ibh .panel:hover .ic, .ibh .panel.on .ic{transform: rotate(72deg);}
.ibh .panel:hover .ic svg, .ibh .panel.on .ic svg{transform: rotate(-72deg);}
.ibh .panel .ic svg{transition: transform .6s cubic-bezier(.34,1.56,.64,1);}
.ibh .tl-item::before{border-radius: 0; -webkit-mask: var(--pmask); mask: var(--pmask); width: 18px; height: 18px; top: -43px; border: 0; background: var(--orange); box-shadow: none; transition: transform .5s cubic-bezier(.34,1.56,.64,1);}
.ibh .tl-item:nth-child(even)::before{background: var(--blue);}
.ibh .tl-item:hover::before{transform: rotate(72deg) scale(1.2);}
.ibh .tl-item .when{background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 1px 10px; top: -30px; inset-inline-start: 26px; font-size: 12px; box-shadow: var(--shadow);}
@media (max-width: 760px){.ibh .tl-item::before{top: 2px; inset-inline-start: -36px;}
.ibh .tl-item .when{position: static; display: inline-block; margin-bottom: 8px;}}
@media (min-width: 901px){.ibh .stories-grid{grid-template-columns: 1fr 1.65fr;}
.ibh .stories-grid .side-list{order: -1;}}
.ibh{line-height: 1.8;}
.ibh h1, .ibh h2, .ibh h3, .ibh h4{letter-spacing: 0;}
.ibh .sec-head h2{font-size: clamp(25px, 3vw, 36px);}
.ibh .sec-head p, .ibh .lead{max-width: 46em; line-height: 1.85;}
.ibh .card h3, .ibh .side-list b, .ibh .tl-item .card h3{line-height: 1.55;}
.ibh .feat p, .ibh .join small{line-height: 1.85;}
.ibh .hero .lead{font-size: 17.5px;}
.ibh .hero h1{line-height: 1.22;}
.ibh .join small{display: block; max-width: 22em; margin-inline: auto;}
@media (max-width: 760px){.ibh .hero .lead{font-size: 16px;}
.ibh .card h3{font-size: 16px;}}
@media (prefers-reduced-motion: reduce){.ibh .sec-head h2::before{animation: none !important;}}
.ibh{--soft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='6,20 50,5 94,20 94,94 6,94' fill='black' stroke='black' stroke-width='10' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  --soft-lo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='3,9 50,3 97,9 97,97 3,97' fill='black' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;}
.ibh .tl-item::before{border-radius: 0; border: 0; width: 18px; height: 18px; top: -43px; background: linear-gradient(135deg, var(--orange), var(--yellow)); -webkit-mask: var(--pmask); mask: var(--pmask); box-shadow: none;}
.ibh .tl-item:nth-child(even)::before{background: linear-gradient(135deg, var(--blue), #3b8fd0);}
.ibh .tl-item:hover::before{transform: scale(1.3) rotate(72deg);}
.ibh .soft-card{position: relative; border-radius: 22px; overflow: visible; background: #fff; transition: transform .5s var(--ease), box-shadow .5s var(--ease);}
.ibh .soft-card .media{margin: 10px 10px 0; border-radius: 0; aspect-ratio: 4/3; overflow: hidden; -webkit-mask: var(--soft); mask: var(--soft);}
.ibh .soft-card .media img{transition: transform 1s var(--ease);}
.ibh .soft-card:hover{transform: translateY(-6px); box-shadow: 0 22px 40px -22px rgba(16,23,64,.35);}
.ibh .soft-card:hover .media img{transform: scale(1.06);}
.ibh .soft-card .tl-kind{position: absolute; top: 18px; inset-inline-start: 50%; transform: translateX(50%); z-index: 2; font-size: 12px; padding: 4px 12px; box-shadow: 0 8px 16px -10px rgba(16,23,64,.6);}
.ibh .soft-card .pill.tl-kind:not(.yellow):not(.blue){background: var(--orange); color: #fff;}
.ibh .soft-card .body{padding: 14px 16px 18px;}
.ibh .soft-card .more{display: inline-flex; gap: 6px; align-items: center; font-size: 13px; font-weight: 600; color: var(--blue); margin-top: auto;}
.ibh .soft-card .more svg{width: 14px; height: 14px; transition: transform .3s;}
.ibh .soft-card:hover .more svg{transform: translateX(-4px);}
@media (max-width: 900px){.ibh .tl-item .soft-card .media{-webkit-mask: none; mask: none; border-radius: 16px; margin: 8px;}
.ibh .soft-card .tl-kind{top: auto; bottom: 10px; inset-inline-start: 14px; transform: none;}}
.ibh .panel{border-radius: 0; -webkit-mask: var(--soft-lo); mask: var(--soft-lo);}
.ibh .panel .ic{top: 30px; inset-inline-end: 50%; transform: translateX(-50%);}
.ibh .panel:hover .ic, .ibh .panel.on .ic{transform: translateX(-50%) rotate(72deg);}
.ibh .panel .txt{bottom: 24px;}
.ibh .panel::before{content: ""; position: absolute; inset-inline: 22%; bottom: 0; height: 4px; border-radius: 4px 4px 0 0; z-index: 3; background: linear-gradient(90deg, var(--orange), var(--yellow)); transform: scaleX(0); transition: transform .6s var(--ease);}
.ibh .panel.on::before{transform: scaleX(1);}
.ibh .panel:nth-child(even)::before{background: linear-gradient(90deg, var(--blue), #49a3e0);}
@media (max-width: 900px){.ibh .panel{-webkit-mask: none; mask: none; border-radius: 20px;}
.ibh .panel .ic{top: 14px; inset-inline-end: 14px; transform: none;}
.ibh .panel:hover .ic, .ibh .panel.on .ic{transform: rotate(72deg);}}
.ibh .bloom-band{position: relative; margin: 0 auto; max-width: calc(var(--max, 1200px) + 80px); background: radial-gradient(120% 90% at 85% 10%, #1c2a6b 0%, var(--navy, #101740) 55%); color: #fff; border-radius: 36px; padding: 64px 0; overflow: hidden;}
.ibh .bloom-band.reveal{opacity: 1; transform: none;}
.ibh .bloom-band::before{content: ""; position: absolute; width: 520px; height: 520px; inset-inline-start: -160px; bottom: -260px; -webkit-mask: var(--pmask); mask: var(--pmask); background: rgba(5,97,160,.25); animation: bloomSpin 60s linear infinite;}
@keyframes bloomSpin{ to { transform: rotate(360deg); } }
.ibh .bloom-wrap{position: relative; display: grid; grid-template-columns: 420px 1fr; gap: 56px; align-items: center;}
.ibh .bloom{--r: 128px; position: relative; width: 400px; height: 400px; margin: 0 auto;}
.ibh .bloom-frame{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.ibh .bloom-frame polygon{fill: rgba(255,255,255,.03); stroke: rgba(255,255,255,.22); stroke-width: .5; stroke-dasharray: 4 3; stroke-linejoin: round;}
.ibh .bloom-frame circle{fill: var(--yellow); opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(0); transition: opacity .5s, transform .6s cubic-bezier(.34,1.56,.64,1); transition-delay: calc(var(--k) * .1s + .6s);}
.ibh .bloom-frame circle:nth-of-type(even){fill: var(--orange);}
.ibh .bloom-band.in .bloom-frame circle{opacity: .9; transform: scale(1);}
.ibh .bloom-band.in .bloom-frame polygon{animation: dash 30s linear infinite;}
@keyframes dash{ to { stroke-dashoffset: -140; } }
.ibh .b-head, .ibh .b-body, .ibh .petal{position: absolute; left: 50%; display: grid; place-items: center; text-align: center;}
.ibh .b-head{top: 40%; width: 132px; height: 132px; margin: -66px 0 0 -66px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #2f8fd6, var(--blue)); box-shadow: 0 0 0 10px rgba(5,97,160,.18), 0 20px 40px -16px rgba(0,0,0,.6); z-index: 2; align-content: center; gap: 0;}
.ibh .b-head b{font-size: 34px; line-height: 1; font-weight: 800;}
.ibh .b-head small{font-size: 13px; opacity: .85; margin-top: 4px;}
.ibh .b-body{top: 78%; width: 170px; height: 70px; margin-left: -85px; border-radius: 85px 85px 22px 22px; background: linear-gradient(180deg, #1d4f97, #13306c); align-content: center; grid-auto-flow: column; gap: 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,.15);}
.ibh .b-body b{font-size: 24px; color: var(--yellow);}
.ibh .b-body small{font-size: 13px; opacity: .8;}
.ibh .petal{top: 40%; width: 78px; height: 78px; border: 0; padding: 4px 0 0; cursor: pointer; color: var(--navy, #101740); font: inherit; font-weight: 800; font-size: 17px;
  -webkit-mask: var(--pmask); mask: var(--pmask);
  transform: translate(-50%, -50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1)) scale(0);
  transition: transform .8s cubic-bezier(.34,1.56,.64,1), filter .3s; transition-delay: calc(var(--k) * .12s + .2s);}
.ibh .petal.y{background: linear-gradient(150deg, #ffd26a, var(--yellow));}
.ibh .petal.o{background: linear-gradient(150deg, #ff9a5e, var(--orange)); color: #fff;}
.ibh .bloom-band.in .petal{transform: translate(-50%, -50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1)) scale(1);}
.ibh .bloom-band.in .petal.on{transform: translate(-50%, -50%) rotate(var(--a)) translateY(calc(var(--r) * -1.08)) rotate(calc(var(--a) * -1)) scale(1.18); transition-delay: 0s; filter: drop-shadow(0 0 14px rgba(242,177,46,.55));}
.ibh .bloom-band.in .petal:not(.on){filter: saturate(.75) brightness(.92);}
.ibh .bloom-band.in .petal:hover{filter: none;}
.ibh .bloom-text .sec-head{margin-bottom: 22px;}
.ibh .bloom-text .sec-head h2{color: #fff;}
.ibh .bloom-text .sec-head p{color: rgba(255,255,255,.72);}
.ibh .b-pick{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.ibh .b-pick button{display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #fff; font: inherit; font-size: 14.5px; cursor: pointer; text-align: start; transition: background .3s, border-color .3s, transform .3s;}
.ibh .b-pick button b{font-size: 18px; min-width: 52px; color: var(--yellow);}
.ibh .b-pick button.o b{color: #ff9a5e;}
.ibh .b-pick button:hover{transform: translateY(-2px); border-color: rgba(255,255,255,.35);}
.ibh .b-pick button[aria-selected="true"]{background: #fff; color: var(--navy, #101740); border-color: #fff;}
.ibh .b-pick button[aria-selected="true"] b{color: var(--orange);}
.ibh .b-detail{margin: 22px 0; padding-inline-start: 16px; border-inline-start: 3px solid var(--yellow); min-height: 84px;}
.ibh .b-detail h3{font-size: 19px; margin: 0 0 6px; color: #fff;}
.ibh .b-detail p{margin: 0; color: rgba(255,255,255,.75);}
.ibh .b-detail.swap{animation: bSwap .5s var(--ease);}
@keyframes bSwap{ from { opacity: 0; transform: translateY(8px); } }
.ibh .b-nums{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; border-top: 1px solid rgba(255,255,255,.12); padding-top: 18px;}
.ibh .b-nums b{display: block; font-size: 28px; font-weight: 800; color: #fff;}
.ibh .b-nums span{font-size: 13px; color: rgba(255,255,255,.65);}
@media (max-width: 1000px){.ibh .bloom-wrap{grid-template-columns: 1fr; gap: 30px;}
.ibh .bloom-band{border-radius: 26px; margin-inline: 12px; padding: 44px 0;}}
@media (max-width: 520px){.ibh .bloom{--r: 96px; width: 300px; height: 300px;}
.ibh .b-head{width: 104px; height: 104px; margin: -52px 0 0 -52px;}
.ibh .b-head b{font-size: 26px;}
.ibh .petal{width: 62px; height: 62px; font-size: 14px;}
.ibh .b-body{width: 136px; height: 56px; margin-left: -68px;}
.ibh .b-body b{font-size: 19px;}
.ibh .b-pick{grid-template-columns: 1fr;}
.ibh .b-nums b{font-size: 22px;}}
.ibh li, .ibh dd, .ibh small, .ibh label, .ibh span){line-height: 2 !important;}
.ibh li, .ibh dd, .ibh small, .ibh label, .ibh span){line-height: 2.3 !important;}
.ibh li, .ibh dd, .ibh small, .ibh label, .ibh span){line-height: 2.7 !important;}
.ibh h2, .ibh h3){outline: 2px solid var(--orange); outline-offset: 4px; border-radius: 4px; background: rgba(242,177,46,.12);}
.ibh li, .ibh h1, .ibh h2, .ibh h3, .ibh dd){text-align: start !important;}
.ibh video, .ibh .liquid){filter: invert(1) hue-rotate(180deg);}
.ibh li, .ibh small, .ibh span, .ibh dd){color: #000 !important;}
/* ---- WordPress glue ---- */
.ibh{display:block;margin-inline:calc(50% - 50vw);inline-size:auto;max-inline-size:100vw;overflow-x:clip;direction:rtl;text-align:start}
.ibh .a11y-panel{display:none}
html:has(.ibh){overflow-x:clip}
.ibh .reveal{opacity:1;transform:none}
.ibh-pre .ibh .reveal:not(.in),.ibh.ibh-js .reveal:not(.in){opacity:0;transform:translateY(18px);animation:ibh-show .01s 4s forwards}
@keyframes ibh-show{to{opacity:1;transform:none}}
body:has(.ibh) .page-header{display:none}
body:has(.ibh) .site-content{padding-block:0!important;margin-block:0!important;background:#f6f8fc}
body:has(.ibh) .site-content > .keydesign-container{padding-block-start:0!important}