/* IITWares "Prism" homepage */
.hp-in{max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter);}
.hp main section{position:relative;}
.hp-head{max-width:760px;margin-bottom:clamp(32px,4vw,56px);}
.hp-head h2,.hp-appr h2,.hp-ind h2,.hp-faq h2{font-size:clamp(30px,3.6vw,52px);line-height:1.08;letter-spacing:-.035em;margin:.3em 0 .35em;}
.hp-head .dek{font-size:18px;color:var(--ink-3);margin:0;}
.hp-head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.hp-head--row h2{max-width:18ch;}
.arw{width:18px;height:18px;flex:none;position:relative;z-index:1;transition:transform .3s;}
[dir="rtl"] .arw{transform:scaleX(-1);}
a:hover>.arw{transform:translateX(4px);}
[dir="rtl"] a:hover>.arw{transform:scaleX(-1) translateX(4px);}
.btn .arw{margin-inline-start:6px;}
.hp-k{font:600 13px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin:0 0 18px;}
[dir="rtl"] .hp-k{letter-spacing:0;font-size:15px;}

/* hero */
.hp-hero{min-height:min(880px,calc(100svh - 72px));display:grid;place-items:center;text-align:center;overflow:hidden;isolation:isolate;padding:clamp(56px,8vw,110px) var(--gutter) clamp(150px,15vw,220px);}
.hp-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(rgba(18,23,94,.14) 1px,transparent 1.5px) 0 0/22px 22px,
  radial-gradient(34% 46% at 12% 22%,rgba(255,186,150,.38),transparent 70%),
  radial-gradient(40% 56% at 88% 30%,rgba(110,170,255,.5),transparent 70%),
  radial-gradient(36% 50% at 50% 96%,rgba(0,220,130,.2),transparent 70%),#fff;}
.hero3d--wide{inset:0;width:auto;aspect-ratio:auto;top:0;transform:none;z-index:-1;}
.hero3d--wide::after{display:none;}
.hero3d--wide img{object-fit:cover;animation:none;}
.hp-hero-in{max-width:900px;position:relative;}
.hp-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(18,23,94,.1);box-shadow:0 8px 24px -14px rgba(18,23,94,.4);font:550 14px/1.2 var(--font-sans);color:var(--navy);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.hp-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(0,220,130,.22);}
.hp-hero h1{font-size:clamp(38px,5.6vw,82px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:780;color:var(--navy);}
[dir="rtl"] .hp-hero h1{line-height:1.3;letter-spacing:0;font-size:clamp(36px,5.6vw,80px);}
.hp-l{display:block;}
.hp-l>span{display:inline-block;animation:hpUp .9s cubic-bezier(.2,.7,.2,1) both;}
.hp-l:nth-child(2)>span{animation-delay:.1s;}.hp-l:nth-child(3)>span{animation-delay:.2s;}
.hp-l--u{position:relative;display:inline-block;background:linear-gradient(90deg,#1F47C8,#00B56E);-webkit-background-clip:text;background-clip:text;}
.hp-l--u>span{-webkit-text-fill-color:transparent;background:inherit;-webkit-background-clip:text;background-clip:text;}
.hp-swoosh{position:absolute;inset-inline:2%;bottom:-.2em;width:96%;height:.3em;overflow:visible;}
.hp-swoosh path{stroke-dasharray:1;stroke-dashoffset:1;animation:hpDraw 1.1s .7s cubic-bezier(.6,0,.2,1) forwards;}
[dir="rtl"] .hp-swoosh{transform:scaleX(-1);bottom:-.32em;}
@keyframes hpUp{from{opacity:0;transform:translateY(.5em) rotateX(-40deg)}to{opacity:1;transform:none}}
@keyframes hpDraw{to{stroke-dashoffset:0}}
.hp-lede{font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--ink-3);max-width:660px;margin:34px auto 0;}
.hp-act{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px;}
.hp-act .btn-outline{background:rgba(255,255,255,.75);}

/* about: the offset blue block */
.hp-about{margin-top:clamp(-150px,-11vw,-90px);z-index:2;padding-bottom:clamp(40px,5vw,72px);}
.hp-blue{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,5vw,80px);padding:clamp(30px,5vw,72px);border-radius:28px;color:#fff;overflow:hidden;
  background:radial-gradient(60% 90% at 100% 0%,rgba(90,150,255,.65),transparent 60%),radial-gradient(50% 80% at 0% 100%,rgba(0,220,130,.22),transparent 60%),linear-gradient(135deg,#1F47C8,#12175E);box-shadow:0 50px 90px -50px rgba(18,23,94,.75);}
.hp-blue h2{color:#fff;font-size:clamp(26px,3vw,42px);line-height:1.12;letter-spacing:-.03em;margin:0 0 18px;}
.hp-blue p{color:rgba(255,255,255,.86);font-size:17px;line-height:1.7;margin:0;max-width:60ch;}
.hp-facts{margin:0;display:grid;gap:0;align-content:center;}
.hp-facts>div{padding:16px 0;border-top:1px solid rgba(255,255,255,.2);}
.hp-facts>div:last-child{border-bottom:1px solid rgba(255,255,255,.2);}
.hp-facts dt{font-size:13px;color:var(--green);font-weight:600;margin-bottom:4px;}
.hp-facts dd{margin:0;font-size:16.5px;color:#fff;font-weight:500;}
.hp-round{position:absolute;inset-inline-end:clamp(18px,2.4vw,34px);top:clamp(18px,2.4vw,34px);width:54px;height:54px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;transition:transform .35s,background-color .3s;}
.hp-round:hover{transform:scale(1.1) rotate(-12deg);background:var(--green);}
.hp-round .arw{width:22px;height:22px;transform:rotate(-45deg);}
[dir="rtl"] .hp-round .arw{transform:scaleX(-1) rotate(-45deg);}
.hp-blue-main{padding-inline-end:0;}
.hp-facts{padding-top:44px;}
.hp-clients{margin-top:clamp(40px,5vw,72px);}
.hp-clients .hm-clients{padding:0;max-width:none;}
.hp-clients h2{font:550 15px/1.3 var(--font-sans);letter-spacing:0;color:var(--ink-3);margin:0 0 20px;text-align:center;}
.hp-clients .hm-roll{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;}
.hp-clients .marquee-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}

/* expertise */
.hp-exp{padding:clamp(56px,7vw,110px) 0;}
.hp-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;}
.hp-card{grid-column:span 2;position:relative;padding:28px 28px 26px;display:flex;flex-direction:column;overflow:hidden;}
.hp-card:nth-child(n+4){grid-column:span 3;}
.hp-card::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 85% 0%,rgba(110,170,255,.28),transparent 70%);z-index:0;transition:opacity .4s;opacity:.7;}
.hp-card:hover::before{opacity:1;}
.hp-card>*{position:relative;z-index:1;}
.hp-card-fig{width:150px;height:150px;margin:-14px -14px 6px;margin-inline-start:-14px;transform:translateZ(40px);transition:transform .5s cubic-bezier(.2,.7,.2,1);}
.hp-card:hover .hp-card-fig{transform:translateZ(60px) scale(1.08) rotate(-4deg);}
.hp-card-fig img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(18,23,94,.18));}
.hp-card h3{font-size:22px;letter-spacing:-.02em;margin:0 0 8px;}
.hp-card h3 a{color:inherit;text-decoration:none;}
.hp-card h3 a::after{content:"";position:absolute;inset:0;}
.hp-card p{color:var(--ink-3);margin:0 0 16px;font-size:16px;line-height:1.55;}
.hp-card ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:2;}
.hp-card ul a{display:block;padding:7px 13px;border-radius:999px;background:#F1F5FF;color:var(--navy);font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .25s,color .25s;}
.hp-card ul a:hover{background:var(--navy);color:#fff;}
.hp-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--royal);text-decoration:none;font-size:15px;}

/* work */
.hp-work{padding:clamp(56px,7vw,110px) 0;background:linear-gradient(180deg,#F4F7FF,#fff);}
.hp-work-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
.hp-work-i{overflow:hidden;position:relative;}
.hp-shot{position:relative;background:#E9EEFB;padding:34px 14px 0;overflow:hidden;}
.hp-bar{position:absolute;top:11px;inset-inline:14px;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-3);direction:ltr;}
.hp-bar i{width:9px;height:9px;border-radius:50%;background:#C5CEE8;}
.hp-bar i:first-child{background:#FF8A7A;}.hp-bar i:nth-child(2){background:#FFC857;}.hp-bar i:nth-child(3){background:#00DC82;}
.hp-bar bdi{margin-inline-start:8px;}
.hp-shot img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top;border-radius:8px 8px 0 0;box-shadow:0 -6px 30px -10px rgba(18,23,94,.35);transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-origin:50% 0;}
.hp-work-i:hover .hp-shot img{transform:scale(1.045);}
.hp-work-t{padding:20px 22px 22px;}
.hp-work-k{font-size:13px;color:var(--ink-3);margin:0 0 6px;}
.hp-work-t h3{font-size:19px;letter-spacing:-.015em;margin:0 0 10px;}
.hp-work-t h3 a{color:inherit;text-decoration:none;}
.hp-work-t h3 a::after{content:"";position:absolute;inset:0;}
.hp-work-l{margin:0;font-size:14.5px;position:relative;z-index:2;}

/* approach: navy band with a live orbit */
.hp-appr{padding:clamp(64px,8vw,130px) 0;color:#fff;overflow:hidden;background:radial-gradient(50% 70% at 0% 100%,rgba(31,71,200,.75),transparent 65%),radial-gradient(40% 60% at 100% 0%,rgba(0,220,130,.16),transparent 65%),#0D1147;}
.hp-appr::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.5px) 0 0/24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);}
.hp-appr-in{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,100px);align-items:start;}
.hp-appr-side{position:sticky;top:110px;}
.hp-appr h2{color:#fff;margin-top:0;}
.hp-appr-side>p:not(.hp-k){color:rgba(255,255,255,.8);font-size:17.5px;line-height:1.65;margin:0;}
.hero3d--in{position:relative;inset:auto;top:auto;transform:none;width:min(100%,360px);margin:6px 0 10px;inset-inline-end:auto;}
.hp-appr .hero3d--in::after{background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);}
.hp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.hp-steps li{padding:24px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .3s,transform .3s,border-color .3s;}
.hp-steps li:hover{background:rgba(255,255,255,.11);border-color:rgba(0,220,130,.6);transform:translateY(-4px);}
.hp-steps .n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--green);color:var(--navy-2);font:700 14px/1 var(--font-display);margin-bottom:16px;}
.hp-steps h3{color:#fff;font-size:20px;margin:0 0 6px;}
.hp-steps p{color:rgba(255,255,255,.76);margin:0;font-size:15.5px;line-height:1.55;}
.hp-fine{color:rgba(255,255,255,.6);font-size:14px;margin:16px 0 0;}
.hp-own{margin-top:28px;padding:26px;border-radius:18px;background:#fff;color:var(--ink);}
.hp-own h3{font-size:19px;margin:0 0 14px;}
.hp-own ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.hp-own li{padding:8px 14px 8px 34px;border-radius:999px;background:#EFFBF5;color:#0B5A3B;font-size:14px;font-weight:550;position:relative;}
[dir="rtl"] .hp-own li{padding:8px 34px 8px 14px;}
.hp-own li::before{content:"";position:absolute;inset-inline-start:13px;top:50%;width:12px;height:7px;border:2px solid #00A862;border-top:0;border-inline-end:0;transform:translateY(-70%) rotate(-45deg);}
[dir="rtl"] .hp-own li::before{transform:translateY(-70%) rotate(45deg);}

/* technology */
.hp-tech{padding:clamp(56px,7vw,110px) 0;}
.hp-tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.hp-tech-c{padding:30px;display:flex;flex-direction:column;}
.hp-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1F47C8,#12175E);box-shadow:0 14px 24px -12px rgba(31,71,200,.8);margin-bottom:22px;transform:translateZ(30px);}
.hp-ic svg{width:28px;height:28px;}
.hp-tech-c h3{font-size:21px;margin:0 0 10px;letter-spacing:-.02em;}
.hp-tech-c p{color:var(--ink-3);margin:0 0 20px;line-height:1.6;}

/* industries */
.hp-ind{padding:clamp(56px,7vw,110px) 0;background:#EEF3FF;}
.hp-ind-in{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(28px,5vw,80px);align-items:center;}
.hp-ind-fig{width:min(100%,300px);}
.hp-ind-fig img{width:100%;height:auto;animation:proFloat 7s ease-in-out infinite;filter:drop-shadow(0 30px 30px rgba(18,23,94,.2));}
.hp-ind-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.hp-ind-list a{display:block;padding:22px 24px;text-decoration:none;color:inherit;height:100%;}
.hp-ind-list b{display:block;font:700 19px/1.25 var(--font-display);color:var(--navy);margin-bottom:6px;}
[dir="rtl"] .hp-ind-list b{font-family:var(--font-ar,inherit);}
.hp-ind-list span{color:var(--ink-3);font-size:15px;line-height:1.5;}
.hp-ind-list li{border-inline-start:4px solid var(--green);}

/* insights */
.hp-ins{padding:clamp(56px,7vw,110px) 0;}
.hp-ins-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.hp-ins-grid li{overflow:hidden;}
.hp-ins-grid a{display:block;text-decoration:none;color:inherit;height:100%;}
.hp-ins-grid img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;display:block;}
.hp-ins-grid .k{display:inline-block;margin:20px 22px 0;padding:5px 12px;border-radius:999px;background:#EEF3FF;color:var(--royal);font-size:12.5px;font-weight:600;}
.hp-ins-grid h3{font-size:20px;line-height:1.3;letter-spacing:-.015em;margin:12px 22px 24px;}

/* faq */
.hp-faq{padding:0 0 clamp(56px,7vw,110px);}
.hp-faq .faq-grid{max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter);}
.hp-faq .dek{color:var(--ink-3);}
.hp-faq .faq-item{border:1px solid rgba(18,23,94,.1);border-radius:16px;margin-bottom:12px;padding-inline:22px;background:#fff;transition:box-shadow .3s,border-color .3s;}
.hp-faq .faq-item:last-of-type{border-bottom:1px solid rgba(18,23,94,.1);}
.hp-faq .faq-item[open]{box-shadow:var(--pro-shadow);border-color:rgba(31,71,200,.35);}
.faq-item[open] summary .sign{background:var(--green);border-color:var(--green);color:var(--navy-2);}

/* closing card */
.hp-land{padding:0 0 clamp(56px,7vw,110px);}
.hp-land-card{position:relative;overflow:hidden;border-radius:32px;padding:clamp(34px,6vw,90px);color:#fff;
  background:radial-gradient(50% 120% at 92% 110%,rgba(0,220,130,.35),transparent 60%),radial-gradient(60% 120% at 0% 0%,rgba(90,150,255,.6),transparent 60%),linear-gradient(120deg,#12175E,#1F47C8);box-shadow:0 60px 100px -60px rgba(18,23,94,.8);}
.hp-land-card .hero3d--in{position:absolute;inset-inline-end:clamp(10px,5vw,80px);top:50%;transform:translateY(-50%);width:min(34%,380px);margin:0;}
.hp-land-card .hero3d--in::after{display:none;}
.hp-land .land-in{max-width:min(640px,62%);position:relative;z-index:1;}
.hp-land h2{color:#fff;font-size:clamp(32px,4.4vw,64px);line-height:1.04;letter-spacing:-.04em;margin:0 0 18px;}
.hp-land p{color:rgba(255,255,255,.86);font-size:18px;line-height:1.6;margin:0;}
.hp-land .land-act{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 26px;}
.hp-land .btn-outline{color:#fff;border-color:rgba(255,255,255,.5);background:transparent;}
.hp-land .land-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;color:rgba(255,255,255,.75);}
.hp-land .land-meta a{color:#fff;}
.hp-land .land-meta span{flex-basis:100%;}
.pro-fx .pro-rise{transition-delay:var(--d,0ms);}

@media (max-width:1000px){
  .hp-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hp-card,.hp-card:nth-child(n+4){grid-column:auto;}
  .hp-card:last-child{grid-column:1/-1;}
  .hp-work-grid,.hp-ins-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hp-tech-grid{grid-template-columns:1fr;}
  .hp-appr-in,.hp-ind-in,.hp-blue{grid-template-columns:1fr;}
  .hp-appr-side{position:static;}
  .hp-facts{padding-top:0;}
  .hp-ind-fig{display:none;}
}
@media (max-width:640px){
  .hp-hero{min-height:0;padding-top:44px;padding-bottom:150px;}
  .hp-hero .hero3d--wide{opacity:.55;}
  .hp-cards,.hp-work-grid,.hp-ins-grid,.hp-steps,.hp-ind-list{grid-template-columns:1fr;}
  .hp-card:last-child{grid-column:auto;}
  .hp-blue{border-radius:22px;padding:28px 22px;}
  .hp-blue-main{padding-top:38px;}
  .hp-land-card{border-radius:24px;}
  .hp-land-card .hero3d--in{position:relative;inset:auto;transform:none;width:170px;margin:-10px 0 6px;top:auto;}
  .hp-land .land-in{max-width:none;}
  .hp-head--row .btn{order:3;}
  .hero3d--in{width:220px;}
}
@media (prefers-reduced-motion:reduce){.hp-l>span,.hp-swoosh path{animation:none;stroke-dashoffset:0;}.hp-ind-fig img{animation:none;}}
.hp-appr .hero3d--in{width:min(100%,290px);margin:0 0 4px;}
.hp-appr-side{top:96px;}
/* rotating headline words */
.hp-rot{display:inline-grid!important;perspective:900px;animation:none!important;background:none!important;-webkit-text-fill-color:initial!important;padding-bottom:.08em;}
.hp-w{grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(.55em) rotateX(-70deg);transform-origin:50% 50% -.4em;transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1);
  background:linear-gradient(90deg,#1F47C8,#00B56E);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#1F47C8;padding:0 .06em .12em;margin-bottom:-.12em;}
.hp-w.is-on{opacity:1;transform:none;}
.hp-w.is-out{opacity:0;transform:translateY(-.55em) rotateX(70deg);}
.hp-l--u{background:none;}
@media (max-width:520px){.hp-hero h1{font-size:clamp(30px,9.4vw,40px);}}
@media (prefers-reduced-motion:reduce){.hp-w{transition:none;}}
/* our own products: Umrah Planner and Quran App */
.hp-prod{padding:0 0 clamp(56px,7vw,110px);background:#fff;}
.hp-work+.hp-prod{padding-top:clamp(8px,2vw,30px);}
.hp-prod-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,4vw,56px);border-radius:28px;border:1px solid rgba(18,23,94,.08);
  background:radial-gradient(60% 90% at 0% 0%,rgba(224,173,58,.2),transparent 60%),radial-gradient(60% 90% at 100% 100%,rgba(0,220,130,.16),transparent 60%),#F6F9FF;box-shadow:0 40px 80px -56px rgba(18,23,94,.5);}
.hp-prod .hero3d--in{width:min(100%,460px);margin:0 auto;}
.hp-prod h2{font-size:clamp(28px,3.2vw,46px);line-height:1.08;letter-spacing:-.035em;margin:.3em 0 .7em;}
.hp-prod-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.hp-prod-i{background:#fff;border-radius:18px;padding:24px;border:1px solid rgba(18,23,94,.08);display:flex;flex-direction:column;align-items:flex-start;}
.hp-prod-i h3{font-size:21px;margin:0 0 8px;letter-spacing:-.02em;}
.hp-prod-i p{color:var(--ink-3);margin:0 0 20px;line-height:1.55;font-size:15.5px;}
.hp-prod-i .btn{margin-top:auto;}
.hp-prod-i:first-child{border-top:4px solid #E0AD3A;}
.hp-prod-i:last-child{border-top:4px solid var(--green);}
.hp-ic--g{background:linear-gradient(135deg,#00B56E,#0B5A3B);box-shadow:0 14px 24px -12px rgba(0,181,110,.8);width:46px;height:46px;border-radius:14px;margin-bottom:14px;}
.hp-ic--g svg{width:24px;height:24px;}
@media (max-width:1000px){.hp-prod-card{grid-template-columns:1fr;}.hp-prod .hero3d--in{width:min(100%,340px);}}
@media (max-width:640px){.hp-prod-list{grid-template-columns:1fr;}.hp-prod-card{border-radius:22px;padding:22px 18px;}}
.hp-ic--k{background:linear-gradient(135deg,#2A2C34,#0E0F13);box-shadow:0 14px 24px -12px rgba(14,15,19,.8);color:#E0AD3A;width:46px;height:46px;border-radius:14px;margin-bottom:14px;}
.hp-ic--k svg{width:24px;height:24px;}
.hp-prod-i .btn{max-width:100%;white-space:normal;text-align:start;padding-inline:20px;}
.hp-prod-i h3{margin-bottom:6px;}
.hp-prod-i .hp-by{display:inline-block;margin:0 0 12px;padding:4px 11px;border-radius:999px;background:#EEF3FF;color:var(--royal);font-size:12.5px;font-weight:600;line-height:1.4;}
/* larger client logos, original colours on hover */
.hp-clients .marquee-logo{height:clamp(84px,8vw,112px);width:clamp(140px,13vw,190px);padding:10px 14px;border-radius:16px;transition:background-color .3s,box-shadow .3s,transform .3s;}
.hp-clients .marquee-logo img,.hp-clients .marquee-logo img[width][height]{filter:grayscale(1) contrast(1.05) brightness(.55);opacity:.8;transition:filter .35s,opacity .35s;}
.hp-clients .marquee-logo:hover{background:#fff;box-shadow:0 16px 30px -20px rgba(18,23,94,.45);transform:translateY(-3px);}
.hp-clients .marquee-logo:hover img,.hp-clients .marquee-logo:hover img[width][height]{filter:none;opacity:1;}
.hp-clients .marquee-track{gap:clamp(20px,2.6vw,44px);}
.hp-clients .marquee-wrap{padding:8px 0 14px;}
/* voice assistant band */
.hp-bot{padding:0 0 clamp(56px,7vw,110px);}
.hp-bot-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:center;padding:clamp(28px,5vw,72px);border-radius:32px;color:#fff;
  background:radial-gradient(50% 90% at 0% 100%,rgba(0,220,130,.3),transparent 60%),radial-gradient(60% 90% at 100% 0%,rgba(80,120,255,.55),transparent 62%),#0B0F3A;box-shadow:0 60px 100px -60px rgba(11,15,58,.9);}
.hp-bot-fig{position:relative;display:grid;place-items:center;}
.hp-bot .hero3d--in{width:min(100%,300px);margin:0;}
.hp-bot .hero3d--in::after{background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);}
.hp-bot-ring{position:absolute;inset:8%;border-radius:50%;border:2px solid rgba(0,220,130,.0);pointer-events:none;}
.hp-bot[data-voice="listen"] .hp-bot-ring{border-color:rgba(0,220,130,.8);animation:botPulse 1.4s ease-out infinite;}
.hp-bot[data-voice="speak"] .hp-bot-ring{border-color:rgba(90,160,255,.9);animation:botPulse .9s ease-out infinite;}
@keyframes botPulse{0%{transform:scale(.82);opacity:1}100%{transform:scale(1.18);opacity:0}}
.hp-pill--dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff;box-shadow:none;margin-bottom:20px;}
.hp-bot h2{color:#fff;font-size:clamp(30px,4vw,58px);line-height:1.06;letter-spacing:-.04em;margin:0 0 18px;max-width:16ch;}
[dir="rtl"] .hp-bot h2{line-height:1.3;letter-spacing:0;}
.hp-bot-t>p:not(.hp-pill){color:rgba(255,255,255,.84);font-size:clamp(16px,1.35vw,19px);line-height:1.65;margin:0;max-width:62ch;}
.hp-bot-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.hp-chip{font:550 15px/1.2 var(--font-sans);font-family:inherit;padding:14px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:background-color .25s,border-color .25s,transform .25s;text-align:start;}
.hp-chip:hover{background:rgba(255,255,255,.16);border-color:#fff;transform:translateY(-2px);}
.hp-chip:focus-visible{outline:3px solid var(--green);outline-offset:2px;}
.hp-chip--main{display:inline-flex;align-items:center;gap:10px;background:var(--green);border-color:var(--green);color:var(--navy-2);font-weight:650;}
.hp-chip--main:hover{background:#fff;border-color:#fff;}
.hp-chip--main svg{width:19px;height:19px;flex:none;}
.hp-bot.is-voice .hp-chip--main{background:#fff;border-color:#fff;}
/* voice bar inside the chat window */
.iw-voicebar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0B0F3A;color:#fff;font:500 13.5px/1.3 Inter,system-ui,sans-serif;}
.iw-voicebar[hidden]{display:none;}
.iw-vdot{width:10px;height:10px;border-radius:50%;background:#7C86B8;flex:none;}
.iw-voicebar[data-voice="listen"] .iw-vdot{background:#00DC82;box-shadow:0 0 0 0 rgba(0,220,130,.7);animation:vDot 1.2s infinite;}
.iw-voicebar[data-voice="speak"] .iw-vdot{background:#5AA0FF;}
@keyframes vDot{to{box-shadow:0 0 0 10px rgba(0,220,130,0)}}
.iw-vlbl{flex:1;min-width:0;}
.iw-voicebar button{font:600 13px/1 inherit;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer;}
.iw-voicebar .iw-vtalk{background:#00DC82;border-color:#00DC82;color:#0B0F3A;}
#iwLauncher[data-voice="listen"]::after{background:radial-gradient(closest-side,rgba(0,220,130,.8),transparent);}
@media (max-width:860px){.hp-bot-card{grid-template-columns:1fr;border-radius:24px;}.hp-bot .hero3d--in{width:190px;}.hp-bot-fig{justify-items:start;place-items:start;}}
@media (prefers-reduced-motion:reduce){.hp-bot-ring,.iw-vdot{animation:none!important;}}